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
|
@@ -18,8 +18,8 @@ function any(name) {
|
|
|
18
18
|
return new IslyAny(name ?? "any");
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
const styleCss$
|
|
22
|
-
const SmoothlyAppStyle0 = styleCss$
|
|
21
|
+
const styleCss$1p = "smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:5;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul li a{line-height:1.6cm}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;gap:1rem;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-end\"]{width:fit-content;gap:0.5em;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}@media screen and (max-width: 900px){smoothly-app>smoothly-notifier>header>nav{width:50dvw;max-width:15rem;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app>smoothly-notifier>header>nav>ul li{margin-right:0;margin-bottom:1em;width:100%}smoothly-app>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-start\"]{display:none}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center;gap:1em}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}}smoothly-app>smoothly-notifier>header>nav:not(.menu-open){display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}";
|
|
22
|
+
const SmoothlyAppStyle0 = styleCss$1p;
|
|
23
23
|
|
|
24
24
|
const SmoothlyApp = class {
|
|
25
25
|
constructor(hostRef) {
|
|
@@ -1523,8 +1523,8 @@ if (!globalThis.URLPattern) {
|
|
|
1523
1523
|
globalThis.URLPattern = URLPattern$1;
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
1526
|
-
const styleCss$
|
|
1527
|
-
const SmoothlyAppRoomStyle0 = styleCss$
|
|
1526
|
+
const styleCss$1o = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit;margin-bottom:1em}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}";
|
|
1527
|
+
const SmoothlyAppRoomStyle0 = styleCss$1o;
|
|
1528
1528
|
|
|
1529
1529
|
const SmoothlyAppRoom = class {
|
|
1530
1530
|
constructor(hostRef) {
|
|
@@ -1562,8 +1562,8 @@ const SmoothlyAppRoom = class {
|
|
|
1562
1562
|
};
|
|
1563
1563
|
SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
|
|
1564
1564
|
|
|
1565
|
-
const styleCss$
|
|
1566
|
-
const SmoothlyBackToTopStyle0 = styleCss$
|
|
1565
|
+
const styleCss$1n = ".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
|
|
1566
|
+
const SmoothlyBackToTopStyle0 = styleCss$1n;
|
|
1567
1567
|
|
|
1568
1568
|
const SmoothlyBackToTop = class {
|
|
1569
1569
|
constructor(hostRef) {
|
|
@@ -1594,8 +1594,8 @@ const SmoothlyBackToTop = class {
|
|
|
1594
1594
|
};
|
|
1595
1595
|
SmoothlyBackToTop.style = SmoothlyBackToTopStyle0;
|
|
1596
1596
|
|
|
1597
|
-
const styleCss$
|
|
1598
|
-
const SmoothlyBurgerStyle0 = styleCss$
|
|
1597
|
+
const styleCss$1m = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{font-size:1.7em;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
|
|
1598
|
+
const SmoothlyBurgerStyle0 = styleCss$1m;
|
|
1599
1599
|
|
|
1600
1600
|
const SmoothlyBurger = class {
|
|
1601
1601
|
constructor(hostRef) {
|
|
@@ -1678,8 +1678,8 @@ function local(path) {
|
|
|
1678
1678
|
return new URL(path, window.location.origin).origin == window.location.origin;
|
|
1679
1679
|
}
|
|
1680
1680
|
|
|
1681
|
-
const styleCss$
|
|
1682
|
-
const SmoothlyButtonStyle0 = styleCss$
|
|
1681
|
+
const styleCss$1l = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h,[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button::before{border-radius:2rem}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear]):hover>button.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-button-h:hover>button.sc-smoothly-button::before,[fill=outline].sc-smoothly-button-h:focus-within>button.sc-smoothly-button::before,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:active,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-button-h{display:none}";
|
|
1682
|
+
const SmoothlyButtonStyle0 = styleCss$1l;
|
|
1683
1683
|
|
|
1684
1684
|
const SmoothlyButton = class {
|
|
1685
1685
|
constructor(hostRef) {
|
|
@@ -1699,8 +1699,8 @@ const SmoothlyButton = class {
|
|
|
1699
1699
|
};
|
|
1700
1700
|
SmoothlyButton.style = SmoothlyButtonStyle0;
|
|
1701
1701
|
|
|
1702
|
-
const styleCss$
|
|
1703
|
-
const SmoothlyButtonConfirmStyle0 = styleCss$
|
|
1702
|
+
const styleCss$1k = ".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";
|
|
1703
|
+
const SmoothlyButtonConfirmStyle0 = styleCss$1k;
|
|
1704
1704
|
|
|
1705
1705
|
const SmoothlyButtonConfirm = class {
|
|
1706
1706
|
constructor(hostRef) {
|
|
@@ -1737,8 +1737,8 @@ const SmoothlyButtonConfirm = class {
|
|
|
1737
1737
|
};
|
|
1738
1738
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1739
1739
|
|
|
1740
|
-
const styleCss$
|
|
1741
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1740
|
+
const styleCss$1j = "smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}";
|
|
1741
|
+
const SmoothlyButtonDemoStyle0 = styleCss$1j;
|
|
1742
1742
|
|
|
1743
1743
|
const SmoothlyButtonDemo = class {
|
|
1744
1744
|
constructor(hostRef) {
|
|
@@ -1814,8 +1814,8 @@ function years(current) {
|
|
|
1814
1814
|
return result;
|
|
1815
1815
|
}
|
|
1816
1816
|
|
|
1817
|
-
const styleCss$
|
|
1818
|
-
const SmoothlyCalendarStyle0 = styleCss$
|
|
1817
|
+
const styleCss$1i = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));cursor:pointer;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-color), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-medium-tint));color:rgb(var(--smoothly-medium-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}";
|
|
1818
|
+
const SmoothlyCalendarStyle0 = styleCss$1i;
|
|
1819
1819
|
|
|
1820
1820
|
const Calendar = class {
|
|
1821
1821
|
constructor(hostRef) {
|
|
@@ -1907,20 +1907,6 @@ const Calendar = class {
|
|
|
1907
1907
|
};
|
|
1908
1908
|
Calendar.style = SmoothlyCalendarStyle0;
|
|
1909
1909
|
|
|
1910
|
-
const styleCss$1i = "[color=default].sc-smoothly-color{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-color{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-color{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-color{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-color{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-color{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-color{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-color{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-color{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-color{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}";
|
|
1911
|
-
const SmoothlyColorStyle0 = styleCss$1i;
|
|
1912
|
-
|
|
1913
|
-
const SmoothlyColor = class {
|
|
1914
|
-
constructor(hostRef) {
|
|
1915
|
-
index.registerInstance(this, hostRef);
|
|
1916
|
-
this.color = undefined;
|
|
1917
|
-
}
|
|
1918
|
-
render() {
|
|
1919
|
-
return index.h("slot", { key: 'ff535acbb8ba3bfda56ffc2e8c204e4dcd96f0a1' });
|
|
1920
|
-
}
|
|
1921
|
-
};
|
|
1922
|
-
SmoothlyColor.style = SmoothlyColorStyle0;
|
|
1923
|
-
|
|
1924
1910
|
const styleCss$1h = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
|
|
1925
1911
|
const SmoothlyDialogStyle0 = styleCss$1h;
|
|
1926
1912
|
|
|
@@ -2255,7 +2241,14 @@ class Handler$j {
|
|
|
2255
2241
|
return typeof value == "string" && !!value ? value : undefined;
|
|
2256
2242
|
}
|
|
2257
2243
|
format(unformatted) {
|
|
2258
|
-
return {
|
|
2244
|
+
return {
|
|
2245
|
+
...unformatted,
|
|
2246
|
+
type: "text",
|
|
2247
|
+
inputmode: "numeric",
|
|
2248
|
+
autocomplete: "cc-csc",
|
|
2249
|
+
length: [3, 3],
|
|
2250
|
+
pattern: /^\d{3}$/,
|
|
2251
|
+
};
|
|
2259
2252
|
}
|
|
2260
2253
|
unformat(formatted) {
|
|
2261
2254
|
return formatted;
|
|
@@ -2283,7 +2276,14 @@ class Handler$i {
|
|
|
2283
2276
|
result = result.prepend("0");
|
|
2284
2277
|
if (result.value.length > 1)
|
|
2285
2278
|
result = result.insert(2, " / ");
|
|
2286
|
-
return {
|
|
2279
|
+
return {
|
|
2280
|
+
...result,
|
|
2281
|
+
type: "text",
|
|
2282
|
+
inputmode: "numeric",
|
|
2283
|
+
autocomplete: "cc-exp",
|
|
2284
|
+
length: [7, 7],
|
|
2285
|
+
pattern: /^(0[1-9]|1[012]) \/ \d\d$/,
|
|
2286
|
+
};
|
|
2287
2287
|
}
|
|
2288
2288
|
unformat(formatted) {
|
|
2289
2289
|
return formatted.delete(" / ");
|
|
@@ -2306,7 +2306,8 @@ class Handler$h {
|
|
|
2306
2306
|
const result = unformatted.map((symbol, index) => (index != 0 && index % 4 == 0 && index + 1 < issuer.length[0] ? " " : "") + symbol);
|
|
2307
2307
|
return {
|
|
2308
2308
|
...result,
|
|
2309
|
-
type: "
|
|
2309
|
+
type: "text",
|
|
2310
|
+
inputmode: "numeric",
|
|
2310
2311
|
autocomplete: "cc-number",
|
|
2311
2312
|
length: issuer.length.slice(1),
|
|
2312
2313
|
pattern: issuer.verification,
|
|
@@ -3136,8 +3137,9 @@ class Handler$5 {
|
|
|
3136
3137
|
return {
|
|
3137
3138
|
...(unformatted.value ? unformatted.suffix(" %") : unformatted),
|
|
3138
3139
|
type: "text",
|
|
3140
|
+
inputmode: "numeric",
|
|
3139
3141
|
length: [3, undefined],
|
|
3140
|
-
pattern: /^\d+(.\d)? %+$/,
|
|
3142
|
+
pattern: /^\d+(.\d+)? %+$/,
|
|
3141
3143
|
};
|
|
3142
3144
|
}
|
|
3143
3145
|
unformat(formatted) {
|
|
@@ -3510,7 +3512,7 @@ class Handler$4 {
|
|
|
3510
3512
|
}
|
|
3511
3513
|
}
|
|
3512
3514
|
}
|
|
3513
|
-
return { ...result, type: "
|
|
3515
|
+
return { ...result, type: "tel", autocomplete: "tel" };
|
|
3514
3516
|
}
|
|
3515
3517
|
unformat(formatted) {
|
|
3516
3518
|
return formatted.delete(" ").delete("-");
|
|
@@ -3594,6 +3596,7 @@ class Handler$2 {
|
|
|
3594
3596
|
return {
|
|
3595
3597
|
...result,
|
|
3596
3598
|
type: "text",
|
|
3599
|
+
inputmode: "numeric",
|
|
3597
3600
|
length: [3, undefined],
|
|
3598
3601
|
pattern: new RegExp("^(\\d{0,3})( \\d{3})*(\\.\\d+)?" + (this.currency ? " " + this.currency : "") + "$"),
|
|
3599
3602
|
};
|
|
@@ -10395,7 +10398,7 @@ const SmoothlyNextDemoGroup = class {
|
|
|
10395
10398
|
index.registerInstance(this, hostRef);
|
|
10396
10399
|
}
|
|
10397
10400
|
render() {
|
|
10398
|
-
return (index.h(index.Host, { key: '5d56b03eb97616e30ece37f629f39485b0e5708f' }, index.h("smoothly-display", { key: 'f5360ca93d4658778a49a01334679ca8f9a16f3b', type: "text", value: "Group" }), index.h("smoothly-color", { key: '22fc0c3db7b9afd105014fb709bfd22fbba320fa', color: "primary" }, index.h("smoothly-next-table", { key: '37c4f9c1adf97ce8c696ac400d0a954abbb5e159', columns: 2 }, index.h("smoothly-next-table-head", { key: '61b71c07f99464b3b1a7a914730207c0296f40cc' }, index.h("smoothly-next-table-row", { key: '245055e0965415c4548cd2c72de2477419b18e46' }, index.h("smoothly-next-table-cell", { key: '12443e4d715509098297f68c084cfea328beb439' }, "Date"), index.h("smoothly-next-table-cell", { key: 'f13f8dc92e5fc85f5675bd31bda9b029516f2ae0' }, "Total"))), index.h("smoothly-next-table-row-group", { key: '1a97d94354b67ec22c69c5659be1a75201422424', align: true }, index.h("smoothly-display", { key: '349092da712c08046965baa062fad22fb43a1aa7', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'afa863db2a9bce76301739c9c62d656e009e40c6', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: '07f1b683096e6643cd9c41dad3be30da18816d3d' }, index.h("smoothly-next-table-cell", { key: 'f9aa7025cc492db3d91a266d11ec86558c48c34a' }, index.h("smoothly-display", { key: 'd8b59ebc2e87a6c6e48cdf9230d84ecd60c492ff', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '3ca283714fa77a591c5cd829961f894b68792ab9' }, index.h("smoothly-display", { key: '3bdcb4f48d6ea7755309e46194e34191b26e3ef7', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: 'f9088d8e039392a0d8a68ce59f78ad332411778a', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'f1657e3d094cc3bf3c22225bc3d64667cdb5d1d5' }, index.h("smoothly-next-table-cell", { key: '29b0eb75691ae89274328e8dc45f1dd1adb880cd' }, index.h("smoothly-display", { key: '892f1c56be030df3945bd30bef8e33107c46f5d1', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '0afe90c4a7175ad6cd4b1532186adb959e4a0672' }, index.h("smoothly-display", { key: '733f40e512affc8589d04310f60e7f32d465b7cf', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: 'af09bd79af73e293a970d260dfe7e43210627312', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-body", { key: '31c8a95234ed1d49f64001a3cb78a241061f0993' }, index.h("smoothly-next-table-row", { key: '08aba602d29de70c6590ac6345f3bcd23b739370' }, index.h("smoothly-next-table-cell", { key: 'd67b1d99647a9b7e0a04d51d067748d8dcd7b5bd' }, index.h("smoothly-display", { key: '47d9c57ec243a94bdaeb9a2839729b20788a594b', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: 'bc8c7cfa27c2cd76bd3aaaf817e3b0c8f78aee9d' }, index.h("smoothly-display", { key: '0516823d4167cff20ec323f92478614a3efa81d9', type: "price", currency: "EUR", value: 130 })))), index.h("smoothly-next-table-row-group", { key: 'da6bc84bcb12819d2d169227ca7c05bd4a2db1a0' }, index.h("smoothly-display", { key: 'b6fbb4bdbfb48bd210f1cfae5e7f3dd14adf2b82', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '603324bb690823e5f800b182d0169fb681de3ae4', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'c74283fc3961d3f8cc5798278443cc9c25ea8322' }, index.h("smoothly-next-table-cell", { key: '31a9ba482c01a6ba30de17700399c23e53c0e08f' }, index.h("smoothly-display", { key: 'a044975a84d6dbab8f62c63e348f98842ed0dea2', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'b7f1e5948f210919a3f3ed4b771999c59b18755c' }, index.h("smoothly-display", { key: '6954a90b4523fa60262a84140088ee6b42380d69', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '6cbff9f3620f8a513f166e3a44050a6e9f842d2b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'a3118f9b60b925d800eb7d10124068c76a97e10a' }, index.h("smoothly-next-table-cell", { key: 'd4aa0c58ea054a5cd4f4590ee741a5d073a2b41f' }, index.h("smoothly-display", { key: '06efc3ac8336cad4f082d08103a75eb4986713aa', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'bd8556f939d90f8790cf500585b6d9b6f4368b4d' }, index.h("smoothly-display", { key: 'ee5470efa4f9ba3cf5ab6839fc14848ff49b3703', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '2eaf1599e55bf73dc52fca50ba3205f902140d6f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '99c6f7d82d313adbe51def0fb0219fac55b883e3' }, index.h("smoothly-display", { key: 'd78b8cf427433aeaaf9b2acb9a3c5932adf06dfe', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: '3370e099dac7c09c2a3357a60a020f92c4cb7576' }, index.h("smoothly-next-table-cell", { key: '8c5a307d7726057725a7caef56bba6eaf5a540c5' }, index.h("smoothly-display", { key: '56faad76daa8a002abb133810d9f09368f009c64', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'ce77516c8291df529726c0c53c6b9e40b3e03c5e' }, index.h("smoothly-display", { key: '1f2ea4f4acb69fcfc7717e9ddffbe47d7a50e4d7', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'f6de01f4df8daa363de20792ffca534f47d7f757', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '1849f26a2869fd2fb0a86a28e76e6a998151768a' }, index.h("smoothly-next-table-cell", { key: 'bbbe8c994a85b1e3985562a37611e3a343ae586c' }, index.h("smoothly-display", { key: '09563bac27a9e7dc0fe8a3cb9e121531efe574cf', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'e7c7f5ac277e12ea4fed8fb9ce25439bd2f2ccbf' }, index.h("smoothly-display", { key: '8fe6f6cd9d75e6e7065fed04eca9b5515864604e', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '59fc6786a96df0ad883a3bf99e36168ea28ed524', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '827b840318c6eb095436fdfd482f698ee0a9fae6' }, index.h("smoothly-display", { key: 'e8ec40c1f80dd3a505705c8de790f518a11ccacd', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'dada972117de41da2d0235c7d5c961f5842c04ce' }, index.h("smoothly-next-table-cell", { key: '5127e5dc17e3d8511c8de7131a039eb5c9d20b6b' }, index.h("smoothly-display", { key: 'c042b9d41a97df44df91a6fd40ba6a4f85ef50b5', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '807080aafeb522f42e5a65a238072be37e59d663' }, index.h("smoothly-display", { key: 'f770625c5c91d733b936c25f5612f12b02a49fb6', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '23c77461ab73bcb4a07c083c856b8a60b9195f8b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'eaf42c5b37019eb0839e5927dc6c020fb9cb0045' }, index.h("smoothly-next-table-cell", { key: 'ab2fdd2c0b7c1618d6b1bba55c2c3189ca9584c7' }, index.h("smoothly-display", { key: '00ce8483d95b86951a1aeb3a72a55179f2216cc8', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '5d6933a780953eac032d3e642e121dc76c7da64b' }, index.h("smoothly-display", { key: 'cb4c094d84051e4e840977f0b105520aa06ee6c4', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'aa8691a48ad3669b09313b089e1584e69422e5ca', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: 'b7564d4786bf1e95bc38b320e50127e51471df46' }, index.h("smoothly-next-table-row-group", { key: '9bd5694ad8b9ffee79e751edbaba613869239b46' }, index.h("smoothly-display", { key: 'c8e27086b7cbaddcdc4a7c06a3b11b0552b8a492', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: 'ae8663be0bfa95d923a8c06f1fe4cff2f01180bf', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '326f4b2d85c1c3cef993dde296c5f9d58c590cdc' }, index.h("smoothly-next-table-row", { key: 'b67789efbfc443449e67bad3420cf1a70eb60ec6' }, index.h("fake-cell-wrapper", { key: 'fc938a2d88591e2aa84d65111dbae41d9082ba49' }, index.h("smoothly-next-table-cell", { key: '8360500cdee564b79e68223e66eacd55bfaedf9c' }, index.h("smoothly-display", { key: 'e239953b709c6f61e80248aa2a872aa6f25f8108', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: '0aac09395a3340333fcba185a67754072994787c' }, index.h("smoothly-next-table-expandable-cell", { key: '611259240dc14f21b105f9af672f0c9d94db6455' }, index.h("smoothly-display", { key: 'a6d5a20a12b23cebc9601bde4f1f6c80a9fd6f01', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '5977980202fe0711b640d320072652edd8b731b4', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: '9eee36c34b50b32cdf7365c6a9823cd1b1f6811b' }, index.h("smoothly-next-table-expandable-row", { key: '6fe45eb5b3d725d6a707fbb6ab72e486df1fa500' }, index.h("fake-cell-wrapper", { key: '5337d4533e63c906ad5b56a5bb80a2861164b4a6', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '1a0bb53c849c5720b54d96292b24d608f734cc33', span: 2 }, index.h("smoothly-display", { key: '39410b5258a4894be7e60df0368743dfe76458a6', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: 'b9a8e2e4aa7744c093a257fff0d26959439115a6', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '9dc4c3b6f66c5cea8950a19cf779e3d7b4f1d68e' }, index.h("smoothly-display", { key: 'ff5198539dc457f1ecde4dee2e6c7e7549e9ff0c', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '243c88795f6ee19c3ada358316951b225e5b7c2c', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10401
|
+
return (index.h(index.Host, { key: '5d56b03eb97616e30ece37f629f39485b0e5708f' }, index.h("smoothly-display", { key: 'f5360ca93d4658778a49a01334679ca8f9a16f3b', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: '88f04736ccced992c742935d12c4d86789fee38e', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: 'faf45d5b7ff1fe857d72c79fc42f38f545e9b6c1' }, index.h("smoothly-next-table-row", { key: '6714d32001e6eb7ac053c08c1df2165bb0bb0929' }, index.h("smoothly-next-table-cell", { key: '18b8c8894f7b79a688661abe6b61433e08b2e1d8' }, "Date"), index.h("smoothly-next-table-cell", { key: '15e871c099b3213c9b5c6ee0cc3dd1cb0d01292a' }, "Total"))), index.h("smoothly-next-table-body", { key: 'd3aec297f634d976f94aaf8eeb95e1ebd3c618b8' }, index.h("smoothly-next-table-row-group", { key: '9dcc0cfa20ce5186cb288ab006d7b45aa29f75b9', align: true }, index.h("smoothly-display", { key: '489def9fdbb627a0638fbcceea9a8c86a612cba7', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '7fc0d039b45dca48ea8ca52778b09cdd4dd8de00', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: 'c91ee5b3818981cf2c36f3ec0084d3444a66ec71' }, index.h("smoothly-next-table-cell", { key: 'b6a57f1d865985624d18da6ba1d64aef399c5824' }, index.h("smoothly-display", { key: '3b9d57fb4400b45b62a240edd7f6bd6233cf4327', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '51139b6d5dc0a8208dcb91848b6dd08e1f377e39' }, index.h("smoothly-display", { key: '2d866b2358fd0a33b4cb48a260f2dc571f69d307', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: 'a34003280f16dbdde0cf46f5a9ceec49e278e1d1', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '6b0f4b6d7b810ab7e46a9fa15e5b17962d57b7ce' }, index.h("smoothly-next-table-cell", { key: '5a8a8b46648f2adc4fbfb9f83d823a1386fa096e' }, index.h("smoothly-display", { key: 'd3f1a0da19c0796cdab7c667f60631eb34ec6aa0', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'aa15a2ee96fe18eef5d71154f9e9584cae71dba7' }, index.h("smoothly-display", { key: 'f3ef958a17422978c2cb7fed9972a329f0758017', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '2f9cbc48aa384b9cf18a0a0df117964e61c1baa5', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '54a532a857901b5cf86452bcef52519cd10b4f82' }, index.h("smoothly-next-table-cell", { key: '5473438582ef2b6a59d1469b9e3e4706df7976bb' }, index.h("smoothly-display", { key: '482e30cd76d43ad92fb539eceb2d457e3395aaf7', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '9e39ef3e80fbbaa5f40a2beb216958b4ecd825d2' }, index.h("smoothly-display", { key: '60809b1e1df2f1c8482b46f1bdd7279ef1efed35', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: '9d605bfae7226d1686455fe299f07e8201efef93' }, index.h("smoothly-display", { key: 'b8b96a007564b34de3a88997d4b9b89bdda665c2', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'b8e6056ab1f2bb3741e837ea3bf7895a76cb77c8', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '447163a3171f75f7b9340b204bfd92ff52558d0e' }, index.h("smoothly-next-table-cell", { key: 'f868db2a2ee6d5287800d788da37df818ead06f0' }, index.h("smoothly-display", { key: 'cc58dc5bddb9cded44121f6b8eac04bdfb3efa71', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'fe4188b08091ae10176711ee21e5d594bfa9ef49' }, index.h("smoothly-display", { key: 'f682b5507fd0b3bedf099ca8300f42dab9647fe5', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '664a5529cfb1081d03c5981242419ecb729bac70', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '7fc01b056787e00028067c9a04c850a62a219858' }, index.h("smoothly-next-table-cell", { key: '4332ed8e8f8e1d5ad9d37e0642c8892b33dbbeec' }, index.h("smoothly-display", { key: '019841311dd2a94030527e424989b74ea5b522ae', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'ea3ebeeb126d97dcacaecda508bd65b50c0711b7' }, index.h("smoothly-display", { key: '0d84fd8191432bb6deec84591857ec161b0e1dcf', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'cdeec63d71732d1923a8f3b79036d12247f38b98', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '3550aa60b2e9e9e9980a64cf143ce0d17d4c1fa5' }, index.h("smoothly-display", { key: '3f7e9c3dc8bb79266fd6155abdaacd02be3b48ef', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: 'da4294c6b2e44f187d85e4238b68eabe0a6cbe0c' }, index.h("smoothly-next-table-cell", { key: '8c3a545a335ae3cf7407cfa649d721d27c83b85b' }, index.h("smoothly-display", { key: '22fc42a0b0aa717032f58644054ff2541e9e5d01', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'c7110196e7aae21debea3fa4299b36425acf3235' }, index.h("smoothly-display", { key: '0119736188d0589d46c6d297263ded37be1fb800', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '848d08981aff1004587f7da62bb5fa03116b570c', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'bba15eae4caf007a6e8d1f387366a0382ac2dbf7' }, index.h("smoothly-next-table-cell", { key: '48fd64a22091e1c89dd1db080055723522ed39dc' }, index.h("smoothly-display", { key: 'f794887ab4e3fc1b0715b5d47769abab75686560', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '7426bf45d2898a584741ea98b4d0f132a78af825' }, index.h("smoothly-display", { key: '58b13d4c9c2c85272e2f401c51e120c5d78d1ef8', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '55fca423e0d86eccb6b87d45e71aef93e605aaa6', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'a43ca279d26cdfe9ebb4cdc5378ce376bfc25922' }, index.h("smoothly-display", { key: '77af0b448e37e1bb17d6b7882e609fe8dda4d70a', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'aeda26c78d0c4e6cf030f645dcfcf8afedc13e06' }, index.h("smoothly-next-table-cell", { key: 'deeb287a4a4087508f852bc5a4892a08913e015f' }, index.h("smoothly-display", { key: 'dccb72a1b917e3ade1ef28a05ec2d61eb15a8ec0', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '906e0fac17dc5043d77e9416ffa89520eeb7e238' }, index.h("smoothly-display", { key: '1cc78e68f4e7d575c07e077cae9cb4cda656c6cc', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '369b56208198df9cfaba5e680e8402fa4c392902', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'ec5aa7f7426ce7b04684d195a220507ebfa4f18a' }, index.h("smoothly-next-table-cell", { key: 'd1e85789875059e3f6c37f8d9503792bed720f19' }, index.h("smoothly-display", { key: '5046dc700293122c0fc02a7d4c4de6471873b972', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '1559e7c310ec93921dce04f3b89afbcd7a2427bf' }, index.h("smoothly-display", { key: 'd97321e909f7ae634fc9302adb45ef5ca5b023d0', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '7c6fb3e8499cc7299acb918fdee250734724c393', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: 'e4910f2765f913c9f9784b7182e3e663cf020080' }, index.h("smoothly-next-table-row-group", { key: '3e0dc61365b76dd9fc9a4113c36c0d20797aba5b' }, index.h("smoothly-display", { key: '37e77907b4015a75c867b5d08122862d30a6f37f', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '74cf92c57a70efe3e58838e4754dbadb10c87b66', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: 'ccf5fb158226fe203bc42c7248c1bcc34be527f8' }, index.h("smoothly-next-table-row", { key: '0ed77719dc24e96e7d537487da8d2044e4141ccb' }, index.h("fake-cell-wrapper", { key: '571eaf6d4a7ff2934e2a407ef21d70cdece5d7f4' }, index.h("smoothly-next-table-cell", { key: 'fd69bbc8604f94b77eaa0bfb1e1c2325472fd0d1' }, index.h("smoothly-display", { key: 'e7daad0840115e690fc6fa6c2ef3c5f8f4ac1c1a', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'd701fc0ab6f9ea6586d26dd9af0d45d3794de2d8' }, index.h("smoothly-next-table-expandable-cell", { key: '43cabebb6bb2c962e3c4a1444ff8b4e5e7d73b49' }, index.h("smoothly-display", { key: '202feda5c64dbda8a1226c5a7621eada51be67cb', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: 'f1ccfbd2ad7aead8b4257b5ec2797ad97112bc72', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: '9a0867eae1807af82538ce74a0d90dd26354bbee' }, index.h("smoothly-next-table-expandable-row", { key: '90746e19fe5119eebdcb225fb17be32173d02442' }, index.h("fake-cell-wrapper", { key: '2494993605e20bc7dd89206277a7018116767db3', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '8d318b5239d57a3e3d5029f3c8e9d6f73cba8570', span: 2 }, index.h("smoothly-display", { key: '281bf3060133574b6d9e14a8bf0f69bccea0bf05', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '5a3a04973f15eefa820f9f669916fbebe6e7a2e2', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '34f1e972e2fd680de532f5da65ad7f92ea15d863' }, index.h("smoothly-display", { key: '8f1432361f56d412853ffa3c0c48cd595068af8b', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: 'c3fdb30de2d3b7630de71d2f174d9697e2dbe97b', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
10399
10402
|
}
|
|
10400
10403
|
};
|
|
10401
10404
|
SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
|
|
@@ -11341,7 +11344,7 @@ const SmoothlyNextDemoNested = class {
|
|
|
11341
11344
|
index.registerInstance(this, hostRef);
|
|
11342
11345
|
}
|
|
11343
11346
|
render() {
|
|
11344
|
-
return (index.h(index.Host, { key: '
|
|
11347
|
+
return (index.h(index.Host, { key: 'a691aebee7ef20fb9f484cb2fdb0b425521864fb' }, index.h("smoothly-display", { key: '0bd8866e9a3bfe99d6b84c9a8af4010f243f3cc1', type: "text", value: "Nested" }), index.h("smoothly-next-table", { key: '8c7c0d89c4c3cd735e9192370e5efd5fc277213a', color: "primary", columns: 8 }, index.h("smoothly-next-table-head", { key: 'c118320c0fe00478e17047ef7c291426c37a6f58' }, index.h("smoothly-next-table-row", { key: '1282cac487e655f5219426d8901cff1cb73c9aa9' }, index.h("smoothly-next-table-cell", { key: '47d347dcfeaf5dd8362bc516cd6be79e482100b4' }, "Id"), index.h("smoothly-next-table-cell", { key: '5353a4be419702c0224eda846e63c698c756808f' }, "Registered"), index.h("smoothly-next-table-cell", { key: 'e770a72942d73020531d9339606f1d2bb9bed1b8' }, "Name"), index.h("smoothly-next-table-cell", { key: '5baf4bb22afc938ce9d29561d77a64d58a17f4d7' }, "Age"), index.h("smoothly-next-table-cell", { key: '1d585110f6fcdcfbdc0ab112ff434b0c6754b141' }, "Balance"), index.h("smoothly-next-table-cell", { key: '846d1741e40f6f4cedfc7c0f163bbdbf05a45366' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: '5a417b6fd901dc2fe4af9dfd72b091d184c4e7eb' }, "Gender"), index.h("smoothly-next-table-cell", { key: 'f0898b96ea50dbe5f84d05b61e65c3e2a1645343' }, "Company"))), index.h("smoothly-next-table-body", { key: '57f146559d69d698931e0893815e8986a39dd25a' }, data$1.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.registered), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance), index.h("smoothly-next-table-cell", null, entry.eyeColor), index.h("smoothly-next-table-cell", null, entry.gender), index.h("smoothly-next-table-cell", null, entry.company))))), index.h("smoothly-next-table-foot", { key: '2771b961e61dbe48cda62fef74bceb09c94eefac' }, index.h("smoothly-next-table-row", { key: '1584d7f958f1689f1ce1011f8f1c47a16ef2355d' }, index.h("smoothly-next-table-cell", { key: 'fe5daeea6a10480688babd4462077464597b01d6' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '3c756b1ebb2330dcdfeaec9d5cfcc0cc2fea871f' }, "Footer Cell"))))));
|
|
11345
11348
|
}
|
|
11346
11349
|
};
|
|
11347
11350
|
SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
|
|
@@ -11356,7 +11359,7 @@ const SmoothlyNextDemoNestedInner = class {
|
|
|
11356
11359
|
}
|
|
11357
11360
|
render() {
|
|
11358
11361
|
var _a;
|
|
11359
|
-
return (index.h(index.Host, { key: '
|
|
11362
|
+
return (index.h(index.Host, { key: 'a3f06a8b508b918174e7be4e5b9bae8275edbf2c' }, index.h("smoothly-next-table", { key: '1e0d6e298bdcbda8ec444211d5a4f9941b0c2c12', columns: 4 }, index.h("smoothly-next-table-head", { key: 'd4eaef193b9dae9dcbe3c5169bd8113483e14fd2' }, index.h("smoothly-next-table-row", { key: '9b1ad224fbfc2fc4beea887a3733fd3ee5e5fb3e' }, index.h("smoothly-next-table-cell", { key: '17bbd913fce928ebbfc5c796a0ca0e93e9671fb2' }, "Id"), index.h("smoothly-next-table-cell", { key: '2a68fa9f9637c07cf4761dcf4d6d7f17e0405235' }, "Name"), index.h("smoothly-next-table-cell", { key: '49d18de3edd4b57bb4e0c3e78fbc48b561707f79' }, "Age"), index.h("smoothly-next-table-cell", { key: '726f7d09af79714f7dd0dd4ca85cd444f554f472' }, "Balance"))), index.h("smoothly-next-table-body", { key: '2ef3ed38ca7690fdefefcc1e7cdf6a582807c994' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance))))))));
|
|
11360
11363
|
}
|
|
11361
11364
|
};
|
|
11362
11365
|
SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
|
|
@@ -11369,7 +11372,7 @@ const SmoothlyNextDemoSimple = class {
|
|
|
11369
11372
|
index.registerInstance(this, hostRef);
|
|
11370
11373
|
}
|
|
11371
11374
|
render() {
|
|
11372
|
-
return (index.h(index.Host, { key: '
|
|
11375
|
+
return (index.h(index.Host, { key: '57221473e61c11430922db0433acb4865c6307fe' }, index.h("smoothly-display", { key: '5c8dd23a2893e0efc624c90a55190063816fdf0d', type: "text", value: "Simple" }), index.h("smoothly-next-table", { key: '497969b252f771619758a95de0fedb8a955ffb6b', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '55bf229dcf52a029afcc1199dce35f886f15e48b' }, index.h("smoothly-next-table-row", { key: 'c2b212ae3baf93cd9697adaabffd970709146a8a' }, index.h("smoothly-next-table-cell", { key: '0eebb2fdab7bc5d3b8b4bb2f20e23177ab37fe6e' }, "Breed"), index.h("smoothly-next-table-cell", { key: 'f7c4c11707422ef80d222a254c8a540de94e854e' }, "Coat"))), index.h("smoothly-next-table-body", { key: 'e0936fc4b0b7ceef180ed707b0bb8613b2035e7f' }, cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-next-table-expandable-row", { key: 'deb609c03930576c1fe9be61782bf5ae3e752e78' }, index.h("div", { key: '1bdc172f33f10f48da2e3a1358dd6bf6056fb211', slot: "detail" }, "Content", index.h("br", { key: 'ba0cf33bb8347fa83fdf0f30f4149e872e13162f' }), "of", index.h("br", { key: 'a5c1a596ca515a374244df4097103984533800bd' }), "the", index.h("br", { key: 'a3ad859b6915e963a2219cb35dba63919f07c746' }), "expandable", index.h("br", { key: 'a4b8868af9410b3a0723ed888dbbdcc7eb2a7d2a' }), "row"), index.h("smoothly-next-table-cell", { key: '94cca2aa7ce805700ddc4011bb49ca613b360ae2' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: '6d1b6527280bacde8440b9978064570768d53398' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: 'bd6a2d131f85a78455194d41b59d65b0e29966ab' }, index.h("smoothly-next-table-cell", { key: '78ae3c0e24ad43c66dc969f7c6f1e45fb1c10a61' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: '5ac731c5fb40a377437318d392f26626c444f686' }, "Expandable Cell", index.h("div", { key: 'e6bc7b13c5eec9c77ebf17378e9c306ac546e2a2', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: '2ad31b4e4098cbbf174d3ee916f6c8b65202efe9' }, index.h("smoothly-next-table-expandable-cell", { key: '04a80947ef5206c3e9060dafb3793fb1718f7a36' }, "Expandable Cell 1", index.h("div", { key: '92704dd765774ebb54b619538196a6476f22066b', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: 'a168a3b3f13eb93e4e9576766799fe408fa0c5ee' }, "Expandable Cell 2", index.h("div", { key: 'ed09bf2b304f58d35fad3ef744edd2991644e32c', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: 'e670d50318a4db96a1461a1e42ff67ce2953e891' }, index.h("smoothly-next-table-row", { key: '59e250b22b22ddfe17767cb79bd85e2f511a7d30' }, index.h("smoothly-next-table-cell", { key: 'b28114aea9ee2c4e6119534ad5668c06c79c96b5' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: 'ac1d12554b0cfd9f14cec51d33a1d806ef5dad97' }, "Footer Cell"))))));
|
|
11373
11376
|
}
|
|
11374
11377
|
};
|
|
11375
11378
|
const cats = [
|
|
@@ -11455,7 +11458,7 @@ const SmoothlyNextTable = class {
|
|
|
11455
11458
|
this.columns = 1;
|
|
11456
11459
|
}
|
|
11457
11460
|
render() {
|
|
11458
|
-
return (index.h(index.Host, { key: '
|
|
11461
|
+
return (index.h(index.Host, { key: '1edbf4bf33b50ba8bef76e4b01c3d42e7621cfe2', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'e819837a7c6ca268916b7ab73f20ada90c4c880d' })));
|
|
11459
11462
|
}
|
|
11460
11463
|
};
|
|
11461
11464
|
SmoothlyNextTable.style = SmoothlyNextTableStyle0;
|
|
@@ -11468,7 +11471,7 @@ const SmoothlyNextTableBody = class {
|
|
|
11468
11471
|
index.registerInstance(this, hostRef);
|
|
11469
11472
|
}
|
|
11470
11473
|
render() {
|
|
11471
|
-
return (index.h(index.Host, { key: '
|
|
11474
|
+
return (index.h(index.Host, { key: '7aada42099295b0418033976b87562512c16ec9d' }, index.h("slot", { key: 'e75333f0b3cf6b94d878e9b050013b7f54c683a4' })));
|
|
11472
11475
|
}
|
|
11473
11476
|
};
|
|
11474
11477
|
SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
|
|
@@ -11482,7 +11485,7 @@ const SmoothlyNextTableCell = class {
|
|
|
11482
11485
|
this.span = 1;
|
|
11483
11486
|
}
|
|
11484
11487
|
render() {
|
|
11485
|
-
return (index.h(index.Host, { key: '
|
|
11488
|
+
return (index.h(index.Host, { key: 'b79740995bc33a4cab5417ec9622b321d9370f9c', style: { "--smoothly-table-cell-span": this.span.toString(10) } }, index.h("slot", { key: 'd6f0aeba71b8367b184f179c2f927a53ee9858b9' })));
|
|
11486
11489
|
}
|
|
11487
11490
|
};
|
|
11488
11491
|
SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
|
|
@@ -11598,7 +11601,7 @@ const SmoothlyNextTableExpandableCell = class {
|
|
|
11598
11601
|
this.smoothlyNextTableExpandableCellOpened.emit();
|
|
11599
11602
|
}
|
|
11600
11603
|
render() {
|
|
11601
|
-
return (index.h(index.Host, { key: '
|
|
11604
|
+
return (index.h(index.Host, { key: '3e728bd60780f10e9054a82279cd4135d1df148e', style: { "--smoothly-table-cell-span": this.span.toString(10) } }, index.h("div", { key: 'b6ac1ee5bc66fdd71cc551fe8d0736c5922a0126', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: '807304742ff26239f889d8b7dca20be7caddc9c9' })), index.h("div", { key: 'bd6737058677233456c7bdcab641046db96bd64e', class: "detail" }, index.h("slot", { key: 'df06eb707ac3f17f34001f67324a2d7678a92fab', name: "detail" }))));
|
|
11602
11605
|
}
|
|
11603
11606
|
};
|
|
11604
11607
|
SmoothlyNextTableExpandableCell.style = SmoothlyNextTableExpandableCellStyle0;
|
|
@@ -11615,7 +11618,7 @@ const SmoothlyNextTableExpandableRow = class {
|
|
|
11615
11618
|
(this.div && event.composedPath().includes(this.div)) || (this.open = !this.open);
|
|
11616
11619
|
}
|
|
11617
11620
|
render() {
|
|
11618
|
-
return (index.h(index.Host, { key: '
|
|
11621
|
+
return (index.h(index.Host, { key: '19657325b762ecb9858ce933e7d4e5cb0829749f', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: 'a12e24fed1a33361b95f911da3c220200bff337f' }), index.h("div", { key: '90586b47a3e18e40b754ff43e9b2442931fef8a4', ref: e => (this.div = e) }, index.h("slot", { key: 'c965ac6f11f49416f27e987587f4e26847d11547', name: "detail" }))));
|
|
11619
11622
|
}
|
|
11620
11623
|
};
|
|
11621
11624
|
SmoothlyNextTableExpandableRow.style = SmoothlyNextTableExpandableRowStyle0;
|
|
@@ -11628,7 +11631,7 @@ const SmoothlyNextTableFoot = class {
|
|
|
11628
11631
|
index.registerInstance(this, hostRef);
|
|
11629
11632
|
}
|
|
11630
11633
|
render() {
|
|
11631
|
-
return (index.h(index.Host, { key: '
|
|
11634
|
+
return (index.h(index.Host, { key: '59704cdef8b749f0e02c1e2c31037e7742c4c13d' }, index.h("slot", { key: 'ee391911b18dd9851ab5eda943f8410cdea9108b' })));
|
|
11632
11635
|
}
|
|
11633
11636
|
};
|
|
11634
11637
|
SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
|
|
@@ -11641,7 +11644,7 @@ const SmoothlyNextTableHead = class {
|
|
|
11641
11644
|
index.registerInstance(this, hostRef);
|
|
11642
11645
|
}
|
|
11643
11646
|
render() {
|
|
11644
|
-
return (index.h(index.Host, { key: '
|
|
11647
|
+
return (index.h(index.Host, { key: '18885e1acd94e34e6061cfd64a0b1e65d31d6f38' }, index.h("slot", { key: '949e286b8f14aa0e055115ca66f628841d4dd618' })));
|
|
11645
11648
|
}
|
|
11646
11649
|
};
|
|
11647
11650
|
SmoothlyNextTableHead.style = SmoothlyNextTableHeadStyle0;
|
|
@@ -11664,7 +11667,7 @@ const SmoothlyNextTableRow = class {
|
|
|
11664
11667
|
event.target != cell && cell.close();
|
|
11665
11668
|
}
|
|
11666
11669
|
render() {
|
|
11667
|
-
return (index.h(index.Host, { key: '
|
|
11670
|
+
return (index.h(index.Host, { key: 'ff16577591e3931a2b88a99d58e4361adf8014af' }, index.h("slot", { key: '5175bcd85cfa33c48ad92c7ea72c6bbd16b645b9' })));
|
|
11668
11671
|
}
|
|
11669
11672
|
};
|
|
11670
11673
|
SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
|
|
@@ -11682,7 +11685,7 @@ const SmoothlyNextTableRowGroup = class {
|
|
|
11682
11685
|
this.open = !this.open;
|
|
11683
11686
|
}
|
|
11684
11687
|
render() {
|
|
11685
|
-
return (index.h(index.Host, { key: '
|
|
11688
|
+
return (index.h(index.Host, { key: 'e18472f490bebc979b164758e3c6bc873565ea97' }, index.h("div", { key: 'a35e8180466a1528dc87e2965456fe9c7108c3d1', onClick: () => this.clickHandler() }, index.h("div", { key: '803b693c46a1c523ee26ccb49aea2c11cfc0121c' }, index.h("slot", { key: '01230185ba37445978764800bd9c6f51d0ed1431', name: "start" })), index.h("div", { key: '6c32c2f460a16557aecad30f80d2e1f279399066' }, index.h("slot", { key: 'efea02b22c9a5ea9c4ccb3f60f1fff5386dece41', name: "end" }))), index.h("div", { key: '02ed4eaac4ac31b93a4b981c9f0bbe0320640fd4' }, index.h("slot", { key: 'c964ac761682fb58b9a1cd4e17d949ce2bfb7711' }))));
|
|
11686
11689
|
}
|
|
11687
11690
|
};
|
|
11688
11691
|
SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
|
|
@@ -11742,7 +11745,7 @@ const Notification = class {
|
|
|
11742
11745
|
this.onUpdatedNotice(this.notice);
|
|
11743
11746
|
}
|
|
11744
11747
|
render() {
|
|
11745
|
-
return (index.h(index.Host, { key: '
|
|
11748
|
+
return (index.h(index.Host, { key: '8153ff768436e198e3328110a36db1b65f7f344e', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: 'b6d4f169fdb2682c8eb283c3a5d8af22ddb6aa78', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '8e1042ed81f728453201d837424a2eb1735e159c', name: "close-circle-outline" }))), index.h("span", { key: 'f8ba74b6b21744ba28258bb71de0f56f7d9b9444', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: '5fb45ec4654054569b9350d939d70707cf12fbb7', name: this.properties[1] }), index.h("p", { key: 'a62236628dfc7991a7d1f00b96ce72bc7716fcd5' }, this.notice.message))));
|
|
11746
11749
|
}
|
|
11747
11750
|
static get watchers() { return {
|
|
11748
11751
|
"notice": ["onUpdatedNotice"]
|
|
@@ -11767,8 +11770,8 @@ const Notifier = class {
|
|
|
11767
11770
|
}
|
|
11768
11771
|
render() {
|
|
11769
11772
|
return [
|
|
11770
|
-
index.h("slot", { key: '
|
|
11771
|
-
index.h("aside", { key: '
|
|
11773
|
+
index.h("slot", { key: 'dbaed218cb094a1760e1d5af15e4b117997a86fa' }),
|
|
11774
|
+
index.h("aside", { key: 'b2a7a8f6b64bee297b0bbcaa3f882f04caa11380' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon })))),
|
|
11772
11775
|
];
|
|
11773
11776
|
}
|
|
11774
11777
|
};
|
|
@@ -11886,7 +11889,7 @@ const SmoothlyPicker = class {
|
|
|
11886
11889
|
initialValueArray.every(value => selectedArray.includes(value)));
|
|
11887
11890
|
}
|
|
11888
11891
|
render() {
|
|
11889
|
-
return (index.h(index.Host, { key: '
|
|
11892
|
+
return (index.h(index.Host, { key: '920d7e4628623449c9733685da1df7258b18561e', tabindex: 0 }, index.h("smoothly-slot-elements", { key: 'b21d6b31724884c2a96e4d3779799f13c2cc2326', class: "selected", nodes: this.display }), index.h("span", { key: 'f8293e29c67da6c73347ff4e4bc8fdc1b870f383', class: "label" }, index.h("slot", { key: 'dc95ddeb38d10a2c8f03815dcf249e872fc44144', name: "label" })), this.looks == "border" && (index.h("button", { key: '61937f90280e44aee24c932e5d25e967d17050ee' }, index.h("smoothly-icon", { key: '17d5d1b68f4797c22dc9bc81922886a80c42fd2a', size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '8cc30ba2abba213ba7cb6fe4fc3bc01c3e9008d9', name: "child" }), index.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 }, index.h("slot", { key: '7307a3d8142b08c8564be721cf51197df906e6ca', name: "search", slot: "search" }), index.h("slot", { key: 'b14c54d394423f01502359016b897d61979d1a58', name: "display", slot: "display" }), index.h("slot", { key: '27a516930e996f711b4489d6b966200f1cf5c81c' }))));
|
|
11890
11893
|
}
|
|
11891
11894
|
get element() { return index.getElement(this); }
|
|
11892
11895
|
static get watchers() { return {
|
|
@@ -11950,13 +11953,13 @@ const SmoothlyPickerDemo = class {
|
|
|
11950
11953
|
}
|
|
11951
11954
|
render() {
|
|
11952
11955
|
var _a, _b;
|
|
11953
|
-
return (index.h(index.Host, { key: '
|
|
11956
|
+
return (index.h(index.Host, { key: 'd2d8584bfd3a54a0e67c44764fb2178bd761efed' }, index.h("div", { key: '0ab0645d229a58fc3b83695fcf2744970c708e0c' }, index.h("smoothly-button", { key: '7d05e946bff0cd93a0ffce19f885aed4e7089f02', onClick: () => (this.counter += 1) }, "Add one"), index.h("smoothly-button", { key: 'd3419c58867442886ba874ad3f7b7020b64aecf2', onClick: () => (this.counter -= 1) }, "Remove one"), index.h("smoothly-picker", { class: "counter", key: Array.from({ length: this.counter }).toString(), name: "counter", multiple: true, mutable: true }, Array.from({ length: this.counter }).map((_, index$1) => (index.h("smoothly-picker-option", { value: index$1, selected: index$1 < this.counter - 1 }, index$1))), index.h("span", { key: '15168d0626abb5de1c98a73296d2f85197f64d32', slot: "search" }, "Search"), index.h("button", { key: 'e9231067927533eb82c1d3dcff4849bb3e6e4207', slot: "child", class: "counter-button" }, index.h("smoothly-icon", { key: '27b58b47dc325aca5da2b4e974bc7d29bf219726', name: "add-outline" })))), index.h("h5", { key: '0f4035459cc413bf1d09e09f249896bc4955a030' }, "Controlled input"), index.h("smoothly-button", { key: '7f9ac3ea09d4a77d5422fe3a6b74374c38e9a851', color: "secondary", onClick: () => this.clickHandler() }, !this.change ? "start edit" : "end edit"), index.h("smoothly-form", { key: 'f1df5ae402b32aae671c73433e9635e4c2bacfb2', class: "controlled", looks: "line", onSmoothlyFormInput: e => this.inputHandler(e) }, index.h("smoothly-input", { key: 'bca81b4181cee577d64fc05d7a449beabf039229', readonly: !this.change, name: "message", value: this.data.message }, "Message"), index.h("smoothly-picker", { key: '45d0e3ec8f4700c9a235579015e628af95e97f72', name: "emails", mutable: true, multiple: true, readonly: !this.change, validator: validateEmail, onSmoothlyPickerLoaded: e => this.loadedHandler(e) }, index.h("span", { key: '1b110d0928bb343014771c30bbeb8e11223f3403', slot: "label" }, "Emails"), index.h("span", { key: '638a1bf9bc29921b227147a69bae91dbf882582b', slot: "search" }, "Search"), index.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 => {
|
|
11954
11957
|
var _a;
|
|
11955
11958
|
return (index.h("smoothly-picker-option", { key: email.value, value: email, selected: true, search: [(_a = this.users[email.value]) !== null && _a !== void 0 ? _a : []].flat() }, index.h("span", null, this.users[email.value]), index.h("span", { slot: "label" }, email.value), index.h("smoothly-icon", { size: "tiny", slot: "display", name: "person-outline" })));
|
|
11956
11959
|
}), this.data.options.map(email => {
|
|
11957
11960
|
var _a;
|
|
11958
11961
|
return (index.h("smoothly-picker-option", { key: email.value, value: email, search: [(_a = this.users[email.value]) !== null && _a !== void 0 ? _a : []].flat() }, index.h("span", null, this.users[email.value]), index.h("span", { slot: "label" }, email.value), index.h("smoothly-icon", { size: "tiny", slot: "display", name: "person-outline" })));
|
|
11959
|
-
})), index.h("smoothly-input-clear", { key: '
|
|
11962
|
+
})), index.h("smoothly-input-clear", { key: 'aaa240fa3e58bf1c9bb958fe96004b4684998c34', slot: "submit", type: "form", color: "danger", fill: "solid" }, "Clear"), index.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"), index.h("smoothly-submit", { key: '3c91b9112480ab67bb65eccd383b0788d15d1458', size: "icon", slot: "submit" }, index.h("smoothly-icon", { key: '0ad5893d4302efeba277c806b7f148f75580e696', name: "checkmark-circle" }))), index.h("h5", { key: '7c96b9a75c8295bab6a5a7b21dd8f2eb62ad4d09' }, "uncontrolled inputs"), index.h("smoothly-form", { key: '0d4fb3f5406791b9eae0e39942612dfa2015e70e', onSmoothlyFormSubmit: e => console.log("submitted", e.detail), looks: "line" }, index.h("smoothly-input", { key: 'e64809c750644e9e6f465d3f78ee336f6e002a37', name: "purpose", type: "text" }, "Purpose"), index.h("smoothly-picker", { key: 'abceb6c64a111f5df80630fe3448f10026024c2a', multiple: true, mutable: true, name: "emails", validator: validateEmail }, index.h("span", { key: 'b7f31c98db28893ec8798f60e0beb756fbf212e7', slot: "label" }, "Emails"), index.h("span", { key: '201464daedd052163861d660700b9b70aa50de5f', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'd1dc5e081101ac21621638ba7b38e7ddf47fae2d', value: "james@rocket.com" }, "james@rocket.com"), index.h("smoothly-picker-option", { key: 'ed7f05daab7157ab13db40f6625c4ed37843cf63', selected: true, value: "jessie@rocket.com" }, "jessie@rocket.com"), index.h("smoothly-picker-option", { key: '8e2793c9d2d53657181b78f4a85da37bf277c852', value: "giovanni@rocket.com" }, "giovanni@rocket.com")), index.h("smoothly-submit", { key: 'c880a9f5b3688c64732f223e8721135b57482df0', slot: "submit" }, "Submit"), index.h("smoothly-input-clear", { key: '0deb56d1a09dba398574ba4c00bee950c71c6c5c', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-picker", { key: 'a0885814e43b16b836c4f15168c6a58ad0eaa559', name: "shape" }, index.h("span", { key: 'de47263a9e99c620f4e15f7830bd1df4aa490a9d', slot: "label" }, "Shape"), index.h("span", { key: 'b82781b1265b2c1c16eda15e7d7380dfeb0fac50', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'b71fe951085be3b440af8edbc1fad65771cab636', value: "circle" }, index.h("span", { key: 'e100724913cd2361d9498da8f17f9f3f43daee81', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: '10c50cf663499b9dec6c9f00fb0fafcbeaa22ed5', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: 'ea51daddbe5a411461e4ef1c8acef7be9f683222', value: "cube" }, index.h("span", { key: '4e6a49f2d491b3edbc480d2cf7e657e44c2d5332', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '5de46fa7c767a55f285df1aa8b39b96d42fed648', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: 'ae1dfbf4b626256b7d42a395c98b30636df87d1d', value: "square", selected: true }, index.h("span", { key: '03bc6fda838c8aa8115d029833418430ae23ad7f', slot: "label" }, "Square"), index.h("smoothly-icon", { key: 'a72fc29432be78004bedcb145e9e8088179ce264', size: "tiny", name: "square-outline" }))), index.h("smoothly-picker", { key: '5465399a29c3603f8909ddc9acd34d69ca642217', multiple: true, readonly: true, name: "animals" }, index.h("span", { key: 'cc4f60946fdc4054a9390ae265bf886835d60707', slot: "label" }, "Animals"), index.h("span", { key: 'cfc10ac77ae70bcaaf2f1b65857d705bcca45aa2', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '6ac9dd133fc8babeaff6ae92fb315a48db247059', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: '166e01b768b1135ae46b70f60182c7ed0634bc63', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '5f3037c674b6508762158dca80343d8ac5e8f0b4', value: "fish" }, "Fish"))), index.h("smoothly-picker", { key: 'ea15431ecffef169beb16d79fe3b6dcbcb9257fe', looks: "border", name: "icon", multiple: true }, index.h("span", { key: '688f3d96b74a9547b898d8a56e3ddcd52bbef43d', slot: "label" }, "Icon"), index.h("span", { key: 'cb57fa93eaad849dc91a5fee47ed9f6e2386a259', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '80a88c427d2a7b9246ce99756ba4cb6b38e1cc2a', value: "circle", required: true }, index.h("span", { key: '072fb19aaa8bc10deb22cc07afa40662cb950737', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: 'fea18468cb6ce7ca8ef4af5ca86afd9056bea73b', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '9c2b4aec785d7f05d41e8a560ad97349571e145c', value: "cube" }, index.h("span", { key: '78b484c9cb6f0cd66fd4c79f9c1a883ac42ace30', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '645b0d13219f249a79a8d76f92cac37a3cc1504f', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: 'dda9ead327216b0f4b9b5dc5660a62c2d694349e', value: "square", selected: true }, index.h("span", { key: 'fa9df9eb893501c01c1d75dcfb3325478c03c2df', slot: "label" }, "Square"), index.h("smoothly-icon", { key: 'f3a1bd39b8fe3ac70634c7abc50dfe7ae57a1c5e', size: "tiny", name: "square-outline" })), index.h("smoothly-picker-option", { key: 'e78e9460b715a46d73fccac3832a73901c3b9450', value: "airplane" }, index.h("span", { key: '074270d5ba70ead7bccfc7aae8e7232d0bd11369', slot: "label" }, "Airplane"), index.h("smoothly-icon", { key: '71374eabbb933a5e2edd42f70db91a781a411a30', size: "tiny", name: "airplane-outline" })), index.h("smoothly-picker-option", { key: '198274c16d3184c99b23b127cf47f2eec48bba2e', value: "alarm" }, index.h("span", { key: '85fced878aa1637fb864ed31b9129596812c864d', slot: "label" }, "Alarm"), index.h("smoothly-icon", { key: '7842eb37f47be63b33daac45dd6c01c27fef1e40', size: "tiny", name: "alarm-outline" })), index.h("smoothly-picker-option", { key: 'c5f302846b261be341dbb8c05e1a2e335d661b9b', value: "archive" }, index.h("span", { key: '4e22b642466ae5a7acf95710c6e2febc18dd9c59', slot: "label" }, "Archive"), index.h("smoothly-icon", { key: '46bdc3325716e231170cecd6027d5d226c31a0fd', size: "tiny", name: "archive-outline" })), index.h("smoothly-picker-option", { key: '5a42bad4f5241cf518e63e099c8391b212414363', value: "bag" }, index.h("span", { key: 'babe6ce59fd64494b574b54e35dd06e39a30a536', slot: "label" }, "Bag"), index.h("smoothly-icon", { key: 'a06298b270c0c2f115c04b4aa8da23d026f5e075', size: "tiny", name: "bag-outline" })), index.h("smoothly-picker-option", { key: '8c5b0b668bac751457ce74dfb635e42567dac4f9', value: "cafe" }, index.h("span", { key: '1b3c075b25a98eec214fa27c8f04950be6f9a963', slot: "label" }, "Cafe"), index.h("smoothly-icon", { key: 'af62eacdb2cd9d9e88fe0cd704067f0826a92d62', size: "tiny", name: "cafe-outline" })), index.h("smoothly-picker-option", { key: '58dfa56f30b479c74402b33746697e45efb4bbe4', value: "disc" }, index.h("span", { key: '24457768947e634edfadfdbfe4068e9ef9062a68', slot: "label" }, "Disc"), index.h("smoothly-icon", { key: '2ae3e83d599a679acc62ca83a904a947530edc34', size: "tiny", name: "disc-outline" })), index.h("smoothly-picker-option", { key: 'af039084b6d23017aaa1390f4db527f101f8d88e', value: "earth" }, index.h("span", { key: 'd5490ac1042b2f6dbaf2fada7d262153bd9f36a2', slot: "label" }, "Earth"), index.h("smoothly-icon", { key: '6332b2d6704098c1090651dc41711093fab9ca2d', size: "tiny", name: "earth-outline" })), index.h("smoothly-picker-option", { key: '5af7330f81f1583364470b37f521d157b06e48d9', value: "fast-food" }, index.h("span", { key: 'dfe8ab90a37eb36adca0dc6e17a5f7b735da534b', slot: "label" }, "Fast food"), index.h("smoothly-icon", { key: '51d541dde16d70bd3ec1d9d8bf927a9556b2fcbd', size: "tiny", name: "fast-food-outline" })))));
|
|
11960
11963
|
}
|
|
11961
11964
|
};
|
|
11962
11965
|
SmoothlyPickerDemo.style = SmoothlyPickerDemoStyle0;
|
|
@@ -12240,7 +12243,7 @@ const SmoothlyPickerOption = class {
|
|
|
12240
12243
|
this.selected = !this.selected;
|
|
12241
12244
|
}
|
|
12242
12245
|
render() {
|
|
12243
|
-
return (index.h(index.Host, { key: '
|
|
12246
|
+
return (index.h(index.Host, { key: '56b66d0946b4368fb0d927fb9ae0087e8fc88d30', class: { visible: this.visible }, onClick: () => this.clickHandler() }, index.h("div", { key: '821cbff8b0b2683666368fd51bb7eacd6c9659a3', part: "display", class: "display" }, index.h("slot", { key: '041f8dccfbf1ae0246c9065f98a8e89f6a0b67c2', name: "display" })), index.h("div", { key: '695389817e24cb48623e7313b0b57dc73b9a92a3', part: "content", class: "content" }, index.h("smoothly-slotted-elements", { key: 'a0512cfd5d8d8427966d6068ea8b30eec582e5a0', onSmoothlySlottedChange: e => this.slottedChangeHandler(e), clone: true }, index.h("slot", { key: '78aa651822fcc198fbc1b5fa388ca31d29bad009' })), index.h("slot", { key: 'b2ba060bc203b5dbfe0b6e0a1784491ce1fda768', name: "label" })), index.h("button", { key: '36fcbcad5078f32ca1b20ee4e3dd4be8741a0b9d', type: "button" }, index.h("smoothly-icon", { key: 'de1e5614cdd8deb2e52ea5f0502b56cef14f8090', name: this.selected ? "checkbox-outline" : "square-outline" }))));
|
|
12244
12247
|
}
|
|
12245
12248
|
get element() { return index.getElement(this); }
|
|
12246
12249
|
static get watchers() { return {
|
|
@@ -12314,7 +12317,7 @@ const SmoothlySottedElement = class {
|
|
|
12314
12317
|
this.smoothlySlottedChange.emit(Array.from(slotted, child => (this.clone ? child.cloneNode(true) : child)));
|
|
12315
12318
|
}
|
|
12316
12319
|
render() {
|
|
12317
|
-
return (index.h(index.Host, { key: '
|
|
12320
|
+
return (index.h(index.Host, { key: '869dd5c36848fdc8747547b03667a0e1ae8f493e' }, index.h("slot", { key: 'e5b78923d5ca95ad6a0872438073088700859455' })));
|
|
12318
12321
|
}
|
|
12319
12322
|
get element() { return index.getElement(this); }
|
|
12320
12323
|
};
|
|
@@ -12331,9 +12334,9 @@ const SmoothlySpinner = class {
|
|
|
12331
12334
|
}
|
|
12332
12335
|
render() {
|
|
12333
12336
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
12334
|
-
return (index.h(index.Host, { key: '
|
|
12337
|
+
return (index.h(index.Host, { key: 'c1ac57abc95e3c6c162756d054e8c4fb1e66e423', style: {
|
|
12335
12338
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
12336
|
-
} }, index.h("svg", { key: '
|
|
12339
|
+
} }, index.h("svg", { key: 'a73db312467fd70dd446cd8d8957cf1edb3c9ac2', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '2e4d006dbe6aaea68dd493e1e16b0afece224bd0', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
12337
12340
|
}
|
|
12338
12341
|
};
|
|
12339
12342
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -12366,7 +12369,7 @@ const SmoothlySubmit = class {
|
|
|
12366
12369
|
(_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
|
|
12367
12370
|
}
|
|
12368
12371
|
render() {
|
|
12369
|
-
return (index.h(Button, { key: '
|
|
12372
|
+
return (index.h(Button, { key: '2ee55af412ada2f4c7d2a7fec75e3984569700ae', disabled: this.disabled, type: this.type }, index.h("slot", { key: '7a00bc708b67222e0f29cef098f5cba582f0d932' })));
|
|
12370
12373
|
}
|
|
12371
12374
|
};
|
|
12372
12375
|
SmoothlySubmit.style = SmoothlySubmitStyle0;
|
|
@@ -12390,7 +12393,7 @@ const SmoothlySummary = class {
|
|
|
12390
12393
|
}
|
|
12391
12394
|
}
|
|
12392
12395
|
render() {
|
|
12393
|
-
return (index.h("details", { key: '
|
|
12396
|
+
return (index.h("details", { key: 'e4fb548af7b162712d6c97d68a34a69c8fda5965', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '2671ce09e44e2d70d04fc456ba8f3748a48646c6' }, index.h("smoothly-icon", { key: '75ad205c685614cee0404fd6513aa5a5bd91b75c', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: 'c7d8b72baaf5a215eb620eb8154ad330e6c8534b', name: "summary" })), index.h("slot", { key: 'cfac2970eb567584729d06f3122a7ca312dae53c', name: "content" })));
|
|
12394
12397
|
}
|
|
12395
12398
|
};
|
|
12396
12399
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -12418,7 +12421,7 @@ const SmoothlyTab = class {
|
|
|
12418
12421
|
this.openHandler();
|
|
12419
12422
|
}
|
|
12420
12423
|
render() {
|
|
12421
|
-
return (index.h(index.Host, { key: '
|
|
12424
|
+
return (index.h(index.Host, { key: '5e69759ffd21fdc5ec3b3a7b24ae385bbd58ded1' }, index.h("label", { key: 'd892db50835ecf6c063a97f4855a6bcd06843b50' }, this.label), index.h("div", { key: 'd9072ee88ca750d2458f080c3be37ff1741257d6', ref: e => (this.expansionElement = e), hidden: !this.open }, index.h("slot", { key: '3cc02d873fe2ada326a29e706a89226c81c8bb44' }))));
|
|
12422
12425
|
}
|
|
12423
12426
|
static get watchers() { return {
|
|
12424
12427
|
"open": ["openHandler"]
|
|
@@ -12469,7 +12472,7 @@ const Table = class {
|
|
|
12469
12472
|
event.stopPropagation();
|
|
12470
12473
|
}
|
|
12471
12474
|
render() {
|
|
12472
|
-
return [index.h("slot", { key: '
|
|
12475
|
+
return [index.h("slot", { key: '6c77704025be60171fecfc1acfd628c6475daadf' })];
|
|
12473
12476
|
}
|
|
12474
12477
|
get element() { return index.getElement(this); }
|
|
12475
12478
|
};
|
|
@@ -12483,7 +12486,7 @@ const TableCell = class {
|
|
|
12483
12486
|
index.registerInstance(this, hostRef);
|
|
12484
12487
|
}
|
|
12485
12488
|
render() {
|
|
12486
|
-
return (index.h(index.Host, { key: '
|
|
12489
|
+
return (index.h(index.Host, { key: 'c2d52ed632722eed2a62ad7a8a1579532d535ee9' }, index.h("div", { key: 'db90c93940c91d063cbcf2e26344aee69e10f623' }, index.h("div", { key: '3614684decfb33d24f2573967e7c35f9558b2e4a' }, index.h("slot", { key: '812b5c6e8488a3a782719a5139268010cbad9319' })), index.h("smoothly-icon", { key: '43105a8225cf601cb94f091c1b25598b83300492', name: "caret-forward-outline", size: "tiny" }))));
|
|
12487
12490
|
}
|
|
12488
12491
|
};
|
|
12489
12492
|
TableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -12496,7 +12499,7 @@ const TableDemo = class {
|
|
|
12496
12499
|
index.registerInstance(this, hostRef);
|
|
12497
12500
|
}
|
|
12498
12501
|
render() {
|
|
12499
|
-
return (index.h(index.Host, { key: 'ff4d953d53ebe1c2d3c8b40a3275e86b3eac0b95' }, index.h("h4", { key: 'c092bb56ba97700993288e0c703e28563612f02b' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '7e7c93570f582f46957e7332fa6b418109997bfc', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '9077157f57eba9511f7e0a2a1f0775623cd0a7c3' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: 'a9f8e759b2e513133854f51f41c16ae576dbdaa3' }), " ", index.h("h4", { key: '32fa21ce44e04638e5cf136cbcf6a17c2cd001e0' }, "Demo table 3"), index.h("smoothly-table", { key: '88091f2e12af908ded54c1293cf3016ed7c9587c' }, index.h("smoothly-table-row", { key: 'a83bce7adb741f0a415033c5483d63e75ac824da' }, index.h("smoothly-table-header", { key: '27bf18f37ef4493cf72f388b854ae5b69c64bc8f' }, "Header A"), index.h("smoothly-table-header", { key: '743fb337cadc5b831df41648d9a71a75c70a0313' }, "Header B"), index.h("smoothly-table-header", { key: 'd0369ea011077e65f7732d54cd61bb25645a6b18' }, "Header C"), index.h("smoothly-table-header", { key: 'a9c218f44ff2e560bfbd64ff5298fdf78e3ac2cf' }, "Header D")), index.h("smoothly-table-row", { key: '340789e705c13738588c37faddad1957508b00c8' }, index.h("smoothly-table-expandable-cell", { key: '28377a66aa24642a14bb9c79b63ce9736161ae13' }, "normal row (exp.cell)", index.h("div", { key: 'c45fb5e2c196698059c14f3c11a28673c6c554ae', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '5a493ed640bc9ddd9af5184228552ee841052347' }, "expandable cell", index.h("div", { key: '91eef38b104cf2c2bd1e1af87b75525b7523917b', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '3cef1693697bade8a471080a448ded625aeb633c' }, "expandable cell", index.h("div", { key: '8640a33919c88d3c92683e1f5dc6525158b768e4', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '069e77db947f0ceefc238b7fc4127cecbb5b3912' }, "expandable cell", index.h("div", { key: '82a8974873c3ee7f44c712858a39e5a49e19a894', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '7745b38054f41d4841d2e8f0f7bc885aa0db692c' }, index.h("smoothly-table-cell", { key: 'a29e3fcd51c5e2480c0eb66da325703e31163482' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'ef56afb1219cc8df1ee737945ab2dba425a02d42' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '7b73f71f7607bd31507909efdb42df5ca885e6dc' }, "expandable cell", index.h("div", { key: '01275f9229bd3d707b3ad005ec45e2cec36eebdd', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '630e934eda7d43aabb955f25525e232b3849b5d3' }, "expandable cell", index.h("div", { key: 'ee4c6decfeded5834a7fff4c32faa945f7292d0f', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: 'd7f6418394a9bf4131ad638814f9c7abba4201da' }, index.h("smoothly-table-cell", { key: '3f48cf45d4f5eaead05edb498b5862e3d06f80b7' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: '151453082aedf170406819ff97a65e52cecd3157' }, "Normal cell"), index.h("smoothly-table-cell", { key: 'd48ac64c383e19277a5a10715ff1bc0a8817f03e' }, "normal cell"), index.h("smoothly-table-cell", { key: '469d597267fe9d15b33333ebfdb7b940fbccc50c' }, "Normal cell"), index.h("div", { key: 'eb390d8761fb7949bf2638ca254d1387df538aa1', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '92fdf3765b23e2814c910b3175a6fa8fa8ae9f12' }, "Demo table 4"), index.h("smoothly-table", { key: '36a75cf77cc6428b1b018f6a9ff294d342127c2c' }, index.h("smoothly-table-row", { key: '5859695222465adb200b24202f3f55a8be76d0dc' }, index.h("smoothly-table-header", { key: '8a303843f95be9a8b238e617e6bb1e24c3a5a5a0' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: '4ca6751b0b087b233888e17f44273533e38dd7d5' }, "Header expansion", index.h("div", { key: '14bfee7a9ad0d3496da45ca99027d23a48e7b18b', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '254f895aa8b93ee9b272cceed8a2c69775ed399c' }, index.h("smoothly-table-cell", { key: 'f3a1a9d28aee352f88e6858b3c62278e4b5e2b7a' }, "A Content"), index.h("smoothly-table-cell", { key: 'd91c9a0ed5279847f021fbc8c818fbdd72fe4299' }, "Expansion cell"), index.h("div", { key: '1d1c7f7225fbd650d30b65bc2714dc6b13e2e414', slot: "detail" }, index.h("smoothly-tab-switch", { key: '48bf422d2aeb9a76829168d183accc15ffbc06a9' }, index.h("smoothly-tab", { key: '2ffd3bd34da30bf6c2608be485f31266416e70ce', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '452d03698899e59afddd31a95cfbe594a36e7eca' }, index.h("smoothly-table-row", { key: '0080ef8910e59596316f4fe91461bad6883b2cda' }, index.h("smoothly-table-header", { key: 'c35f2204f7a87d8d4bc605ca1575fcee4cd920f5' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '3a68c1fd38384d1dd3305a97f66db02aff87202b' }, "B Content"))), index.h("smoothly-tab", { key: '2ac8f2b22dcb9f695b8d62214a2a106c87d5b6dc', label: "innertable 2" }, index.h("smoothly-table", { key: '7b9ec92936ab3c23aba955d3acf00832c28e52be' }, index.h("smoothly-table-row", { key: 'fae36a1a1906c25c92b37358687bf345ce0a5fa4' }, index.h("smoothly-table-header", { key: 'dd76c67dc64643df8b69186e62435f4d8812aa2a' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '41a98fce7a0b228e26befa8383e0c480338efe52' }, index.h("smoothly-table-cell", { key: '803d374288c9ef1a2a47cdd58c4a348375c41046' }, "C Content"))))))), index.h("smoothly-table-row", { key: 'fff379a23bf7f65c0f885f1b04c2316dc7344b1d' }, index.h("smoothly-table-cell", { key: '1ac9218ff076e34645d28a9c69fcb84d10401095' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '5db3eac64d1538cf6802ced7e08f9981ddc49312' }, "Expandable cell", index.h("div", { key: 'fb70fbc07b66d65a564ca8c79edb39da8b9d26b0', slot: "detail" }, "Expansion content")))), index.h("h4", { key: 'd2ce496e1788310b391dc45701bc26b4046a9cdc' }, "Demo table 5"), index.h("smoothly-table", { key: 'c9753fda38732972942ad5565ecee948d38ccf8d' }, index.h("smoothly-table-row", { key: '9c2f4281ffe80652510da5273ae33006cccabfe7' }, index.h("smoothly-table-header", { key: 'c09a5a28724d8c4185fff922d43f8753b8b980d8' }, "A"), index.h("smoothly-table-header", { key: '53690d1a6cb39b92caf645b83f039468e3dd1be6' }, "B")), index.h("smoothly-table-expandable-row", { key: 'a255fa72e32b17067134343042db32a8ca1b2286' }, index.h("smoothly-table-cell", { key: '54121e115f22164d3f418fbaacae1485ac8f3871' }, "nested expandable row"), index.h("smoothly-table-cell", { key: 'aaaf2531de06144a3d23eb1b6ffa52707a7dab36' }, "b row"), index.h("div", { key: '107421f6abc7f1177533ea35016172a68122aebd', slot: "detail" }, index.h("smoothly-table", { key: '812b56786b0262d480fa812cc9eb864a9a0139fe' }, index.h("smoothly-table-row", { key: '31fb05d45da00b61dbf91948a13a14329dd55d85' }, index.h("smoothly-table-header", { key: '7bf78b8cd12f28284f7cd047d227c8558282d468' }, "C"), index.h("smoothly-table-header", { key: 'c7737e4b485bdeae0d34276f4af0c3f8e43790e0' }, "D")), index.h("smoothly-table-expandable-row", { key: '3f3f159f740179bc48a24811476a0d507e2226c2' }, index.h("smoothly-table-cell", { key: '25fc0e3baf2e2e41d5fe2c8d9a75a8bfa25e6c28' }, "c"), index.h("smoothly-table-cell", { key: '42fe2b7404abb76d2b901dbe1f5ab74f3d65d0a0' }, "d"), index.h("div", { key: 'ca264dfb8c65c2516a45655a754ff81aa9a5d04d', slot: "detail" }, index.h("smoothly-table", { key: '965dce5480b196bad26596a941a0ec91e475e982' }, index.h("smoothly-table-row", { key: 'd6dfef1f5dc418c94ae5209c255454f1a19d8534' }, index.h("smoothly-table-header", { key: '75cc71f0cbddd257625b7d0a2145a4cf777ef7e0' }, "E"), index.h("smoothly-table-header", { key: '980aa3818b590dc3ffd39853de3bf8c7d6d20b44' }, "F")), index.h("smoothly-table-expandable-row", { key: '81bb5e72165adab4e5548408b249f3ef5fe3bf5b' }, index.h("smoothly-table-cell", { key: 'b0009c86f3f3b3b0e97f4a09777e689285662015' }, "e row"), index.h("smoothly-table-cell", { key: '7c250e0ced45000c47f56114aa0815b0295410f5' }, "f row"), index.h("div", { key: '756debc75f2882c7c597762bf1d02cde02d519f7', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '6301da72b24ebc508c037fba8e72aadcf2f8b00b' }, index.h("smoothly-table-cell", { key: '2dccccbd768d7842ca5681bd9fa1dff5613e68f0' }, index.h("span", { key: '0cf84979656b79efded6c8df050f5a84343aebb6' }, "one"), index.h("span", { key: '659dad82771b6c03549dea03e92830e77c267ad1' }, "two"), index.h("span", { key: 'f867bfa147b705bedbfbe93cd1aff1f05b016787' }, "three")), index.h("smoothly-table-cell", { key: 'df30402f9a2116a43f9c0a30a5dcb8b05ba941c5' }, "five", index.h("smoothly-icon", { key: '3c8f06916eac23a54a2f62dc952a78a279a66c3e', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '873f0a7f5e1f78974b6fc95b4edd7868334b0454', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: 'a9917cfa21c28ab5a81fd12d39b53f9cd13b86cb' }, index.h("smoothly-table-expandable-cell", { key: '3dd556396ebbe09f596efbd2117a850780a87ab5' }, index.h("span", { key: '0da29232a2adf28b388653fd65f4c807c1077e9f' }, "nested expandable cells"), index.h("div", { key: '3238631c783f26f283d904ae59f0aebfd7efe89a', slot: "detail" }, index.h("smoothly-table", { key: 'a1168607094e2ef5d3320ffa2b7ed25d25b0fd6e' }, index.h("smoothly-table-row", { key: 'ac2fc1802da533d9a626f7b76909d8af83aa1b33' }, index.h("smoothly-table-header", { key: 'b538e31c28f8de5117bca7d8c68d9869834336ce' }, "E"), index.h("smoothly-table-header", { key: '545aa04616f77612180f5caa51ad8a630336cea2' }, "F")), index.h("smoothly-table-row", { key: 'af43a0bfc45dde3078fc49f54dd1b148a889bb19' }, index.h("smoothly-table-expandable-cell", { key: 'ae73a84f5bca68e37e8a3cb0acdf579d42e30aa2' }, "e cell", index.h("div", { key: '1e92b787acb572d17212cd057f62dddb7c69b756', slot: "detail" }, index.h("smoothly-table", { key: '43ed27edf3524c79ad7f367d404e27b48a2867ad' }, index.h("smoothly-table-row", { key: 'b10424697e60838a87393b5ff593ee8071f8df8d' }, index.h("smoothly-table-header", { key: '700a82859ac895995c6523acb80e5512ba3a23aa' }, "G"), index.h("smoothly-table-header", { key: '6cb3f13f4b4606b13899d89f6eabbba9a35bf1f9' }, "H")), index.h("smoothly-table-row", { key: '48c7de06135f3d36e46110a5362b4aedcd52dd31' }, index.h("smoothly-table-expandable-cell", { key: '72e54a75bf0e908477a93cf29a27c92523db3e92' }, "g cell", index.h("div", { key: 'eedda8b5ab0e237de75f081d8485d14d0e949b93', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '2b8d5b2b7d0a7bd0075cad8df12eddc99abf14ca' }, "h cell", index.h("div", { key: '30dc8f046ea34c24227792f3b43aac3d29b2800a', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: 'e9ce46a83fcb4838d4d45290e58e51cef5ec5f1b' }, "f cell", index.h("div", { key: 'cdd3aa9b6e34f6f5a3ffc7af6442eed9509f102c', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '80e9f251ba7ae4fbe895dc9948d6aa2ae9cc2e72' }, "b cell", index.h("div", { key: '43c40f191392f0a9bcb69db21ee7a046276538c4', slot: "detail" }, index.h("smoothly-table", { key: 'bb36857cede08f9f4e53cab4879f648a24bebc87' }, index.h("smoothly-table-row", { key: 'cc5ad784a1b0bd4695b6e7525557c0627f2c4653' }, index.h("smoothly-table-header", { key: '853cb84215214b419a8b91c99e4dbb2366b5be6a' }, "C"), index.h("smoothly-table-header", { key: '8fb264bd65256ab127ccbacdb2af355208182112' }, "D")), index.h("smoothly-table-row", { key: 'ea7fa5359b7001d930d6bd88955085477b9caa6e' }, index.h("smoothly-table-expandable-cell", { key: '7f7a1c1b78f7af3f1b6d5cab7f53171dd28e7a8b' }, "c cell", index.h("div", { key: '8931c35f3d28f4e04686a031b01b95dbc3eee6c4', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '45e689f92e67b21aa216439ff7a99a2b2fb925af' }, "d cell", index.h("div", { key: '826b33f6fab7852bee50e0bad5112e12a8bdca40', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'fea0c968b15ec3e763b3283aab3c6170466f6aeb' }, "Demo table 6"), index.h("smoothly-table", { key: '0c7dc7880b6edba45d7c443c1efacfa51228c986' }, index.h("smoothly-table-row", { key: 'e0ffc13a20b61b516253575ecae67df5747f85f3' }, index.h("smoothly-table-header", { key: '84343856499f4bbcdf879c1e38d47ad61dd3b07b' }, "display"), index.h("smoothly-table-header", { key: '7ea5bf5388d2a9ac5942602d5ea2de0d4498dcc3' }, "contents")), index.h("smoothly-table-expandable-row", { key: 'c829f1856a32e8f95decb56aa7676bfa9e132428' }, index.h("div", { key: '32cd02d8601fcb3eddf42b43833c585869210043', class: "content" }, index.h("smoothly-table-cell", { key: '06b0111469adf958f6369c89d9eda34e11430d7c' }, "A"), index.h("smoothly-table-cell", { key: '36214d0f2ecde57c2c56debae9f811febad03f0f' }, "B")), index.h("div", { key: '555d3fec3c8514bb726150d7517366392f24a035', slot: "detail" }, "expansion"))), index.h("h4", { key: '7444428a2ed7f9b524142d3e1b248c661dedb4da' }, "Demo table 7"), " ", index.h("span", { key: 'cba3eba81a101da93a0f246b27ba3ceaacd6d951' }, "nested 1 then normal"), index.h("smoothly-table", { key: '154180a0d7e88f0798e366d47728f720af616fa2' }, index.h("smoothly-table-row", { key: 'e643dfe957d943546b3a55d9cc53a36d8a1cb162' }, index.h("smoothly-table-header", { key: '5a37411c7c51c25d40dd5d00f44d19180b01e60c' }, "A"), index.h("smoothly-table-header", { key: 'dff04cf1f2bfb35b69fa95c0451b8d2f1380b7f6' }, "B")), index.h("smoothly-table-expandable-row", { key: 'c49648c8db8402de0fc46cade58ea398f00ff564' }, index.h("smoothly-table-cell", { key: '12310f5142037ef147c633d9edc7a6dfb0bd61e9' }, "a"), index.h("smoothly-table-cell", { key: 'feb2efd26e2522911c99e46490e8cfdef277fb30' }, "b"), index.h("div", { key: '45d00805b6136f3be34ca647ecb69e31aad72d2a', slot: "detail" }, index.h("smoothly-table", { key: '2dc63fe36e2c1c8e4690f139c23cc1cda469be58' }, index.h("smoothly-table-row", { key: '3e35122c2de2d297bf3aeef8aa49c89040d5cd3c' }, index.h("smoothly-table-header", { key: '9ddda4370446e5eb78a5777bac09d91655acae43' }, "C"), index.h("smoothly-table-header", { key: 'b793ea7166e892dfb233aa5a935a72f69078e519' }, "D")), index.h("smoothly-table-row", { key: '222bd14119a03f569062c9bd2da2f52ddf7660b2' }, index.h("smoothly-table-cell", { key: '21db90c4ad784df1afde5482b72a683ee0a961ce' }, "c"), index.h("smoothly-table-cell", { key: 'bd2e9ed406387f7be7a5836cb58e5aadb46e0342' }, "d")), index.h("smoothly-table-row", { key: '42acfecc2254a15d4a0f1159916a3cfd191ee99e' }, index.h("smoothly-table-cell", { key: '9d8272db7dd09f1ee12ba58ff80b9354cbfdc03d' }, "ccc"), index.h("smoothly-table-cell", { key: '732edcf9a947301c4caf5f886f462503125d163b' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '1ba48fd5d3c4c46c323553a1a531f274f2aab67f' }, index.h("smoothly-table-cell", { key: 'f185e3a71bbfa4b8c3a0753074ddd5238f52dcb2' }, "cccc"), index.h("smoothly-table-cell", { key: 'ae879f95baa897bdaa3d307e6aa2db84f4454000' }, "dddd"), index.h("div", { key: '35661883694a3d82548c9a15891ba3ff1094010a', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'a584c1281b1fd43c7c9491d47a67db0f06ce69b7' }, index.h("smoothly-table-cell", { key: 'd0becc94fc652f5a446053c2b76d2c7b8e0f3caf' }, "ccccc"), index.h("smoothly-table-cell", { key: '5d1fd1c648fbc767718333c2c9536e8f7b10d8e6' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '38fc43984e6805f25123f0275663d95ff0ac5931' }, index.h("smoothly-table-cell", { key: '12c438bdf7f97db0693d7a1285a85c9670e6ed2a' }, "cccc"), index.h("smoothly-table-cell", { key: 'ef908a7d98e41af65182ace580a5d54894a6b96c' }, "dddd"), index.h("div", { key: '5211e77c73fbd8443e48a27c0c191e1cfae6ded2', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: '5b7dd830ab23142e2ac8c86036d22356c710bcaa' }, "Demo table 8"), " ", index.h("span", { key: '620e56f8dc165a919e15cc7a0aff8bc41d5eb3fc' }, "not nested"), index.h("smoothly-table", { key: '529c7f16ce4b54f6f68b93819e81f37f494f0b83' }, index.h("smoothly-table-row", { key: '29893adb66134daefdb9c4b89846c426e7adbe82' }, index.h("smoothly-table-header", { key: '7f3a6cc13dbaa22592d0f0984eb7e53da906ce6d' }, "C"), index.h("smoothly-table-header", { key: 'be493e697408943a1b1746286698c4264e7d6d25' }, "D")), index.h("smoothly-table-row", { key: '4d4f65d898a34a1aed66a30781d09b8162be9afc' }, index.h("smoothly-table-cell", { key: 'bf465541cc3ab0bbfd183644ca8701c4ebd6494c' }, "c"), index.h("smoothly-table-cell", { key: 'd76c604abb0072e900e1803b340e98008999a3ed' }, "d")), index.h("smoothly-table-row", { key: '5d026b5ee0835a44a918d917b97e80c03d8f6715' }, index.h("smoothly-table-cell", { key: 'e5205938342f15d01b4bab4261bdaef85c11027c' }, "cc"), index.h("smoothly-table-cell", { key: '6e6fa1fa828c57b81c4f3ad0dce12b1db3cdee8c' }, "dd")), index.h("smoothly-table-row", { key: '154db9b8fab74ac941141b19f3e06e6744aa1077' }, index.h("smoothly-table-cell", { key: '6a4b362be2b8b1b573bcf6a636760a9b5a65e6b6' }, "ccc"), index.h("smoothly-table-cell", { key: 'bbb0ddcbbef35cbc28ea3cad6af5d9b58a4d11cf' }, "ddd"))), index.h("h4", { key: '3c39475d896004dab4d3cc7799323fb61aa1e79f' }, "Demo table 9"), index.h("smoothly-table", { key: '9c7ac684b0891b3fcea3a61acce79808eef92324' }, index.h("smoothly-table-row", { key: 'aa5a1a5dcad75efa17c29abc8f04b5ea607c3fcf' }, index.h("smoothly-table-header", { key: '9f01c363ffcec060bbbc6ef130dbdeca91c3f9d7' }, "First name"), index.h("smoothly-table-header", { key: '85fc94f6064cef4851910c4d7150c57a2084bdb6' }, "Last name"), index.h("smoothly-table-header", { key: 'b5f960c077dfae13189fd4d0b64f5e007b0689e1', style: { width: "1px" } }, index.h("smoothly-icon", { key: 'f3627efb62e6b96158e6172dcb058aca4250dc57', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: 'd60a937d30275904efab96b6977735451c3632d4' }, index.h("smoothly-table-cell", { key: 'eb91d397386c94a7901597f84758b35a520cf4d9' }, "Jessie"), index.h("smoothly-table-cell", { key: '78ba60a34bbe84a75587ebe90115bc0d21df533c' }, "Doe"), index.h("smoothly-table-cell", { key: '6d03b802b1150e0342150f072e49996cc13f909b' }), index.h("div", { key: '05f8283aef3beed1a3cdf856ed2bcc622411a99a', slot: "detail" }, index.h("p", { key: '8ccf8ebfdd8b352223d332f8c74865c1f1aff500' }, "This is Jessie")))), index.h("h4", { key: 'e6609fc3a7e1cbe26df52c5b0d0d797aa765536e' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '2c37ef53561fb223ea3919c9d11f2566aaa8cb61' }, index.h("smoothly-table-row", { key: '724249499356fc20e7253ea3547bfc066d4a2217' }, index.h("smoothly-table-header", { key: 'b1429c54a8defbf5eb2703bbc172b73311c1cbd4' }, "Company")), index.h("smoothly-table-expandable-row", { key: 'ddc4daece8a73d7bf834aca3084f89d61ac79da3' }, index.h("smoothly-table-cell", { key: '89299f08330b46229ee1e35428b9cabc2f4b526d' }, "Proquse"), index.h("smoothly-lazy", { key: '38e4ab42de784aadb10e79350700917fd900435f', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '82a82cb265aeef35af2bb20c790056aada75a4f9' }, index.h("smoothly-table-cell", { key: '142e836df5ccb487d0df7f9aa5d9e0c442e61757' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '1eae36420cac68e0132fbc52f0ba6e008daa71f8', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: 'd718825319fc56e6a6824085e06f2f65fab44318' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'a7bdbc650871c0c610e0827d486c6dd1791294cb' }, index.h("smoothly-table-row", { key: 'a4700b6f2fe1366b7651b542d6c7c88e9ce3f837' }, index.h("smoothly-table-header", { key: 'fd7a0e7e3387d5ed7b6becacb97fc54dcac5f24b' }, "Company")), index.h("smoothly-table-row", { key: '0c27cd1130d6409f6cdf80d0cb5a8b45a00ff60c' }, index.h("smoothly-table-expandable-cell", { key: 'e2bdf0696952be5e27d9d25c6925e2c67e970a5d' }, "Proquse", index.h("smoothly-lazy", { key: '1bbc86cdb2051405b0e3853148bb741e3d631c32', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '3502f171811b58fa55912cdeb03b7f60fd834e6d' }, index.h("smoothly-table-expandable-cell", { key: 'db296d48a46dcdf4b47b7ea7c6e8906df041a642' }, "Pax2Pay", index.h("smoothly-lazy", { key: '24ab80d5152528c672745ab1458523a95a306f0e', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: 'e1e6a81bd827b44323da36a4225d53b82b8e968a' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '82ab9928eb4d2009ea5c591887401feeffdd75b0' }, index.h("smoothly-table-row", { key: '57e77fa7b6e447ada3e0ad2d91471615326ae5c4' }, index.h("smoothly-table-header", { key: 'a8bbd9b50be68f523bc4c6d445b65e069e062b00' }, "Name"), index.h("smoothly-table-header", { key: '9122b920bedaedf360272252d695507250fc0f41' }, "Age"), index.h("smoothly-table-header", { key: '8c1082ca03242c4e513e3a8c97b8f4aadd657199' }, "Location")), index.h("smoothly-table-row", { key: '44e596f8b5e077c147d2b702d4e6c995e02db842' }, index.h("smoothly-table-expandable-cell", { key: '4900e8885a63ffd85e7aa9a8440db3660354bc0c' }, "Jessie", index.h("div", { key: 'c9116befe44c73e127809c88380a76fa1f418758', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '5c37701f4ec8e2ac46394ab7a35d30ed62cdbd5a' }, new Date().getFullYear() - 2000, index.h("div", { key: '08be573337e92db5581a2c69a9ca8cfcbd7d4d77', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '89a87bef8064c0b2f17b12aae68b48769057df26' }, "UK", index.h("div", { key: '8c6e968dac526d42cd58ab978ac68a686a5be424', slot: "detail" }, "London"))))));
|
|
12502
|
+
return (index.h(index.Host, { key: '0199c6089bd104f53cdc4ea0447bbe1215349fe4' }, index.h("h4", { key: 'c173d7ad4f3eae433c010ee08ea218cf1b738ee3' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: 'f8c53993bbd36d33ae5e673e46ebbfa5918a6fcb', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: 'c028d36aa8dbfa235bb82aba6562975934ecbee6' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: 'b25ff2ca980fb529c0bc7824c98ab70eb53e2e32' }), " ", index.h("h4", { key: '40b4d6220ddb1b98f549d3602f05a5111ca93e97' }, "Demo table 3"), index.h("smoothly-table", { key: '247231fa4b3750fade381fa76bb17f098db12d8a' }, index.h("smoothly-table-row", { key: 'dd84c9a60d8da1f1260ee27474f1e08dba3f8919' }, index.h("smoothly-table-header", { key: 'aaa16d5a99e7618d33a92f2efdd80e2f19bf2017' }, "Header A"), index.h("smoothly-table-header", { key: 'fe96175e69e505e8d66332fb4a9dc2bc25fd48e9' }, "Header B"), index.h("smoothly-table-header", { key: 'bfadb7f18d71666b3ad6d85ff26154a62165615e' }, "Header C"), index.h("smoothly-table-header", { key: 'e0145deba179f457d1602e5929e433cf099ef4e9' }, "Header D")), index.h("smoothly-table-row", { key: 'c82d396f0a96d9525aeb7bacdfa5d367d936c4bd' }, index.h("smoothly-table-expandable-cell", { key: '06fa888cae6e45cdce8024ff5a94972211eb66f8' }, "normal row (exp.cell)", index.h("div", { key: 'b0c210a114c4a8dccba2f8d1a9658ddbefe42294', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: 'bb57efc1cf9df51541515e858234fba46996e504' }, "expandable cell", index.h("div", { key: 'f70ff63a0076e5517c414a3846533e72b0fdf39d', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '65dac4f45a8369825c9117bdc234b30ef013cdb2' }, "expandable cell", index.h("div", { key: '8e0f03ce0dfaf125ea272a4ecaa18fe5a2306c73', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: 'cf77cd16859b67b372327427d2c37278efc1312f' }, "expandable cell", index.h("div", { key: '703b1d42b1356f3251c537284f802d7b063bbc34', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '9ca1aefd28f1cebea26e7d6fb11c07ac8801b8e5' }, index.h("smoothly-table-cell", { key: '63656b20b79c41e1df72c0b64ca346c4ed4d9d33' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'fefdc946fb3d8f145f7c27538e51c3bd5b827f32' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '74398758d6376bea77b0e77dd635c2d6dd132887' }, "expandable cell", index.h("div", { key: '505bdcaa5e815e23a4c5586d7d9b8fc7cce6e03c', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: 'd8829cefcb71f88e08c8e7ce4ac74ef90c509fd8' }, "expandable cell", index.h("div", { key: '066d7000b15665695c1aea7dde8b909bcf420cc1', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: 'c7922a2b4308d54286b47b6c68d15afb24c60ee1' }, index.h("smoothly-table-cell", { key: '15d1afa6eeb079b457de5bef88a62228eb590e13' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: 'dbd39aca6aafb27ba7078135a0ab341f6a8bd59e' }, "Normal cell"), index.h("smoothly-table-cell", { key: '1b9e8441647e0d192dab1214b8acbe3f448ef2c3' }, "normal cell"), index.h("smoothly-table-cell", { key: '1807e4ea564c9733c304761da4a3faa11d2e3c2c' }, "Normal cell"), index.h("div", { key: 'f0fde21564486357af6fb3f6b923617dd9ebac72', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '6c77d4a7cb1f8080d349f5e0ac9fdcae8374aae2' }, "Demo table 4"), index.h("smoothly-table", { key: '9edf09318a69f41df8da72374c8a944be6086a13' }, index.h("smoothly-table-row", { key: '1410e9f8b1721790aef47dab0e8d9cd502f91eb2' }, index.h("smoothly-table-header", { key: '88afc88c6918af6662c7adb9ceafa0ba977b34fa' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: 'ebeecb1c15a557e8f9a124cb7578f57e28a74db7' }, "Header expansion", index.h("div", { key: 'e4d3ec3cf1b249679a177ac3e2f47397edd2c8a9', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '2b87b847d7f5be88f7831d441849cf71bc92c6e6' }, index.h("smoothly-table-cell", { key: '14f8ae156a08410d69385dddbe1715cd09014e07' }, "A Content"), index.h("smoothly-table-cell", { key: 'e932b122c343c8a9711f24620498ffa9a4aabfd7' }, "Expansion cell"), index.h("div", { key: '60f03e7e4b997c71109411eeea0333234fe2aa2f', slot: "detail" }, index.h("smoothly-tab-switch", { key: '8c05d4c240a2279466a71ad048c09077a26374a2' }, index.h("smoothly-tab", { key: '10e0ee626468973113c22eca337dbe761be912d5', label: "innertable 1", open: true }, index.h("smoothly-table", { key: 'a13416aa26174e02388a6fea0406160265282785' }, index.h("smoothly-table-row", { key: 'abfddab412021513198ef084be5a4b7fc83b4b95' }, index.h("smoothly-table-header", { key: '24118b3e6d2e44dd04b69f222364cb94cec79423' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '8868d7b7d666f6043e381c1e823bb58d2b8ad940' }, "B Content"))), index.h("smoothly-tab", { key: '5a503817618661fe716f4a41ce187ceaef3d1bcc', label: "innertable 2" }, index.h("smoothly-table", { key: 'ca2906de7c7b89671eb6a7d5e26286ce15f3871f' }, index.h("smoothly-table-row", { key: '5e4158dffe959a6bd28ae9a985e0903a35c3493a' }, index.h("smoothly-table-header", { key: 'f0effae68f5ef4a3432336e9bd0f39e31b010ae3' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '0cea182264fc5c1b23c955ea7c9b5bac952af5d1' }, index.h("smoothly-table-cell", { key: '4eb2059f545dc9b82f807ccf650febbb11b6d081' }, "C Content"))))))), index.h("smoothly-table-row", { key: 'e8d3964f303c1b3e6cbf9b12190b494ce56a84c6' }, index.h("smoothly-table-cell", { key: 'fd2d1f24613332a9fad25e385d37d40eec8e6074' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '9823dc28a0dca98584713ae08adc7e2acbe70074' }, "Expandable cell", index.h("div", { key: 'd1d31bce54cb71c917eec6161fd790ddb4a60390', slot: "detail" }, "Expansion content")))), index.h("h4", { key: '5bacea3b36d6aa0951764c5aae9352f8246a5bb8' }, "Demo table 5"), index.h("smoothly-table", { key: '4eb7e0ffd2d1b833ee21cfa1d81f7680f34b22b8' }, index.h("smoothly-table-row", { key: 'eb5d795bc9e336342dd7db345209e8859d54e4e3' }, index.h("smoothly-table-header", { key: '7a7903f4f7b57a29f8567398451f51249432138a' }, "A"), index.h("smoothly-table-header", { key: '4939ffb0fcb4c06b420d4a1d0e6f2afa249c74bd' }, "B")), index.h("smoothly-table-expandable-row", { key: 'fc8d9e600aea680c01a57ca9fb17242b2afc7a04' }, index.h("smoothly-table-cell", { key: 'd74e46d3a250000edfe23b9be123c86928aac402' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '7ef256a866f15844431234235dfd70f9fa99b08c' }, "b row"), index.h("div", { key: '0e2263e2e27f1a0049691498322d79f5ebe6c385', slot: "detail" }, index.h("smoothly-table", { key: '05fb8983d89825a0e3e77203055158f66b17b6c6' }, index.h("smoothly-table-row", { key: 'e004dc222bfe9882fe6a2aa8a27cf4453f2e5691' }, index.h("smoothly-table-header", { key: '8202507fe3a9fc52cfd12d7ab8ec8105d10ca33c' }, "C"), index.h("smoothly-table-header", { key: '747b369f342fb8df894280ba0332467ed1b7aa1c' }, "D")), index.h("smoothly-table-expandable-row", { key: 'ef0249218000e5e8ac663a373c229b14b4e20314' }, index.h("smoothly-table-cell", { key: '7f549318054fad911ec2343f92373ac2c08ad981' }, "c"), index.h("smoothly-table-cell", { key: '0b285f5e685a71b1a86937e43faf1d7fe28e6f8e' }, "d"), index.h("div", { key: 'ac7d82c6584ae82ad8965fbde250f07cf59d7a9f', slot: "detail" }, index.h("smoothly-table", { key: 'c6fb0392f179b4534cc8ffbfe089492d44bf76f2' }, index.h("smoothly-table-row", { key: 'c776615876142f50e3bf58f6ac5c36461a5ff834' }, index.h("smoothly-table-header", { key: 'f36453d012a75ea6a1bbbd25e017ad58623c3520' }, "E"), index.h("smoothly-table-header", { key: '4f3faf1cfbc84e6f7fd0290cd9d8f0f9e52aa781' }, "F")), index.h("smoothly-table-expandable-row", { key: '1aaba04b6e00912e89cf816c4dd73a240391dfc1' }, index.h("smoothly-table-cell", { key: 'a4ea666226a3aa5602b57e1f5d29bc7af27e385a' }, "e row"), index.h("smoothly-table-cell", { key: '40530a66ed33198c3dcf150e7c3976e9d926bdca' }, "f row"), index.h("div", { key: 'b550595647dd864ffdd82cdafac95c8aa424baad', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '669fd4e6c66e293e68a6755f72d78a63fd9778fc' }, index.h("smoothly-table-cell", { key: '03fa248018d54f4e7261d5cda350942036c337c6' }, index.h("span", { key: 'db4bf060446305954a23ed390096a77b74e7aba0' }, "one"), index.h("span", { key: 'f047854de24f711cc5ac27498fd4457218466e4a' }, "two"), index.h("span", { key: '1976d13538fa037a9600a35ffad8c04271fa3844' }, "three")), index.h("smoothly-table-cell", { key: '80617ea58c3f393fd0f1f47b83c537e572e528c2' }, "five", index.h("smoothly-icon", { key: '76c1595e95a228cd0dd3be442175cb227ec22463', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '090cd4ed067759eb3689315be8db6ce53d49dc94', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: 'db6b27a62e06a40b3741bfd146bacbbf7f3bf07e' }, index.h("smoothly-table-expandable-cell", { key: '507c2214b3e37ab3ab5d0442cf4993b17052fd81' }, index.h("span", { key: '586d1d020792f1731780c5450a70c50f5681ab64' }, "nested expandable cells"), index.h("div", { key: 'd695809b1dcd5df0a7871c8ce02bd2a6e134338f', slot: "detail" }, index.h("smoothly-table", { key: 'c1a13cb5cc7ec497b0dd7b785ec7c56af9d23ad1' }, index.h("smoothly-table-row", { key: '69b39363b073f9c8511ece0f19b77b4e852c4c79' }, index.h("smoothly-table-header", { key: 'b7f6c77aab40977c2b81473527c14dbbe0003d32' }, "E"), index.h("smoothly-table-header", { key: 'd9a3ddc1b46388e385e8d5eceb490d890f53c9bd' }, "F")), index.h("smoothly-table-row", { key: '380c20bee2d360b41a9b7d87943199f2fdd65aa5' }, index.h("smoothly-table-expandable-cell", { key: 'd465790285e2bfb811c67e7f22f7ba494b7dccb5' }, "e cell", index.h("div", { key: '76d619241b6c2d845068fee4bb4893635edfd252', slot: "detail" }, index.h("smoothly-table", { key: '569d81a715071002b8b4e84ddab00d692dab34cd' }, index.h("smoothly-table-row", { key: '56951a84f273d8e39d1e325785f4789a881e06d7' }, index.h("smoothly-table-header", { key: '2f28c0a0e433061ba1d301a17663abc930491c5a' }, "G"), index.h("smoothly-table-header", { key: '4e02272beb0fcffd099475bab3d3fa5e6979b919' }, "H")), index.h("smoothly-table-row", { key: '5698730e256e240148ab4798e693aea1a725bcb3' }, index.h("smoothly-table-expandable-cell", { key: '99110627ff12220151eac97e79444b28de0e51ab' }, "g cell", index.h("div", { key: 'eb98e0cb3582f780165e3f187e94cc17be858175', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '919c24b3a287304d7e8b671ef9b6f516398a0bf5' }, "h cell", index.h("div", { key: '375140b29e24b38796198d5dece658882be790e1', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: '49524e7bf81ae10e7a81c055d632906f26cc9efe' }, "f cell", index.h("div", { key: 'ed59a12778f68dc1b8902c66ebe7be42fe14e9f7', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: 'c0d6ea59a3e515c3b736d31c165f56d0c49a88cf' }, "b cell", index.h("div", { key: '24ce890c7f3dd97fab6767c171d45bbf305dac5b', slot: "detail" }, index.h("smoothly-table", { key: '9f3f7062623002fc5f445a60d27732f40efc2793' }, index.h("smoothly-table-row", { key: '0fb642401e5be4129af95149e82a7d226fc9085e' }, index.h("smoothly-table-header", { key: 'a9ce09085e44a0e2fbec1d6080ffbee10449ac46' }, "C"), index.h("smoothly-table-header", { key: '3f3cbd8bdc053c03efda70749bacf23d3a5b08eb' }, "D")), index.h("smoothly-table-row", { key: 'cfbc4132558e98ea213c0b635ae9779210b734f3' }, index.h("smoothly-table-expandable-cell", { key: '8346482b6f97e7883c616f471f2439416f225ae5' }, "c cell", index.h("div", { key: '6a424aae58dea605bef45d041b3d966cd7b77fa1', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '7d1278d1772e50ec62d4535e84795e0ff21bcfb2' }, "d cell", index.h("div", { key: '037fbf1a295acb416b6da777a9adb4f133a9888e', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'c142096a173352c4d54e6f140f0959faff1020f7' }, "Demo table 6"), index.h("smoothly-table", { key: '60e642463fa9133bf2ffe99a72dabe05ac0e4712' }, index.h("smoothly-table-row", { key: '79b3922ac5f8a651fb4967f7004c1dc852eb9698' }, index.h("smoothly-table-header", { key: '02bebc729c6426e660572400b4d6436c06338ec6' }, "display"), index.h("smoothly-table-header", { key: '27a1de21117300f145e41175ce4d701ca063822a' }, "contents")), index.h("smoothly-table-expandable-row", { key: '534a56881350116471043c8ccb9cd8340e1fc15c' }, index.h("div", { key: 'c11d36b53017bf661128862940b3a0a58e2d637c', class: "content" }, index.h("smoothly-table-cell", { key: '056f80253e082def2ab34eb215e53d21290f44f8' }, "A"), index.h("smoothly-table-cell", { key: '8eb2f08ee361cba6bf62b2cb333dc80d4cff1301' }, "B")), index.h("div", { key: '7070fb9a0a84733c1dde7c0fb374f1d5044a83e3', slot: "detail" }, "expansion"))), index.h("h4", { key: '409e11f57be8dff04c81a6def69c41e14431e8f2' }, "Demo table 7"), " ", index.h("span", { key: '413dc0d273d090e371da3ba141cd047e52e73ffd' }, "nested 1 then normal"), index.h("smoothly-table", { key: '70f42748622fb89afafd3f52639851dc607bab2f' }, index.h("smoothly-table-row", { key: 'b49132440f1968525ed8974a30e12227bd35cab2' }, index.h("smoothly-table-header", { key: '4bafbf08f718b465fd927ee792eb9bf932b12f4c' }, "A"), index.h("smoothly-table-header", { key: '690bdc6de3c559c0df019495613eab2f6eb92531' }, "B")), index.h("smoothly-table-expandable-row", { key: 'e1453fbd7779a6210d0bda1d44afb5726bfe8a35' }, index.h("smoothly-table-cell", { key: 'ee9584fb3bb7329ae55e46d990adb84094d4f503' }, "a"), index.h("smoothly-table-cell", { key: '6b6db5fe5a55109d57e7258d02b2286d61004c13' }, "b"), index.h("div", { key: '666ee5d380f97b96407fd1010f1779387f194b15', slot: "detail" }, index.h("smoothly-table", { key: '027253726a7cc34b6614e13810e3acc281330a2f' }, index.h("smoothly-table-row", { key: '022ce4a559a57e14b2bbbb2b362910db5fcb91f9' }, index.h("smoothly-table-header", { key: 'eb39d2d4129da7bb6ea7923618934c5856509d9d' }, "C"), index.h("smoothly-table-header", { key: 'a235c77ec620d0816bcb797b852972c4efb1a2db' }, "D")), index.h("smoothly-table-row", { key: 'efdfb82045793834c0bdf10aa3bbc1fda24169ff' }, index.h("smoothly-table-cell", { key: '1000d6a504bbf333866f0e72ca42bd21b2a31988' }, "c"), index.h("smoothly-table-cell", { key: 'd6206f9c807427293c2f428a397e1932ef83dd0e' }, "d")), index.h("smoothly-table-row", { key: '86ef181fe45b5a9004e24ad9d0199b552a05dde8' }, index.h("smoothly-table-cell", { key: 'dff15632a5aa45d6f3ab66dbfaf1075f6e8ff6c8' }, "ccc"), index.h("smoothly-table-cell", { key: 'e6f6200c8dc8cd34abf86c29d3428c69c1c7a7ab' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '166623244473323447c3367ab4bf60a00a35c5ea' }, index.h("smoothly-table-cell", { key: '416248c5ff465ef191fdc371ac41cfd906b5503a' }, "cccc"), index.h("smoothly-table-cell", { key: '73efbcf99b4427b370987db3f77b4d3dce3acef9' }, "dddd"), index.h("div", { key: 'e604e47e403a586653e921889d82b29803ff14a4', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: '0b0d4a2f5f71f718a5c5c29ce16b7fcda49fc7dd' }, index.h("smoothly-table-cell", { key: '9b4b1666cf69b47114933f6d436ec2d0554113e5' }, "ccccc"), index.h("smoothly-table-cell", { key: '2e5f106bbe63cc8c067d8250b50bac70ea13a827' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'f62eebcde6bf7388cf7a7b7f50995e1e83866751' }, index.h("smoothly-table-cell", { key: 'd9db2d5853f3ec4edbc1f46c62127ff19825ff29' }, "cccc"), index.h("smoothly-table-cell", { key: '652bfb786cff87056073c3a8b7d78ae1d24505dc' }, "dddd"), index.h("div", { key: '6d580ab9af724f81cadbe5a6c3785e89e062a659', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: '08964ad35e3536f194fdb8a50dc2a008960cb67a' }, "Demo table 8"), " ", index.h("span", { key: '0d9404a5a77fd01a7ba3ec055442bd8dfdfa1759' }, "not nested"), index.h("smoothly-table", { key: 'ec02f6c8e3d8a66c280756fba6bcb6f8abbbcc09' }, index.h("smoothly-table-row", { key: 'efec1f343e10544161bc2f2bbb1901281197df1b' }, index.h("smoothly-table-header", { key: 'c87e0ab241d4444a19d08813b6ef2270ad5633c6' }, "C"), index.h("smoothly-table-header", { key: '3ca3ef2cf382f6afa847e63e55f533267de341a3' }, "D")), index.h("smoothly-table-row", { key: '280ab2709de8d13af8f5fc564b9fe1a2973954ec' }, index.h("smoothly-table-cell", { key: '9a88f9219e918706451110fdafc77a073acc5c71' }, "c"), index.h("smoothly-table-cell", { key: '0de3bade0103647559f9a830031c9b6f8d9aa213' }, "d")), index.h("smoothly-table-row", { key: 'ce3c90f39e7c44a075e088d439c0b0bf5e652435' }, index.h("smoothly-table-cell", { key: 'ae102d1ac758b518e7c9d988a4e9ce22085b8a1d' }, "cc"), index.h("smoothly-table-cell", { key: 'b16e0b173513e9ff4b554bf63891ea1b959bef1b' }, "dd")), index.h("smoothly-table-row", { key: 'fef910bcedd049ca9b2e3b66000c74a6a4882663' }, index.h("smoothly-table-cell", { key: 'd9cf8cb64929ce59807a345a33923e60f378783e' }, "ccc"), index.h("smoothly-table-cell", { key: '53289b33524f2dd70cd6afdf251029db1c980edc' }, "ddd"))), index.h("h4", { key: '3ab5f27e667a7e1db08939ce4cb45d850282f3d1' }, "Demo table 9"), index.h("smoothly-table", { key: '769659230f644a4cbe3ba00f19b9c8f96a4a9995' }, index.h("smoothly-table-row", { key: '1ef94e3f79375e13a0b4727b8c32b00c5fc34c34' }, index.h("smoothly-table-header", { key: 'cf2eb49c5295960d8fd8723a15f74a28f582b503' }, "First name"), index.h("smoothly-table-header", { key: '8232e93d75afdd9aafcf5594699a2b08a94c28a9' }, "Last name"), index.h("smoothly-table-header", { key: '5c00290a6757fca88652d3f9146a9e8e01f27ba8', style: { width: "1px" } }, index.h("smoothly-icon", { key: 'cd5b916c10ba2d0e059671001d61a0bbd935c440', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: 'f360a1d643ea84d9fcf02738967de054acc550f5' }, index.h("smoothly-table-cell", { key: '813f11898cf7a8dfcdb33328d498304de5c52024' }, "Jessie"), index.h("smoothly-table-cell", { key: '54c495008c83afffd046f235936529a1493dbab0' }, "Doe"), index.h("smoothly-table-cell", { key: '022aa0f258ef23b7504d0e3da0bb497a32320974' }), index.h("div", { key: '705ba7948d0121447bdf695bd3e3deb405d63ff9', slot: "detail" }, index.h("p", { key: '631e75bb9959739b7821a37ac9e196ab64750f3d' }, "This is Jessie")))), index.h("h4", { key: 'b4141ea49ab03a3dc88aec5f02a4d0d805350161' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: 'db5bdfa5e8a6baa79ae3417bd08b9ebbfc0a7fa7' }, index.h("smoothly-table-row", { key: 'ee0408be64f96ac57225d2cbef86a9820b534381' }, index.h("smoothly-table-header", { key: '5dfc818b5d779bcd2cf1e67f198a31bae4a2c5aa' }, "Company")), index.h("smoothly-table-expandable-row", { key: '6d9feaa17730b5c0b8fa7cfc6085ebd1dcdd1616' }, index.h("smoothly-table-cell", { key: '4f28c378a6a91a5815b977310eaf4c8de79af66d' }, "Proquse"), index.h("smoothly-lazy", { key: 'd8ecb0c81de97f208548310876de7d0750ef21c1', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '458d4ada5f5e2de44ba6856ac7e4d6d1a6ea8bb2' }, index.h("smoothly-table-cell", { key: '1a338d386a6e188ff66da784662dbd27f883dd89' }, "Pax2Pay"), index.h("smoothly-lazy", { key: 'b6961e605b15559cdbacee14ae552715bd81d9b6', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: 'cac2ac38f860f754918166db1c5a20ba9a6912b3' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: '33fae514da1aab485319cee69175a9c71a72e661' }, index.h("smoothly-table-row", { key: '8532fec1a50b22b71eae0e6cc94a31a31d5ae322' }, index.h("smoothly-table-header", { key: '9d0ad3a9558dbc35eac3b38c1982de1bc3ab4882' }, "Company")), index.h("smoothly-table-row", { key: '27c5f2c8d2e87e9bc3c2fae6cf7cc087a405fe95' }, index.h("smoothly-table-expandable-cell", { key: 'c03c670e02970d90ca0de80e88eb59c1802af89e' }, "Proquse", index.h("smoothly-lazy", { key: '250c83c0d72dc058527a979943ee9668452737e1', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '27b76698c2250cc5c9d8438d667e55bf3fdc9b69' }, index.h("smoothly-table-expandable-cell", { key: '469f7f8aa065965e4a9ac5ea28c7241558e5c80a' }, "Pax2Pay", index.h("smoothly-lazy", { key: 'f8d254f8cbab4efabb8a4e10878fb4724a729b29', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '07088fa05fd0878171e4d716f805f4e7f57fca1f' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: 'af54145e3a5c5d44ac7b2289bce55ad1c23e9aec' }, index.h("smoothly-table-row", { key: '4fffe06dbd5c0e2409bdafd3570832d6ec918420' }, index.h("smoothly-table-header", { key: '1b9693358de32dbca4f1ddf73800f4fe0c0326e0' }, "Name"), index.h("smoothly-table-header", { key: '25ae31d3f68526b5cbef0f8501f05f3ef6b10190' }, "Age"), index.h("smoothly-table-header", { key: '33291b26edd44ba700c7ef7a13412bbc348724ee' }, "Location")), index.h("smoothly-table-row", { key: 'daf1ae6535c89ffaa835e968c07e9bd916a3f54f' }, index.h("smoothly-table-expandable-cell", { key: 'aa71d03ebc9f8c2ea44e71ac5777d338bf9028fe' }, "Jessie", index.h("div", { key: 'd579c923bf557954bca81feeeefb48898a16d4b9', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '83cb3dec578fa4f9155936f3ab3c9108ce4c854d' }, new Date().getFullYear() - 2000, index.h("div", { key: '223275ff11fd52ccafa4f957d24813360abe2b77', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '095901ac56e321da5184b3208110d2e58ac7d23d' }, "UK", index.h("div", { key: '4855e7ef080480fb01b9ec97383cf7b1328648b7', slot: "detail" }, "London"))))));
|
|
12500
12503
|
}
|
|
12501
12504
|
};
|
|
12502
12505
|
TableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -12530,18 +12533,18 @@ const TableDemoFiltered = class {
|
|
|
12530
12533
|
}
|
|
12531
12534
|
render() {
|
|
12532
12535
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
12533
|
-
return (index.h(index.Host, { key: '
|
|
12536
|
+
return (index.h(index.Host, { key: '99fd63c92a8cf04c61771f6cf773d60f4c69feca' }, index.h("smoothly-filter", { key: '14cfedd31402b77a63b0dfc1bcbcc7265f330e72' }, index.h("smoothly-filter-toggle", { key: 'd0b7480c9a81501a35f021543198b1e46c052f57', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '1ef08c20bee8e0af679c25ca1123ea44b9f3f63a', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '8efd23860f339c91471e4d21ed1875bff211dcdb', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'c53d921ace5aa7630432ea886f97c406dab544e9', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: 'f3ab8cb64309df5e993d98394d1842ddccfbb52f', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
12534
12537
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12535
12538
|
var _a;
|
|
12536
12539
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12537
|
-
})), index.h("div", { key: '
|
|
12540
|
+
})), index.h("div", { key: '52a6311a793cced1b44004d8d664cd3b6831717c', slot: "detail" }, index.h("smoothly-form", { key: 'eaf140f4202e4bcf9b810c53181fc7b8fa56829b', looks: "border" }, index.h("smoothly-filter-select", { key: '035bb80d104b2367552ea9177f70da02b47f072f', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
12538
12541
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
12539
12542
|
var _a;
|
|
12540
12543
|
return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
|
|
12541
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
12542
|
-
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '
|
|
12544
|
+
})), index.h("smoothly-filter-select", { key: 'a0b3512ab6c8bd691515e68a02a3c47ff6c8cd26', label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
12545
|
+
Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'e7b1c97f61c52f9a731bea0e9515db53cd35e409', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
12543
12546
|
.flat()
|
|
12544
|
-
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '
|
|
12547
|
+
.reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '4d481a5d8b67fb2fb95f07e061c0a7a8d3f29878', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '5f6f0140ad8ec86f7db7f7fed52859589506ee82', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, this.selector.render(cats)), index.h("smoothly-table-header", null, "Breed"), index.h("smoothly-table-header", null, "Coat"), index.h("smoothly-table-header", null, "Price")), cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cat)), index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-table-footer", null, index.h("td", { colSpan: 5 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
|
|
12545
12548
|
}
|
|
12546
12549
|
};
|
|
12547
12550
|
const names = {
|
|
@@ -12597,7 +12600,7 @@ const TableExpandableCell = class {
|
|
|
12597
12600
|
event.detail(this.element);
|
|
12598
12601
|
}
|
|
12599
12602
|
render() {
|
|
12600
|
-
return (index.h(index.Host, { key: '
|
|
12603
|
+
return (index.h(index.Host, { key: 'de2de60ed4de4805d0e8460425dff69a27f1cf58' }, index.h("div", { key: '631f4ff23313af670fd048342444b629c4f69486' }, index.h("smoothly-icon", { key: 'cf41b030bfb527d5ff91d78f0e83f165f7f94dcc', name: "caret-forward-outline" }), index.h("slot", { key: '05ea51edb7a481e9e3336013abe72377a5fa24fb' })), index.h("tr", { key: '9b63ac58aa5798b4904b7585ca4a1da6a7d84788', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: 'd14773965f0527714bea6539ba56cee53e9a3fa7', colSpan: 999 }, index.h("slot", { key: '8b951371bf7abf38a4712e51d818d0846eaaf267', name: "detail" })))));
|
|
12601
12604
|
}
|
|
12602
12605
|
get element() { return index.getElement(this); }
|
|
12603
12606
|
static get watchers() { return {
|
|
@@ -12633,7 +12636,7 @@ const TableExpandableRow = class {
|
|
|
12633
12636
|
event.detail(this.element);
|
|
12634
12637
|
}
|
|
12635
12638
|
render() {
|
|
12636
|
-
return (index.h(index.Host, { key: '
|
|
12639
|
+
return (index.h(index.Host, { key: '31acafbc329314f362d78436e2f2532747406763' }, index.h("div", { key: '230c9cca3c799029da2ebd523e404a08c957be5f', onClick: () => (this.open = !this.open) }, index.h("slot", { key: '929dc26ca30e4873508eb34a64735052eaa5ac8f' })), index.h("tr", { key: '77323f4591ec02239e5bc4f3cd904207d676235b', class: { spotlight: this.spotlight } }, index.h("td", { key: '4d4433ad29c98e48032b5d0f656ae2c41d9396db', colSpan: 999 }, index.h("slot", { key: 'adda0d7e3c76aaec5fe85ea76cacd93c619a8273', name: "detail" })))));
|
|
12637
12640
|
}
|
|
12638
12641
|
get element() { return index.getElement(this); }
|
|
12639
12642
|
static get watchers() { return {
|
|
@@ -12651,7 +12654,7 @@ const TableFooter = class {
|
|
|
12651
12654
|
index.registerInstance(this, hostRef);
|
|
12652
12655
|
}
|
|
12653
12656
|
render() {
|
|
12654
|
-
return index.h("slot", { key: '
|
|
12657
|
+
return index.h("slot", { key: '8994ec30ca4782c186a0d6b0f93e31a1f944582c' });
|
|
12655
12658
|
}
|
|
12656
12659
|
};
|
|
12657
12660
|
TableFooter.style = SmoothlyTableFooterStyle0;
|
|
@@ -12665,7 +12668,7 @@ const TableHeader = class {
|
|
|
12665
12668
|
this.name = undefined;
|
|
12666
12669
|
}
|
|
12667
12670
|
render() {
|
|
12668
|
-
return (index.h(index.Host, { key: '
|
|
12671
|
+
return (index.h(index.Host, { key: 'fb48fbe64f9a6c7547a723b5e6878178fcc2d119' }, index.h("slot", { key: 'd6a3b03d4f9277925f89414ba51ccd6a0b726f30' })));
|
|
12669
12672
|
}
|
|
12670
12673
|
};
|
|
12671
12674
|
TableHeader.style = SmoothlyTableHeaderStyle0;
|
|
@@ -12695,7 +12698,7 @@ const TableRow = class {
|
|
|
12695
12698
|
(_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
|
|
12696
12699
|
}
|
|
12697
12700
|
render() {
|
|
12698
|
-
return (index.h("div", { key: '
|
|
12701
|
+
return (index.h("div", { key: '3bd2f27ff91e3f194c1d42ec7b0e13d452ed8797', ref: e => (this.element = e) }, index.h("slot", { key: 'f73f0a5d186c58393bf706d32251906ffcc267fc' })));
|
|
12699
12702
|
}
|
|
12700
12703
|
};
|
|
12701
12704
|
TableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12737,7 +12740,7 @@ const SmoothlyTableTesting = class {
|
|
|
12737
12740
|
this.counter = 0;
|
|
12738
12741
|
}
|
|
12739
12742
|
render() {
|
|
12740
|
-
return (index.h(index.Host, { key: '
|
|
12743
|
+
return (index.h(index.Host, { key: '1e8b9a237c0338de95c8bc47d6300fb5bea00daa' }, index.h("smoothly-table", { key: '1ce95762e531791df383f13155b63af3ed0f7183', color: "dark" }, index.h("smoothly-table-row", { key: '11572b7bd2e027cb9263fe0bb038d5c5d404c886' }, index.h("smoothly-table-header", { key: 'b7f9b6770075f4f7bc650e41e7b5bc88a9a63246' }, "Type"), index.h("smoothly-table-header", { key: 'ada0d06f350f5ce78d75be58fdcaf24b044acd5b' }, "Name"), index.h("smoothly-table-header", { key: '74a3c58483b7ed6a56b09381166c99be36a5cc7a' }, "Age")), data.map(animal => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-cell", null, animal.name), index.h("smoothly-table-cell", null, animal.age), index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-expandable-cell", null, animal.name, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))), index.h("smoothly-table-expandable-cell", null, animal.age, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!")))))), index.h("smoothly-table-footer", { key: 'd059092b5882919a4524ca5643c70dca7e52495e' }, index.h("td", { key: '64275eb499624f7f9a803dbd5efa58496b57509e', colSpan: 2 }, index.h("div", { key: 'fd34e16a45bbe5d814cd70f2c9b5e3b23f03dcf2', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: 'f9ef16c5c595f41afbc705599c78ae84af9978e8', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: '6f2a13077065f9072ce3a9f7658557a03b291c9a' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
|
|
12741
12744
|
}
|
|
12742
12745
|
};
|
|
12743
12746
|
SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
|
|
@@ -12762,7 +12765,7 @@ const SmoothlyTabs = class {
|
|
|
12762
12765
|
old.open = false;
|
|
12763
12766
|
}
|
|
12764
12767
|
render() {
|
|
12765
|
-
return (index.h(index.Host, { key: '
|
|
12768
|
+
return (index.h(index.Host, { key: '0c7c83580c88a3a30e54220386a43de10b5bd9d7' }, index.h("slot", { key: 'a9819da2915d67534da61ea741e1e734b1ccca9d' })));
|
|
12766
12769
|
}
|
|
12767
12770
|
get element() { return index.getElement(this); }
|
|
12768
12771
|
static get watchers() { return {
|
|
@@ -12780,7 +12783,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12780
12783
|
}
|
|
12781
12784
|
render() {
|
|
12782
12785
|
return [
|
|
12783
|
-
index.h("smoothly-tabs", { key: '
|
|
12786
|
+
index.h("smoothly-tabs", { key: '7db28b4033941e93030f2970c75c87a5212caf82' }, index.h("smoothly-tab", { key: '8cc47af41a9571543c2ed5a0f4851bb9644cf14d', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '1ba02150f0d9c01fd3d8aa4c7083f7b259faca6f', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '8049e1b074c3951ca220ea86e729a2e7ff0e0b17', label: "test3" }, "this is a test message again!")),
|
|
12784
12787
|
];
|
|
12785
12788
|
}
|
|
12786
12789
|
};
|
|
@@ -12795,7 +12798,7 @@ const SmoothlyThemeColor = class {
|
|
|
12795
12798
|
this.color = undefined;
|
|
12796
12799
|
}
|
|
12797
12800
|
render() {
|
|
12798
|
-
return (index.h(index.Host, { key: '
|
|
12801
|
+
return (index.h(index.Host, { key: 'c9a32779efe8d77ad24d45aade1e3431ed4fbb76' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12799
12802
|
}
|
|
12800
12803
|
};
|
|
12801
12804
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12847,7 +12850,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12847
12850
|
index.registerInstance(this, hostRef);
|
|
12848
12851
|
}
|
|
12849
12852
|
render() {
|
|
12850
|
-
return (index.h(index.Host, { key: '
|
|
12853
|
+
return (index.h(index.Host, { key: 'fc145a9b40cf579de85d03dd48a2eb2553208e13' }, index.h("h2", { key: '1b6d1753e1178fdfc23462e4c338e38ac149bf6d' }, "Theme"), index.h("smoothly-theme-picker", { key: 'fcd75c4386d9cbb46de367e8e61b351ed9133a4a' }, index.h("smoothly-item", { key: '568114bc096c8ba1d856f2ee0a0e6b65c6a187d1', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: '7c3f8f65c09335f44ae4f3cfc2e3b454f72cf495', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: 'b74d30ad5724caa483e1ad7cee107756d9502d2a', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '0dfa6e499f2a0eaa03d62f4496bf134b7df89761', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: 'a2c6c31df297133ed1c199308dabddecfef0d69f', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: '31fb9cfdf74cbf4cc27d625bdc4da3fcd2abc02f', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '11b1142d654a4b00df3164781931e5d577c37b48', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '2902a5204e015cad119867e630b5fb92dbd381b4', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: 'cf880cb92056686f91ae951a0239107d549e8b59', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: 'eb1cafe6ee4af987ac39a8fa7dbd3ad6835d7ab1' }, index.h("smoothly-theme-colors", { key: '493a7a4fb46dbd32fa231ea74a93cb5952f91b50' }), index.h("smoothly-theme-guide", { key: 'ca19bdaad1f3ce0cc4ecf0a04330007f295f475c' })), index.h("smoothly-button", { key: 'bddc8c80e45c1f9bfa4ac2a935d17d80f767ffe9', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '6ac639ff1e60ff2a24a0625e8da2badf16246b42', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: 'ec08f0908beeeb5cb13822449d9540527807ef17', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '0bf87289a2e37f47ba002b4a632c2ccd19ab586b', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12851
12854
|
}
|
|
12852
12855
|
};
|
|
12853
12856
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12861,14 +12864,14 @@ const SmoothlyThemeColors = class {
|
|
|
12861
12864
|
}
|
|
12862
12865
|
render() {
|
|
12863
12866
|
return [
|
|
12864
|
-
index.h("smoothly-display", { key: '
|
|
12865
|
-
index.h("br", { key: '
|
|
12866
|
-
index.h("smoothly-display", { key: '
|
|
12867
|
-
index.h("br", { key: '
|
|
12868
|
-
index.h("smoothly-display", { key: '
|
|
12869
|
-
index.h("br", { key: '
|
|
12870
|
-
index.h("smoothly-display", { key: '
|
|
12871
|
-
index.h("br", { key: '
|
|
12867
|
+
index.h("smoothly-display", { key: '4b118fef6f6b92878c8630155c8b97e87add187f' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12868
|
+
index.h("br", { key: 'd1b3495756c00a6a6de8842269e5d7d9e2fd428b' }),
|
|
12869
|
+
index.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."),
|
|
12870
|
+
index.h("br", { key: '8361a76e3b134bf2c28acf5d82784dc5ba041179' }),
|
|
12871
|
+
index.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."),
|
|
12872
|
+
index.h("br", { key: '1b37b7525531fc6b0b0ee9f04430c7cddc83671e' }),
|
|
12873
|
+
index.h("smoothly-display", { key: '19f77a0b4329b1d0edcc93fac4c355ad0cb6221e' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12874
|
+
index.h("br", { key: 'c7e941eaf73e6770ac2024d51a854ba441b64854' }),
|
|
12872
12875
|
];
|
|
12873
12876
|
}
|
|
12874
12877
|
};
|
|
@@ -12883,11 +12886,11 @@ const SmoothlyThemePicker = class {
|
|
|
12883
12886
|
this.element = "smoothly-css";
|
|
12884
12887
|
}
|
|
12885
12888
|
render() {
|
|
12886
|
-
return (index.h(index.Host, { key: '
|
|
12889
|
+
return (index.h(index.Host, { key: '36416385ae64f1a9d18a4ee70cc7f7ae71a47b22' }, index.h("smoothly-input-select", { key: '9fb3ec7632408f163914ddc670b77973080081b6', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12887
12890
|
const element = document.querySelector(`#${this.element}`);
|
|
12888
12891
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12889
12892
|
element.href = e.detail.theme;
|
|
12890
|
-
} }, index.h("label", { key: '
|
|
12893
|
+
} }, index.h("label", { key: 'b49dc09788e385c8516ff721314a73bb866e710c', slot: "label" }, "Select theme"), index.h("slot", { key: '9d16b92efdd1b7c0188dd8cbf1864249bb176145' }))));
|
|
12891
12894
|
}
|
|
12892
12895
|
};
|
|
12893
12896
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12908,7 +12911,7 @@ const SmoothlyToggle = class {
|
|
|
12908
12911
|
this.selected = !this.selected;
|
|
12909
12912
|
}
|
|
12910
12913
|
render() {
|
|
12911
|
-
return (index.h("button", { key: '
|
|
12914
|
+
return (index.h("button", { key: '2ad1bf576d0d4287e37baf58136becdbbff06458' }, index.h("slot", { key: '4d93098f4e800e41a44fde1c6649afa94c99fa3c', name: "icon-slot" }), index.h("slot", { key: 'c97c89c9bebe9f758b4c3df7739849469882d79f' }, this.name)));
|
|
12912
12915
|
}
|
|
12913
12916
|
};
|
|
12914
12917
|
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
@@ -12932,7 +12935,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12932
12935
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12933
12936
|
}
|
|
12934
12937
|
render() {
|
|
12935
|
-
return (index.h(index.Host, { key: '
|
|
12938
|
+
return (index.h(index.Host, { key: 'f02accac49e74f1ec2b0cb30bfedb8486f7359cf' }, index.h("button", { key: '049a63088b11531ed45c1f971ad8a056c332a152', disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: '46b9c4b9e82ce10dcf7f7fd2ccd3f3b1ae813674', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12936
12939
|
}
|
|
12937
12940
|
};
|
|
12938
12941
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12963,7 +12966,7 @@ const SmoothlyTrigger = class {
|
|
|
12963
12966
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
12964
12967
|
break;
|
|
12965
12968
|
case "button":
|
|
12966
|
-
result = (index.h("button", { key: '
|
|
12969
|
+
result = (index.h("button", { key: '65fdb4a7ecdd908ee84e40559fd19b358396f8ef', disabled: this.disabled, name: this.name }, index.h("slot", { key: '7d22b938d7e62bcb98f59dbeab0d5b402222b1d4' })));
|
|
12967
12970
|
break;
|
|
12968
12971
|
}
|
|
12969
12972
|
return result;
|
|
@@ -12980,7 +12983,6 @@ exports.smoothly_button = SmoothlyButton;
|
|
|
12980
12983
|
exports.smoothly_button_confirm = SmoothlyButtonConfirm;
|
|
12981
12984
|
exports.smoothly_button_demo = SmoothlyButtonDemo;
|
|
12982
12985
|
exports.smoothly_calendar = Calendar;
|
|
12983
|
-
exports.smoothly_color = SmoothlyColor;
|
|
12984
12986
|
exports.smoothly_dialog = SmoothlyDialog;
|
|
12985
12987
|
exports.smoothly_dialog_demo = SmoothlyDialogDemo;
|
|
12986
12988
|
exports.smoothly_display = SmoothlyDisplay;
|
|
@@ -13066,4 +13068,4 @@ exports.smoothly_toggle = SmoothlyToggle;
|
|
|
13066
13068
|
exports.smoothly_toggle_switch = SmoothlyToggleSwitch;
|
|
13067
13069
|
exports.smoothly_trigger = SmoothlyTrigger;
|
|
13068
13070
|
|
|
13069
|
-
//# sourceMappingURL=smoothly-
|
|
13071
|
+
//# sourceMappingURL=smoothly-app_93.cjs.entry.js.map
|