smoothly 1.2.1-alpha.51 → 1.2.1-alpha.53
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 +106 -109
- package/dist/cjs/smoothly-app_109.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/input/demo/index.js +4 -4
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/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/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 +10 -13
- package/dist/collection/components/input/select/index.js.map +1 -1
- package/dist/collection/components/input/select/style.css +7 -4
- package/dist/collection/components/input/submit/index.js +1 -1
- package/dist/collection/components/item/index.js +10 -11
- package/dist/collection/components/item/index.js.map +1 -1
- package/dist/collection/components/item/style.css +25 -22
- 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 +2 -1
- package/dist/collection/components/submit/index.js.map +1 -1
- package/dist/collection/components/summary/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +5 -5
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/testing/index.js +1 -1
- package/dist/collection/components/table/expandable/cell/index.js +1 -1
- package/dist/collection/components/table/expandable/row/index.js +1 -1
- package/dist/collection/components/table/footer/index.js +1 -1
- package/dist/collection/components/table/header/index.js +1 -1
- package/dist/collection/components/table/index.js +1 -1
- package/dist/collection/components/table/row/index.js +1 -1
- package/dist/collection/components/tabs/demo/index.js +1 -1
- package/dist/collection/components/tabs/index.js +1 -1
- package/dist/collection/components/tabs/tab/index.js +1 -1
- package/dist/collection/components/theme/color/index.js +1 -1
- package/dist/collection/components/theme/demo/index.js +1 -1
- package/dist/collection/components/theme/guide/index.js +8 -8
- package/dist/collection/components/theme/picker/index.js +2 -2
- package/dist/collection/components/toggle/index.js +1 -1
- package/dist/collection/components/toggle-switch/demo/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +1 -1
- package/dist/collection/components/trigger/index.js +1 -1
- package/dist/collection/components/trigger/sink/index.js +1 -1
- package/dist/collection/components/trigger/source/index.js +1 -1
- package/dist/components/{p-63c691a1.js → p-010a0250.js} +13 -13
- package/dist/components/{p-63c691a1.js.map → p-010a0250.js.map} +1 -1
- package/dist/components/{p-aab71376.js → p-036a11dd.js} +14 -17
- package/dist/components/p-036a11dd.js.map +1 -0
- package/dist/components/{p-beb87a00.js → p-04b7f978.js} +2 -2
- package/dist/components/{p-beb87a00.js.map → p-04b7f978.js.map} +1 -1
- package/dist/components/{p-954dd422.js → p-062a6fe4.js} +2 -2
- package/dist/components/{p-954dd422.js.map → p-062a6fe4.js.map} +1 -1
- package/dist/components/{p-2d4db101.js → p-0e712224.js} +9 -9
- package/dist/components/{p-2d4db101.js.map → p-0e712224.js.map} +1 -1
- package/dist/components/{p-952205c2.js → p-0f7a9aad.js} +3 -3
- package/dist/components/{p-952205c2.js.map → p-0f7a9aad.js.map} +1 -1
- package/dist/components/p-0fa3f5a7.js +45 -0
- package/dist/components/{p-bdbac42a.js.map → p-0fa3f5a7.js.map} +1 -1
- package/dist/components/p-11dd116c.js +207 -0
- package/dist/components/{p-1b161111.js.map → p-11dd116c.js.map} +1 -1
- package/dist/components/{p-5bcf58c9.js → p-15112f2e.js} +2 -2
- package/dist/components/{p-5bcf58c9.js.map → p-15112f2e.js.map} +1 -1
- package/dist/components/{p-01005164.js → p-1788ec72.js} +11 -11
- package/dist/components/{p-01005164.js.map → p-1788ec72.js.map} +1 -1
- package/dist/components/{p-4b663489.js → p-1e152a40.js} +2 -2
- package/dist/components/{p-4b663489.js.map → p-1e152a40.js.map} +1 -1
- package/dist/components/{p-225e4537.js → p-20629089.js} +7 -7
- package/dist/components/{p-225e4537.js.map → p-20629089.js.map} +1 -1
- package/dist/components/{p-3b364b73.js → p-2072c622.js} +2 -2
- package/dist/components/{p-3b364b73.js.map → p-2072c622.js.map} +1 -1
- package/dist/components/{p-256c2b64.js → p-20881197.js} +3 -3
- package/dist/components/{p-256c2b64.js.map → p-20881197.js.map} +1 -1
- package/dist/components/{p-aacd48b6.js → p-20d84cca.js} +2 -2
- package/dist/components/{p-aacd48b6.js.map → p-20d84cca.js.map} +1 -1
- package/dist/components/{p-9b66a8cd.js → p-22136d5a.js} +28 -28
- package/dist/components/p-22136d5a.js.map +1 -0
- package/dist/components/{p-32f089f8.js → p-2245665c.js} +2 -2
- package/dist/components/{p-32f089f8.js.map → p-2245665c.js.map} +1 -1
- package/dist/components/{p-b8c18e44.js → p-22fe3436.js} +2 -2
- package/dist/components/{p-b8c18e44.js.map → p-22fe3436.js.map} +1 -1
- package/dist/components/{p-7e8da083.js → p-259190db.js} +2 -2
- package/dist/components/{p-7e8da083.js.map → p-259190db.js.map} +1 -1
- package/dist/components/{p-b2a46d46.js → p-285fe73a.js} +6 -6
- package/dist/components/{p-b2a46d46.js.map → p-285fe73a.js.map} +1 -1
- package/dist/components/{p-5ef8d096.js → p-290784f7.js} +3 -3
- package/dist/components/{p-5ef8d096.js.map → p-290784f7.js.map} +1 -1
- package/dist/components/{p-e574f08d.js → p-298a2d76.js} +17 -17
- package/dist/components/{p-e574f08d.js.map → p-298a2d76.js.map} +1 -1
- package/dist/components/{p-448a256b.js → p-2c93fde9.js} +3 -2
- package/dist/components/p-2c93fde9.js.map +1 -0
- package/dist/components/p-2e5f3044.js +123 -0
- package/dist/components/{p-1ff539de.js.map → p-2e5f3044.js.map} +1 -1
- package/dist/components/{p-7a2f7f3b.js → p-2f04e84f.js} +3 -3
- package/dist/components/{p-7a2f7f3b.js.map → p-2f04e84f.js.map} +1 -1
- package/dist/components/{p-47d6c43d.js → p-2f3b4735.js} +5 -5
- package/dist/components/{p-47d6c43d.js.map → p-2f3b4735.js.map} +1 -1
- package/dist/components/{p-edc37bbd.js → p-36365329.js} +3 -3
- package/dist/components/{p-edc37bbd.js.map → p-36365329.js.map} +1 -1
- package/dist/components/{p-5ee36921.js → p-39cc0b98.js} +7 -7
- package/dist/components/{p-5ee36921.js.map → p-39cc0b98.js.map} +1 -1
- package/dist/components/{p-591e0e42.js → p-405d6f00.js} +4 -4
- package/dist/components/{p-591e0e42.js.map → p-405d6f00.js.map} +1 -1
- package/dist/components/{p-3167f505.js → p-426ad93d.js} +30 -30
- package/dist/components/{p-3167f505.js.map → p-426ad93d.js.map} +1 -1
- package/dist/components/{p-92c8252d.js → p-4290c3dc.js} +3 -3
- package/dist/components/{p-92c8252d.js.map → p-4290c3dc.js.map} +1 -1
- package/dist/components/{p-562db6b2.js → p-43fd9c2d.js} +2 -2
- package/dist/components/{p-562db6b2.js.map → p-43fd9c2d.js.map} +1 -1
- package/dist/components/{p-0b423141.js → p-484c8e9f.js} +2 -2
- package/dist/components/{p-0b423141.js.map → p-484c8e9f.js.map} +1 -1
- package/dist/components/{p-62328efc.js → p-4a8007bf.js} +5 -5
- package/dist/components/{p-62328efc.js.map → p-4a8007bf.js.map} +1 -1
- package/dist/components/{p-5a89aff9.js → p-4efff7b4.js} +2 -2
- package/dist/components/{p-5a89aff9.js.map → p-4efff7b4.js.map} +1 -1
- package/dist/components/{p-2ceb6925.js → p-54a6c919.js} +2 -2
- package/dist/components/{p-2ceb6925.js.map → p-54a6c919.js.map} +1 -1
- package/dist/components/{p-2dba23a5.js → p-560771d7.js} +10 -10
- package/dist/components/{p-2dba23a5.js.map → p-560771d7.js.map} +1 -1
- package/dist/components/{p-b1e386db.js → p-56235c3f.js} +2 -2
- package/dist/components/{p-b1e386db.js.map → p-56235c3f.js.map} +1 -1
- package/dist/components/{p-0d10cb58.js → p-58437ae8.js} +2 -2
- package/dist/components/{p-0d10cb58.js.map → p-58437ae8.js.map} +1 -1
- package/dist/components/{p-19580a07.js → p-59595cb3.js} +2 -2
- package/dist/components/{p-19580a07.js.map → p-59595cb3.js.map} +1 -1
- package/dist/components/{p-835d7c93.js → p-5d000366.js} +9 -9
- package/dist/components/{p-835d7c93.js.map → p-5d000366.js.map} +1 -1
- package/dist/components/{p-00c5deff.js → p-62096c0f.js} +10 -10
- package/dist/components/{p-00c5deff.js.map → p-62096c0f.js.map} +1 -1
- package/dist/components/{p-192dca7c.js → p-635413e0.js} +2 -2
- package/dist/components/{p-192dca7c.js.map → p-635413e0.js.map} +1 -1
- package/dist/components/{p-8f1ba5d5.js → p-63f98431.js} +5 -5
- package/dist/components/{p-8f1ba5d5.js.map → p-63f98431.js.map} +1 -1
- package/dist/components/{p-45124db6.js → p-6bd00b48.js} +2 -2
- package/dist/components/{p-45124db6.js.map → p-6bd00b48.js.map} +1 -1
- package/dist/components/{p-9a3fa329.js → p-6d5383c6.js} +10 -10
- package/dist/components/{p-9a3fa329.js.map → p-6d5383c6.js.map} +1 -1
- package/dist/components/{p-58d0ca78.js → p-6d74e61e.js} +8 -8
- package/dist/components/{p-58d0ca78.js.map → p-6d74e61e.js.map} +1 -1
- package/dist/components/{p-b3fc0b85.js → p-6d974d20.js} +21 -21
- package/dist/components/{p-b3fc0b85.js.map → p-6d974d20.js.map} +1 -1
- package/dist/components/{p-1a570133.js → p-6f3fa567.js} +2 -2
- package/dist/components/{p-1a570133.js.map → p-6f3fa567.js.map} +1 -1
- package/dist/components/{p-b93f6336.js → p-6f5a2d5b.js} +2 -2
- package/dist/components/{p-b93f6336.js.map → p-6f5a2d5b.js.map} +1 -1
- package/dist/components/{p-ebbcf7f4.js → p-72d4e417.js} +4 -4
- package/dist/components/{p-ebbcf7f4.js.map → p-72d4e417.js.map} +1 -1
- package/dist/components/{p-71064122.js → p-73973f1f.js} +6 -6
- package/dist/components/{p-71064122.js.map → p-73973f1f.js.map} +1 -1
- package/dist/components/{p-0a2cc241.js → p-765d9313.js} +4 -4
- package/dist/components/{p-0a2cc241.js.map → p-765d9313.js.map} +1 -1
- package/dist/components/{p-dcb5daf0.js → p-77638386.js} +4 -4
- package/dist/components/{p-dcb5daf0.js.map → p-77638386.js.map} +1 -1
- package/dist/components/{p-fa59c097.js → p-78332392.js} +8 -8
- package/dist/components/{p-fa59c097.js.map → p-78332392.js.map} +1 -1
- package/dist/components/{p-9292bd8c.js → p-78f4df54.js} +3 -3
- package/dist/components/{p-9292bd8c.js.map → p-78f4df54.js.map} +1 -1
- package/dist/components/{p-47d5fb7c.js → p-7990f7dc.js} +19 -19
- package/dist/components/{p-47d5fb7c.js.map → p-7990f7dc.js.map} +1 -1
- package/dist/components/{p-c0ff2ea6.js → p-7e8d7335.js} +10 -10
- package/dist/components/{p-c0ff2ea6.js.map → p-7e8d7335.js.map} +1 -1
- package/dist/components/{p-38e4455d.js → p-81ed907d.js} +21 -21
- package/dist/components/{p-38e4455d.js.map → p-81ed907d.js.map} +1 -1
- package/dist/components/{p-7b5cb070.js → p-844a4416.js} +10 -10
- package/dist/components/{p-7b5cb070.js.map → p-844a4416.js.map} +1 -1
- package/dist/components/{p-d51abfe0.js → p-86fc6d36.js} +2 -2
- package/dist/components/{p-d51abfe0.js.map → p-86fc6d36.js.map} +1 -1
- package/dist/components/{p-cb90d173.js → p-8b653306.js} +5 -5
- package/dist/components/{p-cb90d173.js.map → p-8b653306.js.map} +1 -1
- package/dist/components/{p-e28c6152.js → p-8f277683.js} +3 -3
- package/dist/components/{p-e28c6152.js.map → p-8f277683.js.map} +1 -1
- package/dist/components/{p-38ce18a1.js → p-9040a584.js} +10 -11
- package/dist/components/p-9040a584.js.map +1 -0
- package/dist/components/{p-5ffba444.js → p-9088d27f.js} +2 -2
- package/dist/components/{p-5ffba444.js.map → p-9088d27f.js.map} +1 -1
- package/dist/components/{p-b2e18b02.js → p-9344bf25.js} +2 -2
- package/dist/components/{p-b2e18b02.js.map → p-9344bf25.js.map} +1 -1
- package/dist/components/{p-79ae3224.js → p-95102e4e.js} +2 -2
- package/dist/components/{p-79ae3224.js.map → p-95102e4e.js.map} +1 -1
- package/dist/components/{p-faf7b7e2.js → p-9cb820c5.js} +2 -2
- package/dist/components/{p-faf7b7e2.js.map → p-9cb820c5.js.map} +1 -1
- package/dist/components/{p-c742850b.js → p-9dbbd660.js} +2 -2
- package/dist/components/{p-c742850b.js.map → p-9dbbd660.js.map} +1 -1
- package/dist/components/{p-1d44d3db.js → p-a14e7882.js} +4 -4
- package/dist/components/{p-1d44d3db.js.map → p-a14e7882.js.map} +1 -1
- package/dist/components/{p-ad1be935.js → p-a7107ba4.js} +2 -2
- package/dist/components/{p-ad1be935.js.map → p-a7107ba4.js.map} +1 -1
- package/dist/components/{p-172f7392.js → p-aeb593b8.js} +2 -2
- package/dist/components/{p-172f7392.js.map → p-aeb593b8.js.map} +1 -1
- package/dist/components/{p-877c767e.js → p-aed886f4.js} +12 -12
- package/dist/components/{p-877c767e.js.map → p-aed886f4.js.map} +1 -1
- package/dist/components/{p-7d208e60.js → p-b09ce609.js} +2 -2
- package/dist/components/{p-7d208e60.js.map → p-b09ce609.js.map} +1 -1
- package/dist/components/{p-5cee3e99.js → p-b41ec3e0.js} +5 -5
- package/dist/components/{p-5cee3e99.js.map → p-b41ec3e0.js.map} +1 -1
- package/dist/components/{p-ad0417d6.js → p-b54bd86e.js} +7 -7
- package/dist/components/{p-ad0417d6.js.map → p-b54bd86e.js.map} +1 -1
- package/dist/components/{p-4f911ef7.js → p-b83c0cdb.js} +2 -2
- package/dist/components/{p-4f911ef7.js.map → p-b83c0cdb.js.map} +1 -1
- package/dist/components/{p-fa639851.js → p-b87c5b75.js} +34 -34
- package/dist/components/{p-fa639851.js.map → p-b87c5b75.js.map} +1 -1
- package/dist/components/{p-d2c600c0.js → p-b8e2c001.js} +3 -3
- package/dist/components/{p-d2c600c0.js.map → p-b8e2c001.js.map} +1 -1
- package/dist/components/{p-47556dde.js → p-c324d36e.js} +21 -21
- package/dist/components/{p-47556dde.js.map → p-c324d36e.js.map} +1 -1
- package/dist/components/{p-85dcc3e5.js → p-c6066d38.js} +10 -10
- package/dist/components/{p-85dcc3e5.js.map → p-c6066d38.js.map} +1 -1
- package/dist/components/{p-96340cd0.js → p-c6cf3700.js} +5 -5
- package/dist/components/{p-96340cd0.js.map → p-c6cf3700.js.map} +1 -1
- package/dist/components/{p-16bd611c.js → p-c8f16f2f.js} +4 -4
- package/dist/components/{p-16bd611c.js.map → p-c8f16f2f.js.map} +1 -1
- package/dist/components/{p-38c3ff20.js → p-df19616b.js} +3 -3
- package/dist/components/{p-38c3ff20.js.map → p-df19616b.js.map} +1 -1
- package/dist/components/{p-62c1780b.js → p-dfde995c.js} +3 -3
- package/dist/components/{p-62c1780b.js.map → p-dfde995c.js.map} +1 -1
- package/dist/components/{p-e98f0d21.js → p-e5f4d278.js} +2 -2
- package/dist/components/{p-e98f0d21.js.map → p-e5f4d278.js.map} +1 -1
- package/dist/components/{p-5501db91.js → p-e9ce7bf9.js} +2 -2
- package/dist/components/{p-5501db91.js.map → p-e9ce7bf9.js.map} +1 -1
- package/dist/components/{p-46d6198c.js → p-eec2649a.js} +2 -2
- package/dist/components/{p-46d6198c.js.map → p-eec2649a.js.map} +1 -1
- package/dist/components/{p-aa51802b.js → p-eecc0bc7.js} +5 -5
- package/dist/components/{p-aa51802b.js.map → p-eecc0bc7.js.map} +1 -1
- package/dist/components/{p-d2445b6d.js → p-ef126c10.js} +6 -6
- package/dist/components/{p-d2445b6d.js.map → p-ef126c10.js.map} +1 -1
- package/dist/components/{p-c520cea5.js → p-f26caf67.js} +5 -5
- package/dist/components/{p-c520cea5.js.map → p-f26caf67.js.map} +1 -1
- package/dist/components/{p-8c2ae7c3.js → p-f33169e7.js} +3 -3
- package/dist/components/{p-8c2ae7c3.js.map → p-f33169e7.js.map} +1 -1
- package/dist/components/{p-181dcd58.js → p-f4e939e4.js} +8 -8
- package/dist/components/{p-181dcd58.js.map → p-f4e939e4.js.map} +1 -1
- package/dist/components/{p-78e763a5.js → p-fca663c0.js} +2 -2
- package/dist/components/{p-78e763a5.js.map → p-fca663c0.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +94 -94
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-select.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +20 -20
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-color-demo.js +1 -1
- package/dist/components/smoothly-input-color.js +1 -1
- package/dist/components/smoothly-input-date-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 +106 -109
- package/dist/esm/smoothly-app_109.entry.js.map +1 -1
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-7afb0711.entry.js → p-24a9b92c.entry.js} +2 -2
- package/dist/smoothly/{p-c8ced8ea.entry.js → p-6a81d8e5.entry.js} +2 -2
- package/dist/smoothly/p-6a81d8e5.entry.js.map +1 -0
- package/dist/smoothly/{p-6a5409cf.entry.js → p-ddf20417.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/item/index.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/p-1b161111.js +0 -207
- package/dist/components/p-1ff539de.js +0 -123
- package/dist/components/p-38ce18a1.js.map +0 -1
- package/dist/components/p-448a256b.js.map +0 -1
- package/dist/components/p-9b66a8cd.js.map +0 -1
- package/dist/components/p-aab71376.js.map +0 -1
- package/dist/components/p-bdbac42a.js +0 -45
- package/dist/smoothly/p-c8ced8ea.entry.js.map +0 -1
- /package/dist/smoothly/{p-7afb0711.entry.js.map → p-24a9b92c.entry.js.map} +0 -0
- /package/dist/smoothly/{p-6a5409cf.entry.js.map → p-ddf20417.entry.js.map} +0 -0
|
@@ -9663,15 +9663,15 @@ const SmoothlyInputDemo = class {
|
|
|
9663
9663
|
render() {
|
|
9664
9664
|
return (index.h(index.Host, { key: '2c21d84c0c387c41621323eac28a6fb0c7aa9eff' }, index.h("smoothly-input-demo-standard", { key: '119dd61fec7d5679e7d71ed8b1cbd7cd7676df8e' }), index.h("div", { key: 'f27fe4ccbce6bcb2bb247a7ca2bdf1a3c0f48eeb', class: "inputs" }, index.h("h2", { key: '14d1b974cd3d39d9bfce6db4db90390829af27fc' }, "Calendar"), index.h("smoothly-input-date", { key: '2554c0764e1c3240fed2a60b1f0fed1debc4b288', name: "some-date" }, "Calendar"), index.h("h2", { key: '566d6aa65ed9d693953c8f16fcfdd84877f948f6' }, "Date Range"), index.h("smoothly-input-date-range", { key: '888e3043ba1f13b4ee9bd00b214cb422745271e5', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '40cc239a477203bcec3950ca8f9d58760662b6f4', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: '5914ae9340c307ebb9f2d237be1c464489af5e11', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '27f7376080ee0194d9b10c1b67fca176171582ca', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9665
9665
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9666
|
-
} }, index.h("smoothly-input-clear", { key: '68f4e45c98c8ae86540d47dda347f7da2a6311c0', slot: "end", size: "icon" })), index.h("h2", { key: '22fa286405039f0ffad5f3e0699d319e19afab81' }, "Date"), index.h("smoothly-input-date", { key: '234714e87a3d7758ddb461c2e41d8338b08d1dac' }, "Date"), index.h("smoothly-input-date", { key: 'ffa9825d1607cfff36c0f905c54f599eb27641df', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '0996c7930dda251e062c3ddeb3913235945c8770', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: 'f93840584abbe3bcf42b2ef631b9af0ad3777cb9', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: '922eba0deb0d83ef492fc6179729784b65d56007', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '1e1922feaf0d74cbd28838910e76aa4996b79379', slot: "end", size: "icon" })), index.h("h2", { key: '285f1e7ac38d73d1cefd2d09cad980e3bfdb4eef' }, "Select"), index.h("div", { key: '530acc8bb23dcded52f542fd5776b9915d8747a5', class: "select-div" }, index.h("smoothly-input-select", { key: '055b09252fe6854519b55355309123649a1d8548', name: "select-dessert", looks: "border" }, index.h("label", { key: 'eb009b697a58e228e218b03be5c5443f9112813e', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '797c3dacc4cfdfc5dbc844c84792e33bb7717315', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '39663fc179e11bb1dde2d11070a071ae2b6c983e', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '
|
|
9666
|
+
} }, index.h("smoothly-input-clear", { key: '68f4e45c98c8ae86540d47dda347f7da2a6311c0', slot: "end", size: "icon" })), index.h("h2", { key: '22fa286405039f0ffad5f3e0699d319e19afab81' }, "Date"), index.h("smoothly-input-date", { key: '234714e87a3d7758ddb461c2e41d8338b08d1dac' }, "Date"), index.h("smoothly-input-date", { key: 'ffa9825d1607cfff36c0f905c54f599eb27641df', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '0996c7930dda251e062c3ddeb3913235945c8770', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: 'f93840584abbe3bcf42b2ef631b9af0ad3777cb9', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: '922eba0deb0d83ef492fc6179729784b65d56007', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '1e1922feaf0d74cbd28838910e76aa4996b79379', slot: "end", size: "icon" })), index.h("h2", { key: '285f1e7ac38d73d1cefd2d09cad980e3bfdb4eef' }, "Select"), index.h("div", { key: '530acc8bb23dcded52f542fd5776b9915d8747a5', class: "select-div" }, index.h("smoothly-input-select", { key: '055b09252fe6854519b55355309123649a1d8548', name: "select-dessert", looks: "border" }, index.h("label", { key: 'eb009b697a58e228e218b03be5c5443f9112813e', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '797c3dacc4cfdfc5dbc844c84792e33bb7717315', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '39663fc179e11bb1dde2d11070a071ae2b6c983e', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'b549e9eee27dbdfdfd299b78b99be95524fe44aa', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: '009a56f0408101944a17137fa8f7178b2584f0e0', value: "4" }, "Cookie"), index.h("smoothly-item", { key: '7693819dc11bc1cdb742fc674d4cc845e1ac6586', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '4a1d710d03688de60007fc1e30721227deeaee33', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'c1c74da741dc5b448f41a5327d2c524a949d3ca9', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'eb718d0b95e209d2127c7f3dfb1941036bd6f964', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '5fc9a3a6f8a668e703ef916367919eafe4e78911', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '426da9fe09849d3a8c7b1f143c2fe2a467be13a3', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: 'c019c5a72262db50d9de576501dfbb26a987d1e0', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'e0a00f4c9dc9997c3058fff88ccc5a8fa7d2e039', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '283384daafb0e48ee07fe8a29fe722b5dd30f6ed', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '0e150c523e786fd3dbc868a01f6c24e740111b66', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '4675be762d6b1b16d5142221dcccdf10df4eb4d9', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '96f1246d1d63eac1824f80b2c75701e9a1271c65', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '27858e1758ed565c6c4006ab47da45192677e289', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: 'd09b3c52f365fabf86363e53c92fae0021e9eb8e', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '67ee6c60d35c5d4e27e852ffb1883dc30cdcce7a', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '334bedfc6c4ccb7ea641db54e227c9ba300a293d', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '7b0116b63af2a20f8dc3e7cc63f35149187f8abe', value: "folder", selected: true }, index.h("smoothly-icon", { key: '8ff38f940fcaeebfacf2fa209c60f3f6b9c27043', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'e8d35a3ecac87ceff59cfb6d6b3d66ffca4a837e', value: "camera" }, index.h("smoothly-icon", { key: '081a55729f3a7c59e3b9346626fae299775e7ef3', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: 'a77b802760c0d81ddf74a1ff7daec037d3db319e', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'dc34381c92461f5c13e51dc60037d45e81240ee7', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9667
9667
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9668
|
-
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '
|
|
9668
|
+
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: 'a8ec5a6d155bed3a983866ec9345f353688e68a0', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '33368db371d97cf753fe437af3dadf0d3c3aabf1', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '8b4ba97bb9f3cb15fcda8b50b9030f2428b15561', value: "1" }, "January"), index.h("smoothly-item", { key: 'ba14532dffdb07e4eb5b77f7d37abc5903acbd8b', value: "2" }, "February"), index.h("smoothly-item", { key: '232033ab81a5d5b14a01e1ae6a839285e255781e', value: "3" }, "March"), index.h("smoothly-item", { key: '60a76b41a79dffbc4d8e9953fd6e56700e9c87ad', value: "4" }, "April"), index.h("smoothly-item", { key: 'c3112667ba0449590b2fd9921e17f3329921c53d', value: "5" }, "May"), index.h("smoothly-item", { key: 'cec4499331fe728ce5be34aadcc3fd1ed92d1e67', value: "6" }, "June"), index.h("smoothly-item", { key: 'c16df211a33494928925e1d922a7faf0c2618fc6', value: "7" }, "July"), index.h("smoothly-item", { key: 'b0bc36a4b50333a5c3fba07c3f0f3475a882817a', value: "8" }, "August"), index.h("smoothly-item", { key: 'd2d611025f6cffc0e5694b1ce69bf400f31e0a4a', value: "9" }, "September"), index.h("smoothly-item", { key: 'bb6375ecd0d1b233e40871481b54651645ce87c9', value: "10" }, "October"), index.h("smoothly-item", { key: 'fc4f578f7af531d6b36c8812629aa026860525e7', value: "11" }, "November"), index.h("smoothly-item", { key: '75739a388093c006291743dd3faf7c515d8d631b', value: "12" }, "December"))), index.h("h2", { key: '2c6ff5fbf6fb9761cbb136bdfd3ca05612081780' }, "Duration"), index.h("smoothly-input", { key: 'b921f2c6cb53ec97722c5cd7a48671329bba89a1', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9669
9669
|
const duration = e.detail.duration;
|
|
9670
9670
|
this.duration = duration;
|
|
9671
|
-
} }, "Duration"), index.h("smoothly-input", { key: '
|
|
9671
|
+
} }, "Duration"), index.h("smoothly-input", { key: '80ba4b5951af766b67f376660c79f852ca482866', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9672
9672
|
const duration = e.detail.duration;
|
|
9673
9673
|
this.duration = duration;
|
|
9674
|
-
} }, "Duration"), index.h("h2", { key: '
|
|
9674
|
+
} }, "Duration"), index.h("h2", { key: 'a0382758730f8a8697be85d97756fc8c0c1fc0d2' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: 'e6cec072ea54ec484e2424975a3c86a69fb84768', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), index.h("h2", { key: '77f55666bfb179b50fe1e86cc1422a1b44d64a8e' }, "Identifiers"), index.h("smoothly-input", { key: '5c724be6ed86804033aff4ffee794a314791f7c0', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '954a7c50877ac699f49595563021e974278d56b7', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '5e1cad87e647263d518114210d093f998ed177f3', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: 'cddf214dc2cd440837eb7a933af0470859a4be94', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: 'a61bb8db3045aa56e2ca00ac7721fcbacac3a3d6', type: "identifier-camel" }, "Camel"), index.h("h2", { key: 'ee70c72c012c8be8c4e668aae4164168d7b1b42d' }, "Input Alternatives"), index.h("smoothly-input", { key: '204de7c5189607c6b27ca5b7a83b2ba8c698d79d', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '5fbc4e3d8955d6a798bbc10fc276f6fa265b93ad', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: 'd1fc5b1ad786ef2b41ee92ee56321f089b6e9747', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'ef87a78fad8a92488218849b8d0a85de6602e4e2', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'e1c3f4432ec1796dd87b7500afcd262356ef4d10', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'e50e8ec421539cb75e231503d1663de361e20e5b', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '8e0dc0e5749136726671d7579abd8918999754de', placeholder: "test" }), index.h("smoothly-input-submit", { key: 'e062c76561891654d4314785bf09ab33960c9f41', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: '2c21b3560fc2ac10780453e40fceb250e8d2403b' }, "Smoothly checkboxes"), index.h("div", { key: 'e31c12b2a888221d0afc7ca6ab7944ff577b6ff2', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '7f3ec126b1b37648139d0f0bbd0372f3ea176416', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '237ba374d970b6a68e78e3450196eaeff1537ddf', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '434a83852c9557715b61af2c44e072b19351e03b', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '503cc88e9bc011974e13a6d71d8620d757f09eb6', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '484294e6448892de287d4b32f9f946b3cfb37c10', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '376db9a07e28f24c4433ffa89ba300665de253c2', name: "third-checkbox" }, "3rd")), index.h("h4", { key: 'f54250f0e88eb61833b0db4f9106428533c14b31' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: '871a0a0bf6c47e366d8a3730cc1c36ece4ff0e7b', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: '8fbaa02d69dd97049a3bdc05c8734c166b5b224f', name: "checkmark-circle", slot: "start" }), index.h("label", { key: 'fca863475732e68c6dfc108a77f3c993dd3d937a', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'c5324e8a2a54ea6f27b34bfd2ea0a9b3cb19ad88', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'f61448a7cc159f9d96d6d6e9b25702176583bdac', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'e081262529ff3d99a04dd57740379273d82a498f', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '18993a083021effe80cd3b876f36047eca70ab5f', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '7c6df271eb3872dbdda0ac06797a553706beefa6', name: "radioSecondInput" }, index.h("label", { key: 'a4b5e4fd1daa151c024cce5d4b0914573ffe7873', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: 'ed079a2521d95d29b7bde357c22ee16b444e4313', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '38ba2cdd89f654c2ec6bdaf3eecb7cfdfe13910a', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'f34c74b17938da5b5b8b2656de5f9cbbe35e36a6', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '91eddcf895efc3709f2aec01d410c7b2d08c1e8e', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'bda68e4045caf72a5efa37749931937107ab6495', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: 'c1fe867880cfb78d714b7f8e6f838896266b1f0c', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: '521088f8a68aad14a287b59f72f4ff3d3bc9bf12' }), index.h("smoothly-input-color-demo", { key: 'b649c8db81ef661169184d777f35b02700f61569' }), index.h("smoothly-input-price-demo", { key: 'f86bad7c5ec9519da3a93cb61d8c7475eb17dd2b' }), index.h("smoothly-back-to-top", { key: '55a63504aec7df294eec9c0593f3a8097a36d082' }))));
|
|
9675
9675
|
}
|
|
9676
9676
|
};
|
|
9677
9677
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
@@ -9700,7 +9700,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9700
9700
|
}
|
|
9701
9701
|
render() {
|
|
9702
9702
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9703
|
-
return (index.h(index.Host, { key: '
|
|
9703
|
+
return (index.h(index.Host, { key: '38c075c6e39abee39371442814d7b4facbc46740', class: { vertical: !!this.options.vertical } }, index.h("div", { key: '3e24def96fd3153a1ce08c41393738b10b72a308', class: "description" }, index.h("h2", { key: '5cfbe23842f9e7bd4098a47b6f2aea7214f613fe' }, "Input Standard"), index.h("p", { key: 'cd59047edf31c03b0300a46bcf9394ebe50fd8be' }, "Height of input should be ", index.h("code", { key: 'd8490a3089215f465f5017a0b94fb4368810e4cf' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), index.h("smoothly-form", { key: 'f756ac9c17f5cd264ad1adb2700b528cf03886c6', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: '2cbf2e8841332d3ccc7985eccf8773eabe5afb4a', name: "looks" }, index.h("span", { key: 'b8186cd7d95f8ddd692c056361bb4839fd9e51ed', slot: "label" }, "Looks"), Looks.types.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-checkbox", { key: '0efca079e1639c2ab468eecffbb36928b9445f74', name: "readonly" }, "Readonly"), index.h("smoothly-input-select", { key: '8e01eb18f70f2e40770c70f31302e300d1aef3f5', name: "color" }, index.h("span", { key: '9ef95f17b8e56f8d5164706f9b174347d9c96262', slot: "label" }, "Color"), Scrollable.Color.types.map(c => (index.h("smoothly-item", { value: c }, index.h("span", { color: c }, c)))), index.h("smoothly-input-clear", { key: '29c264697ca079375881cdf46072e961d711505b', slot: "end" })), index.h("smoothly-input-checkbox", { key: '75039475fad28ff0a2ba3e34dbed6cfcd62a5ef9', name: "vertical" }, "Vertical Layout"), index.h("smoothly-input-checkbox", { key: 'e97e68e056c3e9fc4dac706415006eaeccd500ad', name: "showLabel", checked: this.options.showLabel }, "Show Label"), index.h("smoothly-input-checkbox", { key: '20e721fbafbdc4b7aaac3bcbe1161a33eddbc336', name: "placeholder", checked: this.options.placeholder }, "Placeholder"), index.h("smoothly-input-range", { key: 'f2b1d11816c0397e48c4b144c6eed7d989d07ebc', label: "Border Radius (rem)", name: "borderRadius", value: this.options.borderRadius, min: 0, max: 2, step: 0.25 }))), index.h("div", { key: 'd3e0909e821ea5e48d4e509adf4cd05655d6a85c', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: 'db28d4db07e7db4db5a8cd574b0f69861eb81060', class: "width" }, "100%"), index.h("div", { key: '76460e511717e01c4dd76eb210dc7afe4f1d06ac', class: "left-padding" }, "0.5rem - left padding"), index.h("smoothly-input", { key: 'c04068737d7d39e1f05e6bf2fc80d933ae1a9d71', name: "text", looks: this.options.looks, placeholder: placeholder, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: 'e06e24a9f2edcc682ea6a5b03e954022f056a522' }, "Text"), index.h("smoothly-input-clear", { key: 'f981cbcc17a0b400ec9e3d8d8a1033970df4b10d', slot: "end" })), index.h("div", { key: 'f9bfb1daf5a0416e0eeb5aa219430a49d43015dc', class: "height" }), index.h("smoothly-input-select", { key: 'f61338f581e7a55a3584a0fb3f44586938911aa3', name: "month", looks: this.options.looks, placeholder: placeholder, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && index.h("label", { key: 'd7cc3b68fff754b3e9f05fb2a957d4a31ffcdbcd', slot: "label" }, "Select"), index.h("smoothly-item", { key: '78bfb2ecf67ed0539d6288d2cfe8ac593bb6ad05', value: "1" }, "January"), index.h("smoothly-item", { key: '7aefc3b82026ad42e95a97d42226d2d7d57035b8', value: "2" }, "February"), index.h("smoothly-item", { key: '93370866b06519bd75225dbaa467e797c3783b2d', value: "3" }, "March"), index.h("smoothly-item", { key: '85d990aa4de961691f2437cda8b4789f2fd51a58', value: "4" }, "April"), index.h("smoothly-item", { key: '85311aa790482101e99bdab152ac77907a90395d', value: "5" }, "May"), index.h("smoothly-item", { key: '6606c372bd1e38e69620edc3066f640f09626872', value: "6" }, "June"), index.h("smoothly-item", { key: 'bcc4479a725b29994d6df835f9ef243cd9bb5b84', value: "7" }, "July"), index.h("smoothly-item", { key: '22322d0a9b1ed89b391d7391c12cbdae850ef525', value: "8" }, "August"), index.h("smoothly-item", { key: '6a901e926071cd7efeb07ea8e729c454db8d7d1d', value: "9" }, "September"), index.h("smoothly-item", { key: '9bfc30908294219eb1bb12bba9c5579fb36b2f1a', value: "10" }, "October"), index.h("smoothly-item", { key: 'e674906819f1af24ca0722d4b7997f6a8bdc1823', value: "11" }, "November"), index.h("smoothly-item", { key: '81eb1d572dde2f9f296955b55513c7dcdfe08e28', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '4b8189eb8784dc6e89531908607052fd2c73f2a2', slot: "end" })), index.h("div", { key: '64f3d7061086004be01bbc488dc64bb5d17085c4', class: "height" }), index.h("smoothly-input-checkbox", { key: '19de7aa11812525fb0949c9e5d6368aba5957390', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), index.h("div", { key: 'a50e5ae17b1c12393d95fafdf445f9c03daba519', class: "height" }), index.h("smoothly-input-radio", { key: 'fb05abb658864d96f58f2ffcf23492995b9a644f', name: "radio", clearable: true, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("label", { key: 'e8854e052ff5e7bdc422fb0615aafcf055f46c7b', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: 'cecca4e730f677b1c1a253d8e85fb57db3a15bf5', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '1c09fdea140a175cfa1459aa82e123e74d48a30e', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '6c5116b55858f49b8ca0fc02e925f37ba0f6bdbf', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: 'bf7ac4750d0da1d924f7e10b455dd8b5da71f312', slot: "end" })), index.h("div", { key: '54e65ad335ecd68b4bdaabfb296667d5cfb1fa12', class: "height" }), index.h("smoothly-input-file", { key: 'd807821927813782a885f37010653718b3c20a51', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '65e04e2aa71b5af42e955e9a3768edb5dc5a9912', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: '6e550848b0aea53217abbdbb68929b7b1fdfb755', slot: "end" })), index.h("div", { key: '342efa07b0d189fe9d230f1b8cdd28e510e61b0f', class: "height" }), index.h("smoothly-input-range", { key: 'dbf387afc5eeb91d8a6d5b230935c38eb50d95c8', name: "range", label: this.options.showLabel ? "Range" : undefined, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, index.h("smoothly-input-clear", { key: '8b6a4dd4d5f7f03cdc3e2a6e4a1fd4ceb93645c3', slot: "end" })), index.h("div", { key: 'efc39dee9e79508dcf5a4289881cef82d948e0c5', class: "height" }), index.h("smoothly-input-color", { key: 'd1d48d8f5e10f1a4cd61c451af8918a2caceef61', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '536cb07ce6ff0879d90762da710f27bf3a34aa49' }, "Color"), index.h("smoothly-input-clear", { key: '0493734afd8a5daf6f3157077a881585251132bc', slot: "end" })), index.h("div", { key: '58a5c412f2f71d4282616f43f6ff1ae38a329f57', class: "height" }), index.h("smoothly-input-date", { key: '58a59050348d97513a9a00e5a5dd766aa531e03d', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '8ad9e7b23669fae7e6a98bdae3b3518d80d78178' }, "Date"), index.h("smoothly-input-clear", { key: '0397233d1794b0248edf257496ff087c5e169498', slot: "end" })), index.h("div", { key: 'a53af14fa2899adfc4c5aca11d5a91a4b78e8611', class: "height" }), index.h("smoothly-input-date-range", { key: '3d7d60738d3b4d03e5f151e4e37f45b41d987cb5', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '8c03e4b63ac59aaf342fee6b4c6b86216d7f419d' }, "Date Range"), index.h("smoothly-input-clear", { key: 'a568b0d82420aa79f27b21950e2a8421272d9729', slot: "end" })), index.h("div", { key: '302eda87d0c09683e22fdefb8b872c033fc8fa20', class: "height" }), index.h("div", { key: '78a8185e044b6b6a41caeba6c3ef6ced39d86789', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9704
9704
|
}
|
|
9705
9705
|
get element() { return index.getElement(this); }
|
|
9706
9706
|
};
|
|
@@ -9739,7 +9739,7 @@ const SmoothlyInputEdit = class {
|
|
|
9739
9739
|
}
|
|
9740
9740
|
render() {
|
|
9741
9741
|
var _a;
|
|
9742
|
-
return (index.h(index.Host, { key: '
|
|
9742
|
+
return (index.h(index.Host, { key: 'fee52dbd225570ae931ca32223cb12965b0846bf', title: this.toolTip }, index.h("smoothly-button", { key: '88bce4f9c7742f238aa8c8903314a3c6dc87e4d5', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, index.h("slot", { key: 'c24c38aae63457205b17398b729679ffd3b93181' }), index.h("smoothly-icon", { key: 'acca80e7e779c7264eaa7322ff7b72d070c7c501', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9743
9743
|
}
|
|
9744
9744
|
};
|
|
9745
9745
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -9853,7 +9853,7 @@ const SmoothlyInputFile = class {
|
|
|
9853
9853
|
}
|
|
9854
9854
|
render() {
|
|
9855
9855
|
var _a, _b, _c;
|
|
9856
|
-
return (index.h(index.Host, { key: '
|
|
9856
|
+
return (index.h(index.Host, { key: '288b2077ffa65397ba341daa1533e44014319189', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: 'c8133835f337bef5ca3e7f9f6ffc70e8cf70b174' }, index.h("slot", { key: 'd8f33183560b5daddca72f488a1c7c81ef726ee0', name: "label" })), index.h("div", { key: '8a69b9ffa47986a7e45e0cb6e60e90ed135822bb', class: "input" }, index.h("smoothly-button", { key: 'fadacb2595c55c3b9d141feb7d98314ded5d9b73', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: 'a9f2fb2c00ea27942f1ab28abc5eadc3c4c64b1c', name: "button" })), index.h("span", { key: 'd0ff058cedb56cc852da34f99a5f584a6c84138d' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: 'd38bbd185c57edcd7404f0d60a0e2d7345472984', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: '89b21f16d915d44107ff627fe50665f302a75ed2', name: "document-attach-outline" })), index.h("input", { key: 'f5d3200a3bf9ea2ca475c3c7a2e9f83037869b82', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("div", { key: 'accf1ed5b43e5b5b388a139241491583eaa1c213', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '3727144da66f326890a3605fea24fcfb1300c6bc', name: "end" }))));
|
|
9857
9857
|
}
|
|
9858
9858
|
get element() { return index.getElement(this); }
|
|
9859
9859
|
static get watchers() { return {
|
|
@@ -9974,9 +9974,9 @@ const SmoothlyInputMonth = class {
|
|
|
9974
9974
|
}
|
|
9975
9975
|
render() {
|
|
9976
9976
|
var _a, _b;
|
|
9977
|
-
return (index.h(index.Host, { key: '
|
|
9977
|
+
return (index.h(index.Host, { key: '87aeaf082d1ab71b40d219ab3b7cc982e687f03c' }, index.h("smoothly-icon", { key: '436d542d8b742e88658daba92eabe8d50e7f939d', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9978
9978
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
9979
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '
|
|
9979
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: 'bcf7cb766c52e194e7cad69bacfa508d7f1f141f', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '6d95cf41e4e4716debe223a1f4bfb4e1fd94a113', slot: "label" }, index.h("slot", { key: 'd6e22ec1e5c93e91f91fc98ec4c9cf85616e0370', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: 'b984eec0ad9e4f888a55a6c24ace25d09ce64c3f', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'afc3a95ef72f0ba55c1e3c8ec3502abcbc8156e4', slot: "label" }, index.h("slot", { key: 'a5c25c60c73f2d97fb1b4942025bbc9275b37522', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: '1f85660bf59645f6b1549b5495bad915c8a91bb4', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9980
9980
|
disabled: this.readonly || !this.allowNextMonth,
|
|
9981
9981
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
9982
9982
|
}
|
|
@@ -9999,7 +9999,7 @@ const SmoothlyInputPriceDemo = class {
|
|
|
9999
9999
|
this.currency = "USD";
|
|
10000
10000
|
}
|
|
10001
10001
|
render() {
|
|
10002
|
-
return (index.h(index.Host, { key: '
|
|
10002
|
+
return (index.h(index.Host, { key: 'd72e3b611f67d64b015c72481626b3fce6714534' }, index.h("h2", { key: '7ed1febb46f3f7d7e8abbb3c238aed31969cfa26' }, "State demo on smoothly-input"), index.h("p", { key: 'b1e1b143c6ea9bd954ddc2920f9769aa5b851d0a' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: 'c177f5121a66966e2dd85533c5e53af3003f5442' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: '7c4c34d4af3e582b9bf7bbee1b26a42c3ee36bd9', name: "currency", onSmoothlyInput: e => (this.currency = TimeZone.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (index.h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: '18cc575d7a0350a56e28f5ac47222f91f7bf18d3', type: "price", currency: this.currency }, "price")));
|
|
10003
10003
|
}
|
|
10004
10004
|
};
|
|
10005
10005
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
@@ -10108,7 +10108,7 @@ const SmoothlyInputRadio = class {
|
|
|
10108
10108
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10109
10109
|
}
|
|
10110
10110
|
render() {
|
|
10111
|
-
return (index.h(index.Host, { key: '
|
|
10111
|
+
return (index.h(index.Host, { key: '689c9e90b8b92ee8d4991dfbc564d9b7fbfbf85d', class: "floating-label" }, index.h("slot", { key: '56156f90edbf2d0a8ae45b1a8f263ae6c365e2f4', name: "start" }), index.h("div", { key: '4eec0a7a8fa2a7e658945e1e9932e6a15ecacec6' }, index.h("slot", { key: 'e9c5188cca82f0273c682cea0236e4dea59ecb21', name: "label" }), index.h("div", { key: '0cee52bfa754c92c48fda0661c1d245ce1f084cc', class: "options" }, index.h("slot", { key: '54e2d1322a02c0353e56fe1983112bea45d5e9c2' }))), index.h("slot", { key: '2db4ccf3a8ae062e9b3db7623948fd253d70a234', name: "end" })));
|
|
10112
10112
|
}
|
|
10113
10113
|
get element() { return index.getElement(this); }
|
|
10114
10114
|
static get watchers() { return {
|
|
@@ -10139,7 +10139,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
10139
10139
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10140
10140
|
}
|
|
10141
10141
|
render() {
|
|
10142
|
-
return (index.h(index.Host, { key: '
|
|
10142
|
+
return (index.h(index.Host, { key: '3e47c89d1807a0cf1f6a08134bbd19459f2bb639', onClick: () => this.inputHandler() }, index.h("input", { key: '521ba624308bd4915efe04cf068c4e963cf9465b', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: 'f5c4dfee84a1526ff7d8bd89af9def333cddfc15', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: 'bcae74b96adea1d89e4a05ed81071685e3baa17c' }, index.h("slot", { key: '2b1a11e777cd4cb4e12791fca139483372a0eb11' }))));
|
|
10143
10143
|
}
|
|
10144
10144
|
get element() { return index.getElement(this); }
|
|
10145
10145
|
};
|
|
@@ -10243,17 +10243,17 @@ const SmoothlyInputRange = class {
|
|
|
10243
10243
|
}
|
|
10244
10244
|
render() {
|
|
10245
10245
|
var _a, _b, _c;
|
|
10246
|
-
return (index.h(index.Host, { key: '
|
|
10246
|
+
return (index.h(index.Host, { key: '8e0eb342fc72a753168591ca0092411e3c768d1b', class: {
|
|
10247
10247
|
"output-side-right": this.outputSide === "right",
|
|
10248
10248
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10249
|
-
} }, index.h("slot", { key: '
|
|
10249
|
+
} }, index.h("slot", { key: '36fb0a4aa54446fb1dbf844904a65e260b88bd97', name: "start" }), index.h("div", { key: '0b18d96003a26506de55d92dbf34925662f9240e' }, index.h("label", { key: 'd557f7699dc56e21b15b2a587251618e02d61d31', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '31b6ffd3d358aba34d8cee59b09ab224dea40a66', 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(),
|
|
10250
10250
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10251
10251
|
e.stopPropagation();
|
|
10252
10252
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10253
|
-
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '
|
|
10253
|
+
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '1d33c45e2fa7c5eb09d0444f14a75edaa55b45c9', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: 'b5130bc1d447e6e63dec46f4794fbb9744fb71a3', 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 => {
|
|
10254
10254
|
event.stopPropagation();
|
|
10255
10255
|
this.setValue(event.target.valueAsNumber);
|
|
10256
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '
|
|
10256
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'f0b71e8aed12a85c09faa8a762dc50f9bde43c74', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: 'bfd93b7c817a5dc90da42bd3e12e0f819edbf0e9', name: "end" })));
|
|
10257
10257
|
}
|
|
10258
10258
|
get element() { return index.getElement(this); }
|
|
10259
10259
|
static get watchers() { return {
|
|
@@ -10267,7 +10267,7 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10267
10267
|
index.registerInstance(this, hostRef);
|
|
10268
10268
|
}
|
|
10269
10269
|
render() {
|
|
10270
|
-
return (index.h(index.Host, { key: '
|
|
10270
|
+
return (index.h(index.Host, { key: '4b7bd764144e4626f8ad5d1653e6a92d311ecc77' }, index.h("h2", { key: 'c1f5b56091543a74d55a3f7788bd314c1508bf15' }, "Range"), index.h("h3", { key: '4db7efd42f26ff2766dc27ddf170b9f4df7b0dd6' }, "Phone Number"), index.h("smoothly-input-range", { key: '0211d211ccef2c8a898da081113b1e1cc64684c4', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '7bfd742cec5e965e9ba49c08329660eee10737a7' }, "Stars out of ten"), index.h("smoothly-input-range", { key: 'f633e5363a16851dfa7b3eb1b2bee4efba94b401', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: '6a8a82b46638e1c20dbe58d1abec5c4eda73a0d8' }, "Percent"), index.h("smoothly-input-range", { key: 'ed0ff0c0252d54dafa96909d5c14eda7bd4de6d3', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: '62389e21990113d6c0d8e66fb84eed119f4560da' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '46cdcd2464e915da60d1732af2846c624b63bf5f', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '5e3d423cfbdc0560bcde3f9ae5e286d6bbd35e66', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: 'b079a72b8cfbf90fbb36681dda5ddce4a02d30eb', size: "icon", slot: "end" }))));
|
|
10271
10271
|
}
|
|
10272
10272
|
};
|
|
10273
10273
|
|
|
@@ -10313,7 +10313,7 @@ const SmoothlyInputReset = class {
|
|
|
10313
10313
|
}
|
|
10314
10314
|
render() {
|
|
10315
10315
|
var _a;
|
|
10316
|
-
return (index.h(index.Host, { key: '
|
|
10316
|
+
return (index.h(index.Host, { key: '843d41dca12cf0a78e1f7517aa0459ab55960102', title: this.tooltip }, index.h("smoothly-button", { key: '602f17162783647357bd4d953af33ec8f30b487d', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, index.h("slot", { key: '247ee2ab9e7201df8dee0a7e49a6dba5449b7379' }), index.h("smoothly-icon", { key: '59ec2bc7027454762b73ae5d96261ffb0b74f9bf', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10317
10317
|
}
|
|
10318
10318
|
};
|
|
10319
10319
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10334,7 +10334,7 @@ var Item;
|
|
|
10334
10334
|
Item.is = Item.type.is;
|
|
10335
10335
|
})(Item || (Item = {}));
|
|
10336
10336
|
|
|
10337
|
-
const styleCss$P = ".sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;cursor:pointer;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6em 0;align-items:center}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not(\"color\"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;cursor:pointer;height:100%;box-sizing:content-box;padding-inline:var(--input-padding-side)}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:block}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>
|
|
10337
|
+
const styleCss$P = ".sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;cursor:pointer;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6em 0;align-items:center}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not(\"color\"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;cursor:pointer;height:100%;box-sizing:content-box;padding-inline:var(--input-padding-side)}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:block}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}.invalid.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.sc-smoothly-input-select{display:block}";
|
|
10338
10338
|
const SmoothlyInputSelectStyle0 = styleCss$P;
|
|
10339
10339
|
|
|
10340
10340
|
const SmoothlyInputSelect = class {
|
|
@@ -10544,7 +10544,7 @@ const SmoothlyInputSelect = class {
|
|
|
10544
10544
|
this.filter = "";
|
|
10545
10545
|
break;
|
|
10546
10546
|
case "Backspace":
|
|
10547
|
-
this.filter = this.filter.slice(0, -1);
|
|
10547
|
+
this.filter = event.ctrlKey ? "" : this.filter.slice(0, -1);
|
|
10548
10548
|
break;
|
|
10549
10549
|
case "Enter":
|
|
10550
10550
|
const result = this.items.find(item => item.marked);
|
|
@@ -10598,19 +10598,16 @@ const SmoothlyInputSelect = class {
|
|
|
10598
10598
|
}
|
|
10599
10599
|
}
|
|
10600
10600
|
move(direction) {
|
|
10601
|
-
|
|
10601
|
+
const selectableItems = this.items.filter(item => !item.hidden && !item.disabled);
|
|
10602
|
+
let markedIndex = selectableItems.findIndex(item => item.marked);
|
|
10602
10603
|
if (markedIndex == -1)
|
|
10603
10604
|
markedIndex = 0;
|
|
10604
10605
|
else {
|
|
10605
|
-
|
|
10606
|
-
markedIndex = (markedIndex + direction +
|
|
10606
|
+
selectableItems[markedIndex].marked = false;
|
|
10607
|
+
markedIndex = (markedIndex + direction + selectableItems.length) % selectableItems.length;
|
|
10607
10608
|
}
|
|
10608
|
-
|
|
10609
|
-
|
|
10610
|
-
markedIndex = (markedIndex + direction + this.items.length) % this.items.length;
|
|
10611
|
-
}
|
|
10612
|
-
this.items[markedIndex].marked = true;
|
|
10613
|
-
this.scrollTo(this.items[markedIndex], "smooth");
|
|
10609
|
+
selectableItems[markedIndex].marked = true;
|
|
10610
|
+
this.scrollTo(selectableItems[markedIndex], "smooth");
|
|
10614
10611
|
}
|
|
10615
10612
|
scrollTo(item, behavior) {
|
|
10616
10613
|
var _a, _b, _c;
|
|
@@ -10623,14 +10620,14 @@ const SmoothlyInputSelect = class {
|
|
|
10623
10620
|
this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10624
10621
|
}
|
|
10625
10622
|
render() {
|
|
10626
|
-
return (index.h(index.Host, { key: '
|
|
10623
|
+
return (index.h(index.Host, { key: 'e4b6abdb7d526058e450a76e50fc71bb88d9c896', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'b4557b6505b69ebead82c85742e537afebcf26f9', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '8830593428e77e82cf09bd40dcde784bd5be7e13', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '5483ec7ed3cf785cc73ede8be613eb850bb34f03', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: 'b959efe7eef529632f08b4275070c009bf21168b', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-icon", { key: '7990dcb2104e71ff4528d0e1201b2fd9d8c38fa8', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: '83d55093b9121b1133e8adf34afcdf0128ea3b0c', name: "label" }), index.h("div", { key: 'f317ba7f6d5226de3483940f96b9afe18a8dea90', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '0970e9c94a82dcc7c5f9c0329d4ab6e3ffe6ea74', class: "search-preview" }, index.h("smoothly-icon", { key: '87b541e8e8a305b71ed43e8885956b6676c0700a', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'f589d0372b7088868cd88a842c9a01984813f480', name: "backspace-outline", size: "small", onClick: e => {
|
|
10627
10624
|
e.stopPropagation();
|
|
10628
10625
|
this.filter = "";
|
|
10629
10626
|
this.element.focus();
|
|
10630
|
-
} }), this.mutable && (index.h("smoothly-icon", { key: '
|
|
10627
|
+
} }), this.mutable && (index.h("smoothly-icon", { key: 'a4df2264444a136f29f95d8e34249d1f9a6f2995', name: "add", size: "small", onClick: e => {
|
|
10631
10628
|
e.stopPropagation();
|
|
10632
10629
|
this.addItem();
|
|
10633
|
-
} })))), index.h("slot", { key: '
|
|
10630
|
+
} })))), index.h("slot", { key: 'e1b580a33570c5952219b5b5e58ec8b0c59822eb' }), this.addedItems)));
|
|
10634
10631
|
}
|
|
10635
10632
|
get element() { return index.getElement(this); }
|
|
10636
10633
|
static get watchers() { return {
|
|
@@ -10691,12 +10688,12 @@ const SmoothlyInputSubmit = class {
|
|
|
10691
10688
|
}
|
|
10692
10689
|
render() {
|
|
10693
10690
|
var _a, _b;
|
|
10694
|
-
return (index.h(index.Host, { key: '
|
|
10691
|
+
return (index.h(index.Host, { key: '33df276e2d84fe4f5919d32837ba35239c8ac8e2', title: this.toolTip }, this.delete == true ? (index.h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
|
|
10695
10692
|
}
|
|
10696
10693
|
};
|
|
10697
10694
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
10698
10695
|
|
|
10699
|
-
const styleCss$N = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-
|
|
10696
|
+
const styleCss$N = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}";
|
|
10700
10697
|
const SmoothlyItemStyle0 = styleCss$N;
|
|
10701
10698
|
|
|
10702
10699
|
const SmoothlyItem = class {
|
|
@@ -10707,11 +10704,11 @@ const SmoothlyItem = class {
|
|
|
10707
10704
|
this.value = undefined;
|
|
10708
10705
|
this.selected = false;
|
|
10709
10706
|
this.marked = undefined;
|
|
10710
|
-
this.
|
|
10707
|
+
this.disabled = false;
|
|
10711
10708
|
this.deselectable = true;
|
|
10712
10709
|
}
|
|
10713
10710
|
clickHandler() {
|
|
10714
|
-
if (this.
|
|
10711
|
+
if (!this.disabled && (!this.selected || this.deselectable))
|
|
10715
10712
|
this.selected = !this.selected;
|
|
10716
10713
|
}
|
|
10717
10714
|
selectedWatcher() {
|
|
@@ -10721,19 +10718,18 @@ const SmoothlyItem = class {
|
|
|
10721
10718
|
this.smoothlyInputLoad.emit(() => { });
|
|
10722
10719
|
}
|
|
10723
10720
|
componentDidLoad() {
|
|
10724
|
-
if (this.selected && this.
|
|
10721
|
+
if (this.selected && !this.disabled)
|
|
10725
10722
|
this.smoothlyItemSelect.emit(this.element);
|
|
10726
10723
|
}
|
|
10727
10724
|
async filter(filter) {
|
|
10728
10725
|
var _a;
|
|
10729
10726
|
const value = typeof this.value === "string" ? this.value : JSON.stringify((_a = this.value) !== null && _a !== void 0 ? _a : "");
|
|
10730
|
-
this.element.hidden =
|
|
10731
|
-
filter
|
|
10732
|
-
|
|
10733
|
-
: false;
|
|
10727
|
+
this.element.hidden = filter
|
|
10728
|
+
? !(value.includes(filter) || this.element.innerText.toLowerCase().includes(filter))
|
|
10729
|
+
: false;
|
|
10734
10730
|
}
|
|
10735
10731
|
render() {
|
|
10736
|
-
return (index.h(index.Host, { key: '
|
|
10732
|
+
return (index.h(index.Host, { key: 'c76d8f4c144db4955c4b2e17c34cabdc8e512b8f', tabIndex: -1 }, index.h("slot", { key: 'f9577b32c4a9c43dfe7faee61c0e1773d361411e' })));
|
|
10737
10733
|
}
|
|
10738
10734
|
get element() { return index.getElement(this); }
|
|
10739
10735
|
static get watchers() { return {
|
|
@@ -10754,9 +10750,9 @@ const SmoothlyLabel = class {
|
|
|
10754
10750
|
}
|
|
10755
10751
|
render() {
|
|
10756
10752
|
var _a;
|
|
10757
|
-
return (index.h(index.Host, { key: '
|
|
10753
|
+
return (index.h(index.Host, { key: 'ac3c8fb368890c916297691f2918bf892622b72b', title: this.description, style: {
|
|
10758
10754
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10759
|
-
} }, index.h("slot", { key: '
|
|
10755
|
+
} }, index.h("slot", { key: '2679b0388925d2a6ba047a22389e2eab772ea2ff' })));
|
|
10760
10756
|
}
|
|
10761
10757
|
};
|
|
10762
10758
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -10775,7 +10771,7 @@ const SmoothlyLazy = class {
|
|
|
10775
10771
|
this.show = true;
|
|
10776
10772
|
}
|
|
10777
10773
|
render() {
|
|
10778
|
-
return (index.h(index.Host, { key: '
|
|
10774
|
+
return (index.h(index.Host, { key: '6d3776a5b82bcd822ce9e144d567125b753981d8' }, index.h("slot", { key: 'cf51537136436b81f1998409b95cf2eef163ad34', name: "before" }), index.h("smoothly-load-more", { key: '3a3ab2f1da07dfee6852171e9d6c247654960f94', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: '790b1f9ee1cabcfb3ef99003594cd092228d8e0c' })));
|
|
10779
10775
|
}
|
|
10780
10776
|
};
|
|
10781
10777
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10819,7 +10815,7 @@ const LoadMore = class {
|
|
|
10819
10815
|
}
|
|
10820
10816
|
}
|
|
10821
10817
|
render() {
|
|
10822
|
-
return index.h(index.Host, { key: '
|
|
10818
|
+
return index.h(index.Host, { key: '59cf4fcf14af76bc71f1952fae2f114bcdb4d27f' });
|
|
10823
10819
|
}
|
|
10824
10820
|
get element() { return index.getElement(this); }
|
|
10825
10821
|
};
|
|
@@ -10839,7 +10835,7 @@ const SmoothlyModal = class {
|
|
|
10839
10835
|
this.smoothlyModalChange.emit(this.open);
|
|
10840
10836
|
}
|
|
10841
10837
|
render() {
|
|
10842
|
-
return (index.h(index.Host, { key: '
|
|
10838
|
+
return (index.h(index.Host, { key: '4f083b0fe1cbaba4d88f7f9ad3700acac66eac06', role: "alertdialog" }, index.h("div", { key: 'b51b1ea3960ad12fedcef36c50634c90d6a58b2e', class: "modal" }, index.h("div", { key: 'b94aaab7280074b96b72042b98382368502403f8', class: "header" }, index.h("slot", { key: 'd6d77fad8c51c9c513efa5c5c8c5c642bba42ee3', name: "header" }), this.closable && index.h("smoothly-icon", { key: '6e15ca23cab372e79e1acf61284594f321a62c52', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), index.h("slot", { key: '47c76eb20e1fbdd1affb947b3595e6990eca8be0' }), index.h("div", { key: '362ce510142d9ea9f4ebbdaaed6ecd5e93f64014', class: "actions" }, index.h("slot", { key: '0161fc378928109de3628fbd66f84f84195bf8ee', name: "actions" })))));
|
|
10843
10839
|
}
|
|
10844
10840
|
static get watchers() { return {
|
|
10845
10841
|
"open": ["openChanged"]
|
|
@@ -10855,7 +10851,7 @@ const SmoothlyNextDemo = class {
|
|
|
10855
10851
|
index.registerInstance(this, hostRef);
|
|
10856
10852
|
}
|
|
10857
10853
|
render() {
|
|
10858
|
-
return (index.h(index.Host, { key: '
|
|
10854
|
+
return (index.h(index.Host, { key: 'c02089c742688f174ec52fe36dbd31c4164724e0' }, index.h("smoothly-next-demo-filler-row-demo", { key: '17a765c57ce5f695ce4848af02cef62f96a20b20' }), index.h("smoothly-next-demo-group", { key: 'bbd29637a8d453f5d71f792aa9594c4ba2898b03' }), index.h("smoothly-next-demo-colspan", { key: '96784e3394198498f251899a4aeabe26b9dfc84e' }), index.h("smoothly-next-demo-simple", { key: 'cba303bfea82a6941888767afb8e5e98edcff2cf' }), index.h("smoothly-next-demo-nested", { key: '409efbf7ff8afd23a6e9617cadcf09a15e3a833d' }), index.h("smoothly-next-table-demo-filtered", { key: 'aa8ec5efb0ed3a39bfbe635485f8a57afa523efd' })));
|
|
10859
10855
|
}
|
|
10860
10856
|
};
|
|
10861
10857
|
SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
|
|
@@ -10868,7 +10864,7 @@ const SmoothlyNextDemoColspan = class {
|
|
|
10868
10864
|
index.registerInstance(this, hostRef);
|
|
10869
10865
|
}
|
|
10870
10866
|
render() {
|
|
10871
|
-
return (index.h(index.Host, { key: '
|
|
10867
|
+
return (index.h(index.Host, { key: '777e6e6ec2384e364382eae9572b9247e725043d' }, index.h("smoothly-next-table", { key: '036c24ce0a5229f74f19b308649fd95cf163bfb8', columns: 3 }, index.h("smoothly-next-table-head", { key: '563fa618dc33d60c8934841363b4af960c9f0d0a' }, index.h("smoothly-next-table-row", { key: '8798c330e07d65950f10fa3a8c588d42180c4819' }, index.h("smoothly-next-table-cell", { key: '16b367fd18c0bcc09420253702d6253872999fb9' }, "Date"), index.h("smoothly-next-table-cell", { key: '8d138efb01d9e5fd135cb1a10b0746f3fe24184f' }, "Skip"), index.h("smoothly-next-table-cell", { key: 'a1badc884d8b7668b4b0884c667bd84a343374a7' }, "Total"))), index.h("smoothly-next-table-body", { key: '4632abae2dbd88561ee829603c417a72f7d2f327' }, index.h("smoothly-next-table-row", { key: '364b742acf8a99af7c34a591c94a3430117034bd' }, index.h("smoothly-next-table-cell", { key: '96de6500a7742aaf792a3c6bdc98e2255c514684', span: 2 }, index.h("smoothly-display", { key: '26a5d771614064584fd711af0978f79e1272a55b', type: "date", value: "2024-01-01" })), index.h("smoothly-next-table-cell", { key: '91ab9d0572b8118490d7f04260f4e89cb401bfad' }, index.h("smoothly-display", { key: '9fbb484e98193aba96982bfae6bb92bcaf8d3138', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-next-table-row", { key: '21981afdf53f2d95e77e8620a348387e03f00e63' }, index.h("smoothly-next-table-expandable-cell", { key: '20261ed10356edcd938cc57984d5d4af2e866b2f', span: 2 }, index.h("smoothly-display", { key: '69b32ed7d90f556c0e01d806ee336e9e4615c46d', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: '544dffd87f8d204a5ea18b5a61ce09f3319716c5', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-next-table-expandable-cell", { key: 'de63e6eab2fd302a29a67e831c931e12324057fa' }, index.h("smoothly-display", { key: 'f84c5c0aa2be50235759227f511b0fddc5e6d4b3', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: 'c0a2ad47e2685b2942cfd7d6fa60c6a6bcf18795', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), index.h("smoothly-next-table-row", { key: '94895bb4c63c6b76e5cb586f44a721485cedd4ac' }, index.h("smoothly-next-table-cell", { key: 'a21d3c031c9e640da87e2a9c7b5d1833ad55e217' }, index.h("smoothly-display", { key: 'dbb5bdd71fdcb7aca808ae304659109beeb74632', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '8c05b16de4fec87dbc621f8b735ff9bc571fd6ea' }, "Not Skipped"), index.h("smoothly-next-table-cell", { key: '32d00e411b23982167fc9f65f05e8e154d583786' }, index.h("smoothly-display", { key: '31bc40bf40d353eff4468220d0407f9795ecb82b', type: "price", value: 320, currency: "EUR" })))))));
|
|
10872
10868
|
}
|
|
10873
10869
|
};
|
|
10874
10870
|
SmoothlyNextDemoColspan.style = SmoothlyNextDemoColspanStyle0;
|
|
@@ -10887,7 +10883,7 @@ const SmoothlyNextDemoFillerRowDemo = class {
|
|
|
10887
10883
|
}, 3000);
|
|
10888
10884
|
}
|
|
10889
10885
|
render() {
|
|
10890
|
-
return (index.h(index.Host, { key: '
|
|
10886
|
+
return (index.h(index.Host, { key: '53ff4847b62b85a71392df1b72b8b151d9313644' }, index.h("smoothly-display", { key: '435e2153c6be1fc0da9d879d66455ce75c2338fa', type: "text", value: "Filler row" }), index.h("smoothly-next-table", { key: '8fba6fdf0d46a718357e44109710f5d367013f55', color: "primary", columns: 4 }, index.h("smoothly-next-table-head", { key: 'b5fc5b33b7006c4492178c884dad42127db894e2' }, index.h("smoothly-next-table-row", { key: '5937d97e50292c63216907d675d96f5f6dfb5925' }, index.h("smoothly-next-table-cell", { key: '690c645b8be368f74afadd3ae27f8dfc618133b8' }, "Breed"), index.h("smoothly-next-table-cell", { key: '4f0e887feeee7b9d67735d2615dc6a1c11735711' }, "Country"), index.h("smoothly-next-table-cell", { key: 'c34380ed3e26f66fe706e4b17af626c8f18624e5' }, "Coat"), index.h("smoothly-next-table-cell", { key: '2f132bf19caf889169fac4755d4010df6df3079b' }, "Origin"))), index.h("smoothly-next-table-body", { key: '7c00c4b0f34dd7e89d71ba6e15df7e22ffe230de' }, this.cats === undefined ? (index.h("smoothly-next-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (index.h("smoothly-next-table-filler-row", null, index.h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, a.breed), index.h("smoothly-next-table-cell", null, a.country), index.h("smoothly-next-table-cell", null, a.coat), index.h("smoothly-next-table-cell", null, a.origin)))))))));
|
|
10891
10887
|
}
|
|
10892
10888
|
};
|
|
10893
10889
|
SmoothlyNextDemoFillerRowDemo.style = SmoothlyNextDemoFillerRowDemoStyle0;
|
|
@@ -10900,7 +10896,7 @@ const SmoothlyNextDemoGroup = class {
|
|
|
10900
10896
|
index.registerInstance(this, hostRef);
|
|
10901
10897
|
}
|
|
10902
10898
|
render() {
|
|
10903
|
-
return (index.h(index.Host, { key: '50990d73be1cd6318893424ea2901d9575278749' }, index.h("smoothly-display", { key: 'cad7130d42b49b1ea43e283f05d520b33254edf5', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: 'dcf17ca3297d21028d0393bdab7a2ea1f971e5ae', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '2c67568a9a173abbd2b3756894e1a3e70f9b608e' }, index.h("smoothly-next-table-row", { key: 'b58363e8326517c143272f25956b84a69c11253c' }, index.h("smoothly-next-table-cell", { key: 'f68c3a82f78eb2c67879bc6dfcc45b35610a72f0' }, "Date"), index.h("smoothly-next-table-cell", { key: 'b6304bf8973a03f47997492e172cbaa9d2761e58' }, "Total"))), index.h("smoothly-next-table-body", { key: 'f583f766e4c15c29b8225acd960337b93ac4eea3' }, index.h("smoothly-next-table-row-group", { key: '5f5072b02f1418c75fe77b389b19d983723d7bff', align: true }, index.h("smoothly-display", { key: '0818c87d396f3a8dcd40c779d228b40ccd62c831', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'b5268c3a67587d882762e7de8c99d7013d0f9ac6', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: 'e8e8fc31639846b6ace7f0d0f9a4163ab644f7cd' }, index.h("smoothly-next-table-cell", { key: '13d2957d6b7dd44d44de9758202104c098ab630f' }, index.h("smoothly-display", { key: '7a1e5d4803d37f6747ae019158fcbe44f3441042', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '9a1308ccd96980ae917f345e42c2e62e2db735b6' }, index.h("smoothly-display", { key: 'd531805061b189d96abe96509f740bf1b5ccedb6', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: 'a427f21436e5807e4ffbd9efca78c327e08fd624', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'e008506d4d12e706c72b284232da4cda7afb3f03' }, index.h("smoothly-next-table-cell", { key: '4c544d1a32f711db2bb8a9798a6e58b5480170af' }, index.h("smoothly-display", { key: '91e189550679cfc507bd8108182658e92df9f042', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '3d6d8489bb99c269dd88b13d499216367d7b5cd4' }, index.h("smoothly-display", { key: '76e52121772a52267e2ca70921b58cb59b961aa3', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '23d59420bdf3f82bdb7fea741cec15c107f7f8ec', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '97dd019ddfbfd005e222d186c880368ca658cc0a' }, index.h("smoothly-next-table-cell", { key: 'f18404c36a003f66fa5eb00c0eec0c1e5cf644dc' }, index.h("smoothly-display", { key: '7e7f77b76eb617f743bd8a255a02c86f29a7351a', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '3317e1165279e4a93cd213e34884ef55d4e5d53a' }, index.h("smoothly-display", { key: 'a4d0d1eca1c83029f78f16702d7f738106c763e9', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: 'd2f1137dda62dab911fdd6690d6d760ab2d60643' }, index.h("smoothly-display", { key: 'f170087c048d243c685afe67f27d541e2701c7d9', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'cb511500acd3fb53abfae8d88199692bb7aa2a9b', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'ad8cb41584b16ee23aa52e34cade38345b314281' }, index.h("smoothly-next-table-cell", { key: '33408dd848ab584413cd7c64880b1f817361731c' }, index.h("smoothly-display", { key: 'dae77240309f1a731d570baaa3aa3856005585aa', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'bf1e31851aa9f354fd950090b2ad9b672db23386' }, index.h("smoothly-display", { key: '2e1e0b8563e916a875612264caee20081f93348a', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '4aa54391330eac2a84870b987771cb6903933d27', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'bf7fa7fc4c1ca54ba78eb4770971ae2ff9313b07' }, index.h("smoothly-next-table-cell", { key: '81915b571eb00912ab9deff5c69d4e7522d11c15' }, index.h("smoothly-display", { key: '614dd017b7edb2bd7367e3b615fa949f5b50edf5', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '7b849ac4d8488518351897b3d0f333eb6b4be830' }, index.h("smoothly-display", { key: 'c3c5074b72015e200f633f263ed6f6506fd300d2', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'b04067d09f4a171155e1baeecced966398120819', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '94cad74d7c79346e07495a8d7b3fcd00490c48df' }, index.h("smoothly-display", { key: '0ec16bef252cab8012b9f2f69fa011b3768bef0b', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: '4c143ee46b5efc8d8dfc720df50f55e59d43386c' }, index.h("smoothly-next-table-cell", { key: 'b6a8519ed804175ecca17da468ea5d3f20d2852d' }, index.h("smoothly-display", { key: '7806823e7bbb1f3547b3b73f869b410bacff7a57', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '830a1ba9bcd6615f0d05d4874b3287fd73fbe1f8' }, index.h("smoothly-display", { key: 'f9b7779e883413b53e9f2a5b913b69ca5b425007', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'cc7c405861d7ed77d620bbe8b6cf1540c975f436', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '570e579b8a3a5b17b3d85f22a0f7fe5c8e4bc940' }, index.h("smoothly-next-table-cell", { key: 'de455ec3e04e89a965648ba4721377f5612ffa91' }, index.h("smoothly-display", { key: 'd88536cd48a20dd1be418cac3ae0e0a740585d23', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '669e3ef261279b98e33d4d3ce149e830e2e7d4fe' }, index.h("smoothly-display", { key: '9c7c80f5f17a66afc787e692543c8284befc45f3', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '50d6ccb0fee0fa56f682728cf89ca75942a9bb7f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'b6db5124c256703ef582c0215bdb408028841914' }, index.h("smoothly-display", { key: '5bce7403536b81aba7390a4ae1fa8621b856be17', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'af0b2819792a43f92957756f722b8973c57f7d2b' }, index.h("smoothly-next-table-cell", { key: 'cbaf2ade2f082baf140106d634101e8b7ad0647e' }, index.h("smoothly-display", { key: '3e19e0680b0e4c9814eabf2b814d2d12158cbfc6', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'ff68d6f3f2023577348f7c71707b7bc48e33ff1e' }, index.h("smoothly-display", { key: 'd3d75023d66bcd56b4d5a9ed55d1d953570d4b28', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '90a3a8a1c30b69bd50fe57242953b25297b7f5c6', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '2284db488ebdd42e2fa61ee37d5cbb8a6c7e46cf' }, index.h("smoothly-next-table-cell", { key: 'e5633b830f7c41eb132b81ca2522c7b823a5401f' }, index.h("smoothly-display", { key: 'a4045130286694745c142dbd4c1eb37bf00ce970', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '79d83acc27f98e9a9c8296c6fdb7cdbf95e258c7' }, index.h("smoothly-display", { key: 'da14c91e427a18d35e244f45c1857878eb00ea22', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '8eb8d39370453361a891c31afea45b8629dc27da', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: 'f367a8f4b92a8042bdcb56d1a39ca43d58e58c0d' }, index.h("smoothly-next-table-row-group", { key: '7244d470d2b80ea5027578b90bfa17b3050415b9' }, index.h("smoothly-display", { key: '9bb7aa531461a12b625a518f75aa07311c9844b5', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '1ca8970882a1f7bb63f3f1a694d3e92072e24f12', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '95d2aa05e325ab71568a12b38f311fa844a60e83' }, index.h("smoothly-next-table-row", { key: '44e03248f586b292856a367b4e1dda029d26819c' }, index.h("fake-cell-wrapper", { key: '7332bb06ea46a9ed7d787e433822de39e0940011' }, index.h("smoothly-next-table-cell", { key: 'ca6967a28a536bf04e93c5705b1029342d53cce5' }, index.h("smoothly-display", { key: '8c4a397aa36b3d0ed5816c8573001705bd4a6d6a', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'f323cc1ba343a5dbbc685a4f3327a9833cb8528c' }, index.h("smoothly-next-table-expandable-cell", { key: '9be5ecbc58ffaea9df225ed39f6afa86ec4d76fd' }, index.h("smoothly-display", { key: 'ff40fe7ee82eadee781fd70e0d299857c852b306', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '3f9ddb6539a657aba69ec57594b45e969005d992', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: 'a7b8bff9cad0fcdd2956a0a6c65b8b5d3d6ea65f' }, index.h("smoothly-next-table-expandable-row", { key: 'edd673a7e0e83d30609db14bb827fb4b30342dd0' }, index.h("fake-cell-wrapper", { key: 'e18ec7596dbdd0b72b27bda3996ca3b923310780', class: "span-2" }, index.h("smoothly-next-table-cell", { key: 'a8b7115d6c35c7a9db3fa90deeb0e5b9dc3f1162', span: 2 }, index.h("smoothly-display", { key: '8a136637026b468e0b8425a4b49cb8bc3cafd101', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '59bfa72e28f3f434785883016f4232e0025db51b', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '3743c169dc880ae363e5db7b04c04c64eca23923' }, index.h("smoothly-display", { key: '993b887ed16eb88a17d0e1e9f222f1bbed738a4e', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: 'd29d73bb6a489f6bd7650d63fc29e8dad24e02f1', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10899
|
+
return (index.h(index.Host, { key: '70d2dd2dcbd5c5e3c2d588a366fa9b87863243d2' }, index.h("smoothly-display", { key: 'b0212092a6685c71aa718578dfb0ebd0a72e459a', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: '7f473deee404d56b49f2973910045c1e470fbaaa', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: 'cbb973bb0ffdea0e7410689028d62681061b7cff' }, index.h("smoothly-next-table-row", { key: 'd82759c2e9f780bb53e1e23ee90b177b5eb26abd' }, index.h("smoothly-next-table-cell", { key: 'd7957baaaf9efd8f7a767a54a242d2ce27687a3a' }, "Date"), index.h("smoothly-next-table-cell", { key: 'dfa1042e8d0e6db88c29c61aac4a1f4570a0a023' }, "Total"))), index.h("smoothly-next-table-body", { key: 'edc534b5d69c5655b083db908df120e2f10170cf' }, index.h("smoothly-next-table-row-group", { key: '909330ec7432261f56904717bfa721787a119955', align: true }, index.h("smoothly-display", { key: 'c1db511c75c24e69565d1cc05ef51731ba0fd81d', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '7a7fb0e36259c1adee7776da82b5ff378ff791d2', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: 'cdcbd3f6ce838ce60e8f5d42ead292ccc3729c2e' }, index.h("smoothly-next-table-cell", { key: '7d21a731cc1893ea63e13c50d3cf671fa2fe0011' }, index.h("smoothly-display", { key: '87befa0f97174f23ee9a474635cb818ed964e04e', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '01156a10b8824cc657db43f72756ae1709005561' }, index.h("smoothly-display", { key: '2d1fe31159297857c50c777f9a73f1851386d393', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '16124d2ed2617ca40d92aa880a9d21b1fa04cb45', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '0151b86701c1f3d32fe734babeba1de7af6dcc94' }, index.h("smoothly-next-table-cell", { key: 'a286c3dd314c6e93010dd498b8a1bcaec10b8460' }, index.h("smoothly-display", { key: '77994c252da71ce6bb57434dd7bb002147e73d36', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '22c9f0264a9051322bf8daf51149667a920078c8' }, index.h("smoothly-display", { key: 'b447f3fdc7af526aef677401cecd6de70fa22158', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '4cf39352b8436ecf13a308c3ec9415291cfbe95b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '8f53cbf117a984da9ceabdc9879fcc26144d1bfe' }, index.h("smoothly-next-table-cell", { key: '4db43eb57bf0d1e942ca5b7212a764f895661eef' }, index.h("smoothly-display", { key: 'dc473c385dc275aad4a0c744d634ee8e7704075c', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: 'dd6dc7a46f28460c12ba723a27decac0a4a43edb' }, index.h("smoothly-display", { key: '91d6f726fbf5be5ad7c265d5c559f2616862a7f8', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: '068aebe864fb40936257ead559556c777054c2d8' }, index.h("smoothly-display", { key: 'a22fe7a8fb41f36e87cd4cbb2401491c4b3209bf', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'b2c6b6f3e67458cd634f5e6c942255695217c01d', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '48da54388f3599d2a67f0111db9cd36e3ee76f08' }, index.h("smoothly-next-table-cell", { key: '6ec917d2b63a4156a2c60edecf342eb1e60e189a' }, index.h("smoothly-display", { key: '1ae142931e8e2c0c0321d4e7a420c63d30882445', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '60584cd04d673ae9ba0086276132cefad4f2c1cb' }, index.h("smoothly-display", { key: '9f6827b5d5740dd6952de3b49c881f00d8bea250', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '450d80c148d3d4170108db329a57408aeb8b5ce6', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '9d867450686277252dc6e8163fc930af3d3bea89' }, index.h("smoothly-next-table-cell", { key: 'f77354087f5f40385943800aed812c9fcec9e4e1' }, index.h("smoothly-display", { key: 'aff7023e5d7f26a13d2e308fdf3909da60c5e930', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'f7f85a4001f2672b22c439c53dfbf32feef0a2cc' }, index.h("smoothly-display", { key: 'a7186b8c6ed0dfe9c2981150906934db7e83fd66', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '3c0f4f2bf7c42b69c42edbeb57a2adc9ae25e866', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '4002ff000a0d2c847f6dbe422c866832d4065dfb' }, index.h("smoothly-display", { key: '93e46371ba6811635476f26e28b3bf89acd8bcc0', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: '3ec41149d5b823304c4f70efed1ce31d23fc8835' }, index.h("smoothly-next-table-cell", { key: '5d02a5f774401a901dfeeb59484e9c85b583ef04' }, index.h("smoothly-display", { key: 'c2de3b4d7471438b0d23042b32b6f7c82858e103', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '6a3f54460d53d8ca3e81a5cb2891989c91e5c57e' }, index.h("smoothly-display", { key: '57e1c12900f5bd907a99c6d399c1ddb52ccc37cf', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'e1d6b95a96d7c283c8b9687299507d6be883593b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'c78d9e78fc51fc5203b4067e00009887a3d7fc26' }, index.h("smoothly-next-table-cell", { key: 'b19f7aa21fbf4ac62787bd441d79b0eeef54cc45' }, index.h("smoothly-display", { key: '3eecac5f48442242ede4d2217ffbea05c4398401', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '5a95a8cdf0a813728dc3c25e4429d5b30fa0c7aa' }, index.h("smoothly-display", { key: '8805f2d30d0c4dbf183a0abbb77f14369505b8a8', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'd713d8f746d2e5315cf2992e6c3c3467e535288d', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'aea80493eef7265c884af333b169bb3d1f214116' }, index.h("smoothly-display", { key: '3f06be72320a7cb91aef1e8a4723a16ec190f3c7', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '85cb6c9674e3d0a02a91cd5842475491b2a358f1' }, index.h("smoothly-next-table-cell", { key: '3a8c5fe7327c5464856ee4ad5eea01407848050b' }, index.h("smoothly-display", { key: '30ccbf188b381609343f2f5f5dd635188bb82329', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'f31e51f43fc1d9cc8b7cd2a3a4c537d0e59188d3' }, index.h("smoothly-display", { key: '63029e39d20e9f449ae21c68c15776a6e826c76c', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '68a410a5ddcbaa69829f1be2c92a999f916703b8', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'f38999ef55ff663e15bb019ad079b24975274018' }, index.h("smoothly-next-table-cell", { key: '2ac2cda43d4a854868b8202d0807dd7957ad498b' }, index.h("smoothly-display", { key: '77f896cd1ce8952d83f675f0660095f0a48ddb55', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '62b2b32643911ca751c6c046ad3c4d914a80fb81' }, index.h("smoothly-display", { key: '0251fe1a5db76897e9478eb71bc0a6661a8a5e91', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '96a553725e85ae7e35519d3e92457684e3392bd3', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '28c32734ef20147549515e4e971c21b0580e7f04' }, index.h("smoothly-next-table-row-group", { key: 'ff8ff694cfa4dd46dd6444e4e3386000a3e75c52' }, index.h("smoothly-display", { key: '46b0b94ebaa45a4ea0ce5b8f05034630f50f1685', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '22da3f0bbd80a500c30a5a7b759a3ea29671b702', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: 'b3583284edcbec4223471b37a832d16b75d65757' }, index.h("smoothly-next-table-row", { key: '3e84adad7a56dec216230d43db9b8c95deae1a5c' }, index.h("fake-cell-wrapper", { key: '8315b2592865a3397725d37e8b9a714fafb73e64' }, index.h("smoothly-next-table-cell", { key: '4cccdc6caf58746e577e6d058f5cbf0ee3d487b8' }, index.h("smoothly-display", { key: '5b6fc1ebd1416cca42f39f4f2dc980d67dde5d55', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'a08de0a127e624a6a1b8f0140aa19bf39bf19f60' }, index.h("smoothly-next-table-expandable-cell", { key: '08f4283c64872575241104dde960640747d7d52e' }, index.h("smoothly-display", { key: '8c6162749e8f8cdf5450539f359307292ff0c611', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '0b84599a4e9ea3711bd4347c5387387638c20135', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: 'f60388cdb82d64b6b07337af5aa0e648309092e5' }, index.h("smoothly-next-table-expandable-row", { key: '5f1956aeacec9377d7ae6220c3952821d56e1766' }, index.h("fake-cell-wrapper", { key: '9ead9cd0c04025597d844e5c1b042913e3053ec6', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '5bde0f35613a2464584f68c9bcf016553a7601a5', span: 2 }, index.h("smoothly-display", { key: 'ba8267d1fb2aebbb26e08c97a2d33e185f220fdd', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '3c4d275e604567ff5f149fdb560a6fd7a0a91e17', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: 'b048b1c3281a00674c50ff995ad9d549cbe2c64d' }, index.h("smoothly-display", { key: '071513d6663b344a3be78067ed369e55654f0d85', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '593e1a857e77fd737cd1fab09459db2b77864a00', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10904
10900
|
}
|
|
10905
10901
|
};
|
|
10906
10902
|
SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
|
|
@@ -11846,7 +11842,7 @@ const SmoothlyNextDemoNested = class {
|
|
|
11846
11842
|
index.registerInstance(this, hostRef);
|
|
11847
11843
|
}
|
|
11848
11844
|
render() {
|
|
11849
|
-
return (index.h(index.Host, { key: '
|
|
11845
|
+
return (index.h(index.Host, { key: 'e51e8f2cc538e5dfd1cfa26a3b2e2c1f5fcc2022' }, index.h("smoothly-display", { key: '39ebce7b96864c5e3c7fe179852f4f0b2759a635', type: "text", value: "Nested" }), index.h("smoothly-next-table", { key: 'e6e751716681be3b15a2a84e03ab14bbd4540fdf', color: "primary", columns: 8 }, index.h("smoothly-next-table-head", { key: '1540da2a545e363003f7395bdaa12d5dcf76c95d' }, index.h("smoothly-next-table-row", { key: '64d0024e3b49e19f60ab6c6a08693e77ca88e0ca' }, index.h("smoothly-next-table-cell", { key: 'b8573a8380c7b68a0762549dc059a7831122295d' }, "Id"), index.h("smoothly-next-table-cell", { key: 'f0c0a479d0c12acb100310dd70b62bbd60eca8d9' }, "Registered"), index.h("smoothly-next-table-cell", { key: 'f6f25090f7abb02226a03799fcbea7e8e4939333' }, "Name"), index.h("smoothly-next-table-cell", { key: '03f64dbb24a777bb830054bdb0c75dac28b962cc' }, "Age"), index.h("smoothly-next-table-cell", { key: 'ce2308229646b7c3101e487467b704ba71e5e9f7' }, "Balance"), index.h("smoothly-next-table-cell", { key: 'bad44718ea6d4ff480f068778db13c41be22308c' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: 'b5530529ef856b2490cabe568d32169b48afe69d' }, "Gender"), index.h("smoothly-next-table-cell", { key: 'e955f22f3e53b7fcfb89bc3a286dc070ae8f774f' }, "Company"))), index.h("smoothly-next-table-body", { key: 'd7e8b5ebb440d74d1ab8b2b4ccd6e7ddba436d7e' }, data$1.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.registered), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance), index.h("smoothly-next-table-cell", null, entry.eyeColor), index.h("smoothly-next-table-cell", null, entry.gender), index.h("smoothly-next-table-cell", null, entry.company))))), index.h("smoothly-next-table-foot", { key: '04751be9e9a8e336b1bef025bc81b97980a265c8' }, index.h("smoothly-next-table-row", { key: '223a83ef04cfb43b9122aae69943a46aa3c680b6' }, index.h("smoothly-next-table-cell", { key: 'be67907a58830b8368fd9d864907a6cc7d0dc829' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '7b46824531a861fcdd0af4dc546699f703b97c55' }, "Footer Cell"))))));
|
|
11850
11846
|
}
|
|
11851
11847
|
};
|
|
11852
11848
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
@@ -11861,7 +11857,7 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11861
11857
|
}
|
|
11862
11858
|
render() {
|
|
11863
11859
|
var _a;
|
|
11864
|
-
return (index.h(index.Host, { key: '
|
|
11860
|
+
return (index.h(index.Host, { key: '13fd06b7b3715a39b884858226aa4e3481667d4b' }, index.h("smoothly-next-table", { key: '7b3c5461c71d9444fcbbe7f1b49df9643d682cfb', columns: 4 }, index.h("smoothly-next-table-head", { key: '82c8eff53e06ff5fd45bbc3a5f6e9da55325c33f' }, index.h("smoothly-next-table-row", { key: '63fa9aa6b383724bb3bf44b0eeb83922804819d3' }, index.h("smoothly-next-table-cell", { key: '646803a5cec7d21c2ae52d34947dd293cb48204b' }, "Id"), index.h("smoothly-next-table-cell", { key: '62852bf4da10cda9e389403caa808e232dabb5b0' }, "Name"), index.h("smoothly-next-table-cell", { key: '2af3b1e6eb17aac4603be290f3f46b58c45f81b0' }, "Age"), index.h("smoothly-next-table-cell", { key: '562f80f9b14379ebd1876908443c40d2806e9872' }, "Balance"))), index.h("smoothly-next-table-body", { key: 'f88a8917e54ee733a574fa14d39af0d7228a6978' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance))))))));
|
|
11865
11861
|
}
|
|
11866
11862
|
};
|
|
11867
11863
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
@@ -11874,7 +11870,7 @@ const SmoothlyNextDemoSimple = class {
|
|
|
11874
11870
|
index.registerInstance(this, hostRef);
|
|
11875
11871
|
}
|
|
11876
11872
|
render() {
|
|
11877
|
-
return (index.h(index.Host, { key: '
|
|
11873
|
+
return (index.h(index.Host, { key: 'a8acc2c650ebc443db8bb1b4317a0611e8f05608' }, index.h("smoothly-display", { key: 'd888c8972a011011165c8e04642a292a428ce8ac', type: "text", value: "Simple" }), index.h("smoothly-next-table", { key: '24ba400f4c2f1dfecc1d37869ef76b2ec44fcb48', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '72cbec1185a404a32fa0b3b228737fe99d81cb90' }, index.h("smoothly-next-table-row", { key: 'e8a00ae5c5473c82f74fc6a7dd2a5a56464fa8e1' }, index.h("smoothly-next-table-cell", { key: '0bac8c2dfef404516115d857f765ffe5d2e11ec2' }, "Breed"), index.h("smoothly-next-table-cell", { key: '839bb5f927ada24808e79f1a922bb61461e8cd2b' }, "Coat"))), index.h("smoothly-next-table-body", { key: '1625e465403ff47452f9276b9c2d92d11757092d' }, cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-next-table-expandable-row", { key: '05c330996a9a0c778c55c4ead1b7696e709c1be0' }, index.h("div", { key: 'a7ad34c656fea392363226a0fff36edd89ea7886', slot: "detail" }, "Content", index.h("br", { key: 'a5aef051b80c0e0e32e9f67dc7aac1e60bdb3529' }), "of", index.h("br", { key: '33363ed7d377f8a68cb7d165492aa41a76864d47' }), "the", index.h("br", { key: '0b0ff8ccc287886c70a1386a578a54b592a3ab60' }), "expandable", index.h("br", { key: '7e957a24f390d5a2284d6c018a6a6eab0645cd35' }), "row"), index.h("smoothly-next-table-cell", { key: '6814eff2c64ee7113d59a6852f8272c8cf5d026e' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: 'fdf46cdb2c0368e9673c01ddbc66a040e0cdd993' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: 'b66351681a743398fd0e02d3375b21d6fc4ad55c' }, index.h("smoothly-next-table-cell", { key: '08eea1871b06906f22101aae982b04b02ab0cb02' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: '6b5928b4e65b0134aca8ee810b72dadb63526936' }, "Expandable Cell", index.h("div", { key: 'e74060695cf3bd65a5634832c40283ea7d4fd1bd', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: 'cd99c2c345ad20d112af5521a9903c8a3eac8276' }, index.h("smoothly-next-table-expandable-cell", { key: '5b4843ed50b9bd382542e0bfbd0487b23144cda8' }, "Expandable Cell 1", index.h("div", { key: '37af1819f83435ebb575e20be576e66b98efa256', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: '78ce9022f55cc22ca574b9ebdb9c494757e1c597' }, "Expandable Cell 2", index.h("div", { key: 'e375ff3620987b116f08866d7c355d62a3e0d6a9', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: '2717aa90d336fc0205fb0e4c3e26ab9c2c83d870' }, index.h("smoothly-next-table-row", { key: 'd69aced2ded306e79f99792ce3b2ee700e8451ec' }, index.h("smoothly-next-table-cell", { key: '9017281f8ca844f209745d5dd378b9d15f68874b' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '3a98156fa6bd434c4e17a0cdd23f35395f33cef4' }, "Footer Cell"))))));
|
|
11878
11874
|
}
|
|
11879
11875
|
};
|
|
11880
11876
|
const cats = [
|
|
@@ -11966,7 +11962,7 @@ const SmoothlyNextTable = class {
|
|
|
11966
11962
|
event.stopPropagation();
|
|
11967
11963
|
}
|
|
11968
11964
|
render() {
|
|
11969
|
-
return (index.h(index.Host, { key: '
|
|
11965
|
+
return (index.h(index.Host, { key: '6b36be13a7d56f8aa23840dd3a678b2f272f71be', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: '9a82439125000847cc4e7e63c285aac3d605cfb3' })));
|
|
11970
11966
|
}
|
|
11971
11967
|
};
|
|
11972
11968
|
SmoothlyNextTable.style = SmoothlyNextTableStyle0;
|
|
@@ -11979,7 +11975,7 @@ const SmoothlyNextTableBody = class {
|
|
|
11979
11975
|
index.registerInstance(this, hostRef);
|
|
11980
11976
|
}
|
|
11981
11977
|
render() {
|
|
11982
|
-
return (index.h(index.Host, { key: '
|
|
11978
|
+
return (index.h(index.Host, { key: 'fc642613d84473320dbcc35e96ddaecc8be9762e' }, index.h("slot", { key: '03441f79c1ad49482323e7bb906919d8faca93f7' })));
|
|
11983
11979
|
}
|
|
11984
11980
|
};
|
|
11985
11981
|
SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
|
|
@@ -11994,7 +11990,7 @@ const SmoothlyNextTableCell = class {
|
|
|
11994
11990
|
}
|
|
11995
11991
|
render() {
|
|
11996
11992
|
var _a;
|
|
11997
|
-
return (index.h(index.Host, { key: '
|
|
11993
|
+
return (index.h(index.Host, { key: '15fc06d7b1ce2f0faec61e97de0ef87cb635985a', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '9717765421065994a2ec4071263bd16b114c7442' })));
|
|
11998
11994
|
}
|
|
11999
11995
|
};
|
|
12000
11996
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -12066,18 +12062,18 @@ const TableDemoFiltered$1 = class {
|
|
|
12066
12062
|
}
|
|
12067
12063
|
render() {
|
|
12068
12064
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12069
|
-
return (index.h(index.Host, { key: '
|
|
12065
|
+
return (index.h(index.Host, { key: 'c038d0ed269bced01f49d3496e8d3fdca195ce79' }, index.h("smoothly-display", { key: '22c1d3b129e870b354f11a8cc179c85af4204370', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '897382aa4d953eca54e609c422ce00eecb2a51d9' }, index.h("smoothly-filter-toggle", { key: '83cd16b707e3c8b437fa9f19f6ea8f364ebab53f', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '5221fe242168a170c8816b2eaccc3f6399c0dbed', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'd1107c560992f47582b56f7e6304bab3c9a9a35d', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '335d7a236b954564080362b20d626544e95e053f', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: 'f5a98ce55b433759b8804f0d9a6bca7286d28144', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12070
12066
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12071
12067
|
var _a;
|
|
12072
12068
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12073
|
-
})), index.h("div", { key: '
|
|
12069
|
+
})), index.h("div", { key: '0248598e82358270ecfa71552c4c9423679d6d4c', slot: "detail" }, index.h("smoothly-form", { key: '0aadcf20d49a3db14328e9688e4ff7357f07ad0c', looks: "border" }, index.h("smoothly-filter-select", { key: '0332acff6d85bb456181214ee01972f71c03c664', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12074
12070
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12075
12071
|
var _a;
|
|
12076
12072
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12077
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12078
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '
|
|
12073
|
+
})), index.h("smoothly-filter-select", { key: 'c84f849c15ec131a03d0c8aabf0e06df2f12a7cd', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12074
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '9869e26462ae7d017c9e191e99028ead47d43425', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
|
|
12079
12075
|
.flat()
|
|
12080
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '
|
|
12076
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '3a72eb19d9e25ca286cf30b898963d9b632bc8bc', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '666dc971712734653688ee95fca737518febaea9', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-next-table", { columns: 4 }, index.h("smoothly-next-table-head", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cats)), index.h("smoothly-next-table-cell", null, "Breed"), index.h("smoothly-next-table-cell", null, "Coat"), index.h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cat)), index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-next-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-next-table-foot", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
12081
12077
|
}
|
|
12082
12078
|
};
|
|
12083
12079
|
const names$1 = {
|
|
@@ -12113,7 +12109,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
12113
12109
|
}
|
|
12114
12110
|
render() {
|
|
12115
12111
|
var _a;
|
|
12116
|
-
return (index.h(index.Host, { key: '
|
|
12112
|
+
return (index.h(index.Host, { key: '9101742e13ee1659f6d8c9b89b9dd01bad8749aa', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: 'ff5dd92a9ce282d4c7461d2776252a0b9994ee31', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: 'e9a7f13a9171569c45545ac78dd8449f80485c9a' })), index.h("div", { key: 'a7c36369e921e648ceb2536ad9e1c58031a4077d', class: "detail" }, index.h("slot", { key: 'ad2b1bebadb19ef0c9daa7d54047acc2a6c55120', name: "detail" }))));
|
|
12117
12113
|
}
|
|
12118
12114
|
static get watchers() { return {
|
|
12119
12115
|
"open": ["openChange"]
|
|
@@ -12137,7 +12133,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
12137
12133
|
this.smoothlyNextTableExpandableRowChange.emit(this.open);
|
|
12138
12134
|
}
|
|
12139
12135
|
render() {
|
|
12140
|
-
return (index.h(index.Host, { key: '
|
|
12136
|
+
return (index.h(index.Host, { key: 'cf7fc43ab9572639720b6dda4d2ee226fcfd38fe', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '7d90befc65257005379b4bb0564b335c046fd8d5' }), index.h("div", { key: '50f7e0eb66657fb909cf2d912c71ee7b09e1ed6e', ref: e => (this.div = e) }, index.h("slot", { key: 'f0917493dda2b027cb038a3405f3efb0a5e9bc25', name: "detail" }))));
|
|
12141
12137
|
}
|
|
12142
12138
|
static get watchers() { return {
|
|
12143
12139
|
"open": ["openChange"]
|
|
@@ -12153,7 +12149,7 @@ const SmoothlyNextTableFillerRow = class {
|
|
|
12153
12149
|
index.registerInstance(this, hostRef);
|
|
12154
12150
|
}
|
|
12155
12151
|
render() {
|
|
12156
|
-
return (index.h("smoothly-next-table-row", { key: '
|
|
12152
|
+
return (index.h("smoothly-next-table-row", { key: 'f70c6c5d3585ac1671d4627fa3c3416bc290529c' }, index.h("smoothly-next-table-cell", { key: '0aa925e178ad8d5e538c4adbf440946b33b59212' }, index.h("slot", { key: 'b7cab380329b4de0a7a9e05beb38e8a23d734e48' }))));
|
|
12157
12153
|
}
|
|
12158
12154
|
};
|
|
12159
12155
|
SmoothlyNextTableFillerRow.style = SmoothlyNextTableFillerRowStyle0;
|
|
@@ -12166,7 +12162,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
12166
12162
|
index.registerInstance(this, hostRef);
|
|
12167
12163
|
}
|
|
12168
12164
|
render() {
|
|
12169
|
-
return (index.h(index.Host, { key: '
|
|
12165
|
+
return (index.h(index.Host, { key: 'aaa1bca3c943b4d98408acf4ce4e42d7a43eac2d' }, index.h("slot", { key: 'd3840c7c3204dc380565bb6d5ccf1e9ea74f5513' })));
|
|
12170
12166
|
}
|
|
12171
12167
|
};
|
|
12172
12168
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -12197,7 +12193,7 @@ const SmoothlyNextTableHead = class {
|
|
|
12197
12193
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12198
12194
|
}
|
|
12199
12195
|
render() {
|
|
12200
|
-
return (index.h(index.Host, { key: '
|
|
12196
|
+
return (index.h(index.Host, { key: 'f181efdba693b2c07b980369fa5d6a71c88f3e93', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '9801166b8be1917bcac3da1dc922d13affb83d6f' })));
|
|
12201
12197
|
}
|
|
12202
12198
|
get element() { return index.getElement(this); }
|
|
12203
12199
|
};
|
|
@@ -12221,7 +12217,7 @@ const SmoothlyNextTableRow = class {
|
|
|
12221
12217
|
event.target != cell && cell.close();
|
|
12222
12218
|
}
|
|
12223
12219
|
render() {
|
|
12224
|
-
return (index.h(index.Host, { key: '
|
|
12220
|
+
return (index.h(index.Host, { key: 'd73ff5e3a252f364a108f2db773e1789a0a0099d' }, index.h("slot", { key: '8df0952b6573ec71af1959f30c7fda5f32df1cee' })));
|
|
12225
12221
|
}
|
|
12226
12222
|
};
|
|
12227
12223
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -12241,7 +12237,7 @@ const SmoothlyNextTableRowGroup = class {
|
|
|
12241
12237
|
this.smoothlyNextTableRowGroupChange.emit(this.open);
|
|
12242
12238
|
}
|
|
12243
12239
|
render() {
|
|
12244
|
-
return (index.h(index.Host, { key: '
|
|
12240
|
+
return (index.h(index.Host, { key: '43a82196fdfd80f0f919a4f62191c3361f41cba0' }, index.h("div", { key: '9919bacabb6794dd9a71925d7743c37ff2d805ea', onClick: () => this.clickHandler() }, index.h("div", { key: '71d0b9c9f93d826e623ce5e0a38af321e72c13d8' }, index.h("slot", { key: '52a00599eceebc5d1f4eb1db8eae7ffaa6ece430', name: "start" })), index.h("div", { key: '35a90ff17f0f195cce6b894235ab15e4575854c9' }, index.h("slot", { key: '0634ab63a3b9194337b37665b48a74c774348ddc', name: "end" }))), index.h("div", { key: '122e07656e70d691387319b1d674d952323be40d' }, index.h("slot", { key: 'cfcc0518333e93fa47391fdd6371662e9cbd42d8' }))));
|
|
12245
12241
|
}
|
|
12246
12242
|
};
|
|
12247
12243
|
SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
|
|
@@ -12301,7 +12297,7 @@ const Notification = class {
|
|
|
12301
12297
|
this.onUpdatedNotice(this.notice);
|
|
12302
12298
|
}
|
|
12303
12299
|
render() {
|
|
12304
|
-
return (index.h(index.Host, { key: '
|
|
12300
|
+
return (index.h(index.Host, { key: 'cf9c96072d6a7cc7766601abdd96989ff1a83143', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: '1e5eec6b4da1c394c1593222dcfae0de58243c8d', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '3fc2d6ccbffafe41ada4de5422d0cf164e4b470b', name: "close-circle-outline" }))), index.h("span", { key: 'b9f58c7197a10c4839c9f9ec0f5ad9251773e986', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: '515d0b003497ca4de76328e4ab910c34f862985a', name: this.properties[1] }), index.h("p", { key: '7a5f3e3fb368614669833eea3b8a8e351356bf9e' }, this.notice.message))));
|
|
12305
12301
|
}
|
|
12306
12302
|
static get watchers() { return {
|
|
12307
12303
|
"notice": ["onUpdatedNotice"]
|
|
@@ -12326,8 +12322,8 @@ const Notifier = class {
|
|
|
12326
12322
|
}
|
|
12327
12323
|
render() {
|
|
12328
12324
|
return [
|
|
12329
|
-
index.h("slot", { key: '
|
|
12330
|
-
index.h("aside", { key: '
|
|
12325
|
+
index.h("slot", { key: '95705f447f02f2fd79fcfb9fd914547dcd46fd43' }),
|
|
12326
|
+
index.h("aside", { key: '49abfb85afa25cf8a939d725697698082eda895c' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
12331
12327
|
];
|
|
12332
12328
|
}
|
|
12333
12329
|
};
|
|
@@ -12344,9 +12340,9 @@ const SmoothlySpinner = class {
|
|
|
12344
12340
|
}
|
|
12345
12341
|
render() {
|
|
12346
12342
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12347
|
-
return (index.h(index.Host, { key: '
|
|
12343
|
+
return (index.h(index.Host, { key: 'a02b6c6675fb539889cb9b9301d59bca8661e1c8', style: {
|
|
12348
12344
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12349
|
-
} }, index.h("svg", { key: '
|
|
12345
|
+
} }, index.h("svg", { key: '6c73515870d733a25d126e0bbf1e97cbeb6acdf3', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'e20de5f3584d148efaed2390d66577ec6087d202', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12350
12346
|
}
|
|
12351
12347
|
};
|
|
12352
12348
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12368,6 +12364,7 @@ const SmoothlySubmit = class {
|
|
|
12368
12364
|
this.prevent = true;
|
|
12369
12365
|
}
|
|
12370
12366
|
async componentWillLoad() {
|
|
12367
|
+
console.warn(`smoothly-submit is deprecated, use smoothly-input-submit instead.\n <smoothly-button type="submit"> can also be used if you're using a regular form.`);
|
|
12371
12368
|
this.smoothlyInputLoad.emit(parent => {
|
|
12372
12369
|
if (Submittable.is(parent)) {
|
|
12373
12370
|
this.parent = parent;
|
|
@@ -12379,7 +12376,7 @@ const SmoothlySubmit = class {
|
|
|
12379
12376
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12380
12377
|
}
|
|
12381
12378
|
render() {
|
|
12382
|
-
return (index.h(Button, { key: '
|
|
12379
|
+
return (index.h(Button, { key: '32bc189c2442612efdcb413f2e0a6c21e597676c', disabled: this.disabled, type: this.type }, index.h("slot", { key: '0c85cb939835a49d5d5cda59a6d66f8a5f66d7da' })));
|
|
12383
12380
|
}
|
|
12384
12381
|
};
|
|
12385
12382
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12414,7 +12411,7 @@ const SmoothlySummary = class {
|
|
|
12414
12411
|
}
|
|
12415
12412
|
}
|
|
12416
12413
|
render() {
|
|
12417
|
-
return (index.h("details", { key: '
|
|
12414
|
+
return (index.h("details", { key: 'ee64137eb2602f80947c504919436f8915ca11d8', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '3825bd22d7d067d5b7db61516bde33c76aa95d44' }, index.h("smoothly-icon", { key: 'eb261691c802689273ea6c0aaaf93ae02a9bc2be', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: '5fd15219e08d9b609bc514f76c8ae0ebc5d116e6', name: "summary" })), index.h("slot", { key: '0425b325aa241a80081023ce4e99d280092608d0', name: "content" })));
|
|
12418
12415
|
}
|
|
12419
12416
|
};
|
|
12420
12417
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12455,7 +12452,7 @@ const SmoothlyTab = class {
|
|
|
12455
12452
|
}
|
|
12456
12453
|
}
|
|
12457
12454
|
render() {
|
|
12458
|
-
return (index.h(index.Host, { key: '
|
|
12455
|
+
return (index.h(index.Host, { key: '6a8f9f0ed4050a8e803c7027ab46699a02545d31' }, index.h("div", { key: '287365385a80bd8d92e28096392f26544089a2a4' }, index.h("label", { key: 'c0fb752115acfce430b55a249218be1ea27ab7f0' }, this.label)), index.h("div", { key: 'fdbe867c13983b95011c44716c1afb68f4f38ca5', hidden: !this.open }, index.h("slot", { key: 'ea0d17983043a4573ff1591ab5532bdd2b129e6d' }))));
|
|
12459
12456
|
}
|
|
12460
12457
|
static get watchers() { return {
|
|
12461
12458
|
"open": ["openHandler"]
|
|
@@ -12506,7 +12503,7 @@ const Table = class {
|
|
|
12506
12503
|
event.stopPropagation();
|
|
12507
12504
|
}
|
|
12508
12505
|
render() {
|
|
12509
|
-
return [index.h("slot", { key: '
|
|
12506
|
+
return [index.h("slot", { key: '278cb8ca9f29fcab5127be95c03ad3f82b1935a5' })];
|
|
12510
12507
|
}
|
|
12511
12508
|
get element() { return index.getElement(this); }
|
|
12512
12509
|
};
|
|
@@ -12520,7 +12517,7 @@ const TableCell = class {
|
|
|
12520
12517
|
index.registerInstance(this, hostRef);
|
|
12521
12518
|
}
|
|
12522
12519
|
render() {
|
|
12523
|
-
return (index.h(index.Host, { key: '
|
|
12520
|
+
return (index.h(index.Host, { key: '5062854df0d108862d1d5a68ec3daec19c87baa6' }, index.h("div", { key: '74f3e178740893891eedf00a0eadcb364c00f1cb' }, index.h("div", { key: '7347de0455eec66b9c60578a775bda6f6860ed65' }, index.h("slot", { key: 'ceb8dc424f808039fe50544ac519b281ed2129c0' })), index.h("smoothly-icon", { key: 'f71a3af5f5b1a55925822a35512f9eef70447411', name: "caret-forward-outline", size: "tiny" }))));
|
|
12524
12521
|
}
|
|
12525
12522
|
};
|
|
12526
12523
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12533,7 +12530,7 @@ const TableDemo = class {
|
|
|
12533
12530
|
index.registerInstance(this, hostRef);
|
|
12534
12531
|
}
|
|
12535
12532
|
render() {
|
|
12536
|
-
return (index.h(index.Host, { key: 'c6cdb1ec64019fe32ea8f535337afa40e29fee44' }, index.h("h4", { key: '5dc50032bbf5d7a0615ad46aa1836187aefe469f' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '852c580614cee9b882fa5c2909bde6d165205bd1', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '9119e9a6a01add919f8df9eacb58ad7d7382cf4e' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: 'dca248ef3915c40336be5658a8409def226569b0' }), " ", index.h("h4", { key: '4a713db2b1f2425881356b3b3b8dc0d046a33164' }, "Demo table 3"), index.h("smoothly-table", { key: '94ef0a667f321471883dd4d70fe23eb32d9f3e4d' }, index.h("smoothly-table-row", { key: '4c392b3afcce38a2ff6030b36d758675f5968bfd' }, index.h("smoothly-table-header", { key: '96ffe0219f041d33bb75d76c27409be6918792f9' }, "Header A"), index.h("smoothly-table-header", { key: '3dba2f1f669cb386c4e3973ea2b075996c55b165' }, "Header B"), index.h("smoothly-table-header", { key: '0e3744fb7ab93403bbddbff0cfa51efe8935824b' }, "Header C"), index.h("smoothly-table-header", { key: '93da6c4dde69f1d9fe9aca8dd62136cf204ef3d7' }, "Header D")), index.h("smoothly-table-row", { key: 'ffa880e419975218ea105a2e66d184d4404980ee' }, index.h("smoothly-table-expandable-cell", { key: '3a55c3fa80036ec5ce6301903bb074ae8305ffe3' }, "normal row (exp.cell)", index.h("div", { key: 'e3bd35eb544912b4db28152d8af94e7b3bc04607', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '4d1c3c9f7d2495bbcb751e8e82ccf6c1866b1dcf' }, "expandable cell", index.h("div", { key: '1db4619ea7c7c3762e543515137c08f168fecda1', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: 'b7ddb2156db40eb29b71c577cd64cf174eddb69f' }, "expandable cell", index.h("div", { key: 'ac7ecb1702ec0d6a813a75b0c7319f5b2495f212', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '558c77cdb6bcca06d6768c700c5708c3dd23fc90' }, "expandable cell", index.h("div", { key: '5d3de7d1e891951704cb68421650346e0ddb96f4', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '07ac3491d39958ea8c2ceda40e149a49dc637927' }, index.h("smoothly-table-cell", { key: '614f6f20cf243bbad3e0eb49978699859a23e57d' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'ff9d16514584d1024dd5af0e34c479b1db93e90c' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '1b0038e9c2d6c086da0f65678918b9e77f14658f' }, "expandable cell", index.h("div", { key: '9c6c183fb8e2e4e6cd8758dcb886548613b119e7', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '2f0daa63d8e630adc5c51d20a6eaaba812c97f9b' }, "expandable cell", index.h("div", { key: 'eb59b5593c192ae9708e68a8590cd49956dfd662', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '3e06fb811827f01518742affd59032e9941a0888' }, index.h("smoothly-table-cell", { key: '718c279fbe72d14166f7d36303ceecaeb87469cb' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: 'fea9b506bc7ea6905b9da37a89267c3413fdaa99' }, "Normal cell"), index.h("smoothly-table-cell", { key: 'b7c3db0238145650f21a4068f2db4f92aa53d5a0' }, "normal cell"), index.h("smoothly-table-cell", { key: '8f5bebd243e3264d2ad5247d37c801804bab6ba5' }, "Normal cell"), index.h("div", { key: '5ee3caf2bdec56179e6a19a6103dd2b8e25d2cdc', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '131374201a62997b92e65232d5b600100660ce03' }, "Demo table 4"), index.h("smoothly-table", { key: '0184cdc6ab654d7d90c34758f41122f68228694d' }, index.h("smoothly-table-row", { key: 'ed5badaaec7b1f697c2ece9693f68ea20e016782' }, index.h("smoothly-table-header", { key: '420a18ca91c047f76044efae2ac91fe3902fc6b7' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: '650af2acb6d5aa89923410549429aeb629a33905' }, "Header expansion", index.h("div", { key: '5ac40560c308a696045ab01fd28276dfe0c07943', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: 'e4b7987bd61fee6623f39748747c9d92217c5398' }, index.h("smoothly-table-cell", { key: '3a2d14f748dbd9c4de90956f68b47c4a0d0ffbdc' }, "A Content"), index.h("smoothly-table-cell", { key: '4af0e6586995e90521ace2df4cab7de58ef75291' }, "Expansion cell"), index.h("div", { key: 'bc6a095aaeda1143869a15635cc18b1a091a6cc1', slot: "detail" }, index.h("smoothly-tab-switch", { key: '2729c0fcab4e6262e2fc0d0a7de510be23693566' }, index.h("smoothly-tab", { key: 'ebb7e85aee9d63c379c6212e769803d78bb3eae0', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '2cd95b71834a44923735ab3feb60e455c26c1738' }, index.h("smoothly-table-row", { key: 'e0f8c0e8e7080a278f5244665415ce4e4e2e6527' }, index.h("smoothly-table-header", { key: 'bc7ad942e775a5d1189c2ef806e013416ad33770' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '492569f69549b75af7d8db20f52453f2f8a28837' }, "B Content"))), index.h("smoothly-tab", { key: '7692415648b7adc6597830b1dfffa40877d28d70', label: "innertable 2" }, index.h("smoothly-table", { key: 'd40463d8082de28b2f5ba604631a5ea50d255c79' }, index.h("smoothly-table-row", { key: '88ae5e85beda7765408ad019aa25a6b337d9de39' }, index.h("smoothly-table-header", { key: 'ae55e53a79148ea93476a3cb12d53355400d3e30' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '2ee22e0d918ce496ad4a221190ba69452e16e7ba' }, index.h("smoothly-table-cell", { key: '6c1b2d3f2bb7e52c2ff05b4bfc27d978d321c44f' }, "C Content"))))))), index.h("smoothly-table-row", { key: '198cdaf65f5b016ab46d5a0c7f7354dc1b7c42c7' }, index.h("smoothly-table-cell", { key: '5cf8d0e7bef2ca16708358da909ba29ce54efaad' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '4723ddf3865924468d4d46fd834e15f42549cabd' }, "Expandable cell", index.h("div", { key: '0474fb662b6b693637bba1fc368849ff081d91b1', slot: "detail" }, "Expansion content")))), index.h("h4", { key: 'cb86d63ccede6e18e4c6f1d3eead23792572779a' }, "Demo table 5"), index.h("smoothly-table", { key: '0ed16c4b83f5e69f689dea5b2b8283099b4cb743' }, index.h("smoothly-table-row", { key: '642367f17c2f07f3f70b194989297d89521e3c90' }, index.h("smoothly-table-header", { key: '8f58fcaeacebbe763cd11a847f2f6f5c6d1c5fa7' }, "A"), index.h("smoothly-table-header", { key: '00706d5410e853ccef0c314392af3c0a7963797d' }, "B")), index.h("smoothly-table-expandable-row", { key: '723f1bcccc604b416d37ceee51ec59bfe3d51be3' }, index.h("smoothly-table-cell", { key: '4ee6f49785f06c48822a1492d3944309544e8f85' }, "nested expandable row"), index.h("smoothly-table-cell", { key: 'ea21792c62dcf9d06e3e079b04c047770eb8109c' }, "b row"), index.h("div", { key: '265aaa6a27b9ac1c0dd0ec977b9fee69c5a8f9eb', slot: "detail" }, index.h("smoothly-table", { key: 'af29d12c44187790b325c2bb981e9d022579e6d4' }, index.h("smoothly-table-row", { key: '45f7c147072c8b03ea227ebdc42a126140b9647c' }, index.h("smoothly-table-header", { key: '73c0e55e8893e54e87043bae61a7347b0d123e15' }, "C"), index.h("smoothly-table-header", { key: '85d28029d760d13fae38f239e4e4f67f18346dc2' }, "D")), index.h("smoothly-table-expandable-row", { key: '5328f1f383dfe3736f0a9d2a9c5c1730810422d1' }, index.h("smoothly-table-cell", { key: '3cc2c6489faf95604b3cb1e41481284ca2b9f54e' }, "c"), index.h("smoothly-table-cell", { key: '0349c3d16c50fc5fec9b5fcecee4bf0a5d900cd4' }, "d"), index.h("div", { key: '271f7f54451fa0a26ae1d7c1c788d0b78711834a', slot: "detail" }, index.h("smoothly-table", { key: '87fbb87ad3099137d01ef6b68689ff591839ae8f' }, index.h("smoothly-table-row", { key: '5e0d25420625328e0e5aded38f741499b0c15f47' }, index.h("smoothly-table-header", { key: 'dcf74f3b32fc6faf6ff42e646381e87bc228c77e' }, "E"), index.h("smoothly-table-header", { key: '866c5c36177073208661b326c13f27bb21cec508' }, "F")), index.h("smoothly-table-expandable-row", { key: '5df8eb28aa99f7efcdb01d16d4ccd34fa92c2fef' }, index.h("smoothly-table-cell", { key: 'a489f7f284423d7d5f9809668f5dbf78d3ac24d8' }, "e row"), index.h("smoothly-table-cell", { key: '2b849e8c5f213f9169c7deaf5bcd36485380798a' }, "f row"), index.h("div", { key: 'be2bcea57e2c422dbf9669e703b0dec4786274ec', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: 'd727b5985e8ae29724852915d8df209dc7c556b4' }, index.h("smoothly-table-cell", { key: '14657a5055d35ce1c3fa26fba29b846bb0868b6c' }, index.h("span", { key: '322844dedc0a830976658d24822fb86ed35b56a4' }, "one"), index.h("span", { key: 'c23220004cf0cd380a95094ce802eae0b9b36b30' }, "two"), index.h("span", { key: '9071c81ec7c73b5f95aac1206347fc5334174f4b' }, "three")), index.h("smoothly-table-cell", { key: '2f25002f38d22be8aee2b449ef3447331bc3ed73' }, "five", index.h("smoothly-icon", { key: 'c5cc75ce10ac556a2dde2150f85dc73b916f0c7c', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: 'e6253178d2776f1509292948e3f6b77019f496fc', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '3edcb5725f14e59c8ec4a2b13114c554f496979b' }, index.h("smoothly-table-expandable-cell", { key: '32ebb0dd788e9e06d69794c24fbe93709d2b5c58' }, index.h("span", { key: 'bacdfcd265cf89930296660af55253ec5b3c4c6c' }, "nested expandable cells"), index.h("div", { key: '34d9875b8acb35ee324f6e4ed38182c1be28c493', slot: "detail" }, index.h("smoothly-table", { key: '89bc020ea84278748b8e9848759499267a73be5a' }, index.h("smoothly-table-row", { key: '15fe94d805d3866ceffc23a1a3ae963feba6ef90' }, index.h("smoothly-table-header", { key: '932bd391a859b707c352c61c5f2be83aa8240aad' }, "E"), index.h("smoothly-table-header", { key: '1da1234c6c231c619038ace596ea1cbe4248d532' }, "F")), index.h("smoothly-table-row", { key: 'e1717991f4941aac819614f6898e78161e39e8a3' }, index.h("smoothly-table-expandable-cell", { key: '93eb3a46a19156b6d41ffdee5ca7ed2595ec6a06' }, "e cell", index.h("div", { key: '91897564564115854b72ed0e47af8082fd85d581', slot: "detail" }, index.h("smoothly-table", { key: '792d01e1f8a3502ea3f046229756a0bf17161c89' }, index.h("smoothly-table-row", { key: '7934b8fb581359e57dd0d9d9397ee1e4d0fc3235' }, index.h("smoothly-table-header", { key: 'eb62c1711c644fec626bed7defc784e0fdcbf41a' }, "G"), index.h("smoothly-table-header", { key: 'ae2d2716634e835a02ec523648f0adba523d8665' }, "H")), index.h("smoothly-table-row", { key: 'b5c675c4e6f90b0990fa6fc0e3a9a847a0325491' }, index.h("smoothly-table-expandable-cell", { key: '45a16508c0771c8c7361bb856973be83d39c00d5' }, "g cell", index.h("div", { key: 'ccd0ad5cecb5d94da9d5603dc01e40421b8c3093', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '6d7ac4d0777134d341f4594c7c43d603f72452bd' }, "h cell", index.h("div", { key: '17bcbee83042ec0b209fd3810dda4184fae63d04', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '637255dc3405f3ca9606143ab3dee291ed7828ec' }, "f cell", index.h("div", { key: 'e4eda95c43b1bac85d025fd41c5d5307a79aaddf', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '869c160ca435bad58b7821700f57f3e57df5bd95' }, "b cell", index.h("div", { key: '430c75f553f16f743fdc9df1428af7c0262537c1', slot: "detail" }, index.h("smoothly-table", { key: '29f8b19c79ea9e67f986dba2ad175e56c6038e74' }, index.h("smoothly-table-row", { key: 'd6a981299b40c08517d735fb1adbebbc16d32363' }, index.h("smoothly-table-header", { key: 'c6a482d2a46eee73a6cc65e7bc14f9d1f1468be5' }, "C"), index.h("smoothly-table-header", { key: '826f6b28305280251d56fc31320297eb20e4a14c' }, "D")), index.h("smoothly-table-row", { key: 'e4df9cf7c1570dd9a75a5e4cce2b6d3a566f8d9c' }, index.h("smoothly-table-expandable-cell", { key: 'e817572d771cd4302d4359beb27808e15a47f851' }, "c cell", index.h("div", { key: 'b2a81e52aa824cf3059c9a52ac66949c5e4cdac8', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: 'c82fa56be62e893572292cfdba4c8029e6defb74' }, "d cell", index.h("div", { key: '131d94db4b432bdc4204d2da5b64da8350c599d3', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'e2dd9ae8c73f8479f9c44a1cb706ccdb48de4912' }, "Demo table 6"), index.h("smoothly-table", { key: '6c2e4be7d91398896f44635007524e59e5766c08' }, index.h("smoothly-table-row", { key: 'f81d5caa43f09eaae3c93a0c76e72fed362fd8b4' }, index.h("smoothly-table-header", { key: 'b75f0a871cd6082e16744017a8e994be32725ecd' }, "display"), index.h("smoothly-table-header", { key: 'bd9f38937668659299fe7026e1c773e74c18550f' }, "contents")), index.h("smoothly-table-expandable-row", { key: '719b5460cc6d2dd0606e67a4b5a42dd24c68bf79' }, index.h("div", { key: 'd9a10c1de4fc60e0e8e670d632387b785f657995', class: "content" }, index.h("smoothly-table-cell", { key: 'fafbc25c0581438c93393b6490850f08ca405d26' }, "A"), index.h("smoothly-table-cell", { key: '79a557b14dae5899fb5bba81f32f3e70360241f2' }, "B")), index.h("div", { key: 'd6d1a0d30b310414fbf167f44d34006104cdde18', slot: "detail" }, "expansion"))), index.h("h4", { key: 'fc360556b13a7fc2fb3a32bc7d831bf40e77a823' }, "Demo table 7"), " ", index.h("span", { key: '67ac962f1d678d7820d942e9a84640658934b750' }, "nested 1 then normal"), index.h("smoothly-table", { key: 'd09cdc05350959c442531492b04173e41b9ab937' }, index.h("smoothly-table-row", { key: '86bcc5a1fe55a6869136ceebee91427871d87ae1' }, index.h("smoothly-table-header", { key: '2e65946759465848b0065c1e87bc288cfd925cac' }, "A"), index.h("smoothly-table-header", { key: 'e1e080702c449b3c0a2ad4b79be43962823ab1d1' }, "B")), index.h("smoothly-table-expandable-row", { key: 'bbdcbb6bd15d55df039edb298f645777bbdb9d2f' }, index.h("smoothly-table-cell", { key: 'e77d5cad7dc70372f79a14fea41c158c0e7f2815' }, "a"), index.h("smoothly-table-cell", { key: 'd2ec385c100d3668c6587bdce725c0de38ae6582' }, "b"), index.h("div", { key: '367c017889c3aca14b3a3f8e9fcd57358834e274', slot: "detail" }, index.h("smoothly-table", { key: 'ff63d4c3dff836b3df8d743038baa46cf24b857b' }, index.h("smoothly-table-row", { key: '203f4c54a06dacb0a73cf4953720621ccbb06431' }, index.h("smoothly-table-header", { key: '21fb33f06e878a715d822d47f96674a5dcb92f56' }, "C"), index.h("smoothly-table-header", { key: '2097c2b323c36021117b96b95272e6406c0edb48' }, "D")), index.h("smoothly-table-row", { key: '3ff6b62cf7446fb4eca6df6fc13143e6c1e460eb' }, index.h("smoothly-table-cell", { key: '1186335915945a96d64261b0e8de47a8c12ca827' }, "c"), index.h("smoothly-table-cell", { key: 'b996fc4591d27eeb1bbe977d3bb2e16d42360886' }, "d")), index.h("smoothly-table-row", { key: '29c4d2c57bf1e8af3ae136b12c80904a183ae927' }, index.h("smoothly-table-cell", { key: 'f054fa2640cfa70dba30975fb3d0d9e6aa1bc8b2' }, "ccc"), index.h("smoothly-table-cell", { key: '24f24ed158bff3cb95a1aeb4c137b754ca5fe8de' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '1c2be4a4f94a57364f687abf60ab7ffdedc9d1cc' }, index.h("smoothly-table-cell", { key: '5647332d1265e86af137b95a98cfe80213965a9c' }, "cccc"), index.h("smoothly-table-cell", { key: '5ad3d89d762eae80e5eb76f77b06ef471d40cfad' }, "dddd"), index.h("div", { key: '4155c05116122dc56b0d7040ceba608207b23f90', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'aa5c1540f0875186a40ca0716186e85c9de175c6' }, index.h("smoothly-table-cell", { key: '2baa7e5daad582bdce32242b5bbcd87e248bbb80' }, "ccccc"), index.h("smoothly-table-cell", { key: '3c4c56b3236f5c466f276196dbc001300d048038' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'a137469ce97f63fdc2842a9d9e1db2d936debe67' }, index.h("smoothly-table-cell", { key: 'f91844c515e0b7c24f49164f62fdd42fb23d8f59' }, "cccc"), index.h("smoothly-table-cell", { key: 'ef54d06d342d9e1f2db9cb1e1aac9d435ee135a7' }, "dddd"), index.h("div", { key: 'fd2541e8d443a18c00dddf9acb74cbdb6b2fdf4e', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: '89e86140d84f579f55059d9264f411777ac5aac6' }, "Demo table 8"), " ", index.h("span", { key: 'c199ae8f38acc634e545d2604d8aeb67f0d33071' }, "not nested"), index.h("smoothly-table", { key: 'aeb6678656be7e5e708c641ca17aefe9d261d869' }, index.h("smoothly-table-row", { key: 'c091a358dafeff2ec733ed853a781793725779d7' }, index.h("smoothly-table-header", { key: 'faaa41ac0254cc323bf9b7160d2ead5dec2c2246' }, "C"), index.h("smoothly-table-header", { key: 'b2c13a9e6f60cad289ec1d4f7c5d9fbebd699281' }, "D")), index.h("smoothly-table-row", { key: '7a2ae5656bb03ce62e12050be6c08e1733181715' }, index.h("smoothly-table-cell", { key: '2ff08e9fdc6e9de3f1fd1736ad633ff78ba4c13c' }, "c"), index.h("smoothly-table-cell", { key: '091659bd87bd13a6c4a5376c9f0a16ba9bf9e374' }, "d")), index.h("smoothly-table-row", { key: '2e02a72bd9c2dfe6b07bd2d3c36149063e9bda1f' }, index.h("smoothly-table-cell", { key: '2917fe4cf994ebf701ae41a091782041dc67318a' }, "cc"), index.h("smoothly-table-cell", { key: 'b4cf0c0adcf1f9d3c810229590e4545beb7764fb' }, "dd")), index.h("smoothly-table-row", { key: '8c9a5378ea27902b1e41677362959fb275b6507a' }, index.h("smoothly-table-cell", { key: 'fdcf6b3894477df4f21664eee676a7dd461a4882' }, "ccc"), index.h("smoothly-table-cell", { key: '6c0a3e5e6335a598162cc502fe11972e50a10f04' }, "ddd"))), index.h("h4", { key: '75d2a5c05d83cc92660e0f3bdf5c1117b575ab46' }, "Demo table 9"), index.h("smoothly-table", { key: '4fd387e594e9ccf7d898fe8a3de25d9ab69cd63d' }, index.h("smoothly-table-row", { key: 'c648d8a80572139e19ec9beda76b53a8f30852a7' }, index.h("smoothly-table-header", { key: '8d107fc3a61c5811af5670aa3df80ed920a0ec9a' }, "First name"), index.h("smoothly-table-header", { key: '75bd8a48f1310824264a8a010728bd5bb574da14' }, "Last name"), index.h("smoothly-table-header", { key: '808beb339db858193358588f0a82cbe447b5190a', style: { width: "1px" } }, index.h("smoothly-icon", { key: '6ad6202ec2a954f8d8d9238fe18d79d6bf8e523c', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: 'abb7bd9a192ababbd4d2bd61bd0561751d833ac3' }, index.h("smoothly-table-cell", { key: '69f27f7d31a6a393aef3e7352cf1c2e524f4dae1' }, "Jessie"), index.h("smoothly-table-cell", { key: '0e8041d5da6acf2b0383b58ac4882e68838ce420' }, "Doe"), index.h("smoothly-table-cell", { key: 'b45b1a41a54dc1fe92ba1f1178c8896fe14f327b' }), index.h("div", { key: '12b2141c1d682a97c6e7df228f8ba398611273d2', slot: "detail" }, index.h("p", { key: 'f0248b1f651a97144503d590d5c306950e64711d' }, "This is Jessie")))), index.h("h4", { key: 'f75fedeeddc0f769048db7b7f7c9782eddb16b48' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '44e5223e0c1bc78f8327998c1cf5077535f65cc9' }, index.h("smoothly-table-row", { key: 'a035540e1fcae9596d8c6c9cbfb01992c8f5d96e' }, index.h("smoothly-table-header", { key: '977103327cd141e0c12dc105c77d4e17453d7969' }, "Company")), index.h("smoothly-table-expandable-row", { key: '9d6fadd4ef407ebd111f2905cfbb295ff48246ef' }, index.h("smoothly-table-cell", { key: 'b2142f6a1702ea1ab8f28670eb8529f649aaf2da' }, "Proquse"), index.h("smoothly-lazy", { key: 'ebc43f03580b947bb4349829dba32604c8182901', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '47e95c6d1014f371ce41bf56740291648d4d4c31' }, index.h("smoothly-table-cell", { key: '107acc7c3438b96037d60a7e5abc4f435f7a0a8c' }, "Pax2Pay"), index.h("smoothly-lazy", { key: 'd012a467c9d700640aa3dd786e5ab556e978626d', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: '03f14a9fd01c60f7b770b62d1fd32c57fd6814dc' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'd23a7ef3f92ce1a6afda331d3e1c5e2c64f9b11b' }, index.h("smoothly-table-row", { key: 'ffcb5814fd4afe20e9c6bbc9d4d18be81afb7d37' }, index.h("smoothly-table-header", { key: '270d83785d476b7150bce0e11fc539e05b054c98' }, "Company")), index.h("smoothly-table-row", { key: '7f438f85ccddc3f5fdecc4c97fde8bb1713beb31' }, index.h("smoothly-table-expandable-cell", { key: 'd01c427640186db29f26304d3d8844a3a6ecf1ce' }, "Proquse", index.h("smoothly-lazy", { key: '080873dd61bc4a620ece541bed52a4a51cd448b8', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '267f36435a9362e936049ac0c73cca9e215abcb9' }, index.h("smoothly-table-expandable-cell", { key: '7694f7f05cc5177b754da18aaaaa717826df7ff1' }, "Pax2Pay", index.h("smoothly-lazy", { key: '758d613af1e8d627155464ab7b479b54ceb2e6af', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '60b2058a5e1c709910104b4c71275e2f7d75c069' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '25607a969ecf94dec2f6a9550e39c3a218074388' }, index.h("smoothly-table-row", { key: 'efcdd592fa0610270aec75f5f3374b3f53cefb6b' }, index.h("smoothly-table-header", { key: '20c039f01f984086505b15583c2b14b1189ca6c6' }, "Name"), index.h("smoothly-table-header", { key: 'f2be62591e3af045d183073ae507188373905296' }, "Age"), index.h("smoothly-table-header", { key: 'c32796e95f7c7dea3592ecf064409832d1d20f6c' }, "Location")), index.h("smoothly-table-row", { key: '64c3d1d6400b1d6c7f1c60fbcd9807907e8fe212' }, index.h("smoothly-table-expandable-cell", { key: 'a3a8e58e928fd3ba7829242138723871bef08680' }, "Jessie", index.h("div", { key: 'a0dd46a5f6414912900266f75ed69d62ebe3a9e4', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '995d3bc1a09c0d1f2fe1f6ded94a4698e9c81985' }, new Date().getFullYear() - 2000, index.h("div", { key: '9f0b33a97b0c68c81746eb4af317e77382e7bb17', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: 'e4877b8448c159df81001e2fac08f18f2da86bde' }, "UK", index.h("div", { key: '3c50cf7073cf071f81da5c5f3d7672eabee467f1', slot: "detail" }, "London"))))));
|
|
12533
|
+
return (index.h(index.Host, { key: '53be42a59eae93cd04089ceff69e4279067cb963' }, index.h("h4", { key: 'eb82922296ddd16ac1755b1ee996eebf16a20d09' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '7e81cafe928f6e8bc94954aeeaaa1d9ee96d974f', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '8a7997f79ee7d91a9062452d7e0f67fc231a00c4' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: '737454cdc9fd7ec3877cf3abc20c324682b0b7b7' }), " ", index.h("h4", { key: '0831ab751372c3f4fa3ac915b13a32cd2dbb6612' }, "Demo table 3"), index.h("smoothly-table", { key: '63dbfdd026af3770afe21cdd4423e0ae587bcb05' }, index.h("smoothly-table-row", { key: 'd4aab6e8c91f4a818778b1221f0f8a91f378aa11' }, index.h("smoothly-table-header", { key: '4f67a6f00cf9c58fe7ceec318e0f8eba4379933d' }, "Header A"), index.h("smoothly-table-header", { key: '4b77c188619fcc87bd538e016fc3a18a37de1de6' }, "Header B"), index.h("smoothly-table-header", { key: '77e20fd93103e998d7d99ce1abd784e60d86c2f3' }, "Header C"), index.h("smoothly-table-header", { key: '37c063e78d39652a9faced7fb502b802ee5cbcd4' }, "Header D")), index.h("smoothly-table-row", { key: '53fa8e66d71549e339e25d27e40a1372d9308fbe' }, index.h("smoothly-table-expandable-cell", { key: '6fbf000e9fa22ae8f1fd7d50d34a1509c9b5ca58' }, "normal row (exp.cell)", index.h("div", { key: '065bc1cc7e18d97c6d812957a4572af1283baa9d', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '5ad4def608cd5e6d4f832d73db0c15a6d88e0344' }, "expandable cell", index.h("div", { key: 'a381374626bb69c50d50274e653e0583954906ab', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: 'fd0fab270484c25c845e33b04765bf3688566e48' }, "expandable cell", index.h("div", { key: '6fec880c00f197a2b53abf24a3abe1093cb3c4f2', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '719f23b7d5b5dd7d8f71eb7f9db7b3970fc8464e' }, "expandable cell", index.h("div", { key: '2f49608fdaa0a93f201530a896c6ab55a28f4694', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: 'e39ad100aabd0560947f9451eface079cc5310e2' }, index.h("smoothly-table-cell", { key: '5f056437a7d214299d4575c4f2e2632ca522c346' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: '52668cc7d4ccadd22820249347fdf2660ae7a085' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '521dff0d3a6e771d109410fdd44553c95ea25c8a' }, "expandable cell", index.h("div", { key: 'd264864ed7b4b229dba5c45e25ca8b479c20cb35', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '89840546bcc7326181c85cce667ad2fb49493fb8' }, "expandable cell", index.h("div", { key: '4610e446018c5d43f8e71886940a8d6ac81e0281', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '1713a3125720a103ee6e95c63b0b9b1587d8cd7f' }, index.h("smoothly-table-cell", { key: '5a8734b046a1d07e1cedd0985ee4f497e9e136d8' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: '09df788fff971152fecf9d103b9dd62aeebbc296' }, "Normal cell"), index.h("smoothly-table-cell", { key: '8f67df5ff33c39149476871245fc7aeb0e08fc55' }, "normal cell"), index.h("smoothly-table-cell", { key: 'd552f77aaec787156b92775db9af7f39d2df007d' }, "Normal cell"), index.h("div", { key: '57cce465b74d94cdb07c80f573da1eddc31c2fe8', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '21be288e1b027ec3d91c4ae289d0ed3ca910f72b' }, "Demo table 4"), index.h("smoothly-table", { key: '79c5d88554a41218e9e2460d427168264b0cf594' }, index.h("smoothly-table-row", { key: '33f26f80e4b4cb17506d50a29273af3841d8f222' }, index.h("smoothly-table-header", { key: 'd33b1f37b787b14b28c7448194595fadaaecab7e' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: '16a420bf3010f1d943bf0ea8b20a6c2f100c4246' }, "Header expansion", index.h("div", { key: '01f58dab2bb54d466bb349e0ac6319c59a6907a3', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '412a9dbb500e06828ad3a636cda7ffab111f95c1' }, index.h("smoothly-table-cell", { key: '12443da33ba5636fe7385cdbf885bd795aad53e4' }, "A Content"), index.h("smoothly-table-cell", { key: '2ae92fd591fc09968f0dd64ae4710ab4b8500ba5' }, "Expansion cell"), index.h("div", { key: '61aca20db9b20d153a41809e646af783bc5c0df1', slot: "detail" }, index.h("smoothly-tab-switch", { key: '1c731320d3376f90b1aec4cefe9be81ca59d8e0b' }, index.h("smoothly-tab", { key: '787dfd25409d1eb8c032de03a4e76021273b2c39', label: "innertable 1", open: true }, index.h("smoothly-table", { key: 'bf7ff75d0defd3dfec37e1c9812b08d1fd9fc0df' }, index.h("smoothly-table-row", { key: '9b0976a3bb217182b0c4eccf0d6ce9f6489db5b5' }, index.h("smoothly-table-header", { key: '8318c77201c05f4b02cc41744eb35bf2f4140826' }, "Header B")), index.h("smoothly-table-expandable-row", { key: 'abf930d458088ff00d6894e04ead5d1bf61a0a41' }, "B Content"))), index.h("smoothly-tab", { key: '6f6d637cf420bbac5568137fc600c0d42117e39f', label: "innertable 2" }, index.h("smoothly-table", { key: '2daff30706926cbeaf3cfa172afda97f519f03a5' }, index.h("smoothly-table-row", { key: '37e4ac959eabe3a284a9ede1385f82d515e31702' }, index.h("smoothly-table-header", { key: '6c84a8ebac2350edeef0653f3e59079e5c969dde' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '6b56c777f4286168241e83efa484512d275ae23b' }, index.h("smoothly-table-cell", { key: '918a273d94baf14e27a9042b75f82698fc2679d9' }, "C Content"))))))), index.h("smoothly-table-row", { key: '4c99290f4567f45c8ba2606b19aa38d3950278d6' }, index.h("smoothly-table-cell", { key: 'e24602c2d06e80798ce8ba36644746d724ae98c3' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '4aaca4f1195f72b963a70881ac080b315676e31f' }, "Expandable cell", index.h("div", { key: 'fd897f99596867ca2644533180023bbd4db57904', slot: "detail" }, "Expansion content")))), index.h("h4", { key: '464e5866782dd5b72f52ecc96626a73eaa8be487' }, "Demo table 5"), index.h("smoothly-table", { key: '3139ea330252eb033895f7d16ebdc0e3980e369a' }, index.h("smoothly-table-row", { key: 'b69b34950d30b773165172cc0a6e3e08de0c7a24' }, index.h("smoothly-table-header", { key: '84a384ad69d58a5d03dda1b68942c087aae877ce' }, "A"), index.h("smoothly-table-header", { key: '9ece563e33a3b3fd6a1104947e4bc7eb77ccde96' }, "B")), index.h("smoothly-table-expandable-row", { key: '5a2a87a7808fa7f6542077d7c7ce1749f2674908' }, index.h("smoothly-table-cell", { key: 'a7dd2f2be706a2f1d5f5613a6933fe98fb038122' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '37e8d1009e76cd6d0d2988a30cf9c53ca3ce6c5d' }, "b row"), index.h("div", { key: 'fa3b423faa8d27d04c799d7633bec0f524cae4c8', slot: "detail" }, index.h("smoothly-table", { key: 'f74b66f981299ae91080332cc1300b3ef250a227' }, index.h("smoothly-table-row", { key: 'ae79b6b1a558535948bdfdb3b0b22c5685918a03' }, index.h("smoothly-table-header", { key: '18ffda1fb5f144c974faaefcf6a473d106029dd6' }, "C"), index.h("smoothly-table-header", { key: 'd6de449c379e1be2627c74ac7d50d1a2bfaf0efd' }, "D")), index.h("smoothly-table-expandable-row", { key: 'a462d2d5e136b90613894c44ace30d5baaf91df2' }, index.h("smoothly-table-cell", { key: 'ff31516efa7b0c1185fa45aed651fa1e64075447' }, "c"), index.h("smoothly-table-cell", { key: 'c50cca9b9dbb1ae62425c2320cddc924f80a21a3' }, "d"), index.h("div", { key: '47b90196c2250a63fc75f30c31b5cf02eb739524', slot: "detail" }, index.h("smoothly-table", { key: 'bc74a905a606424c061b7fcea5f1eaa3d195357d' }, index.h("smoothly-table-row", { key: '6344086cd19faecb48068ea0eb9df6abbc67483d' }, index.h("smoothly-table-header", { key: 'b96fb744d05ef7727d10bfddb8d835403a343c3b' }, "E"), index.h("smoothly-table-header", { key: '4f28edac13b26b5e5a436007cb131103f967b486' }, "F")), index.h("smoothly-table-expandable-row", { key: 'ccb6a3921f90059b4b13516a940c1d47673d93db' }, index.h("smoothly-table-cell", { key: 'c4ac72428b4fa249d248c6962108f919cf91b796' }, "e row"), index.h("smoothly-table-cell", { key: '931265002c1979ff05aad3c9c1b8857c7a303cca' }, "f row"), index.h("div", { key: 'aca1cb61af0b26a1d086d46aed3ee87f702abe3f', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '1846b0b91e1f6fc8c36eaeff02d8940a487cb375' }, index.h("smoothly-table-cell", { key: '9812fecd9a5d276d71f2e4d7cc961c3b9ca1a40e' }, index.h("span", { key: '5d5b2b8960f9f1d7cdcf37ae8096388476a053a7' }, "one"), index.h("span", { key: '3575c2c34ebd6c74234c994bc3e935f3b075103d' }, "two"), index.h("span", { key: '8b57fdcd4b95d1524757ce8a5b87a29aa5ab7886' }, "three")), index.h("smoothly-table-cell", { key: '8c66989e3216fdaf29c406fa0b8c889d0678289d' }, "five", index.h("smoothly-icon", { key: '63b081c0e50a59303e9a4396e881ccd29433d97b', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '71ab643847e708d3e662c6abaed05032a183781e', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: 'be51504e8593bd6daf007e0447ff838abc315d1e' }, index.h("smoothly-table-expandable-cell", { key: 'f003dcecc891e1fa2c14ab0e1267dc11a8f88b2b' }, index.h("span", { key: '1eb82cea60c15964020f429a56c2e2de0d103035' }, "nested expandable cells"), index.h("div", { key: '7cfde4f0bd7ac82bbb8abecfc25d34536180ea0e', slot: "detail" }, index.h("smoothly-table", { key: '0d077b70abb3b5c7b000b35c68c7427740f455b0' }, index.h("smoothly-table-row", { key: 'b5e3dca9510878a4e05a6bd5b21204a309ccfe93' }, index.h("smoothly-table-header", { key: '81f4698df8129aa4c1529ef025263d33a0b3c3b2' }, "E"), index.h("smoothly-table-header", { key: 'bdbbb3abe8317a38e4182542b30cdb65e19fe749' }, "F")), index.h("smoothly-table-row", { key: 'c4c77253db5205de697387ddb0e6c47e5180540e' }, index.h("smoothly-table-expandable-cell", { key: '5f6e8709b83d966a6a63008136e63786d3bde9eb' }, "e cell", index.h("div", { key: 'a25d89be67bb681a00fe29c89835742e7ca5619f', slot: "detail" }, index.h("smoothly-table", { key: 'db2918aab38e4e3b4f728436d49abbd3cc603fa3' }, index.h("smoothly-table-row", { key: 'b7498411f85975d4cdbca6b7847b3d9bd12b8bfd' }, index.h("smoothly-table-header", { key: '4e00e77e49ec8a356f87834ef11a56fd47d1867b' }, "G"), index.h("smoothly-table-header", { key: '3bccaa99253e8c6f6b879ee3aae3500330b37014' }, "H")), index.h("smoothly-table-row", { key: 'd7798c3ae8ae3e4bb3e9c4507e9c7dcd15c4d5b9' }, index.h("smoothly-table-expandable-cell", { key: 'ef6860199bae63f6133ac8c618c82d4c963c537c' }, "g cell", index.h("div", { key: 'ba66f3b4ac75731b027e0356a832d67691074308', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '2c8a43f2ba6e63d6351469e1b55e85a9966064bf' }, "h cell", index.h("div", { key: '42c56ab6922c05a378e24e53f9dbfb3ea3feef1d', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '09477cbf50821084917fc057b57e981a70fba3ff' }, "f cell", index.h("div", { key: '3cbe5260f269e2bfa1aaa3d572a6cd77491b9876', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: 'e3a91516796ed2261d85958eca6f51d96e562779' }, "b cell", index.h("div", { key: '8aedda49b2422eb69fb2c07b3f192cefc9b67731', slot: "detail" }, index.h("smoothly-table", { key: '42a8077b634bb8233cc1ac84e09f744119fd49ba' }, index.h("smoothly-table-row", { key: 'e018db87eb09f82a374601e662dd2272208e52f9' }, index.h("smoothly-table-header", { key: '8fde0db8cd4caac95a00b178bedc3bdea893ca09' }, "C"), index.h("smoothly-table-header", { key: 'e0a57373f48ea22b8d2b282d6cc927ebdc164d28' }, "D")), index.h("smoothly-table-row", { key: '3f557f3880bbe48ae0c25e0b5424e71e2a8515b7' }, index.h("smoothly-table-expandable-cell", { key: 'ea925a8a132155918d0ed21ead5c6f529abb6aec' }, "c cell", index.h("div", { key: '52b0a1775a5170443035919292e2455510c9f33d', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: 'b76b324f5cb0f52393550cb22222e5bd2c04ff43' }, "d cell", index.h("div", { key: 'ae05f73f18d89f513bb22621c1d12789231872d0', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: '6438b23072b40c3bc099d0cf5daa5b8b5357ea38' }, "Demo table 6"), index.h("smoothly-table", { key: 'f20f628341871564f5d59d19ecddb5546b8d38ac' }, index.h("smoothly-table-row", { key: 'd3d1bbc34e34d7588227ce7cb1186d856e4d8049' }, index.h("smoothly-table-header", { key: '3f0e92b3d7261a7df46926985cba28db7844fdf6' }, "display"), index.h("smoothly-table-header", { key: 'f5707ce56267df67e3cd3df795377b83dceb4255' }, "contents")), index.h("smoothly-table-expandable-row", { key: 'f2bda55afc889531878a3829f777503637679b48' }, index.h("div", { key: 'c5b1957c219a5e339af7af1651381e05ff348dda', class: "content" }, index.h("smoothly-table-cell", { key: '365a004e4b59db24dab6bdb60c72e3a2fcff8b1b' }, "A"), index.h("smoothly-table-cell", { key: 'b5ba9d75db1b029cd5d6132eeb607061a0d6bf54' }, "B")), index.h("div", { key: 'eb91d19f108d7257d0a294f270bf40d6627d0cd1', slot: "detail" }, "expansion"))), index.h("h4", { key: '9d5f1cf978c2664f101ebca6010f476b684ddd56' }, "Demo table 7"), " ", index.h("span", { key: '06b5c34d857967b1aa7586a323cd03b51ce49c35' }, "nested 1 then normal"), index.h("smoothly-table", { key: '3711d238f8777d80bfd10e554a3482dd56f57b03' }, index.h("smoothly-table-row", { key: '909ed9e0085499e2df9a011d4b6bc393a92c6e47' }, index.h("smoothly-table-header", { key: '1bc9a70fcd64fa6ec024a92fd3decd39756d2789' }, "A"), index.h("smoothly-table-header", { key: 'f7d8450307f414480684ae78227c834052a3de0b' }, "B")), index.h("smoothly-table-expandable-row", { key: '89ed4dc28fca818ce6810a048342ac95b1efc171' }, index.h("smoothly-table-cell", { key: '43475fa094b0cda43a36d575a5c276c3f1f5f7d7' }, "a"), index.h("smoothly-table-cell", { key: '066f0d4136ed9666a14f0b054314f665058c3889' }, "b"), index.h("div", { key: '87d5cc45e000b8f3a5837b3eced1ec07a6f38286', slot: "detail" }, index.h("smoothly-table", { key: 'd0f341e85834aada799ed91b921868eaaa6bcce5' }, index.h("smoothly-table-row", { key: '9d3df7952a52b2ea60b7c560f12a5548f64fa276' }, index.h("smoothly-table-header", { key: 'cca4a3e44f8190840954ada48214c96cbd6f73f2' }, "C"), index.h("smoothly-table-header", { key: 'aad16b50d58b290bc92c365d3ad7093ac93c8c42' }, "D")), index.h("smoothly-table-row", { key: 'b2410f573e4b6e5145d1500459cf8c829dfd1b43' }, index.h("smoothly-table-cell", { key: 'b3bb934c325fa2e31dc137e6bdbd17a57df51c97' }, "c"), index.h("smoothly-table-cell", { key: '9af6e85dc3c35be8a0cfd9f0ddec705c30d5f210' }, "d")), index.h("smoothly-table-row", { key: '4e3b2f5e2673272154a2af4f2fca975989c6ed3b' }, index.h("smoothly-table-cell", { key: '14b370359113242ab32710fb90bc4ffd6ad9bdbf' }, "ccc"), index.h("smoothly-table-cell", { key: 'bf682bcf6afc718acab50ce0424c667727027b13' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '8c01e7aaea93262f13bfc94e77d4f17df783bfdf' }, index.h("smoothly-table-cell", { key: '58bcd236abc71d79ea1a161bd6cc4e26b4714843' }, "cccc"), index.h("smoothly-table-cell", { key: '9a1ab4ede2df570c36e4f272c53af7e641f81170' }, "dddd"), index.h("div", { key: '146b2067ee93e6ca4ff7b751011967573c6a0c8e', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: '77aa000c64e986d8bdde7a2be2dc1401ecb740dd' }, index.h("smoothly-table-cell", { key: '420eb1202a5b11b60373d6ca907155e0c999fc53' }, "ccccc"), index.h("smoothly-table-cell", { key: '8f317e48c7b1ffb4021d9ba7530867d29495e69c' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'd2f2461ab8890259add01e72b4a6fb14cfae103b' }, index.h("smoothly-table-cell", { key: 'c1a391f17e78eade7164f38e39da4654745d0a4b' }, "cccc"), index.h("smoothly-table-cell", { key: '4a21834108de69eafc6afb5c9ba7bc38c68df5b3' }, "dddd"), index.h("div", { key: '67841034f3773a7bb691d5eaa81331b8cc3f8390', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: '212fe2aa1b5f596a50c4f531b0ff878dbf54dce4' }, "Demo table 8"), " ", index.h("span", { key: 'fda94e3d597b2e76b6706c34b87fe43b63cd46ab' }, "not nested"), index.h("smoothly-table", { key: '64a60486ab6a8ee4c4ae9457d398714000614042' }, index.h("smoothly-table-row", { key: '06c60080d5971679267d08e70220071209dfa195' }, index.h("smoothly-table-header", { key: 'b34b6ecd52c21407e1640824bbb6f2d3c79467fa' }, "C"), index.h("smoothly-table-header", { key: '2190dbe3b5416140c407fa2c94b7b8162ff16308' }, "D")), index.h("smoothly-table-row", { key: 'b9daca3cb9bf107e7d8efa49e4699ad14673acb7' }, index.h("smoothly-table-cell", { key: '8c183a97f3c9431c24c9e885eb34b41d51dda994' }, "c"), index.h("smoothly-table-cell", { key: 'a7e2667b937c1d8ed12c5ff7a969101e566312c1' }, "d")), index.h("smoothly-table-row", { key: '5596e62054e2919743ac5d39f4f579645e358b2c' }, index.h("smoothly-table-cell", { key: '311c108dda3a3ffed0184107d9353f8cc7860aa2' }, "cc"), index.h("smoothly-table-cell", { key: '388a86072db44bf753219a97092ed45c99d11a37' }, "dd")), index.h("smoothly-table-row", { key: 'e3d1584898e569ec0def668c03511b757c451244' }, index.h("smoothly-table-cell", { key: 'dadbffc5adc459ded3292ca42d62430acb4fc205' }, "ccc"), index.h("smoothly-table-cell", { key: '0d67878f1d28cb6d7737024a8419d8027b4b6c8f' }, "ddd"))), index.h("h4", { key: 'ed768d6ff1486be23fbcbaeb895df7e7f9ac76af' }, "Demo table 9"), index.h("smoothly-table", { key: '4513ffa1a0993f366a6531033f5e15f4b4acf256' }, index.h("smoothly-table-row", { key: '4871c5b275ece855c9bf7853a224bbc86f2e8698' }, index.h("smoothly-table-header", { key: '4e0e165504502bb6e8e3a42533aa8937491fdc70' }, "First name"), index.h("smoothly-table-header", { key: 'ac042a99df6bd34c1100d78e5ed713613b0ea69c' }, "Last name"), index.h("smoothly-table-header", { key: 'fa2278a5c0245670fb20c1383aca763bae074c07', style: { width: "1px" } }, index.h("smoothly-icon", { key: '808eba27940405b4f5d4b8b2dfe6659b60ef67b6', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '0f8b1958f4ce3fcf1f1c380247386f09cecb0b7d' }, index.h("smoothly-table-cell", { key: 'ab1468dd6c339a7d3aff94663bdb41d60059b6fa' }, "Jessie"), index.h("smoothly-table-cell", { key: '8fb30d257a9571789b37240f0b149c0baabc1e62' }, "Doe"), index.h("smoothly-table-cell", { key: '845e11d81dd7d39856e76e4ea15b7f08d7200438' }), index.h("div", { key: 'ac7905d0e54b50af47326d3b90e66dc72b914111', slot: "detail" }, index.h("p", { key: '056dcc6010198390547269c2a67fb13647bfb80f' }, "This is Jessie")))), index.h("h4", { key: '5765cda98831141b38f6cc8382c752cb403f1335' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '5829a6614b1eeb7d702b4e3416c5c309d7b301e0' }, index.h("smoothly-table-row", { key: '0d2e7ede6669addd5b377f994c8fca915328f385' }, index.h("smoothly-table-header", { key: 'db80f2b2d84d91ea428066a7dcb70349b6f4fe74' }, "Company")), index.h("smoothly-table-expandable-row", { key: '834cfd2ba1d4db4e4298db3a28ac461fb6fcf81c' }, index.h("smoothly-table-cell", { key: '8f728d96847b859604cafab5a1bef0c1e612f0e5' }, "Proquse"), index.h("smoothly-lazy", { key: '7e3d68734014e00799f86f1b0be62f9764d18576', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '13460803adf16c0d2f2469ffbf8ede151e042bbf' }, index.h("smoothly-table-cell", { key: '6f34443382211e3f339cda6977cfdf19de4f67f4' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '82de1aff69f37df7fe1d373901475204a16e3434', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: '7fb779cbd4c2f6d5a720afd4c51510a38927afd6' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: '067cc248556ea06c41021f0b885b87d842857be3' }, index.h("smoothly-table-row", { key: '20e9e2a2f6354322f35f916403fed7ac437bb642' }, index.h("smoothly-table-header", { key: '3c8b7e1b9507493be02a506ad3db77e63c27399c' }, "Company")), index.h("smoothly-table-row", { key: '176ab380d25c0b47ab2dd396eee77447c636af97' }, index.h("smoothly-table-expandable-cell", { key: '422c328a4f38539c81b3611683d5162c2d006d80' }, "Proquse", index.h("smoothly-lazy", { key: '1b4e48e54ef09fbea0f9d65dccea88ea0fdd6f48', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: 'f1d3848415a2291a24cadc5ff5c6183eadaaaa36' }, index.h("smoothly-table-expandable-cell", { key: '3d76c51793ffada2758a8991d2154bcc0061fef9' }, "Pax2Pay", index.h("smoothly-lazy", { key: '07a5a8744fbc02d6ad4b2e174baf49932070f26e', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: 'de0f29d86ea9406dc33ae6cbb05a985e2fa340fc' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '6b1c7e3adba982d3b0559ebeb902076267ac5a8d' }, index.h("smoothly-table-row", { key: '012d772d605f309923ac667b5edbc2c90aed56ed' }, index.h("smoothly-table-header", { key: '7d2ade80f993e248cb17cfe6f792efb803d1f137' }, "Name"), index.h("smoothly-table-header", { key: '114ed0393418455c376eac9fbbd7c84c62af2964' }, "Age"), index.h("smoothly-table-header", { key: '025b401043e6a856eab22a25ddd4b0a245ac2aae' }, "Location")), index.h("smoothly-table-row", { key: 'feedb223f8173e0b43725b2f49eab2789c4d6a49' }, index.h("smoothly-table-expandable-cell", { key: '83d20ed834c415c8baa2f96df41168b0a719d4df' }, "Jessie", index.h("div", { key: 'cacc88512e4cbd909cc784fdb117bc0bc1d5d1fd', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '6b47573a5eb0f807fa7faf820fe662927f29c913' }, new Date().getFullYear() - 2000, index.h("div", { key: '8e5c97a6fd99957bb55c6e7e655a84c8b52826d4', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '735b452b7df36b50155bdd2d618a1ba585702eac' }, "UK", index.h("div", { key: '708b6efad43c434240dde3cdbea2a74981f75d6c', slot: "detail" }, "London"))))));
|
|
12537
12534
|
}
|
|
12538
12535
|
};
|
|
12539
12536
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12567,18 +12564,18 @@ const TableDemoFiltered = class {
|
|
|
12567
12564
|
}
|
|
12568
12565
|
render() {
|
|
12569
12566
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12570
|
-
return (index.h(index.Host, { key: '
|
|
12567
|
+
return (index.h(index.Host, { key: '7e89b205a06c9f1d524782bc39ed0f76333c48da' }, index.h("smoothly-filter", { key: '3e0c0425f82e1d0b3712992d7fb80196db67b9da' }, index.h("smoothly-filter-toggle", { key: 'f83cf44f38531c9e4c18d3fcae37b7b6c8cf01f4', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'f114642fb32785594437c21f15f3c0827a1bc17b', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '73692bcb3101f84dcc250e951a8290d629d7ebe1', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '83a177fcc8b2ffe94babf679fb903a0d3f377020', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: 'a7bafbb133c673c03aefc84146548d1b19918556', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12571
12568
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12572
12569
|
var _a;
|
|
12573
12570
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12574
|
-
})), index.h("div", { key: '
|
|
12571
|
+
})), index.h("div", { key: '41efc9c597771832388683aab2e074e8bfe9023b', slot: "detail" }, index.h("smoothly-form", { key: '880e4ab57cf803acedb7eb5fa6bf61940b7b8091', looks: "border" }, index.h("smoothly-filter-select", { key: '3bfe3c2822cf97f9e4f71a634f927a3be723bfbd', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12575
12572
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12576
12573
|
var _a;
|
|
12577
12574
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12578
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12579
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '
|
|
12575
|
+
})), index.h("smoothly-filter-select", { key: 'b12933b3e188c7fa9d36168e501665873435d1d1', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12576
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'a761a0966af375330aaba63810f252e4caa3ced2', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12580
12577
|
.flat()
|
|
12581
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '
|
|
12578
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: 'b55b4c494826458bcd6dbbac7e077dc813d28f27', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'e2a623792c3251b7d93d8d583405dd8766b3cbd6', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, this.selector.render(cats)), index.h("smoothly-table-header", null, "Breed"), index.h("smoothly-table-header", null, "Coat"), index.h("smoothly-table-header", null, "Price")), cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cat)), index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-table-footer", null, index.h("td", { colSpan: 5 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
|
|
12582
12579
|
}
|
|
12583
12580
|
};
|
|
12584
12581
|
const names = {
|
|
@@ -12634,7 +12631,7 @@ const TableExpandableCell = class {
|
|
|
12634
12631
|
event.detail(this.element);
|
|
12635
12632
|
}
|
|
12636
12633
|
render() {
|
|
12637
|
-
return (index.h(index.Host, { key: '
|
|
12634
|
+
return (index.h(index.Host, { key: '808fd676f21ae7f63189c1ed769f5726b5caa72f' }, index.h("div", { key: '14a42d8a10b2b360dcc0cd0a229a580e04737abd' }, index.h("smoothly-icon", { key: '135e8aaf4323b690e97213b08e8b5535d6c8f145', name: "caret-forward-outline" }), index.h("slot", { key: '7f483ac11de8750c332a430abc0557be90ea37bd' })), index.h("tr", { key: 'a7a95e974d4ab556715f89376c9284f947bf3052', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: 'a9e6d2127b555bd6b91cfbba9af1bb12ac2d5977', colSpan: 999 }, index.h("slot", { key: 'fb3c0654386bffd51f0e666508431a53965195e1', name: "detail" })))));
|
|
12638
12635
|
}
|
|
12639
12636
|
get element() { return index.getElement(this); }
|
|
12640
12637
|
static get watchers() { return {
|
|
@@ -12670,7 +12667,7 @@ const TableExpandableRow = class {
|
|
|
12670
12667
|
event.detail(this.element);
|
|
12671
12668
|
}
|
|
12672
12669
|
render() {
|
|
12673
|
-
return (index.h(index.Host, { key: '
|
|
12670
|
+
return (index.h(index.Host, { key: 'd03993dc82724315772638202e3d042a7d766b61' }, index.h("div", { key: '8af4f611d4b436dc8468fda6994b29d12c46e368', onClick: () => (this.open = !this.open) }, index.h("slot", { key: '0f091ff804221336d3c4ad1439cb4f4df1867971' })), index.h("tr", { key: 'a52a4da91b542aed37b792a24fad2defeae077fd', class: { spotlight: this.spotlight } }, index.h("td", { key: '502bcf07e4c8a43a35d1dc99628b3c19e6e65337', colSpan: 999 }, index.h("slot", { key: 'f8271e5aaa5dece22256e758025fe0c9ebef77b9', name: "detail" })))));
|
|
12674
12671
|
}
|
|
12675
12672
|
get element() { return index.getElement(this); }
|
|
12676
12673
|
static get watchers() { return {
|
|
@@ -12688,7 +12685,7 @@ const TableFooter = class {
|
|
|
12688
12685
|
index.registerInstance(this, hostRef);
|
|
12689
12686
|
}
|
|
12690
12687
|
render() {
|
|
12691
|
-
return index.h("slot", { key: '
|
|
12688
|
+
return index.h("slot", { key: '366472017dd6ced157b3c13dbed21b18f5d4afb0' });
|
|
12692
12689
|
}
|
|
12693
12690
|
};
|
|
12694
12691
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12702,7 +12699,7 @@ const TableHeader = class {
|
|
|
12702
12699
|
this.name = undefined;
|
|
12703
12700
|
}
|
|
12704
12701
|
render() {
|
|
12705
|
-
return (index.h(index.Host, { key: '
|
|
12702
|
+
return (index.h(index.Host, { key: 'd6bbd0deda2293d2f0767b64de6ef3e96a6fc979' }, index.h("slot", { key: 'e43a6de99c586b0bda8e4fe6a4845303c226048f' })));
|
|
12706
12703
|
}
|
|
12707
12704
|
};
|
|
12708
12705
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12732,7 +12729,7 @@ const TableRow = class {
|
|
|
12732
12729
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12733
12730
|
}
|
|
12734
12731
|
render() {
|
|
12735
|
-
return (index.h("div", { key: '
|
|
12732
|
+
return (index.h("div", { key: '666cb04189c53ad35e8ad078dd780b3989714e60', ref: e => (this.element = e) }, index.h("slot", { key: '816f9d7a88457912f0e3cd5f6298f8462135970c' })));
|
|
12736
12733
|
}
|
|
12737
12734
|
};
|
|
12738
12735
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12774,7 +12771,7 @@ const SmoothlyTableTesting = class {
|
|
|
12774
12771
|
this.counter = 0;
|
|
12775
12772
|
}
|
|
12776
12773
|
render() {
|
|
12777
|
-
return (index.h(index.Host, { key: '
|
|
12774
|
+
return (index.h(index.Host, { key: '5648a38718203e12eaa67cce3097c3dfc138cdea' }, index.h("smoothly-table", { key: '6dc3f69ab19c5e94dce6fc2e2ff7dc8c712fbb73', color: "dark" }, index.h("smoothly-table-row", { key: 'b6e56343dede2fb9f17cc569673081d1113359eb' }, index.h("smoothly-table-header", { key: 'f19ce75f56f05bbad834f01c895f0ccca7808528' }, "Type"), index.h("smoothly-table-header", { key: '854acb3340db3f663ad44a670d40f0c6f2d1bec7' }, "Name"), index.h("smoothly-table-header", { key: '6d071c920967bb089a1013d241923d8dd8190547' }, "Age")), data.map(animal => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-cell", null, animal.name), index.h("smoothly-table-cell", null, animal.age), index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-expandable-cell", null, animal.name, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))), index.h("smoothly-table-expandable-cell", null, animal.age, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!")))))), index.h("smoothly-table-footer", { key: '10bbaddce7cc1951f42157c1b98ba813bf9951f2' }, index.h("td", { key: 'c63de455f4fa7bb560a483396a36d15c3abf0377', colSpan: 2 }, index.h("div", { key: 'd5d83339fc626e695fe2a54b229b227f84584814', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: '6dac050dbbe811722b94385ba89d5dda9b672de8', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: '2fca25d5e730d4b6ec31157db2a1954918cb5062' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12778
12775
|
}
|
|
12779
12776
|
};
|
|
12780
12777
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12806,7 +12803,7 @@ const SmoothlyTabs = class {
|
|
|
12806
12803
|
old.open = false;
|
|
12807
12804
|
}
|
|
12808
12805
|
render() {
|
|
12809
|
-
return (index.h(index.Host, { key: '
|
|
12806
|
+
return (index.h(index.Host, { key: '03c4aac613f91d7e18c8ab96c9ae797a468da427', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: '5984c55b9acfbb1b1980223c62f4ecaff0009cec' })));
|
|
12810
12807
|
}
|
|
12811
12808
|
get element() { return index.getElement(this); }
|
|
12812
12809
|
static get watchers() { return {
|
|
@@ -12823,7 +12820,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12823
12820
|
index.registerInstance(this, hostRef);
|
|
12824
12821
|
}
|
|
12825
12822
|
render() {
|
|
12826
|
-
return (index.h("smoothly-tabs", { key: '
|
|
12823
|
+
return (index.h("smoothly-tabs", { key: '5f79f0587df1ec966586984c14ad9390b9a4293d' }, index.h("smoothly-tab", { key: '92ca2b4b3090400a1509f0ce1e61a14365297c0e', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '40cfd71a2ad44e3ffa4fd3f3060dc394c9ee36a5', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '16c1d576d687a30ff8fb1fb534a007d53af64587', label: "test3" }, "this is a test message again!")));
|
|
12827
12824
|
}
|
|
12828
12825
|
};
|
|
12829
12826
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12837,7 +12834,7 @@ const SmoothlyThemeColor = class {
|
|
|
12837
12834
|
this.color = undefined;
|
|
12838
12835
|
}
|
|
12839
12836
|
render() {
|
|
12840
|
-
return (index.h(index.Host, { key: '
|
|
12837
|
+
return (index.h(index.Host, { key: 'd44937141874c0438806f87026be2d27f5cc82c5' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12841
12838
|
}
|
|
12842
12839
|
};
|
|
12843
12840
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12889,7 +12886,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12889
12886
|
index.registerInstance(this, hostRef);
|
|
12890
12887
|
}
|
|
12891
12888
|
render() {
|
|
12892
|
-
return (index.h(index.Host, { key: '
|
|
12889
|
+
return (index.h(index.Host, { key: '793d95d5f57a5f91b7ba2e5daa519da8c497d68c' }, index.h("h2", { key: 'b4f8bff98ade37d770bf4d2abb06990892a025a9' }, "Theme"), index.h("smoothly-theme-picker", { key: 'e320933588db47a00bb1885127cd0381e4701d41' }, index.h("smoothly-item", { key: 'f44f44a9ddb381fb3b5c6f82debd892fadd4a014', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'a2d1d8e98ad92382fb6c6a924e0c210772b8ea39', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: 'bf14c312720ac6b205c74ca6c597da1451f8f860', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '69f04bd6f92140d2dd953bdc1830c11a4f659eb9', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '705b60314edf91a54b3da938c9765873690e3816', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'a04d55f62e07ed512856dcbf15bb33978a1ce81f', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: 'd70c4eb8c2a9749570484ead07e24cb2a9ffbbb1', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: 'a452689da71c4e83a58668ed0a2bdcb58d43c32d', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '40d3fd59c77de2777cb9bc8dbe381eac06bd238f', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: 'aaf07a1f34d3af2b8e95b7d99d13f3f4fcfdfadc' }, index.h("smoothly-theme-colors", { key: 'd7be8b7089e5204bf4f2f18f1b50fe98c79a6761' }), index.h("smoothly-theme-guide", { key: '285d50658ed6911104036007a485602642923792' })), index.h("smoothly-button", { key: '48c1366384b380b423282ad95ac1536b0d5c6916', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'f11fdec530ed5ab393d65ecdb79240f8fcbc414d', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '42372ad9b8992368789b59a4a06ccb02714e98d9', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '7bd40f4f9d1b33ad4ca657f0fd958b58cdf6059e', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12893
12890
|
}
|
|
12894
12891
|
};
|
|
12895
12892
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12903,14 +12900,14 @@ const SmoothlyThemeColors = class {
|
|
|
12903
12900
|
}
|
|
12904
12901
|
render() {
|
|
12905
12902
|
return [
|
|
12906
|
-
index.h("smoothly-display", { key: '
|
|
12907
|
-
index.h("br", { key: '
|
|
12908
|
-
index.h("smoothly-display", { key: '
|
|
12909
|
-
index.h("br", { key: '
|
|
12910
|
-
index.h("smoothly-display", { key: '
|
|
12911
|
-
index.h("br", { key: '
|
|
12912
|
-
index.h("smoothly-display", { key: '
|
|
12913
|
-
index.h("br", { key: '
|
|
12903
|
+
index.h("smoothly-display", { key: '7f0294ef8ef07dc2514f067d30a11d5465cefa0a' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12904
|
+
index.h("br", { key: 'b018237ea4efadaae929785cae725c4697fdabf5' }),
|
|
12905
|
+
index.h("smoothly-display", { key: '1391886555ce154328f44ec0015a9127876a54dc' }, "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."),
|
|
12906
|
+
index.h("br", { key: 'ba2bd49747e83cb59c7d00ec501fa58e2f3c62bb' }),
|
|
12907
|
+
index.h("smoothly-display", { key: '15b98ab34d5d139994ae6e5de95dcdf9a4995ff2' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12908
|
+
index.h("br", { key: '2c84a19dac4e5a0d37b7f5a63bf7bccea47c8498' }),
|
|
12909
|
+
index.h("smoothly-display", { key: '02c9de731cbde79f35a93cf169c63df3839f38ec' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12910
|
+
index.h("br", { key: '5087d642ba0649363a5513f8d93fe2acafd59692' }),
|
|
12914
12911
|
];
|
|
12915
12912
|
}
|
|
12916
12913
|
};
|
|
@@ -12925,11 +12922,11 @@ const SmoothlyThemePicker = class {
|
|
|
12925
12922
|
this.element = "smoothly-css";
|
|
12926
12923
|
}
|
|
12927
12924
|
render() {
|
|
12928
|
-
return (index.h(index.Host, { key: '
|
|
12925
|
+
return (index.h(index.Host, { key: 'ed5111e30efa517b5c6c247c19f3cf0a53d387f8' }, index.h("smoothly-input-select", { key: '9c899632ac4c1d0e5ef5f9fa14093067bd0b3e67', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12929
12926
|
const element = document.querySelector(`#${this.element}`);
|
|
12930
12927
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12931
12928
|
element.href = e.detail.theme;
|
|
12932
|
-
} }, index.h("label", { key: '
|
|
12929
|
+
} }, index.h("label", { key: '72d5d5c54b6c1703a1396e7964e1e8a937d05416', slot: "label" }, "Select theme"), index.h("slot", { key: '9c622ea4dd736b299b4766632f80d0b7fee5270a' }))));
|
|
12933
12930
|
}
|
|
12934
12931
|
};
|
|
12935
12932
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12950,7 +12947,7 @@ const SmoothlyToggle = class {
|
|
|
12950
12947
|
this.selected = !this.selected;
|
|
12951
12948
|
}
|
|
12952
12949
|
render() {
|
|
12953
|
-
return (index.h("button", { key: '
|
|
12950
|
+
return (index.h("button", { key: 'fc4e0302087404b96ad3979140fcce6cb6710451', type: "button" }, index.h("slot", { key: 'a30c63b58741834aee67392b338fa882c8e46f52', name: "icon-slot" }), index.h("slot", { key: '218d4c315122ec36ad3e017fd5b3724d6a122f60' }, this.name)));
|
|
12954
12951
|
}
|
|
12955
12952
|
};
|
|
12956
12953
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12974,7 +12971,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12974
12971
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12975
12972
|
}
|
|
12976
12973
|
render() {
|
|
12977
|
-
return (index.h(index.Host, { key: '
|
|
12974
|
+
return (index.h(index.Host, { key: 'fea96dea98bbf7d62dbb82821d363ee2b492ddee' }, index.h("button", { key: '02c4a22dd09328a1e4b8c13441c6d1e365661efd', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'b4e41dc3f88730a34fdd35319437eebb6a8bdd92', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12978
12975
|
}
|
|
12979
12976
|
};
|
|
12980
12977
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12987,7 +12984,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12987
12984
|
index.registerInstance(this, hostRef);
|
|
12988
12985
|
}
|
|
12989
12986
|
render() {
|
|
12990
|
-
return (index.h(index.Host, { key: '
|
|
12987
|
+
return (index.h(index.Host, { key: '031da63d1248ab68490e544deb8f5bdd7b9aa2c3' }, index.h("h4", { key: 'a2a24ec94bea9dc2cb260361d32515c8549dffed' }, "Toggle switches"), index.h("div", { key: '9337624286e61cc2f5f5e31368ed4b16cc39ba43' }, index.h("p", { key: '640fadaed7ecd9b09780463a453e6fb156905e10' }, "Checkmark"), index.h("span", { key: '909509d2a95692c5f27b50b7323b647cbda2a0d8' }, index.h("p", { key: '9d74e64b1c52affd7a702c5ddbf4c7e919601c4d' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '8c53dc0a44a96e1916eea6999351ecd085aa0a53', disabled: false, size: "tiny" })), index.h("span", { key: '44376aa3af440c53330ac3257e987fac566c35b4' }, index.h("p", { key: '9535aa348024765ca68ffa60d6c354f05e8ee226' }, "Small"), index.h("smoothly-toggle-switch", { key: '27f834ea5aa77af4721481c9d343cb4e9b62e34f', disabled: false, size: "small" })), index.h("span", { key: 'e77a16d23997e88e4ebaadbfe8676ccfcbbc9dae' }, index.h("p", { key: '00c71961096e623b68e60c583feacc5c71359943' }, "Standard"), index.h("smoothly-toggle-switch", { key: '8e94223b118fec6aea600dba4e9afbcd6cc4e203', disabled: false })), index.h("span", { key: '9fc15593113054ac85c21f1a4127ecc86becc2ed' }, index.h("p", { key: '3bcd2e36e3d61b11bbda767431cac1910b9311e6' }, "Large"), index.h("smoothly-toggle-switch", { key: 'e5a1f5ad8c174a70c7a5a29292241135a3daae6d', disabled: false, size: "large" })), index.h("p", { key: 'fe22ed85901e7e3661dfc821a9a58da54124543e' }, "Colors checkmark"), index.h("span", { key: 'a9771555699ffb9c30788ffda3d7b4f47c8f8bb8' }, index.h("p", { key: 'aa8f40d3c1f73d02f99976a876dc357c0a1de12a' }, "Danger"), index.h("smoothly-toggle-switch", { key: '06c3b768b63ee51317b65ee059cef4eae94e84f6', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '5ccb146347cade3819b99bab890ba789bef1372f' }, index.h("p", { key: '6b801be2fa3f184b7d6698d8d1ef572798405ddd' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '674498717c90d62348c36f90cf8741cd5b5ab8ef', color: "primary", disabled: false, size: "small" })), index.h("span", { key: '6e5574c91e0679064ba65ebb07a1b69df33208fe' }, index.h("p", { key: 'e0d51f6819de46a94fe53c44f2bda7b50bf2a1cc' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'd1f091c1a4def71356eccf4e8bc766b55fb8a473', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: 'ed84ce6fe56f70515993b7e423aeb8d7176dc4d4' }), index.h("p", { key: 'd067af60c3771ac4c0be199a7f3e173c79bd4192' }, "Colors no checkmark"), index.h("span", { key: 'b0b4308eb7c6fbc1d466c84c6f0814f8a6306af8' }, index.h("p", { key: '7ea85b9d52fe1b1d666948babf1e633930b176ed' }, "Danger"), index.h("smoothly-toggle-switch", { key: 'b660d7f1426c75cb3c24d69e2d67d06553016581', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: 'b6a7884663ade1816fc49962827cbd8936c2d8c4' }, index.h("p", { key: 'b7b33e9ebd268281cf5d654f416068c826202801' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '44b93d3be239010f082d740c21a11ce0e2866f1f', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'e6e6834c079cd6eb9a6ad4541b89649516265296' }, index.h("p", { key: 'add3788dad2b1590ddc89df7750fb44ad8e71487' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '4b22b4510c40a43547ea4b0bc73f73e53f1d20bf', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12991
12988
|
}
|
|
12992
12989
|
};
|
|
12993
12990
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -13018,7 +13015,7 @@ const SmoothlyTrigger = class {
|
|
|
13018
13015
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
13019
13016
|
break;
|
|
13020
13017
|
case "button":
|
|
13021
|
-
result = (index.h("button", { key: '
|
|
13018
|
+
result = (index.h("button", { key: '479c644915049bed07210f0d3af39c53972ffe75', disabled: this.disabled, name: this.name }, index.h("slot", { key: '0fd43622722659b0066b97965400ea1a054cebf5' })));
|
|
13022
13019
|
break;
|
|
13023
13020
|
}
|
|
13024
13021
|
return result;
|