smoothly 1.1.1-alpha.16 → 1.1.1-alpha.17
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/smoothly-app_92.cjs.entry.js +99 -102
- package/dist/cjs/smoothly-app_92.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-svg.cjs.entry.js +2 -2
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/collection/components/dialog/index.js +1 -4
- package/dist/collection/components/dialog/index.js.map +1 -1
- package/dist/collection/components/dialog/style.css +16 -11
- package/dist/collection/components/dialog-demo/index.js +1 -1
- package/dist/collection/components/dialog-demo/index.js.map +1 -1
- package/dist/collection/components/display/index.js +2 -2
- package/dist/collection/components/display-demo/index.js +2 -2
- package/dist/collection/components/filter/field/index.js +1 -1
- package/dist/collection/components/filter/index.js +3 -3
- package/dist/collection/components/filter/input/index.js +1 -1
- package/dist/collection/components/filter/picker/index.js +1 -1
- package/dist/collection/components/filter/toggle/index.js +1 -1
- package/dist/collection/components/form/index.js +1 -1
- package/dist/collection/components/icon/index.js +1 -1
- package/dist/collection/components/icon-demo/index.js +4 -4
- package/dist/collection/components/input/checkbox/index.js +1 -1
- package/dist/collection/components/input/clear/index.js +1 -1
- package/dist/collection/components/input/color/index.js +1 -1
- package/dist/collection/components/input/date/index.js +1 -1
- package/dist/collection/components/input/date/range/index.js +2 -2
- package/dist/collection/components/input/demo/controlled-form/index.js +1 -1
- package/dist/collection/components/input/demo/index.js +6 -6
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/index.js +1 -1
- package/dist/collection/components/input/month/index.js +1 -1
- 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/index.js +1 -1
- package/dist/collection/components/input/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +2 -2
- package/dist/collection/components/input/submit/index.js +1 -1
- package/dist/collection/components/item/index.js +1 -1
- package/dist/collection/components/label/index.js +2 -2
- package/dist/collection/components/lazy/index.js +1 -1
- package/dist/collection/components/load-more/index.js +1 -1
- package/dist/collection/components/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/foot/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/picker/demo/index.js +2 -2
- package/dist/collection/components/picker/index.js +1 -1
- package/dist/collection/components/picker/option/index.js +1 -1
- package/dist/collection/components/picker/slotted-elements/index.js +1 -1
- package/dist/collection/components/popup/index.js +1 -1
- package/dist/collection/components/quiet/index.js +1 -1
- package/dist/collection/components/select-demo/index.js +1 -1
- package/dist/collection/components/skeleton/index.js +1 -1
- package/dist/collection/components/spinner/index.js +2 -2
- package/dist/collection/components/submit/index.js +1 -1
- package/dist/collection/components/summary/index.js +1 -1
- package/dist/collection/components/svg/index.js +2 -2
- package/dist/collection/components/tab/index.js +1 -1
- package/dist/collection/components/tab-switch/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +4 -4
- 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/theme/color/index.js +1 -1
- package/dist/collection/components/theme/picker/index.js +2 -2
- package/dist/collection/components/toggle/toggle.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/collection/components/tuple/index.js +1 -1
- package/dist/components/{p-e4caddb4.js → p-03ef5937.js} +4 -4
- package/dist/components/{p-e4caddb4.js.map → p-03ef5937.js.map} +1 -1
- package/dist/components/{p-dae5d143.js → p-09b727d1.js} +3 -3
- package/dist/components/{p-dae5d143.js.map → p-09b727d1.js.map} +1 -1
- package/dist/components/{p-c8c9cfa0.js → p-0ed06c0e.js} +5 -5
- package/dist/components/{p-c8c9cfa0.js.map → p-0ed06c0e.js.map} +1 -1
- package/dist/components/{p-14153949.js → p-184bfeb4.js} +2 -2
- package/dist/components/{p-14153949.js.map → p-184bfeb4.js.map} +1 -1
- package/dist/components/{p-18cf72e6.js → p-19291f80.js} +10 -10
- package/dist/components/{p-18cf72e6.js.map → p-19291f80.js.map} +1 -1
- package/dist/components/{p-597e70c8.js → p-19fa6b4c.js} +3 -3
- package/dist/components/{p-597e70c8.js.map → p-19fa6b4c.js.map} +1 -1
- package/dist/components/{p-e833ac49.js → p-1a93e48a.js} +2 -2
- package/dist/components/{p-e833ac49.js.map → p-1a93e48a.js.map} +1 -1
- package/dist/components/{p-f4e23254.js → p-1d61ccee.js} +2 -2
- package/dist/components/{p-f4e23254.js.map → p-1d61ccee.js.map} +1 -1
- package/dist/components/{p-a445bec2.js → p-1f02c1dc.js} +6 -6
- package/dist/components/{p-a445bec2.js.map → p-1f02c1dc.js.map} +1 -1
- package/dist/components/{p-e705177a.js → p-268838f7.js} +4 -4
- package/dist/components/{p-e705177a.js.map → p-268838f7.js.map} +1 -1
- package/dist/components/{p-fe0f7290.js → p-29273150.js} +25 -25
- package/dist/components/{p-fe0f7290.js.map → p-29273150.js.map} +1 -1
- package/dist/components/p-2a14921f.js +207 -0
- package/dist/components/{p-c931301e.js.map → p-2a14921f.js.map} +1 -1
- package/dist/components/{p-c7ebfa86.js → p-2a7e2bca.js} +5 -5
- package/dist/components/{p-c7ebfa86.js.map → p-2a7e2bca.js.map} +1 -1
- package/dist/components/{p-c442c39b.js → p-31205126.js} +2 -2
- package/dist/components/{p-c442c39b.js.map → p-31205126.js.map} +1 -1
- package/dist/components/{p-f9ae81c6.js → p-32677ae7.js} +15 -15
- package/dist/components/{p-f9ae81c6.js.map → p-32677ae7.js.map} +1 -1
- package/dist/components/{p-dee6f9df.js → p-33a0b5bd.js} +7 -7
- package/dist/components/{p-dee6f9df.js.map → p-33a0b5bd.js.map} +1 -1
- package/dist/components/{p-bda66a22.js → p-38e9e54a.js} +2 -2
- package/dist/components/{p-bda66a22.js.map → p-38e9e54a.js.map} +1 -1
- package/dist/components/{p-884d3339.js → p-3af242bd.js} +3 -3
- package/dist/components/{p-884d3339.js.map → p-3af242bd.js.map} +1 -1
- package/dist/components/p-3eb3a313.js +243 -0
- package/dist/components/{p-4be5d536.js.map → p-3eb3a313.js.map} +1 -1
- package/dist/components/{p-cb96ca42.js → p-3fbaf6e8.js} +3 -3
- package/dist/components/{p-cb96ca42.js.map → p-3fbaf6e8.js.map} +1 -1
- package/dist/components/{p-152c7b1d.js → p-4228eeb6.js} +6 -6
- package/dist/components/{p-152c7b1d.js.map → p-4228eeb6.js.map} +1 -1
- package/dist/components/{p-4a61c2b1.js → p-452f0f39.js} +8 -8
- package/dist/components/{p-4a61c2b1.js.map → p-452f0f39.js.map} +1 -1
- package/dist/components/{p-5fdad099.js → p-45ef8788.js} +2 -2
- package/dist/components/{p-5fdad099.js.map → p-45ef8788.js.map} +1 -1
- package/dist/components/{p-fa247be0.js → p-4795bab1.js} +13 -13
- package/dist/components/{p-fa247be0.js.map → p-4795bab1.js.map} +1 -1
- package/dist/components/{p-0317fda7.js → p-47ebde14.js} +2 -2
- package/dist/components/{p-0317fda7.js.map → p-47ebde14.js.map} +1 -1
- package/dist/components/{p-a2fb458c.js → p-4b2fee7b.js} +3 -3
- package/dist/components/{p-a2fb458c.js.map → p-4b2fee7b.js.map} +1 -1
- package/dist/components/{p-3720f8dd.js → p-510704bf.js} +5 -5
- package/dist/components/{p-3720f8dd.js.map → p-510704bf.js.map} +1 -1
- package/dist/components/{p-13951c9b.js → p-52b87ea5.js} +2 -2
- package/dist/components/{p-13951c9b.js.map → p-52b87ea5.js.map} +1 -1
- package/dist/components/{p-4fbd72b3.js → p-53b8da0e.js} +2 -2
- package/dist/components/{p-4fbd72b3.js.map → p-53b8da0e.js.map} +1 -1
- package/dist/components/{p-3412d313.js → p-55073785.js} +3 -3
- package/dist/components/{p-3412d313.js.map → p-55073785.js.map} +1 -1
- package/dist/components/{p-2b66efe3.js → p-5cee880e.js} +6 -6
- package/dist/components/{p-2b66efe3.js.map → p-5cee880e.js.map} +1 -1
- package/dist/components/{p-f6f08448.js → p-60aab589.js} +3 -3
- package/dist/components/{p-f6f08448.js.map → p-60aab589.js.map} +1 -1
- package/dist/components/{p-b5d699b2.js → p-60be6d59.js} +2 -2
- package/dist/components/{p-b5d699b2.js.map → p-60be6d59.js.map} +1 -1
- package/dist/components/{p-ad13ca6e.js → p-623777d9.js} +2 -2
- package/dist/components/{p-ad13ca6e.js.map → p-623777d9.js.map} +1 -1
- package/dist/components/{p-bad8dd18.js → p-63d45233.js} +2 -2
- package/dist/components/{p-bad8dd18.js.map → p-63d45233.js.map} +1 -1
- package/dist/components/{p-bc92e9a5.js → p-67198f42.js} +4 -4
- package/dist/components/{p-bc92e9a5.js.map → p-67198f42.js.map} +1 -1
- package/dist/components/{p-33d2e678.js → p-68006951.js} +2 -2
- package/dist/components/{p-33d2e678.js.map → p-68006951.js.map} +1 -1
- package/dist/components/{p-c45d12d0.js → p-6a678060.js} +2 -2
- package/dist/components/{p-c45d12d0.js.map → p-6a678060.js.map} +1 -1
- package/dist/components/{p-c7b383ed.js → p-71a173d5.js} +2 -2
- package/dist/components/{p-c7b383ed.js.map → p-71a173d5.js.map} +1 -1
- package/dist/components/{p-b2c05164.js → p-726a5506.js} +7 -7
- package/dist/components/{p-b2c05164.js.map → p-726a5506.js.map} +1 -1
- package/dist/components/{p-4e1e6349.js → p-73501c23.js} +2 -2
- package/dist/components/{p-4e1e6349.js.map → p-73501c23.js.map} +1 -1
- package/dist/components/{p-a55726b0.js → p-76a641be.js} +3 -3
- package/dist/components/{p-a55726b0.js.map → p-76a641be.js.map} +1 -1
- package/dist/components/{p-e4b515d9.js → p-7e081b17.js} +4 -4
- package/dist/components/{p-e4b515d9.js.map → p-7e081b17.js.map} +1 -1
- package/dist/components/{p-01d0bb28.js → p-82527e2e.js} +3 -3
- package/dist/components/{p-01d0bb28.js.map → p-82527e2e.js.map} +1 -1
- package/dist/components/{p-caa4b162.js → p-83bbfd57.js} +4 -4
- package/dist/components/{p-caa4b162.js.map → p-83bbfd57.js.map} +1 -1
- package/dist/components/{p-6684a872.js → p-8651403e.js} +2 -2
- package/dist/components/{p-6684a872.js.map → p-8651403e.js.map} +1 -1
- package/dist/components/{p-d9ebde2d.js → p-871c838b.js} +3 -3
- package/dist/components/{p-d9ebde2d.js.map → p-871c838b.js.map} +1 -1
- package/dist/components/p-88301f8f.js +165 -0
- package/dist/components/{p-2f3ea1dc.js.map → p-88301f8f.js.map} +1 -1
- package/dist/components/{p-03dbd122.js → p-883f9bda.js} +7 -7
- package/dist/components/{p-03dbd122.js.map → p-883f9bda.js.map} +1 -1
- package/dist/components/{p-bcf3b5fe.js → p-89ad3faf.js} +4 -4
- package/dist/components/{p-bcf3b5fe.js.map → p-89ad3faf.js.map} +1 -1
- package/dist/components/{p-265017cb.js → p-8b037d3e.js} +2 -2
- package/dist/components/{p-265017cb.js.map → p-8b037d3e.js.map} +1 -1
- package/dist/components/{p-7e0e8fb6.js → p-8b9c9faa.js} +3 -3
- package/dist/components/{p-7e0e8fb6.js.map → p-8b9c9faa.js.map} +1 -1
- package/dist/components/{p-0291658d.js → p-93411f93.js} +2 -2
- package/dist/components/{p-0291658d.js.map → p-93411f93.js.map} +1 -1
- package/dist/components/{p-fc9d3594.js → p-98565216.js} +2 -2
- package/dist/components/{p-fc9d3594.js.map → p-98565216.js.map} +1 -1
- package/dist/components/{p-5dca5c3c.js → p-9e4ae37d.js} +2 -2
- package/dist/components/{p-5dca5c3c.js.map → p-9e4ae37d.js.map} +1 -1
- package/dist/components/p-a06df258.js +68 -0
- package/dist/components/p-a06df258.js.map +1 -0
- package/dist/components/{p-9b975eb3.js → p-a1036d86.js} +5 -5
- package/dist/components/{p-9b975eb3.js.map → p-a1036d86.js.map} +1 -1
- package/dist/components/{p-08242ace.js → p-a200bb5a.js} +8 -8
- package/dist/components/{p-08242ace.js.map → p-a200bb5a.js.map} +1 -1
- package/dist/components/{p-5414ac5d.js → p-a38f177e.js} +5 -5
- package/dist/components/p-a38f177e.js.map +1 -0
- package/dist/components/{p-1921c32d.js → p-a85e6ff3.js} +10 -10
- package/dist/components/{p-1921c32d.js.map → p-a85e6ff3.js.map} +1 -1
- package/dist/components/{p-31bb4d9f.js → p-aed2ff71.js} +2 -2
- package/dist/components/{p-31bb4d9f.js.map → p-aed2ff71.js.map} +1 -1
- package/dist/components/{p-a61435e1.js → p-b69006cc.js} +2 -2
- package/dist/components/{p-a61435e1.js.map → p-b69006cc.js.map} +1 -1
- package/dist/components/{p-ce2f60f3.js → p-b6b6e8c5.js} +2 -2
- package/dist/components/{p-ce2f60f3.js.map → p-b6b6e8c5.js.map} +1 -1
- package/dist/components/{p-a58ebd19.js → p-b7b34d34.js} +2 -2
- package/dist/components/{p-a58ebd19.js.map → p-b7b34d34.js.map} +1 -1
- package/dist/components/{p-632cad8f.js → p-b8b62b31.js} +4 -4
- package/dist/components/{p-632cad8f.js.map → p-b8b62b31.js.map} +1 -1
- package/dist/components/{p-bf6bd742.js → p-b9d93940.js} +2 -2
- package/dist/components/{p-bf6bd742.js.map → p-b9d93940.js.map} +1 -1
- package/dist/components/{p-01044797.js → p-bb41ff72.js} +9 -9
- package/dist/components/{p-01044797.js.map → p-bb41ff72.js.map} +1 -1
- package/dist/components/{p-0dffac07.js → p-bb787d8b.js} +2 -2
- package/dist/components/{p-0dffac07.js.map → p-bb787d8b.js.map} +1 -1
- package/dist/components/{p-eeaff065.js → p-c155f866.js} +4 -4
- package/dist/components/{p-eeaff065.js.map → p-c155f866.js.map} +1 -1
- package/dist/components/{p-9f5eda66.js → p-c6496540.js} +2 -2
- package/dist/components/{p-9f5eda66.js.map → p-c6496540.js.map} +1 -1
- package/dist/components/{p-44ad70f6.js → p-c72d5da4.js} +2 -2
- package/dist/components/{p-44ad70f6.js.map → p-c72d5da4.js.map} +1 -1
- package/dist/components/{p-403f54b8.js → p-cadb9ffc.js} +3 -3
- package/dist/components/{p-403f54b8.js.map → p-cadb9ffc.js.map} +1 -1
- package/dist/components/{p-4285ea87.js → p-cd92a723.js} +6 -6
- package/dist/components/{p-4285ea87.js.map → p-cd92a723.js.map} +1 -1
- package/dist/components/p-d1b08bd0.js +132 -0
- package/dist/components/{p-08a4cbc9.js.map → p-d1b08bd0.js.map} +1 -1
- package/dist/components/{p-88437683.js → p-d331655f.js} +2 -2
- package/dist/components/{p-88437683.js.map → p-d331655f.js.map} +1 -1
- package/dist/components/{p-c242fadc.js → p-d462640e.js} +2 -2
- package/dist/components/{p-c242fadc.js.map → p-d462640e.js.map} +1 -1
- package/dist/components/{p-e8e82614.js → p-d7945226.js} +6 -6
- package/dist/components/{p-e8e82614.js.map → p-d7945226.js.map} +1 -1
- package/dist/components/{p-f178bb5e.js → p-daf50f5c.js} +2 -2
- package/dist/components/{p-f178bb5e.js.map → p-daf50f5c.js.map} +1 -1
- package/dist/components/{p-a9dc3602.js → p-e36ece41.js} +2 -2
- package/dist/components/{p-a9dc3602.js.map → p-e36ece41.js.map} +1 -1
- package/dist/components/{p-e0ecc155.js → p-e879ff37.js} +3 -3
- package/dist/components/{p-e0ecc155.js.map → p-e879ff37.js.map} +1 -1
- package/dist/components/{p-88492598.js → p-f4c9d33f.js} +3 -3
- package/dist/components/{p-88492598.js.map → p-f4c9d33f.js.map} +1 -1
- package/dist/components/{p-0de14108.js → p-f63dc4de.js} +3 -3
- package/dist/components/{p-0de14108.js.map → p-f63dc4de.js.map} +1 -1
- package/dist/components/{p-9bd2bc5f.js → p-f682289e.js} +2 -2
- package/dist/components/{p-9bd2bc5f.js.map → p-f682289e.js.map} +1 -1
- package/dist/components/{p-0a34487b.js → p-fb66362e.js} +4 -4
- package/dist/components/{p-0a34487b.js.map → p-fb66362e.js.map} +1 -1
- package/dist/components/{p-7b024ece.js → p-fc00d2fe.js} +2 -2
- package/dist/components/{p-7b024ece.js.map → p-fc00d2fe.js.map} +1 -1
- package/dist/components/{p-4851bbb8.js → p-fc748b97.js} +13 -13
- package/dist/components/{p-4851bbb8.js.map → p-fc748b97.js.map} +1 -1
- package/dist/components/{p-8b1f3211.js → p-fd19eecc.js} +4 -4
- package/dist/components/{p-8b1f3211.js.map → p-fd19eecc.js.map} +1 -1
- package/dist/components/{p-6bc3c62c.js → p-fd60fd87.js} +3 -3
- package/dist/components/{p-6bc3c62c.js.map → p-fd60fd87.js.map} +1 -1
- package/dist/components/smoothly-address-display.js +1 -1
- package/dist/components/smoothly-address.js +1 -1
- package/dist/components/smoothly-addresses.js +4 -4
- package/dist/components/smoothly-app-demo.js +86 -86
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-back-to-top.js +1 -1
- package/dist/components/smoothly-burger.js +1 -1
- package/dist/components/smoothly-button-confirm.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-checkbox.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-display.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-picker.js +1 -1
- package/dist/components/smoothly-filter-toggle.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-icon.js +1 -1
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.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-controlled-form.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-radio-item.js +1 -1
- package/dist/components/smoothly-input-radio.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-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-expandable-cell.js +1 -1
- package/dist/components/smoothly-next-table-expandable-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.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-picker-demo.js +1 -1
- package/dist/components/smoothly-picker-menu.js +1 -1
- package/dist/components/smoothly-picker-option.js +1 -1
- package/dist/components/smoothly-picker.js +1 -1
- package/dist/components/smoothly-popup.js +1 -1
- package/dist/components/smoothly-quiet.js +1 -1
- package/dist/components/smoothly-select-demo.js +1 -1
- package/dist/components/smoothly-skeleton.js +1 -1
- package/dist/components/smoothly-slotted-elements.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-svg.js +2 -2
- package/dist/components/smoothly-tab-switch.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-theme-color.js +1 -1
- package/dist/components/smoothly-theme-colors.js +1 -1
- package/dist/components/smoothly-theme-picker.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/components/smoothly-tuple.js +1 -1
- package/dist/components/smoothly-urlencoded.js +1 -1
- package/dist/esm/smoothly-app_92.entry.js +99 -102
- package/dist/esm/smoothly-app_92.entry.js.map +1 -1
- package/dist/esm/smoothly-svg.entry.js +2 -2
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/smoothly/p-366bfe46.entry.js +2 -0
- package/dist/smoothly/p-366bfe46.entry.js.map +1 -0
- package/dist/smoothly/{p-10115f8e.entry.js → p-602fb0e8.entry.js} +2 -2
- package/dist/smoothly/{p-f8373c53.entry.js → p-8771dccf.entry.js} +2 -2
- package/dist/smoothly/{p-11af94f7.entry.js → p-c989fbe6.entry.js} +2 -2
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/dialog/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/p-08a4cbc9.js +0 -132
- package/dist/components/p-20141d94.js +0 -71
- package/dist/components/p-20141d94.js.map +0 -1
- package/dist/components/p-2f3ea1dc.js +0 -165
- package/dist/components/p-4be5d536.js +0 -243
- package/dist/components/p-5414ac5d.js.map +0 -1
- package/dist/components/p-c931301e.js +0 -207
- package/dist/smoothly/p-3ebcbb10.entry.js +0 -2
- package/dist/smoothly/p-3ebcbb10.entry.js.map +0 -1
- /package/dist/smoothly/{p-10115f8e.entry.js.map → p-602fb0e8.entry.js.map} +0 -0
- /package/dist/smoothly/{p-f8373c53.entry.js.map → p-8771dccf.entry.js.map} +0 -0
- /package/dist/smoothly/{p-11af94f7.entry.js.map → p-c989fbe6.entry.js.map} +0 -0
|
@@ -1909,7 +1909,7 @@ const Calendar = class {
|
|
|
1909
1909
|
};
|
|
1910
1910
|
Calendar.style = SmoothlyCalendarStyle0;
|
|
1911
1911
|
|
|
1912
|
-
const styleCss$1e = ".sc-smoothly-dialog-h{display:block;position:fixed;left:
|
|
1912
|
+
const styleCss$1e = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
|
|
1913
1913
|
const SmoothlyDialogStyle0 = styleCss$1e;
|
|
1914
1914
|
|
|
1915
1915
|
const SmoothlyDialog = class {
|
|
@@ -1932,10 +1932,7 @@ const SmoothlyDialog = class {
|
|
|
1932
1932
|
};
|
|
1933
1933
|
}
|
|
1934
1934
|
__stencil_render() {
|
|
1935
|
-
return
|
|
1936
|
-
index.h("header", { key: 'e3a2364dc4c5dcacb278effc795423089fa9164a' }, this.closable ? (index.h("smoothly-trigger", { fill: "clear", name: "close" }, index.h("smoothly-icon", { name: "close-circle", fill: "solid", color: this.color }))) : ([]), this.header ? index.h("h1", null, this.header) : index.h("slot", { name: "header" })),
|
|
1937
|
-
index.h("main", { key: '6516affca5d7c6d3beaca0c3e8b5c684548ce9a6' }, index.h("slot", { key: '7c741f72dfb3697c8e5357f34be1fdf5b2e8c394' })),
|
|
1938
|
-
];
|
|
1935
|
+
return (index.h("section", { key: 'fc5da26e5e9a4cc00e1772f3e5dc729fd19bd1a7' }, index.h("div", { key: 'da5c469f9d746dc73f17baf03e11161ab747607f', class: "header" }, this.closable && (index.h("smoothly-trigger", { key: '379a7ff051225b39d492f25bf3611bd614c28661', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '11f59ff501ae1cc8d35fa5b31ddfc39880e8a686', name: "close-circle", fill: "solid", color: this.color }))), this.header ? index.h("h1", null, this.header) : index.h("slot", { name: "header" })), index.h("div", { key: 'a508d66dd04b9693f0d1943ef5eb30c1e6648a49', class: "content" }, index.h("slot", { key: '78092608b9c1bb4bef3d48b4b85005315fe76e0b' }))));
|
|
1939
1936
|
}
|
|
1940
1937
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
1941
1938
|
};
|
|
@@ -1946,7 +1943,7 @@ const SmoothlyDialogDemo = class {
|
|
|
1946
1943
|
index.registerInstance(this, hostRef);
|
|
1947
1944
|
}
|
|
1948
1945
|
render() {
|
|
1949
|
-
return (index.h("smoothly-dialog", { key: '
|
|
1946
|
+
return (index.h("smoothly-dialog", { key: 'a197e3910e9505a57a18ddb369d45624649825b3', color: "default", closable: true }, index.h("smoothly-frame", { key: '639d4b84c9a8799a22bbcf8f7cb65d3c5ac9353c', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })));
|
|
1950
1947
|
}
|
|
1951
1948
|
};
|
|
1952
1949
|
|
|
@@ -3619,10 +3616,10 @@ const SmoothlyDisplay = class {
|
|
|
3619
3616
|
result = format(this.value, type);
|
|
3620
3617
|
break;
|
|
3621
3618
|
case "email":
|
|
3622
|
-
result = index.h("a", { key: '
|
|
3619
|
+
result = index.h("a", { key: 'bb8c5f9653f2ac7fd3a0a5e76d910a01abd5f07e', href: "mailto:" + this.value }, format(this.value, type));
|
|
3623
3620
|
break;
|
|
3624
3621
|
case "phone":
|
|
3625
|
-
result = index.h("a", { key: '
|
|
3622
|
+
result = index.h("a", { key: 'ab529f5ffbf67567c920c929ee1a7e1384cba2ad', href: "tel:" + this.value }, format(this.value, type, this.country));
|
|
3626
3623
|
break;
|
|
3627
3624
|
case "postal-code":
|
|
3628
3625
|
result = format(this.value, type, this.country);
|
|
@@ -3717,10 +3714,10 @@ const SmoothlyDisplayDemo = class {
|
|
|
3717
3714
|
}
|
|
3718
3715
|
render() {
|
|
3719
3716
|
return [
|
|
3720
|
-
index.h("main", { key: '80bcb86e32338677189cbd286ec2d24c376bf4ec' }, index.h("fieldset", { key: 'a383ad2d8363347cc6a583dcca5f5c2f724d75ab' }, index.h("h2", { key: '0cb6f2726d771ce764c0fb9076526b658f8e0bff' }, "Smoothly display"), index.h("dl", { key: 'c45b9f268d1dae61369c56e6444b513889a656d2' }, index.h("dt", { key: '972a26b803ed1c816013be956cd8baec439382c1' }, "Duration"), index.h("dd", { key: '5571acd4a478c189ae0fb4df177d9d99b0206d87' }, index.h("div", { key: '9d06e0eb83d4f2f0b296faa0aa1c145165230e63' }, index.h("smoothly-display", { key: 'e09863aafb657ee21160d945a3d3a1118f2ec1e3', type: "duration", value: { hours: 13, minutes: 100 } }), index.h("smoothly-display", { key: '842800e7d4f52108f7892273283aed7195e8308b', type: "duration", value: { hours: 8 } }), index.h("smoothly-display", { key: '9a0ee2ec704164a305d792f377c9c9dc21ac06fc', type: "duration", value: { minutes: 3 } }), index.h("smoothly-display", { key: 'f7f5c4a4c054b86ffeda80915325650e6b6e9cfa', type: "duration", value: { hours: -13, minutes: 100 } }), index.h("smoothly-display", { key: '7c80cc918a5f85a0dd211f49e93d5683bfc8d6c6', type: "duration", value: { hours: -8 } }), index.h("smoothly-display", { key: '82b63cf83e43a4b9a031a18e48aed54a766ee306', type: "duration", value: { minutes: -3 } }))), index.h("dt", { key: '8411e2c78a3131e39b76b7515e6c3eecbcb7eb9a' }, "text"), index.h("dd", { key: '47d33967f5f36795724d32e4f2f3892d6a6af4f6' }, index.h("smoothly-display", { key: 'db9ecb1da4ac34190f234679449670163e2ec8be', type: "text", value: "text" })), index.h("dt", { key: '25472c4d5ddcdd58e798e6297a5b37d493a7840d' }, "postal code"), index.h("dd", { key: 'ba6976c43d1c6f8ead747c51125df4e022255320' }, index.h("smoothly-display", { key: 'a75b82a38af430e35849c4108505bd9150167687', type: "postal-code", value: "752 31" })), index.h("dt", { key: '96fade5b516e4f7f2b7b54911bf84eb46dc413c4' }, "password"), index.h("dd", { key: '48f5f545acbc901bdc235a5f07d6fc7a623af8a3' }, index.h("smoothly-display", { key: '5b882958f065b4a198dcf6ff7ab268b57f757e9d', type: "password", value: "password" })), index.h("dt", { key: '2fbd7611145b82aba9bc57eb84404111162fa14e' }, "email"), index.h("dd", { key: 'c3ac8a4fb6fa457d49da2e69f83b58838bb3ad86' }, index.h("smoothly-display", { key: '784710893de1a2d72f4b1dd9918e81fbd2578a1c', type: "email", value: "test@example.com" })), index.h("dt", { key: '253865083244f6132576c161711c00ce7694c889' }, "price"), index.h("dd", { key: '8e3e089632ee367295cb8fb3d64b8346b3d396a2' }, index.h("smoothly-display", { key: '8ae7940109e47a51730a198744386fbd0016c873', type: "price", value: "13.37", currency: "SEK" })), index.h("dt", { key: '215fbfca46c75fff5f5b5f88a082cdd3bc757b03' }, "display amount without decimals"), index.h("dd", { key: '74f8d569dd37f89e18ff21b5bca1398d34b8cf48' }, index.h("smoothly-display-amount", { key: '6e5d160e8927620325fdb73579396bbf40d57df5', amount: 200, currency: "SEK", toInteger: true })), index.h("dt", { key: 'e3440d2b04d13e363e71a4852400f6e8d00ce64f' }, "display amount with decimals if they are set, otherwise no decimal"), index.h("dd", { key: '7c3140bf37cdaac7d4b29d10580b6a2f670b2a40' }, index.h("smoothly-display-amount", { key: '7fc2316e5352574b3d0023f513329295235a288a', amount: 200.20, currency: "SEK", toInteger: true })), index.h("dt", { key: '0ac48bf8543d1c9aed9a3d5fb3d84e525ba08d10' }, "display amount with decimals"), index.h("dd", { key: '021a63788c2eb6c8cea9c5fb5c21d71f3973ddbf' }, index.h("smoothly-display-amount", { key: 'e3afb9201ac9d970d1200f147ad275861e18ae92', amount: 200.20, currency: "SEK" })), index.h("dt", { key: 'f2c87e84cc0de28d3c4ef148f126d3900fb9b554' }, "percent"), index.h("dd", { key: 'a969fb8fe4d8967f54d8acd376c9361cd0436636' }, index.h("smoothly-display", { key: '4752ea1efd99b8c39b23f98f277252e0b501d8bc', type: "percent", value: "42" })), index.h("dt", { key: '73f19064af982bb856f55b3e5eeba56180cf154a' }, "phone"), index.h("dd", { key: '7efe82f62258c488f8a1dbf840fda4fdeef8a38c' }, index.h("smoothly-display", { key: '6fb484cd1a7ebfab21009f0951d08f913db3616d', type: "phone", value: "0101881108" })), index.h("dt", { key: '9cac10054bf21febd68c2014b8a2229c37ec7fdc' }, "card number"), index.h("dd", { key: 'b02cf5ebe91d3e75700643da839c2dfe202338dc' }, index.h("smoothly-display", { key: '0aa1abd4687bbb363de9d52d51c235fffe100f0b', type: "card-number", value: "4111111111111111" })), index.h("dt", { key: '05d380e5c95719c0ea86f3739a3d153503a283e2' }, "card expires"), index.h("dd", { key: '11a1abb46e9b1eef7d25ee9fb2b858438d5f238e' }, index.h("smoothly-display", { key: '92019d89286256e6189bead0a87efa1f3b10842f', type: "card-expires", value: "7/22" })), index.h("dt", { key: '870bd7dbbe5a2bb69dcc51716fdd80c7b10d3220' }, "card csc"), index.h("dd", { key: 'd354ff43a0086b16721359e0eaa3352cd011d791' }, index.h("smoothly-display", { key: '2ea9c9574dcb46dfcec4e0e9d0edbc20c1d7ce1e', type: "card-csc", value: "987" })), index.h("dt", { key: '5bb7e9d9f6d7864329d3bf13879b2a3ca2c65705' }, "date"), index.h("dd", { key: '716b9b2f74a60e488af218c173ca13b518fb903a' }, index.h("smoothly-display", { key: '3442a3d4b2b256b01f05dfaaf7d8c2ebef7659b7', type: "date", value: "2022-07-07" })), index.h("dt", { key: '242a4c47d4a3a18815023425d65ff919a4ada922' }, "date time"), index.h("dd", { key: 'ad2c49cc3b793bb0d04e2be6039ca27b5a5509c2' }, index.h("smoothly-display", { key: '0839390ea56930d73a62eeae26a90025f6c0eb60', type: "date-time", format: { year: "numeric", month: "short", day: "numeric", hour: "numeric", minute: "numeric", second: "numeric" }, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: 'a8545515b5532e1946217cecd393bd19cfa802f1' }, index.h("smoothly-display", { key: '173afe5b16eacba7d2cecc87dcdc9746f236eca3', type: "date-time", format: { year: "2-digit", month: "long", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '3b569a7c74a2065b0ce3cbb3146264ddf757a3bb' }, index.h("smoothly-display", { key: '6862b7d9bf14243afc2589008c316720ea77d0c7', type: "date-time", format: { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", second: "numeric" }, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: 'f33389aa70fd4bcc6af594fae0a4d23332ab9f73' }, index.h("smoothly-display", { key: '19730d4c3ba0806ddf81a57a983690389ad049d2', type: "date-time", format: { year: "numeric", month: "numeric", day: "numeric", hour: "numeric", minute: "numeric", second: "numeric" }, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: 'ab0e2c678bc7082c80c9e17998736fec6a2c3124' }, index.h("smoothly-display", { key: '58393f2461aa8e6bbcc66b1b7ed55486c16d5c23', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), index.h("dd", { key: '694922dbca282d0ecee315afd5b03bd59eba2b11' }, index.h("smoothly-display", { key: 'd165ca166c55a832d1fd7f94454bb7004e7ae022', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), index.h("dd", { key: '5b402b2c45d0ab2b78a0332aedf071d2afc8161f' }, index.h("smoothly-display", { key: '5dfb61bcf5bbf24171121d4eab1c325ddf00a0b7', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZone: "Europe/Stockholm" }, value: "2022-07-07T12:15Z" })), index.h("dt", { key: 'e9177d33ba00b83d7d706ea83b4cafb1e932bc41' }, "Deprecated display date time"), index.h("dt", { key: 'fb2d2b7c9e549fc4fc1373d9e90cd94d1eac8006' }, "Display amount"), index.h("dd", { key: '8105509cd6fb4703719f7f3a29f108a7bc10d24e' }, index.h("smoothly-display-amount", { key: '12650a77032eb057c30431a263859b658a0d3e90', currency: "SEK", amount: "1289.5" })), index.h("dt", { key: '6016ccf111204c50f42b0a0ece63fe72d6db95d5' }, "Quiet"), index.h("dd", { key: '0fc93eec81a8bd818b7151be6e8e0c85815ca592' }, index.h("smoothly-quiet", { key: 'b4a58231a9779ffe62e0dff2969e2ff4da5fa986', color: "dark" }, "-")))), index.h("fieldset", { key: '037967afabaea12d675a52dd09efd36e9fadb460' }, index.h("h2", { key: '2b16251586f5a452ef70db48dd42277503e29700' }, "Smoothly skeleton"), index.h("smoothly-skeleton", { key: '07579907d36ebf02dc78180356014892d6a25ef9', period: 3, distance: "20rem", width: "20rem" }), index.h("smoothly-skeleton", { key: '1e4de657a34aca28ac8ff7edc0ee1a8bbe244117', period: 3, distance: "20rem", color: "200,200,255" }), index.h("smoothly-skeleton", { key: 'bb3c04bad7a15a7fc4f6826485c7b6961177489d', period: 3, distance: "20rem", color: "var(--smoothly-warning-color)" }), index.h("smoothly-skeleton", { key: '943455c7dd562ea13ff55cba9de593a99ac731b6', period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: 'a1560f1947144264191bd006d2e6c4f463d6a33b', align: "center", period: 3, distance: "20rem", width: "20rem" }), index.h("smoothly-skeleton", { key: 'e15f5915e442970f477eb584274888866eed9caa', align: "center", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '3bb14814fdca381368aec95ab2c2d2f893f4ba84', align: "center", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: 'f825ce44b4fd513a448c0e26017a7e18b3f8ff5e', align: "center", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '7eb30d5a9e468132c49791162f34d1bab5bd03b4', align: "right", period: 3, distance: "20rem", width: "20rem" }), index.h("smoothly-skeleton", { key: '2c9a0c896ceddd819d6723ff1afbbd20e2e4b389', align: "right", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: 'acf39603d75494564263ac0608337a683b64caff', align: "right", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: 'b5556e4f1fb862754672b557ae5dca057efecd3a', align: "right", period: 3, distance: "20rem" })), index.h("fieldset", { key: 'd9b7cc1fa89eaa0a9a26a57519a029ae726c9e81' }, index.h("h2", { key: '7cf747f457015d9f4c93bd1dd332e764ebdac68c' }, "Smoothly URL encoded"), index.h("smoothly-urlencoded", { key: 'd75c28631727a42315b5c54433b59a3a1db1f087', data: "hej=hopp&tjena=moss" })), index.h("fieldset", { key: '9ddc9f5b45bf23a3f216ad963e9ca53f97988059' }, index.h("h2", { key: '9a22352faab2d3ac60029b8c463d54fecf68334b' }, "Smoothly popup"), index.h("div", { key: '2780c36289ba81ed760e99c916b593eab08d1d0b', style: { display: "flex", justifyContent: "space-between" } }, index.h("smoothly-popup", { key: 'd745407845195a43b49d10770b8698974ff3da58', direction: "down" }, "Click for popup", index.h("span", { key: '683c13b3b5529b6ece3698fea3d4f5c92aa67bc8', slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup stuff that has a lot of text")), index.h("smoothly-popup", { key: '40ff52daf66a12b4d3cd9876d8c665dedc4733f7', direction: "down" }, "Click for popup", index.h("span", { key: 'e8bec4133582db6530f6182428df1594f7b8acbe', slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup with a bunch of text."))), index.h("smoothly-popup", { key: '70ba607167760453b049854acf15e5019dc97945' }, index.h("div", { key: 'ddf7982a34748f8f00447cd991e3c722911e4177' }, "Popup, click me"), index.h("div", { key: '86dbd4147494a4c0c0247acc4dd73ef54614f425', color: "dark", slot: "popup" }, "1 line popup"))), index.h("fieldset", { key: 'aaa0eb19383670f52e5726ddb61e40dee4e4e864' }, index.h("h2", { key: 'f5d151dedc92379b87bcc7efbd803911c13d0a2b' }, "Test of different kinds of notifier"), index.h("button", { key: 'd59823b6190d537bbcdf5fe241dc1a8b3816613a', onClick: () => this.noticeWarning(redirect.Notice.warn("This is a test warning notice.")) }, "warning"), index.h("button", { key: '0c6c6221a82606c50fbc1203eee49c8487cd0d17', onClick: () => this.noticeWarning(redirect.Notice.succeeded("This is a test success notice.")) }, "success"), index.h("button", { key: '576315a7343ba9c96bc107422d2490a75e8c2eb9', onClick: () => this.noticeWarning(redirect.Notice.failed("This is a test danger notice.")) }, "danger"), index.h("button", { key: 'c180ab549af04bfe72cc35161c835ee884de902e', onClick: () => this.noticeWarning(redirect.Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), index.h("button", { key: '9ec2d393795dbf97e412e1ace358489e8c5db0a1', onClick: () => this.noticeWarning(redirect.Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), index.h("fieldset", { key: '8cda2c8bbd20ab8aed6bbb5475605104ebd594dd' }, index.h("h2", { key: '43a71707289a31a61d51456049caf26210e2ad25' }, "Smoothly spinner"), index.h("div", { key: 'a0ea48c1adbc2faf068b0f8efb2e4cbca8c02865', style: { width: "fit-content" } }, "Large", index.h("smoothly-spinner", { key: '677b43a6d740628aea1f1b8e5f13257a349195dd', size: "large", style: { "--spinner-background": "200,255,200", "--spinner-background-opacity": "0.2", "--spinner-color": "0,130,0", } })), index.h("div", { key: '725f0048c68ea616ca7e1448759399fef9cdb343', style: { width: "fit-content" } }, "Medium", index.h("smoothly-spinner", { key: 'c7bb0d33788e7d5c630cff6a4132a34a2447fbad', size: "medium" })), index.h("div", { key: '912e9ff259579e1a778e8eb2a7435e701ecf4f81', style: { width: "fit-content" } }, "Small", index.h("smoothly-spinner", { key: 'b0a6f5982896c7c74f9fee5966b359fa986bd1a5', size: "small" })), index.h("div", { key: '2739dd4abc49c692f8b3866e1bc1783aad942456' }, "Icon sized spinner on button", Submit.Color.types.map(color => index.h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
|
|
3717
|
+
index.h("main", { key: '03a6114b46fca5cc3ac236e79e9f5dba4f5cd599' }, index.h("fieldset", { key: 'da7c0edb8ebf537f5c594fc4b9f20ade7c99e753' }, index.h("h2", { key: 'ed76f3206802bddcee0ec413f8a0ee3080b58c49' }, "Smoothly display"), index.h("dl", { key: 'c247305cb2119c6256ec186162d34ca4477efb0f' }, index.h("dt", { key: 'c71c2c34efca1c7c7d4bbe6b0cf0b593fcd84670' }, "Duration"), index.h("dd", { key: '8b582e0ed0dc0671eaa0e2e61b8dd54eedf39c3c' }, index.h("div", { key: 'd1cb5548be2d9bc89cb20a756b74dd933525364f' }, index.h("smoothly-display", { key: 'b67cd3cb4552755a6f217eb5254a930367df3c4b', type: "duration", value: { hours: 13, minutes: 100 } }), index.h("smoothly-display", { key: '59eb21712b70ec7209697cd20d8090a9fa131450', type: "duration", value: { hours: 8 } }), index.h("smoothly-display", { key: '186b422e51c02723ba9986d6f430f85621eab30a', type: "duration", value: { minutes: 3 } }), index.h("smoothly-display", { key: 'e2c6e23686fac6f2fddfe68c75f30b4461cda843', type: "duration", value: { hours: -13, minutes: 100 } }), index.h("smoothly-display", { key: '71b7ad3b252b9a6da1bc1b42db9b62c0ec10fdf2', type: "duration", value: { hours: -8 } }), index.h("smoothly-display", { key: 'd78214569e507f2f34b8965e137807bb2d270c77', type: "duration", value: { minutes: -3 } }))), index.h("dt", { key: '5304558c192ea25043baed672e970b2fc08b8940' }, "text"), index.h("dd", { key: '60bacf71d8eb9f6941c841c447ca66a364b069a0' }, index.h("smoothly-display", { key: '4237723b4372efaa981ff90df145e1edff241d99', type: "text", value: "text" })), index.h("dt", { key: '3d1dcd10dcf19d2b4d92c59c79848151720ca36e' }, "postal code"), index.h("dd", { key: '793df2703e0514a7fdc401606f0d467ea859c22d' }, index.h("smoothly-display", { key: '1f48f0b49669b6c3876997b6c77b712da2a7d717', type: "postal-code", value: "752 31" })), index.h("dt", { key: '507e3fac0c01c37bc27de65245b224c791104568' }, "password"), index.h("dd", { key: 'a19296760ee38dd6c4d6c8fa17644249f8128fa9' }, index.h("smoothly-display", { key: '5841ece177afd17e8c9c0ee132f15533a9c0df46', type: "password", value: "password" })), index.h("dt", { key: '1cd08a0c1a512b7de5ed9207d6cef3fb026b21d9' }, "email"), index.h("dd", { key: 'be01122a1dbab4b824aef873d290219151c98923' }, index.h("smoothly-display", { key: 'dd398fc2f180db3275169d1c64ac28f43eee9ce4', type: "email", value: "test@example.com" })), index.h("dt", { key: 'faf6aacb67dc5c90d4459571c421f4ce2b7ee95c' }, "price"), index.h("dd", { key: '680e48dcac145eae0e6a0640897b09f5d422d088' }, index.h("smoothly-display", { key: 'b85c77935b736a28688a081f0abefe8bc314f4ef', type: "price", value: "13.37", currency: "SEK" })), index.h("dt", { key: 'b16246d1acb26a06c052eb19736be861809ff3a1' }, "display amount without decimals"), index.h("dd", { key: '62b026a7706e0c14ee6679bfce5c313827457e1f' }, index.h("smoothly-display-amount", { key: 'ecf9fe3a7e3e912525fe9503da8be0ff50d34848', amount: 200, currency: "SEK", toInteger: true })), index.h("dt", { key: '75be4a803f69af0718539cd5b09d383bb996df57' }, "display amount with decimals if they are set, otherwise no decimal"), index.h("dd", { key: '4a3d4e7da1294653aa0ba1372dda7f58a8c4ce21' }, index.h("smoothly-display-amount", { key: 'f28ab47020305212c42f2048b27ad3d06f9b65b3', amount: 200.20, currency: "SEK", toInteger: true })), index.h("dt", { key: 'dfa3dbca3e3eea107b2f6cb9092c7fddbe42a753' }, "display amount with decimals"), index.h("dd", { key: 'eb1e4d59350f0dcc5e0cd024ce16624a7a008af1' }, index.h("smoothly-display-amount", { key: 'd558079fb66b2194fd831fe2dc95f49809a18227', amount: 200.20, currency: "SEK" })), index.h("dt", { key: '75c4031304e8a35a89967f49d31b569ff8f38db4' }, "percent"), index.h("dd", { key: '46dcbcf135cb5bb9034803e46698759a44889e6c' }, index.h("smoothly-display", { key: '72baa9921e52bb7c6ef9cb273b118a4747c38671', type: "percent", value: "42" })), index.h("dt", { key: 'e2f856efec2d1e3e9482b103e30355c73309a420' }, "phone"), index.h("dd", { key: '5ccb1678e6b49f741e2346a14841fc8b1d5423cf' }, index.h("smoothly-display", { key: '3a5bc55f3fd148ef8bb2f89c30ba1da9ad43b97c', type: "phone", value: "0101881108" })), index.h("dt", { key: '9a3441c489421e5ce7cc1eb6edda22985525460e' }, "card number"), index.h("dd", { key: '47f939f13f54a0de6363883b44d61398992b481a' }, index.h("smoothly-display", { key: 'd00510ffc6587c6a4558af56964a368e229e7756', type: "card-number", value: "4111111111111111" })), index.h("dt", { key: '7a79318e26923234565b51ddcd2be965f503f426' }, "card expires"), index.h("dd", { key: '7ea7b20961d43438f91938a77acc8003cc7c7dac' }, index.h("smoothly-display", { key: 'a63e3ee70134dd9ee5dc9a84852d52ee0b441755', type: "card-expires", value: "7/22" })), index.h("dt", { key: '6b0a3bf77bc03f90fda4dee7aacbb53fb4df7d46' }, "card csc"), index.h("dd", { key: '7feae7b7558d99d015d8b5ba51503d839396d9dc' }, index.h("smoothly-display", { key: '30dfb60940424976b7354d7b91323fbc5a0059e8', type: "card-csc", value: "987" })), index.h("dt", { key: 'b613127af2ef1d59cfb3dcfd7bc3ecd968905c9f' }, "date"), index.h("dd", { key: '76ad0db6845beae0617ed90140c4eb69ddd0ffa0' }, index.h("smoothly-display", { key: 'ea0f1813e23cb4b30edeaa45d86809e504e35fc1', type: "date", value: "2022-07-07" })), index.h("dt", { key: 'e47cea44da73a342ef1545c12c7e82c6f81094c9' }, "date time"), index.h("dd", { key: '179e78c05b28fd29517e531c7e2f4b79ac9fc27b' }, index.h("smoothly-display", { key: 'fbd4e03314df6497fe9b9fed60c468260f66231f', type: "date-time", format: { year: "numeric", month: "short", day: "numeric", hour: "numeric", minute: "numeric", second: "numeric" }, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '0dbf415761f5d30e6be249260e7a72f03fc484be' }, index.h("smoothly-display", { key: 'a594486702051d921a17d991c1a2b1e2d450a849', type: "date-time", format: { year: "2-digit", month: "long", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '7aa42df281f14dd461ab3dfb6a5520e46f3019b2' }, index.h("smoothly-display", { key: 'fa2b35618cf5bdc8a10fa946f0500968e978e366', type: "date-time", format: { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", second: "numeric" }, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: 'fa465b629d9b014e5e5499a84890abe12f79846b' }, index.h("smoothly-display", { key: 'bbf6f78924dea91f5515496d85df9a1dd9891295', type: "date-time", format: { year: "numeric", month: "numeric", day: "numeric", hour: "numeric", minute: "numeric", second: "numeric" }, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: '98df1b1030ed965df996b1bbb7729db85b2af6b6' }, index.h("smoothly-display", { key: '21a2cfb29c404222f4b6b4f70c25983ee1f2d8ee', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), index.h("dd", { key: 'dc16db96d694705827e6ce9b452d8b34c92904d5' }, index.h("smoothly-display", { key: '70e54e32af80ae2854e502d12e794088ec3f6ee9', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), index.h("dd", { key: '7e816ba6d849e8b394991c45df6de8d58c3ea129' }, index.h("smoothly-display", { key: '1c11514c6c0b1451473403a36af7d9baa31a221b', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZone: "Europe/Stockholm" }, value: "2022-07-07T12:15Z" })), index.h("dt", { key: '0acdf201d7f3698fcc76cf12e4557901635f244c' }, "Deprecated display date time"), index.h("dt", { key: '6e4cf9b9e31dc85950172a496a07d8eac48e5b35' }, "Display amount"), index.h("dd", { key: '5a7ba8aece62cd9c5968f250c2a35d10d414ce15' }, index.h("smoothly-display-amount", { key: '9e6ee55038e5e32c924db3e8fab62acf60da3af7', currency: "SEK", amount: "1289.5" })), index.h("dt", { key: 'f27b6b13821c577a86b65c76664526d3a3385c2a' }, "Quiet"), index.h("dd", { key: '24e94a2489562be18feaf2cf3f8aa9441f5657b8' }, index.h("smoothly-quiet", { key: '3d628a2f607e7bce6ad9258441bb9f8747df588b', color: "dark" }, "-")))), index.h("fieldset", { key: '837a066759b91bd8c537c5c965eaf77238fcba2b' }, index.h("h2", { key: '13fa933257f72cc5c6f8a5b310e49f6485182230' }, "Smoothly skeleton"), index.h("smoothly-skeleton", { key: '3913ed7d9fe436c08bc4fece83c2a75070cab5ef', period: 3, distance: "20rem", width: "20rem" }), index.h("smoothly-skeleton", { key: 'f6b2870bd5c81929f6da8c6efd49a3eb40bda335', period: 3, distance: "20rem", color: "200,200,255" }), index.h("smoothly-skeleton", { key: 'e7cb87f0fb601ff5df0025c3631a8e5a251d89de', period: 3, distance: "20rem", color: "var(--smoothly-warning-color)" }), index.h("smoothly-skeleton", { key: '8caf0e9d224ee7a97cdccadc0f930b049673d448', period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: 'aad184f304e729966be6ef1197a84c75ad6eca8b', align: "center", period: 3, distance: "20rem", width: "20rem" }), index.h("smoothly-skeleton", { key: '5d8b54020872c88a4ff144f3a9b74177eff81ece', align: "center", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '8e5de3aed143c6d0cb9fbdc4dacff1abbd186878', align: "center", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '3406c2e71e7bd344701741563370e10003f8f39a', align: "center", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '31ba5e442ad69081cbc93ccc84ca9a09e9495a69', align: "right", period: 3, distance: "20rem", width: "20rem" }), index.h("smoothly-skeleton", { key: '8071c9f74e7e6a274810cc13d4d6e4db71b227a6', align: "right", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '8eca5513a26a8dc82ec1b2b02af5af1ca839cdff', align: "right", period: 3, distance: "20rem" }), index.h("smoothly-skeleton", { key: '47964f87ea4093d8116830880d40387f5261426e', align: "right", period: 3, distance: "20rem" })), index.h("fieldset", { key: '029a4248fb753aa392899e538603b103a51a462e' }, index.h("h2", { key: '4f830b020bd4661a4f6a09627154511f4c861df5' }, "Smoothly URL encoded"), index.h("smoothly-urlencoded", { key: '86310aae72ae81edc5ebbb9dcf9db603891dd6b0', data: "hej=hopp&tjena=moss" })), index.h("fieldset", { key: '86531a102e5013b5451c56b3db3fb15cc2d719fe' }, index.h("h2", { key: '001a7c64fc894ceb080490d4719ce58ad9227467' }, "Smoothly popup"), index.h("div", { key: 'a8207fb2b9c5ce8bb84c2e2d4dc8d23c3253a395', style: { display: "flex", justifyContent: "space-between" } }, index.h("smoothly-popup", { key: '6511caf780b9195cfbc08d2d96461423792d06dd', direction: "down" }, "Click for popup", index.h("span", { key: '8ac6d5f99bb788b45cef6eaccb3968d07a1cb9b6', slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup stuff that has a lot of text")), index.h("smoothly-popup", { key: 'd46e1f38af1fd9f78baca32dae8aee20dc487966', direction: "down" }, "Click for popup", index.h("span", { key: '456ec5d5a6e8b2ab8bddc6124f9e23f15827305f', slot: "popup", color: "dark", style: { whiteSpace: "nowrap" } }, "Some popup with a bunch of text."))), index.h("smoothly-popup", { key: '56775bff92e2c89e4c7db9d4b5466a0811b62c6a' }, index.h("div", { key: '7a9f6aa4ca43647ece2e16047ce0432980ee3178' }, "Popup, click me"), index.h("div", { key: '42ce15f95c4d4d52bdc72bce6743e0c370d21175', color: "dark", slot: "popup" }, "1 line popup"))), index.h("fieldset", { key: 'e0b7734a4620a6e37bf13c4e415d11e5fb8b7561' }, index.h("h2", { key: 'e2984993c9e3a441e3f53ade66a181a7a7904c98' }, "Test of different kinds of notifier"), index.h("button", { key: '28003ea44d474dd406515928f6e510a43225ed5e', onClick: () => this.noticeWarning(redirect.Notice.warn("This is a test warning notice.")) }, "warning"), index.h("button", { key: 'b507d526513d449459456490f7c89fb555092747', onClick: () => this.noticeWarning(redirect.Notice.succeeded("This is a test success notice.")) }, "success"), index.h("button", { key: '027514db77eebd5733786324fa8cc4e492589919', onClick: () => this.noticeWarning(redirect.Notice.failed("This is a test danger notice.")) }, "danger"), index.h("button", { key: 'dc7beba94533478311edc7d006689c607a7a4d55', onClick: () => this.noticeWarning(redirect.Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), index.h("button", { key: 'e587b0d567c5392c5c195bf5ccf8f6edd7625c2a', onClick: () => this.noticeWarning(redirect.Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), index.h("fieldset", { key: 'a252431648d49565e3cf35980fd52e8ba7351e10' }, index.h("h2", { key: '94f4c91d8e3ee6e94fc37f50935c1ecfe00b6b5e' }, "Smoothly spinner"), index.h("div", { key: '2dcfd6505f33692cdde191917dc3a67f6e5d8708', style: { width: "fit-content" } }, "Large", index.h("smoothly-spinner", { key: '1b80d2d6ad8e86159a690393dbda2326735c7dde', size: "large", style: { "--spinner-background": "200,255,200", "--spinner-background-opacity": "0.2", "--spinner-color": "0,130,0", } })), index.h("div", { key: '5f0fc1eb74291a566eb58291287ebec47cd2b60c', style: { width: "fit-content" } }, "Medium", index.h("smoothly-spinner", { key: '8dfdc9f295529fafa781c765edaa6f2cc6420c6b', size: "medium" })), index.h("div", { key: 'b3a2e639c46ca6ddbe39d6aa38658a6c5ed2463a', style: { width: "fit-content" } }, "Small", index.h("smoothly-spinner", { key: '22e252b3bea2a85ebec2c85d7eae28733b196ffc', size: "small" })), index.h("div", { key: '373efaf1b7ed429df11422c5532526f2baad9a03' }, "Icon sized spinner on button", Submit.Color.types.map(color => index.h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
|
|
3721
3718
|
this.downloadingSpinner = true;
|
|
3722
3719
|
setTimeout(() => this.downloadingSpinner = false, 3000);
|
|
3723
|
-
} }, !this.downloadingSpinner && index.h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && index.h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))), index.h("h3", { key: '
|
|
3720
|
+
} }, !this.downloadingSpinner && index.h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && index.h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))), index.h("h3", { key: '64bed113a5694dd5c26081bf68e96d6225ea6af6' }, "Spinner with overlay"), index.h("div", { key: '4c44720923428e8b373eaa3e311beab070e1fc80', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", index.h("smoothly-spinner", { key: 'f0b7d2f9335e003ee35c73a3dbd93ce57b40a623', overlay: true, size: "large", style: { "--spinner-background": "255,200,255", "--spinner-background-opacity": "0.5", "--spinner-color": "0,130,0", } })), index.h("div", { key: 'eeb0f75d94bd6b85ec60ef11c3ad805c33c401f9', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", index.h("smoothly-spinner", { key: '27750e5e0da536a8a686dfbb16fea296db5305ed', overlay: true, color: "secondary", size: "medium" })), index.h("div", { key: 'd7b14953e0afe4959dac1dec193150001d643f38', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", index.h("smoothly-spinner", { key: '8becbe3e81a5ab5d01ca806e622002e6bd7a770f', overlay: true, size: "small" }))), index.h("fieldset", { key: '87c74251aabb7e028849743fb8cd7fcae88d816d' }, index.h("h2", { key: '38e440a6d387aa9f03b52ef6ea8d75ba549cdd61' }, "Smoothly summary"), index.h("smoothly-summary", { key: '3d2aa298fcf9b4f5b4861ac0ea872504b7199cd5' }, index.h("p", { key: '81539c2604ec7bdc1935542d02d8ec53c5a7f55c', slot: "summary" }, "Some title"), index.h("p", { key: '628737e53e14f3c46efa9d19c207073e872b0ea9', slot: "content" }, "Some content")), index.h("smoothly-summary", { key: '54a94c84be2f329935a655e589498d6f5a042174', size: "large" }, index.h("p", { key: 'a87a6951554651af63637167eaf074879de274ea', slot: "summary" }, "Some title"), index.h("p", { key: 'c627ad51ecee98273ea6a14bb04ff4eb37803ba5', slot: "content" }, "Some content")), index.h("smoothly-summary", { key: 'ce951a14e5829cab426dbeb3fac18f7718d95e3e', color: "danger", fill: "clear" }, index.h("div", { key: '2fe68ec7376b2e74fc592f5774ac4ba35deaa649', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, index.h("span", { key: 'ece4a07cff884360774ef5c28c9d7daa7ebe9ab2' }, "Person"), index.h("smoothly-icon", { key: '3bd2c66d55759bf36aac5f512968bddcf7c8f82a', name: "person", color: "light", fill: "clear", size: "tiny" })), index.h("p", { key: '4b92734ba3959ddfc727908a9513703830afcc44', slot: "content" }, "Some person information.")), index.h("smoothly-summary", { key: 'cfa86052079b5f57eaeaff80aaeedebcf99236d9', color: "danger", fill: "clear", open: true }, index.h("p", { key: 'c42e51168a7ff9435e79326eb91fc6531f9297c3', slot: "summary" }, "Some other title"), index.h("p", { key: '91de2d3bd4b0afd111d05dd328c523780ff61fca', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), index.h("h2", { key: '1e65ecda53311472bea9925a3b8eb74ae0fc447d' }, "Label"), labels.map(l => index.h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name)))),
|
|
3724
3721
|
];
|
|
3725
3722
|
}
|
|
3726
3723
|
};
|
|
@@ -6764,11 +6761,11 @@ const SmoothlyFilter = class {
|
|
|
6764
6761
|
this.filters.forEach(update => update(this.criteria));
|
|
6765
6762
|
}
|
|
6766
6763
|
render() {
|
|
6767
|
-
return (index.h(index.Host, { key: '
|
|
6764
|
+
return (index.h(index.Host, { key: '81664460813d6bf7be85879df218996b912c1d17' }, index.h("slot", { key: '3d76f72dea6acc1d011b3b6428789398156d3ecf', name: "bar" }), index.h("smoothly-filter-field", { key: 'e8a8a79b3a04a7fe768017983fb188da8abf4c85', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (index.h("smoothly-icon", { key: '483c2e3535051f512f5206f91a9ea0a127b593e7', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
|
|
6768
6765
|
this.clear();
|
|
6769
|
-
} })), index.h("div", { key: '
|
|
6766
|
+
} })), index.h("div", { key: 'ccef3b5ae90acd43513ce24fac9a7feb841404e0', class: this.expanded ? "container arrow-top" : "hidden" }, index.h("slot", { key: '0e3c211bbe00714c1f0862be9bf262095d64ff98', name: "detail" })), index.h("smoothly-icon", { key: '4d111baa5916d32a85e9bc8f620070c987fe86ff', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
|
|
6770
6767
|
this.expanded = !this.expanded;
|
|
6771
|
-
} }), index.h("div", { key: '
|
|
6768
|
+
} }), index.h("div", { key: '8e6f244bcfdad0c807fab1acfa979d735b170b53', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
|
|
6772
6769
|
}
|
|
6773
6770
|
};
|
|
6774
6771
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
@@ -6791,7 +6788,7 @@ const SmoothlyFilterField = class {
|
|
|
6791
6788
|
this.smoothlyFilterField.emit(parse$2((_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ""));
|
|
6792
6789
|
}
|
|
6793
6790
|
render() {
|
|
6794
|
-
return (index.h(index.Host, { key: '
|
|
6791
|
+
return (index.h(index.Host, { key: '5b3c10f45232bb32745c35d351e70086da1cfcd3', onKeyDown: (e) => e.key == "Enter" && this.filterFieldEmit() }, index.h("smoothly-input", { key: '9f3587c19fc8890aed8c16b1ea959440f09dbf05', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyBlur: e => {
|
|
6795
6792
|
e.stopPropagation();
|
|
6796
6793
|
this.filterFieldEmit();
|
|
6797
6794
|
}, onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
@@ -6869,7 +6866,7 @@ const SmoothlyFilterInput = class {
|
|
|
6869
6866
|
(rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(".")))));
|
|
6870
6867
|
}
|
|
6871
6868
|
render() {
|
|
6872
|
-
return (index.h("smoothly-input", { key: '
|
|
6869
|
+
return (index.h("smoothly-input", { key: '3be58e370cae393c8bb8f68899d028f7743efc87', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, index.h("slot", { key: '80c85e437a1a6f3be3614660335b9b5213abc642' })));
|
|
6873
6870
|
}
|
|
6874
6871
|
};
|
|
6875
6872
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
@@ -6973,7 +6970,7 @@ const SmoothlyFilterPicker = class {
|
|
|
6973
6970
|
return result && this.property.split(".").reduceRight((r, e) => property(e, r), result);
|
|
6974
6971
|
}
|
|
6975
6972
|
render() {
|
|
6976
|
-
return (index.h("smoothly-picker", { key: '
|
|
6973
|
+
return (index.h("smoothly-picker", { key: '91d0160ffa43036e8348a7b3e33dab32fd64a518', name: this.property, looks: this.looks, multiple: this.multiple, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyPickerLoaded: e => e.stopPropagation(), onSmoothlyInput: e => this.pickerHandler(e) }, this.label && (index.h("span", { key: 'f3ea4ac053c0d324f3ec1a4cd17d9f09908e08d5', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), index.h("span", { key: 'dc459ed88ac57804b6d087b983e2d3e079b8f059', slot: "search" }, "Search"), index.h("slot", { key: '078a55f2cfba6d8f01ead63f0b9b0939317c79ba' })));
|
|
6977
6974
|
}
|
|
6978
6975
|
get element() { return index.getElement(this); }
|
|
6979
6976
|
};
|
|
@@ -7057,7 +7054,7 @@ const SmoothlyFilterToggle = class {
|
|
|
7057
7054
|
(rest.length == 0 || (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(".")))));
|
|
7058
7055
|
}
|
|
7059
7056
|
render() {
|
|
7060
|
-
return (index.h("smoothly-icon", { key: '
|
|
7057
|
+
return (index.h("smoothly-icon", { key: '2fc651b1663f86fca9002f62374696fcf8fae4d6', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
|
|
7061
7058
|
}
|
|
7062
7059
|
};
|
|
7063
7060
|
SmoothlyFilterToggle.style = SmoothlyFilterToggleStyle0;
|
|
@@ -8017,7 +8014,7 @@ const SmoothlyForm = class {
|
|
|
8017
8014
|
});
|
|
8018
8015
|
}
|
|
8019
8016
|
render() {
|
|
8020
|
-
return (index.h(index.Host, { key: '
|
|
8017
|
+
return (index.h(index.Host, { key: 'e00e581b9355987c3883b871c438b23bbebd7f55' }, index.h("smoothly-spinner", { key: '19c1126fd62e7a68b006c722fe699bae88c24d20', hidden: !this.processing }), index.h("form", { key: '1f40734177e334d179e791e19fdbbf1b1765631e', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, index.h("fieldset", { key: 'a927eb203f16be43bcfddb333e77893cba128834' }, index.h("slot", { key: '67c77ea499a0f9c7122c04a9356e5c5f5c69c5bf' })), index.h("div", { key: '5ea77246fe0685a67da5288559437ccd10bc6171' }, index.h("slot", { key: '069225fb5c34ecb6f332383cc37a572e8c75c978', name: "edit" }), index.h("slot", { key: '04577583689584fa80705886e55170f322ffd49f', name: "reset" }), index.h("slot", { key: '68cc9570e4f9fe3dd9e62ae91e2edd9b7c0b17ee', name: "clear" }), index.h("slot", { key: 'a7a2b07868333504740afed1b0e7771955c85184', name: "submit" })))));
|
|
8021
8018
|
}
|
|
8022
8019
|
get element() { return index.getElement(this); }
|
|
8023
8020
|
static get watchers() { return {
|
|
@@ -8120,7 +8117,7 @@ const SmoothlyIcon = class {
|
|
|
8120
8117
|
}
|
|
8121
8118
|
render() {
|
|
8122
8119
|
var _a;
|
|
8123
|
-
return index.h(index.Host, { key: '
|
|
8120
|
+
return index.h(index.Host, { key: 'd67dd2cd2e7e28d8b489693efd952c07a49a313c', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
|
|
8124
8121
|
}
|
|
8125
8122
|
static get watchers() { return {
|
|
8126
8123
|
"name": ["nameChanged"]
|
|
@@ -8138,8 +8135,8 @@ const SmoothlyIconDemo = class {
|
|
|
8138
8135
|
}
|
|
8139
8136
|
render() {
|
|
8140
8137
|
return [
|
|
8141
|
-
index.h("h1", { key: '
|
|
8142
|
-
index.h("div", { key: '
|
|
8138
|
+
index.h("h1", { key: '36670cd18a0dc44ede6a09afc973414d79523072' }, "Icons"),
|
|
8139
|
+
index.h("div", { key: '2d73179111d42f824e46a45d4ea579e48d0a50db' }, [
|
|
8143
8140
|
"add-circle",
|
|
8144
8141
|
"add",
|
|
8145
8142
|
"airplane",
|
|
@@ -8608,8 +8605,8 @@ const SmoothlyIconDemo = class {
|
|
|
8608
8605
|
]
|
|
8609
8606
|
.slice(this.page * 100, 100)
|
|
8610
8607
|
.map(name => (index.h("smoothly-icon", { name: name, toolTip: name })))),
|
|
8611
|
-
index.h("h3", { key: '
|
|
8612
|
-
index.h("div", { key: '
|
|
8608
|
+
index.h("h3", { key: '2cbf252be0e78df71df95fd41c69f4dfcb9499ac' }, "Icon transforms"),
|
|
8609
|
+
index.h("div", { key: 'f515a217744345107ce5e81098871d1965031e63' }, index.h("smoothly-icon", { key: '79246a06a006b95611eec1c839ed1612b737e630', name: "bicycle", toolTip: "Normal" }), index.h("smoothly-icon", { key: '3689f87f7ebe0f5fc227912c7413c66eb21ece6a', name: "bicycle", toolTip: "Flipped horizontally", flip: "x" }), index.h("smoothly-icon", { key: '8e71a8e918ceebdd976b1f5ddbea828108aef326', name: "bicycle", toolTip: "Flipped vertically", flip: "y" }), index.h("smoothly-icon", { key: 'e2b0ebacb3cdcd4538c1203a6b79b4bc93ddacc4', name: "bicycle", toolTip: "Rotated 180deg", rotate: 180 }), index.h("smoothly-icon", { key: 'e26b64b8efba749c1867a1172572af86f032ff8c', name: "wine", toolTip: "Rotated 60deg", rotate: 60 }), index.h("smoothly-icon", { key: 'ec722adae5986492d5916a936de287254b08b93f', name: "wine", toolTip: "Rotated 213deg", rotate: 213 }), index.h("smoothly-icon", { key: 'a948aac852480378638acf43bb42ecca50b2f559', name: "wine", toolTip: "Rotated -60deg", rotate: -60 }), index.h("smoothly-icon", { key: '5f3fcad085e4482149f14572b371f34175a37cd2', name: "musical-notes", toolTip: "Flipped horizontally and rotated 45deg", rotate: 45, flip: "x" })),
|
|
8613
8610
|
];
|
|
8614
8611
|
}
|
|
8615
8612
|
};
|
|
@@ -8887,7 +8884,7 @@ const SmoothlyInput = class {
|
|
|
8887
8884
|
}
|
|
8888
8885
|
render() {
|
|
8889
8886
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
8890
|
-
return (index.h(index.Host, { key: '
|
|
8887
|
+
return (index.h(index.Host, { key: '5746fe8c962553c39ec0f37b09f499cc27a26a60', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: '7430fb4e811ec0d4cf8c1430eb63ba2a89cd1dc6', name: "start" }), index.h("div", { key: '746ff0d0ba10f288397aa3721912e350e31510a0' }, index.h("input", { key: '62cf21235bbd579a46022a8317ff64b0c33c7118', color: this.color, name: this.name, type: (_c = this.state) === null || _c === void 0 ? void 0 : _c.type, placeholder: this.placeholder, required: this.required, autocomplete: this.autocomplete ? (_d = this.state) === null || _d === void 0 ? void 0 : _d.autocomplete : "off", disabled: this.disabled, readOnly: this.readonly, pattern: ((_e = this.state) === null || _e === void 0 ? void 0 : _e.pattern) && ((_f = this.state) === null || _f === void 0 ? void 0 : _f.pattern.source), value: (_g = this.state) === null || _g === void 0 ? void 0 : _g.value, onInput: (e) => this.onInput(e), onFocus: e => this.onFocus(e), onClick: e => this.onClick(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeyDown(e), ref: (el) => (this.inputElement = el), onPaste: e => this.onPaste(e) }), index.h("label", { key: '375cf8ffe2559183e4994ae8ab97e074e6a713cd', htmlFor: this.name }, index.h("slot", { key: 'f1e4b689ee600cf0d8c0fbc0a55605160e95a8db' })), index.h("smoothly-icon", { key: '63236d520bc6c28b09323e2beb12a63e54ccd06e', name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: '6e5b1a67028531a77e1b2c8d0e8126fc1b92e82f', name: "end" })));
|
|
8891
8888
|
}
|
|
8892
8889
|
static get watchers() { return {
|
|
8893
8890
|
"type": ["typeChange"],
|
|
@@ -8958,7 +8955,7 @@ const SmoothlyInputCheckbox = class {
|
|
|
8958
8955
|
!this.disabled && !this.readonly && (this.checked = !this.checked);
|
|
8959
8956
|
}
|
|
8960
8957
|
render() {
|
|
8961
|
-
return (index.h(index.Host, { key: '
|
|
8958
|
+
return (index.h(index.Host, { key: '5371753e4e8312dda30708b2e588f6666e77e4d5', onClick: () => this.inputHandler() }, index.h("input", { key: 'de82b4447b60962d8a9f56cca51707ce017b3f53', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: '9a2fc7ba577bd3fc27b53ae54514837ed4855653', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: '28849c2652f5dd91e82a277a7f30b82922842569' }, index.h("slot", { key: '11c811995086413e2747b2d34ea9ba4d3e43026c' }))));
|
|
8962
8959
|
}
|
|
8963
8960
|
static get watchers() { return {
|
|
8964
8961
|
"checked": ["elementCheck"]
|
|
@@ -9006,7 +9003,7 @@ const SmoothlyInputClear = class {
|
|
|
9006
9003
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.clear();
|
|
9007
9004
|
}
|
|
9008
9005
|
render() {
|
|
9009
|
-
return (index.h(Button, { key: '
|
|
9006
|
+
return (index.h(Button, { key: '6c80ed8ba0a2fc46e2be06a78a1bfa71587302bf', disabled: this.disabled, type: "button" }, index.h("slot", { key: '5db4ea525fc3d251c71527bf029fcf99cba273c6' })));
|
|
9010
9007
|
}
|
|
9011
9008
|
};
|
|
9012
9009
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
@@ -9053,7 +9050,7 @@ const SmoothlyInputColor = class {
|
|
|
9053
9050
|
this.value = event.detail[this.name];
|
|
9054
9051
|
}
|
|
9055
9052
|
render() {
|
|
9056
|
-
return (index.h(index.Host, { key: '
|
|
9053
|
+
return (index.h(index.Host, { key: 'eccce1f6108e644d68054be3731975d2a7f3bc76', style: { "--value": this.value } }, index.h("smoothly-input", { key: '3f451d71958372b9615fb05cdfbeec9a40039d99', value: this.value, name: this.name, looks: this.looks, onSmoothlyInput: event => this.inputHandler(event) }, "Color", index.h("div", { key: '242507456a7222829dfe2f22f664c1381437c26f', slot: "end", class: "color-sample" }))));
|
|
9057
9054
|
}
|
|
9058
9055
|
get element() { return index.getElement(this); }
|
|
9059
9056
|
static get watchers() { return {
|
|
@@ -9108,7 +9105,7 @@ const InputDate = class {
|
|
|
9108
9105
|
render() {
|
|
9109
9106
|
var _a;
|
|
9110
9107
|
return [
|
|
9111
|
-
index.h("smoothly-input", { key: '
|
|
9108
|
+
index.h("smoothly-input", { key: '978316c9a3e1fe1defada4b1a6bb90678399c87f', color: this.color, name: this.name, onFocus: () => (this.open = !this.open), onClick: () => (this.open = !this.open), disabled: this.disabled, type: "date", value: this.value, looks: this.looks, showLabel: this.showLabel, onSmoothlyInput: e => (this.value = e.detail[this.name]) }, index.h("slot", { key: '5f200a3545afa5d495c192d5bc9b1ef6a1b74a70' })),
|
|
9112
9109
|
this.open && !this.disabled
|
|
9113
9110
|
? [
|
|
9114
9111
|
index.h("div", { onClick: () => (this.open = false) }),
|
|
@@ -9167,10 +9164,10 @@ const SmoothlyInputDateRange = class {
|
|
|
9167
9164
|
this.end = undefined;
|
|
9168
9165
|
}
|
|
9169
9166
|
render() {
|
|
9170
|
-
return (index.h(index.Host, { key: '
|
|
9167
|
+
return (index.h(index.Host, { key: 'eff8d89442898e7d0c76faaaf3919b5ce233cf14', tabindex: 0 }, index.h("section", { key: '7e3264b5e891678c1d0f259615c19cd73b4a55cf', onClick: () => (this.open = !this.open) }, index.h("smoothly-input", { key: '19419d7025b1c0de880e9ec6527afd4d19cd50b8', type: "text", name: "dateRangeInput", value: `${this.start} - ${this.end}`, looks: this.looks, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
9171
9168
|
e.stopPropagation();
|
|
9172
9169
|
this.inputHandler(e.detail);
|
|
9173
|
-
} })), this.open && index.h("div", { key: '
|
|
9170
|
+
} })), this.open && index.h("div", { key: '1fceddbb6d71be9945453cf1d9a980c13aa68f1d', onClick: () => (this.open = false) }), this.open && (index.h("nav", { key: 'ccc0bb52f664a65ada43549fcdd7deef386d5078' }, index.h("div", { key: '038bf9d631c1ed9ab9812099ab643a3da9b9e131', class: "arrow" }), index.h("smoothly-calendar", { key: '7803ac45813372d6c4c79dd0ce9d60fdfa27c464', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9174
9171
|
e.stopPropagation();
|
|
9175
9172
|
this.start = e.detail;
|
|
9176
9173
|
}, onSmoothlyEndChange: e => {
|
|
@@ -9195,27 +9192,27 @@ const SmoothlyInputDemo = class {
|
|
|
9195
9192
|
this.duration = { hours: 8 };
|
|
9196
9193
|
}
|
|
9197
9194
|
render() {
|
|
9198
|
-
return (index.h(index.Host, { key: '1215fa3813856f7e015f66df4737a81d3909e061' }, index.h("h2", { key: '61ad4feccb4b58da0adefd722a25e9d51a55466b' }, "input-date-range outside from"), index.h("smoothly-input-date-range", { key: '3ac00e212815172a6bc2b8e417b4a7d808fec686', onSmoothlyInput: e => console.log("dateRange: ", e) }), index.h("h2", { key: 'bb3e4aff0be69ab4e123ea12c5ecb858db9b388a' }, "Controlled form"), index.h("smoothly-input-demo-controlled-form", { key: '7d230a7ab3fc428deeef2aa46e5214126bf43ab2' }), index.h("h2", { key: 'adb107e5fb2f13da97c790de058dd0c6390b6227' }, "Create form defaulting type"), index.h("smoothly-form", { key: '55c17d91e54a835774192fe71d78f2ecca08b1c1', looks: "line", action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '29d09bb2b921d361cd9853cf22e3504d37fe3d72', type: "text", name: "name" }, "Name"), index.h("smoothly-input-reset", { key: 'f77d0963aedd7cac040d0fcdbd9b9ca0b03a9c21', slot: "reset", type: "form", size: "icon", color: "warning", fill: "default" }), index.h("smoothly-input-submit", { key: 'e8967237311373844b141e4fee4fcb23ebcdbb53', slot: "submit", size: "icon", color: "success" })), index.h("h2", { key: '6b714755509b022b221ba3a90845a1d1bc89768e' }, "Select"), index.h("div", { key: 'd774f2612225b5d93c82dce754f94c510fd5e9fb', class: "select-div" }, index.h("smoothly-input-select", { key: 'bc427ab90947363ea6b6f86241e29fa841976156', name: "select-dessert", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: 'd1f7307b5fd069ec85c573669e2805637b28f76e', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '40d9ed925dd9148a05a69676c52730d3024e6c70', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '8184271900b00a7e058bf605cd84b5dfe6c85788', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '8ae746f72b06f5a80d99d1d39dfb543e5e713f58', value: "3" }, "Cookie"), index.h("smoothly-item", { key: '509bb6da48f036ade49676c425943f5bfe3625e9', value: "4" }, "Croissant"), index.h("smoothly-item", { key: 'd9ebd57c13454247a1ebaf6ebc4d9e907c0af12e', value: "5" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '78202d20c59007912f1fb7b57bbe6c391e7aab55', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'c45f2c017e003df3f67533d010634c75615093db', name: "close" }))), index.h("smoothly-input-select", { key: 'fae3f8a5ab14a446630d43fe92430a7e7b6aa2f3', multiple: true, name: "select-dessert-multiple", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: 'a82e550c748b459cf377505dec2a231761cef370', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '26a5d7b2f13150b49fb32d84ef02ca4082910f64', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '688af2893ac1be3ccee4cdd1f1519426063ffd2b', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'c7bef574b1c5f68d7c7d938e07972c697aa4e0aa', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '84dc2f5363554065fe36e9742932e1887256da34', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '189c9333adf57452d50be716fde7e2d622fceaee', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '9425b5871dcc5eaac832f33f7e6a8a4a7a358b04', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '7c31ed1a4bf4ffcd590c0c93b248f8d7b23da5c7', name: "refresh-outline" }))), index.h("smoothly-input-select", { key: 'bd652e368d2df360d7df789e306e030acf730d60', name: "select-icon", clearable: false, showSelected: false, onSmoothlyInput: e => console.log("Form Readonly", e.detail) }, index.h("smoothly-item", { key: 'b57bb5d7111057f68f649dff2f49e59614acfe4a', value: "folder", selected: true }, index.h("smoothly-icon", { key: '4e09e1fed9f20c256e23c06c0be1a59edcaa45ac', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '9d728f372bfc3647498932de44c7f7b05fab2d6f', value: "camera" }, index.h("smoothly-icon", { key: '49b9cc898280808b0a0bb2513cabe9fe2b668f6d', size: "small", name: "camera-outline" })))), index.h("h2", { key: 'bee0f8bc5285ae556ea9e4e2e42e839d04d55708' }, "Delayed"), index.h("smoothly-input", { key: 'f472c838e0b4d5bb9811a0d7edf115b75306a62a', name: "Delayed", delay: 2 }, "Delayed"), index.h("h2", { key: '554be48edeeef7fc33c78404093b92be8667946f' }, "Editable form and Input with Clear and Reset - Readonly"), index.h("smoothly-form", { key: '17006bab5a88d171b0c15c67b46ec4d72e4a7fa4', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'e635e01e65f0835a77f262c1abd10c186104b4da', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '11857a6509e04b8b64b7da544ddfcfe16ff5d597', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'a2fc0c593fda3988411005ca3b9233457f66ce16', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'b523c57392c9940eaac43e5db98060736d2d0bd2', name: "close" }))), index.h("smoothly-input", { key: '50ccc636e62eb303fba1a6da89209d3c22049432', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'b0f34b4494e8b083d000d408f21db93bdcfc37bb', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '51ad5ee61dfbe0a3f4b2fbd2d5cc7841348b644b', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: 'ebe62aa3e58824acc43c4f34340d59724f75077a', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '172ce5c9675951f161f63132df8026dfbc99bc2b', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'd657ddfe79351182dd3f1780bbced6275f98cea9', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'ea7ac1e5bb34e7b5829db338f9ade770c7546689', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'cfa99f8169fabab3e5b037a6106588665d01f761', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: '2747beb05d7975babd2976abbf1ae1c0eac94c25', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '7626e3a4397210591a1a51c5b8695a4947b8a507', slot: "label" }, "Month"), index.h("smoothly-item", { key: '523b92fb298fbc9209566dc8b63b890d5183bfcb', value: "1" }, "January"), index.h("smoothly-item", { key: '86f49653fe5f21907511e4ec68814cecbaeec1a9', value: "2" }, "February"), index.h("smoothly-item", { key: '6d7febb99af82d517269a41028940f6a8bf48967', value: "3" }, "March"), index.h("smoothly-item", { key: '7adb7a98f81d16e7ed98342268c4211188840c22', value: "4" }, "April"), index.h("smoothly-item", { key: '7d27c7ed6ac538814042890886a9dd6adade05e0', value: "5" }, "May"), index.h("smoothly-item", { key: 'c3520b82062e1630e7a786ed2c210e94f327587e', value: "6" }, "June"), index.h("smoothly-item", { key: '8ef88514cd3d73df341cc8b8ec6531d3a8f0b235', value: "7" }, "July"), index.h("smoothly-item", { key: 'c808d8e78b84460ae2514550c173ad2759bf8031', value: "8" }, "August"), index.h("smoothly-item", { key: '9cbe49b7f89ed2ce3fccfe4783dca2ebe0f18612', value: "9" }, "September"), index.h("smoothly-item", { key: 'a5306788918500cbc4dd8fe479dd04096d665979', value: "10" }, "October"), index.h("smoothly-item", { key: '859c9b7e924bc6b4650fe56468b6ec5faef2e157', value: "11" }, "November"), index.h("smoothly-item", { key: '27d074e53f59b346218f349f61328933f851aad5', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '302094237c5c596202e89fa3edfbfd13e0a74853', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '3e5974d673b8c0197a22e5b462d562928b80704f', name: "close" }))), index.h("smoothly-input-select", { key: '9cf9df7596e87541c62e276e0cd7bb04714b0169', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '7974f8440b3e59cc56eca9d428a1896cd64d51e8', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'cda116cef348cbdc9bad909f81b1d5cf9fc50c2e', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '5b94c3d038485e5384a2f7f02815c7a5bee896bf', value: "camera" }, index.h("smoothly-icon", { key: '79a1e33e63761ab872cd2db917a82331114cca61', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '6909b64f2465acbf64c6d84a7d0853a330115ab7', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '07e05d315a8f428e32df31ee8bbab5f05289434f', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: 'b435f0ec164150cca1690f4a11cc34814a024522', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: '9355af88fb6d18cfdf561c49f64c1eb0f2da91b1', multiple: true, name: "animals" }, index.h("span", { key: 'fc5a857b71e9b2b627b8173f8c61b36566fc0e74', slot: "label" }, "Animals"), index.h("span", { key: '864c4c86f1f54c61ea4da82177938e7bd08d7102', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '6614c533ccc9e1eea37e800cc4a16b3a5f539830', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: '91f6b9790f13a6a78e52ba32313c870c1345ca8f', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: 'a2d61cca779c8a77d1df6d7fe3663f5a2eb638a9', value: "fish" }, "Fish")), index.h("smoothly-input-file", { key: '29a68b3eefb65da8ed5a0fdb1e5f7b04aaeee235', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '6ef422dd3518c241099cca0cd9b0a1a74b38c08e', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '01c630ba83443deb6712583f37f54c75f7a5e067', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-edit", { key: 'a5cbc754661a215da0a2b22aa00b82eb4849e253', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '23175c76b4ffea469bc4cf02d4528086bba3a34d', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'd447a9922e7f4dba5ee845cd12cb1db1102c4ed8', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '1a7f521e615de4a94ed7fc4c45aa6e123bb4a2c1', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '8e1a8cf114c54da35944dbfe5df5282d713f1fbc', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: 'abd5ce6fb387126bf03d7ce94975ac7748624206' }, "Editable form and Input with Clear and Reset - Editable"), index.h("smoothly-form", { key: 'cd4d81ce2535b9781511453841d83d9d7331a783', looks: "grid", type: "create", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'a487a9c0b4f6dae64207bebcf5e58dbaab54e701', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '52272bc60e52273078a93dd6a4cf8fd3b3989d3c', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '49533adb0e6506edfcfad02bbf73d2cb9c7c2371', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '403a54fb387af1944da795e05ea07be8ba9bc224', name: "close" }))), index.h("smoothly-input", { key: '6e2299d7bc58bcd62c941bf4692a95cbc00dace7', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '199e064ebbdd897a00b1c0671c6469f4c01824ac', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '5ed0e58504a1e4d5b9db9f52b5afd53e8c486b7c', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: '09d3b2b80dc63e8a92392a2f1c45f83d8b1e0bfc', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '664996190706ccaac5456b8be32f9701ac594354', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'a188425712917da676ebc5bbbe04b95d959e9330', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '3659fbb24061b2a5418078ff5b5d7d5329cfd93c', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '152a1a31a6618d5482c774bc5da76269f73041a0', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: '91b88a7ea06d43d1c8823df97c26aa502dc06c2a', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'd9da4b0efca847df4d6c31ed3e33e21d81728933', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '7ed6ef915782784c45bddfab5e248bcbf8f14cb0', value: "1" }, "January"), index.h("smoothly-item", { key: '459f3883e12b50ed542946efb357fb65e293a1b4', value: "2" }, "February"), index.h("smoothly-item", { key: '909c40a4a27adc5210a316de81497be31748e028', value: "3" }, "March"), index.h("smoothly-item", { key: 'c2ee66c9bcfe22ec4e84c1d3e9ddefdae3c2e051', value: "4" }, "April"), index.h("smoothly-item", { key: '33bb31d498e6d5c03fb69376dd6e1e5780c054f5', value: "5" }, "May"), index.h("smoothly-item", { key: '522f10798e6e4c35408f5f93c1195a9ce4e045b1', value: "6" }, "June"), index.h("smoothly-item", { key: 'beaeca367571495863dd984d92cc8bfecb019a69', value: "7" }, "July"), index.h("smoothly-item", { key: 'ef1f131d2562c396e72ab22e90dbe5dc3fa4fa2d', value: "8" }, "August"), index.h("smoothly-item", { key: 'b1431b277aedbc5d712ce893b344368bacb4c5ed', value: "9" }, "September"), index.h("smoothly-item", { key: 'b7daf3ce6ac171b04124a28784cf7a380ca22e41', value: "10" }, "October"), index.h("smoothly-item", { key: '01cadada1528c16a37925e3902876fedd9d220fb', value: "11" }, "November"), index.h("smoothly-item", { key: '620a46d485bab7747a752bdfb5f6ba41392817e7', value: "12" }, "December")), index.h("smoothly-input-select", { key: 'a10aa232ae7dfb28561fa077558fe29e244f559b', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '3a9729be9781c54d6208e4d393d1e4ff304ac4b6', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'bb07de709431098473879f79810fe0f2dc375efe', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '78cba61bbcfd991fb225a9f3aba781688a513164', value: "camera" }, index.h("smoothly-icon", { key: '8f13669bc723ebf7de52b66a0adb77197ce7c496', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '4b0d9c5e12d5ba5cc54dcdb32a6ea68a3dd430cb', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '7291b702eb45f417b5c70360ab9bd28594a90976', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: '38e0c50d17b4e38821adda230c1973910c204ca9', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: 'cd622e85c2f15f4ad7122a5c225522e076d2c343', multiple: true, name: "animals" }, index.h("span", { key: '74fa0e7180f0281ed155a92b5e865e044121553d', slot: "label" }, "Animals"), index.h("span", { key: 'f59e0a0d0e4369c66a5de19a2d83644ea17beda2', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '00e50927f8a558adf7b7a5d209c9225851c0b973', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: 'f66aff677adc4686cbac35c412bd10b6b9514bac', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: 'de226dbb3e890dd2e643884c685611e9b5aeae0c', value: "fish" }, "Fish")), index.h("smoothly-input-edit", { key: 'fecea311b3cd80e6f40e75692e1284c4b6544b2c', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'b2a2da40677dd72f7ab4cf63204fe0a237aeb462', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '8af3522d8919eb9776145b6f38244c94f9df9279', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '9159d214a9dd01b4035cae81aaf23a57c6f24efe', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '9e2875aca7abba72bc2cce825e00c7642d834f5e', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: 'd12221f1ef369f7a4a50ae34a437859b8a48c1c4' }, "Color"), index.h("smoothly-form", { key: '5f0ce1de43b96333cd7d4f7c9ae0705de9c36e46', looks: "border" }, index.h("smoothly-input-color", { key: '3a743bbe083702642c2e03ce96c2c43f6c38a864', name: "color" })), index.h("h2", { key: '0fd8f2221f848f245d14827f3114abe2b6906412' }, "Range"), index.h("smoothly-form", { key: 'd54c64fce0bcff274b662703eb478e316f381fe4', looks: "border" }, index.h("smoothly-input-range", { key: 'e9b20be21074e49642f503d061be83a548e30c68', step: 1, name: "range", outputSide: "right" }, "Select and so"), index.h("smoothly-input-range", { key: '0b82380d9661c3300c2f1b16dd69591bdaad0888', step: 1, name: "range2" }, "Select with really really long label", index.h("smoothly-icon", { key: 'c2917ce462cf08cf2aa25f4c033b29c3931bbd82', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: 'cf73397d2ebb1f24e34bc15537098a39725eca00', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '46da3866e38ad3b7405d9f6ccb03c3e388f7ab63', name: "close" }))), index.h("smoothly-input-range", { key: 'ad383d9a4a9cac547e370f482a0df3be58d2c85b', step: 1, name: "range3" }, "Select")), index.h("h2", { key: 'c3ce46f02879c293bbe7203727947e4c812c1cf9' }, "Duration"), index.h("smoothly-form", { key: 'c4f99b85e7f64a5201de88359d9209eaa39a805c', looks: "border" }, index.h("smoothly-input", { key: '8454a8949eb4f6af503b827b4b035b3d66f7ea95', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9195
|
+
return (index.h(index.Host, { key: 'a18172287145524f828ce910cd5a49b4bc57c833' }, index.h("h2", { key: '4c1ed08d794f648260a2b1cefaf0092181b581bf' }, "input-date-range outside from"), index.h("smoothly-input-date-range", { key: '657c56ca6fdd6fa8b9284e882cac03255d98795f', onSmoothlyInput: e => console.log("dateRange: ", e) }), index.h("h2", { key: '0150c3fb47ace22112b596b772e904654236a680' }, "Controlled form"), index.h("smoothly-input-demo-controlled-form", { key: 'e1038699d11b2d22ca9c88fefd74cbc5ed8cf0cb' }), index.h("h2", { key: '571032e449362d616d76daa2606cc7564c5a5817' }, "Create form defaulting type"), index.h("smoothly-form", { key: '76320085112f8672ade3ab236ba38c387319382c', looks: "line", action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '55cd0465eae8c96dd1a184edb8b116778a0572f7', type: "text", name: "name" }, "Name"), index.h("smoothly-input-reset", { key: 'e70c1299c6808cf80e58d3474bdd6e37d1ececb4', slot: "reset", type: "form", size: "icon", color: "warning", fill: "default" }), index.h("smoothly-input-submit", { key: '2f584342ef97051de9ec14cd57cb6e586295ec1d', slot: "submit", size: "icon", color: "success" })), index.h("h2", { key: '430f49d7c916ed3bb7d857d4067be321f652f514' }, "Select"), index.h("div", { key: '8702c8869b2ec513d2820c44f10b563bf3e65854', class: "select-div" }, index.h("smoothly-input-select", { key: '590e2e398f7d3c58a7a92c6156f5bb4797abf9ed', name: "select-dessert", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: 'b6da3a98998f687fd1ed8ce312dd6b443be96db2', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '8249c0e1db9145818b6d83f839a00cc2cad313a5', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '18bbc22f281d0ede24459af913cd21e0d16affe3', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '93084dcc6708c496c7587af53d8070a35bbbbe84', value: "3" }, "Cookie"), index.h("smoothly-item", { key: '9b143086ca84c15d2850f93f638ae2d281f01a11', value: "4" }, "Croissant"), index.h("smoothly-item", { key: '9c59f66f23400913edf3c876f59851f3f7bc691e', value: "5" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '992e8cd0e370d4d1ab83420d2c39dd0e5c61643e', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '02b8305c5eb595c2aede9fdf4a398ee603fecba9', name: "close" }))), index.h("smoothly-input-select", { key: '1dc25beff22eb25c1ba855e730a7cd14aea6332a', multiple: true, name: "select-dessert-multiple", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: '4dba01d44cd20992065d65859e1ced84f839c97c', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'd45aa23e5e5c3c283ecad6925786afbbe0faa5e7', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '714e233f9325cdba811d12bfe8b23ea6684fce17', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'c2e553810ec24c02e0f448000d728efa7e998971', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'da506cb4c6ad6cbfaaed2b641e5937cd2c4c08b5', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '1949ef0d61aa3b7310a82b675b87ddd8be6c2cf7', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '6ff1607af9c8ed64d46ddfc7256732f2e86ac9c7', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '34c92cb4fbcc5cf3e84c691c77df11fd7e5c1cb6', name: "refresh-outline" }))), index.h("smoothly-input-select", { key: 'c03ae695635bf3baead6849da93e0f7be5d64dd0', name: "select-icon", clearable: false, showSelected: false, onSmoothlyInput: e => console.log("Form Readonly", e.detail) }, index.h("smoothly-item", { key: 'd57e9da3917b888a7de9283d0fe9bca12aae03a1', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'ca468fbc55b406d589d8e2ef8ba247c93c87c8e8', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '5adab92d2847be82eca989f943895b14886c5a5b', value: "camera" }, index.h("smoothly-icon", { key: 'f21b4db63b5ea15ab6c31f92b933ba7bfe03aa6e', size: "small", name: "camera-outline" })))), index.h("h2", { key: 'afdc384ccd286fef48dffe1fd5190bbf044f7504' }, "Delayed"), index.h("smoothly-input", { key: '415d512123b041b3c5a4c9b2024413226c1ab05a', name: "Delayed", delay: 2 }, "Delayed"), index.h("h2", { key: '2162d8c0bc3a8b52981904193154f841581c6e85' }, "Editable form and Input with Clear and Reset - Readonly"), index.h("smoothly-form", { key: '4587758af0d5407be23215412988a7eebba37186', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '45ad6ab627f9b287ee56f048ce56c085d0838a70', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'b7c637ff972e0f95d266ff57151d6e6a97c5ff21', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'a99ad99dae9a117d785189ca0f469a2deaab35b4', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'ab49e42c284862d5678440e2b663e0e4b43150e8', name: "close" }))), index.h("smoothly-input", { key: '6214f1df5092fdbcd6b971337d6b0eb24d0fce11', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'e349538f30386693a2fdd2497db2778bddd784e1', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '40bfb07bb757ef8ce6e505a00e612587cd9d4d6e', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: '113d63513165bcd4646698859a6a5d62ee5319d8', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'f1b7259c287ec81cfd9e6b2370372851d1be9080', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'e752b94b0fdd0b458821b7e4e76e4be870dbe8c4', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'd7adfdc6f11ca5dac4f8fd29bb6cc5bb3ebd6c47', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'fad24d1ca9eda4ad21fadb2bcd2c81f5d6049fc5', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: 'fe4c7a1f55f0a49ad4fbfdabf3952f87865185a6', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '4dfa2b10687baf64d617574196d2d8d38f470b7f', slot: "label" }, "Month"), index.h("smoothly-item", { key: '6420ee28a88b24457040361bf57fb704878cd75a', value: "1" }, "January"), index.h("smoothly-item", { key: 'ba9974b1d83bb59c9bc4a700b1f6de634cf59d7f', value: "2" }, "February"), index.h("smoothly-item", { key: '2ce3be3de2c5e2f8e59c03e4531cf7afd89b266f', value: "3" }, "March"), index.h("smoothly-item", { key: 'b985873a806ebfea8fba8a460c81dbb952d73db5', value: "4" }, "April"), index.h("smoothly-item", { key: '325d162e557f1cab7b587cfc3c06cb90f2cff789', value: "5" }, "May"), index.h("smoothly-item", { key: '9ec7927d4dde29b290dc28b63b9b1bc2180fcf2c', value: "6" }, "June"), index.h("smoothly-item", { key: '13b985d84bd79064a9fe901ab5dcb15ed45916f2', value: "7" }, "July"), index.h("smoothly-item", { key: '5aaebb089834d1ae2cc7f6e1841853a3af0a110d', value: "8" }, "August"), index.h("smoothly-item", { key: 'b8136c8857d1cbd56419c55cbe1c67e2cbc2b7e4', value: "9" }, "September"), index.h("smoothly-item", { key: '19813c1bb75704705a65dea63b75d79b16d0bebd', value: "10" }, "October"), index.h("smoothly-item", { key: 'cec3ce17951724536df0a45d78f9c8d093ea2053', value: "11" }, "November"), index.h("smoothly-item", { key: 'd69fd0584c43a53ba6bb70f59544627cc700832b', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'cb124172941f418c58f0be145f52084f883e9d89', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'e04e0ca6571a7ad658291dd23975e52d465e0ff0', name: "close" }))), index.h("smoothly-input-select", { key: '95f7f12c51d123fa7484c8ade3275eeffb5eb5d4', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '346bedbbff5ecf74e7aedb607e62eac3f0b12555', value: "folder", selected: true }, index.h("smoothly-icon", { key: '0fcad5fe0278ce891feaaa5b203550e83a709f96', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '46aff12a2385675d6fe8ee8ba4d9dbcd52a0f47b', value: "camera" }, index.h("smoothly-icon", { key: '5025510ae754296afa6b51bd6f13a4e44c61ce70', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'e2c37216d642209e8fac61325fa7eef9250c9625', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '3a125c70a717aa4125dbaeb32f192d11281e5283', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: 'e4d676e690f2d25f9a93eedc6653a1c1c137fa4b', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: 'e10c7ecc88fc43f5b415870fb27dbb6b2b8c820e', multiple: true, name: "animals" }, index.h("span", { key: '5cb86fe353f4c57a66c867ff039bad2407577ef9', slot: "label" }, "Animals"), index.h("span", { key: '515e4b61e8c86983f747b3109a9c0adefdb29a60', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'bf522ff4b870df6a9f73bbbe824d988f596ec4f3', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: 'adcd8b0482256942fbe5873ef31d07b1389c2fd0', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: 'cbd246edf2ae3c692f218a3f06e1d9f1a36c9849', value: "fish" }, "Fish")), index.h("smoothly-input-file", { key: '0be0cd6dd01d71f66d6c5329d95e0d85ff55bc8e', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '44f74dd43a3b86cab74c7daf7a86d30bf7f8fe31', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'ad4e6fa7ddb2480f6be39c9597fd1db9d3e65a9a', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-edit", { key: 'd0a0cc02f18935103c479e6506ce348634351d50', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'daaeab894a7f14d62b1967da251120df25c0fdb6', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '8ae4bf4f7191d06e9facba7cdbd232aac827a94a', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '89e5ca845e24b3be39a5993f5927b5e15037ed9a', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '7251d7511fb5772c4d1699ae437063c6b02610ed', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: '48f6d04c062724c7a38a0e2e488233b521bb63a6' }, "Editable form and Input with Clear and Reset - Editable"), index.h("smoothly-form", { key: '9f1d9a81c99e86b50d8c7902084d9b169ff10c83', looks: "grid", type: "create", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '6508bf09e5383336fc18e7ee4f172f6dc4415edc', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'fbb4092128ff2676cdda9b9f3c236cab21e32fc1', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '9574ccfe8f0336b678f52a589b2279d18c050bdc', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'df2117aa9cdfa133cdceabbc4d94f266969f4d78', name: "close" }))), index.h("smoothly-input", { key: 'a27c29d7d8496303c20731a7d0198a4e3342832d', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'd2de98613314c257c0bada64f5ff90b5722acc56', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '53c05b04140b7aa5b19d32d2d817111d25641a47', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: '3e629507ca64d59255dede5b913155038f2d6e3b', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '7a083d10c3e8d488bdec59365caaedb99f85053a', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '8ee1184fa43caae3e3c30481552f50ee4c5f9594', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '8b53ed2547cb3ecfc0d3d307c5f21e2a846edf81', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'd41a0d307c38143b37e9b18ca056ddf42c2e825a', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: 'e5ec2e2746724e7cd9266a03ed6efef4cddb553f', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'bdcbdd78016bbdfe463f402d206caf1438d4a310', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '3470066989f5c1252dcdfb95814f561cb8c10237', value: "1" }, "January"), index.h("smoothly-item", { key: '7c3db90e908b117bbcd0082d53409b56e8f37034', value: "2" }, "February"), index.h("smoothly-item", { key: 'd27e11bd4b93a48aacc06b992af29334e0ad2b34', value: "3" }, "March"), index.h("smoothly-item", { key: '112687eb906e37d036d8a2eefb0e121829871abe', value: "4" }, "April"), index.h("smoothly-item", { key: 'f3afa1f2a9b6b8a8a3860d1beadc27b83e0b17e8', value: "5" }, "May"), index.h("smoothly-item", { key: '887a2b201c8dbf856cb76f42fb6d210ff3b66fc4', value: "6" }, "June"), index.h("smoothly-item", { key: '56aae5064bb161f33fec467fa4c84123ab6215aa', value: "7" }, "July"), index.h("smoothly-item", { key: '76e40a0ef514948a3a638ba928fa0d5f60a2e6ca', value: "8" }, "August"), index.h("smoothly-item", { key: '12d25749ec8dd996931be1872025b5938eaf238d', value: "9" }, "September"), index.h("smoothly-item", { key: 'aafc5481129ba506a7d6f3ded6c2da9f7f78394b', value: "10" }, "October"), index.h("smoothly-item", { key: 'a5ad83ff184c4a11d9fecf290ebb16974f52d953', value: "11" }, "November"), index.h("smoothly-item", { key: '3790c18259b6a1348282bfd66fdcab4e0dabfc25', value: "12" }, "December")), index.h("smoothly-input-select", { key: '8250edacab3addb78e4bacd639d0e206e74b2503', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'a47de43656252381d66d180afe72e92f567139b4', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'c381b696fa84720639d937f8898126195dab6d31', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '71be0d7a1d02c99a3dbf6dfda9557c985d3968f6', value: "camera" }, index.h("smoothly-icon", { key: '98f9d40a8a79cc4753b728bfaf86cb7f10be9d14', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'a92872e6bd17307c929896ba9bb42b734120c7db', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'eb0a70e395f6af0521ffedf5263fb84b69c1e517', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: 'b06ab2711428ed0c86e3a04e513752b74cbd8dcf', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: '248a86fb082e5cfc7ce9ea758c9eba820edb7709', multiple: true, name: "animals" }, index.h("span", { key: 'af37fbcbb5e050d534993186b33786e13191e967', slot: "label" }, "Animals"), index.h("span", { key: '094aa025b280d7c7ecdebdfdd9aa46111af8cedb', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'b97df0eb296843b77abb34a74d1480adce6b1fca', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: 'fcd023db75d041086a108761a2a265289e443f94', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '1297f9168f04748facc7d5c79404a3c126f26fdb', value: "fish" }, "Fish")), index.h("smoothly-input-edit", { key: '0f05feab27c4eb747c6ac4f2b4edaef06a13ce99', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '542f77ed106e0170446f8f18caa62d08b90a2ed3', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '632c04dae6c12fb1c2dbf09bcee5874112046568', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '7299438235efdf44117e1a1b45913440f75bf0f3', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '6ae6f72fd0b3fcd94f81865e0b8011ac99f5c380', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: '256fd0496edece77d2014bed602f384fcbbf3f34' }, "Color"), index.h("smoothly-form", { key: 'e53cc1dbf2af9eab3b32d17e40b1ba7497aa32df', looks: "border" }, index.h("smoothly-input-color", { key: '39c7a7d830404d242cd6b9e7aae7f833e5408002', name: "color" })), index.h("h2", { key: '84d9f622cbfa4220e4639fb403a8c18cc35dbe30' }, "Range"), index.h("smoothly-form", { key: '42d7afa17280edc8084bfe661a131504db0dad41', looks: "border" }, index.h("smoothly-input-range", { key: '82159b4c15a392e1e184799f54b7faec78dc0961', step: 1, name: "range", outputSide: "right" }, "Select and so"), index.h("smoothly-input-range", { key: '1691bab087302ce21032ea2274c6b5fc9b57f978', step: 1, name: "range2" }, "Select with really really long label", index.h("smoothly-icon", { key: '9dc0a556ed0c74096587fd9dc54bb2f155c9825c', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '054c44ad7f726dc430aaeb3b8af46162d49292a6', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'c7259afd25db4745443c4bae9ac300648ee98f2d', name: "close" }))), index.h("smoothly-input-range", { key: '29a18fff7ee19827c8b2b2fdf15e9173db76ba50', step: 1, name: "range3" }, "Select")), index.h("h2", { key: 'f4329ab1b51ac26e98de81fe7b57d0bdf2784db1' }, "Duration"), index.h("smoothly-form", { key: '01a3cc25fd573fb29f685cb87d7a3c86ff723d4c', looks: "border" }, index.h("smoothly-input", { key: '3b0ff0301cc19b84a858986fce62370d0261b8fb', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9199
9196
|
const duration = e.detail.duration;
|
|
9200
9197
|
console.log("event duration", duration);
|
|
9201
9198
|
this.duration = duration;
|
|
9202
|
-
} }, "Duration"), index.h("smoothly-input", { key: '
|
|
9199
|
+
} }, "Duration"), index.h("smoothly-input", { key: '77b8555981cb2b028e339fbce82fb1bee38f4da8', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9203
9200
|
const duration = e.detail.duration;
|
|
9204
9201
|
console.log("event duration", duration);
|
|
9205
9202
|
this.duration = duration;
|
|
9206
|
-
} }, "Duration")), index.h("h2", { key: '7779d6e22a9a362d86bb11ed18605c0054cda23e' }, "Transparent inputs"), index.h("smoothly-form", { key: 'c6fef1a36835bf7d61b1cd924dc9a4bcae1c130f', looks: "transparent" }, index.h("smoothly-input-file", { key: 'c6351e2d439220cc7eb6f303e1243728a7ccc4a6', name: "file" }, index.h("span", { key: 'd8cd4045a74bcd95ed6b5002d6e8385de177e88f', slot: "label" }, "File"), index.h("smoothly-icon", { key: '057db41535c4b46f5e711f78f50d03713a106297', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: 'd56ffba2147adfa2e3a75ac2327a497d0d2804ba', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-picker", { key: 'e7fff5c3991699745d45384466832b91324d2e02' }, index.h("span", { key: '382102b879ef4dd626f13fbdea605ae1277df415', slot: "label" }, "Picker"), index.h("span", { key: '19e1e8714bfed162025b15d3600bfff47166a448', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '8ce7f1975373d909a3fbdc37e97cf3b222d744c8', value: "circle" }, index.h("smoothly-icon", { key: '40335b1893c1bed37e3857952aba335552b5a142', name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '66feafa17df4afa3cedb3316e68112da22c6f336', value: "square" }, index.h("smoothly-icon", { key: 'f1777d39de08cfb2edfad1d17506ccd9c2a78bfc', name: "square-outline" }))), index.h("smoothly-input-date", { key: 'f7a1b8db69c58be13dcd03dbd43493a3bb98348d' }, "Date"), index.h("smoothly-input-date-range", { key: '91c2ad5d204603b728f603b3857cbb8e3be6b165' }, "Date Range"), index.h("smoothly-input-select", { key: 'dd0d605349e12e794ec4cd86ce5e374b49c48785', name: "transport" }, index.h("smoothly-item", { key: 'f1cc9d5502b4325d93862b94dac908f676797e8b', value: "plane" }, index.h("smoothly-icon", { key: '45946e2526283644686d6b6c711100a14296c1c6', name: "airplane-outline" })), index.h("smoothly-item", { key: '922b399bf7c265b4663c35598e23e63066511b94', value: "car" }, index.h("smoothly-icon", { key: '0c129c718a70d8b18bee4dcea0e0c8e974b9b82d', name: "car-outline" })), index.h("smoothly-item", { key: '1ad384a9d96aaaee269a158ec5e06c6386b57e90', value: "bus", selected: true }, index.h("smoothly-icon", { key: '5a4321ed31daad7e5026961d5803310cc244765a', name: "bus-outline" })))), index.h("h2", { key: '05b8c7dce285985ebf4036acece40cdd1e93f25d' }, "Submit"), index.h("smoothly-form", { key: 'f6ff61a77a08ded4ed6671570349577d3d44c821', looks: "border" }, index.h("smoothly-input", { key: '92ea909a095d5e3f4a9d5fdc40b326ab3f0d9691', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '62550b4fdcfb1f5531070fda0970f8d9c91bafe1', type: "password", name: "password" }, "Password"), index.h("smoothly-input-clear", { key: '8d6f7b5db5c6c2fd1aaf98ab7337f49aa0c3cc7f', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'a9fecc823d2b041ae4d33c0cf1abe3e9c5d29acf', slot: "submit" }, "Submit")), index.h("h2", { key: '70c97a87843260740c50716a53f4dbde5fcd5d3d' }, "Prices"), index.h("smoothly-form", { key: '9a92aade72dafb5e99d0e1d7368965d476803909', looks: "border" }, index.h("smoothly-input", { key: '78a2e851ad7f99125662aebea48ab73a93f667e6', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: 'b2fc26eae196bd7311404e952ff6b3b6432a4cf1', type: "price", name: "crowns", currency: "SEK" }, "SEK"), index.h("smoothly-input", { key: '478a46a59760be83c6f71422efdd39678d625667', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: '73ac2d3d0c354c7054452646575a117d0a0eb14d', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: '1566f40e46c609454fd5bdb821aa99bd53b7c549', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: '760536e48acb406f9f319ce8595f264eecb33268', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: 'd5c3491a579c6b1132fff0c4cf798d2591f3d2e0', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-clear", { key: '91240b8f353c684de720c2ac704e7152017ace5b', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: '15a350c624f28b64225c45d2366281e9586ca150', slot: "submit" }, "Submit")), index.h("h4", { key: '5f8f8861f60d6e4c55a981cde4f1a36194db9fd8' }, "Clear"), index.h("smoothly-form", { key: '8a381d2acf6a6cd0a19c121ea66dab3594cf0a6a', looks: "border" }, index.h("smoothly-input", { key: '74a914654484f248a682aa51bbc20dfdd2a9a64e', name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'a0891a807469e88a08382b82b590f468abb857be', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '2bd164636e8a12db88df2d639a69d2529760a017', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'a3548191f9c275d99d69261a6de9af5e01f21dd7', name: "close" }))), index.h("smoothly-input", { key: '5427830f9b28feac9c1fc3321f833fe3dca093ad', type: "phone", name: "Phone" }, "Phone", index.h("smoothly-input-clear", { key: 'f166ca0cc6cca76e895b0e0cf6a82f3b0756af2b', slot: "end" }, index.h("smoothly-icon", { key: '4cdddaeede510a2331ff27d427332f84f4e9fc62', name: "close" }))), index.h("smoothly-input-clear", { key: '425f562ad470c70fe7f33a93e776a588295614e8', fill: "default", type: "form", color: "danger", slot: "submit" }, "Clear")), index.h("h2", { key: 'c7bcce529ec99529a533e672d15f35eb2c8487fc' }, "Identifier"), index.h("smoothly-form", { key: 'fa9336c9a2cb4f15fed75361f1bf03edd8cf1a7b', looks: "border" }, index.h("smoothly-input", { key: '5f93a4ad07119f3694b50b147cad9dd3cb1d88ef', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: 'f01db2b08acb6661e09df4504f9cc573b535e125', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: 'd01b027b158a5daf8aa9c99e040696927d41ba85', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '048def2adc1a733f97e48ec0fb8562c4175e5ce1', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: 'f683bb7a7846e49fc69fec57f75e506524d36151', type: "identifier-camel" }, "Camel")), index.h("h2", { key: '9f13695bf5d21f036e1092e781600382b2714da2' }, "Border"), index.h("smoothly-form", { key: '36b5692bb31eeba5a9a11a45d33b81c5ee4c16d0', looks: "border" }, index.h("smoothly-input", { key: 'e0a15b201878eecb5ddca18608972463e58da58d', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: 'ef7429536b1b2aca1f76a2eb685747a187605138', type: "password", name: "password" }, "Password"), index.h("smoothly-submit", { key: '0f434ac5879bca22c8c17f8cfbc9327f6dd50207', slot: "submit", onSubmit: (e) => alert(e), color: "success", fill: "solid" }, "Send")), index.h("h2", { key: '1481427d718e2ecb35bf68ed4236ce9cf4198f1b' }, "Grid"), index.h("h4", { key: 'bd94cab04e8eb4b7b73d59f9bfae8853e0b43f2b' }, "Contact"), index.h("smoothly-form", { key: 'fd55f49df03828977a02b06e901be53ef0dd33c0', looks: "grid", action: "https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe" }, index.h("smoothly-input", { key: '13867ee88dfee0d0228d65d1eaeb3d3a5b7130f9', type: "text", name: "name.last" }, "First Name"), index.h("smoothly-input", { key: '6e291edc00b9446e3c4b6bc5dc18406faabbdb4c', type: "text", name: "name.first" }, "Last Name"), index.h("smoothly-input", { key: 'e4d2df6ffd7008c0cf604579df3160245d822c3f', type: "text", name: "street", value: "Torgny Segerstedts All\u00E9 87" }, "Street"), index.h("smoothly-input", { key: 'c0c079d3d65f93c2dc979bdd1eacf0974fccbf50', type: "postal-code", name: "zip" }, "ZipCode"), index.h("smoothly-input", { key: '69d8b6a4713ece1ebb52f9082f5efa335a2754a0', type: "text", name: "city" }, "City"), index.h("smoothly-input", { key: 'd8a303d89f3d0e1d967df78adc6c41cb2f774420', type: "text", name: "countryCode" }, "CountryCode"), index.h("smoothly-input", { key: '4d3e3d602cf24a70c41180793b5402285d5ec1a7', type: "phone", name: "phone" }, "Phone"), index.h("smoothly-input", { key: 'de05a8215e704cfd695b801ced15794015a4cfbe', type: "email", name: "email" }, "Email"), index.h("smoothly-submit", { key: 'ba51d56c490ab7c58b2c1e12ed47e5a480121427', slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: '6b40fc80616aa29ab2266748b576e06af7759d6e', name: "checkmark-circle", slot: "start" }), "Submit")), index.h("h4", { key: '0555c060a35c08b77ff7a81846040e6e27d06ca1' }, "Card"), index.h("smoothly-form", { key: '28070d05c1fd414bc480006afd4f14278d5922b5', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, index.h("smoothly-input", { key: '276f0cd238b091efe2d250162f72ed5264845434', type: "card-number", name: "card" }, "Card #"), index.h("smoothly-submit", { key: '0c100630f3c28e4b0074f2d5143d79ef44283bc9', size: "icon", slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: 'fb85158b8a6b8e6d5ba6590416509d7c1e37ee7c', name: "checkmark-circle" })), index.h("smoothly-input", { key: '17afda36f1a24270f0bb82baa80813e099313209', type: "card-expires", name: "expires" }, "Expires"), index.h("smoothly-input", { key: '2b50bf6c2406bb9e1e70407d0e82b5c34d7247ab', type: "card-csc", name: "csc" }, "CVV/CVC"), index.h("smoothly-input", { key: '97d1788e688339917e4cf766a80c79634dd7bb7b', type: "text", name: "name.first" }, "First Name"), index.h("smoothly-input", { key: 'e0277956dca71c4e2b6f997c4fe876b7d4426298', type: "text", name: "name.last" }, "Last Name")), index.h("h4", { key: '794abad8cbb2ef9809fb6dec5b14c473b24f8966' }, "Contact"), index.h("smoothly-form", { key: '63dd07f9ff049ce65cf26432d5de1801035a7d0d', looks: "grid" }, index.h("smoothly-input", { key: 'af5e039e42434dcaf2f5e93885bac35807617b3c', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '8ddf1e6f4acf569ee7c4e0358892a80c65250d99', type: "password", name: "password" }, "Password"), index.h("smoothly-input", { key: 'b6a59798a11f1716632ba56e1deb4e2a358ba110', type: "price", currency: "SEK", name: "price" }, "Price"), index.h("smoothly-input", { key: '356ec32dcdc52fc16a4ac717f635012401dc1ecf', type: "percent", name: "percent" }, "Percent"), index.h("smoothly-submit", { key: '6d50b785d068e73ef8c68cf40ed8458b77749a7c', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: 'e33c60e07ffb838cc777c8bc5d53b69bdec30df6', name: "checkmark-circle" }))), index.h("h4", { key: 'f522a638c9b15d7686d6108b1bb810bd0fc140a9' }, "Random"), index.h("smoothly-form", { key: 'a2bcb4c5d553fa2e977cdbf8a303c98ad1b720cd', looks: "grid" }, index.h("smoothly-input", { key: '7e7972d2dca1c3a783eed88b24165945daaa9e6c', type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur"), style: { width: "100%" } }, "Readonly"), index.h("smoothly-input", { key: 'e4cc40dfeb7d013b22e30bf4c7798efa92e170c1', type: "text", name: "testing" }, "TextTest"), index.h("smoothly-input", { key: '6a710f3849280861ce26df01c5b3da3a7dbca1b0', type: "date-time", name: "date-time" }, "Date-Time"), index.h("smoothly-input", { key: 'cec7be5e6d0f8ee93ef726c9f12b0bd5eb446b29', type: "divisor", name: "divisor" }, "Divisor"), index.h("smoothly-input", { key: '22b84b38c943ee58c4fdce45cc641afb0b50a52e', type: "date", name: "date" }, "Date"), index.h("smoothly-input-date", { key: 'f44eb6cf3de739db531dd20efbbf318dbf3bac73', name: "some-date" }, "Calendar")), index.h("h2", { key: 'b901d274fee93d6600e315770fc3edd6baa433e2' }, "Line"), index.h("smoothly-form", { key: '810d2ed16c3fd2ba03ca2e9cb0bbeb98e10fd7ec', looks: "line", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '83357088fcc413e806ca85379a941f9bd284c89c', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "First Name"), index.h("smoothly-input", { key: 'ee2381e95bc50ecf54c1893b77799111cb0dcb5a', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name"), index.h("smoothly-submit", { key: '4892160e39263e71a29326aeb7a0fe9539e6e1dd', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h2", { key: '3455472eecd4a0375aa996f925babf33d3e24c77' }, "Input Alternatives"), index.h("smoothly-form", { key: '2f23b4ef25635848d4876753ac461debcb4f5f8f', looks: "border" }, index.h("smoothly-input", { key: '4b65efaf01850c58f9bdfcc4962f34058e6b6c5c', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '048e1fe3647197e46d182498327d739c181da7e0', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '05c40f8964ef63252261075ddc3eeeda05bb2e3d', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'b1d15250664bd5b2d9a8086feec22f6eeb3c7849', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '9cfa213b718da73b42280b764f57efe80272ac71', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'bb3ee7ed6acc200bdc27c71af167d5bb769e7fd9', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '0e58518d0ba6e33f4ec310624a40f479a6f7dd3c', placeholder: "test" }), index.h("smoothly-submit", { key: '1e84f473fb9a910ef620724e17300f78e9127a7b', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h4", { key: '0bf19916fe1d92d19f059b529c2dfdb6810216cd' }, "Smoothly checkboxes"), index.h("smoothly-form", { key: '3043a81590a44b9031ef22df27c336c966213119' }, index.h("div", { key: 'bd1777d89911155ae9fc8f3bb2a9a4395b461588', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: 'c2534478ea96d479f180c1f34b47aa7d9ce5057a', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: 'f4b21b769ec0c4358e66f2fac8981d260986f965', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '9dabfc97a05def8b2d274b54567965f531b819e2', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '41b75963a77bd89af930ee04f930fd4ad8dae11c', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '46cdf546ad5853d4c0323faf4fa91a9167a2a97a', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '678cb06abf683b7190f0288aea0832eac994b955', name: "close" }))), index.h("smoothly-input-checkbox", { key: 'c4d66546ec59d4524fc57117411f9a6dbf19ed32', name: "third-checkbox" }, "3rd"))), index.h("h4", { key: '02bd9eafffb8b8c22d40e02fe695d679ddeef925' }, "Smoothly Radio Buttons"), index.h("smoothly-form", { key: '4bbbe6e144bba82150b8762ec0f2e1973a2da1ba', onSmoothlyFormSubmit: e => console.log(e.detail), looks: "border" }, index.h("smoothly-input-radio", { key: '6facaaa8cdc672ddc78e617b40c34e9daa6ec4b1', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'd7c1fe3f2354aa071f9602272ee086c70cf76eb6', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: 'ff36ff05320fb7fa2d31a928a81fa2a15ff866b1', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'c37cbc5e807e4ae30fa5f8f9558fc1b2481ebbc9', name: "close" })), index.h("p", { key: 'fb202d9fde76c17a6063288d0687d2069cd7d6e9', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'dd6409053636f888988253f99ea5416b87784346', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '1a22df6350d5b4288c10366f40eef9679cc2698c', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'b20b8f7bb85e2fe8f2d3590411f4d0ce0ed45535', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-radio", { key: 'cb789311a16faf7eb9cb1258faea7c96d1ecdf64', name: "radioSecondInput" }, index.h("p", { key: '4d5477b25df1f0ae11e23e183fb2c1bb1ce68ee2', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '1bd68ba5d7dcb725f7008695a991d91891c07621', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'ac49935e22a74c391ee11b97f146893e378e837b', slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'c657484f8044ea50a451f522b3b3d4fbc75a2bbe', slot: "options", value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '4012b6db028e301853fe1fa7006c46722b4c90ef', slot: "options", value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'eed49af1cf78b5d533f7c786b33e14fec31b7f3d', slot: "options", value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '6a79fbad5bdd3416387cd23d2ae0f7dde68b8bff', slot: "options", value: "sixth" }, "Label 6"))), index.h("h4", { key: '90096e9b16f4867fdd3885754f9567028424c3d5' }, "Smoothly Picker"), index.h("smoothly-picker-demo", { key: 'f4614029cfbc8f0b7c6ba69bf53aac4b6f223b6e' }), index.h("smoothly-back-to-top", { key: '1399966a22fee31df9a326b9418c6f32d4585e2a' }), index.h("h4", { key: 'e46a89d8453c8916f9670c4d5030ed488342b18f' }, "Smoothly Date"), index.h("smoothly-input-date", { key: '7ea18badcf529025d83ba0a7f5d5e36d82f88ecd' }, "Date"), index.h("smoothly-input-date", { key: '72deab97699bdb856ac1642abd8f814106ad537d', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-form", { key: 'c4f696787418ae20b18f7d47fdc71cc93f746a1f', looks: "grid", onSmoothlyFormSubmit: e => console.log(e.detail) }, index.h("smoothly-input-date-range", { key: '5f7c66c3a1eb1da46ee61b8e7bbfc505856b681a', 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-clear", { key: '717560a7ab42c9a822194d2c43fd8882fbb4d58a', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'a8ee26fbf4cfbb7c26b6065c234539124db56281', slot: "submit" }, "submit daterange")), index.h("smoothly-input-date-range", { key: '8027364198eab1a5511527576c0e11f22a623182', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9203
|
+
} }, "Duration")), index.h("h2", { key: '7a7c17b72d17cd6116ad756edc2c54c5cc9792e6' }, "Transparent inputs"), index.h("smoothly-form", { key: 'f06cccb9014e5555c9a6690b4b700516010c984f', looks: "transparent" }, index.h("smoothly-input-file", { key: 'e6209dee54dfd054cf159243ead1fb5a32d9bde0', name: "file" }, index.h("span", { key: 'a90a0f873a5ac87109362b6b008b12447c10464f', slot: "label" }, "File"), index.h("smoothly-icon", { key: '19d8389a08c44c1aa5b6c89894c7499726f4d552', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: 'a9bf4f25efceb6606865f9b3f00d4810ab14563b', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-picker", { key: 'afa7d08c5676723b7992da4a4a363d53f9524398' }, index.h("span", { key: '1fcb8e2b1094ed76ea1b490b88d584455a111346', slot: "label" }, "Picker"), index.h("span", { key: 'f5c13db707289611c62db342dc1391449f4810f2', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '0b0f1e14538412bb70f61d45740b10ffa119c654', value: "circle" }, index.h("smoothly-icon", { key: '225c08b733752b83a00a33d0a18dca33d0fd64d4', name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '235291847c056cff7abc8d6d22fd592b0a00dd15', value: "square" }, index.h("smoothly-icon", { key: 'f6d3524269073a5d9735e9a3706116a8fcdc6aa9', name: "square-outline" }))), index.h("smoothly-input-date", { key: 'adb9339d86f3adf808b108fde58c41a8d64fd3bf' }, "Date"), index.h("smoothly-input-date-range", { key: '85ac1a9c026132dd2e3ca1d10cb36abfd17a92e8' }, "Date Range"), index.h("smoothly-input-select", { key: 'fc9ec9082fa721f0ef50e1057b8c6e59093659dd', name: "transport" }, index.h("smoothly-item", { key: '9ebb2e28310513b321caae0d63669b9bf39a89ae', value: "plane" }, index.h("smoothly-icon", { key: 'f58d30edcb4daa54787359cb9d0ff46486fefbe2', name: "airplane-outline" })), index.h("smoothly-item", { key: '99a0fa370e6f35627534559450070ce908dc11a5', value: "car" }, index.h("smoothly-icon", { key: '09c782a839a8f9f562d659c87e107bc782283af2', name: "car-outline" })), index.h("smoothly-item", { key: '1ea12aacfbaf8f2326ae0660e36257427dfecee8', value: "bus", selected: true }, index.h("smoothly-icon", { key: '36dac9a059ac8cf5954cea3a6aadfe9da5e09402', name: "bus-outline" })))), index.h("h2", { key: '8dc3c49348614c45aa01b59d931740c25c32651d' }, "Submit"), index.h("smoothly-form", { key: '7ebd5480b02a513e4f58c9c6b437aa6b31cb3e9b', looks: "border" }, index.h("smoothly-input", { key: '368053d6a634c5196b0c09448a3ec2ca3fed0202', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: 'efa10f4effe056dcd5b48228ba2bd1563a2742f0', type: "password", name: "password" }, "Password"), index.h("smoothly-input-clear", { key: '8d14540592aea39b392d453244fcba663c624f93', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'f6c635e322cc29c0a49fef637a23153e1d19f51d', slot: "submit" }, "Submit")), index.h("h2", { key: '92200f22235e89bcb5034d62c9d50bd9ef6c9166' }, "Prices"), index.h("smoothly-form", { key: '943456840e70558e800d3f973f19c65da034a0f6', looks: "border" }, index.h("smoothly-input", { key: '82a68ef14b45d1f089b945869530e94f7ac87708', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: '0eb762a0625b7376d574a33244e5d47c49c5daab', type: "price", name: "crowns", currency: "SEK" }, "SEK"), index.h("smoothly-input", { key: 'efbabecf404fd76fce6a2f73d604ddf39896ecc8', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: '103f132322251501ad54434287875f8773ce6572', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: 'fe0b1620877cf9c3362697e03d3ef0d7fa1f2fde', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: '29f99102a19645004461d601b936efa8e97e1db1', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: 'c478dd2f872b71572a1d99e7e0eb38c4b7cd5bfc', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-clear", { key: '4f29c5b89e22306f0483c62b4507c15fcb9c3405', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: '6194823d0e67b873764d57d4981f6dda3e09ede1', slot: "submit" }, "Submit")), index.h("h4", { key: 'a17ee50be4d1ec22bc55182f48e636a820e7f2d6' }, "Clear"), index.h("smoothly-form", { key: '5275e210d2511a0138adcfa2efee783885d6f02f', looks: "border" }, index.h("smoothly-input", { key: 'b208ec066e200c5582db9e0cfa6cf3e1e8a7a070', name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '68136b4cba3e37828a5eaef42bb72f9aaffd2d59', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'ff5e852cbfa66a9150d4d019984d87a681023271', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'ed6cf1d758cdde73020999e9072a3e066c9c4c73', name: "close" }))), index.h("smoothly-input", { key: '781a349a84c15ed923ba6cc4bb846a3e3dbe3ecd', type: "phone", name: "Phone" }, "Phone", index.h("smoothly-input-clear", { key: '9432b700b12ee3183fce43d9b272f6c1473a680e', slot: "end" }, index.h("smoothly-icon", { key: 'e0d98c17f22444a79f7d8ed21bc3fd0391b1e72e', name: "close" }))), index.h("smoothly-input-clear", { key: '8028445b9efc4f4224f91403ae25147233edf006', fill: "default", type: "form", color: "danger", slot: "submit" }, "Clear")), index.h("h2", { key: 'ffea905a773a295da77b51c0e93367baefcf752a' }, "Identifier"), index.h("smoothly-form", { key: '8747893e2ef14978eb40286a4e4138a0b230770b', looks: "border" }, index.h("smoothly-input", { key: 'cc8305f2dd99356ebe92e16ced33614947c1d732', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '516946b89878e4c5cf6097be4c74bd550da4587b', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '0a35857b03c53fb43db2778be91b18e252c3308d', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: 'e4955cde2942d46f7cfba43ce46d09aa0a4f0332', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '3feb1e1a64c07f147a95fd11d1b8e6337671f1d1', type: "identifier-camel" }, "Camel")), index.h("h2", { key: '78d69c3363706876da7c0e0e35350c8ae736c565' }, "Border"), index.h("smoothly-form", { key: 'd5a16732d0fa3243d1cc64398ebed413c640589a', looks: "border" }, index.h("smoothly-input", { key: 'c5bbc96beb9fe6c540076c3b087fed85826683ac', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '264cd45ece92cb57594386b2141eab506d0df8c1', type: "password", name: "password" }, "Password"), index.h("smoothly-submit", { key: 'ade3219ee97a9cbccf6d66496dbaa2efedf09129', slot: "submit", onSubmit: (e) => alert(e), color: "success", fill: "solid" }, "Send")), index.h("h2", { key: 'b45170edcae97233a63cb1ffa0a86e2938e72ba7' }, "Grid"), index.h("h4", { key: '3ffb131999af568b67c44bbbb8eaa5318f66a562' }, "Contact"), index.h("smoothly-form", { key: '3d0af6d4dd1c82f1819f3c1a6b938de1538a6c65', looks: "grid", action: "https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe" }, index.h("smoothly-input", { key: '0b23f7462a5d0b73445f61a66094dd0dafaeff5e', type: "text", name: "name.last" }, "First Name"), index.h("smoothly-input", { key: 'fe5dd5209e57651147abbddef9c540914ea974d0', type: "text", name: "name.first" }, "Last Name"), index.h("smoothly-input", { key: '91b1933d58c4caa160401b99ba769acc5632e98b', type: "text", name: "street", value: "Torgny Segerstedts All\u00E9 87" }, "Street"), index.h("smoothly-input", { key: 'afeed9c191558ae6c3b2465b9d45e5bdc81df5d0', type: "postal-code", name: "zip" }, "ZipCode"), index.h("smoothly-input", { key: 'b745ade160653799edbe53ec87afa7a6eb5d8008', type: "text", name: "city" }, "City"), index.h("smoothly-input", { key: '7d0859276b1b90edc6664d94bcf53d1e99aa6aac', type: "text", name: "countryCode" }, "CountryCode"), index.h("smoothly-input", { key: '0d516d07dc6007a58bfbbee47e9aaac71dd78810', type: "phone", name: "phone" }, "Phone"), index.h("smoothly-input", { key: 'fe5fb35f13df25dea216ab60cf99aed1d0955054', type: "email", name: "email" }, "Email"), index.h("smoothly-submit", { key: 'b90bc1164f60962c5b77724c56c1beb10e936ec0', slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: '556381e965769287057f8f43c248316f67430a03', name: "checkmark-circle", slot: "start" }), "Submit")), index.h("h4", { key: 'd1b412d5ababed3cb19031564fd2dfe26f4fac69' }, "Card"), index.h("smoothly-form", { key: 'c7764cae6409da974ced7d2878fa909e48644cd6', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, index.h("smoothly-input", { key: '2476aade14cecfe54d41e30a67e7a1a671be8a1f', type: "card-number", name: "card" }, "Card #"), index.h("smoothly-submit", { key: '17456bbe4c61eb88259ca31b8681077b07050196', size: "icon", slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: 'e5df0b56e5dcfbf1ee7acc09018440920fab706c', name: "checkmark-circle" })), index.h("smoothly-input", { key: '7462ef08ef5feb09f4ad448d6d9f4e4cea3616bf', type: "card-expires", name: "expires" }, "Expires"), index.h("smoothly-input", { key: '45c87a5362f696443c5d59ea184fa3edb777128e', type: "card-csc", name: "csc" }, "CVV/CVC"), index.h("smoothly-input", { key: '4d52debbaa384a97a02f623a841cbf2dd083c8e6', type: "text", name: "name.first" }, "First Name"), index.h("smoothly-input", { key: '45cad4192040dbbe0b0f4cca05f7389c2de8e979', type: "text", name: "name.last" }, "Last Name")), index.h("h4", { key: '373d0a6aa071b16126ee0f3c9a5aa4caa4020fad' }, "Contact"), index.h("smoothly-form", { key: '474d36b8a974b99f99e6b94bd2e6d48102e5b2cc', looks: "grid" }, index.h("smoothly-input", { key: '076eaea19f986fe5757adb4cf02481742b86f9a8', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '3aaa39e731d8332a00d4f50d69d5c871d07369c7', type: "password", name: "password" }, "Password"), index.h("smoothly-input", { key: '73445de3f1fdf5ae1136a710f9a3d4c3d266b4e7', type: "price", currency: "SEK", name: "price" }, "Price"), index.h("smoothly-input", { key: '1ef98f81b723ddfc8e38d5ef6c36934495043724', type: "percent", name: "percent" }, "Percent"), index.h("smoothly-submit", { key: '33449d9eb30721e8677067805f836dccb5297d55', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: 'decf31515a1f4cc7e7c0dfda92bd3fb9a254eec3', name: "checkmark-circle" }))), index.h("h4", { key: '51e98d54544be5db2334f935ea9c71f6d323beb7' }, "Random"), index.h("smoothly-form", { key: 'b2c217b7847977ec089a7911bcf0f95a77c5e908', looks: "grid" }, index.h("smoothly-input", { key: 'a48d0d28e3b8b4d92d2ec0b7429aa2da35d0ebab', type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur"), style: { width: "100%" } }, "Readonly"), index.h("smoothly-input", { key: '0c430f23bb09a95718b9b4fcc253d34092f175cf', type: "text", name: "testing" }, "TextTest"), index.h("smoothly-input", { key: 'dbd965465cb78c3b6f02083513b668f160f23c0b', type: "date-time", name: "date-time" }, "Date-Time"), index.h("smoothly-input", { key: '8bc41023701144b50bd798f0b114beeb51667f64', type: "divisor", name: "divisor" }, "Divisor"), index.h("smoothly-input", { key: '0ed3dbc6c5cbf8565799050f4b17830135b16eb5', type: "date", name: "date" }, "Date"), index.h("smoothly-input-date", { key: 'bf3dc8b75c10a23db98125b0799f7611bb95a2fd', name: "some-date" }, "Calendar")), index.h("h2", { key: 'c8de6b004afa7b6ce2fdaae52e6866683802b647' }, "Line"), index.h("smoothly-form", { key: 'c3c51613f8958b4b950037aa3f8fed33615ffdf6', looks: "line", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'b216099309b909edf4e99d68f435ab0aff4e6ab0', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "First Name"), index.h("smoothly-input", { key: 'aa04726192ee98e4539d6ff1e1b5f67b240b0e52', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name"), index.h("smoothly-submit", { key: '6c47e0a928a5d1a34c93096c0da106492fe39f97', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h2", { key: '378787fac02acaa454b9dcd4ae2bc7496df45075' }, "Input Alternatives"), index.h("smoothly-form", { key: '365a537e223977fb2a6e12a080dafa94b54ba8f0', looks: "border" }, index.h("smoothly-input", { key: '538b8a8b1b9a824361a38bbd86ee94ff3b67ae76', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: 'b2d5e5905c225538f6a8e150022b62941fcd0253', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '3b79885b202d6d347dda40b51709c8c0eb46da18', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '904fe598e0f12493db6d9e9c3d8a2897da763ddc', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '956c47e13dde0172c56efaab97c372efaa404d8c', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'd63e4e34a9e82e4e4e5a05c4535d285f3c680710', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '2a8d01c4e579151b857203d2bd9a4d7122b3d5d2', placeholder: "test" }), index.h("smoothly-submit", { key: 'bfef5ca593f63e41972a8b39478ae79b8f66923f', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h4", { key: 'f6b6c4c0022dd895be14b85f7004cc9d10750d37' }, "Smoothly checkboxes"), index.h("smoothly-form", { key: '140b8630b9051fef1af29a82105e3e4c4d99de7b' }, index.h("div", { key: '6c8153a4401e99b8a804de134b3054e7532f0c17', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '8d6840553cde30f71324d24eff0b3b46d1ce0f98', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '688e3c3e458c86181d1e86a1f3a22ba014e2353c', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '48b626c0a4fe44e0a48f6147672df27a98604fce', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '085354ae7a3f6b831dd6881562f094f6573c052e', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: 'e86256652bf733d6a2594ef894bd56c2e4c2216a', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'd9dde2da235a1530b2ae5c4f18160362556de027', name: "close" }))), index.h("smoothly-input-checkbox", { key: 'b07914bf6731fb368c49c377ce1072c84271c111', name: "third-checkbox" }, "3rd"))), index.h("h4", { key: '01ccdb37a4ce72f71c891c4056aa9f0197c09041' }, "Smoothly Radio Buttons"), index.h("smoothly-form", { key: 'b6a2a33faf1f8a1ea20a07a7a3a833a0bdcf210b', onSmoothlyFormSubmit: e => console.log(e.detail), looks: "border" }, index.h("smoothly-input-radio", { key: 'f6decf7de882da9b4e5c8541b5210001078d906b', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'cedaee325adc0facfb9a9202760902e029487c8e', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '1544e429d75b440769f09e5271043f3f350ad640', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'af9870b6984c1f35011e50af4593bc9505a6d3d0', name: "close" })), index.h("p", { key: '4d523b8e9bfea04ffeed6d23dcbbd401c12b1d3d', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'e54286a9f945b35ee9aca1b48da58486c6002249', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '8645ab4db6d15b98a5fe0641a57f14f02c2e58d5', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'e5129f4504f870a866240b48d0c70bc796c60506', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-radio", { key: '9e97eaea4b2650c931e7a19e34b94b4c99e80729', name: "radioSecondInput" }, index.h("p", { key: '961be05a55af17515989460244f7631dd1fa9b12', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '81e052014c6f7e9c484942db21a9fed51641f919', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '4551e9d7e4f7456e3f06e4d502c03b3ece275b9c', slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '2b6298c794669b72ca21947139d2aa546132e0a9', slot: "options", value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: 'bad11cd7aff4070a2e102906aa2927e22a724adb', slot: "options", value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'e68f548542632c93dc4517e44262749d461b5464', slot: "options", value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '89478d56ccc62524fd602a53d130cc7b683d1c42', slot: "options", value: "sixth" }, "Label 6"))), index.h("h4", { key: 'ca27b71ea1317019ed92e6d00c9f7d4a8b2d512a' }, "Smoothly Picker"), index.h("smoothly-picker-demo", { key: 'f679bf6420212596fd0c54f727f5aa6928656f9c' }), index.h("smoothly-back-to-top", { key: 'a9daa0c43ab8712f4d08a8979b9953020661a551' }), index.h("h4", { key: '24f885688cfa705fbab10d1149111d28fa8e29d0' }, "Smoothly Date"), index.h("smoothly-input-date", { key: 'b14af24425f32b958748ec98380183c77e95cd18' }, "Date"), index.h("smoothly-input-date", { key: 'f368e79f7dd4c98395a6bfe63c59c8d310378632', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-form", { key: '8f3fea0af5562c57628cede5341be29b6fb6f462', looks: "grid", onSmoothlyFormSubmit: e => console.log(e.detail) }, index.h("smoothly-input-date-range", { key: '2508c5280ae6b3250fae5a381c1fb98dadad9a11', 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-clear", { key: '7c60ff549f610874cbc36547204977502e4c5f7f', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'a88119a02fb81779c0e740d9e952f394c08ea3b5', slot: "submit" }, "submit daterange")), index.h("smoothly-input-date-range", { key: 'e95c91802edf660b30b838946e899452611be8a9', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9207
9204
|
"--border-radius": "4px",
|
|
9208
9205
|
"--padding": "0 0.75em",
|
|
9209
9206
|
"--input-width": "12ch",
|
|
9210
|
-
} }), index.h("smoothly-form", { key: '
|
|
9207
|
+
} }), index.h("smoothly-form", { key: 'c68e29143a8fc3af059138f5f9177e528269f0f9', looks: "grid", onSmoothlyFormSubmit: e => console.log("Submitted", e.detail) }, index.h("smoothly-input", { key: 'b94fc28d96fa6d4fd8352c2b3747bee424931e9a', type: "text", name: "text" }, "Text"), index.h("div", { key: 'afd3ea534cf2615beed0a671975ffc60ddbc6598' }, index.h("smoothly-input-file", { key: '1d8cabb74fa86a4961fc9819a71dc2d44e8b6ed6', placeholder: "Select or drag a file here", name: "file" }, index.h("span", { key: '81acba2fc3b4569e03d0f1b803b9426472216772', slot: "label" }, "Testing file input"), index.h("smoothly-icon", { key: '56f7cc70281e868870023aba27f530764fc9ac47', slot: "button", name: "folder-outline" }))), index.h("smoothly-input-file", { key: '6edbd3846a17c1f339c43e992a49f5dabdeeee9a', camera: "back", placeholder: "Capture a photo", name: "image" }, index.h("span", { key: '4b476dda3b09bf5855c7e0b889ddbc9c20b0b984', slot: "label" }, "Testing camera photo"), index.h("smoothly-icon", { key: 'e42ea8e470e6be521262ff83296436506bfc5b4e', slot: "button", name: "camera-outline" })), index.h("smoothly-input-clear", { key: '13af0f7df3a6d7f156ad1bddc3461b24337c89c6', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'ea28c248e37337ae8d887ef7959b395fbe581283', slot: "submit" }, "Submit")), index.h("br", { key: 'a09da86ce75d88a55d0c358b4bb2e634f18830d2' }), index.h("smoothly-form", { key: 'df927d0bb4116e32c5c664217ffc88829586d6aa', looks: "line", onSmoothlyFormSubmit: e => console.log("form input", e.detail) }, index.h("smoothly-input", { key: '380057b87ecdf7933ba5d5168c224aa428b103f1', name: "text" }, "Input"), index.h("smoothly-input-file", { key: '325615e13653b6be9a489c19ddada5a4195a5fd1', camera: "back", placeholder: "Capture a photo", name: "image" }, index.h("span", { key: '7a806500b4c20ec9eaa9f171cb8bbba65b735531', slot: "label" }, "Testing camera photo"), index.h("smoothly-icon", { key: '966e605aac65632fa9e9fc8acd3ab44d5fa628d8', slot: "button", name: "camera-outline" })), index.h("smoothly-picker", { key: '3f0b2be44c02c317a1c81995361a1cfe001e6bbf', name: "picker" }, index.h("span", { key: 'd7edde7d1b60037ca6095a159a18706bd3e40f06', slot: "label" }, "Shape"), index.h("span", { key: '8f615fb7ce896097ff7ae1211a1951243f43ab5a', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'c942f6e1ea6d4c17a5e841de200a4c8ea99bcb8f', value: "circle" }, index.h("span", { key: 'b50803bfe83fd66ec02e07234224a7302a1477ce', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: 'bdd7fadbd37cac549708fcd36a03d85b79eb1a5c', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: 'da16b5bb095619754b68e852590daeec38158945', value: "cube" }, index.h("span", { key: '21617baf1917e8e0f37ff7f2d162a6147e07faa2', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '4e004dcf852bbf3c7f910e1e71f811e680bbf4ef', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: '9b11549604c2522ebd76c299315fb969a074a46a', value: "square", selected: true }, index.h("span", { key: '04f6fc782745a43a170f96a0c8d44103b24bc7f4', slot: "label" }, "Square"), index.h("smoothly-icon", { key: '8513da945d58f75f3c6f55a710797be82588a2fb', size: "tiny", name: "square-outline" }))), index.h("smoothly-input-select", { key: 'b4e0a378a4bf7cac0ca6147a7a9c029476c4c423', name: "select", placeholder: "Select...", menuHeight: "7.5items" }, index.h("smoothly-item", { key: 'd98e4711132983a8810652df5abb878d144198eb', value: "1" }, "January"), index.h("smoothly-item", { key: '471bc391a68ff56e38bcd0a3dc67d00a1d2d5bba', value: "2" }, "February"), index.h("smoothly-item", { key: '4497fbb36f91b77c6d0c95615684f61a16a7c12c', value: "3" }, "March"), index.h("smoothly-item", { key: '82757d02ca204ce3bdad011879d97e3fadd8b075', value: "4" }, "April"), index.h("smoothly-item", { key: 'c09fe8347a2d57d905af14c4d59201a1a5564bf5', value: "5" }, "May"), index.h("smoothly-item", { key: 'ca6003ddd487a2a61b3ae5a1556022f2cb6592b7', value: "6" }, "June"), index.h("smoothly-item", { key: 'b2371035827f8d7f1e6263efa40624502ea812ed', value: "7" }, "July"), index.h("smoothly-item", { key: 'fdc342232eb0dccc4a05dc982e58821b9272ba82', value: "8" }, "August"), index.h("smoothly-item", { key: '8dcc17aa9ec9ceea4b85ab684b1507dfdf3805df', value: "9" }, "September"), index.h("smoothly-item", { key: '56727048425ed88952ac278cb99c129229b92d28', value: "10" }, "October"), index.h("smoothly-item", { key: '0bc26a0aedd1c6c6674da91ea9f3e7d553c63bf5', value: "11" }, "November"), index.h("smoothly-item", { key: '1eee0ee4d3ebdc1e9ab2a27335b5fa364bb3b1cb', value: "12" }, "December")), index.h("smoothly-input-date-range", { key: 'e73a4dea637d240b742e1a228270e43dec457519', name: "date-range", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9211
9208
|
"--border-radius": "4px",
|
|
9212
9209
|
"--padding": "0 0.75em",
|
|
9213
9210
|
"--input-width": "12ch",
|
|
9214
|
-
} }), index.h("smoothly-input-date", { key: '
|
|
9211
|
+
} }), index.h("smoothly-input-date", { key: '6c5312f01df26dfa50917785e976f7e7e796e469', name: "date", value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-submit", { key: 'a7279b85709424737ef985ebf86f168c0be190c2', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: '44aa82dba6c8f1edc181a75245d8d2f23b1f4ed0', name: "checkmark-circle", fill: "solid", size: "medium" }))), index.h("h4", { key: 'ef38ae46a51d245cdbb443085f794afc702a16a2' }, "Form with spinner showcase"), index.h("smoothly-form", { key: '7685ffe85b770089aa730420eb6e04008570c4e8', looks: "line", onSmoothlyFormSubmit: e => console.log("form input", e.detail) }, index.h("smoothly-input", { key: '8e8d3f94e17fb3aa4c0be71807a8d5b3d9bca6c5', name: "text" }, "Input"), index.h("smoothly-input-file", { key: '92a82d7bcb4022ac6a361424b96012e74efbda7d', camera: "back", placeholder: "Capture a photo", name: "image" }, index.h("span", { key: 'f50001978a2bc7d8f977faedf1ee8e4821d4abb3', slot: "label" }, "Testing camera photo"), index.h("smoothly-icon", { key: 'e5cdd93cbc1fc6d9e3b7b4493eb20dec81c04e85', slot: "button", name: "camera-outline" })), index.h("smoothly-picker", { key: '656bccef20c4c73ee68061a8d822c8cbb2caf95c', name: "picker" }, index.h("span", { key: '9fe333542748562ab95a9ac3ce337328bc41fcf9', slot: "label" }, "Shape"), index.h("span", { key: '77d06a6ed7e66442412f1c34f64bde755d99700e', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '7f010d40c1ce5e31c31ec3488dffa16e25e7b808', value: "circle" }, index.h("span", { key: 'e2a69f4e22a41daff047eb05aa1c82497a224da9', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: '28c71baef4f7c45065734bbd7e95ead956a1062f', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: 'cc378ee61806fb48ab4d6b9619d90f1dd90303b9', value: "cube" }, index.h("span", { key: 'e467c594315c8eecbeaf796dbc5a9ba31a23a9f7', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '82d7c34dab15147ac2780132d654aeddae6b5370', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: '7528296c4d9cffde6524142dd5aad7512c12cf99', value: "square", selected: true }, index.h("span", { key: '1b13fcdbe7446ff794696a390c0a75a6939d9485', slot: "label" }, "Square"), index.h("smoothly-icon", { key: '6e605ab62942d1f601fafa6ef0f16f9e5ea1c605', size: "tiny", name: "square-outline" }))), index.h("smoothly-input-select", { key: '811157f314fd0b65aaee72553a755c3bf0781bfe', name: "select", placeholder: "Select..." }, index.h("smoothly-item", { key: '32638ac5f03c60e55eebcdc5173c1fb4817bc69b', value: "1" }, "January"), index.h("smoothly-item", { key: 'e17e99c901c17b067cab3ef3bee69715ae75a3a1', value: "2" }, "February"), index.h("smoothly-item", { key: '27d17e2c27cf468d9a5a1e58eb8123e7f28e085e', value: "3" }, "March"), index.h("smoothly-item", { key: '859b84c0392947456fbfbeadc3a730c73f02568f', value: "4" }, "April"), index.h("smoothly-item", { key: '924fd9b21239270949502690054036d0b4f0364e', value: "5" }, "May"), index.h("smoothly-item", { key: '242e3235ba216895543615a3babd49d1e5059e50', value: "6" }, "June"), index.h("smoothly-item", { key: '3ab63faad0bf912fb3af3abf4cab1d5b744576b2', value: "7" }, "July"), index.h("smoothly-item", { key: '39c489bc69a9935fed0203a85c1a821bf4b416a2', value: "8" }, "August"), index.h("smoothly-item", { key: '16598e7f91a5f8b9fbec2f6625e0feb91e009106', value: "9" }, "September"), index.h("smoothly-item", { key: '965ed58416556e733efc3d238d7aed5475d907c2', value: "10" }, "October"), index.h("smoothly-item", { key: '1bd3f784af7809a32b446ab451ab0eec7b096059', value: "11" }, "November"), index.h("smoothly-item", { key: 'a874534f37b41a0153a79379e74b440c1069d5c6', value: "12" }, "December")), index.h("smoothly-input-date-range", { key: '8595f229bfaf39142988768c057a9c7ab2b1fd28', name: "date-range", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9215
9212
|
"--border-radius": "4px",
|
|
9216
9213
|
"--padding": "0 0.75em",
|
|
9217
9214
|
"--input-width": "12ch",
|
|
9218
|
-
} }), index.h("smoothly-input-date", { key: '
|
|
9215
|
+
} }), index.h("smoothly-input-date", { key: '4b0d07feaa7ef606a9202ebdd9f243369b259717', name: "date", value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-submit", { key: 'ec0d699a34cc20a29683452236d1d17fc5b4741d', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: 'f1247fb742df26af850724ac3cabefed0117a13d', name: "checkmark-circle", fill: "solid", size: "medium" })))));
|
|
9219
9216
|
}
|
|
9220
9217
|
};
|
|
9221
9218
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
@@ -9255,7 +9252,7 @@ const SmoothlyInputDemoControlledForm = class {
|
|
|
9255
9252
|
event.detail.result(false);
|
|
9256
9253
|
}
|
|
9257
9254
|
render() {
|
|
9258
|
-
return (index.h(index.Host, { key: '
|
|
9255
|
+
return (index.h(index.Host, { key: '66be7c329add60ebf0954885c7bb00c0bd631eef' }, index.h("smoothly-form", { key: 'b134caa8f5ca400e763d5ca9eb6e76435f39f1ba', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, index.h("smoothly-input", { key: '10514a0438cb4db8ab6eea57246df5eac2633d24', type: "text", name: "name", value: this.name }, "Name"), index.h("smoothly-input-select", { key: '6219f479690de99cbdea9306fb52c6a0579aa49a', name: "currency" }, index.h("span", { key: '8853d648e4a402eaeefb6922caa1216ab118deb6', slot: "label" }, "Currency"), this.currencies.map(currency => (index.h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: 'deb65c3579461ff323977efb6258deedfd83183a' }, "Dummy"), index.h("smoothly-input-month", { key: '1f11306e3a876d6af284528703c828ce06c4e73c', name: "date", value: this.date, next: true, previous: true }, index.h("span", { key: '7fae03f656f2ec4325227a1664735f29149997b2', slot: "year-label" }, "Year"), index.h("span", { key: '50dee59b3737dd3a64ddd968220a4f671d03566f', slot: "month-label" }, "Month")), index.h("smoothly-input-edit", { key: '6b30cbb101c0d07fb8295ba16fa8e3468d78540f', slot: "edit", type: "button", size: "icon", color: "primary", fill: "default" }), index.h("smoothly-input-reset", { key: 'de9477d09a8d7c634746118a856bd5672aee20d7', slot: "reset", type: "form", size: "icon", color: "warning", fill: "default" }), index.h("smoothly-input-submit", { key: '1ec4deebf837c173d06fd321f74cdb955af387ef', slot: "submit", size: "icon", color: "success" }))));
|
|
9259
9256
|
}
|
|
9260
9257
|
static get watchers() { return {
|
|
9261
9258
|
"name": ["nameChanged"]
|
|
@@ -9295,7 +9292,7 @@ const SmoothlyInputEdit = class {
|
|
|
9295
9292
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.edit(true);
|
|
9296
9293
|
}
|
|
9297
9294
|
render() {
|
|
9298
|
-
return (index.h(index.Host, { key: '
|
|
9295
|
+
return (index.h(index.Host, { key: '07492f20c363d974438a3424a7589f4ab88a5352', title: this.toolTip }, index.h(Button, { key: '2d3eccab17fc50e56764400e6b1118ea1fcc2229', disabled: this.disabled, type: "button" }, index.h("smoothly-icon", { key: '16cb48cd533cb0510e72d343f77e8fc54a972d4c', class: "default", name: "create-outline", fill: "solid", size: "tiny" }))));
|
|
9299
9296
|
}
|
|
9300
9297
|
};
|
|
9301
9298
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -9392,7 +9389,7 @@ const SmoothlyInputFile = class {
|
|
|
9392
9389
|
}
|
|
9393
9390
|
render() {
|
|
9394
9391
|
var _a, _b, _c;
|
|
9395
|
-
return (index.h(index.Host, { key: '
|
|
9392
|
+
return (index.h(index.Host, { key: '35a3636ba3fe6932b6b666e6de9d88c985684f64', class: { dragging: this.dragging }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '1882f314f185c8a17d7c7667029ed4a8e9fd5b6f' }, index.h("slot", { key: '0cfa2dbe08f1cb33011d1233d8d218f69bfeb1bd', name: "label" })), index.h("div", { key: 'b6e49e401cf99c27769cf671537d1ea7d126a040', class: "input" }, index.h("smoothly-button", { key: 'fe51a8faa35dafe3ece3ac60a1fa5c5dbfc4b80a', color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '7ae6e3753806e31953c18a1ece36cf8f16b573f0', name: "button" })), index.h("span", { key: 'c77fb335417839e042e103d95d243d4e542268f4' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: 'b4ed75f4d9d7dc7bd63f4da3004fc85a4e6077d7', class: "mask", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }), index.h("input", { key: '925d1cd82bc8fd51b9737180ee9653d35deda551', 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("slot", { key: '2d2cba21fa5256d1cfdbbed084d79d6e7b263115' })));
|
|
9396
9393
|
}
|
|
9397
9394
|
static get watchers() { return {
|
|
9398
9395
|
"value": ["valueChanged"]
|
|
@@ -9481,7 +9478,7 @@ const SmoothlyInputMonth = class {
|
|
|
9481
9478
|
}
|
|
9482
9479
|
render() {
|
|
9483
9480
|
var _a, _b;
|
|
9484
|
-
return (index.h(index.Host, { key: '
|
|
9481
|
+
return (index.h(index.Host, { key: '9f71b9db3cfdbd27dfc8706488080213962f1dbb' }, index.h("smoothly-button", { key: '3149b2b1fe06d1722e7fba44ee106ff6fcdbb5d6', size: "flexible", color: this.color, disabled: this.readonly, onClick: () => this.adjustMonth(-1) }, index.h("smoothly-icon", { key: '2da9370b9854fa54f4f56944d13c48edfb9e4d75', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default" })), index.h("smoothly-input-select", { key: '4ca7f81c47bdf6f05ce70702e5997b0c08c08220', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '002c3b6ed17f82987c650a03eb77cbd5bf4d714c', slot: "label" }, index.h("slot", { key: '851488f9b96a4ff2424d673bf7ba6b0400722d13', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now()).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: 'b82be72d070dc4fb6728f0236855604e56bd647d', 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, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '4c1b3ab2ffd575735db317bcb39bac102f3e9d96', slot: "label" }, index.h("slot", { key: '79c37a44f17df198323cffd1e934c1500014a6fb', 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-button", { key: 'b9855e1ae0f45140e4016f182a3df4141e7616dd', size: "flexible", color: this.color, disabled: this.readonly, onClick: () => this.adjustMonth(1) }, index.h("smoothly-icon", { key: '18d05dd0291fbeac737343e227a072b3f90a7f6a', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default" }))));
|
|
9485
9482
|
}
|
|
9486
9483
|
get element() { return index.getElement(this); }
|
|
9487
9484
|
static get watchers() { return {
|
|
@@ -9584,7 +9581,7 @@ const SmoothlyInputRadio = class {
|
|
|
9584
9581
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
9585
9582
|
}
|
|
9586
9583
|
render() {
|
|
9587
|
-
return (index.h(index.Host, { key: '
|
|
9584
|
+
return (index.h(index.Host, { key: '23e932cc5c9e70dbf13011117c5c74e00a399ebb' }, index.h("slot", { key: '68043000864d000053c041028036fb83796f3ddd', name: "start" }), index.h("slot", { key: '38c79beb7b7ccd7a6c8026457558c971570a674f' }), index.h("div", { key: 'ea449bd85c6379084a953a9b7bff3d0b7f411ea3', class: "input-group" }, index.h("slot", { key: 'd6e368e654853761e153c895914a809212947573', name: "label" }), index.h("div", { key: '7f065813882e7d776b5f02d283b442b76a66c8c2' }, index.h("slot", { key: '0d7a93bcfaaaffd0a7db84fffb0705286a954221', name: "options" }))), index.h("slot", { key: 'fa3fb8c631759558eb7ebe8ccdbb25d19d9ac5d1', name: "end" })));
|
|
9588
9585
|
}
|
|
9589
9586
|
static get watchers() { return {
|
|
9590
9587
|
"value": ["valueChanged"],
|
|
@@ -9614,7 +9611,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
9614
9611
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
9615
9612
|
}
|
|
9616
9613
|
render() {
|
|
9617
|
-
return (index.h(index.Host, { key: '
|
|
9614
|
+
return (index.h(index.Host, { key: '2f57cb91a28159fa63838c0fe0666ce3ea0c6889', onClick: () => this.inputHandler() }, index.h("input", { key: '11a421506d7df84346b3537cad8a2833818313b6', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: 'e236e9fc8184fb4d4ab4d58cd5e9287f7d47808d', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "medium", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '2e2dfd118eca1533ddef73951d119a1d23084ec7' }, index.h("slot", { key: '154563af4bba04150d8be7b39348d3ec4c780ecf' }))));
|
|
9618
9615
|
}
|
|
9619
9616
|
get element() { return index.getElement(this); }
|
|
9620
9617
|
};
|
|
@@ -9681,7 +9678,7 @@ const SmoothlyInputRange = class {
|
|
|
9681
9678
|
}
|
|
9682
9679
|
render() {
|
|
9683
9680
|
var _a, _b;
|
|
9684
|
-
return (index.h(index.Host, { key: '
|
|
9681
|
+
return (index.h(index.Host, { key: 'f7508540fd3f6f384adc2703980a4123b648ef7f', class: { "output-side-right": this.outputSide === "right" } }, index.h("slot", { key: '567e57b206d3bc21dba067a734bb698f0d9d3a6c', name: "start" }), index.h("div", { key: 'da879fd4b51cfc50ad8e1c4fde9654df2ddc5168' }, index.h("label", { key: '190ecafbd85802a093a361bb74a56cc5acf78bf6', htmlFor: this.name }, index.h("slot", { key: 'ce89bcdaab508e32db44419996df0267593a2dc5' })), index.h("output", { key: '4993b326a20438bcefe49508b8bfabc325932af6', htmlFor: this.name }, (_a = this.value) !== null && _a !== void 0 ? _a : "—"), index.h("input", { key: '22c6887b0a4f207693964d18d5402061709db267', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: this.step, disabled: this.readonly, onInput: event => this.inputHandler(event), value: (_b = this.value) !== null && _b !== void 0 ? _b : this.min })), index.h("slot", { key: '57bd2f951ab549d9bdcbf059bd48d3c27e1a532d', name: "end" })));
|
|
9685
9682
|
}
|
|
9686
9683
|
static get watchers() { return {
|
|
9687
9684
|
"value": ["valueChanged"]
|
|
@@ -9730,7 +9727,7 @@ const SmoothlyInputReset = class {
|
|
|
9730
9727
|
this.parent instanceof SmoothlyForm && this.readonlyAtLoad && ((_b = this.parent) === null || _b === void 0 ? void 0 : _b.edit(false));
|
|
9731
9728
|
}
|
|
9732
9729
|
render() {
|
|
9733
|
-
return (index.h(index.Host, { key: '
|
|
9730
|
+
return (index.h(index.Host, { key: 'b411ac5772a6c429756b2089dafecb0d0eb796c8', title: this.tooltip }, index.h(Button, { key: 'b52f8abef0079e843b023a377fcde7f38e9a8ab4', disabled: this.disabled, type: "button" }, index.h("smoothly-icon", { key: '5d89a0811c914b05b0f3afb58198645d4fc5a5e0', class: "default", name: "refresh-outline", fill: "solid", size: "tiny" }))));
|
|
9734
9731
|
}
|
|
9735
9732
|
};
|
|
9736
9733
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -9994,11 +9991,11 @@ const SmoothlyInputSelect = class {
|
|
|
9994
9991
|
this.items[markedIndex].marked = true;
|
|
9995
9992
|
}
|
|
9996
9993
|
render() {
|
|
9997
|
-
return (index.h(index.Host, { key: '
|
|
9994
|
+
return (index.h(index.Host, { key: 'bbc755dc9d82b2bde4f12cea774add1d8af01904', tabIndex: 0, class: { "has-value": this.selected.length !== 0 }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '2e8f37b59ca62638b5f1cdccb4fbe3cba9d87545', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: 'a69640adbcc692d8260206f2da19e773df0db445', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: 'a537de27f9bb5ad83121035dafa296b5fb93ff3b', name: "end" }), this.looks == "border" && (index.h("smoothly-icon", { key: '53f4bd565f41bcdae72c7455ca420d306f7aa371', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '844a99845058c4cc06a7775f38e81178f957013b', name: "label" }), index.h("div", { key: '0e666a908269b70b7c621ab5fee3e9654d258588', class: `${this.open ? "" : "hidden"} options` }, this.filter.length > 0 && (index.h("smoothly-item", { key: '56edb465a26c723098188c8c6afed55a9e959d46', selectable: false }, index.h("smoothly-icon", { key: '0638e99af103ca77a35f30e969d9937e0023d40a', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '9a1281080296e1a88f62f37c6464dbae1385eef5', name: "backspace-outline", size: "small", onClick: e => {
|
|
9998
9995
|
e.stopPropagation();
|
|
9999
9996
|
this.filter = "";
|
|
10000
9997
|
this.element.focus();
|
|
10001
|
-
} }))), index.h("slot", { key: '
|
|
9998
|
+
} }))), index.h("slot", { key: '02fa80311d2d4c34f8e221e9c824ba12f1fb44e6' }))));
|
|
10002
9999
|
}
|
|
10003
10000
|
get element() { return index.getElement(this); }
|
|
10004
10001
|
static get watchers() { return {
|
|
@@ -10056,7 +10053,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10056
10053
|
}
|
|
10057
10054
|
render() {
|
|
10058
10055
|
var _a, _b;
|
|
10059
|
-
return (index.h(index.Host, { key: '
|
|
10056
|
+
return (index.h(index.Host, { key: '13f3775d73b2c0b39c37219efa0f8d99e9890794', title: this.toolTip }, this.delete == true ? (index.h("smoothly-button-confirm", { disabled: this.disabled, size: this.size, shape: this.shape, expand: this.expand, type: this.type, 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: this.type, 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), index.h("smoothly-icon", { name: "checkmark-outline", fill: "solid", size: "tiny" })))));
|
|
10060
10057
|
}
|
|
10061
10058
|
};
|
|
10062
10059
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
@@ -10100,7 +10097,7 @@ const SmoothlyItem = class {
|
|
|
10100
10097
|
: false;
|
|
10101
10098
|
}
|
|
10102
10099
|
render() {
|
|
10103
|
-
return (index.h(index.Host, { key: '
|
|
10100
|
+
return (index.h(index.Host, { key: '199dc7d349fc5a3c8608fe7b9afa932f0f283576', tabIndex: -1 }, index.h("slot", { key: '44590612e6f78fc0db56a90af33dc54e95f08b5f' })));
|
|
10104
10101
|
}
|
|
10105
10102
|
get element() { return index.getElement(this); }
|
|
10106
10103
|
static get watchers() { return {
|
|
@@ -10120,9 +10117,9 @@ const SmoothlyLabel = class {
|
|
|
10120
10117
|
this.shape = undefined;
|
|
10121
10118
|
}
|
|
10122
10119
|
render() {
|
|
10123
|
-
return (index.h(index.Host, { key: '
|
|
10120
|
+
return (index.h(index.Host, { key: '67e6bb65510bd77086f29ca0ebf95fa4938cdd93', title: this.description, style: {
|
|
10124
10121
|
"--hue": this.hue.toString(),
|
|
10125
|
-
} }, index.h("slot", { key: '
|
|
10122
|
+
} }, index.h("slot", { key: '9bcf6cbb5aa0a5d4b139965ade4f065107167d61' })));
|
|
10126
10123
|
}
|
|
10127
10124
|
};
|
|
10128
10125
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -10141,7 +10138,7 @@ const SmoothlyLazy = class {
|
|
|
10141
10138
|
this.show = true;
|
|
10142
10139
|
}
|
|
10143
10140
|
render() {
|
|
10144
|
-
return (index.h(index.Host, { key: '
|
|
10141
|
+
return (index.h(index.Host, { key: '801fd8d90cdb316a733ceec11fd298d6f23c1420' }, index.h("slot", { key: 'c5b510ed800234d8a5f6068e0e8d1ffb2056a2fa', name: "before" }), index.h("smoothly-load-more", { key: '2b483fc823005bb9af29a3f31f538edecf86a24c', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: '5315932f115d847238bd61821a3266732fca2167' })));
|
|
10145
10142
|
}
|
|
10146
10143
|
};
|
|
10147
10144
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10169,7 +10166,7 @@ const LoadMore = class {
|
|
|
10169
10166
|
}
|
|
10170
10167
|
}
|
|
10171
10168
|
render() {
|
|
10172
|
-
return index.h(index.Host, { key: '
|
|
10169
|
+
return index.h(index.Host, { key: '13d3c29e2a88208de9d0c6e4c124898203206700', style: { "--offset": `${this.offset}` } });
|
|
10173
10170
|
}
|
|
10174
10171
|
get element() { return index.getElement(this); }
|
|
10175
10172
|
};
|
|
@@ -10183,7 +10180,7 @@ const SmoothlyNextDemo = class {
|
|
|
10183
10180
|
index.registerInstance(this, hostRef);
|
|
10184
10181
|
}
|
|
10185
10182
|
render() {
|
|
10186
|
-
return (index.h(index.Host, { key: '
|
|
10183
|
+
return (index.h(index.Host, { key: '3d0c20547ab04228f438fcd8a8827ff3519b0387' }, index.h("smoothly-next-demo-simple", { key: 'a2c4497ac2a43d28ce66b56b05b25cf72adb1e4b' }), index.h("smoothly-next-demo-nested", { key: 'f58c78c36c275d38f8429f2693fb19bd6ccc41f4' })));
|
|
10187
10184
|
}
|
|
10188
10185
|
};
|
|
10189
10186
|
SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
|
|
@@ -11129,7 +11126,7 @@ const SmoothlyNextDemoNested = class {
|
|
|
11129
11126
|
index.registerInstance(this, hostRef);
|
|
11130
11127
|
}
|
|
11131
11128
|
render() {
|
|
11132
|
-
return (index.h(index.Host, { key: '
|
|
11129
|
+
return (index.h(index.Host, { key: 'bd2ebd7cd1021a38c8974fe0fc6f5b61c01438bb' }, index.h("smoothly-next-table", { key: '42900566bdf8b4209ec3ba5a1f8a4675e552dce4', columns: 8 }, index.h("smoothly-next-table-head", { key: '53bf81aed49b760f409a5ea4352ec5cc1a265b38' }, index.h("smoothly-next-table-row", { key: '49b222206c538584edb5253ce055cebb3c59f6fe' }, index.h("smoothly-next-table-cell", { key: '5b7f855648ee230e22e211498fdddfdb5325d02a' }, "Id"), index.h("smoothly-next-table-cell", { key: '2eff63112ef0930633950660d8b9d76e486a96a2' }, "Registered"), index.h("smoothly-next-table-cell", { key: '18be30648b73d25e910388b8f99add9860acedc5' }, "Name"), index.h("smoothly-next-table-cell", { key: '10cfc288c888a81b8b6062da5454c418c4e4f0d4' }, "Age"), index.h("smoothly-next-table-cell", { key: '94362bc72610fdeed6f6af949fdf8975c5d9fed2' }, "Balance"), index.h("smoothly-next-table-cell", { key: 'd9de5e15975b96f266b25d4bce08751f5ae70cb0' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: '1fe5cf6ac954b0f50e81cffc4639045041dcb2f4' }, "Gender"), index.h("smoothly-next-table-cell", { key: '87abbe9eaedd4c30526723049ed5c13dedf9696c' }, "Company"))), index.h("smoothly-next-table-body", { key: '9002ebcc00f7b08b1a90747322ac98d98b565e68' }, data$1.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("div", { slot: "detail" }, index.h("smoothly-next-demo-nested-inner", { data: entry.friends })), 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: '238b33497485e54f943d53d127119fda33908f2e' }, index.h("smoothly-next-table-row", { key: 'c23a62c9af328996003bfcc628b8b739b211109d' }, index.h("smoothly-next-table-cell", { key: '762301afb0be92c7e00deb64b4b8be316fec5597' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '044db8b5d31e1507f031a65898097b5c0572f9d7' }, "Footer Cell"))))));
|
|
11133
11130
|
}
|
|
11134
11131
|
};
|
|
11135
11132
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
@@ -11144,7 +11141,7 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11144
11141
|
}
|
|
11145
11142
|
render() {
|
|
11146
11143
|
var _a;
|
|
11147
|
-
return (index.h(index.Host, { key: '
|
|
11144
|
+
return (index.h(index.Host, { key: '8f757356ea7f6a87402c7938b02f6597130f6fba' }, index.h("smoothly-next-table", { key: 'f4b6d4a3581238dce8b6c3ac3a5790c9ca3e29a2', columns: 4 }, index.h("smoothly-next-table-head", { key: '69465951a862e8fb933463e25aba5e848a611152' }, index.h("smoothly-next-table-row", { key: 'c21e9b2ea4e6227a366beb8e661d42c2c23a6223' }, index.h("smoothly-next-table-cell", { key: 'c1e16588c881f42bb7398a3a18c5c033f639e403' }, "Id"), index.h("smoothly-next-table-cell", { key: 'ca0e39dbff36e650df36f42cd8f5d75854cb2684' }, "Name"), index.h("smoothly-next-table-cell", { key: '29b74705ff87ccc51b5ea502e3c64fa8da87db12' }, "Age"), index.h("smoothly-next-table-cell", { key: '05ed5c502374765673e27936a3d008a7cff43daf' }, "Balance"))), index.h("smoothly-next-table-body", { key: '3f36fef6f36a0bd8e4d81e13573231742f37b0f8' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-next-table-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))))))));
|
|
11148
11145
|
}
|
|
11149
11146
|
};
|
|
11150
11147
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
@@ -11157,7 +11154,7 @@ const SmoothlyNextDemoSimple = class {
|
|
|
11157
11154
|
index.registerInstance(this, hostRef);
|
|
11158
11155
|
}
|
|
11159
11156
|
render() {
|
|
11160
|
-
return (index.h(index.Host, { key: '
|
|
11157
|
+
return (index.h(index.Host, { key: 'b016606f2579fe315c27f965cea4321ee5d45d07' }, index.h("smoothly-next-table", { key: 'da7c2b743c80e9d851f1ff87a4c0b8445a1e3bd8', columns: 2 }, index.h("smoothly-next-table-head", { key: '784af6efb8eac71961708431efc1f988a8333cbe' }, index.h("smoothly-next-table-row", { key: 'e8b0f4603fb125b9bc38c3756210337487b46825' }, index.h("smoothly-next-table-cell", { key: '5db79b813b80bbd05c1eb44170b6d4390818cb13' }, "Breed"), index.h("smoothly-next-table-cell", { key: '5ceb3a90347f95e3d937131e9eeef9c19d9a3823' }, "Coat"))), index.h("smoothly-next-table-body", { key: '4737e60f80feb9782f47c0677cff55a45dd40f0c' }, 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: '7877e71f7bb4cd757d8ab2968ba8000cbadf29ba' }, index.h("div", { key: '25a835595539febeadb140c87504e063d5e4abb6', slot: "detail" }, "Content", index.h("br", { key: '533adaa81f57a783e9223213a47b5d7f585f7472' }), "of", index.h("br", { key: 'bd3aa24087218087131816f0381e238de089b005' }), "the", index.h("br", { key: '228b551e4c09a054ac94dc4bb9ea4b3094365294' }), "expandable", index.h("br", { key: '9dcd6bfcd7d09e7e29ccc2f78ba5876873f547ea' }), "row"), index.h("smoothly-next-table-cell", { key: '66587354eb6d1e5688be2281e4e989f0a6e1e569' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: '9a2cfc2fcf328b63b9e32103d2a1897d6b20dfcb' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: '4851120db54c2461ee7435fc40dec39f41ca6c34' }, index.h("smoothly-next-table-cell", { key: 'a3cbb2b4bd8dff9687a8476576366cb78f3d68e8' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: '7898bf0950c14e8dcd3898bc0eb88c37315a268f' }, "Expandable Cell", index.h("div", { key: 'aef9cab978239c1bc2ff9df42f31d736effcbe2a', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: '87da315cc7964bdc5b3193658f5a0da8c30b3c9a' }, index.h("smoothly-next-table-expandable-cell", { key: 'd8dd93021102cd83cfafc68bc4dbcbfaab59eb4b' }, "Expandable Cell 1", index.h("div", { key: '3d3004c6a86658439fbb420bcead6502d9171a6c', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: '01bd522e88b0c132d9885f6f0e064a675dfaffdc' }, "Expandable Cell 2", index.h("div", { key: 'baa2f1d0fd18f7b6adcc12aff4f46ac5f1cb99af', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: '3155a24b26e4695ff433a6c6c6d45f504686daca' }, index.h("smoothly-next-table-row", { key: '4856f7265e2b0f2c0431b4ac1d2d220b90543e99' }, index.h("smoothly-next-table-cell", { key: 'e122cd127900fb390f9a653adfe482abc98fa9fc' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '837dd2f5a7569fe8aac96d5a8a94d324fc7f29c5' }, "Footer Cell"))))));
|
|
11161
11158
|
}
|
|
11162
11159
|
};
|
|
11163
11160
|
const cats = [
|
|
@@ -11243,7 +11240,7 @@ const SmoothlyNextTable$1 = class {
|
|
|
11243
11240
|
this.columns = 1;
|
|
11244
11241
|
}
|
|
11245
11242
|
render() {
|
|
11246
|
-
return (index.h(index.Host, { key: '
|
|
11243
|
+
return (index.h(index.Host, { key: '3bf370fb8f273a6c097d1eaa757f2898d360b191', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'd67af80e39396d5efe08e58591e87ce0fd2c94fd' })));
|
|
11247
11244
|
}
|
|
11248
11245
|
};
|
|
11249
11246
|
SmoothlyNextTable$1.style = SmoothlyNextTableStyle0;
|
|
@@ -11256,7 +11253,7 @@ const SmoothlyNextTable = class {
|
|
|
11256
11253
|
index.registerInstance(this, hostRef);
|
|
11257
11254
|
}
|
|
11258
11255
|
render() {
|
|
11259
|
-
return (index.h(index.Host, { key: '
|
|
11256
|
+
return (index.h(index.Host, { key: '4c839e1ef08daeccfa6dc623289765eaecccf00f' }, index.h("slot", { key: 'b068fde0033605a8595a6db33e45ee71108481bc' })));
|
|
11260
11257
|
}
|
|
11261
11258
|
};
|
|
11262
11259
|
SmoothlyNextTable.style = SmoothlyNextTableBodyStyle0;
|
|
@@ -11269,7 +11266,7 @@ const SmoothlyNextTableCell = class {
|
|
|
11269
11266
|
index.registerInstance(this, hostRef);
|
|
11270
11267
|
}
|
|
11271
11268
|
render() {
|
|
11272
|
-
return index.h(index.Host, { key: '
|
|
11269
|
+
return index.h(index.Host, { key: '152c03b91b3097172968f0afaa91e516132ec445' });
|
|
11273
11270
|
}
|
|
11274
11271
|
};
|
|
11275
11272
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -11295,7 +11292,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
11295
11292
|
this.smoothlyNextTableExpandableCellOpened.emit();
|
|
11296
11293
|
}
|
|
11297
11294
|
render() {
|
|
11298
|
-
return (index.h(index.Host, { key: '
|
|
11295
|
+
return (index.h(index.Host, { key: '85321a56c24e3b9fe6352a85da5fe00a2cedda99' }, index.h("div", { key: '9e7860b774052db52933301d6ce2582d64da9d92', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: 'cceb861c4e1f069747e8d736be0106db787abf46' })), index.h("div", { key: 'ab52484a3c9639635d470c3221e1ae57c24d1d23', class: "detail" }, index.h("slot", { key: 'dc88b39797a92348123c02e584d99133d298e548', name: "detail" }))));
|
|
11299
11296
|
}
|
|
11300
11297
|
};
|
|
11301
11298
|
SmoothlyNextTableExpandableCell.style = SmoothlyNextTableExpandableCellStyle0;
|
|
@@ -11312,7 +11309,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
11312
11309
|
(this.div && event.composedPath().includes(this.div)) || (this.open = !this.open);
|
|
11313
11310
|
}
|
|
11314
11311
|
render() {
|
|
11315
|
-
return (index.h(index.Host, { key: '
|
|
11312
|
+
return (index.h(index.Host, { key: '7503489b509a176826872e631b4ab908289fe19a', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '4688b0c29ae14709c1233d1d51c43b25208ca144' }), index.h("div", { key: 'de4fd59dcfa507c092e021f4965a0b0f9bbf4271', ref: e => (this.div = e) }, index.h("slot", { key: '8f3f0c7850af057bf617ef5176a086ed12c0ea00', name: "detail" }))));
|
|
11316
11313
|
}
|
|
11317
11314
|
};
|
|
11318
11315
|
SmoothlyNextTableExpandableRow.style = SmoothlyNextTableExpandableRowStyle0;
|
|
@@ -11325,7 +11322,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
11325
11322
|
index.registerInstance(this, hostRef);
|
|
11326
11323
|
}
|
|
11327
11324
|
render() {
|
|
11328
|
-
return (index.h(index.Host, { key: '
|
|
11325
|
+
return (index.h(index.Host, { key: '08d13f8e2ab15188cae69f4ade12662c08cf17bb' }, index.h("slot", { key: '1f25e39e719e5198276ccdb7573421e1d685f166' })));
|
|
11329
11326
|
}
|
|
11330
11327
|
};
|
|
11331
11328
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -11338,7 +11335,7 @@ const SmoothlyNextTableHead = class {
|
|
|
11338
11335
|
index.registerInstance(this, hostRef);
|
|
11339
11336
|
}
|
|
11340
11337
|
render() {
|
|
11341
|
-
return (index.h(index.Host, { key: '
|
|
11338
|
+
return (index.h(index.Host, { key: '741dfaa16d0c3b0ef25644e4df45ff0f7406262f' }, index.h("slot", { key: 'f5a92b48f6b39f89fa4083e8f106fa69233c81bb' })));
|
|
11342
11339
|
}
|
|
11343
11340
|
};
|
|
11344
11341
|
SmoothlyNextTableHead.style = SmoothlyNextTableHeadStyle0;
|
|
@@ -11361,7 +11358,7 @@ const SmoothlyNextTableRow = class {
|
|
|
11361
11358
|
event.target != cell && cell.close();
|
|
11362
11359
|
}
|
|
11363
11360
|
render() {
|
|
11364
|
-
return (index.h(index.Host, { key: '
|
|
11361
|
+
return (index.h(index.Host, { key: 'ed41016fb5695405b903f9b361c5cee8c7bc5ffd' }, index.h("slot", { key: 'c1656ee78c58ebb3faab99796fd675b43a64dbca' })));
|
|
11365
11362
|
}
|
|
11366
11363
|
};
|
|
11367
11364
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -11421,7 +11418,7 @@ const Notification = class {
|
|
|
11421
11418
|
this.onUpdatedNotice(this.notice);
|
|
11422
11419
|
}
|
|
11423
11420
|
render() {
|
|
11424
|
-
return (index.h(index.Host, { key: '
|
|
11421
|
+
return (index.h(index.Host, { key: '0afb136ead34915d5129710c5451fbc0daa435d7', color: this.properties[0], fill: "solid" }, this.closable ? (index.h("smoothly-trigger", { fill: "clear", name: "close" }, index.h("smoothly-icon", { name: "close-circle-outline" }))) : (""), index.h("span", { key: 'ca9ba7caaf447537906615dc7583b09d004d99e4', class: this.icon ? "icon" : "clean" }, this.icon ? index.h("smoothly-icon", { name: this.properties[1] }) : "", index.h("p", { key: 'a81400ffa02b591335e29fd15c76e9a4ff3c1423' }, this.notice.message))));
|
|
11425
11422
|
}
|
|
11426
11423
|
static get watchers() { return {
|
|
11427
11424
|
"notice": ["onUpdatedNotice"]
|
|
@@ -11445,8 +11442,8 @@ const Notifier = class {
|
|
|
11445
11442
|
}
|
|
11446
11443
|
render() {
|
|
11447
11444
|
return [
|
|
11448
|
-
index.h("slot", { key: '
|
|
11449
|
-
index.h("aside", { key: '
|
|
11445
|
+
index.h("slot", { key: 'db9d411670b188bbd7a651e59f31ee19807057f9' }),
|
|
11446
|
+
index.h("aside", { key: '932831173ccb104ed2b1ad8c84a24f41be0f37b1' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n })))),
|
|
11450
11447
|
];
|
|
11451
11448
|
}
|
|
11452
11449
|
};
|
|
@@ -11564,7 +11561,7 @@ const SmoothlyPicker = class {
|
|
|
11564
11561
|
initialValueArray.every(value => selectedArray.includes(value)));
|
|
11565
11562
|
}
|
|
11566
11563
|
render() {
|
|
11567
|
-
return (index.h(index.Host, { key: '
|
|
11564
|
+
return (index.h(index.Host, { key: '7c17f7b1766ab41183001a01240e9c5991ad143d', tabindex: 0 }, index.h("smoothly-slot-elements", { key: '5711580453552d731f00dca6cf9df3c5e5098122', class: "selected", nodes: this.display }), index.h("span", { key: '41adfc7e88331c85674879abf8627ec38605ccae', class: "label" }, index.h("slot", { key: '13b9bf82b786e0ad79dee60cb4872d3e454ec858', name: "label" })), this.looks == "border" && (index.h("button", { key: 'de79e7f766b524081cbe4badefddd15fde04e8ab' }, index.h("smoothly-icon", { key: '7cd3f78cd65be41b342cc4afc859b22dc50ae2f7', size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: 'a2b1564a4322795aa853ce1e12ee14492f3e678c', name: "child" }), index.h("smoothly-picker-menu", { key: 'b0b8c3567dbe238ee360d9d1c3e56967e92959da', open: this.open, looks: this.looks, onClick: e => e.stopPropagation(), multiple: this.multiple, mutable: this.mutable, readonly: this.readonly, validator: this.validator }, index.h("slot", { key: '9131523a1de7214d467b6b01c4d639015952596d', name: "search", slot: "search" }), index.h("slot", { key: '6f566894e08ec7de5de3feac66c4db0011fd646f', name: "display", slot: "display" }), index.h("slot", { key: '3c34caa58379909add343f06fe55121c2758b67a' }))));
|
|
11568
11565
|
}
|
|
11569
11566
|
get element() { return index.getElement(this); }
|
|
11570
11567
|
static get watchers() { return {
|
|
@@ -11628,13 +11625,13 @@ const SmoothlyPickerDemo = class {
|
|
|
11628
11625
|
}
|
|
11629
11626
|
render() {
|
|
11630
11627
|
var _a, _b;
|
|
11631
|
-
return (index.h(index.Host, { key: '
|
|
11628
|
+
return (index.h(index.Host, { key: '235a66e72a360c1ba2a58191e67e29f7dd532155' }, index.h("div", { key: 'f6c45f5b204932d126904ef82f6730af2cd2316b' }, index.h("smoothly-button", { key: '37046ce8b1efc3cdb2ee7816f2ff1d73e9adbac1', onClick: () => (this.counter += 1) }, "Add one"), index.h("smoothly-button", { key: 'd3817cd1a2ea0c5923f640d2b04ef9d77ae88baf', onClick: () => (this.counter -= 1) }, "Remove one"), index.h("smoothly-picker", { class: "counter", key: Array.from({ length: this.counter }).toString(), name: "counter", multiple: true, mutable: true }, Array.from({ length: this.counter }).map((_, index$1) => (index.h("smoothly-picker-option", { value: index$1, selected: index$1 < this.counter - 1 }, index$1))), index.h("span", { key: 'c16773cc8aaa3a2c91fce91a29f8c599914ab4f1', slot: "search" }, "Search"), index.h("button", { key: '13a237d540eb6e115b2af95dcdb3bce23ba9e70d', slot: "child", class: "counter-button" }, index.h("smoothly-icon", { key: '6aa2fe2415ae95d43f3ead24e030f36af6f47e0d', name: "add-outline" })))), index.h("h5", { key: 'b6bebe826d642294c432607b3e6a884130c8563d' }, "Controlled input"), index.h("smoothly-button", { key: '9380b5a5fc562fd537e6b3fd5dfa4dd150106998', color: "secondary", onClick: () => this.clickHandler() }, !this.change ? "start edit" : "end edit"), index.h("smoothly-form", { key: '1f43a0e5b931649a2651f0750cd63eaa9ea2ac86', class: "controlled", looks: "line", onSmoothlyFormInput: e => this.inputHandler(e) }, index.h("smoothly-input", { key: '365f41f842232825d2d6a0201ba087089877f17e', readonly: !this.change, name: "message", value: this.data.message }, "Message"), index.h("smoothly-picker", { key: '7e8c2eaadc87b309f79a82951c8114b2c57cda55', name: "emails", mutable: true, multiple: true, readonly: !this.change, validator: validateEmail, onSmoothlyPickerLoaded: e => this.loadedHandler(e) }, index.h("span", { key: '9cc4e3a00c59d8113c022c0a60f03f62632b3121', slot: "label" }, "Emails"), index.h("span", { key: '67631f44bcbec093bf2ffc60ace91754ed5ee080', slot: "search" }, "Search"), index.h("smoothly-icon", { key: 'a7f9022ad024581c1c64ba2e67d75824a6c70d7d', size: "tiny", slot: "display", name: "person-add-outline" }), ((_b = (_a = this.change) === null || _a === void 0 ? void 0 : _a.emails) !== null && _b !== void 0 ? _b : this.data.emails).map(email => {
|
|
11632
11629
|
var _a;
|
|
11633
11630
|
return (index.h("smoothly-picker-option", { key: email.value, value: email, selected: true, search: [(_a = this.users[email.value]) !== null && _a !== void 0 ? _a : []].flat() }, index.h("span", null, this.users[email.value]), index.h("span", { slot: "label" }, email.value), index.h("smoothly-icon", { size: "tiny", slot: "display", name: "person-outline" })));
|
|
11634
11631
|
}), this.data.options.map(email => {
|
|
11635
11632
|
var _a;
|
|
11636
11633
|
return (index.h("smoothly-picker-option", { key: email.value, value: email, search: [(_a = this.users[email.value]) !== null && _a !== void 0 ? _a : []].flat() }, index.h("span", null, this.users[email.value]), index.h("span", { slot: "label" }, email.value), index.h("smoothly-icon", { size: "tiny", slot: "display", name: "person-outline" })));
|
|
11637
|
-
})), index.h("smoothly-input-clear", { key: '
|
|
11634
|
+
})), index.h("smoothly-input-clear", { key: 'ee29be681b77ef98bb60aba90b56e74ed49b11b8', slot: "submit", type: "form", color: "danger", fill: "solid" }, "Clear"), index.h("smoothly-button", { key: '54cbd373b81074eaf6f473c886c1ad252ffe2ddf', slot: "submit", color: "secondary", onClick: () => { var _a; return (_a = this.controls) === null || _a === void 0 ? void 0 : _a.clear(); } }, "Removed added by mutation"), index.h("smoothly-submit", { key: 'da07e1b571044f81aaf53ac4042d3c2887f302a2', size: "icon", slot: "submit" }, index.h("smoothly-icon", { key: 'aced6b9f19f64dd2e28b89ec8f4d57790a3c998b', name: "checkmark-circle" }))), index.h("h5", { key: '1534d4e02617cb6ea4e037d61811b6beb4e20b57' }, "uncontrolled inputs"), index.h("smoothly-form", { key: '5a24bcb0a976e7428951156b380267dbd52f1a3a', onSmoothlyFormSubmit: e => console.log("submitted", e.detail), looks: "line" }, index.h("smoothly-input", { key: 'c7610dc448ff6b4984dd1bb332751598e8a645f8', name: "purpose", type: "text" }, "Purpose"), index.h("smoothly-picker", { key: 'df4e818dc6aee89933c10dec3ea7c65e49b71ba4', multiple: true, mutable: true, name: "emails", validator: validateEmail }, index.h("span", { key: '8095148e2b5bc48d010dc88c754db756d278de6a', slot: "label" }, "Emails"), index.h("span", { key: '5937808fcdfe8c2d9a4701cab08bbf9fd1644feb', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '196e55f8a7eb01a93c25476564cbf65538f02f71', value: "james@rocket.com" }, "james@rocket.com"), index.h("smoothly-picker-option", { key: '50e16972bc3ea12a938b7f73806fab7fbb2bef15', selected: true, value: "jessie@rocket.com" }, "jessie@rocket.com"), index.h("smoothly-picker-option", { key: 'b1d8a67cd492da0945e67bd01d51fe1ed0c67995', value: "giovanni@rocket.com" }, "giovanni@rocket.com")), index.h("smoothly-submit", { key: '1bbe2986599064a5347296d6c27a628690fcc1dd', slot: "submit" }, "Submit"), index.h("smoothly-input-clear", { key: 'f4874e6288096a40ce6c41e9e4a604b282c52fa3', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-picker", { key: '7d49c78234983338113bd18a541fc7bb7f62773f', name: "shape" }, index.h("span", { key: '9aa191656fecd954e92d6d6b927861f0af9c3009', slot: "label" }, "Shape"), index.h("span", { key: '63072ffd38c1d7e76d08b2e5cdea6d39202613ab', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'f3e384c0a3687c9dc49591c954e055d40d87277e', value: "circle" }, index.h("span", { key: '988bdae905a192b8cf73ad8b7f471603b77344f5', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: '2895e9b1ebb3deabf30a6caf08b985785c2f1525', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '5d3c01d5456b632091eae38abe6bb1653500b4fb', value: "cube" }, index.h("span", { key: 'ef7012ad4c2afd8c22029bf5a99cf85dace38819', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '5b9cf1744e62c50758c2c0be046b12a2d37ad51a', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: '14207d36d9109e1e794613b11bfab1ae84af6d4a', value: "square", selected: true }, index.h("span", { key: 'e7b62895b374bf44866005d9aeebd4fe54c84a71', slot: "label" }, "Square"), index.h("smoothly-icon", { key: 'dd166de80ccfea749e3ac5fc6e2df87457a1b8fe', size: "tiny", name: "square-outline" }))), index.h("smoothly-picker", { key: 'ce87c45fabd3c2e35e4b4f4dce919d18f70ea9ec', multiple: true, readonly: true, name: "animals" }, index.h("span", { key: 'a10f9b3d443bcdbf3800c6d712f84df2c2c79a91', slot: "label" }, "Animals"), index.h("span", { key: 'c8fe715146760a9462d248aac95d9193dada6bd1', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '21d4734fc2e7e11c223942d789d828eec96f7695', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: '883b4e2688ecd6031c76e8e0983bf4b548928c82', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '25e4b3fdcee9a7d30918bed37a6b68e9af68ab79', value: "fish" }, "Fish"))), index.h("smoothly-picker", { key: '339b6e6caa97d828e657fad151407881c275ee5a', looks: "border", name: "icon", multiple: true }, index.h("span", { key: 'e8143e0a156efa7357a20e15e4dc15fab4812d71', slot: "label" }, "Icon"), index.h("span", { key: '129842dfb163787a6f672eeff669f918cf6cc425', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'e02b748112fd1a29bed10f505500f59b80df7366', value: "circle", required: true }, index.h("span", { key: '70c8251860188946e04222ce87ae0c77df4e3424', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: 'a4828898853e34ac339acdc71e3f9be7d1f6646a', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '60eedf2b79ddd4c92851142c3953d97421347d73', value: "cube" }, index.h("span", { key: 'e1aced8ebd7d9cfcff49e0ac4006e2ea3d64e2fa', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '3d434cddfc28737bfad858aa698c03b6f33dd581', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: 'b37a2fe8987d05f9a1af44d37cfe1b6a187828eb', value: "square", selected: true }, index.h("span", { key: '00e336cbf617935f0ba199e3fd32d3012786faee', slot: "label" }, "Square"), index.h("smoothly-icon", { key: 'ee128d43ca4bdf9f37263b7c3c0d3cb73b12984f', size: "tiny", name: "square-outline" })), index.h("smoothly-picker-option", { key: '06e73f9e869623f251b610ac09d3825bcf242f38', value: "airplane" }, index.h("span", { key: 'be0e667fc86b35f534ac10fb1e75083addcc19c2', slot: "label" }, "Airplane"), index.h("smoothly-icon", { key: '1947b7110dee27b0befb9018e4231bd791b64696', size: "tiny", name: "airplane-outline" })), index.h("smoothly-picker-option", { key: '429d27fd9a5ef2e72e5a92b06d8a6a3bd0687efc', value: "alarm" }, index.h("span", { key: '8f83a554c68219dcc95b792602df955e98c66b41', slot: "label" }, "Alarm"), index.h("smoothly-icon", { key: '8f43ac7cedfa48b6a86f3ce2790bfbb68aafad73', size: "tiny", name: "alarm-outline" })), index.h("smoothly-picker-option", { key: 'f526af905f8080929112a897baa4695d48a7c8b8', value: "archive" }, index.h("span", { key: '11792d7ffe8bb94b80889a85d386a72b227ad077', slot: "label" }, "Archive"), index.h("smoothly-icon", { key: '8b3f5deb04dcc2213d12ab193c487d8388726eb4', size: "tiny", name: "archive-outline" })), index.h("smoothly-picker-option", { key: 'ce8710cbad55b6990ddfdbd072e77c0be6e586ed', value: "bag" }, index.h("span", { key: 'c4506ddf6e81f5bab25e79db9e012ea1fc8f65be', slot: "label" }, "Bag"), index.h("smoothly-icon", { key: '78ae0b9fa7e83b66ff4b7d03d3387aabc00c4b9f', size: "tiny", name: "bag-outline" })), index.h("smoothly-picker-option", { key: 'adf16832f9c07dcbe2b6d5b23710b7ddeacde388', value: "cafe" }, index.h("span", { key: '01402da87afcff2ea83c10b2e97b6c7b501c7269', slot: "label" }, "Cafe"), index.h("smoothly-icon", { key: 'b8eed1e81de6bb853fae9c9508e24c2b85dfff48', size: "tiny", name: "cafe-outline" })), index.h("smoothly-picker-option", { key: '7a862944b4b6ff57980c97ab105e0e0ca1164080', value: "disc" }, index.h("span", { key: '2cd101788ed468b8daa98c6038f345da37df5384', slot: "label" }, "Disc"), index.h("smoothly-icon", { key: '0fe2885959eeeee60b26fc2442ab6416f5713ef5', size: "tiny", name: "disc-outline" })), index.h("smoothly-picker-option", { key: '1fcc3be043ea5ffd6237247fa550678a16fe312b', value: "earth" }, index.h("span", { key: 'dbd7862566919815f74f2885dc4181e4c911ddbf', slot: "label" }, "Earth"), index.h("smoothly-icon", { key: '193c63c3e2e6b2897d216a75fb0d98ec123c1880', size: "tiny", name: "earth-outline" })), index.h("smoothly-picker-option", { key: '5747a91ddc84667321e939ee7b9f53ea2fbca1e1', value: "fast-food" }, index.h("span", { key: '445b8727f57be3f083ece4941ebf1b60101a4d55', slot: "label" }, "Fast food"), index.h("smoothly-icon", { key: 'a124e30ee322fb7f8585f4e0b278e6d1d014ebd0', size: "tiny", name: "fast-food-outline" })))));
|
|
11638
11635
|
}
|
|
11639
11636
|
};
|
|
11640
11637
|
SmoothlyPickerDemo.style = SmoothlyPickerDemoStyle0;
|
|
@@ -11918,7 +11915,7 @@ const SmoothlyPickerOption = class {
|
|
|
11918
11915
|
this.selected = !this.selected;
|
|
11919
11916
|
}
|
|
11920
11917
|
render() {
|
|
11921
|
-
return (index.h(index.Host, { key: '
|
|
11918
|
+
return (index.h(index.Host, { key: 'dab20b05311daffe6b2b6cd67c6df92c875ba619', class: { visible: this.visible }, onClick: () => this.clickHandler() }, index.h("div", { key: '7d2c4c6d343ebf2358c260b687eceef5df7b30ae', part: "display", class: "display" }, index.h("slot", { key: '37b82e6c179db59ef83a863419940eec4d40dcff', name: "display" })), index.h("div", { key: 'cfdfd0acaef490d5c37962ac56b3ca5eabe8d529', part: "content", class: "content" }, index.h("smoothly-slotted-elements", { key: '2d068b662151ca0f0b2b4b068f16c0341b01a382', onSmoothlySlottedChange: e => this.slottedChangeHandler(e), clone: true }, index.h("slot", { key: '0f5ce6a435cc866f1d84da6c40143c227f9e40bf' })), index.h("slot", { key: '5f9c4147dde328886d8dc47dbebd5170a300f9fe', name: "label" })), index.h("button", { key: '4691af1fb1c5a9b0e931a165e3bcf51605dca62c', type: "button" }, index.h("smoothly-icon", { key: '6ef24df33aafc768651cfc8b568210dc4c039561', name: this.selected ? "checkbox-outline" : "square-outline" }))));
|
|
11922
11919
|
}
|
|
11923
11920
|
get element() { return index.getElement(this); }
|
|
11924
11921
|
static get watchers() { return {
|
|
@@ -11956,7 +11953,7 @@ const SmoothlyPopup = class {
|
|
|
11956
11953
|
this.popup.emit(this.visible);
|
|
11957
11954
|
}
|
|
11958
11955
|
render() {
|
|
11959
|
-
return (index.h(index.Host, { key: '
|
|
11956
|
+
return (index.h(index.Host, { key: '4909fa2c315968b1db8e581cc6b92fceabc0a44c', style: Object.assign({}, this.cssVariables) }, index.h("div", { key: '15cf10476c5462f632c7e3a1108d461d0e0ae95e', class: "pointer", onClick: () => this.onClick() }, index.h("slot", { key: '495dce9f85759e616478d1037c314e195e64a075' })), index.h("div", { key: '898e6b03491cba8798578ae0dc6b3f7961f4c3e4', class: "background", onClick: () => this.onClick() }), index.h("div", { key: '1b36b9e03cc55b577e40200dd0bf224187bed948', class: "arrow", onClick: () => this.onClick() }), index.h("div", { key: '15cc81e163532fe65e49844118da1e76d7349ebe', class: "popup", ref: el => (this.popupElement = el) }, index.h("slot", { key: 'c0835f0fb33f7bf362c6d1d7d06919e676e2ee06', name: "popup" }))));
|
|
11960
11957
|
}
|
|
11961
11958
|
};
|
|
11962
11959
|
SmoothlyPopup.style = SmoothlyPopupStyle0;
|
|
@@ -11970,7 +11967,7 @@ const SmoothlyQuiet = class {
|
|
|
11970
11967
|
this.color = undefined;
|
|
11971
11968
|
}
|
|
11972
11969
|
render() {
|
|
11973
|
-
return (index.h(index.Host, { key: '
|
|
11970
|
+
return (index.h(index.Host, { key: 'c9f16686a891e70f47c895b0ff8c83ebed4fa81c', color: this.color }, index.h("slot", { key: 'f85eeaca52a50b165fe7049ebfe66cac10261163' })));
|
|
11974
11971
|
}
|
|
11975
11972
|
};
|
|
11976
11973
|
SmoothlyQuiet.style = SmoothlyQuietStyle0;
|
|
@@ -11984,7 +11981,7 @@ const SmoothlySelectDemo = class {
|
|
|
11984
11981
|
}
|
|
11985
11982
|
render() {
|
|
11986
11983
|
return [
|
|
11987
|
-
index.h("smoothly-tab-switch", { key: '
|
|
11984
|
+
index.h("smoothly-tab-switch", { key: '40f6f6b63e26f75f44511450eb9097ebfe51f0c0' }, index.h("smoothly-tab", { key: '57ac815a4ca5f03d961d40cb6337f02ac4794b95', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '8cdf458efa217f73f28d8e6ca17802a3e3608ce6', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '48afd1761999b0c0b709a7740e3ec1e0df0842c7', label: "test3" }, "this is a test message again!")),
|
|
11988
11985
|
];
|
|
11989
11986
|
}
|
|
11990
11987
|
};
|
|
@@ -12010,7 +12007,7 @@ const SmoothlySkeleton = class {
|
|
|
12010
12007
|
render() {
|
|
12011
12008
|
var _a;
|
|
12012
12009
|
const cssVariables = Object.assign(Object.assign({ "--width": this.width, "--distance": (_a = this.distance) !== null && _a !== void 0 ? _a : "10rem" }, (this.color ? { "--color": this.color } : undefined)), (this.period ? { "--period": this.period + "s" } : undefined));
|
|
12013
|
-
return index.h(index.Host, { key: '
|
|
12010
|
+
return index.h(index.Host, { key: '0831f92a457930be1c2662e496c4b65080930d7b', style: cssVariables });
|
|
12014
12011
|
}
|
|
12015
12012
|
};
|
|
12016
12013
|
SmoothlySkeleton.style = SmoothlySkeletonStyle0;
|
|
@@ -12078,7 +12075,7 @@ const SmoothlySottedElement = class {
|
|
|
12078
12075
|
this.smoothlySlottedChange.emit(Array.from(slotted, child => (this.clone ? child.cloneNode(true) : child)));
|
|
12079
12076
|
}
|
|
12080
12077
|
render() {
|
|
12081
|
-
return (index.h(index.Host, { key: '
|
|
12078
|
+
return (index.h(index.Host, { key: '3534cef7fc7bf598c9952e18b12c287724800df4' }, index.h("slot", { key: 'e03f439416d52755a43f64b58f9edc981378268c' })));
|
|
12082
12079
|
}
|
|
12083
12080
|
get element() { return index.getElement(this); }
|
|
12084
12081
|
};
|
|
@@ -12095,9 +12092,9 @@ const SmoothlySpinner = class {
|
|
|
12095
12092
|
}
|
|
12096
12093
|
render() {
|
|
12097
12094
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12098
|
-
return (index.h(index.Host, { key: '
|
|
12095
|
+
return (index.h(index.Host, { key: '76a7be318196a0f5eaf04a47aa9cd243cb6cfe58', style: {
|
|
12099
12096
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12100
|
-
} }, index.h("svg", { key: '
|
|
12097
|
+
} }, index.h("svg", { key: 'a3159b033127ef64b3dfb1036fb3d267b9a8c018', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '019ebe52912107d9697c9a03ae018c1b83adb23f', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12101
12098
|
}
|
|
12102
12099
|
};
|
|
12103
12100
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12130,7 +12127,7 @@ const SmoothlySubmit = class {
|
|
|
12130
12127
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12131
12128
|
}
|
|
12132
12129
|
render() {
|
|
12133
|
-
return (index.h(Button, { key: '
|
|
12130
|
+
return (index.h(Button, { key: '1809c514e0c01d9d8b5301e2240c0db48d733506', disabled: this.disabled, type: this.type }, index.h("slot", { key: '095cb3da10c4b14008853788442bbec4c9a0e54d' })));
|
|
12134
12131
|
}
|
|
12135
12132
|
};
|
|
12136
12133
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12154,7 +12151,7 @@ const SmoothlySummary = class {
|
|
|
12154
12151
|
}
|
|
12155
12152
|
}
|
|
12156
12153
|
render() {
|
|
12157
|
-
return (index.h("details", { key: '
|
|
12154
|
+
return (index.h("details", { key: '0657b109844e980accf8bd8b3799f0b7f7d856eb', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '15979f6c5924533873702c9da9d5024c44c8b5c2' }, index.h("smoothly-icon", { key: 'e06a0c0eeac9371f6a56055859132081a292324f', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: '4673a6dd1f2e7f696db6c8b46c3fb02daf742996', name: "summary" })), index.h("slot", { key: '6022a7c066817eee4648cbaf923f70653a1d2f4d', name: "content" })));
|
|
12158
12155
|
}
|
|
12159
12156
|
};
|
|
12160
12157
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12184,7 +12181,7 @@ const SmoothlyTab = class {
|
|
|
12184
12181
|
}
|
|
12185
12182
|
}
|
|
12186
12183
|
render() {
|
|
12187
|
-
return (index.h(index.Host, { key: '
|
|
12184
|
+
return (index.h(index.Host, { key: '9e7f4292e1f9f444e67ba2dbf08a99fdbeda2aad' }, index.h("label", { key: '89da99ec9b82cf4a04e0f85f638a3496c3115088' }, this.label), index.h("div", { key: '7272fae34f94235e934c369e60c68cc12cb0ac53', ref: e => (this.expansionElement = e), class: !this.open ? "hide" : "" }, index.h("slot", { key: 'f4920e2e3a936dff409d63250fa17e302b08bafe' }))));
|
|
12188
12185
|
}
|
|
12189
12186
|
static get watchers() { return {
|
|
12190
12187
|
"open": ["openChanged"]
|
|
@@ -12211,7 +12208,7 @@ const SmoothlyTabSwitch = class {
|
|
|
12211
12208
|
old.open = false;
|
|
12212
12209
|
}
|
|
12213
12210
|
render() {
|
|
12214
|
-
return (index.h(index.Host, { key: '
|
|
12211
|
+
return (index.h(index.Host, { key: '78e4aa8494caf1436ed491b8c4908fb08213a7ac' }, index.h("slot", { key: 'aaf6902c1f93409538f40d2e6e2f33e8a3a118a9' })));
|
|
12215
12212
|
}
|
|
12216
12213
|
get element() { return index.getElement(this); }
|
|
12217
12214
|
static get watchers() { return {
|
|
@@ -12263,7 +12260,7 @@ const Table = class {
|
|
|
12263
12260
|
event.stopPropagation();
|
|
12264
12261
|
}
|
|
12265
12262
|
render() {
|
|
12266
|
-
return [index.h("slot", { key: '
|
|
12263
|
+
return [index.h("slot", { key: 'c68cf0c78657e2eca8322a3f5228c76c0aa7034f' })];
|
|
12267
12264
|
}
|
|
12268
12265
|
get element() { return index.getElement(this); }
|
|
12269
12266
|
};
|
|
@@ -12277,7 +12274,7 @@ const TableCell = class {
|
|
|
12277
12274
|
index.registerInstance(this, hostRef);
|
|
12278
12275
|
}
|
|
12279
12276
|
render() {
|
|
12280
|
-
return (index.h(index.Host, { key: '
|
|
12277
|
+
return (index.h(index.Host, { key: 'd46cb26e3d623890b241798a4e9cf601f83e30bc' }, index.h("div", { key: 'a0cfcc45a435f0fa144787ee8c91e3abb1fe5f0f' }, index.h("div", { key: '09b347c525ffa8a435ab548bad5f9096524d8324' }, index.h("slot", { key: 'bf7332aca363123b345300b8b89c58b98adeb10b' })), index.h("smoothly-icon", { key: 'afe2d6e2a1d0b0afd82b60ac0e1cc803a39318a9', name: "caret-forward-outline", size: "tiny" }))));
|
|
12281
12278
|
}
|
|
12282
12279
|
};
|
|
12283
12280
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12290,7 +12287,7 @@ const TableDemo = class {
|
|
|
12290
12287
|
index.registerInstance(this, hostRef);
|
|
12291
12288
|
}
|
|
12292
12289
|
render() {
|
|
12293
|
-
return (index.h(index.Host, { key: 'a8cf0378fc0bbe78b2e15fb8f7412b430e9bd878' }, index.h("h4", { key: '9c0a6584e99be8da4fddc2fc2be33d749c5d91f9' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: 'd6f37358edf517b353bab27fee7c14549ce65403', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '69a4deb9d7f96a639bc6c50da8330ce9d1a1b9dd' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: '847e94bae830c904fdf5e586a1fc07d425f3c048' }), " ", index.h("h4", { key: '4a21b3cb8b16ac4c8009b1a344e411e7e4422244' }, "Demo table 3"), index.h("smoothly-table", { key: 'bb430133f1cbe986bde29926a5eceed3d0eb2056' }, index.h("smoothly-table-row", { key: 'f08e5c4f4dccbc9aad8506d514d11a5fda38282e' }, index.h("smoothly-table-header", { key: 'ceb372bd4cd26bcdf3aa84673ad4f72cd3f8522d' }, "Header A"), index.h("smoothly-table-header", { key: '77924cc6d96c56dcc5cd59f1456aa5344357e718' }, "Header B"), index.h("smoothly-table-header", { key: 'd77c5ee92cd4a90771c3aef47b88be1bdda89db6' }, "Header C"), index.h("smoothly-table-header", { key: '63a655264b164004cdb08abbff6062e77648e7f7' }, "Header D")), index.h("smoothly-table-row", { key: 'fa928148ae15a5214e516183310539107a07deba' }, index.h("smoothly-table-expandable-cell", { key: '8a103e8850d0dc557732c9aeac7bdbfa15dc6787' }, "normal row (exp.cell)", index.h("div", { key: '98d940a818707d31a6efe370408c90148040daa3', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '1321e94d735e560a6d92dae81ee02514d52aa148' }, "expandable cell", index.h("div", { key: '201bc661a58f7b5834b19106ed13da6cacf2a0a9', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '77cd526f91f841d2528c5b2f378bad47149b074f' }, "expandable cell", index.h("div", { key: '4fc5862cd9b949fb6ed4ae438b7534e1b59e5ef8', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: 'b176460e358fba00304c16203c0b66a60b265a14' }, "expandable cell", index.h("div", { key: 'cb38d32d2360584612dba5c3b7286f3a20612455', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '93f610b8ad83e3399847eafc1a76550ada82e26d' }, index.h("smoothly-table-cell", { key: '7988ea8a206e52edb005da58cc7133bde6da5902' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: '866500e196d1e3fe4ca1b980f390e95749c8334c' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '7c77511795a86ab7661261aa831be641e6acd216' }, "expandable cell", index.h("div", { key: 'cc7946bca57eae416189cbc67132507eb4b57fdb', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: 'd91fd323b56efb40f9ea4e355115b8db960aa8b4' }, "expandable cell", index.h("div", { key: '50e0d35f717904766ac1a562170e1b1f5f0517b9', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '82d3d6dd2b5cf387a6d34c8e344441e00e3b5be2' }, index.h("smoothly-table-cell", { key: 'd6c225d1ecdf5de2c44eeec4f2e60e5957791f1f' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: '775c7963aab319acab9f83c4f360b776e93502c6' }, "Normal cell"), index.h("smoothly-table-cell", { key: '46bc14af88517485c3d44f55faee9193b316d277' }, "normal cell"), index.h("smoothly-table-cell", { key: 'ad03593d24f8135410355b8be449bc18de803c7e' }, "Normal cell"), index.h("div", { key: '33539e0e28b1c9792279cad507e1b8276c324faf', slot: "detail" }, "expandable row content"))), index.h("h4", { key: 'f1f57c6a33afcc2158a5f16a27e552589e6fd214' }, "Demo table 4"), index.h("smoothly-table", { key: '46b9e86fa046375b3e682638f6231e711e338402' }, index.h("smoothly-table-row", { key: '46cdf6e4669b04d6f9392b80e138bbd026773c3d' }, index.h("smoothly-table-header", { key: '047651c41cffe87363fe82addd65c77a281d54f7' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: 'bf8df19ae85ab8dcffb4d457baf258cc3451fa55' }, "Header expansion", index.h("div", { key: 'e6f4ddd890ddc430cdbd1402d2f33fef22259ed6', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '02df2e950746d5fd9e76a0d801bdca54c5ea4fe7' }, index.h("smoothly-table-cell", { key: 'e899635632973f8d1ab40ecb53372f477a8f7669' }, "A Content"), index.h("smoothly-table-cell", { key: '48f1e81f9e8e6112f775003e2dd2574292c7ace4' }, "Expansion cell"), index.h("div", { key: '8d62af4a20f443f2e90e657f968733db5e43cd11', slot: "detail" }, index.h("smoothly-tab-switch", { key: '1c631e8d395c10b016bc473eebe00f03626e38c4' }, index.h("smoothly-tab", { key: '82a8a1cc7c62ea63db27944b413caa0d8469ee43', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '44f97bdf74d7f8b5bf1857fe8dee4b48c062e737' }, index.h("smoothly-table-row", { key: '270d18dfa16988155ae8d15e99ae0eba4d83e9f5' }, index.h("smoothly-table-header", { key: 'f4b7959968eddd950103f24647e804fa724b4ab9' }, "Header B")), index.h("smoothly-table-expandable-row", { key: 'a6c77d99d8d7f6beb8c7e98440a112b6e2d36c4a' }, "B Content"))), index.h("smoothly-tab", { key: 'ccd25103aa513e8dec00e63b3c0b9c1487780e11', label: "innertable 2" }, index.h("smoothly-table", { key: '433e0f129ed07c1c90eecbf5a20b1bad99c338a5' }, index.h("smoothly-table-row", { key: '5142d0549f0ffed2b207b54e51f37a8f7aa7e077' }, index.h("smoothly-table-header", { key: '99166e890dae2d8928030005e6a61f67264eb869' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '0e1052f3d5a10abb613fc8fa34fedceab3de91fe' }, index.h("smoothly-table-cell", { key: 'c9c147a2b22adbe49490abacc4d3e20785f554f2' }, "C Content"))))))), index.h("smoothly-table-row", { key: '65703af5da4975a5a94fc86a0ea35b4e13430ef0' }, index.h("smoothly-table-cell", { key: '08ffba1dac8e09e84afbd66253278ab76e08a25e' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '7b86f9803406d59a43ad7ef5daa8eb8163793380' }, "Expandable cell", index.h("div", { key: 'd4e669c707e57e706b4f5676f9da8aaf8fd3e3cf', slot: "detail" }, "Expansion content")))), index.h("h4", { key: '4e593f4f220f14f77fc6c8e334445332687fd277' }, "Demo table 5"), index.h("smoothly-table", { key: 'f5d18bc29ef3a820b62272995ebea96417882699' }, index.h("smoothly-table-row", { key: '166e0b22669edd3265058c25191cb9cddefa386c' }, index.h("smoothly-table-header", { key: '6e96c5e7986ab356ec0ea1ab044f9e51c503de8d' }, "A"), index.h("smoothly-table-header", { key: 'f06c8cdc168823013bbcd6df9db564ab69b68706' }, "B")), index.h("smoothly-table-expandable-row", { key: '58715850f4c584fb942e7f3bb5ee5911ff7928ec' }, index.h("smoothly-table-cell", { key: 'd60e48435f416792d2c4c1d8cc78458923223878' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '3c8a65000cef9386db032ffb7376a000bb70a4c7' }, "b row"), index.h("div", { key: '57e125651c57687d66c5d41bfa825a545bfbdf6a', slot: "detail" }, index.h("smoothly-table", { key: '2636dc7d467638d1f5a6724bbc42733fdfef9da7' }, index.h("smoothly-table-row", { key: 'c24a5bd2ab59e74811c4d6f470129b330c3dcaf6' }, index.h("smoothly-table-header", { key: '751b06f01c3e7444c9a5b03d1d03abd48a9c93ca' }, "C"), index.h("smoothly-table-header", { key: '0f9f4560460a5c2e64568e8c08c9c844f77a7cb9' }, "D")), index.h("smoothly-table-expandable-row", { key: 'e43aa4239ee2ab36e720d5b11069ac05e6c4b938' }, index.h("smoothly-table-cell", { key: '1f8a075c38fc2bc022ce296fb2cdfd03f9c44ebd' }, "c"), index.h("smoothly-table-cell", { key: '25363120b25a9ec35cbe9fee321b7a18318c75ab' }, "d"), index.h("div", { key: '541344e315df7b214fec9df34e555d44bb7c32b3', slot: "detail" }, index.h("smoothly-table", { key: '0c7b7dac13a1904f94bf6022655d27572e5c3a29' }, index.h("smoothly-table-row", { key: '50a7da0bfb46e5bff62002178f03d289199aee0d' }, index.h("smoothly-table-header", { key: 'c4d77dc771955606ba160ac232fb70cf7bfde367' }, "E"), index.h("smoothly-table-header", { key: 'c002c6e596f7ccfd36381f546d89a7e24a0933b2' }, "F")), index.h("smoothly-table-expandable-row", { key: 'c1bf1b03ca6c58581b20bb484d81c97360a7502d' }, index.h("smoothly-table-cell", { key: '52d8a3fb8ce92fb07727f12ae3ebde4e90ad6361' }, "e row"), index.h("smoothly-table-cell", { key: '8fa06aa3d4c533f50f256a8e962e214b999e3cda' }, "f row"), index.h("div", { key: 'c9b01c98f4f7260df77302ccb7bdf44d6b0f0600', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '4e731c050f0de2d4d337d8c7f90e6b93ceb3f9c3' }, index.h("smoothly-table-cell", { key: 'f99d3566b8080359c456f043db463891301556c4' }, index.h("span", { key: '8f0dfc87d6d49346b780e032919a8a07550395be' }, "one"), index.h("span", { key: '5479754585d19752871528224ccc9042e347b7c3' }, "two"), index.h("span", { key: '19f235aa4b454f90434b4f1737097059ec8198c6' }, "three")), index.h("smoothly-table-cell", { key: 'c094e820a9020525e3865428affdeb87847e5f77' }, "five", index.h("smoothly-icon", { key: '7682f1c05d8d03f5fd59f9ee321445c4dd8e3130', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: 'ab0c1f5c3cc212ea5add6ba11b2d6cc1c1369991', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '9ac8e121a88828294c490fcd5d31cf690095f1ad' }, index.h("smoothly-table-expandable-cell", { key: 'fc7cf483f6da29d5a081278926a4b3a043d57334' }, index.h("span", { key: 'e16ad40ab3ee619a8e2a162e0d352ad73730f2d9' }, "nested expandable cells"), index.h("div", { key: 'd76d145d08a6d7ea3bc16460572bc9664edf303a', slot: "detail" }, index.h("smoothly-table", { key: 'b582c46e5df881f853a93b875b52c0e4515b49ed' }, index.h("smoothly-table-row", { key: 'f7ed8dcc586da5d3c520dc41a8ae3fd56c09af64' }, index.h("smoothly-table-header", { key: '7bc25583456fb00387d2109cb1eafa4ff976587c' }, "E"), index.h("smoothly-table-header", { key: '3ed97d94badcf50af33310cf96aa2029d2ecbeb4' }, "F")), index.h("smoothly-table-row", { key: '9d89e10c577b374b54bfa3bf08bd683aaed5a909' }, index.h("smoothly-table-expandable-cell", { key: 'b791329ad26db21dca85149232a5b6e161cbba79' }, "e cell", index.h("div", { key: '57ac51e22fca2762cdd8e6628317973aaef49a61', slot: "detail" }, index.h("smoothly-table", { key: '3b11c7301ee2cd00823ab1d9a0936c9b7919747c' }, index.h("smoothly-table-row", { key: '9f9d39ca3fd8dfd55426a525d390e92e1a13ce5c' }, index.h("smoothly-table-header", { key: 'e6b85aaf00df634695a3f742f675bb1f071298ce' }, "G"), index.h("smoothly-table-header", { key: '5fca465957b2592c4e42892178afb34c8b182b52' }, "H")), index.h("smoothly-table-row", { key: 'daeb08ad4c453d55212dd0598770a84dbe2eda6f' }, index.h("smoothly-table-expandable-cell", { key: '7dbdf5461d9907e53232342563258149be712c01' }, "g cell", index.h("div", { key: '1788076e5c8ddc31a1e3e366240be4da068d8144', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: 'af5b115b3d7fddbca5cfbc941cb60403f9cfb0a5' }, "h cell", index.h("div", { key: '382c159bd8968a7fc3c460098dd3faf70054594f', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '435b66308449937c1109bec6aaff539e8792508f' }, "f cell", index.h("div", { key: 'fda3aac99a31067bd08bdbddb6a8a51c10cb3ea6', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '7c859b130bb623abd75b83333f1a0f3987e3cca3' }, "b cell", index.h("div", { key: '4198cb3927bf6348c7fcd528ce301b9d8fc9333d', slot: "detail" }, index.h("smoothly-table", { key: '4aed905b15c6b1e2dc6fbec9a8161ff97dcc6aae' }, index.h("smoothly-table-row", { key: '50368f97210cf246c10c86f5e9a380f1dcc3ca9a' }, index.h("smoothly-table-header", { key: 'b9657e0618f165035aab14a1149e9622efdae396' }, "C"), index.h("smoothly-table-header", { key: 'dc1fe6d6fc2150d114e4088b49ef78fd5bc03ae7' }, "D")), index.h("smoothly-table-row", { key: 'c40cfc4d73fe419d54661256831752f1244d6fa3' }, index.h("smoothly-table-expandable-cell", { key: '82423fcc12d11bcf3de6d11d1cc6bba9fb86f417' }, "c cell", index.h("div", { key: 'c04e62d34e6ecc25f43307468e4784016822f891', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '335b9187814f24913da18a43eab083ae403c2287' }, "d cell", index.h("div", { key: '6bfa9eaea1af744256b2299432fc3e3270e5401d', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: '0d3220fe4f85222840f24a6a81b7963cdda87e72' }, "Demo table 6"), index.h("smoothly-table", { key: '830cf7391587568050c4154dd2a862a006e45fba' }, index.h("smoothly-table-row", { key: 'a1785699aeab2cf1412c3f6d4dd69aed83490650' }, index.h("smoothly-table-header", { key: '5a78b11dd425ebe3a6bc39f75fcfbe4a2f712827' }, "display"), index.h("smoothly-table-header", { key: '56868d1e00005cb281df7703c71042a5e3c394ce' }, "contents")), index.h("smoothly-table-expandable-row", { key: '48b39c3b622f93a3ce583e1f2d42910b7e697643' }, index.h("div", { key: '620842714720e268ab6c076be1cdf7c19604d16e', class: "content" }, index.h("smoothly-table-cell", { key: '54dfd5cfa38c8dc5ca68cbe1f989461c4c47b17e' }, "A"), index.h("smoothly-table-cell", { key: 'd974b3d2fdf4bbe143e7063dc49ccabf2b9fead4' }, "B")), index.h("div", { key: '3c648915fd5f6ffe8b6bc69b3a89af979ee3ed97', slot: "detail" }, "expansion"))), index.h("h4", { key: 'de1673e978ff66b2b07f13b1fbb7f4df4ac8530c' }, "Demo table 7"), " ", index.h("span", { key: 'dfdf91fd7c637d1e9a7eced7a30fb06b6b3c6be7' }, "nested 1 then normal"), index.h("smoothly-table", { key: '0922431e49a5875c1643c083e2aa10acc4da1728' }, index.h("smoothly-table-row", { key: '61afbb0779110c585d42229ca381fa2f6b305b76' }, index.h("smoothly-table-header", { key: '5f0ce10f26de80a4cb4a312db16c710dabbc1d08' }, "A"), index.h("smoothly-table-header", { key: 'e3018904030e6da840bb4b4cc192d517014d72c1' }, "B")), index.h("smoothly-table-expandable-row", { key: 'd25a570e91c2a8920c4b1915cd19adb441f83a32' }, index.h("smoothly-table-cell", { key: '7f7185e8e52e81e4d5e4c82d72f651ce5a8d7d37' }, "a"), index.h("smoothly-table-cell", { key: 'b3bb931b209af81a302b65ae32e5fbd6e89f4419' }, "b"), index.h("div", { key: '60b98652091556813595713a5760067086805ee1', slot: "detail" }, index.h("smoothly-table", { key: '46d316d84154dcd5c551048c0de2fb813c85098e' }, index.h("smoothly-table-row", { key: 'eb92d5cbc3011ce66cde27e965e99c18f7377a84' }, index.h("smoothly-table-header", { key: '2e463c35e1e1d3e6410822415c23dee3d388e77e' }, "C"), index.h("smoothly-table-header", { key: 'f2bc9d8704600b9dbb7d7ae40e4b0b408586ba50' }, "D")), index.h("smoothly-table-row", { key: '43e6f95082c194f57015c5396a4a88cc4fc27331' }, index.h("smoothly-table-cell", { key: 'cf95fde788d6f2af65d685cdc54943ddb749146c' }, "c"), index.h("smoothly-table-cell", { key: '2e220554fa1165b8555f52865b407d33522f9367' }, "d")), index.h("smoothly-table-row", { key: 'ab8832c1cf385f9ea1e32b8f9ae26ebd8adfffd7' }, index.h("smoothly-table-cell", { key: 'dd2d6e8747ae853fabc5d518c96d9fecf599f9c0' }, "ccc"), index.h("smoothly-table-cell", { key: '77ed2ad66a515ebfdd1fa8295f598e3bf786db00' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '4b8abbc521f954435475df3b9622c75feddc0055' }, index.h("smoothly-table-cell", { key: '0f520e6342cb4989b4354bd8980683b3cb0594b2' }, "cccc"), index.h("smoothly-table-cell", { key: 'a484e4cd70adaa917710fec98540feeb5f985a59' }, "dddd"), index.h("div", { key: 'fa21dcf676aa2020c7e35be4fa404e839ba500bf', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: '1e80068303aa4b31e622c8cc63f64c9fa22351b9' }, index.h("smoothly-table-cell", { key: '4d55809f24ae239d751f2f2cfd78a492699deccd' }, "ccccc"), index.h("smoothly-table-cell", { key: '2ccf6889a7cc8b481c3ea052d00381600342b7bf' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'daafdefae88e1cf657380228d343422ddec31db7' }, index.h("smoothly-table-cell", { key: 'd5efb2cc276fa02daccdb91f1065c666d309627f' }, "cccc"), index.h("smoothly-table-cell", { key: '912aeae312f6dc6e354d1b13f4e775225782e2e0' }, "dddd"), index.h("div", { key: '88b634e7138a3e76837ded84bc40ed16efdfc473', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: '2b582348192fe41ccd669cabddaa5d64db07c25e' }, "Demo table 8"), " ", index.h("span", { key: 'd00730062f105f6eb23c33e06a81bb683becaca0' }, "not nested"), index.h("smoothly-table", { key: '896d758c2ca7d0b9b08d6202b829a393dbb9a4b0' }, index.h("smoothly-table-row", { key: '65d853f97f5db6ec38685655906f26257c1f286a' }, index.h("smoothly-table-header", { key: '52012e5caf646e5294e38a842fadf90c259696c3' }, "C"), index.h("smoothly-table-header", { key: '197ca8000f53972af623f13f19a1e4f4162e3d10' }, "D")), index.h("smoothly-table-row", { key: '6944a5d2cec8f94b7375128ee8b429431bf0c377' }, index.h("smoothly-table-cell", { key: '306c67bc3b61f01d25b60c2f4067b668709372f2' }, "c"), index.h("smoothly-table-cell", { key: '7c1bc0d3a4693c7a8b58b3017f35531208b36f3e' }, "d")), index.h("smoothly-table-row", { key: 'a79accc1f028f10c8159be3d90f1be8f02aa40f5' }, index.h("smoothly-table-cell", { key: 'b636f70780763ca0ef715d5b85622e2a3c4ec5bf' }, "cc"), index.h("smoothly-table-cell", { key: 'c87be592a3820434f369dd6269cff331a81578cf' }, "dd")), index.h("smoothly-table-row", { key: '894ee13381a8e951cafc739578f22b179b310693' }, index.h("smoothly-table-cell", { key: 'ecec9c728641a1b4a7d78d1636f1434930372146' }, "ccc"), index.h("smoothly-table-cell", { key: 'fa9bc0519ba2be12c56a2f526e55262996a9a5e9' }, "ddd"))), index.h("h4", { key: '20fd2172f0847486675c5f20b9804cc0318321ac' }, "Demo table 9"), index.h("smoothly-table", { key: '785fbc3ba343aacf7d106af96fbb8ffea628013e' }, index.h("smoothly-table-row", { key: '199575c6094a0320459ef5a22e2ef5d9d98fe864' }, index.h("smoothly-table-header", { key: 'd3c44d2c01cde9a5858fa2881a9776e2c4b9cd8f' }, "First name"), index.h("smoothly-table-header", { key: 'd5cd1ea8c41913dd88622ba0a19c4a099da7dd05' }, "Last name"), index.h("smoothly-table-header", { key: '37a0e556f264a24b7394b226b42ad3453fe80c6c', style: { width: "1px" } }, index.h("smoothly-icon", { key: '01a83d471b5f369bcb6bb3afa7234380fdbb3903', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '0b58894dcaa18d6143ffe4cb5819c48794f86cff' }, index.h("smoothly-table-cell", { key: 'a8efa5e28f5af044639b64941adc9e114f19ada9' }, "Jessie"), index.h("smoothly-table-cell", { key: '6408610e41497b29fc221013c87231b2257492fd' }, "Doe"), index.h("smoothly-table-cell", { key: 'ebfc4c2653c7736e8a783e858aa3a03c04288bdd' }), index.h("div", { key: '6f82b893d59af23b1ecfc99723b90258db0553b5', slot: "detail" }, index.h("p", { key: '8d0bd4d4276cca49c6a759ee7b1d0881ceefff97' }, "This is Jessie")))), index.h("h4", { key: 'db9c3c9f829a0b656eec9473faaaf842982d2119' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: 'a1b0b28ae4050f7a1bba8853ac1647d79a517788' }, index.h("smoothly-table-row", { key: '15b6a592400f40eab305437a205ebc9a36db660f' }, index.h("smoothly-table-header", { key: 'd865711b427b3932d19eedeb9e4268aed4b149b8' }, "Company")), index.h("smoothly-table-expandable-row", { key: 'f61f2dc675c215225d64819706f86180dc5d4b8c' }, index.h("smoothly-table-cell", { key: 'fdf06fe5d4989d03225222c743394aa262ae8af8' }, "Proquse"), index.h("smoothly-lazy", { key: 'efc9839629bb49ac7ea1200e830f357a5437c1ce', 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: '07a677270d665598fb773260983d068f6dbba9dd' }, index.h("smoothly-table-cell", { key: '0411acc5f263b5a6e0947633f575c48fd6d4b9f1' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '9d42710bc880b992c41a2fd206fe92c99eabf0bd', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: '6ecd8cff6e0afbabada904cc2140ff3d24a21d8b' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: '4e50ec18736b84202b2e2d92c703b0f48fa332cb' }, index.h("smoothly-table-row", { key: '993b8f2f03f7e2945ab8713b9acd441cb5d81ee2' }, index.h("smoothly-table-header", { key: '4cd97dbedada110fb217febefb8b0551c6e060ac' }, "Company")), index.h("smoothly-table-row", { key: '00975ae7d3216e0a347fb39ec381d29ce4a8e3d3' }, index.h("smoothly-table-expandable-cell", { key: 'ea129d585101e4b02e9006dad76391ef30b05e6d' }, "Proquse", index.h("smoothly-lazy", { key: 'f994e57283c7a1e022d4024ac8539b9ffbf0c4b5', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '743e04b121ef9a3d5f789153776f32b6dca07fed' }, index.h("smoothly-table-expandable-cell", { key: '5b7844621724b3a9ae4549cde58cdee88a1e08ce' }, "Pax2Pay", index.h("smoothly-lazy", { key: '2994b82f2d96958c0bb0c611333cd7aa087bea64', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '255b2dadcb9ffda5d7ed39879dc1efc2f6d369ad' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: 'ca5f5057f168cf4fb13b37ae7ff38e40e6ccaac3' }, index.h("smoothly-table-row", { key: 'cfd2a8b6cb3d5a9d4042bc8e1e74601b428f563d' }, index.h("smoothly-table-header", { key: '64329dd3915fc9917879d7882548401aa7965362' }, "Name"), index.h("smoothly-table-header", { key: 'b7911b87c3e9a506a4062234836ecc80d426cb5c' }, "Age"), index.h("smoothly-table-header", { key: 'd3f08336e8bffab025eb56b32e57d5f7dc8ad8f2' }, "Location")), index.h("smoothly-table-row", { key: 'f4d6aee7f8144a453400a4e1c824affab11d2f3b' }, index.h("smoothly-table-expandable-cell", { key: '684f57495910c271a6ea9a14800b441e98f4a09b' }, "Jessie", index.h("div", { key: '24bad21b5177b0489d17fec41c74125eb1fadb09', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '2e7061385788be9d914dfefca8e1984b25c1c1c9' }, new Date().getFullYear() - 2000, index.h("div", { key: 'afe1ac9f4e5c64baed09abc67210dd2d5194fe49', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '547724be55c4cb554884f98420a48fb874cd15d4' }, "UK", index.h("div", { key: '8050a12579f94b01c5889ed1aa45e41bf6e5b917', slot: "detail" }, "London"))))));
|
|
12290
|
+
return (index.h(index.Host, { key: '75814680fefeaef6aaf26ef7be4ad0af714a0cce' }, index.h("h4", { key: 'ee7ebc7cb9a33fa9767e7fbb10a8d18c1de404cd' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: 'a8e7e7107ecdd601c4d6ab0de3d7de4d67782d3a', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: 'e9d57fdd31fdefd34d6c8afcd808b26700a533f9' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: '8686b2f1d9bed8aeff7c75ecf8c4801b88a805f4' }), " ", index.h("h4", { key: 'f7194d58763ee572f4cc958ba00eb78864dcd2a3' }, "Demo table 3"), index.h("smoothly-table", { key: '2d978d7a217686ce1bee31eb5344a77102f773a1' }, index.h("smoothly-table-row", { key: '59f63b6222dd0deaa9bf546a5d55c32cba6a667a' }, index.h("smoothly-table-header", { key: 'cdfbf06aefa2f4c34e85b91a372f39d4c87ed218' }, "Header A"), index.h("smoothly-table-header", { key: 'd05806eb5cdf6ad30449d7c42d03ee9189ebe359' }, "Header B"), index.h("smoothly-table-header", { key: 'e418b9afd4b80e12b6450b0fa4b3b65ca2243914' }, "Header C"), index.h("smoothly-table-header", { key: '152526f4a10ea061a0cd4450fcaf9a3fea97ea01' }, "Header D")), index.h("smoothly-table-row", { key: 'ef60478b964d580120e56a848e8803b296fd21e9' }, index.h("smoothly-table-expandable-cell", { key: '33e1c781a2569bfa6f739d4f24010098a363df64' }, "normal row (exp.cell)", index.h("div", { key: '1ac5cdfe43fb7d98f8addb3c0d261626ca829b4d', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '4e7916a4bded08aacb604daba06a6b0ea31dec9c' }, "expandable cell", index.h("div", { key: '8fcfe5e10aba26f696be8c5952dbab1d92d12fbd', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '77fd9bc66e81abb35372cae6cfd5acaa92f9a92f' }, "expandable cell", index.h("div", { key: 'c7e85c682de05a788a96c1cc1757a0c3e9b9b799', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '99edecbecdfc404a630a36f9fbfa1f95ee9c523c' }, "expandable cell", index.h("div", { key: '22c8558c03f84305fa70540b9a7864f1c9e770e3', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: 'deeb9d14d04c5c5c95b66da73985b25ebd13b5b6' }, index.h("smoothly-table-cell", { key: 'd2f17b5c6ea1a3d9f53c12bfdb229ab96f8d813e' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'a105409ec12d1f8923102aa7845e35a8b18835a1' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '924716e16860730919688217633217327f10e617' }, "expandable cell", index.h("div", { key: 'da910d08ed7aa965e2a7007cb0be9527b09e9f49', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '4c8c9a1b69cdd1cb3e1a3d3353e2f6a82951de71' }, "expandable cell", index.h("div", { key: '89a676735a4a073b8aa0a260c49ede1d023cfde7', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '5c44aba2b9ee525a118e36ba657e5f5417810f74' }, index.h("smoothly-table-cell", { key: '43fedaea129b15540396d42e2c59e4fd5e428039' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: '45dbcd227cd605e02c4b9ac4b537df443af25e91' }, "Normal cell"), index.h("smoothly-table-cell", { key: '678b1952e49fdc998eebf05e5be6dc828fae8dce' }, "normal cell"), index.h("smoothly-table-cell", { key: 'ced0c5ddfff088f8f3f9f1b404b1b9f5805b8857' }, "Normal cell"), index.h("div", { key: 'e7b31648ece89f1010e4ae897a3c415b8d48aaab', slot: "detail" }, "expandable row content"))), index.h("h4", { key: 'dc2c94890542c099284e43df8779bfec7a34aebc' }, "Demo table 4"), index.h("smoothly-table", { key: '8839d433cd25d2532058a9d18956bd283c8edad3' }, index.h("smoothly-table-row", { key: 'e8305f69736866138186adb3de9bc33568b996f5' }, index.h("smoothly-table-header", { key: '897593e6538df9dadad5921dbbf72eb98c0a8bfd' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: 'c51fb0d12b794b9768f389b32836253de66f7ebf' }, "Header expansion", index.h("div", { key: '1b9e7be6c9a13b58044b6c4e630c2bc6ec45a7a2', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '4ba8a909a7787f979f64b275045953e93b3751de' }, index.h("smoothly-table-cell", { key: 'f98e76a750c632b49c76f25550f4d383cc4bbc4f' }, "A Content"), index.h("smoothly-table-cell", { key: 'f8b4f62223d6f204f360be0065c763acdc85a2c8' }, "Expansion cell"), index.h("div", { key: '516e2d6badadfb1bf565365dbba2ea23883f619c', slot: "detail" }, index.h("smoothly-tab-switch", { key: 'b209d0001a0db5883a9730b23f0bdb225d63915a' }, index.h("smoothly-tab", { key: 'c111a37e19fe5ef194caf3b19df93791d9ac282d', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '17f6083c4b0d34d05d089250a729132a74aa4b90' }, index.h("smoothly-table-row", { key: '43e867095ff29bd5dec41da85c005391e3f1706e' }, index.h("smoothly-table-header", { key: '7e1a40fc2ce2ea4e373a38447c6bc34141b5086b' }, "Header B")), index.h("smoothly-table-expandable-row", { key: 'c7bb9c9a754520aef34eefcf582a3dda49f64d42' }, "B Content"))), index.h("smoothly-tab", { key: 'afedbe5bc2f8ef5bf1f624d90678f3a4c274397a', label: "innertable 2" }, index.h("smoothly-table", { key: '131c0cdb16a9b0f883bed191f75ed563abcac3f8' }, index.h("smoothly-table-row", { key: 'ec7d4e65449466e8f93ce7c76b4d30d482324b26' }, index.h("smoothly-table-header", { key: '1c2fea96f0758add4e75f380b5be6050b377e3a6' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '36b73469cbc9107909c840c9c0fc4b0e6794864c' }, index.h("smoothly-table-cell", { key: '6db007e31d4701434af53849ccbc0c5e5185409c' }, "C Content"))))))), index.h("smoothly-table-row", { key: 'c1cc3612031950950e838172fac1f39c409b13de' }, index.h("smoothly-table-cell", { key: '0a58a3e88d1d424e4097d59743faaa1c86f9a551' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '10079f563ea142a518810d0c2f22d3368922c934' }, "Expandable cell", index.h("div", { key: '037c85189b0c71f8d68e40ef721b5b9548070af8', slot: "detail" }, "Expansion content")))), index.h("h4", { key: 'a67ce66d4e845d333a12c9005d58c0219ff33445' }, "Demo table 5"), index.h("smoothly-table", { key: 'b3bba2531f6c95db7382230e24f9cebadd5dfdb6' }, index.h("smoothly-table-row", { key: '52a8474951f58df1a97676bf2ce55de33be118fe' }, index.h("smoothly-table-header", { key: '40c2335321ffeb2b77dcfa5cfbaf544509222422' }, "A"), index.h("smoothly-table-header", { key: '576a5f641ce8d2d6104a962cb61c58726cee85dd' }, "B")), index.h("smoothly-table-expandable-row", { key: '64dac71869e555cec78d13fd681d7351f2533ec7' }, index.h("smoothly-table-cell", { key: '25ebd1b14df612782c6d287e33a28156cd4a4b47' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '0518f0863bd28aa261f62fb258772cf86942eb23' }, "b row"), index.h("div", { key: 'f6a9cfd20070b88579a97fdbfe64a67240169545', slot: "detail" }, index.h("smoothly-table", { key: 'dc8f9628f485de935187010d3c880707654fe1cd' }, index.h("smoothly-table-row", { key: '4ca3e9fe2313dce9b1a4a16773a2c4d40e3987d2' }, index.h("smoothly-table-header", { key: 'e579afefdf1376059f0843f596d62276cd2ee653' }, "C"), index.h("smoothly-table-header", { key: '8ea0a1ac8b343afa27536a3312530865e64b3e04' }, "D")), index.h("smoothly-table-expandable-row", { key: '7607cf011cb907643266f44a561d9243e6213523' }, index.h("smoothly-table-cell", { key: '281e9a8aa56bc898d94a051ca11a866261336d0e' }, "c"), index.h("smoothly-table-cell", { key: '17ed43f3c3bfd0ffec3a2a32137007a135546e12' }, "d"), index.h("div", { key: '47e5eac52dce94ac557e5c4373a357603b0abc14', slot: "detail" }, index.h("smoothly-table", { key: '3a8c56ec970337f07dde39fe54ab0ecf5804b4b8' }, index.h("smoothly-table-row", { key: '6b42722803786f2f87e91c79916dd26355ccd0bd' }, index.h("smoothly-table-header", { key: 'f09d42e58b37e84ce22f1cfe327ef038050d1193' }, "E"), index.h("smoothly-table-header", { key: 'c0c4ea5295ccad99f4c8d246b69f809857312d17' }, "F")), index.h("smoothly-table-expandable-row", { key: 'bb64d0798723a097f65495011dc6c2622fc65e6d' }, index.h("smoothly-table-cell", { key: '15aa7cc4d5f355ace7856af6e4de7949e3470122' }, "e row"), index.h("smoothly-table-cell", { key: 'b5d12406105fac5361ff5d969952760f9558ceba' }, "f row"), index.h("div", { key: 'aee6a5ed49603839e2ed3a936f8d96e07be4dfa7', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '3c22287d3ab5c00e73ff57bafff1a2a505fb9716' }, index.h("smoothly-table-cell", { key: '8092844a7a3aa8cbf840433415619fe52cb32b5f' }, index.h("span", { key: '4b2e78825ab4bf3b59f9c050667d513b85aa4d99' }, "one"), index.h("span", { key: '96de3059a74c371e922a8d7306e1c735d03a7602' }, "two"), index.h("span", { key: '08d183177da02eb98dff845e1fc76693eea09d64' }, "three")), index.h("smoothly-table-cell", { key: '6d7501e3af4c6fef866096fd63ff443f623eb035' }, "five", index.h("smoothly-icon", { key: '6b0f02c53c3d3b26279b875db0b03e9a91e5cdab', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: 'db6ffdbb9e26d03dfc3be17aa09490fc0307801c', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '9c5881a61042a433d06be9ead34fc058b76902c4' }, index.h("smoothly-table-expandable-cell", { key: '9142e6e47c8b47afcd81afcaa47707d3f1f45cc7' }, index.h("span", { key: '10bbffb7562bd4c371d339b268ff65ae84fb2170' }, "nested expandable cells"), index.h("div", { key: 'd47f7cd5a26eb82916a2b61954c3ad990e2003c1', slot: "detail" }, index.h("smoothly-table", { key: '92d0cbe548a5a244f5bcf8061c4c7467c6ff5961' }, index.h("smoothly-table-row", { key: '54ebb106125812e165a6d05863c6955e01adf8a3' }, index.h("smoothly-table-header", { key: 'a1fbcf44913fe2111c0d8053999dda188d26535b' }, "E"), index.h("smoothly-table-header", { key: '127eb7187c2a67197521e932fc54908980e55868' }, "F")), index.h("smoothly-table-row", { key: '5488fe21f44375fe51134ac6db74ccc37aa07fe0' }, index.h("smoothly-table-expandable-cell", { key: '56b0a8a40a79756825f96532b1948b8a15a17628' }, "e cell", index.h("div", { key: '9db36d1f8350938a9f819aac3dbd304be09b07ae', slot: "detail" }, index.h("smoothly-table", { key: '225f7039575a21329de1929506941a3ac3f50967' }, index.h("smoothly-table-row", { key: 'bd317c324192505ee1437a7f3b90e08188496dd7' }, index.h("smoothly-table-header", { key: '89bb404af4d2bdc687f80ee781bfdebbcd2577cb' }, "G"), index.h("smoothly-table-header", { key: 'a8fbbb49f88afd465c224c99095ab64dc9a23b8e' }, "H")), index.h("smoothly-table-row", { key: '3a091439f9eca4e4dc259126dea5d53391c696e9' }, index.h("smoothly-table-expandable-cell", { key: '377cfc17377ffcff2f2b2815edf50dee8448c4aa' }, "g cell", index.h("div", { key: 'cf379f77b486eb614efaad3603f03236fcb2b3d9', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '3d487de652d2819d444e1daaf8ba55c78c99f132' }, "h cell", index.h("div", { key: 'a86f9597914e9557288cb5391d2dc8c276347cf9', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '2615d8d3a91317289c46c722ff4c3a1c56e4884b' }, "f cell", index.h("div", { key: 'a22c2776c9c2ffaade2a22bf8c599067da08c8e1', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '1ea3426a4e2c1527e01ae258487544e11fa70db2' }, "b cell", index.h("div", { key: 'ebc4c6b63c557d4fee693fa5a0db4cb8497d9b75', slot: "detail" }, index.h("smoothly-table", { key: '448c86b04d839c8762b1db0c6cbb9eb7f9cde595' }, index.h("smoothly-table-row", { key: '5f718665c0600527908cf0c0b76f11c6725ecd83' }, index.h("smoothly-table-header", { key: 'e0611fe9c338b9981b1ebead7d8a9220ced31435' }, "C"), index.h("smoothly-table-header", { key: 'e2c14d2743004625636673394a7aa457e3fae352' }, "D")), index.h("smoothly-table-row", { key: 'a487b9be349e84cf23653fcc796fd900fb7cc76b' }, index.h("smoothly-table-expandable-cell", { key: 'a17118612b1590f80b43c9561beead43652f0715' }, "c cell", index.h("div", { key: '28508964f2c715db794ecf423640224f0fc1eaa5', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '5a1603b301015a40fb9d41f1593350f37b6eb7f4' }, "d cell", index.h("div", { key: 'fdf7859c7ad1ad82979ce6850b013f386574bfc9', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'd996015abef4702af35b91b1a5f46ab82958124d' }, "Demo table 6"), index.h("smoothly-table", { key: '4fd0838a7079c02dcae6d54305e9ae8d5f399bdc' }, index.h("smoothly-table-row", { key: 'b8eb16c7a4398d0edf281518ee6f0004a2419732' }, index.h("smoothly-table-header", { key: '745d1f6d261ccb60c91682563926ddfd60ab3091' }, "display"), index.h("smoothly-table-header", { key: '529a438f1ea83295e8bf75ec219c2a2f155396f5' }, "contents")), index.h("smoothly-table-expandable-row", { key: '80ccaf836fd3af2bbd7ef826637eec01e6fe42a2' }, index.h("div", { key: 'c2d79f4b9185688aa66c0121e60defaacf1ba6b6', class: "content" }, index.h("smoothly-table-cell", { key: 'b880f702cb7922c3d8c24163c0f552d0fc4945fc' }, "A"), index.h("smoothly-table-cell", { key: '6457ef764b1024986248a18c9798f5988a0b0402' }, "B")), index.h("div", { key: 'f4381a8f93015acc9659a328b158cb8dd4d280f6', slot: "detail" }, "expansion"))), index.h("h4", { key: '4c04690c3712414b1c0beb6429feb12ce24dc7d8' }, "Demo table 7"), " ", index.h("span", { key: '50d5a133771ed782d7a077c101000730422633f1' }, "nested 1 then normal"), index.h("smoothly-table", { key: 'a06d840a69ecdcbd92f4180021b15204d7ea5ba4' }, index.h("smoothly-table-row", { key: 'ee47fa3b0a557c7b400b4f32c5ddadd1714323e0' }, index.h("smoothly-table-header", { key: '423c007de3bdf36545df430873e9cd3ed8a7f5e8' }, "A"), index.h("smoothly-table-header", { key: '68eb88446b155e89432d34678febcf7fb1d07462' }, "B")), index.h("smoothly-table-expandable-row", { key: '1fbeb1c02c74a8535b8a3e99eafe4ea1de41e681' }, index.h("smoothly-table-cell", { key: '231d97ac3db7fe1b03d8aaea0ec29fda4c1a5048' }, "a"), index.h("smoothly-table-cell", { key: '68dff099ecb82db50855e7cb3e112b2995e32a23' }, "b"), index.h("div", { key: '865fe5e2a23d3b1f54e95143a984bae82acc2a77', slot: "detail" }, index.h("smoothly-table", { key: 'e4f4a570933947e0d4f44931faa338d36333d11d' }, index.h("smoothly-table-row", { key: 'a79d996b8379c827338582935acef2ff63ae8ca7' }, index.h("smoothly-table-header", { key: '9291c72081d0a22abd6b19c92a8933b8b8166d1f' }, "C"), index.h("smoothly-table-header", { key: '5c565e4ae8490487268572d894532857ea1ae099' }, "D")), index.h("smoothly-table-row", { key: '11341b4f4125c76e064acc3fa63bee97c6696b5e' }, index.h("smoothly-table-cell", { key: '3d97243331982c26856e5daed7a1598ad26babab' }, "c"), index.h("smoothly-table-cell", { key: 'bfc5d405996af09dd68a6f7750e9a0988ab4be58' }, "d")), index.h("smoothly-table-row", { key: 'fbec2c47d3abe0ec3e70117e306a700de36df841' }, index.h("smoothly-table-cell", { key: 'e08b1f6658ede08deb5fd2f88198abd1e45eafb3' }, "ccc"), index.h("smoothly-table-cell", { key: '425425eaeff1ee04cca2d07d0aede62db69cf6c3' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '9e6f1cae9880f9574524988a39b1d023e8f08d8b' }, index.h("smoothly-table-cell", { key: '1022024383d7f86dbacbb828e0ed2fa97b932de4' }, "cccc"), index.h("smoothly-table-cell", { key: 'd6616760c8733ad3eb60b0474eff49e9094e0fbb' }, "dddd"), index.h("div", { key: '441da50764d736e8dfccab8937ee21d8e56c2b6f', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'cb5d8bf49feed6709b7537a5de1fb78678e9af55' }, index.h("smoothly-table-cell", { key: '746a84703b171f5cc8040cf9d1f552503921d1a5' }, "ccccc"), index.h("smoothly-table-cell", { key: '59e5274568105e57260003c00bd5d68505be7a4a' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '101acf93f5b09d56e6907c82feceeff1c126dfab' }, index.h("smoothly-table-cell", { key: 'ed64b7426134962a3b5249d6c23b839abb2454b8' }, "cccc"), index.h("smoothly-table-cell", { key: 'fad38fe7da37390a63a1a6a0b4fa65997b3c006e' }, "dddd"), index.h("div", { key: '0c2d944f9d3d92ac3cf356796700440051e5e4c7', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: 'f568421c003f29d5387a681088b8e9586e209308' }, "Demo table 8"), " ", index.h("span", { key: 'edfa46d4fa1c006c299a2992fb55fe810cbdbb34' }, "not nested"), index.h("smoothly-table", { key: '4b9a4e9aa95d13b99eec4e7d65efa9b149b2e5dd' }, index.h("smoothly-table-row", { key: '64dbda195034ce8c1af3e1d5f074b896c8e29c87' }, index.h("smoothly-table-header", { key: '7594ae242a8d01a23d04be8ef620e9f8f91ad7e6' }, "C"), index.h("smoothly-table-header", { key: '7c070cf6e67848345c81d9ac3c695c484e360d9f' }, "D")), index.h("smoothly-table-row", { key: '6bccef971372b8e4998fec276b97a64738b130e0' }, index.h("smoothly-table-cell", { key: '048de377a129025e3e26b88f246c45683d164eba' }, "c"), index.h("smoothly-table-cell", { key: 'dbc7a454efe83121e8224532aa807f2c17c2c1a8' }, "d")), index.h("smoothly-table-row", { key: '6147aac1ce855b2dc84bfa322bf42bf1c0121352' }, index.h("smoothly-table-cell", { key: '330fd035432e9eeefa309e594c318cbeb8383c37' }, "cc"), index.h("smoothly-table-cell", { key: '74e6fab00b746b7adad7f060d20b0012027bbb80' }, "dd")), index.h("smoothly-table-row", { key: 'c29811c8026389a6a9ebffeb426600e7b7e95da4' }, index.h("smoothly-table-cell", { key: '85a36ae8c11fb2306e649a280edc07d77d296778' }, "ccc"), index.h("smoothly-table-cell", { key: '229ed440123c56a2efc093b6ca7302dbffc3f482' }, "ddd"))), index.h("h4", { key: '1afcb0588f6197a71be7297086a447ad1d4c6e67' }, "Demo table 9"), index.h("smoothly-table", { key: '793020b5eeb23051006b5b3aff9f2dc54621862d' }, index.h("smoothly-table-row", { key: 'f78300d2e0426f4b396fa700ed410296293b4720' }, index.h("smoothly-table-header", { key: '6555bfe5f7126bdfb3893e28dc6e14f93f753035' }, "First name"), index.h("smoothly-table-header", { key: 'f53343b384d14e3b0d836be67fae767bb0f0ab42' }, "Last name"), index.h("smoothly-table-header", { key: '4aea5764668b05feedcb7cafe5019fb4a8f4a0fd', style: { width: "1px" } }, index.h("smoothly-icon", { key: '9486f21178c6924d90e645222cd53bf4cfa0785c', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '51f9a9a20533ca9a50fa19754848d267fce22846' }, index.h("smoothly-table-cell", { key: 'b32bd3e642eb51883db341c87f2e0574515676e1' }, "Jessie"), index.h("smoothly-table-cell", { key: 'd8ef084e35689689a986dbe4360f009fc73ac1cf' }, "Doe"), index.h("smoothly-table-cell", { key: '096ce1e96664749f97b5582253eea88406d0ced6' }), index.h("div", { key: 'ef0ed777cfe09b07593d33a22ea127089e9673a2', slot: "detail" }, index.h("p", { key: '556beef30ec8abf247164957981beb276a7ed5b7' }, "This is Jessie")))), index.h("h4", { key: '4f498dae32bce88e90231a889d861c72af674d15' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: 'a78e2ee5f1d18680fd74cbd3c49861010ae80d31' }, index.h("smoothly-table-row", { key: '8f0fe1ae26d8dd3a1173ae9451929e52d63b3eb4' }, index.h("smoothly-table-header", { key: 'fefed592982b5fc3ecc2b7f23be25afbb2959462' }, "Company")), index.h("smoothly-table-expandable-row", { key: 'ef200f4f8ba0d3c73e2d24c822763464644f7f25' }, index.h("smoothly-table-cell", { key: '9cb9737853cbfa20ddddb4f6943a93f6c4fd3308' }, "Proquse"), index.h("smoothly-lazy", { key: '886120055f556a55006bbb480945fc7dd51f024b', 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: '2f25284a982e1850f27d1f12bd190f58233e8b52' }, index.h("smoothly-table-cell", { key: '17f46dfd82b0a22ebb8cf199380b88f2bedb1adf' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '2c1b7288907e381d41cd2a6c1082d944c8a45949', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: 'de079a850daa8f60971698f7be53787f044fd8ef' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: '2e9814c94d95c6c29ca56826717827cc9680f8f3' }, index.h("smoothly-table-row", { key: '803e4f2a4d097cb4bb5493390789596be6faa981' }, index.h("smoothly-table-header", { key: '1cbfd4539616f8fd22c36fe8693c2faaedd13b52' }, "Company")), index.h("smoothly-table-row", { key: '6ad186598a4fa6c1e00997ba8e9cc8d0bcb84ceb' }, index.h("smoothly-table-expandable-cell", { key: '2a2e1e4a16940360931cdc181a98aacd4a247bd2' }, "Proquse", index.h("smoothly-lazy", { key: '546b64560abaaf4e84e6797d6d520066b5db9fc7', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: 'd2b8d8b297431e5fb442274386113dff49a3dd1c' }, index.h("smoothly-table-expandable-cell", { key: 'a070d0a36fa8a2c64a0dbc229d68b9457ca88aa2' }, "Pax2Pay", index.h("smoothly-lazy", { key: '443ce1e85c52e92e836ca39fe0ca1bf9e5950694', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '9ebf6eddbe481e618779d4a7d27b4d63f0249bb9' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '95f2cd7526ebbbafcc2774a63b529f3bc565e64f' }, index.h("smoothly-table-row", { key: '72180dd94fd98e9e058829265c854bd3c32b478e' }, index.h("smoothly-table-header", { key: '60ae4379e38f38b0400b01ff7ff9389fcd552778' }, "Name"), index.h("smoothly-table-header", { key: 'b3ed08517c269eeb7b5920014e8064975657de7d' }, "Age"), index.h("smoothly-table-header", { key: '0ee87e75a0438c8de39e5ac5f390d0f489e2bd7c' }, "Location")), index.h("smoothly-table-row", { key: '9690b3e6321d4c704fed378edfc254ee7cbb643f' }, index.h("smoothly-table-expandable-cell", { key: 'a452ace2f952209ef3bc42cfd76843c3c7c05932' }, "Jessie", index.h("div", { key: '297d25bdd2c25adee22d9766d249ef716d858156', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: 'bea08fff22a6209027cd1bbf722aa3554139a6c5' }, new Date().getFullYear() - 2000, index.h("div", { key: '234b8c6adf0d9e33cc5aaf15bc7d58844dfad36e', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '112c0e5c9ad59c478cf92760f70ce022b836db11' }, "UK", index.h("div", { key: '08598f734a6ab11618bde56a0d4e03dc230a60ea', slot: "detail" }, "London"))))));
|
|
12294
12291
|
}
|
|
12295
12292
|
};
|
|
12296
12293
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12362,16 +12359,16 @@ const TableDemoFiltered = class {
|
|
|
12362
12359
|
}
|
|
12363
12360
|
render() {
|
|
12364
12361
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12365
|
-
return (index.h(index.Host, { key: '
|
|
12362
|
+
return (index.h(index.Host, { key: '8436f141526b9c55d4be6325f5a444ced1c9417a' }, index.h("smoothly-filter", { key: 'db0d5f7372ccd8c0143877d84af317c5e33edaa9' }, index.h("smoothly-filter-toggle", { key: '6f341e2fee76b8aae259ebe5dad6ae344b1fe4cf', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '196ee3941dade3cf49f42790dd8bbbd506df1243', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'd731e564af3357d265553ad63e9d21d047761a9b', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '3927017371313b331fe0e5446e83309ea7f13608', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-picker", { key: '6b85c4ff4b868d10a8b64271594dcd197cce252c', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12366
12363
|
this.cats.map(cat => {
|
|
12367
12364
|
var _a;
|
|
12368
12365
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-picker-option", { value: cat.nested.coat }, cat.nested.coat));
|
|
12369
|
-
})), index.h("div", { key: '
|
|
12366
|
+
})), index.h("div", { key: '39e3d68604dec80880bf261fb435369b87db41fd', slot: "detail" }, index.h("smoothly-form", { key: '604a031c5deb175156549d4544dea87bbdcd9cc1', looks: "border" }, index.h("smoothly-filter-picker", { key: 'c48ce6b02b5597f253e583699bedc80312bd5452', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12370
12367
|
this.cats.map(cat => {
|
|
12371
12368
|
var _a;
|
|
12372
12369
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-picker-option", { value: cat.nested.coat }, cat.nested.coat));
|
|
12373
|
-
})), index.h("smoothly-filter-picker", { key: '
|
|
12374
|
-
this.cats.map(cat => cat.breed && index.h("smoothly-picker-option", { value: cat.breed }, cat.breed))), index.h("smoothly-filter-picker", { key: '
|
|
12370
|
+
})), index.h("smoothly-filter-picker", { key: '1378ce7a79a61ff6cc3f46281e3181b788de1f1c', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12371
|
+
this.cats.map(cat => cat.breed && index.h("smoothly-picker-option", { value: cat.breed }, cat.breed))), index.h("smoothly-filter-picker", { key: '6b6bb2ec5513e3d3ab825560bd0375a1375e9ecf', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.values(names).flatMap(names => names.map(name => index.h("smoothly-picker-option", { value: name }, name)))), index.h("smoothly-filter-input", { key: '1c3c4c48b195c765779870f1cda07a45e8e222d3', property: "coat", placeholder: "ex. Short" }), index.h("smoothly-filter-input", { key: 'b94202afcffd6f68c1e6e784b7c20d77b1dbb5c7', property: "nested.coat", placeholder: "ex. Rex" })))), !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 : "?"}` })))))));
|
|
12375
12372
|
}
|
|
12376
12373
|
};
|
|
12377
12374
|
const names = {
|
|
@@ -12427,7 +12424,7 @@ const TableExpandableCell = class {
|
|
|
12427
12424
|
event.detail(this.element);
|
|
12428
12425
|
}
|
|
12429
12426
|
render() {
|
|
12430
|
-
return (index.h(index.Host, { key: '
|
|
12427
|
+
return (index.h(index.Host, { key: '01f4b3289401f711331ae3e894d9d518c41a518e' }, index.h("div", { key: 'da98676da3686a3fe592f347a9d7ce3ebd3b2718' }, index.h("smoothly-icon", { key: 'f8e5c0613d684a5a28f91da495e62078886d9c32', name: "caret-forward-outline" }), index.h("slot", { key: '6bc84447988ef717d9a54ef2a4ad7f1a75938818' })), index.h("tr", { key: '86a63fc765997ab0042faa39b12ca0bdbfa634d8', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: 'a9a5fec75821f12f10c61753c973f87de27c933b', colSpan: 999 }, index.h("slot", { key: 'fa251960f647b25f91b3f6fb6a933ef3cb6ef796', name: "detail" })))));
|
|
12431
12428
|
}
|
|
12432
12429
|
get element() { return index.getElement(this); }
|
|
12433
12430
|
static get watchers() { return {
|
|
@@ -12463,7 +12460,7 @@ const TableExpandableRow = class {
|
|
|
12463
12460
|
event.detail(this.element);
|
|
12464
12461
|
}
|
|
12465
12462
|
render() {
|
|
12466
|
-
return (index.h(index.Host, { key: '
|
|
12463
|
+
return (index.h(index.Host, { key: '8c154282fc2b0cdf238b6d9f15b7bdeaa2bcac32' }, index.h("div", { key: '7aaffd3eb486d1f3e45b630989a38fe4bd666449', onClick: () => (this.open = !this.open) }, index.h("slot", { key: '4f89ed4a7097f3a8b8993de8632c2626a3c8f6b1' })), index.h("tr", { key: 'f0df48e2ae451371aad86a7210d722f07a81d7f2', class: { spotlight: this.spotlight } }, index.h("td", { key: '3d7128448ebad9976a10d446d475f5fb369061d4', colSpan: 999 }, index.h("slot", { key: '5f408233e4257736c481880e834c4423c18f755e', name: "detail" })))));
|
|
12467
12464
|
}
|
|
12468
12465
|
get element() { return index.getElement(this); }
|
|
12469
12466
|
static get watchers() { return {
|
|
@@ -12481,7 +12478,7 @@ const TableFooter = class {
|
|
|
12481
12478
|
index.registerInstance(this, hostRef);
|
|
12482
12479
|
}
|
|
12483
12480
|
render() {
|
|
12484
|
-
return index.h("slot", { key: '
|
|
12481
|
+
return index.h("slot", { key: 'cf1fb831ad1f2ca9cd531152cacf757134d70ece' });
|
|
12485
12482
|
}
|
|
12486
12483
|
};
|
|
12487
12484
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12495,7 +12492,7 @@ const TableHeader = class {
|
|
|
12495
12492
|
this.name = undefined;
|
|
12496
12493
|
}
|
|
12497
12494
|
render() {
|
|
12498
|
-
return (index.h(index.Host, { key: '
|
|
12495
|
+
return (index.h(index.Host, { key: 'b6b204e67ff6c8b9256ad9f89adb6c817d9c3dd8' }, index.h("slot", { key: '460d4a4af3f065542ba8db4e2c9f2615500993dd' })));
|
|
12499
12496
|
}
|
|
12500
12497
|
};
|
|
12501
12498
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12525,7 +12522,7 @@ const TableRow = class {
|
|
|
12525
12522
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12526
12523
|
}
|
|
12527
12524
|
render() {
|
|
12528
|
-
return (index.h("div", { key: '
|
|
12525
|
+
return (index.h("div", { key: 'b67554f7bc09440e5df21c51ba47e5571e671c07', ref: e => (this.element = e) }, index.h("slot", { key: '7232f943ffd0847a502780dfbe1120fa7c66945f' })));
|
|
12529
12526
|
}
|
|
12530
12527
|
};
|
|
12531
12528
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12567,7 +12564,7 @@ const SmoothlyTableTesting = class {
|
|
|
12567
12564
|
this.counter = 0;
|
|
12568
12565
|
}
|
|
12569
12566
|
render() {
|
|
12570
|
-
return (index.h(index.Host, { key: '
|
|
12567
|
+
return (index.h(index.Host, { key: '5e6e77cb997845ddd09fd2299f17194e689df2d8' }, index.h("smoothly-table", { key: 'c745d35b5a5ec698a2041c6c8e7f34de0ec3a0a0', color: "dark" }, index.h("smoothly-table-row", { key: '8bd6931b1feacca99a4e026a972bdc4eb55c8662' }, index.h("smoothly-table-header", { key: 'a913c222063a4d81b197b808c8541668d47dac94' }, "Type"), index.h("smoothly-table-header", { key: '15e9a3acf9dca5875145cb9f914f6b0bbad8658e' }, "Name"), index.h("smoothly-table-header", { key: 'a612de63825da0d1dd809af576d61c4355803526' }, "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: 'e844e5d29fa1a9da39e102f2dae66c73df08f121' }, index.h("td", { key: '10e6efbf206f40cdc2edc944fe0ecbaede7b4de1', colSpan: 2 }, index.h("div", { key: 'b65eb351c46e66c1c13a8661747bbbd7ed9bfbbf', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: 'b07fccc9742945564b1e447da07b7c990439c90b', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: 'ae0dc8784c6fca2267cb039202bc08ab227da3a7' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12571
12568
|
}
|
|
12572
12569
|
};
|
|
12573
12570
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12581,7 +12578,7 @@ const SmoothlyThemeColor = class {
|
|
|
12581
12578
|
this.color = undefined;
|
|
12582
12579
|
}
|
|
12583
12580
|
render() {
|
|
12584
|
-
return (index.h(index.Host, { key: '
|
|
12581
|
+
return (index.h(index.Host, { key: 'e0cfdb9162f4fd84fb1b741e566c6622205b773b' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { color: this.color, variant: variant })))));
|
|
12585
12582
|
}
|
|
12586
12583
|
};
|
|
12587
12584
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12634,11 +12631,11 @@ const SmoothlyThemePicker = class {
|
|
|
12634
12631
|
this.element = "smoothly-css";
|
|
12635
12632
|
}
|
|
12636
12633
|
render() {
|
|
12637
|
-
return (index.h(index.Host, { key: '
|
|
12634
|
+
return (index.h(index.Host, { key: 'a57a318b439999489895f54fc433251d17a7d18c' }, index.h("smoothly-input-select", { key: 'dfdf087224961651c1f8a36b428945b43ea5ab56', name: "theme", onSmoothlyInput: e => {
|
|
12638
12635
|
const element = document.querySelector(`#${this.element}`);
|
|
12639
12636
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12640
12637
|
element.href = e.detail.theme;
|
|
12641
|
-
} }, index.h("slot", { key: '
|
|
12638
|
+
} }, index.h("slot", { key: 'dc4bac50cce537c74e05ec1e8d78d4049221f219' }))));
|
|
12642
12639
|
}
|
|
12643
12640
|
};
|
|
12644
12641
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12659,7 +12656,7 @@ const SmoothlyToggle = class {
|
|
|
12659
12656
|
this.selected = !this.selected;
|
|
12660
12657
|
}
|
|
12661
12658
|
render() {
|
|
12662
|
-
return (index.h("button", { key: '
|
|
12659
|
+
return (index.h("button", { key: '40730146ebc9ea13031e2b4fdd1d611d9e13276c' }, index.h("slot", { key: '942a0d8b801a65419f5383031b5b6619a374ecac', name: "icon-slot" }), index.h("slot", { key: '8d985e3ab821f4dd8b31235b1e330f268ba0ce5a' }, this.name)));
|
|
12663
12660
|
}
|
|
12664
12661
|
};
|
|
12665
12662
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12683,7 +12680,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12683
12680
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12684
12681
|
}
|
|
12685
12682
|
render() {
|
|
12686
|
-
return (index.h(index.Host, { key: '
|
|
12683
|
+
return (index.h(index.Host, { key: 'f8a477973fd07290bc16843b26b6f9eb03c700ea' }, index.h("button", { key: 'dd07400dd0fdb4ed70fcc51f25fe841e9c7562ba', disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: '41c84b59573063414ac58ea877540dd7b4538ade', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12687
12684
|
}
|
|
12688
12685
|
};
|
|
12689
12686
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12714,7 +12711,7 @@ const SmoothlyTrigger = class {
|
|
|
12714
12711
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
12715
12712
|
break;
|
|
12716
12713
|
case "button":
|
|
12717
|
-
result = (index.h("button", { key: '
|
|
12714
|
+
result = (index.h("button", { key: '3b1d2988da86527659c132d6ae3f058696b3f640', disabled: this.disabled, name: this.name }, index.h("slot", { key: '99855394591a16957a307bd59816000499a9ac22' })));
|
|
12718
12715
|
break;
|
|
12719
12716
|
}
|
|
12720
12717
|
return result;
|
|
@@ -12728,7 +12725,7 @@ const SmoothlyTuple = class {
|
|
|
12728
12725
|
this.tuple = undefined;
|
|
12729
12726
|
}
|
|
12730
12727
|
render() {
|
|
12731
|
-
return [index.h("b", { key: '
|
|
12728
|
+
return [index.h("b", { key: '3e0b9765da607b3914c7bfba45e88a894f22eb36' }, this.tuple[0]), ": ", this.tuple[1], index.h("br", { key: '99c3bd25532cbfbf57ff6449e7d3f5cd73b844d3' })];
|
|
12732
12729
|
}
|
|
12733
12730
|
};
|
|
12734
12731
|
|