smoothly 1.1.1-alpha.76 → 1.1.1-alpha.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-app_94.cjs.entry.js → smoothly-app_93.cjs.entry.js} +96 -94
- package/dist/cjs/smoothly-app_93.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly-color.cjs.entry.js +23 -0
- package/dist/cjs/smoothly-color.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/next/demo/group/index.js +1 -1
- package/dist/collection/components/next/demo/group/index.js.map +1 -1
- package/dist/collection/components/next/demo/nested/index.js +1 -1
- package/dist/collection/components/next/demo/nested/index.js.map +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/demo/simple/simple.js.map +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/group/index.js +1 -1
- package/dist/collection/components/next/table/head/index.js +1 -1
- package/dist/collection/components/next/table/index.js +1 -1
- package/dist/collection/components/next/table/row/index.js +1 -1
- package/dist/collection/components/notification/index.js +1 -1
- package/dist/collection/components/notifier/index.js +2 -2
- package/dist/collection/components/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/spinner/index.js +2 -2
- package/dist/collection/components/submit/index.js +1 -1
- package/dist/collection/components/summary/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +5 -5
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/testing/index.js +1 -1
- package/dist/collection/components/table/expandable/cell/index.js +1 -1
- package/dist/collection/components/table/expandable/row/index.js +1 -1
- package/dist/collection/components/table/footer/index.js +1 -1
- package/dist/collection/components/table/header/index.js +1 -1
- package/dist/collection/components/table/index.js +1 -1
- package/dist/collection/components/table/row/index.js +1 -1
- package/dist/collection/components/tabs/demo/index.js +1 -1
- package/dist/collection/components/tabs/index.js +1 -1
- package/dist/collection/components/tabs/tab/index.js +1 -1
- package/dist/collection/components/theme/color/index.js +1 -1
- package/dist/collection/components/theme/demo/index.js +1 -1
- package/dist/collection/components/theme/guide/index.js +8 -8
- package/dist/collection/components/theme/picker/index.js +2 -2
- package/dist/collection/components/toggle/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +1 -1
- package/dist/collection/components/trigger/index.js +1 -1
- package/dist/collection/components/trigger/sink/index.js +1 -1
- package/dist/collection/components/trigger/source/index.js +1 -1
- package/dist/components/{p-47cae6aa.js → p-00176e8c.js} +2 -2
- package/dist/components/{p-47cae6aa.js.map → p-00176e8c.js.map} +1 -1
- package/dist/components/{p-f0d21c65.js → p-023a2e64.js} +3 -3
- package/dist/components/{p-f0d21c65.js.map → p-023a2e64.js.map} +1 -1
- package/dist/components/{p-13e45b6d.js → p-0c0fe9cf.js} +3 -3
- package/dist/components/{p-13e45b6d.js.map → p-0c0fe9cf.js.map} +1 -1
- package/dist/components/{p-e163931c.js → p-0e976832.js} +2 -2
- package/dist/components/{p-e163931c.js.map → p-0e976832.js.map} +1 -1
- package/dist/components/{p-0b270579.js → p-10d95683.js} +12 -18
- package/dist/components/p-10d95683.js.map +1 -0
- package/dist/components/{p-70d8f891.js → p-11ea4eca.js} +2 -2
- package/dist/components/{p-70d8f891.js.map → p-11ea4eca.js.map} +1 -1
- package/dist/components/{p-8199860b.js → p-157cc4ae.js} +19 -19
- package/dist/components/{p-8199860b.js.map → p-157cc4ae.js.map} +1 -1
- package/dist/components/{p-9c7ed9ba.js → p-22a42ff7.js} +2 -2
- package/dist/components/{p-9c7ed9ba.js.map → p-22a42ff7.js.map} +1 -1
- package/dist/components/{p-068205e4.js → p-2838a4dc.js} +3 -3
- package/dist/components/{p-068205e4.js.map → p-2838a4dc.js.map} +1 -1
- package/dist/components/{p-83cebccf.js → p-2ada1fab.js} +2 -2
- package/dist/components/{p-83cebccf.js.map → p-2ada1fab.js.map} +1 -1
- package/dist/components/{p-6011bd18.js → p-2cc69d85.js} +2 -2
- package/dist/components/{p-6011bd18.js.map → p-2cc69d85.js.map} +1 -1
- package/dist/components/{p-f645719e.js → p-2d689afd.js} +3 -3
- package/dist/components/{p-f645719e.js.map → p-2d689afd.js.map} +1 -1
- package/dist/components/{p-f8d11f29.js → p-2e76caa5.js} +2 -2
- package/dist/components/{p-f8d11f29.js.map → p-2e76caa5.js.map} +1 -1
- package/dist/components/{p-8e26edfc.js → p-2f95c7e7.js} +2 -2
- package/dist/components/{p-8e26edfc.js.map → p-2f95c7e7.js.map} +1 -1
- package/dist/components/{p-abef7b76.js → p-30a4732f.js} +3 -3
- package/dist/components/{p-abef7b76.js.map → p-30a4732f.js.map} +1 -1
- package/dist/components/{p-cff159f1.js → p-34ca9a04.js} +3 -3
- package/dist/components/{p-cff159f1.js.map → p-34ca9a04.js.map} +1 -1
- package/dist/components/{p-0f663ebd.js → p-3d0b925a.js} +4 -4
- package/dist/components/{p-0f663ebd.js.map → p-3d0b925a.js.map} +1 -1
- package/dist/components/{p-4640c0e8.js → p-4217fb08.js} +2 -2
- package/dist/components/{p-4640c0e8.js.map → p-4217fb08.js.map} +1 -1
- package/dist/components/{p-4d9d644a.js → p-44f13c6b.js} +2 -2
- package/dist/components/{p-4d9d644a.js.map → p-44f13c6b.js.map} +1 -1
- package/dist/components/{p-62c0a96a.js → p-464313d3.js} +2 -2
- package/dist/components/{p-62c0a96a.js.map → p-464313d3.js.map} +1 -1
- package/dist/components/{p-fd207cba.js → p-46a2eedf.js} +10 -10
- package/dist/components/{p-fd207cba.js.map → p-46a2eedf.js.map} +1 -1
- package/dist/components/{p-0b75b823.js → p-47f4ee01.js} +2 -2
- package/dist/components/{p-0b75b823.js.map → p-47f4ee01.js.map} +1 -1
- package/dist/components/{p-252b1b0a.js → p-47f65ca7.js} +2 -2
- package/dist/components/{p-252b1b0a.js.map → p-47f65ca7.js.map} +1 -1
- package/dist/components/{p-8b2c9568.js → p-48b13a1a.js} +4 -4
- package/dist/components/{p-8b2c9568.js.map → p-48b13a1a.js.map} +1 -1
- package/dist/components/{p-7686fcdf.js → p-4d8b8169.js} +2 -2
- package/dist/components/{p-7686fcdf.js.map → p-4d8b8169.js.map} +1 -1
- package/dist/components/{p-5fb67d85.js → p-554e8b0c.js} +4 -4
- package/dist/components/{p-5fb67d85.js.map → p-554e8b0c.js.map} +1 -1
- package/dist/components/{p-a0855ad8.js → p-58141d72.js} +5 -5
- package/dist/components/{p-a0855ad8.js.map → p-58141d72.js.map} +1 -1
- package/dist/components/{p-3dc0059c.js → p-61695ae0.js} +2 -2
- package/dist/components/{p-3dc0059c.js.map → p-61695ae0.js.map} +1 -1
- package/dist/components/{p-c9cafe5f.js → p-62811e6b.js} +2 -2
- package/dist/components/{p-c9cafe5f.js.map → p-62811e6b.js.map} +1 -1
- package/dist/components/p-6b47d2a7.js +99 -0
- package/dist/components/p-6b47d2a7.js.map +1 -0
- package/dist/components/{p-033af975.js → p-6e7002bd.js} +2 -2
- package/dist/components/{p-033af975.js.map → p-6e7002bd.js.map} +1 -1
- package/dist/components/{p-7b89bee3.js → p-757cbe93.js} +3 -3
- package/dist/components/{p-7b89bee3.js.map → p-757cbe93.js.map} +1 -1
- package/dist/components/{p-62ab7c33.js → p-76c26961.js} +7 -7
- package/dist/components/{p-62ab7c33.js.map → p-76c26961.js.map} +1 -1
- package/dist/components/{p-0d82c3c7.js → p-7a26283c.js} +3 -3
- package/dist/components/{p-0d82c3c7.js.map → p-7a26283c.js.map} +1 -1
- package/dist/components/p-7c07eb47.js +183 -0
- package/dist/components/{p-c81361b3.js.map → p-7c07eb47.js.map} +1 -1
- package/dist/components/{p-175af0cd.js → p-7eaba509.js} +2 -2
- package/dist/components/{p-175af0cd.js.map → p-7eaba509.js.map} +1 -1
- package/dist/components/{p-0211b746.js → p-7ebca2c3.js} +2 -2
- package/dist/components/{p-0211b746.js.map → p-7ebca2c3.js.map} +1 -1
- package/dist/components/{p-36702bed.js → p-802e206b.js} +2 -2
- package/dist/components/{p-36702bed.js.map → p-802e206b.js.map} +1 -1
- package/dist/components/{p-5a123527.js → p-825d36f6.js} +2 -2
- package/dist/components/{p-5a123527.js.map → p-825d36f6.js.map} +1 -1
- package/dist/components/{p-445ed4b4.js → p-848a5486.js} +5 -5
- package/dist/components/{p-445ed4b4.js.map → p-848a5486.js.map} +1 -1
- package/dist/components/{p-9986ee7a.js → p-94752df4.js} +2 -2
- package/dist/components/{p-9986ee7a.js.map → p-94752df4.js.map} +1 -1
- package/dist/components/{p-1a1398e8.js → p-94861ebf.js} +24 -30
- package/dist/components/p-94861ebf.js.map +1 -0
- package/dist/components/{p-9efcb1a8.js → p-9bcc30c3.js} +14 -14
- package/dist/components/{p-9efcb1a8.js.map → p-9bcc30c3.js.map} +1 -1
- package/dist/components/{p-cb9fa266.js → p-9e8065f2.js} +2 -2
- package/dist/components/{p-cb9fa266.js.map → p-9e8065f2.js.map} +1 -1
- package/dist/components/{p-dd230fbb.js → p-a378ddd5.js} +4 -4
- package/dist/components/{p-dd230fbb.js.map → p-a378ddd5.js.map} +1 -1
- package/dist/components/{p-d92ffdf8.js → p-a7946789.js} +14 -14
- package/dist/components/{p-d92ffdf8.js.map → p-a7946789.js.map} +1 -1
- package/dist/components/{p-4b4bd1b5.js → p-a7ab0ee3.js} +2 -2
- package/dist/components/{p-4b4bd1b5.js.map → p-a7ab0ee3.js.map} +1 -1
- package/dist/components/{p-5a66e94a.js → p-ab80dba5.js} +6 -6
- package/dist/components/{p-5a66e94a.js.map → p-ab80dba5.js.map} +1 -1
- package/dist/components/{p-4af8edea.js → p-afc6043a.js} +2 -2
- package/dist/components/{p-4af8edea.js.map → p-afc6043a.js.map} +1 -1
- package/dist/components/{p-dcafdc77.js → p-b1ee8a80.js} +2 -2
- package/dist/components/{p-dcafdc77.js.map → p-b1ee8a80.js.map} +1 -1
- package/dist/components/{p-d39e86fa.js → p-b9c48f3a.js} +12 -18
- package/dist/components/p-b9c48f3a.js.map +1 -0
- package/dist/components/{p-8470397f.js → p-b9e497af.js} +2 -2
- package/dist/components/{p-8470397f.js.map → p-b9e497af.js.map} +1 -1
- package/dist/components/{p-5f532bfe.js → p-bb0b65dc.js} +2 -2
- package/dist/components/{p-5f532bfe.js.map → p-bb0b65dc.js.map} +1 -1
- package/dist/components/{p-b87c3563.js → p-be3768ec.js} +2 -2
- package/dist/components/{p-b87c3563.js.map → p-be3768ec.js.map} +1 -1
- package/dist/components/p-c5807da7.js +164 -0
- package/dist/components/{p-fe5a2027.js.map → p-c5807da7.js.map} +1 -1
- package/dist/components/{p-ed6f27c4.js → p-c7f1ecfe.js} +2 -2
- package/dist/components/{p-ed6f27c4.js.map → p-c7f1ecfe.js.map} +1 -1
- package/dist/components/{p-d44f2d5d.js → p-db59b108.js} +2 -2
- package/dist/components/{p-d44f2d5d.js.map → p-db59b108.js.map} +1 -1
- package/dist/components/{p-df47e031.js → p-df720506.js} +23 -6
- package/dist/components/p-df720506.js.map +1 -0
- package/dist/components/{p-56ed03a1.js → p-e2c70e8e.js} +16 -16
- package/dist/components/{p-56ed03a1.js.map → p-e2c70e8e.js.map} +1 -1
- package/dist/components/{p-ffe70318.js → p-e412378e.js} +2 -2
- package/dist/components/{p-ffe70318.js.map → p-e412378e.js.map} +1 -1
- package/dist/components/{p-99a99b05.js → p-e605534a.js} +2 -2
- package/dist/components/{p-99a99b05.js.map → p-e605534a.js.map} +1 -1
- package/dist/components/{p-c8381cd9.js → p-e788bdb9.js} +2 -2
- package/dist/components/{p-c8381cd9.js.map → p-e788bdb9.js.map} +1 -1
- package/dist/components/{p-dfdec79b.js → p-e7d4dc6e.js} +2 -2
- package/dist/components/{p-dfdec79b.js.map → p-e7d4dc6e.js.map} +1 -1
- package/dist/components/{p-4fadb153.js → p-f09f7aac.js} +8 -8
- package/dist/components/{p-4fadb153.js.map → p-f09f7aac.js.map} +1 -1
- package/dist/components/{p-fea6ef5e.js → p-f3bc2e14.js} +2 -2
- package/dist/components/{p-fea6ef5e.js.map → p-f3bc2e14.js.map} +1 -1
- package/dist/components/{p-96026be7.js → p-faf7e0b7.js} +8 -8
- package/dist/components/{p-96026be7.js.map → p-faf7e0b7.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +79 -85
- package/dist/components/smoothly-app-demo.js.map +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-color.js +32 -1
- package/dist/components/smoothly-color.js.map +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.js +1 -1
- package/dist/components/smoothly-form.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-reset.js +1 -1
- package/dist/components/smoothly-input.js +1 -1
- package/dist/components/smoothly-next-demo-colspan.js +1 -1
- package/dist/components/smoothly-next-demo-group.js +1 -1
- package/dist/components/smoothly-next-demo-nested-inner.js +1 -1
- package/dist/components/smoothly-next-demo-nested.js +1 -1
- package/dist/components/smoothly-next-demo-simple.js +1 -1
- package/dist/components/smoothly-next-demo.js +1 -1
- package/dist/components/smoothly-next-table-body.js +1 -1
- package/dist/components/smoothly-next-table-cell.js +1 -1
- package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-next-table-expandable-cell.js +1 -1
- package/dist/components/smoothly-next-table-expandable-row.js +1 -1
- package/dist/components/smoothly-next-table-foot.js +1 -1
- package/dist/components/smoothly-next-table-head.js +1 -1
- package/dist/components/smoothly-next-table-row-group.js +1 -1
- package/dist/components/smoothly-next-table-row.js +1 -1
- package/dist/components/smoothly-next-table.js +1 -1
- package/dist/components/smoothly-notification.js +1 -1
- package/dist/components/smoothly-notifier.js +1 -1
- package/dist/components/smoothly-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-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-tab.js +1 -1
- package/dist/components/smoothly-table-cell.js +1 -1
- package/dist/components/smoothly-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-table-demo.js +1 -1
- package/dist/components/smoothly-table-expandable-cell.js +1 -1
- package/dist/components/smoothly-table-expandable-row.js +1 -1
- package/dist/components/smoothly-table-footer.js +1 -1
- package/dist/components/smoothly-table-header.js +1 -1
- package/dist/components/smoothly-table-row.js +1 -1
- package/dist/components/smoothly-table-testing.js +1 -1
- package/dist/components/smoothly-table.js +1 -1
- package/dist/components/smoothly-tabs-demo.js +1 -1
- package/dist/components/smoothly-tabs.js +1 -1
- package/dist/components/smoothly-theme-color.js +1 -1
- package/dist/components/smoothly-theme-colors.js +1 -1
- package/dist/components/smoothly-theme-demo.js +1 -1
- package/dist/components/smoothly-theme-guide.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/components/smoothly-toggle-switch.js +1 -1
- package/dist/components/smoothly-toggle.js +1 -1
- package/dist/components/smoothly-trigger-sink.js +1 -1
- package/dist/components/smoothly-trigger-source.js +1 -1
- package/dist/components/smoothly-trigger.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-app_94.entry.js → smoothly-app_93.entry.js} +97 -94
- package/dist/esm/smoothly-app_93.entry.js.map +1 -0
- package/dist/{components/p-58680a5b.js → esm/smoothly-color.entry.js} +8 -25
- package/dist/esm/smoothly-color.entry.js.map +1 -0
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/p-0c8a6d1c.entry.js +2 -0
- package/dist/smoothly/p-cc8baf14.entry.js +2 -0
- package/dist/smoothly/p-cc8baf14.entry.js.map +1 -0
- package/dist/smoothly/{p-4314f54d.entry.js → p-d92924af.entry.js} +2 -2
- package/dist/smoothly/p-ee564977.entry.js +2 -0
- package/dist/smoothly/p-ee564977.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/smoothly-app_94.cjs.entry.js.map +0 -1
- package/dist/components/p-0b270579.js.map +0 -1
- package/dist/components/p-1a1398e8.js.map +0 -1
- package/dist/components/p-4855229f.js +0 -105
- package/dist/components/p-4855229f.js.map +0 -1
- package/dist/components/p-58680a5b.js.map +0 -1
- package/dist/components/p-c81361b3.js +0 -183
- package/dist/components/p-d39e86fa.js.map +0 -1
- package/dist/components/p-df47e031.js.map +0 -1
- package/dist/components/p-fe5a2027.js +0 -164
- package/dist/esm/smoothly-app_94.entry.js.map +0 -1
- package/dist/smoothly/p-1cdcd03f.entry.js +0 -2
- package/dist/smoothly/p-b0967cc3.entry.js +0 -2
- package/dist/smoothly/p-b0967cc3.entry.js.map +0 -1
- /package/dist/smoothly/{p-1cdcd03f.entry.js.map → p-0c8a6d1c.entry.js.map} +0 -0
- /package/dist/smoothly/{p-4314f54d.entry.js.map → p-d92924af.entry.js.map} +0 -0
|
@@ -12,8 +12,8 @@ export class Notifier {
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
return [
|
|
15
|
-
h("slot", { key: '
|
|
16
|
-
h("aside", { key: '
|
|
15
|
+
h("slot", { key: 'dbaed218cb094a1760e1d5af15e4b117997a86fa' }),
|
|
16
|
+
h("aside", { key: 'b2a7a8f6b64bee297b0bbcaa3f882f04caa11380' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
17
17
|
];
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "smoothly-notifier"; }
|
|
@@ -51,13 +51,13 @@ export class SmoothlyPickerDemo {
|
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
53
|
var _a, _b;
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: 'd2d8584bfd3a54a0e67c44764fb2178bd761efed' }, h("div", { key: '0ab0645d229a58fc3b83695fcf2744970c708e0c' }, h("smoothly-button", { key: '7d05e946bff0cd93a0ffce19f885aed4e7089f02', onClick: () => (this.counter += 1) }, "Add one"), h("smoothly-button", { key: 'd3419c58867442886ba874ad3f7b7020b64aecf2', onClick: () => (this.counter -= 1) }, "Remove one"), 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) => (h("smoothly-picker-option", { value: index, selected: index < this.counter - 1 }, index))), h("span", { key: '15168d0626abb5de1c98a73296d2f85197f64d32', slot: "search" }, "Search"), h("button", { key: 'e9231067927533eb82c1d3dcff4849bb3e6e4207', slot: "child", class: "counter-button" }, h("smoothly-icon", { key: '27b58b47dc325aca5da2b4e974bc7d29bf219726', name: "add-outline" })))), h("h5", { key: '0f4035459cc413bf1d09e09f249896bc4955a030' }, "Controlled input"), h("smoothly-button", { key: '7f9ac3ea09d4a77d5422fe3a6b74374c38e9a851', color: "secondary", onClick: () => this.clickHandler() }, !this.change ? "start edit" : "end edit"), h("smoothly-form", { key: 'f1df5ae402b32aae671c73433e9635e4c2bacfb2', class: "controlled", looks: "line", onSmoothlyFormInput: e => this.inputHandler(e) }, h("smoothly-input", { key: 'bca81b4181cee577d64fc05d7a449beabf039229', readonly: !this.change, name: "message", value: this.data.message }, "Message"), h("smoothly-picker", { key: '45d0e3ec8f4700c9a235579015e628af95e97f72', name: "emails", mutable: true, multiple: true, readonly: !this.change, validator: validateEmail, onSmoothlyPickerLoaded: e => this.loadedHandler(e) }, h("span", { key: '1b110d0928bb343014771c30bbeb8e11223f3403', slot: "label" }, "Emails"), h("span", { key: '638a1bf9bc29921b227147a69bae91dbf882582b', slot: "search" }, "Search"), h("smoothly-icon", { key: 'e9c3012a5b99d671c6ade63d8aedf5e9898a4112', 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 => {
|
|
55
55
|
var _a;
|
|
56
56
|
return (h("smoothly-picker-option", { key: email.value, value: email, selected: true, search: [(_a = this.users[email.value]) !== null && _a !== void 0 ? _a : []].flat() }, h("span", null, this.users[email.value]), h("span", { slot: "label" }, email.value), h("smoothly-icon", { size: "tiny", slot: "display", name: "person-outline" })));
|
|
57
57
|
}), this.data.options.map(email => {
|
|
58
58
|
var _a;
|
|
59
59
|
return (h("smoothly-picker-option", { key: email.value, value: email, search: [(_a = this.users[email.value]) !== null && _a !== void 0 ? _a : []].flat() }, h("span", null, this.users[email.value]), h("span", { slot: "label" }, email.value), h("smoothly-icon", { size: "tiny", slot: "display", name: "person-outline" })));
|
|
60
|
-
})), h("smoothly-input-clear", { key: '
|
|
60
|
+
})), h("smoothly-input-clear", { key: 'aaa240fa3e58bf1c9bb958fe96004b4684998c34', slot: "submit", type: "form", color: "danger", fill: "solid" }, "Clear"), h("smoothly-button", { key: 'a4545350fc24226508996357e4573e87368f09b3', slot: "submit", color: "secondary", onClick: () => { var _a; return (_a = this.controls) === null || _a === void 0 ? void 0 : _a.clear(); } }, "Removed added by mutation"), h("smoothly-submit", { key: '3c91b9112480ab67bb65eccd383b0788d15d1458', size: "icon", slot: "submit" }, h("smoothly-icon", { key: '0ad5893d4302efeba277c806b7f148f75580e696', name: "checkmark-circle" }))), h("h5", { key: '7c96b9a75c8295bab6a5a7b21dd8f2eb62ad4d09' }, "uncontrolled inputs"), h("smoothly-form", { key: '0d4fb3f5406791b9eae0e39942612dfa2015e70e', onSmoothlyFormSubmit: e => console.log("submitted", e.detail), looks: "line" }, h("smoothly-input", { key: 'e64809c750644e9e6f465d3f78ee336f6e002a37', name: "purpose", type: "text" }, "Purpose"), h("smoothly-picker", { key: 'abceb6c64a111f5df80630fe3448f10026024c2a', multiple: true, mutable: true, name: "emails", validator: validateEmail }, h("span", { key: 'b7f31c98db28893ec8798f60e0beb756fbf212e7', slot: "label" }, "Emails"), h("span", { key: '201464daedd052163861d660700b9b70aa50de5f', slot: "search" }, "Search"), h("smoothly-picker-option", { key: 'd1dc5e081101ac21621638ba7b38e7ddf47fae2d', value: "james@rocket.com" }, "james@rocket.com"), h("smoothly-picker-option", { key: 'ed7f05daab7157ab13db40f6625c4ed37843cf63', selected: true, value: "jessie@rocket.com" }, "jessie@rocket.com"), h("smoothly-picker-option", { key: '8e2793c9d2d53657181b78f4a85da37bf277c852', value: "giovanni@rocket.com" }, "giovanni@rocket.com")), h("smoothly-submit", { key: 'c880a9f5b3688c64732f223e8721135b57482df0', slot: "submit" }, "Submit"), h("smoothly-input-clear", { key: '0deb56d1a09dba398574ba4c00bee950c71c6c5c', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), h("smoothly-picker", { key: 'a0885814e43b16b836c4f15168c6a58ad0eaa559', name: "shape" }, h("span", { key: 'de47263a9e99c620f4e15f7830bd1df4aa490a9d', slot: "label" }, "Shape"), h("span", { key: 'b82781b1265b2c1c16eda15e7d7380dfeb0fac50', slot: "search" }, "Search"), h("smoothly-picker-option", { key: 'b71fe951085be3b440af8edbc1fad65771cab636', value: "circle" }, h("span", { key: 'e100724913cd2361d9498da8f17f9f3f43daee81', slot: "label" }, "Circle"), h("smoothly-icon", { key: '10c50cf663499b9dec6c9f00fb0fafcbeaa22ed5', size: "tiny", name: "ellipse-outline" })), h("smoothly-picker-option", { key: 'ea51daddbe5a411461e4ef1c8acef7be9f683222', value: "cube" }, h("span", { key: '4e6a49f2d491b3edbc480d2cf7e657e44c2d5332', slot: "label" }, "Cube"), h("smoothly-icon", { key: '5de46fa7c767a55f285df1aa8b39b96d42fed648', size: "tiny", name: "cube-outline" })), h("smoothly-picker-option", { key: 'ae1dfbf4b626256b7d42a395c98b30636df87d1d', value: "square", selected: true }, h("span", { key: '03bc6fda838c8aa8115d029833418430ae23ad7f', slot: "label" }, "Square"), h("smoothly-icon", { key: 'a72fc29432be78004bedcb145e9e8088179ce264', size: "tiny", name: "square-outline" }))), h("smoothly-picker", { key: '5465399a29c3603f8909ddc9acd34d69ca642217', multiple: true, readonly: true, name: "animals" }, h("span", { key: 'cc4f60946fdc4054a9390ae265bf886835d60707', slot: "label" }, "Animals"), h("span", { key: 'cfc10ac77ae70bcaaf2f1b65857d705bcca45aa2', slot: "search" }, "Search"), h("smoothly-picker-option", { key: '6ac9dd133fc8babeaff6ae92fb315a48db247059', selected: true, value: "cat" }, "Cat"), h("smoothly-picker-option", { key: '166e01b768b1135ae46b70f60182c7ed0634bc63', value: "dog" }, "Dog"), h("smoothly-picker-option", { key: '5f3037c674b6508762158dca80343d8ac5e8f0b4', value: "fish" }, "Fish"))), h("smoothly-picker", { key: 'ea15431ecffef169beb16d79fe3b6dcbcb9257fe', looks: "border", name: "icon", multiple: true }, h("span", { key: '688f3d96b74a9547b898d8a56e3ddcd52bbef43d', slot: "label" }, "Icon"), h("span", { key: 'cb57fa93eaad849dc91a5fee47ed9f6e2386a259', slot: "search" }, "Search"), h("smoothly-picker-option", { key: '80a88c427d2a7b9246ce99756ba4cb6b38e1cc2a', value: "circle", required: true }, h("span", { key: '072fb19aaa8bc10deb22cc07afa40662cb950737', slot: "label" }, "Circle"), h("smoothly-icon", { key: 'fea18468cb6ce7ca8ef4af5ca86afd9056bea73b', size: "tiny", name: "ellipse-outline" })), h("smoothly-picker-option", { key: '9c2b4aec785d7f05d41e8a560ad97349571e145c', value: "cube" }, h("span", { key: '78b484c9cb6f0cd66fd4c79f9c1a883ac42ace30', slot: "label" }, "Cube"), h("smoothly-icon", { key: '645b0d13219f249a79a8d76f92cac37a3cc1504f', size: "tiny", name: "cube-outline" })), h("smoothly-picker-option", { key: 'dda9ead327216b0f4b9b5dc5660a62c2d694349e', value: "square", selected: true }, h("span", { key: 'fa9df9eb893501c01c1d75dcfb3325478c03c2df', slot: "label" }, "Square"), h("smoothly-icon", { key: 'f3a1bd39b8fe3ac70634c7abc50dfe7ae57a1c5e', size: "tiny", name: "square-outline" })), h("smoothly-picker-option", { key: 'e78e9460b715a46d73fccac3832a73901c3b9450', value: "airplane" }, h("span", { key: '074270d5ba70ead7bccfc7aae8e7232d0bd11369', slot: "label" }, "Airplane"), h("smoothly-icon", { key: '71374eabbb933a5e2edd42f70db91a781a411a30', size: "tiny", name: "airplane-outline" })), h("smoothly-picker-option", { key: '198274c16d3184c99b23b127cf47f2eec48bba2e', value: "alarm" }, h("span", { key: '85fced878aa1637fb864ed31b9129596812c864d', slot: "label" }, "Alarm"), h("smoothly-icon", { key: '7842eb37f47be63b33daac45dd6c01c27fef1e40', size: "tiny", name: "alarm-outline" })), h("smoothly-picker-option", { key: 'c5f302846b261be341dbb8c05e1a2e335d661b9b', value: "archive" }, h("span", { key: '4e22b642466ae5a7acf95710c6e2febc18dd9c59', slot: "label" }, "Archive"), h("smoothly-icon", { key: '46bdc3325716e231170cecd6027d5d226c31a0fd', size: "tiny", name: "archive-outline" })), h("smoothly-picker-option", { key: '5a42bad4f5241cf518e63e099c8391b212414363', value: "bag" }, h("span", { key: 'babe6ce59fd64494b574b54e35dd06e39a30a536', slot: "label" }, "Bag"), h("smoothly-icon", { key: 'a06298b270c0c2f115c04b4aa8da23d026f5e075', size: "tiny", name: "bag-outline" })), h("smoothly-picker-option", { key: '8c5b0b668bac751457ce74dfb635e42567dac4f9', value: "cafe" }, h("span", { key: '1b3c075b25a98eec214fa27c8f04950be6f9a963', slot: "label" }, "Cafe"), h("smoothly-icon", { key: 'af62eacdb2cd9d9e88fe0cd704067f0826a92d62', size: "tiny", name: "cafe-outline" })), h("smoothly-picker-option", { key: '58dfa56f30b479c74402b33746697e45efb4bbe4', value: "disc" }, h("span", { key: '24457768947e634edfadfdbfe4068e9ef9062a68', slot: "label" }, "Disc"), h("smoothly-icon", { key: '2ae3e83d599a679acc62ca83a904a947530edc34', size: "tiny", name: "disc-outline" })), h("smoothly-picker-option", { key: 'af039084b6d23017aaa1390f4db527f101f8d88e', value: "earth" }, h("span", { key: 'd5490ac1042b2f6dbaf2fada7d262153bd9f36a2', slot: "label" }, "Earth"), h("smoothly-icon", { key: '6332b2d6704098c1090651dc41711093fab9ca2d', size: "tiny", name: "earth-outline" })), h("smoothly-picker-option", { key: '5af7330f81f1583364470b37f521d157b06e48d9', value: "fast-food" }, h("span", { key: 'dfe8ab90a37eb36adca0dc6e17a5f7b735da534b', slot: "label" }, "Fast food"), h("smoothly-icon", { key: '51d541dde16d70bd3ec1d9d8bf927a9556b2fcbd', size: "tiny", name: "fast-food-outline" })))));
|
|
61
61
|
}
|
|
62
62
|
static get is() { return "smoothly-picker-demo"; }
|
|
63
63
|
static get encapsulation() { return "scoped"; }
|
|
@@ -101,7 +101,7 @@ export class SmoothlyPicker {
|
|
|
101
101
|
initialValueArray.every(value => selectedArray.includes(value)));
|
|
102
102
|
}
|
|
103
103
|
render() {
|
|
104
|
-
return (h(Host, { key: '
|
|
104
|
+
return (h(Host, { key: '920d7e4628623449c9733685da1df7258b18561e', tabindex: 0 }, h("smoothly-slot-elements", { key: 'b21d6b31724884c2a96e4d3779799f13c2cc2326', class: "selected", nodes: this.display }), h("span", { key: 'f8293e29c67da6c73347ff4e4bc8fdc1b870f383', class: "label" }, h("slot", { key: 'dc95ddeb38d10a2c8f03815dcf249e872fc44144', name: "label" })), this.looks == "border" && (h("button", { key: '61937f90280e44aee24c932e5d25e967d17050ee' }, h("smoothly-icon", { key: '17d5d1b68f4797c22dc9bc81922886a80c42fd2a', size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '8cc30ba2abba213ba7cb6fe4fc3bc01c3e9008d9', name: "child" }), h("smoothly-picker-menu", { key: '8ef1bfef8cecaeca341ce0c28a19d7629fa5d724', open: this.open, looks: this.looks, onClick: e => e.stopPropagation(), multiple: this.multiple, mutable: this.mutable, readonly: this.readonly, validator: this.validator }, h("slot", { key: '7307a3d8142b08c8564be721cf51197df906e6ca', name: "search", slot: "search" }), h("slot", { key: 'b14c54d394423f01502359016b897d61979d1a58', name: "display", slot: "display" }), h("slot", { key: '27a516930e996f711b4489d6b966200f1cf5c81c' }))));
|
|
105
105
|
}
|
|
106
106
|
static get is() { return "smoothly-picker"; }
|
|
107
107
|
static get encapsulation() { return "scoped"; }
|
|
@@ -69,7 +69,7 @@ export class SmoothlyPickerOption {
|
|
|
69
69
|
this.selected = !this.selected;
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: '56b66d0946b4368fb0d927fb9ae0087e8fc88d30', class: { visible: this.visible }, onClick: () => this.clickHandler() }, h("div", { key: '821cbff8b0b2683666368fd51bb7eacd6c9659a3', part: "display", class: "display" }, h("slot", { key: '041f8dccfbf1ae0246c9065f98a8e89f6a0b67c2', name: "display" })), h("div", { key: '695389817e24cb48623e7313b0b57dc73b9a92a3', part: "content", class: "content" }, h("smoothly-slotted-elements", { key: 'a0512cfd5d8d8427966d6068ea8b30eec582e5a0', onSmoothlySlottedChange: e => this.slottedChangeHandler(e), clone: true }, h("slot", { key: '78aa651822fcc198fbc1b5fa388ca31d29bad009' })), h("slot", { key: 'b2ba060bc203b5dbfe0b6e0a1784491ce1fda768', name: "label" })), h("button", { key: '36fcbcad5078f32ca1b20ee4e3dd4be8741a0b9d', type: "button" }, h("smoothly-icon", { key: 'de1e5614cdd8deb2e52ea5f0502b56cef14f8090', name: this.selected ? "checkbox-outline" : "square-outline" }))));
|
|
73
73
|
}
|
|
74
74
|
static get is() { return "smoothly-picker-option"; }
|
|
75
75
|
static get encapsulation() { return "shadow"; }
|
|
@@ -21,7 +21,7 @@ export class SmoothlySottedElement {
|
|
|
21
21
|
this.smoothlySlottedChange.emit(Array.from(slotted, child => (this.clone ? child.cloneNode(true) : child)));
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: '869dd5c36848fdc8747547b03667a0e1ae8f493e' }, h("slot", { key: 'e5b78923d5ca95ad6a0872438073088700859455' })));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "smoothly-slotted-elements"; }
|
|
27
27
|
static get encapsulation() { return "scoped"; }
|
|
@@ -6,9 +6,9 @@ export class SmoothlySpinner {
|
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
8
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: 'c1ac57abc95e3c6c162756d054e8c4fb1e66e423', style: {
|
|
10
10
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
11
|
-
} }, h("svg", { key: '
|
|
11
|
+
} }, h("svg", { key: 'a73db312467fd70dd446cd8d8957cf1edb3c9ac2', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '2e4d006dbe6aaea68dd493e1e16b0afece224bd0', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "smoothly-spinner"; }
|
|
14
14
|
static get encapsulation() { return "scoped"; }
|
|
@@ -24,7 +24,7 @@ export class SmoothlySubmit {
|
|
|
24
24
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Button, { key: '
|
|
27
|
+
return (h(Button, { key: '2ee55af412ada2f4c7d2a7fec75e3984569700ae', disabled: this.disabled, type: this.type }, h("slot", { key: '7a00bc708b67222e0f29cef098f5cba582f0d932' })));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "smoothly-submit"; }
|
|
30
30
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlySummary {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("details", { key: '
|
|
16
|
+
return (h("details", { key: 'e4fb548af7b162712d6c97d68a34a69c8fda5965', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '2671ce09e44e2d70d04fc456ba8f3748a48646c6' }, h("smoothly-icon", { key: '75ad205c685614cee0404fd6513aa5a5bd91b75c', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), h("slot", { key: 'c7d8b72baaf5a215eb620eb8154ad330e6c8534b', name: "summary" })), h("slot", { key: 'cfac2970eb567584729d06f3122a7ca312dae53c', name: "content" })));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-summary"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class TableCell {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, h("div", { key: 'db90c93940c91d063cbcf2e26344aee69e10f623' }, h("div", { key: '3614684decfb33d24f2573967e7c35f9558b2e4a' }, h("slot", { key: '812b5c6e8488a3a782719a5139268010cbad9319' })), h("smoothly-icon", { key: '43105a8225cf601cb94f091c1b25598b83300492', name: "caret-forward-outline", size: "tiny" }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-cell"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -27,18 +27,18 @@ export class TableDemoFiltered {
|
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
29
|
const cats = this.cats && selectively.filter(this.criteria, this.cats);
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '99fd63c92a8cf04c61771f6cf773d60f4c69feca' }, h("smoothly-filter", { key: '14cfedd31402b77a63b0dfc1bcbcc7265f330e72' }, h("smoothly-filter-toggle", { key: 'd0b7480c9a81501a35f021543198b1e46c052f57', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '1ef08c20bee8e0af679c25ca1123ea44b9f3f63a', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '8efd23860f339c91471e4d21ed1875bff211dcdb', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'c53d921ace5aa7630432ea886f97c406dab544e9', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'f3ab8cb64309df5e993d98394d1842ddccfbb52f', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
31
31
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
32
32
|
var _a;
|
|
33
33
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
34
|
-
})), h("div", { key: '
|
|
34
|
+
})), h("div", { key: '52a6311a793cced1b44004d8d664cd3b6831717c', slot: "detail" }, h("smoothly-form", { key: 'eaf140f4202e4bcf9b810c53181fc7b8fa56829b', looks: "border" }, h("smoothly-filter-select", { key: '035bb80d104b2367552ea9177f70da02b47f072f', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
35
35
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
36
36
|
var _a;
|
|
37
37
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
38
|
-
})), h("smoothly-filter-select", { key: '
|
|
39
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '
|
|
38
|
+
})), h("smoothly-filter-select", { key: 'a0b3512ab6c8bd691515e68a02a3c47ff6c8cd26', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
39
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'e7b1c97f61c52f9a731bea0e9515db53cd35e409', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
40
40
|
.flat()
|
|
41
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '
|
|
41
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '4d481a5d8b67fb2fb95f07e061c0a7a8d3f29878', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '5f6f0140ad8ec86f7db7f7fed52859589506ee82', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", null, "Price")), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "smoothly-table-demo-filtered"; }
|
|
44
44
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class TableDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: 'ff4d953d53ebe1c2d3c8b40a3275e86b3eac0b95' }, h("h4", { key: 'c092bb56ba97700993288e0c703e28563612f02b' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: '7e7c93570f582f46957e7332fa6b418109997bfc', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: '9077157f57eba9511f7e0a2a1f0775623cd0a7c3' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'a9f8e759b2e513133854f51f41c16ae576dbdaa3' }), " ", h("h4", { key: '32fa21ce44e04638e5cf136cbcf6a17c2cd001e0' }, "Demo table 3"), h("smoothly-table", { key: '88091f2e12af908ded54c1293cf3016ed7c9587c' }, h("smoothly-table-row", { key: 'a83bce7adb741f0a415033c5483d63e75ac824da' }, h("smoothly-table-header", { key: '27bf18f37ef4493cf72f388b854ae5b69c64bc8f' }, "Header A"), h("smoothly-table-header", { key: '743fb337cadc5b831df41648d9a71a75c70a0313' }, "Header B"), h("smoothly-table-header", { key: 'd0369ea011077e65f7732d54cd61bb25645a6b18' }, "Header C"), h("smoothly-table-header", { key: 'a9c218f44ff2e560bfbd64ff5298fdf78e3ac2cf' }, "Header D")), h("smoothly-table-row", { key: '340789e705c13738588c37faddad1957508b00c8' }, h("smoothly-table-expandable-cell", { key: '28377a66aa24642a14bb9c79b63ce9736161ae13' }, "normal row (exp.cell)", h("div", { key: 'c45fb5e2c196698059c14f3c11a28673c6c554ae', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: '5a493ed640bc9ddd9af5184228552ee841052347' }, "expandable cell", h("div", { key: '91eef38b104cf2c2bd1e1af87b75525b7523917b', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: '3cef1693697bade8a471080a448ded625aeb633c' }, "expandable cell", h("div", { key: '8640a33919c88d3c92683e1f5dc6525158b768e4', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: '069e77db947f0ceefc238b7fc4127cecbb5b3912' }, "expandable cell", h("div", { key: '82a8974873c3ee7f44c712858a39e5a49e19a894', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '7745b38054f41d4841d2e8f0f7bc885aa0db692c' }, h("smoothly-table-cell", { key: 'a29e3fcd51c5e2480c0eb66da325703e31163482' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'ef56afb1219cc8df1ee737945ab2dba425a02d42' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '7b73f71f7607bd31507909efdb42df5ca885e6dc' }, "expandable cell", h("div", { key: '01275f9229bd3d707b3ad005ec45e2cec36eebdd', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: '630e934eda7d43aabb955f25525e232b3849b5d3' }, "expandable cell", h("div", { key: 'ee4c6decfeded5834a7fff4c32faa945f7292d0f', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: 'd7f6418394a9bf4131ad638814f9c7abba4201da' }, h("smoothly-table-cell", { key: '3f48cf45d4f5eaead05edb498b5862e3d06f80b7' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: '151453082aedf170406819ff97a65e52cecd3157' }, "Normal cell"), h("smoothly-table-cell", { key: 'd48ac64c383e19277a5a10715ff1bc0a8817f03e' }, "normal cell"), h("smoothly-table-cell", { key: '469d597267fe9d15b33333ebfdb7b940fbccc50c' }, "Normal cell"), h("div", { key: 'eb390d8761fb7949bf2638ca254d1387df538aa1', slot: "detail" }, "expandable row content"))), h("h4", { key: '92fdf3765b23e2814c910b3175a6fa8fa8ae9f12' }, "Demo table 4"), h("smoothly-table", { key: '36a75cf77cc6428b1b018f6a9ff294d342127c2c' }, h("smoothly-table-row", { key: '5859695222465adb200b24202f3f55a8be76d0dc' }, h("smoothly-table-header", { key: '8a303843f95be9a8b238e617e6bb1e24c3a5a5a0' }, "Header A"), h("smoothly-table-expandable-cell", { key: '4ca6751b0b087b233888e17f44273533e38dd7d5' }, "Header expansion", h("div", { key: '14bfee7a9ad0d3496da45ca99027d23a48e7b18b', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '254f895aa8b93ee9b272cceed8a2c69775ed399c' }, h("smoothly-table-cell", { key: 'f3a1a9d28aee352f88e6858b3c62278e4b5e2b7a' }, "A Content"), h("smoothly-table-cell", { key: 'd91c9a0ed5279847f021fbc8c818fbdd72fe4299' }, "Expansion cell"), h("div", { key: '1d1c7f7225fbd650d30b65bc2714dc6b13e2e414', slot: "detail" }, h("smoothly-tab-switch", { key: '48bf422d2aeb9a76829168d183accc15ffbc06a9' }, h("smoothly-tab", { key: '2ffd3bd34da30bf6c2608be485f31266416e70ce', label: "innertable 1", open: true }, h("smoothly-table", { key: '452d03698899e59afddd31a95cfbe594a36e7eca' }, h("smoothly-table-row", { key: '0080ef8910e59596316f4fe91461bad6883b2cda' }, h("smoothly-table-header", { key: 'c35f2204f7a87d8d4bc605ca1575fcee4cd920f5' }, "Header B")), h("smoothly-table-expandable-row", { key: '3a68c1fd38384d1dd3305a97f66db02aff87202b' }, "B Content"))), h("smoothly-tab", { key: '2ac8f2b22dcb9f695b8d62214a2a106c87d5b6dc', label: "innertable 2" }, h("smoothly-table", { key: '7b9ec92936ab3c23aba955d3acf00832c28e52be' }, h("smoothly-table-row", { key: 'fae36a1a1906c25c92b37358687bf345ce0a5fa4' }, h("smoothly-table-header", { key: 'dd76c67dc64643df8b69186e62435f4d8812aa2a' }, "Header C")), h("smoothly-table-expandable-row", { key: '41a98fce7a0b228e26befa8383e0c480338efe52' }, h("smoothly-table-cell", { key: '803d374288c9ef1a2a47cdd58c4a348375c41046' }, "C Content"))))))), h("smoothly-table-row", { key: 'fff379a23bf7f65c0f885f1b04c2316dc7344b1d' }, h("smoothly-table-cell", { key: '1ac9218ff076e34645d28a9c69fcb84d10401095' }, "A Content"), h("smoothly-table-expandable-cell", { key: '5db3eac64d1538cf6802ced7e08f9981ddc49312' }, "Expandable cell", h("div", { key: 'fb70fbc07b66d65a564ca8c79edb39da8b9d26b0', slot: "detail" }, "Expansion content")))), h("h4", { key: 'd2ce496e1788310b391dc45701bc26b4046a9cdc' }, "Demo table 5"), h("smoothly-table", { key: 'c9753fda38732972942ad5565ecee948d38ccf8d' }, h("smoothly-table-row", { key: '9c2f4281ffe80652510da5273ae33006cccabfe7' }, h("smoothly-table-header", { key: 'c09a5a28724d8c4185fff922d43f8753b8b980d8' }, "A"), h("smoothly-table-header", { key: '53690d1a6cb39b92caf645b83f039468e3dd1be6' }, "B")), h("smoothly-table-expandable-row", { key: 'a255fa72e32b17067134343042db32a8ca1b2286' }, h("smoothly-table-cell", { key: '54121e115f22164d3f418fbaacae1485ac8f3871' }, "nested expandable row"), h("smoothly-table-cell", { key: 'aaaf2531de06144a3d23eb1b6ffa52707a7dab36' }, "b row"), h("div", { key: '107421f6abc7f1177533ea35016172a68122aebd', slot: "detail" }, h("smoothly-table", { key: '812b56786b0262d480fa812cc9eb864a9a0139fe' }, h("smoothly-table-row", { key: '31fb05d45da00b61dbf91948a13a14329dd55d85' }, h("smoothly-table-header", { key: '7bf78b8cd12f28284f7cd047d227c8558282d468' }, "C"), h("smoothly-table-header", { key: 'c7737e4b485bdeae0d34276f4af0c3f8e43790e0' }, "D")), h("smoothly-table-expandable-row", { key: '3f3f159f740179bc48a24811476a0d507e2226c2' }, h("smoothly-table-cell", { key: '25fc0e3baf2e2e41d5fe2c8d9a75a8bfa25e6c28' }, "c"), h("smoothly-table-cell", { key: '42fe2b7404abb76d2b901dbe1f5ab74f3d65d0a0' }, "d"), h("div", { key: 'ca264dfb8c65c2516a45655a754ff81aa9a5d04d', slot: "detail" }, h("smoothly-table", { key: '965dce5480b196bad26596a941a0ec91e475e982' }, h("smoothly-table-row", { key: 'd6dfef1f5dc418c94ae5209c255454f1a19d8534' }, h("smoothly-table-header", { key: '75cc71f0cbddd257625b7d0a2145a4cf777ef7e0' }, "E"), h("smoothly-table-header", { key: '980aa3818b590dc3ffd39853de3bf8c7d6d20b44' }, "F")), h("smoothly-table-expandable-row", { key: '81bb5e72165adab4e5548408b249f3ef5fe3bf5b' }, h("smoothly-table-cell", { key: 'b0009c86f3f3b3b0e97f4a09777e689285662015' }, "e row"), h("smoothly-table-cell", { key: '7c250e0ced45000c47f56114aa0815b0295410f5' }, "f row"), h("div", { key: '756debc75f2882c7c597762bf1d02cde02d519f7', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '6301da72b24ebc508c037fba8e72aadcf2f8b00b' }, h("smoothly-table-cell", { key: '2dccccbd768d7842ca5681bd9fa1dff5613e68f0' }, h("span", { key: '0cf84979656b79efded6c8df050f5a84343aebb6' }, "one"), h("span", { key: '659dad82771b6c03549dea03e92830e77c267ad1' }, "two"), h("span", { key: 'f867bfa147b705bedbfbe93cd1aff1f05b016787' }, "three")), h("smoothly-table-cell", { key: 'df30402f9a2116a43f9c0a30a5dcb8b05ba941c5' }, "five", h("smoothly-icon", { key: '3c8f06916eac23a54a2f62dc952a78a279a66c3e', name: "paper-plane-sharp", size: "small" })), h("div", { key: '873f0a7f5e1f78974b6fc95b4edd7868334b0454', slot: "detail" }, "four")), h("smoothly-table-row", { key: 'a9917cfa21c28ab5a81fd12d39b53f9cd13b86cb' }, h("smoothly-table-expandable-cell", { key: '3dd556396ebbe09f596efbd2117a850780a87ab5' }, h("span", { key: '0da29232a2adf28b388653fd65f4c807c1077e9f' }, "nested expandable cells"), h("div", { key: '3238631c783f26f283d904ae59f0aebfd7efe89a', slot: "detail" }, h("smoothly-table", { key: 'a1168607094e2ef5d3320ffa2b7ed25d25b0fd6e' }, h("smoothly-table-row", { key: 'ac2fc1802da533d9a626f7b76909d8af83aa1b33' }, h("smoothly-table-header", { key: 'b538e31c28f8de5117bca7d8c68d9869834336ce' }, "E"), h("smoothly-table-header", { key: '545aa04616f77612180f5caa51ad8a630336cea2' }, "F")), h("smoothly-table-row", { key: 'af43a0bfc45dde3078fc49f54dd1b148a889bb19' }, h("smoothly-table-expandable-cell", { key: 'ae73a84f5bca68e37e8a3cb0acdf579d42e30aa2' }, "e cell", h("div", { key: '1e92b787acb572d17212cd057f62dddb7c69b756', slot: "detail" }, h("smoothly-table", { key: '43ed27edf3524c79ad7f367d404e27b48a2867ad' }, h("smoothly-table-row", { key: 'b10424697e60838a87393b5ff593ee8071f8df8d' }, h("smoothly-table-header", { key: '700a82859ac895995c6523acb80e5512ba3a23aa' }, "G"), h("smoothly-table-header", { key: '6cb3f13f4b4606b13899d89f6eabbba9a35bf1f9' }, "H")), h("smoothly-table-row", { key: '48c7de06135f3d36e46110a5362b4aedcd52dd31' }, h("smoothly-table-expandable-cell", { key: '72e54a75bf0e908477a93cf29a27c92523db3e92' }, "g cell", h("div", { key: 'eedda8b5ab0e237de75f081d8485d14d0e949b93', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '2b8d5b2b7d0a7bd0075cad8df12eddc99abf14ca' }, "h cell", h("div", { key: '30dc8f046ea34c24227792f3b43aac3d29b2800a', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: 'e9ce46a83fcb4838d4d45290e58e51cef5ec5f1b' }, "f cell", h("div", { key: 'cdd3aa9b6e34f6f5a3ffc7af6442eed9509f102c', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: '80e9f251ba7ae4fbe895dc9948d6aa2ae9cc2e72' }, "b cell", h("div", { key: '43c40f191392f0a9bcb69db21ee7a046276538c4', slot: "detail" }, h("smoothly-table", { key: 'bb36857cede08f9f4e53cab4879f648a24bebc87' }, h("smoothly-table-row", { key: 'cc5ad784a1b0bd4695b6e7525557c0627f2c4653' }, h("smoothly-table-header", { key: '853cb84215214b419a8b91c99e4dbb2366b5be6a' }, "C"), h("smoothly-table-header", { key: '8fb264bd65256ab127ccbacdb2af355208182112' }, "D")), h("smoothly-table-row", { key: 'ea7fa5359b7001d930d6bd88955085477b9caa6e' }, h("smoothly-table-expandable-cell", { key: '7f7a1c1b78f7af3f1b6d5cab7f53171dd28e7a8b' }, "c cell", h("div", { key: '8931c35f3d28f4e04686a031b01b95dbc3eee6c4', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '45e689f92e67b21aa216439ff7a99a2b2fb925af' }, "d cell", h("div", { key: '826b33f6fab7852bee50e0bad5112e12a8bdca40', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'fea0c968b15ec3e763b3283aab3c6170466f6aeb' }, "Demo table 6"), h("smoothly-table", { key: '0c7dc7880b6edba45d7c443c1efacfa51228c986' }, h("smoothly-table-row", { key: 'e0ffc13a20b61b516253575ecae67df5747f85f3' }, h("smoothly-table-header", { key: '84343856499f4bbcdf879c1e38d47ad61dd3b07b' }, "display"), h("smoothly-table-header", { key: '7ea5bf5388d2a9ac5942602d5ea2de0d4498dcc3' }, "contents")), h("smoothly-table-expandable-row", { key: 'c829f1856a32e8f95decb56aa7676bfa9e132428' }, h("div", { key: '32cd02d8601fcb3eddf42b43833c585869210043', class: "content" }, h("smoothly-table-cell", { key: '06b0111469adf958f6369c89d9eda34e11430d7c' }, "A"), h("smoothly-table-cell", { key: '36214d0f2ecde57c2c56debae9f811febad03f0f' }, "B")), h("div", { key: '555d3fec3c8514bb726150d7517366392f24a035', slot: "detail" }, "expansion"))), h("h4", { key: '7444428a2ed7f9b524142d3e1b248c661dedb4da' }, "Demo table 7"), " ", h("span", { key: 'cba3eba81a101da93a0f246b27ba3ceaacd6d951' }, "nested 1 then normal"), h("smoothly-table", { key: '154180a0d7e88f0798e366d47728f720af616fa2' }, h("smoothly-table-row", { key: 'e643dfe957d943546b3a55d9cc53a36d8a1cb162' }, h("smoothly-table-header", { key: '5a37411c7c51c25d40dd5d00f44d19180b01e60c' }, "A"), h("smoothly-table-header", { key: 'dff04cf1f2bfb35b69fa95c0451b8d2f1380b7f6' }, "B")), h("smoothly-table-expandable-row", { key: 'c49648c8db8402de0fc46cade58ea398f00ff564' }, h("smoothly-table-cell", { key: '12310f5142037ef147c633d9edc7a6dfb0bd61e9' }, "a"), h("smoothly-table-cell", { key: 'feb2efd26e2522911c99e46490e8cfdef277fb30' }, "b"), h("div", { key: '45d00805b6136f3be34ca647ecb69e31aad72d2a', slot: "detail" }, h("smoothly-table", { key: '2dc63fe36e2c1c8e4690f139c23cc1cda469be58' }, h("smoothly-table-row", { key: '3e35122c2de2d297bf3aeef8aa49c89040d5cd3c' }, h("smoothly-table-header", { key: '9ddda4370446e5eb78a5777bac09d91655acae43' }, "C"), h("smoothly-table-header", { key: 'b793ea7166e892dfb233aa5a935a72f69078e519' }, "D")), h("smoothly-table-row", { key: '222bd14119a03f569062c9bd2da2f52ddf7660b2' }, h("smoothly-table-cell", { key: '21db90c4ad784df1afde5482b72a683ee0a961ce' }, "c"), h("smoothly-table-cell", { key: 'bd2e9ed406387f7be7a5836cb58e5aadb46e0342' }, "d")), h("smoothly-table-row", { key: '42acfecc2254a15d4a0f1159916a3cfd191ee99e' }, h("smoothly-table-cell", { key: '9d8272db7dd09f1ee12ba58ff80b9354cbfdc03d' }, "ccc"), h("smoothly-table-cell", { key: '732edcf9a947301c4caf5f886f462503125d163b' }, "ddd")), h("smoothly-table-expandable-row", { key: '1ba48fd5d3c4c46c323553a1a531f274f2aab67f' }, h("smoothly-table-cell", { key: 'f185e3a71bbfa4b8c3a0753074ddd5238f52dcb2' }, "cccc"), h("smoothly-table-cell", { key: 'ae879f95baa897bdaa3d307e6aa2db84f4454000' }, "dddd"), h("div", { key: '35661883694a3d82548c9a15891ba3ff1094010a', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: 'a584c1281b1fd43c7c9491d47a67db0f06ce69b7' }, h("smoothly-table-cell", { key: 'd0becc94fc652f5a446053c2b76d2c7b8e0f3caf' }, "ccccc"), h("smoothly-table-cell", { key: '5d1fd1c648fbc767718333c2c9536e8f7b10d8e6' }, "ddd")), h("smoothly-table-expandable-row", { key: '38fc43984e6805f25123f0275663d95ff0ac5931' }, h("smoothly-table-cell", { key: '12c438bdf7f97db0693d7a1285a85c9670e6ed2a' }, "cccc"), h("smoothly-table-cell", { key: 'ef908a7d98e41af65182ace580a5d54894a6b96c' }, "dddd"), h("div", { key: '5211e77c73fbd8443e48a27c0c191e1cfae6ded2', slot: "detail" }, "CONTENT")))))), h("h4", { key: '5b7dd830ab23142e2ac8c86036d22356c710bcaa' }, "Demo table 8"), " ", h("span", { key: '620e56f8dc165a919e15cc7a0aff8bc41d5eb3fc' }, "not nested"), h("smoothly-table", { key: '529c7f16ce4b54f6f68b93819e81f37f494f0b83' }, h("smoothly-table-row", { key: '29893adb66134daefdb9c4b89846c426e7adbe82' }, h("smoothly-table-header", { key: '7f3a6cc13dbaa22592d0f0984eb7e53da906ce6d' }, "C"), h("smoothly-table-header", { key: 'be493e697408943a1b1746286698c4264e7d6d25' }, "D")), h("smoothly-table-row", { key: '4d4f65d898a34a1aed66a30781d09b8162be9afc' }, h("smoothly-table-cell", { key: 'bf465541cc3ab0bbfd183644ca8701c4ebd6494c' }, "c"), h("smoothly-table-cell", { key: 'd76c604abb0072e900e1803b340e98008999a3ed' }, "d")), h("smoothly-table-row", { key: '5d026b5ee0835a44a918d917b97e80c03d8f6715' }, h("smoothly-table-cell", { key: 'e5205938342f15d01b4bab4261bdaef85c11027c' }, "cc"), h("smoothly-table-cell", { key: '6e6fa1fa828c57b81c4f3ad0dce12b1db3cdee8c' }, "dd")), h("smoothly-table-row", { key: '154db9b8fab74ac941141b19f3e06e6744aa1077' }, h("smoothly-table-cell", { key: '6a4b362be2b8b1b573bcf6a636760a9b5a65e6b6' }, "ccc"), h("smoothly-table-cell", { key: 'bbb0ddcbbef35cbc28ea3cad6af5d9b58a4d11cf' }, "ddd"))), h("h4", { key: '3c39475d896004dab4d3cc7799323fb61aa1e79f' }, "Demo table 9"), h("smoothly-table", { key: '9c7ac684b0891b3fcea3a61acce79808eef92324' }, h("smoothly-table-row", { key: 'aa5a1a5dcad75efa17c29abc8f04b5ea607c3fcf' }, h("smoothly-table-header", { key: '9f01c363ffcec060bbbc6ef130dbdeca91c3f9d7' }, "First name"), h("smoothly-table-header", { key: '85fc94f6064cef4851910c4d7150c57a2084bdb6' }, "Last name"), h("smoothly-table-header", { key: 'b5f960c077dfae13189fd4d0b64f5e007b0689e1', style: { width: "1px" } }, h("smoothly-icon", { key: 'f3627efb62e6b96158e6172dcb058aca4250dc57', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: 'd60a937d30275904efab96b6977735451c3632d4' }, h("smoothly-table-cell", { key: 'eb91d397386c94a7901597f84758b35a520cf4d9' }, "Jessie"), h("smoothly-table-cell", { key: '78ba60a34bbe84a75587ebe90115bc0d21df533c' }, "Doe"), h("smoothly-table-cell", { key: '6d03b802b1150e0342150f072e49996cc13f909b' }), h("div", { key: '05f8283aef3beed1a3cdf856ed2bcc622411a99a', slot: "detail" }, h("p", { key: '8ccf8ebfdd8b352223d332f8c74865c1f1aff500' }, "This is Jessie")))), h("h4", { key: 'e6609fc3a7e1cbe26df52c5b0d0d797aa765536e' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: '2c37ef53561fb223ea3919c9d11f2566aaa8cb61' }, h("smoothly-table-row", { key: '724249499356fc20e7253ea3547bfc066d4a2217' }, h("smoothly-table-header", { key: 'b1429c54a8defbf5eb2703bbc172b73311c1cbd4' }, "Company")), h("smoothly-table-expandable-row", { key: 'ddc4daece8a73d7bf834aca3084f89d61ac79da3' }, h("smoothly-table-cell", { key: '89299f08330b46229ee1e35428b9cabc2f4b526d' }, "Proquse"), h("smoothly-lazy", { key: '38e4ab42de784aadb10e79350700917fd900435f', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '82a82cb265aeef35af2bb20c790056aada75a4f9' }, h("smoothly-table-cell", { key: '142e836df5ccb487d0df7f9aa5d9e0c442e61757' }, "Pax2Pay"), h("smoothly-lazy", { key: '1eae36420cac68e0132fbc52f0ba6e008daa71f8', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'd718825319fc56e6a6824085e06f2f65fab44318' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: 'a7bdbc650871c0c610e0827d486c6dd1791294cb' }, h("smoothly-table-row", { key: 'a4700b6f2fe1366b7651b542d6c7c88e9ce3f837' }, h("smoothly-table-header", { key: 'fd7a0e7e3387d5ed7b6becacb97fc54dcac5f24b' }, "Company")), h("smoothly-table-row", { key: '0c27cd1130d6409f6cdf80d0cb5a8b45a00ff60c' }, h("smoothly-table-expandable-cell", { key: 'e2bdf0696952be5e27d9d25c6925e2c67e970a5d' }, "Proquse", h("smoothly-lazy", { key: '1bbc86cdb2051405b0e3853148bb741e3d631c32', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '3502f171811b58fa55912cdeb03b7f60fd834e6d' }, h("smoothly-table-expandable-cell", { key: 'db296d48a46dcdf4b47b7ea7c6e8906df041a642' }, "Pax2Pay", h("smoothly-lazy", { key: '24ab80d5152528c672745ab1458523a95a306f0e', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: 'e1e6a81bd827b44323da36a4225d53b82b8e968a' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: '82ab9928eb4d2009ea5c591887401feeffdd75b0' }, h("smoothly-table-row", { key: '57e77fa7b6e447ada3e0ad2d91471615326ae5c4' }, h("smoothly-table-header", { key: 'a8bbd9b50be68f523bc4c6d445b65e069e062b00' }, "Name"), h("smoothly-table-header", { key: '9122b920bedaedf360272252d695507250fc0f41' }, "Age"), h("smoothly-table-header", { key: '8c1082ca03242c4e513e3a8c97b8f4aadd657199' }, "Location")), h("smoothly-table-row", { key: '44e596f8b5e077c147d2b702d4e6c995e02db842' }, h("smoothly-table-expandable-cell", { key: '4900e8885a63ffd85e7aa9a8440db3660354bc0c' }, "Jessie", h("div", { key: 'c9116befe44c73e127809c88380a76fa1f418758', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '5c37701f4ec8e2ac46394ab7a35d30ed62cdbd5a' }, new Date().getFullYear() - 2000, h("div", { key: '08be573337e92db5581a2c69a9ca8cfcbd7d4d77', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '89a87bef8064c0b2f17b12aae68b48769057df26' }, "UK", h("div", { key: '8c6e968dac526d42cd58ab978ac68a686a5be424', slot: "detail" }, "London"))))));
|
|
4
|
+
return (h(Host, { key: '0199c6089bd104f53cdc4ea0447bbe1215349fe4' }, h("h4", { key: 'c173d7ad4f3eae433c010ee08ea218cf1b738ee3' }, "Demo table 1: Filtered & Checked Table"), " ", h("smoothly-lazy", { key: 'f8c53993bbd36d33ae5e673e46ebbfa5918a6fcb', content: h("smoothly-table-demo-filtered", null) }), h("h4", { key: 'c028d36aa8dbfa235bb82aba6562975934ecbee6' }, "Demo table 2"), " ", h("smoothly-table-testing", { key: 'b25ff2ca980fb529c0bc7824c98ab70eb53e2e32' }), " ", h("h4", { key: '40b4d6220ddb1b98f549d3602f05a5111ca93e97' }, "Demo table 3"), h("smoothly-table", { key: '247231fa4b3750fade381fa76bb17f098db12d8a' }, h("smoothly-table-row", { key: 'dd84c9a60d8da1f1260ee27474f1e08dba3f8919' }, h("smoothly-table-header", { key: 'aaa16d5a99e7618d33a92f2efdd80e2f19bf2017' }, "Header A"), h("smoothly-table-header", { key: 'fe96175e69e505e8d66332fb4a9dc2bc25fd48e9' }, "Header B"), h("smoothly-table-header", { key: 'bfadb7f18d71666b3ad6d85ff26154a62165615e' }, "Header C"), h("smoothly-table-header", { key: 'e0145deba179f457d1602e5929e433cf099ef4e9' }, "Header D")), h("smoothly-table-row", { key: 'c82d396f0a96d9525aeb7bacdfa5d367d936c4bd' }, h("smoothly-table-expandable-cell", { key: '06fa888cae6e45cdce8024ff5a94972211eb66f8' }, "normal row (exp.cell)", h("div", { key: 'b0c210a114c4a8dccba2f8d1a9658ddbefe42294', slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", { key: 'bb57efc1cf9df51541515e858234fba46996e504' }, "expandable cell", h("div", { key: 'f70ff63a0076e5517c414a3846533e72b0fdf39d', slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", { key: '65dac4f45a8369825c9117bdc234b30ef013cdb2' }, "expandable cell", h("div", { key: '8e0f03ce0dfaf125ea272a4ecaa18fe5a2306c73', slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", { key: 'cf77cd16859b67b372327427d2c37278efc1312f' }, "expandable cell", h("div", { key: '703b1d42b1356f3251c537284f802d7b063bbc34', slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", { key: '9ca1aefd28f1cebea26e7d6fb11c07ac8801b8e5' }, h("smoothly-table-cell", { key: '63656b20b79c41e1df72c0b64ca346c4ed4d9d33' }, "normal row (nor.cell)\""), h("smoothly-table-cell", { key: 'fefdc946fb3d8f145f7c27538e51c3bd5b827f32' }, "normal cell"), h("smoothly-table-expandable-cell", { key: '74398758d6376bea77b0e77dd635c2d6dd132887' }, "expandable cell", h("div", { key: '505bdcaa5e815e23a4c5586d7d9b8fc7cce6e03c', slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", { key: 'd8829cefcb71f88e08c8e7ce4ac74ef90c509fd8' }, "expandable cell", h("div", { key: '066d7000b15665695c1aea7dde8b909bcf420cc1', slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", { key: 'c7922a2b4308d54286b47b6c68d15afb24c60ee1' }, h("smoothly-table-cell", { key: '15d1afa6eeb079b457de5bef88a62228eb590e13' }, "expandable row (nor.cell)"), h("smoothly-table-cell", { key: 'dbd39aca6aafb27ba7078135a0ab341f6a8bd59e' }, "Normal cell"), h("smoothly-table-cell", { key: '1b9e8441647e0d192dab1214b8acbe3f448ef2c3' }, "normal cell"), h("smoothly-table-cell", { key: '1807e4ea564c9733c304761da4a3faa11d2e3c2c' }, "Normal cell"), h("div", { key: 'f0fde21564486357af6fb3f6b923617dd9ebac72', slot: "detail" }, "expandable row content"))), h("h4", { key: '6c77d4a7cb1f8080d349f5e0ac9fdcae8374aae2' }, "Demo table 4"), h("smoothly-table", { key: '9edf09318a69f41df8da72374c8a944be6086a13' }, h("smoothly-table-row", { key: '1410e9f8b1721790aef47dab0e8d9cd502f91eb2' }, h("smoothly-table-header", { key: '88afc88c6918af6662c7adb9ceafa0ba977b34fa' }, "Header A"), h("smoothly-table-expandable-cell", { key: 'ebeecb1c15a557e8f9a124cb7578f57e28a74db7' }, "Header expansion", h("div", { key: 'e4d3ec3cf1b249679a177ac3e2f47397edd2c8a9', slot: "detail" }, "Expansion content"))), h("smoothly-table-expandable-row", { key: '2b87b847d7f5be88f7831d441849cf71bc92c6e6' }, h("smoothly-table-cell", { key: '14f8ae156a08410d69385dddbe1715cd09014e07' }, "A Content"), h("smoothly-table-cell", { key: 'e932b122c343c8a9711f24620498ffa9a4aabfd7' }, "Expansion cell"), h("div", { key: '60f03e7e4b997c71109411eeea0333234fe2aa2f', slot: "detail" }, h("smoothly-tab-switch", { key: '8c05d4c240a2279466a71ad048c09077a26374a2' }, h("smoothly-tab", { key: '10e0ee626468973113c22eca337dbe761be912d5', label: "innertable 1", open: true }, h("smoothly-table", { key: 'a13416aa26174e02388a6fea0406160265282785' }, h("smoothly-table-row", { key: 'abfddab412021513198ef084be5a4b7fc83b4b95' }, h("smoothly-table-header", { key: '24118b3e6d2e44dd04b69f222364cb94cec79423' }, "Header B")), h("smoothly-table-expandable-row", { key: '8868d7b7d666f6043e381c1e823bb58d2b8ad940' }, "B Content"))), h("smoothly-tab", { key: '5a503817618661fe716f4a41ce187ceaef3d1bcc', label: "innertable 2" }, h("smoothly-table", { key: 'ca2906de7c7b89671eb6a7d5e26286ce15f3871f' }, h("smoothly-table-row", { key: '5e4158dffe959a6bd28ae9a985e0903a35c3493a' }, h("smoothly-table-header", { key: 'f0effae68f5ef4a3432336e9bd0f39e31b010ae3' }, "Header C")), h("smoothly-table-expandable-row", { key: '0cea182264fc5c1b23c955ea7c9b5bac952af5d1' }, h("smoothly-table-cell", { key: '4eb2059f545dc9b82f807ccf650febbb11b6d081' }, "C Content"))))))), h("smoothly-table-row", { key: 'e8d3964f303c1b3e6cbf9b12190b494ce56a84c6' }, h("smoothly-table-cell", { key: 'fd2d1f24613332a9fad25e385d37d40eec8e6074' }, "A Content"), h("smoothly-table-expandable-cell", { key: '9823dc28a0dca98584713ae08adc7e2acbe70074' }, "Expandable cell", h("div", { key: 'd1d31bce54cb71c917eec6161fd790ddb4a60390', slot: "detail" }, "Expansion content")))), h("h4", { key: '5bacea3b36d6aa0951764c5aae9352f8246a5bb8' }, "Demo table 5"), h("smoothly-table", { key: '4eb7e0ffd2d1b833ee21cfa1d81f7680f34b22b8' }, h("smoothly-table-row", { key: 'eb5d795bc9e336342dd7db345209e8859d54e4e3' }, h("smoothly-table-header", { key: '7a7903f4f7b57a29f8567398451f51249432138a' }, "A"), h("smoothly-table-header", { key: '4939ffb0fcb4c06b420d4a1d0e6f2afa249c74bd' }, "B")), h("smoothly-table-expandable-row", { key: 'fc8d9e600aea680c01a57ca9fb17242b2afc7a04' }, h("smoothly-table-cell", { key: 'd74e46d3a250000edfe23b9be123c86928aac402' }, "nested expandable row"), h("smoothly-table-cell", { key: '7ef256a866f15844431234235dfd70f9fa99b08c' }, "b row"), h("div", { key: '0e2263e2e27f1a0049691498322d79f5ebe6c385', slot: "detail" }, h("smoothly-table", { key: '05fb8983d89825a0e3e77203055158f66b17b6c6' }, h("smoothly-table-row", { key: 'e004dc222bfe9882fe6a2aa8a27cf4453f2e5691' }, h("smoothly-table-header", { key: '8202507fe3a9fc52cfd12d7ab8ec8105d10ca33c' }, "C"), h("smoothly-table-header", { key: '747b369f342fb8df894280ba0332467ed1b7aa1c' }, "D")), h("smoothly-table-expandable-row", { key: 'ef0249218000e5e8ac663a373c229b14b4e20314' }, h("smoothly-table-cell", { key: '7f549318054fad911ec2343f92373ac2c08ad981' }, "c"), h("smoothly-table-cell", { key: '0b285f5e685a71b1a86937e43faf1d7fe28e6f8e' }, "d"), h("div", { key: 'ac7d82c6584ae82ad8965fbde250f07cf59d7a9f', slot: "detail" }, h("smoothly-table", { key: 'c6fb0392f179b4534cc8ffbfe089492d44bf76f2' }, h("smoothly-table-row", { key: 'c776615876142f50e3bf58f6ac5c36461a5ff834' }, h("smoothly-table-header", { key: 'f36453d012a75ea6a1bbbd25e017ad58623c3520' }, "E"), h("smoothly-table-header", { key: '4f3faf1cfbc84e6f7fd0290cd9d8f0f9e52aa781' }, "F")), h("smoothly-table-expandable-row", { key: '1aaba04b6e00912e89cf816c4dd73a240391dfc1' }, h("smoothly-table-cell", { key: 'a4ea666226a3aa5602b57e1f5d29bc7af27e385a' }, "e row"), h("smoothly-table-cell", { key: '40530a66ed33198c3dcf150e7c3976e9d926bdca' }, "f row"), h("div", { key: 'b550595647dd864ffdd82cdafac95c8aa424baad', slot: "detail" }, "nested expandable row expansion e f")))))))), h("smoothly-table-expandable-row", { key: '669fd4e6c66e293e68a6755f72d78a63fd9778fc' }, h("smoothly-table-cell", { key: '03fa248018d54f4e7261d5cda350942036c337c6' }, h("span", { key: 'db4bf060446305954a23ed390096a77b74e7aba0' }, "one"), h("span", { key: 'f047854de24f711cc5ac27498fd4457218466e4a' }, "two"), h("span", { key: '1976d13538fa037a9600a35ffad8c04271fa3844' }, "three")), h("smoothly-table-cell", { key: '80617ea58c3f393fd0f1f47b83c537e572e528c2' }, "five", h("smoothly-icon", { key: '76c1595e95a228cd0dd3be442175cb227ec22463', name: "paper-plane-sharp", size: "small" })), h("div", { key: '090cd4ed067759eb3689315be8db6ce53d49dc94', slot: "detail" }, "four")), h("smoothly-table-row", { key: 'db6b27a62e06a40b3741bfd146bacbbf7f3bf07e' }, h("smoothly-table-expandable-cell", { key: '507c2214b3e37ab3ab5d0442cf4993b17052fd81' }, h("span", { key: '586d1d020792f1731780c5450a70c50f5681ab64' }, "nested expandable cells"), h("div", { key: 'd695809b1dcd5df0a7871c8ce02bd2a6e134338f', slot: "detail" }, h("smoothly-table", { key: 'c1a13cb5cc7ec497b0dd7b785ec7c56af9d23ad1' }, h("smoothly-table-row", { key: '69b39363b073f9c8511ece0f19b77b4e852c4c79' }, h("smoothly-table-header", { key: 'b7f6c77aab40977c2b81473527c14dbbe0003d32' }, "E"), h("smoothly-table-header", { key: 'd9a3ddc1b46388e385e8d5eceb490d890f53c9bd' }, "F")), h("smoothly-table-row", { key: '380c20bee2d360b41a9b7d87943199f2fdd65aa5' }, h("smoothly-table-expandable-cell", { key: 'd465790285e2bfb811c67e7f22f7ba494b7dccb5' }, "e cell", h("div", { key: '76d619241b6c2d845068fee4bb4893635edfd252', slot: "detail" }, h("smoothly-table", { key: '569d81a715071002b8b4e84ddab00d692dab34cd' }, h("smoothly-table-row", { key: '56951a84f273d8e39d1e325785f4789a881e06d7' }, h("smoothly-table-header", { key: '2f28c0a0e433061ba1d301a17663abc930491c5a' }, "G"), h("smoothly-table-header", { key: '4e02272beb0fcffd099475bab3d3fa5e6979b919' }, "H")), h("smoothly-table-row", { key: '5698730e256e240148ab4798e693aea1a725bcb3' }, h("smoothly-table-expandable-cell", { key: '99110627ff12220151eac97e79444b28de0e51ab' }, "g cell", h("div", { key: 'eb98e0cb3582f780165e3f187e94cc17be858175', slot: "detail" }, "nested expandable cell expansion g")), h("smoothly-table-expandable-cell", { key: '919c24b3a287304d7e8b671ef9b6f516398a0bf5' }, "h cell", h("div", { key: '375140b29e24b38796198d5dece658882be790e1', slot: "detail" }, "nested expandable cell expansion h")))))), h("smoothly-table-expandable-cell", { key: '49524e7bf81ae10e7a81c055d632906f26cc9efe' }, "f cell", h("div", { key: 'ed59a12778f68dc1b8902c66ebe7be42fe14e9f7', slot: "detail" }, "nested expandable cell expansion f")))))), h("smoothly-table-expandable-cell", { key: 'c0d6ea59a3e515c3b736d31c165f56d0c49a88cf' }, "b cell", h("div", { key: '24ce890c7f3dd97fab6767c171d45bbf305dac5b', slot: "detail" }, h("smoothly-table", { key: '9f3f7062623002fc5f445a60d27732f40efc2793' }, h("smoothly-table-row", { key: '0fb642401e5be4129af95149e82a7d226fc9085e' }, h("smoothly-table-header", { key: 'a9ce09085e44a0e2fbec1d6080ffbee10449ac46' }, "C"), h("smoothly-table-header", { key: '3f3cbd8bdc053c03efda70749bacf23d3a5b08eb' }, "D")), h("smoothly-table-row", { key: 'cfbc4132558e98ea213c0b635ae9779210b734f3' }, h("smoothly-table-expandable-cell", { key: '8346482b6f97e7883c616f471f2439416f225ae5' }, "c cell", h("div", { key: '6a424aae58dea605bef45d041b3d966cd7b77fa1', slot: "detail" }, "nested expandable cell expansion c")), h("smoothly-table-expandable-cell", { key: '7d1278d1772e50ec62d4535e84795e0ff21bcfb2' }, "d cell", h("div", { key: '037fbf1a295acb416b6da777a9adb4f133a9888e', slot: "detail" }, "nested expandable cell expansion d")))))))), h("h4", { key: 'c142096a173352c4d54e6f140f0959faff1020f7' }, "Demo table 6"), h("smoothly-table", { key: '60e642463fa9133bf2ffe99a72dabe05ac0e4712' }, h("smoothly-table-row", { key: '79b3922ac5f8a651fb4967f7004c1dc852eb9698' }, h("smoothly-table-header", { key: '02bebc729c6426e660572400b4d6436c06338ec6' }, "display"), h("smoothly-table-header", { key: '27a1de21117300f145e41175ce4d701ca063822a' }, "contents")), h("smoothly-table-expandable-row", { key: '534a56881350116471043c8ccb9cd8340e1fc15c' }, h("div", { key: 'c11d36b53017bf661128862940b3a0a58e2d637c', class: "content" }, h("smoothly-table-cell", { key: '056f80253e082def2ab34eb215e53d21290f44f8' }, "A"), h("smoothly-table-cell", { key: '8eb2f08ee361cba6bf62b2cb333dc80d4cff1301' }, "B")), h("div", { key: '7070fb9a0a84733c1dde7c0fb374f1d5044a83e3', slot: "detail" }, "expansion"))), h("h4", { key: '409e11f57be8dff04c81a6def69c41e14431e8f2' }, "Demo table 7"), " ", h("span", { key: '413dc0d273d090e371da3ba141cd047e52e73ffd' }, "nested 1 then normal"), h("smoothly-table", { key: '70f42748622fb89afafd3f52639851dc607bab2f' }, h("smoothly-table-row", { key: 'b49132440f1968525ed8974a30e12227bd35cab2' }, h("smoothly-table-header", { key: '4bafbf08f718b465fd927ee792eb9bf932b12f4c' }, "A"), h("smoothly-table-header", { key: '690bdc6de3c559c0df019495613eab2f6eb92531' }, "B")), h("smoothly-table-expandable-row", { key: 'e1453fbd7779a6210d0bda1d44afb5726bfe8a35' }, h("smoothly-table-cell", { key: 'ee9584fb3bb7329ae55e46d990adb84094d4f503' }, "a"), h("smoothly-table-cell", { key: '6b6db5fe5a55109d57e7258d02b2286d61004c13' }, "b"), h("div", { key: '666ee5d380f97b96407fd1010f1779387f194b15', slot: "detail" }, h("smoothly-table", { key: '027253726a7cc34b6614e13810e3acc281330a2f' }, h("smoothly-table-row", { key: '022ce4a559a57e14b2bbbb2b362910db5fcb91f9' }, h("smoothly-table-header", { key: 'eb39d2d4129da7bb6ea7923618934c5856509d9d' }, "C"), h("smoothly-table-header", { key: 'a235c77ec620d0816bcb797b852972c4efb1a2db' }, "D")), h("smoothly-table-row", { key: 'efdfb82045793834c0bdf10aa3bbc1fda24169ff' }, h("smoothly-table-cell", { key: '1000d6a504bbf333866f0e72ca42bd21b2a31988' }, "c"), h("smoothly-table-cell", { key: 'd6206f9c807427293c2f428a397e1932ef83dd0e' }, "d")), h("smoothly-table-row", { key: '86ef181fe45b5a9004e24ad9d0199b552a05dde8' }, h("smoothly-table-cell", { key: 'dff15632a5aa45d6f3ab66dbfaf1075f6e8ff6c8' }, "ccc"), h("smoothly-table-cell", { key: 'e6f6200c8dc8cd34abf86c29d3428c69c1c7a7ab' }, "ddd")), h("smoothly-table-expandable-row", { key: '166623244473323447c3367ab4bf60a00a35c5ea' }, h("smoothly-table-cell", { key: '416248c5ff465ef191fdc371ac41cfd906b5503a' }, "cccc"), h("smoothly-table-cell", { key: '73efbcf99b4427b370987db3f77b4d3dce3acef9' }, "dddd"), h("div", { key: 'e604e47e403a586653e921889d82b29803ff14a4', slot: "detail" }, "CONTENT")), h("smoothly-table-row", { key: '0b0d4a2f5f71f718a5c5c29ce16b7fcda49fc7dd' }, h("smoothly-table-cell", { key: '9b4b1666cf69b47114933f6d436ec2d0554113e5' }, "ccccc"), h("smoothly-table-cell", { key: '2e5f106bbe63cc8c067d8250b50bac70ea13a827' }, "ddd")), h("smoothly-table-expandable-row", { key: 'f62eebcde6bf7388cf7a7b7f50995e1e83866751' }, h("smoothly-table-cell", { key: 'd9db2d5853f3ec4edbc1f46c62127ff19825ff29' }, "cccc"), h("smoothly-table-cell", { key: '652bfb786cff87056073c3a8b7d78ae1d24505dc' }, "dddd"), h("div", { key: '6d580ab9af724f81cadbe5a6c3785e89e062a659', slot: "detail" }, "CONTENT")))))), h("h4", { key: '08964ad35e3536f194fdb8a50dc2a008960cb67a' }, "Demo table 8"), " ", h("span", { key: '0d9404a5a77fd01a7ba3ec055442bd8dfdfa1759' }, "not nested"), h("smoothly-table", { key: 'ec02f6c8e3d8a66c280756fba6bcb6f8abbbcc09' }, h("smoothly-table-row", { key: 'efec1f343e10544161bc2f2bbb1901281197df1b' }, h("smoothly-table-header", { key: 'c87e0ab241d4444a19d08813b6ef2270ad5633c6' }, "C"), h("smoothly-table-header", { key: '3ca3ef2cf382f6afa847e63e55f533267de341a3' }, "D")), h("smoothly-table-row", { key: '280ab2709de8d13af8f5fc564b9fe1a2973954ec' }, h("smoothly-table-cell", { key: '9a88f9219e918706451110fdafc77a073acc5c71' }, "c"), h("smoothly-table-cell", { key: '0de3bade0103647559f9a830031c9b6f8d9aa213' }, "d")), h("smoothly-table-row", { key: 'ce3c90f39e7c44a075e088d439c0b0bf5e652435' }, h("smoothly-table-cell", { key: 'ae102d1ac758b518e7c9d988a4e9ce22085b8a1d' }, "cc"), h("smoothly-table-cell", { key: 'b16e0b173513e9ff4b554bf63891ea1b959bef1b' }, "dd")), h("smoothly-table-row", { key: 'fef910bcedd049ca9b2e3b66000c74a6a4882663' }, h("smoothly-table-cell", { key: 'd9cf8cb64929ce59807a345a33923e60f378783e' }, "ccc"), h("smoothly-table-cell", { key: '53289b33524f2dd70cd6afdf251029db1c980edc' }, "ddd"))), h("h4", { key: '3ab5f27e667a7e1db08939ce4cb45d850282f3d1' }, "Demo table 9"), h("smoothly-table", { key: '769659230f644a4cbe3ba00f19b9c8f96a4a9995' }, h("smoothly-table-row", { key: '1ef94e3f79375e13a0b4727b8c32b00c5fc34c34' }, h("smoothly-table-header", { key: 'cf2eb49c5295960d8fd8723a15f74a28f582b503' }, "First name"), h("smoothly-table-header", { key: '8232e93d75afdd9aafcf5594699a2b08a94c28a9' }, "Last name"), h("smoothly-table-header", { key: '5c00290a6757fca88652d3f9146a9e8e01f27ba8', style: { width: "1px" } }, h("smoothly-icon", { key: 'cd5b916c10ba2d0e059671001d61a0bbd935c440', name: "alert-outline" }))), h("smoothly-table-expandable-row", { key: 'f360a1d643ea84d9fcf02738967de054acc550f5' }, h("smoothly-table-cell", { key: '813f11898cf7a8dfcdb33328d498304de5c52024' }, "Jessie"), h("smoothly-table-cell", { key: '54c495008c83afffd046f235936529a1493dbab0' }, "Doe"), h("smoothly-table-cell", { key: '022aa0f258ef23b7504d0e3da0bb497a32320974' }), h("div", { key: '705ba7948d0121447bdf695bd3e3deb405d63ff9', slot: "detail" }, h("p", { key: '631e75bb9959739b7821a37ac9e196ab64750f3d' }, "This is Jessie")))), h("h4", { key: 'b4141ea49ab03a3dc88aec5f02a4d0d805350161' }, "Demo table 9 - Lazy expansion rows"), h("smoothly-table", { key: 'db5bdfa5e8a6baa79ae3417bd08b9ebbfc0a7fa7' }, h("smoothly-table-row", { key: 'ee0408be64f96ac57225d2cbef86a9820b534381' }, h("smoothly-table-header", { key: '5dfc818b5d779bcd2cf1e67f198a31bae4a2c5aa' }, "Company")), h("smoothly-table-expandable-row", { key: '6d9feaa17730b5c0b8fa7cfc6085ebd1dcdd1616' }, h("smoothly-table-cell", { key: '4f28c378a6a91a5815b977310eaf4c8de79af66d' }, "Proquse"), h("smoothly-lazy", { key: 'd8ecb0c81de97f208548310876de7d0750ef21c1', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), h("smoothly-table-expandable-row", { key: '458d4ada5f5e2de44ba6856ac7e4d6d1a6ea8bb2' }, h("smoothly-table-cell", { key: '1a338d386a6e188ff66da784662dbd27f883dd89' }, "Pax2Pay"), h("smoothly-lazy", { key: 'b6961e605b15559cdbacee14ae552715bd81d9b6', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), h("h4", { key: 'cac2ac38f860f754918166db1c5a20ba9a6912b3' }, "Demo table 10 - Lazy expansion cells"), h("smoothly-table", { key: '33fae514da1aab485319cee69175a9c71a72e661' }, h("smoothly-table-row", { key: '8532fec1a50b22b71eae0e6cc94a31a31d5ae322' }, h("smoothly-table-header", { key: '9d0ad3a9558dbc35eac3b38c1982de1bc3ab4882' }, "Company")), h("smoothly-table-row", { key: '27c5f2c8d2e87e9bc3c2fae6cf7cc087a405fe95' }, h("smoothly-table-expandable-cell", { key: 'c03c670e02970d90ca0de80e88eb59c1802af89e' }, "Proquse", h("smoothly-lazy", { key: '250c83c0d72dc058527a979943ee9668452737e1', slot: "detail", content: h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), h("smoothly-table-row", { key: '27b76698c2250cc5c9d8438d667e55bf3fdc9b69' }, h("smoothly-table-expandable-cell", { key: '469f7f8aa065965e4a9ac5ea28c7241558e5c80a' }, "Pax2Pay", h("smoothly-lazy", { key: 'f8d254f8cbab4efabb8a4e10878fb4724a729b29', slot: "detail", content: () => (h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), h("h4", { key: '07088fa05fd0878171e4d716f805f4e7f57fca1f' }, "Demo table 11 - expandable cells"), h("smoothly-table", { key: 'af54145e3a5c5d44ac7b2289bce55ad1c23e9aec' }, h("smoothly-table-row", { key: '4fffe06dbd5c0e2409bdafd3570832d6ec918420' }, h("smoothly-table-header", { key: '1b9693358de32dbca4f1ddf73800f4fe0c0326e0' }, "Name"), h("smoothly-table-header", { key: '25ae31d3f68526b5cbef0f8501f05f3ef6b10190' }, "Age"), h("smoothly-table-header", { key: '33291b26edd44ba700c7ef7a13412bbc348724ee' }, "Location")), h("smoothly-table-row", { key: 'daf1ae6535c89ffaa835e968c07e9bd916a3f54f' }, h("smoothly-table-expandable-cell", { key: 'aa71d03ebc9f8c2ea44e71ac5777d338bf9028fe' }, "Jessie", h("div", { key: 'd579c923bf557954bca81feeeefb48898a16d4b9', slot: "detail" }, "Doe")), h("smoothly-table-expandable-cell", { key: '83cb3dec578fa4f9155936f3ab3c9108ce4c854d' }, new Date().getFullYear() - 2000, h("div", { key: '223275ff11fd52ccafa4f957d24813360abe2b77', slot: "detail" }, "2000-01-01")), h("smoothly-table-expandable-cell", { key: '095901ac56e321da5184b3208110d2e58ac7d23d' }, "UK", h("div", { key: '4855e7ef080480fb01b9ec97383cf7b1328648b7', slot: "detail" }, "London"))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -5,7 +5,7 @@ export class SmoothlyTableTesting {
|
|
|
5
5
|
this.counter = 0;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '1e8b9a237c0338de95c8bc47d6300fb5bea00daa' }, h("smoothly-table", { key: '1ce95762e531791df383f13155b63af3ed0f7183', color: "dark" }, h("smoothly-table-row", { key: '11572b7bd2e027cb9263fe0bb038d5c5d404c886' }, h("smoothly-table-header", { key: 'b7f9b6770075f4f7bc650e41e7b5bc88a9a63246' }, "Type"), h("smoothly-table-header", { key: 'ada0d06f350f5ce78d75be58fdcaf24b044acd5b' }, "Name"), h("smoothly-table-header", { key: '74a3c58483b7ed6a56b09381166c99be36a5cc7a' }, "Age")), data.map(animal => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-cell", null, animal.name), h("smoothly-table-cell", null, animal.age), h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (h("smoothly-table-row", null, h("smoothly-table-cell", null, animal.type), h("smoothly-table-expandable-cell", null, animal.name, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-submit", { slot: "submit" }, "Submit!"))), h("smoothly-table-expandable-cell", null, animal.age, h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, h("smoothly-input", { value: animal.type }, "Type"), h("smoothly-input", { value: animal.name }, "Name"), h("smoothly-input", null, animal.age), h("smoothly-submit", { slot: "submit" }, "Submit!")))))), h("smoothly-table-footer", { key: 'd059092b5882919a4524ca5643c70dca7e52495e' }, h("td", { key: '64275eb499624f7f9a803dbd5efa58496b57509e', colSpan: 2 }, h("div", { key: 'fd34e16a45bbe5d814cd70f2c9b5e3b23f03dcf2', class: "footer" }, "Currently viewing content from:", h("smoothly-display", { key: 'f9ef16c5c595f41afbc705599c78ae84af9978e8', type: "date", value: "2023-10-12" }))), h("smoothly-table-header", { key: '6f2a13077065f9072ce3a9f7658557a03b291c9a' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "smoothly-table-testing"; }
|
|
11
11
|
static get encapsulation() { return "scoped"; }
|
|
@@ -36,7 +36,7 @@ export class TableExpandableCell {
|
|
|
36
36
|
event.detail(this.element);
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: 'de2de60ed4de4805d0e8460425dff69a27f1cf58' }, h("div", { key: '631f4ff23313af670fd048342444b629c4f69486' }, h("smoothly-icon", { key: 'cf41b030bfb527d5ff91d78f0e83f165f7f94dcc', name: "caret-forward-outline" }), h("slot", { key: '05ea51edb7a481e9e3336013abe72377a5fa24fb' })), h("tr", { key: '9b63ac58aa5798b4904b7585ca4a1da6a7d84788', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, h("td", { key: 'd14773965f0527714bea6539ba56cee53e9a3fa7', colSpan: 999 }, h("slot", { key: '8b951371bf7abf38a4712e51d818d0846eaaf267', name: "detail" })))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "smoothly-table-expandable-cell"; }
|
|
42
42
|
static get encapsulation() { return "scoped"; }
|
|
@@ -18,7 +18,7 @@ export class TableExpandableRow {
|
|
|
18
18
|
event.detail(this.element);
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '31acafbc329314f362d78436e2f2532747406763' }, h("div", { key: '230c9cca3c799029da2ebd523e404a08c957be5f', onClick: () => (this.open = !this.open) }, h("slot", { key: '929dc26ca30e4873508eb34a64735052eaa5ac8f' })), h("tr", { key: '77323f4591ec02239e5bc4f3cd904207d676235b', class: { spotlight: this.spotlight } }, h("td", { key: '4d4433ad29c98e48032b5d0f656ae2c41d9396db', colSpan: 999 }, h("slot", { key: 'adda0d7e3c76aaec5fe85ea76cacd93c619a8273', name: "detail" })))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "smoothly-table-expandable-row"; }
|
|
24
24
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class TableFooter {
|
|
3
3
|
render() {
|
|
4
|
-
return h("slot", { key: '
|
|
4
|
+
return h("slot", { key: '8994ec30ca4782c186a0d6b0f93e31a1f944582c' });
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-footer"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -4,7 +4,7 @@ export class TableHeader {
|
|
|
4
4
|
this.name = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: 'fb48fbe64f9a6c7547a723b5e6878178fcc2d119' }, h("slot", { key: 'd6a3b03d4f9277925f89414ba51ccd6a0b726f30' })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "smoothly-table-header"; }
|
|
10
10
|
static get encapsulation() { return "scoped"; }
|
|
@@ -35,7 +35,7 @@ export class Table {
|
|
|
35
35
|
event.stopPropagation();
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return [h("slot", { key: '
|
|
38
|
+
return [h("slot", { key: '6c77704025be60171fecfc1acfd628c6475daadf' })];
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "smoothly-table"; }
|
|
41
41
|
static get encapsulation() { return "scoped"; }
|
|
@@ -20,7 +20,7 @@ export class TableRow {
|
|
|
20
20
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: '3bd2f27ff91e3f194c1d42ec7b0e13d452ed8797', ref: e => (this.element = e) }, h("slot", { key: 'f73f0a5d186c58393bf706d32251906ffcc267fc' })));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "smoothly-table-row"; }
|
|
26
26
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class SmoothlyTabsDemo {
|
|
3
3
|
render() {
|
|
4
4
|
return [
|
|
5
|
-
h("smoothly-tabs", { key: '
|
|
5
|
+
h("smoothly-tabs", { key: '7db28b4033941e93030f2970c75c87a5212caf82' }, h("smoothly-tab", { key: '8cc47af41a9571543c2ed5a0f4851bb9644cf14d', label: "test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '1ba02150f0d9c01fd3d8aa4c7083f7b259faca6f', label: "test2" }, "this is a test message!"), h("smoothly-tab", { key: '8049e1b074c3951ca220ea86e729a2e7ff0e0b17', label: "test3" }, "this is a test message again!")),
|
|
6
6
|
];
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "smoothly-tabs-demo"; }
|
|
@@ -14,7 +14,7 @@ export class SmoothlyTabs {
|
|
|
14
14
|
old.open = false;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '0c7c83580c88a3a30e54220386a43de10b5bd9d7' }, h("slot", { key: 'a9819da2915d67534da61ea741e1e734b1ccca9d' })));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "smoothly-tabs"; }
|
|
20
20
|
static get encapsulation() { return "scoped"; }
|
|
@@ -17,7 +17,7 @@ export class SmoothlyTab {
|
|
|
17
17
|
this.openHandler();
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '5e69759ffd21fdc5ec3b3a7b24ae385bbd58ded1' }, h("label", { key: 'd892db50835ecf6c063a97f4855a6bcd06843b50' }, this.label), h("div", { key: 'd9072ee88ca750d2458f080c3be37ff1741257d6', ref: e => (this.expansionElement = e), hidden: !this.open }, h("slot", { key: '3cc02d873fe2ada326a29e706a89226c81c8bb44' }))));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "smoothly-tab"; }
|
|
23
23
|
static get encapsulation() { return "scoped"; }
|
|
@@ -4,7 +4,7 @@ export class SmoothlyThemeColor {
|
|
|
4
4
|
this.color = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: 'c9a32779efe8d77ad24d45aade1e3431ed4fbb76' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "smoothly-theme-color"; }
|
|
10
10
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyThemeDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'fc145a9b40cf579de85d03dd48a2eb2553208e13' }, h("h2", { key: '1b6d1753e1178fdfc23462e4c338e38ac149bf6d' }, "Theme"), h("smoothly-theme-picker", { key: 'fcd75c4386d9cbb46de367e8e61b351ed9133a4a' }, h("smoothly-item", { key: '568114bc096c8ba1d856f2ee0a0e6b65c6a187d1', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '7c3f8f65c09335f44ae4f3cfc2e3b454f72cf495', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'b74d30ad5724caa483e1ad7cee107756d9502d2a', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '0dfa6e499f2a0eaa03d62f4496bf134b7df89761', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'a2c6c31df297133ed1c199308dabddecfef0d69f', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '31fb9cfdf74cbf4cc27d625bdc4da3fcd2abc02f', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '11b1142d654a4b00df3164781931e5d577c37b48', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '2902a5204e015cad119867e630b5fb92dbd381b4', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'cf880cb92056686f91ae951a0239107d549e8b59', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'eb1cafe6ee4af987ac39a8fa7dbd3ad6835d7ab1' }, h("smoothly-theme-colors", { key: '493a7a4fb46dbd32fa231ea74a93cb5952f91b50' }), h("smoothly-theme-guide", { key: 'ca19bdaad1f3ce0cc4ecf0a04330007f295f475c' })), h("smoothly-button", { key: 'bddc8c80e45c1f9bfa4ac2a935d17d80f767ffe9', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '6ac639ff1e60ff2a24a0625e8da2badf16246b42', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'ec08f0908beeeb5cb13822449d9540527807ef17', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '0bf87289a2e37f47ba002b4a632c2ccd19ab586b', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-theme-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class SmoothlyThemeColors {
|
|
3
3
|
render() {
|
|
4
4
|
return [
|
|
5
|
-
h("smoothly-display", { key: '
|
|
6
|
-
h("br", { key: '
|
|
7
|
-
h("smoothly-display", { key: '
|
|
8
|
-
h("br", { key: '
|
|
9
|
-
h("smoothly-display", { key: '
|
|
10
|
-
h("br", { key: '
|
|
11
|
-
h("smoothly-display", { key: '
|
|
12
|
-
h("br", { key: '
|
|
5
|
+
h("smoothly-display", { key: '4b118fef6f6b92878c8630155c8b97e87add187f' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
6
|
+
h("br", { key: 'd1b3495756c00a6a6de8842269e5d7d9e2fd428b' }),
|
|
7
|
+
h("smoothly-display", { key: 'b1882639d508ac74b33ad8b8c403194ab9072dd7' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
|
|
8
|
+
h("br", { key: '8361a76e3b134bf2c28acf5d82784dc5ba041179' }),
|
|
9
|
+
h("smoothly-display", { key: '9d98152d5be05babea31cc9c7d0d37904e15ab0e' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
10
|
+
h("br", { key: '1b37b7525531fc6b0b0ee9f04430c7cddc83671e' }),
|
|
11
|
+
h("smoothly-display", { key: '19f77a0b4329b1d0edcc93fac4c355ad0cb6221e' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12
|
+
h("br", { key: 'c7e941eaf73e6770ac2024d51a854ba441b64854' }),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "smoothly-theme-guide"; }
|
|
@@ -4,11 +4,11 @@ export class SmoothlyThemePicker {
|
|
|
4
4
|
this.element = "smoothly-css";
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: '36416385ae64f1a9d18a4ee70cc7f7ae71a47b22' }, h("smoothly-input-select", { key: '9fb3ec7632408f163914ddc670b77973080081b6', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
8
8
|
const element = document.querySelector(`#${this.element}`);
|
|
9
9
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
10
10
|
element.href = e.detail.theme;
|
|
11
|
-
} }, h("label", { key: '
|
|
11
|
+
} }, h("label", { key: 'b49dc09788e385c8516ff721314a73bb866e710c', slot: "label" }, "Select theme"), h("slot", { key: '9d16b92efdd1b7c0188dd8cbf1864249bb176145' }))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "smoothly-theme-picker"; }
|
|
14
14
|
static get encapsulation() { return "scoped"; }
|
|
@@ -11,7 +11,7 @@ export class SmoothlyToggle {
|
|
|
11
11
|
this.selected = !this.selected;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("button", { key: '
|
|
14
|
+
return (h("button", { key: '2ad1bf576d0d4287e37baf58136becdbbff06458' }, h("slot", { key: '4d93098f4e800e41a44fde1c6649afa94c99fa3c', name: "icon-slot" }), h("slot", { key: 'c97c89c9bebe9f758b4c3df7739849469882d79f' }, this.name)));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "smoothly-toggle"; }
|
|
17
17
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
|
|
|
13
13
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'f02accac49e74f1ec2b0cb30bfedb8486f7359cf' }, h("button", { key: '049a63088b11531ed45c1f971ad8a056c332a152', disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '46b9c4b9e82ce10dcf7f7fd2ccd3f3b1ae813674', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-toggle-switch"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|