smoothly 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-app_99.cjs.entry.js +76 -75
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-submit.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/collection/components/input/demo/index.js +5 -4
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js +1 -1
- package/dist/collection/components/input/demo/style.css +8 -0
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/month/index.js +2 -2
- package/dist/collection/components/input/radio/index.js +1 -1
- package/dist/collection/components/input/radio/item/index.js +1 -1
- package/dist/collection/components/input/range/demo/index.js +1 -1
- package/dist/collection/components/input/range/index.js +4 -4
- package/dist/collection/components/input/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +3 -3
- package/dist/collection/components/input/select/style.css +4 -5
- package/dist/collection/components/input/submit/index.js +1 -1
- package/dist/collection/components/item/index.js +1 -1
- package/dist/collection/components/label/index.js +2 -2
- package/dist/collection/components/lazy/index.js +1 -1
- package/dist/collection/components/load-more/index.js +1 -1
- package/dist/collection/components/modal/index.js +1 -1
- package/dist/collection/components/notification/index.js +1 -1
- package/dist/collection/components/notifier/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/body/index.js +1 -1
- package/dist/collection/components/table/cell/index.js +1 -1
- package/dist/collection/components/table/demo/colspan/index.js +1 -1
- package/dist/collection/components/table/demo/filler-row/index.js +1 -1
- package/dist/collection/components/table/demo/filtered/index.js +5 -5
- package/dist/collection/components/table/demo/group/index.js +1 -1
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/nested/index.js +1 -1
- package/dist/collection/components/table/demo/nested/inner/index.js +1 -1
- package/dist/collection/components/table/demo/simple/simple.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/filler-row/index.js +1 -1
- package/dist/collection/components/table/foot/index.js +1 -1
- package/dist/collection/components/table/group/index.js +1 -1
- package/dist/collection/components/table/head/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-switch/demo/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +1 -1
- package/dist/collection/components/trigger/index.js +1 -1
- package/dist/collection/components/trigger/sink/index.js +1 -1
- package/dist/collection/components/trigger/source/index.js +1 -1
- package/dist/components/{p-49837ba2.js → p-0142eb81.js} +2 -2
- package/dist/components/{p-49837ba2.js.map → p-0142eb81.js.map} +1 -1
- package/dist/components/{p-f2969db7.js → p-033d5aae.js} +2 -2
- package/dist/components/{p-f2969db7.js.map → p-033d5aae.js.map} +1 -1
- package/dist/components/{p-18e35dd4.js → p-078abf25.js} +2 -2
- package/dist/components/{p-18e35dd4.js.map → p-078abf25.js.map} +1 -1
- package/dist/components/{p-8f13de36.js → p-11f9961e.js} +36 -36
- package/dist/components/{p-8f13de36.js.map → p-11f9961e.js.map} +1 -1
- package/dist/components/{p-0022d2c8.js → p-13db92d0.js} +8 -8
- package/dist/components/{p-0022d2c8.js.map → p-13db92d0.js.map} +1 -1
- package/dist/components/p-192be1a4.js +245 -0
- package/dist/components/p-192be1a4.js.map +1 -0
- package/dist/components/{p-fba529eb.js → p-1cf5f8a9.js} +11 -11
- package/dist/components/{p-fba529eb.js.map → p-1cf5f8a9.js.map} +1 -1
- package/dist/components/{p-e631d3fa.js → p-2322ee32.js} +12 -12
- package/dist/components/{p-e631d3fa.js.map → p-2322ee32.js.map} +1 -1
- package/dist/components/{p-da4c10d0.js → p-29f5f496.js} +2 -2
- package/dist/components/{p-da4c10d0.js.map → p-29f5f496.js.map} +1 -1
- package/dist/components/{p-a3aa6759.js → p-2a7e3ed3.js} +7 -7
- package/dist/components/{p-a3aa6759.js.map → p-2a7e3ed3.js.map} +1 -1
- package/dist/components/{p-a765eaaa.js → p-2c7eb977.js} +3 -3
- package/dist/components/{p-a765eaaa.js.map → p-2c7eb977.js.map} +1 -1
- package/dist/components/{p-43c5c6f1.js → p-2cce8e4d.js} +3 -3
- package/dist/components/{p-43c5c6f1.js.map → p-2cce8e4d.js.map} +1 -1
- package/dist/components/{p-d969fa64.js → p-2edb0417.js} +2 -2
- package/dist/components/{p-d969fa64.js.map → p-2edb0417.js.map} +1 -1
- package/dist/components/{p-3b26fe6c.js → p-2fb11678.js} +3 -3
- package/dist/components/{p-3b26fe6c.js.map → p-2fb11678.js.map} +1 -1
- package/dist/components/{p-d1462fc3.js → p-33a1bb4a.js} +2 -2
- package/dist/components/{p-d1462fc3.js.map → p-33a1bb4a.js.map} +1 -1
- package/dist/components/{p-bb5faf65.js → p-3a0b5aba.js} +8 -8
- package/dist/components/{p-bb5faf65.js.map → p-3a0b5aba.js.map} +1 -1
- package/dist/components/{p-18451fa9.js → p-3a5cf7ab.js} +3 -3
- package/dist/components/{p-18451fa9.js.map → p-3a5cf7ab.js.map} +1 -1
- package/dist/components/{p-4fbdcaa4.js → p-3b8be7ed.js} +2 -2
- package/dist/components/{p-4fbdcaa4.js.map → p-3b8be7ed.js.map} +1 -1
- package/dist/components/{p-9e3806ff.js → p-3e6d0b51.js} +7 -7
- package/dist/components/p-3e6d0b51.js.map +1 -0
- package/dist/components/{p-ae55b15a.js → p-3e843b88.js} +2 -2
- package/dist/components/{p-ae55b15a.js.map → p-3e843b88.js.map} +1 -1
- package/dist/components/{p-6fa2033c.js → p-405f8dd6.js} +2 -2
- package/dist/components/{p-6fa2033c.js.map → p-405f8dd6.js.map} +1 -1
- package/dist/components/{p-85154fbb.js → p-423c8468.js} +4 -4
- package/dist/components/{p-85154fbb.js.map → p-423c8468.js.map} +1 -1
- package/dist/components/{p-88748309.js → p-43adf18b.js} +5 -5
- package/dist/components/{p-88748309.js.map → p-43adf18b.js.map} +1 -1
- package/dist/components/{p-5e242cbd.js → p-4aac88be.js} +3 -3
- package/dist/components/{p-5e242cbd.js.map → p-4aac88be.js.map} +1 -1
- package/dist/components/{p-3024abfc.js → p-4ff273d6.js} +3 -3
- package/dist/components/{p-3024abfc.js.map → p-4ff273d6.js.map} +1 -1
- package/dist/components/{p-07d9e68a.js → p-517e4066.js} +2 -2
- package/dist/components/{p-07d9e68a.js.map → p-517e4066.js.map} +1 -1
- package/dist/components/{p-3fcc7ab9.js → p-5485ca81.js} +17 -17
- package/dist/components/{p-3fcc7ab9.js.map → p-5485ca81.js.map} +1 -1
- package/dist/components/{p-a3b1efb0.js → p-5d808dfc.js} +11 -11
- package/dist/components/{p-a3b1efb0.js.map → p-5d808dfc.js.map} +1 -1
- package/dist/components/{p-56fc01bf.js → p-5e6387d5.js} +2 -2
- package/dist/components/{p-56fc01bf.js.map → p-5e6387d5.js.map} +1 -1
- package/dist/components/{p-cf0c4d57.js → p-60edd970.js} +10 -10
- package/dist/components/{p-cf0c4d57.js.map → p-60edd970.js.map} +1 -1
- package/dist/components/{p-d5fe813a.js → p-63c96e6d.js} +2 -2
- package/dist/components/{p-d5fe813a.js.map → p-63c96e6d.js.map} +1 -1
- package/dist/components/{p-8c204702.js → p-69913a6d.js} +5 -5
- package/dist/components/{p-8c204702.js.map → p-69913a6d.js.map} +1 -1
- package/dist/components/{p-98440131.js → p-69a7d93e.js} +2 -2
- package/dist/components/{p-98440131.js.map → p-69a7d93e.js.map} +1 -1
- package/dist/components/{p-12733bc1.js → p-6a7b2dd8.js} +21 -21
- package/dist/components/{p-12733bc1.js.map → p-6a7b2dd8.js.map} +1 -1
- package/dist/components/p-6ccefa0d.js +45 -0
- package/dist/components/{p-ba16f7d3.js.map → p-6ccefa0d.js.map} +1 -1
- package/dist/components/{p-5e8a3e97.js → p-6f25733d.js} +10 -10
- package/dist/components/{p-5e8a3e97.js.map → p-6f25733d.js.map} +1 -1
- package/dist/components/{p-a50f622f.js → p-702e5621.js} +3 -3
- package/dist/components/{p-a50f622f.js.map → p-702e5621.js.map} +1 -1
- package/dist/components/{p-a8ed13ac.js → p-7039bd3f.js} +10 -10
- package/dist/components/{p-a8ed13ac.js.map → p-7039bd3f.js.map} +1 -1
- package/dist/components/{p-382b5857.js → p-7110098e.js} +4 -4
- package/dist/components/{p-382b5857.js.map → p-7110098e.js.map} +1 -1
- package/dist/components/{p-54820cdf.js → p-75554697.js} +5 -5
- package/dist/components/{p-54820cdf.js.map → p-75554697.js.map} +1 -1
- package/dist/components/{p-b121c0da.js → p-7805a2d6.js} +2 -2
- package/dist/components/{p-b121c0da.js.map → p-7805a2d6.js.map} +1 -1
- package/dist/components/{p-e9e71692.js → p-798ac88c.js} +2 -2
- package/dist/components/{p-e9e71692.js.map → p-798ac88c.js.map} +1 -1
- package/dist/components/{p-fec4d798.js → p-7af4580f.js} +2 -2
- package/dist/components/{p-fec4d798.js.map → p-7af4580f.js.map} +1 -1
- package/dist/components/{p-e4b92c84.js → p-7fd37849.js} +3 -3
- package/dist/components/{p-e4b92c84.js.map → p-7fd37849.js.map} +1 -1
- package/dist/components/{p-2bbb8f53.js → p-8293b3f8.js} +2 -2
- package/dist/components/{p-2bbb8f53.js.map → p-8293b3f8.js.map} +1 -1
- package/dist/components/{p-62954700.js → p-898eafc0.js} +5 -5
- package/dist/components/{p-62954700.js.map → p-898eafc0.js.map} +1 -1
- package/dist/components/{p-62760d88.js → p-8bb36a1a.js} +10 -10
- package/dist/components/{p-62760d88.js.map → p-8bb36a1a.js.map} +1 -1
- package/dist/components/{p-5912d664.js → p-8ea85c8a.js} +10 -10
- package/dist/components/{p-5912d664.js.map → p-8ea85c8a.js.map} +1 -1
- package/dist/components/{p-3a06c319.js → p-92ee752f.js} +6 -6
- package/dist/components/{p-3a06c319.js.map → p-92ee752f.js.map} +1 -1
- package/dist/components/{p-68a04030.js → p-9564052e.js} +2 -2
- package/dist/components/{p-68a04030.js.map → p-9564052e.js.map} +1 -1
- package/dist/components/{p-a57e7345.js → p-9a477112.js} +4 -4
- package/dist/components/{p-a57e7345.js.map → p-9a477112.js.map} +1 -1
- package/dist/components/{p-1e8fa07d.js → p-9bef35c9.js} +3 -3
- package/dist/components/{p-1e8fa07d.js.map → p-9bef35c9.js.map} +1 -1
- package/dist/components/{p-52ba5546.js → p-a1dc5417.js} +4 -4
- package/dist/components/{p-52ba5546.js.map → p-a1dc5417.js.map} +1 -1
- package/dist/components/{p-453b2ca9.js → p-a1e94266.js} +7 -7
- package/dist/components/{p-453b2ca9.js.map → p-a1e94266.js.map} +1 -1
- package/dist/components/{p-03c91070.js → p-a5d06e93.js} +2 -2
- package/dist/components/{p-03c91070.js.map → p-a5d06e93.js.map} +1 -1
- package/dist/components/{p-abd56282.js → p-a5efd624.js} +2 -2
- package/dist/components/{p-abd56282.js.map → p-a5efd624.js.map} +1 -1
- package/dist/components/{p-f72a094f.js → p-a6fdf86e.js} +5 -5
- package/dist/components/{p-f72a094f.js.map → p-a6fdf86e.js.map} +1 -1
- package/dist/components/{p-d0953a9e.js → p-a751149a.js} +2 -2
- package/dist/components/{p-d0953a9e.js.map → p-a751149a.js.map} +1 -1
- package/dist/components/{p-c04cc61e.js → p-a769d683.js} +7 -7
- package/dist/components/{p-c04cc61e.js.map → p-a769d683.js.map} +1 -1
- package/dist/components/{p-00e29131.js → p-b2151aa6.js} +3 -3
- package/dist/components/{p-00e29131.js.map → p-b2151aa6.js.map} +1 -1
- package/dist/components/{p-627c3fc7.js → p-b252d545.js} +5 -5
- package/dist/components/{p-627c3fc7.js.map → p-b252d545.js.map} +1 -1
- package/dist/components/{p-516cac59.js → p-b2d6afb6.js} +10 -10
- package/dist/components/{p-516cac59.js.map → p-b2d6afb6.js.map} +1 -1
- package/dist/components/{p-c3d52c12.js → p-b33bdf50.js} +6 -6
- package/dist/components/{p-c3d52c12.js.map → p-b33bdf50.js.map} +1 -1
- package/dist/components/{p-38ec49fa.js → p-b7918610.js} +3 -3
- package/dist/components/{p-38ec49fa.js.map → p-b7918610.js.map} +1 -1
- package/dist/components/{p-ca85bc1d.js → p-b9dac404.js} +2 -2
- package/dist/components/{p-ca85bc1d.js.map → p-b9dac404.js.map} +1 -1
- package/dist/components/{p-ed1e7da4.js → p-c24bc8bc.js} +2 -2
- package/dist/components/{p-ed1e7da4.js.map → p-c24bc8bc.js.map} +1 -1
- package/dist/components/{p-8b9ba740.js → p-cb7deaa9.js} +8 -8
- package/dist/components/{p-8b9ba740.js.map → p-cb7deaa9.js.map} +1 -1
- package/dist/components/{p-72b6a817.js → p-ce8584e3.js} +4 -4
- package/dist/components/{p-72b6a817.js.map → p-ce8584e3.js.map} +1 -1
- package/dist/components/{p-3989ef69.js → p-d2651086.js} +3 -3
- package/dist/components/{p-3989ef69.js.map → p-d2651086.js.map} +1 -1
- package/dist/components/{p-edbd4330.js → p-d647b460.js} +7 -7
- package/dist/components/{p-edbd4330.js.map → p-d647b460.js.map} +1 -1
- package/dist/components/{p-c131480d.js → p-df5af607.js} +4 -4
- package/dist/components/{p-c131480d.js.map → p-df5af607.js.map} +1 -1
- package/dist/components/{p-d81a3a84.js → p-dfe5e1d4.js} +2 -2
- package/dist/components/{p-d81a3a84.js.map → p-dfe5e1d4.js.map} +1 -1
- package/dist/components/{p-15ecbb73.js → p-e50e52f4.js} +9 -9
- package/dist/components/{p-15ecbb73.js.map → p-e50e52f4.js.map} +1 -1
- package/dist/components/{p-0b8373df.js → p-e6dac394.js} +2 -2
- package/dist/components/{p-0b8373df.js.map → p-e6dac394.js.map} +1 -1
- package/dist/components/{p-a050d463.js → p-e8fcf4cd.js} +20 -20
- package/dist/components/{p-a050d463.js.map → p-e8fcf4cd.js.map} +1 -1
- package/dist/components/p-ea434619.js +123 -0
- package/dist/components/{p-2a63d2d8.js.map → p-ea434619.js.map} +1 -1
- package/dist/components/{p-38ab3444.js → p-eaecf234.js} +30 -30
- package/dist/components/{p-38ab3444.js.map → p-eaecf234.js.map} +1 -1
- package/dist/components/{p-db569b7a.js → p-eb04a164.js} +6 -6
- package/dist/components/{p-db569b7a.js.map → p-eb04a164.js.map} +1 -1
- package/dist/components/{p-7b0de261.js → p-ebe3d99d.js} +5 -5
- package/dist/components/{p-7b0de261.js.map → p-ebe3d99d.js.map} +1 -1
- package/dist/components/{p-9d4ee1cb.js → p-ec334d20.js} +22 -22
- package/dist/components/{p-9d4ee1cb.js.map → p-ec334d20.js.map} +1 -1
- package/dist/components/{p-d1dcafa9.js → p-ec6ba955.js} +2 -2
- package/dist/components/{p-d1dcafa9.js.map → p-ec6ba955.js.map} +1 -1
- package/dist/components/{p-caaf3d8e.js → p-ed12eda7.js} +9 -9
- package/dist/components/{p-caaf3d8e.js.map → p-ed12eda7.js.map} +1 -1
- package/dist/components/{p-b74838fd.js → p-fb9c1c71.js} +2 -2
- package/dist/components/{p-b74838fd.js.map → p-fb9c1c71.js.map} +1 -1
- package/dist/components/{p-ba76192d.js → p-fbb3a2be.js} +3 -3
- package/dist/components/{p-ba76192d.js.map → p-fbb3a2be.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +84 -84
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-select.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-schedule.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +20 -20
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-color-demo.js +1 -1
- package/dist/components/smoothly-input-color.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date-time.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-edit.js +1 -1
- package/dist/components/smoothly-input-file.js +1 -1
- package/dist/components/smoothly-input-month.js +1 -1
- package/dist/components/smoothly-input-price-demo.js +1 -1
- package/dist/components/smoothly-input-radio-item.js +1 -1
- package/dist/components/smoothly-input-radio.js +1 -1
- package/dist/components/smoothly-input-range-demo.js +1 -1
- package/dist/components/smoothly-input-range.js +1 -1
- package/dist/components/smoothly-input-reset.js +1 -1
- package/dist/components/smoothly-input-select.js +1 -1
- package/dist/components/smoothly-input-submit.js +1 -1
- package/dist/components/smoothly-input.js +1 -1
- package/dist/components/smoothly-item.js +1 -1
- package/dist/components/smoothly-label.js +1 -1
- package/dist/components/smoothly-lazy.js +1 -1
- package/dist/components/smoothly-load-more.js +1 -1
- package/dist/components/smoothly-modal.js +1 -1
- package/dist/components/smoothly-notification.js +1 -1
- package/dist/components/smoothly-notifier.js +1 -1
- package/dist/components/smoothly-spinner.js +1 -1
- package/dist/components/smoothly-submit.js +1 -1
- package/dist/components/smoothly-summary.js +1 -1
- package/dist/components/smoothly-tab.js +1 -1
- package/dist/components/smoothly-table-body.js +1 -1
- package/dist/components/smoothly-table-cell.js +1 -1
- package/dist/components/smoothly-table-demo-colspan.js +1 -1
- package/dist/components/smoothly-table-demo-filler-row.js +1 -1
- package/dist/components/smoothly-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-table-demo-group.js +1 -1
- package/dist/components/smoothly-table-demo-nested-inner.js +1 -1
- package/dist/components/smoothly-table-demo-nested.js +1 -1
- package/dist/components/smoothly-table-demo-simple.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-filler-row.js +1 -1
- package/dist/components/smoothly-table-foot.js +1 -1
- package/dist/components/smoothly-table-head.js +1 -1
- package/dist/components/smoothly-table-row-group.js +1 -1
- package/dist/components/smoothly-table-row.js +1 -1
- package/dist/components/smoothly-table.js +1 -1
- package/dist/components/smoothly-tabs-demo.js +1 -1
- package/dist/components/smoothly-tabs.js +1 -1
- package/dist/components/smoothly-theme-color.js +1 -1
- package/dist/components/smoothly-theme-colors.js +1 -1
- package/dist/components/smoothly-theme-demo.js +1 -1
- package/dist/components/smoothly-theme-guide.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/components/smoothly-toggle-switch-demo.js +1 -1
- package/dist/components/smoothly-toggle-switch.js +1 -1
- package/dist/components/smoothly-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/smoothly-app_99.entry.js +76 -75
- package/dist/esm/smoothly-app_99.entry.js.map +1 -1
- package/dist/esm/smoothly-submit.entry.js +1 -1
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/smoothly/{p-d4de2329.entry.js → p-9b09a42f.entry.js} +2 -2
- package/dist/smoothly/{p-0e2084ab.entry.js → p-a829956b.entry.js} +2 -2
- package/dist/smoothly/{p-d52851a6.entry.js → p-cf8a3a65.entry.js} +2 -2
- package/dist/smoothly/{p-91121a5e.entry.js → p-d468d71f.entry.js} +2 -2
- package/dist/smoothly/p-d468d71f.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/input/demo/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-2a63d2d8.js +0 -123
- package/dist/components/p-9e3806ff.js.map +0 -1
- package/dist/components/p-ba16f7d3.js +0 -45
- package/dist/components/p-cf79343a.js +0 -244
- package/dist/components/p-cf79343a.js.map +0 -1
- package/dist/smoothly/p-91121a5e.entry.js.map +0 -1
- /package/dist/smoothly/{p-d4de2329.entry.js.map → p-9b09a42f.entry.js.map} +0 -0
- /package/dist/smoothly/{p-0e2084ab.entry.js.map → p-a829956b.entry.js.map} +0 -0
- /package/dist/smoothly/{p-d52851a6.entry.js.map → p-cf8a3a65.entry.js.map} +0 -0
|
@@ -9821,24 +9821,25 @@ const SmoothlyInputDateTime = class {
|
|
|
9821
9821
|
};
|
|
9822
9822
|
SmoothlyInputDateTime.style = SmoothlyInputDateTimeStyle0;
|
|
9823
9823
|
|
|
9824
|
-
const styleCss$N = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
|
|
9824
|
+
const styleCss$N = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo{display:flex}.sc-smoothly-input-demo-h .select-div-row.sc-smoothly-input-demo smoothly-input.sc-smoothly-input-demo{flex:1}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
|
|
9825
9825
|
const SmoothlyInputDemoStyle0 = styleCss$N;
|
|
9826
9826
|
|
|
9827
9827
|
const SmoothlyInputDemo = class {
|
|
9828
9828
|
constructor(hostRef) {
|
|
9829
9829
|
index.registerInstance(this, hostRef);
|
|
9830
|
+
this.numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
9830
9831
|
this.duration = { hours: 8 };
|
|
9831
9832
|
this.alphanumeric = "!@##";
|
|
9832
9833
|
}
|
|
9833
9834
|
render() {
|
|
9834
|
-
return (index.h(index.Host, { key: '
|
|
9835
|
+
return (index.h(index.Host, { key: '898e42a3aae72b4d52bc01e2e6fec22fb49f7894' }, index.h("smoothly-input-demo-standard", { key: 'c84c56932a3ca7b3ad70bea508955b37e269b24b' }), index.h("div", { key: '5b25db08e200dd0e6216e372c5c897c601490593', class: "inputs" }, index.h("h2", { key: 'f9aa7e790295584eb8ea78e0c372cffb4b93e84e' }, "Calendar"), index.h("smoothly-input-date", { key: '45f80826e17da5ab6106986f762b6e1624d6d069', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: '0a707e376f4ff18db494c247d9ae9a8e3c620fcf', name: "someDateTime" }, "DateTime"), index.h("h2", { key: 'e4981b4702b6d1505838adf9ad181c1d75c75be2' }, "Date Range"), index.h("smoothly-input-date-range", { key: 'ba262ba7d3a809b0c59907fa12d36017ac77d162', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '30d4fa41617d5a46a9b41737b090ae7af71a0e1f', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: '1cdbb7d09b5a09781c75787a70b6b124ea4ea0f8', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '0b81346ba5f45cfb274acfa50b589fd9120459f6', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9835
9836
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9836
|
-
} }, index.h("smoothly-input-clear", { key: '
|
|
9837
|
+
} }, index.h("smoothly-input-clear", { key: '58a9b0265ea8ffeb6dd25b4cd2b856a9c4afa84e', slot: "end", size: "icon" })), index.h("h2", { key: '11914eeddc03def00e7ad925a23cfe447a5f9b98' }, "Date"), index.h("smoothly-input-date", { key: 'e767c0b627ee97ebbfda56daa3e0bee37f43d934' }, "Date"), index.h("smoothly-input-date", { key: '43fdb115a61f70b40e93964c5881bfe10caf0ac6', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: 'a481fa967fa1b736626614b9764912366e90b7c9', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: '877e16c0db2d61ad054b8a79873cdd4ff11198b9', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: 'fc079cb329e6ade1b05b792fdd38471daf5b939d', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '04e5c619668ce8ee036a7fcf68dbb5475057ad33', slot: "end", size: "icon" })), index.h("h2", { key: '352db5f41baa5d77b0b9c324124ccd8b6b603487' }, "Select"), index.h("div", { key: '9e30637687db9eeedf21a691a69e650c9ec20d8d', class: "select-div" }, index.h("smoothly-input-select", { key: 'b81069e847d16dea7e64987449b61c28d23e959e', name: "select-dessert", looks: "border" }, index.h("label", { key: '1674251c630961135941b7c3e163c3b8c36647d6', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '76ef6769049168385989f09c7c00b73c80fae3c3', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '0c0ff5745c705c3517354744a82d3040a1908380', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '2f406e2c1a29b327b740873a0512b58c5e8ffee4', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: '63165ef47474188599e1d5990c52fa7aac59da46', value: "4" }, "Cookie"), index.h("smoothly-item", { key: 'db928ccd74dfcb21c384010c16b15c710f6c348e', value: "5" }, "Croissant"), index.h("smoothly-item", { key: 'b4e3986af23bdac024b28c6c8a5cfb5ea1e1edc3', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '4815a44cfe40b5152c9ad94320da440e96626849', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '5888df7b123845d0ae451f10f1dce0e6f0a51a1d', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '90b78f7fc9711181bd66a33d761333eb0e4e0030', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'f3e9a603c80a2562b967f3e25c178eec9ae830d2', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: 'e74af1d8c162fcfe278ab02a6862c91ce139dfc4', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: '5055ea6836e7fa80ab48cfec353b09a843bf5dc5', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'fb0215a750b470ad0011c28d3f6f5532802dc090', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: 'fcf701cccc5919b9fb5e276460f42ee8c54c6be1', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '3cd340fad69acad3ddd65025e0d442f5eaa50ac9', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'e57893d60f6e0ead8088790f59efd8b32b998b2d', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: 'f402235dac5bdbcfe195f884443712f65e2885e0', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: 'ae5f0ef5846a4f54e678ec3307350247491fd20a', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: 'cdb11bbf169345d31793a2def8879c05772b386a', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '3de1af65992f7d307b68f8b11e5f20b6960a036d', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'd8a6a789431a97f2811b70f686a8688c2245fdfb', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'ecd76b9cb6143ccda76ffdbafd9442c3eecab763', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '7d7c84a37ec7a6a4067365c6a8711b3748b1788e', value: "camera" }, index.h("smoothly-icon", { key: '88ce40e3176f4fca2356dbb694ff442ff659136b', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '785709f29e464bf58fcea800aff4189d005ca2c9', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'b2d8530ba923c60c14e4d81a3a05a561d4464313', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9837
9838
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9838
|
-
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '
|
|
9839
|
+
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '547732722e521764f6efd5b093c922f7dce08467', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '8c83d41b2c49d62df53417e1b2eba9754ea439fc', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '91a273a7279b66ef35b9735e0b3e4bdfc6c6e795', value: "1" }, "January"), index.h("smoothly-item", { key: 'f58024ba104d8e46bda48233d8ad14c5e26b4b19', value: "2" }, "February"), index.h("smoothly-item", { key: '0ac720a3cbae6157d251e194b7bb2aa6d2d1a318', value: "3" }, "March"), index.h("smoothly-item", { key: '48e991c953f74b77ce1f7c1d6ec57df73d2ad9c8', value: "4" }, "April"), index.h("smoothly-item", { key: '487b8e09445dcab1867d58dfe6fa7f774572bdb7', value: "5" }, "May"), index.h("smoothly-item", { key: 'f6c3bb9720dd9582019ac26dd36393c136ad5200', value: "6" }, "June"), index.h("smoothly-item", { key: 'd27ff235108a7441e6e4aa0794e31fe702c31b21', value: "7" }, "July"), index.h("smoothly-item", { key: '91a1de0d2c053d7736e2c43543077c8b27e70679', value: "8" }, "August"), index.h("smoothly-item", { key: '9180bf26ee2d7daa4a6c07ebecf71a50f8d4eddb', value: "9" }, "September"), index.h("smoothly-item", { key: '7526a4bf7871475577f05d2c19f71251adc65112', value: "10" }, "October"), index.h("smoothly-item", { key: 'bc06ade0abeb3928ab63b23fd184ffaa2fe8caad', value: "11" }, "November"), index.h("smoothly-item", { key: 'a759d0ac14994c3888db77a43b693ec7118afe65', value: "12" }, "December")), index.h("div", { key: '48123702f91eee7c64c5a3142b9818604a963416', class: "select-div-row" }, index.h("smoothly-input-select", { key: 'cbd21bf3b3c4a4595e5efe623ea101e836d175c9', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '1b1af5d7ba533dfb966940a2351ba9b909d50877', value: "folder", selected: true }, index.h("smoothly-icon", { key: '9e062d3d5674f6fd81f8fbfe2f195d4e253e4254', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '97e6e7af4fb31f1efdcc424d2b5c7bb6d73fa379', value: "camera" }, index.h("smoothly-icon", { key: '1f850e7d1ab19ff94a24d2239b940bb7a7e33450', size: "small", name: "camera-outline" })), index.h("smoothly-item", { key: '81211a1cd413d17a575efa961cc3f4c2b2a24409', value: "boat" }, index.h("smoothly-icon", { key: '16d60f0b8495472787f114606fe600bf82ebd703', size: "small", name: "boat-outline" }))), index.h("smoothly-input-select", { key: '79f3f11252dcbc27529add01c0590cbf9a476c20', name: "select-number", clearable: false }, this.numbers.map(number => (index.h("smoothly-item", { value: "number", selected: number === 3 }, number)))), index.h("smoothly-input", { key: '8d1e1949d808d582e227f47c8375649e58eb910f', name: "name", value: "Sten Qvist" }, "Name"))), index.h("h2", { key: '831c4145709aeb1723ac01524dff485f60bd375d' }, "Duration"), index.h("smoothly-input", { key: '7a0ef2d4e70a00fd3fb16d3dde20135ee1382c9f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: '6838adf1fcbd8f23c2f49676fb58d63057d7dcc0', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9839
9840
|
const duration = e.detail.duration;
|
|
9840
9841
|
this.duration = duration;
|
|
9841
|
-
} }, "Duration"), index.h("h2", { key: '
|
|
9842
|
+
} }, "Duration"), index.h("h2", { key: '664344d0ba40adce085bf233113c7d5c65395b00' }, "Integer with Min/Max"), index.h("smoothly-input", { key: '1bdac9816d19f2385d6c460e545e7bca51f24721', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: '94dac0012c47e960373fa49de1a07718f1162028', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '02c7850748ae75474d3bd9866fa7d65a728c6d76', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: '10dea9a9dceb86169132dc63d5f59cf75adf4858', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: '20e6f37f44c0ead4c9cb75ed9ce179183a26df96' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: 'dcbb187b84c439d7ab01183e75c409dbc5dd7aef', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), index.h("h2", { key: 'fc02ccf8d09b9ee0f2d30cd4275c95b10d1e9701' }, "Identifiers"), index.h("smoothly-input", { key: 'b9841c3652b5300c7e5085470273e85faca2dd15', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '7f35845b6249f01890db694e23bf63ee097944cf', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: 'da0c4ecb4ef72e74965d69dc09234c10ab332ee2', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '7463653a03bf919a7caa7e020669b3492b0470d9', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '29c4627676c9da8e2352617b3254d53bf953ccf4', type: "identifier-camel" }, "Camel"), index.h("h2", { key: 'fd029120fc34e12e80a95d9c7fc787c3a5d42d13' }, "Input Alternatives"), index.h("smoothly-input", { key: '10a908a9fc5906372f557b6fc7fe81d8e4b989d8', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: 'a009310374cd729a7192e45896a5a5c95b1ee67c', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '3d11c8ab5fdd631cd6b51f3eb25120962a75c23d', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'fc8de3ba973117904a60e76ac251e76342f6fbc9', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'f6cf7b6548e5f59be71f2f0bde8426aaf27b7468', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '1e8b569ec282979fb5cff16d76d0d614a40a9f42', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'b3c9fba5bbd2b1eb9472709f7c9ec75d5afb335f', placeholder: "test" }), index.h("smoothly-input-submit", { key: '47607993d4e5d00e083004e23fda5692c21f016e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: 'cd8ac47c2a74cb73c15f9e178776cf5587da0c94' }, "Smoothly checkboxes"), index.h("div", { key: '0132393278b0aaf54ae2b19745c5b7dcd9d0b890', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '66f16b0bd9165417e002b369cbf39f7889ffb0b3', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '0a6d2b2fd25b05c530877784b4ee249c24a25663', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '62036c53272eb1bd99155ed1c8f3262de4a4105b', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '63f984fa5004de72307e4e695d5c21d1db138a43', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '8e93098557950fe33d5b0af42923d61e38cdeca7', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '5d388aecd4290d345e2975c3df48f28f3dcc58d3', name: "third-checkbox" }, "3rd")), index.h("h4", { key: '968d1428d10941207d8418025f9083b53cbf0584' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: 'd6eae15b0c72d4092e83ce1f686012eda413d476', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'f0402ad7bfa06f8efb5f0378e7fa67a383237cf4', name: "checkmark-circle", slot: "start" }), index.h("label", { key: 'eec0d5de4c3db4bb3f3813ee8ff6596c3b87b697', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'ef961c59e5335b26a693a4041f29b75abc576da4', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'b485ef15b4a23c6a7b83faa6fef615269b7a707b', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'a42d006d32a0aae44a0059c770ef5a46341338ce', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: 'deadcbab55ed1d5f0561cd83edab5386d234f6a5', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'b7125855aa49593db1158509e15f2bf60faf1041', name: "radioSecondInput" }, index.h("label", { key: 'e7bf64c7131d7489c4ffa9249dc56bea1b54d041', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '440a07b624d04a40c89a775766503c3b9eb79e28', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'd0a65783c056dac89b26619f0d12b0c85862202d', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '100ef7fb5d3832eb255a93249b67dbe13bc8d457', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '1dca434401e473650d1b22ce68fd16d0d4d54da4', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'b39315ceca35ae4b6d57f896f5e6810549da3fc5', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: 'cc1d15d8a6747074f1a99f5373b093fa934addc2', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: 'a710ee590d39b7779a1d2c535a8ee575a9e11bfe' }), index.h("smoothly-input-color-demo", { key: '108a02584b23f301a2d2aefe9e57985ef6e30dac' }), index.h("smoothly-input-price-demo", { key: '4d28f120dfa5c2c19c292f22bf5b9d7f7564b117' }), index.h("smoothly-back-to-top", { key: '0ccc6f790656be6f21f3c9e38c401076aaa57ea1' }))));
|
|
9842
9843
|
}
|
|
9843
9844
|
};
|
|
9844
9845
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
@@ -9867,7 +9868,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9867
9868
|
}
|
|
9868
9869
|
render() {
|
|
9869
9870
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9870
|
-
return (index.h(index.Host, { key: '
|
|
9871
|
+
return (index.h(index.Host, { key: '54cc47e7996f094999a7edd203d01170aac2ae9b', class: { vertical: !!this.options.vertical } }, index.h("div", { key: 'f63252b67776e38ff0c36bfbe47be49185fea084', class: "description" }, index.h("h2", { key: '06363973079ed5f9ec148f77d5c7e8b8d7506402' }, "Input Standard"), index.h("p", { key: '0b10cf09478359065291df9d353f1085db0d3041' }, "Height of input should be ", index.h("code", { key: 'dc4fd343dadf8d6acf7a6ff31358d0a901e5f2fd' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), index.h("smoothly-form", { key: 'c2f14b61962a387b053b45abe88c0f97214fdaf0', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: 'cf2e86eeb4e4666da0fe4c6361ffe89362208fea', name: "looks" }, index.h("span", { key: '9a4bf084dc4c20f46237a0a853222167ab0ca755', slot: "label" }, "Looks"), Looks.values.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-checkbox", { key: '362c67c7ea86db5e5b39ffdae0a6e2b0af8de6a7', name: "readonly" }, "Readonly"), index.h("smoothly-input-select", { key: 'd7e7a399f4e84dad7ddb4cd8cd3a54ac91bc3966', name: "color" }, index.h("span", { key: '8e6539c47eb5e12389234ccfe853bfd9516bb4c3', slot: "label" }, "Color"), Scrollable.Color.values.map(c => (index.h("smoothly-item", { value: c }, index.h("span", { color: c }, c)))), index.h("smoothly-input-clear", { key: 'ea6a5b23e4e62dbb52fdbbd13d08d59007f30b71', slot: "end" })), index.h("smoothly-input-checkbox", { key: '70b83cffdda25a3136bf814b01215073d360359b', name: "vertical" }, "Vertical Layout"), index.h("smoothly-input-checkbox", { key: '9e9ed554062b63cb21e6ecce79b82a57beacae31', name: "showLabel", checked: true }, "Show Label"), index.h("smoothly-input-checkbox", { key: '937f729b0d39fbf9ee784bd992dd8a05989f13f9', name: "placeholder" }, "Placeholder"), index.h("smoothly-input-checkbox", { key: 'ee73feb13f42c63802dcee6aa01138dc4a66998b', name: "invalid" }, "Invalid"), index.h("smoothly-input", { key: 'd56f0ee39375e41f045b2d334f7c1b67b9305308', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), index.h("smoothly-input-range", { key: '6c533a6d0840abda23b6c0c01a1234f376d79f0d', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }))), index.h("div", { key: '7982b42d9f90566aadf1b37e77fd330c0448fd7e', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: '33d8dce59c4033bfde5138e93ee20022f1093209', class: "width" }, "100%"), index.h("div", { key: '988989a6549c8025ee9058fef56a6855a42a0cbe', class: "left-padding" }, "0.5rem - left padding"), index.h("smoothly-input", { key: 'bf33b510ce13ef0d0382b70654bbeb1de58b4d39', name: "text", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '5884fdb277040b5c142c682808c626e8a71e4b4c' }, "Text"), index.h("smoothly-input-clear", { key: '5f149a7814fb252662dca0093319afc19440dad6', slot: "end" })), index.h("div", { key: 'a4203ca44c6d8318be2f6733db659878f6969fe3', class: "height" }), index.h("smoothly-input-select", { key: '3282907a349112f5bc6bb496fe78ddb3cdbfe616', name: "month", looks: this.options.looks, placeholder: placeholder, invalid: this.options.invalid, errorMessage: this.options.errorMessage, readonly: this.options.readonly, color: this.options.color }, this.options.showLabel && index.h("label", { key: 'da2360f15090f0634f2943c5a9d5e50b44cfaf1e', slot: "label" }, "Select"), index.h("smoothly-item", { key: 'e1c210ad65944549af56ffe876d139f849e12b80', value: "1" }, "January"), index.h("smoothly-item", { key: '02e99fa68a31e1ef586e7a41abd2966d54de14bc', value: "2" }, "February"), index.h("smoothly-item", { key: 'bc238dc14d3cfcc8e3490fe5ec0385f5ca5aaf22', value: "3" }, "March"), index.h("smoothly-item", { key: '86a6e1f5ed38aada66c38ee3de613bcd6746d1c1', value: "4" }, "April"), index.h("smoothly-item", { key: 'bbb0252f2dbe80f97637a6bbf04186c0c37a8209', value: "5" }, "May"), index.h("smoothly-item", { key: 'c2e649e4f5eefc06c7d68b6f24087bb28e302540', value: "6" }, "June"), index.h("smoothly-item", { key: 'e552681d3b197a5c7d2cf3d937036e88066a76b2', value: "7" }, "July"), index.h("smoothly-item", { key: 'cb0d389ad81bb26c2265ba80b02fb54313e58664', value: "8" }, "August"), index.h("smoothly-item", { key: '016cc010331c9bf67f83097477d5e1a02c176742', value: "9" }, "September"), index.h("smoothly-item", { key: '431c515ae9f9e8346a81aca160e3d5222ad7a962', value: "10" }, "October"), index.h("smoothly-item", { key: '79b5a2d4fb3d5cb4f1b3646ea515df478aebc24e', value: "11" }, "November"), index.h("smoothly-item", { key: '2a22869dfb8a7910dead7a6d8a980230b9d9fe82', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'f9087246a3389d1ac264f115f654980e62097a13', slot: "end" })), index.h("div", { key: 'b7789c9e44efe8402f4ef72519cfafb24f1ebe39', class: "height" }), index.h("smoothly-input-checkbox", { key: '2121d4ed9efa06fa305323053ec7a79ac606e4d0', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), index.h("div", { key: '828ce412870f5ef22528b9586ee3396b63ac5acb', class: "height" }), index.h("smoothly-input-radio", { key: 'c440e4fb8a8dda6d6c9c55f4af93288b76e0cfa1', name: "radio", clearable: true, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("label", { key: '4d8d0b6b59c75067f10f66bfcc4e75040a596a0e', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: '8607fbbb6420214834b116e9b32d45d62ab5ac14', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'f8125fd2ae71570b636e1fb53231ef688beb1053', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '27391bf41b477f9f7aab0cc45d1a9535a08b719d', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '4e80a29a47174ece3bcfa9d705ed1ff7dc732159', slot: "end" })), index.h("div", { key: '03788c6a14b562276804f0fe88eccbe55861f3e2', class: "height" }), index.h("smoothly-input-file", { key: 'efbb21f634eff79193a1b276b64b672b4315d097', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '20934a9e19b14b9209df0cacf5d8843a75960aef', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: '276ec89d8ed2847d3ebd6b81b4e1e907f00ad0f5', slot: "end" })), index.h("div", { key: '1d001b8765587685478e70e28682963dd3bbd017', class: "height" }), index.h("smoothly-input-range", { key: '33f9c75f9e3c45331b204469687a09e6d882a6ad', name: "range", label: this.options.showLabel ? "Range" : undefined, looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, index.h("smoothly-input-clear", { key: 'a4e159ff0948389251b9b8a9413865bbeb7fe59e', slot: "end" })), index.h("div", { key: '0342fd355e7916c61342178b2beca8b5f3723940', class: "height" }), index.h("smoothly-input-color", { key: 'fe4c4d96b8ba1bd533a64125c42e2d29dd52b58b', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: 'aca0726ae296c40c823adbf4550a9ccd30f49269' }, "Color"), index.h("smoothly-input-clear", { key: '95cc33c8e308efaf303c3ec446ca60428db4f9e8', slot: "end" })), index.h("div", { key: '9685ac6c158b2124f9b90009c8f4312143b25d3c', class: "height" }), index.h("smoothly-input-date", { key: '34a45b2652a977e1ba216dc20de079695d512e09', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '60f73ee396777d54ade1529462d09fd5a1905d0f' }, "Date"), index.h("smoothly-input-clear", { key: '5b1d24996f0f7b9d3a05195b50e9e6d8151f32c2', slot: "end" })), index.h("div", { key: '9dc3bdd66645ae7d154cda06af334e6eb3b3bb72', class: "height" }), index.h("smoothly-input-date-time", { key: '4d58a68883861950b9de8f758bf58252220762c8', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, errorMessage: this.options.errorMessage, color: this.options.color, showLabel: this.options.showLabel }, "DateTime", index.h("smoothly-input-clear", { key: '12e7ba19ce5af41fa6467bfc6eb5ba57cf2787f7', slot: "end" })), index.h("div", { key: '2434e12f697851fdf9860ce776c309b0c6ad1a6d', class: "height" }), index.h("smoothly-input-date-range", { key: 'e11bfe183b20b22fe452375df980970b05d484a7', looks: this.options.looks, readonly: this.options.readonly, invalid: this.options.invalid, color: this.options.color, placeholder: placeholder, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '7b4c929e3fb04664e51cd105c86fe87f2ee214a1' }, "Date Range"), index.h("smoothly-input-clear", { key: 'e5f8bf96350d4561c1f23bdc53f8de42d01db6cc', slot: "end" })), index.h("div", { key: '1959c1a3fe06ab2eaba8b6bf3e465f3ccd86a9a5', class: "height" }), index.h("div", { key: '59bc69572b6c84555e0911cb62021becc57df6c8', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9871
9872
|
}
|
|
9872
9873
|
get element() { return index.getElement(this); }
|
|
9873
9874
|
};
|
|
@@ -9906,7 +9907,7 @@ const SmoothlyInputEdit = class {
|
|
|
9906
9907
|
}
|
|
9907
9908
|
render() {
|
|
9908
9909
|
var _a;
|
|
9909
|
-
return (index.h(index.Host, { key: '
|
|
9910
|
+
return (index.h(index.Host, { key: '3de8f02bb5d0b223ba6aff87ef408e143ca6de3e', title: this.toolTip }, index.h("smoothly-button", { key: '12b9a326635d0049e7485b2975b9ce2cc33dda86', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined) }, index.h("slot", { key: '3fe5b43268c973b6127d7a176a46d99972470b29' }), index.h("smoothly-icon", { key: 'f641695eed874102423de26f43e84ad8a5ee0ad6', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9910
9911
|
}
|
|
9911
9912
|
};
|
|
9912
9913
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -10020,7 +10021,7 @@ const SmoothlyInputFile = class {
|
|
|
10020
10021
|
}
|
|
10021
10022
|
render() {
|
|
10022
10023
|
var _a, _b, _c;
|
|
10023
|
-
return (index.h(index.Host, { key: '
|
|
10024
|
+
return (index.h(index.Host, { key: '47b38931d53c866baf0f3cb62f7615262e68fb7b', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '215430ae3f78f580ba2a028bcedac5e037308e25' }, index.h("slot", { key: '8196ea352901e73429b2e9c56f60692ec10cfd72', name: "label" })), index.h("div", { key: '83c430bbc2cc8555a6b035ea5f57607cba695ade', class: "input" }, index.h("smoothly-button", { key: 'c1571b7f8a9a96eb52242caa4877c502c4656cfb', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: 'dd9f194b9320d4b8c833803bddcc3eec6efef79c', name: "button" })), index.h("span", { key: 'd33dca86a3964cc3b1a57c8ac1774f83137d7f6c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '27b1a149c0233cf01ca36393676365e9af548e0a', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: 'dceea121fbd2f2f052c9cc69aeb34fd514001d91', name: "document-attach-outline" })), index.h("input", { key: '4277ad89f3eb3f2b1cc3a981bd7c528f17a903b2', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("div", { key: '93165391518adbaca9b78d53d68efbd0dbc939d0', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '1ecde3ce282a03aca4971e49e3ea5f34ed9672db', name: "end" }))));
|
|
10024
10025
|
}
|
|
10025
10026
|
get element() { return index.getElement(this); }
|
|
10026
10027
|
static get watchers() { return {
|
|
@@ -10141,9 +10142,9 @@ const SmoothlyInputMonth = class {
|
|
|
10141
10142
|
}
|
|
10142
10143
|
render() {
|
|
10143
10144
|
var _a, _b;
|
|
10144
|
-
return (index.h(index.Host, { key: '
|
|
10145
|
+
return (index.h(index.Host, { key: '89fecd22909bff3ac5d147c922408aca813bf4ed' }, index.h("smoothly-icon", { key: 'c54fa66c7615e06ea1150c69a636f693a334d466', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
10145
10146
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
10146
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '
|
|
10147
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '430aff0437aae1dc16c9fffcf0ee92f6fdcb9faf', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '22d252b3eeaad1175c22ab0eaea96bbac5c6b25b', slot: "label" }, index.h("slot", { key: '2f1cc25f43f0310b9439c9e49a85bfc0c30e5c5b', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: '5156dd8ca67288e1e053da5213a6a55201c6d490', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'a412943feb6beb83560a8c83efe0a60011b389db', slot: "label" }, index.h("slot", { key: '7faf583ed860665185ba199c051391071155f3fd', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: 'bba463e403c7f502731984439b2693666761bc9e', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
10147
10148
|
disabled: this.readonly || !this.allowNextMonth,
|
|
10148
10149
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
10149
10150
|
}
|
|
@@ -10166,7 +10167,7 @@ const SmoothlyInputPriceDemo = class {
|
|
|
10166
10167
|
this.currency = "USD";
|
|
10167
10168
|
}
|
|
10168
10169
|
render() {
|
|
10169
|
-
return (index.h(index.Host, { key: '
|
|
10170
|
+
return (index.h(index.Host, { key: '02c9e2dd36b50693d436090be13be3da961a905f' }, index.h("h2", { key: '403252fddbf363154e7dea337b1a70ae012e04e4' }, "State demo on smoothly-input"), index.h("p", { key: '7aa941d73065cbc234122d8ce0adbb2274c7e679' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: '77236c80372d6d2dfae7f0d7037639247670558c' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: '1a875610e5c827487763b404b6549d39d9779dbf', name: "currency", onSmoothlyInput: e => (this.currency = TimeZone.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (index.h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: '2dac82d9a1bbfc902aa4d08784f4df68a990c2b9', type: "price", currency: this.currency }, "price")));
|
|
10170
10171
|
}
|
|
10171
10172
|
};
|
|
10172
10173
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
@@ -10275,7 +10276,7 @@ const SmoothlyInputRadio = class {
|
|
|
10275
10276
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10276
10277
|
}
|
|
10277
10278
|
render() {
|
|
10278
|
-
return (index.h(index.Host, { key: '
|
|
10279
|
+
return (index.h(index.Host, { key: 'b8cf0e9b3a4bb2ae8e79958b66cef60fd8e38383', class: "floating-label" }, index.h("slot", { key: '5ae18c7ad38609b0cff480712173b5d364639478', name: "start" }), index.h("div", { key: '9c178b21890b7a7c70db07205bb4261bc3df24ea' }, index.h("slot", { key: 'e4606af2a5a1be44f282cb7370f65f2c3c2c931b', name: "label" }), index.h("div", { key: 'f6a3be7d8e8562e2cf31e2867bb3db8d93263acc', class: "options" }, index.h("slot", { key: '3ff6fcec3e296e7dec4bae23f7b54db3f863772b' }))), index.h("slot", { key: '3e52fcae78784dc7a92acc51c3b62bf86bf770f5', name: "end" })));
|
|
10279
10280
|
}
|
|
10280
10281
|
get element() { return index.getElement(this); }
|
|
10281
10282
|
static get watchers() { return {
|
|
@@ -10306,7 +10307,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
10306
10307
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10307
10308
|
}
|
|
10308
10309
|
render() {
|
|
10309
|
-
return (index.h(index.Host, { key: '
|
|
10310
|
+
return (index.h(index.Host, { key: '18f14aa275b79ee7984d3a0a600000ca96840786', onClick: () => this.inputHandler() }, index.h("input", { key: '7bf0854b9e756010dd2387703265aa6646311525', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: '8307d1ed7db2ad3270a07cc95681797c36b0c0d7', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '11f3b331831f9ea76c70b3abbe33a06d32a9204e' }, index.h("slot", { key: '867f8e3c3e8b15e9711e51da4fe9d79b00457cf3' }))));
|
|
10310
10311
|
}
|
|
10311
10312
|
get element() { return index.getElement(this); }
|
|
10312
10313
|
};
|
|
@@ -10410,17 +10411,17 @@ const SmoothlyInputRange = class {
|
|
|
10410
10411
|
}
|
|
10411
10412
|
render() {
|
|
10412
10413
|
var _a, _b, _c;
|
|
10413
|
-
return (index.h(index.Host, { key: '
|
|
10414
|
+
return (index.h(index.Host, { key: '32f523c35b0efa72e4545aa46fa6babc9f6410e1', class: {
|
|
10414
10415
|
"output-side-right": this.outputSide === "right",
|
|
10415
10416
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10416
|
-
} }, index.h("slot", { key: '
|
|
10417
|
+
} }, index.h("slot", { key: '675bd94909fdee11523b5c4fe4187d2fa8d20b74', name: "start" }), index.h("div", { key: 'ee7e04a43c41273e1bf93f5ab16216b489e5cfb5' }, index.h("label", { key: '5dfd5eba1fb03ac4fe427a3fd3b1f337c68a2de2', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '59f668030f193953ec617ded4303415b1595cfc4', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
|
|
10417
10418
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10418
10419
|
e.stopPropagation();
|
|
10419
10420
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10420
|
-
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '
|
|
10421
|
+
}, value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '850494ecc2e2a6c3576ba64583b85d394cf10e55', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '0ee0edec87459af898d12b149266d37e1cfac94a', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => {
|
|
10421
10422
|
event.stopPropagation();
|
|
10422
10423
|
this.setValue(event.target.valueAsNumber);
|
|
10423
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '
|
|
10424
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'cba44a5b739ae831042096bfe53ea2856a447d7d', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '393da965bd826bb488908ac1a46f4e08b5d58f67', name: "end" })));
|
|
10424
10425
|
}
|
|
10425
10426
|
get element() { return index.getElement(this); }
|
|
10426
10427
|
static get watchers() { return {
|
|
@@ -10434,7 +10435,7 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10434
10435
|
index.registerInstance(this, hostRef);
|
|
10435
10436
|
}
|
|
10436
10437
|
render() {
|
|
10437
|
-
return (index.h(index.Host, { key: '
|
|
10438
|
+
return (index.h(index.Host, { key: 'ec974624ab0f469253a8a9e5d8147b18fbe4cffd' }, index.h("h2", { key: 'fef75c9cd52d0aa1a78e3c3499ce6caa1d878988' }, "Range"), index.h("h3", { key: '655fcd98f4b073b954df7c8b42dd2589647b9593' }, "Phone Number"), index.h("smoothly-input-range", { key: 'a29808c8d0605fbe29934336fa0b1da619d2673f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: 'cbd4fd29c5d4b33df935720d1e98eda900d5b201' }, "Stars out of ten"), index.h("smoothly-input-range", { key: '501d335fea68d07226cdb72caba35d7ada997599', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: 'f2b8f9a19f4e16448c3f10b6052c0ecca19054b0' }, "Percent"), index.h("smoothly-input-range", { key: '590ed73490e3c729fec7aac58930f3f7f7435dc3', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: '9ebdb32a47fbefb588d53e7218e1a0e46fbb28a6' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '598b6f86b23df863788725f4ffe3c3369ff48310', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: 'da77e7ec0702fe5f374891209d9cd10dbeda9adb', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '4d8c057eda8ab37a6bdb594fedfd26ed31253657', size: "icon", slot: "end" }))));
|
|
10438
10439
|
}
|
|
10439
10440
|
};
|
|
10440
10441
|
|
|
@@ -10480,7 +10481,7 @@ const SmoothlyInputReset = class {
|
|
|
10480
10481
|
}
|
|
10481
10482
|
render() {
|
|
10482
10483
|
var _a;
|
|
10483
|
-
return (index.h(index.Host, { key: '
|
|
10484
|
+
return (index.h(index.Host, { key: '7b29798da013bf95744ec821f0ccb3fc2cfc736a', title: this.tooltip }, index.h("smoothly-button", { key: 'd44c7306d0b4a27e05f81bbdc749f16d89c8eacf', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, index.h("slot", { key: '18a5b54080ebfc46d1699a45ac831abf60812771' }), index.h("smoothly-icon", { key: '4ea0eed508ad3f6d0d55114def61f35f7cdfda1a', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10484
10485
|
}
|
|
10485
10486
|
};
|
|
10486
10487
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10501,7 +10502,7 @@ var Item;
|
|
|
10501
10502
|
Item.is = Item.type.is;
|
|
10502
10503
|
})(Item || (Item = {}));
|
|
10503
10504
|
|
|
10504
|
-
const styleCss$D = ".sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;cursor:pointer;padding:var(--input-value-padding-top)
|
|
10505
|
+
const styleCss$D = ".sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;cursor:pointer;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not(\"color\"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;cursor:pointer;height:100%;padding-inline:var(--input-padding-side)}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;gap:1rem;background-color:rgba(var(--smoothly-primary-tint), .5);color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
|
|
10505
10506
|
const SmoothlyInputSelectStyle0 = styleCss$D;
|
|
10506
10507
|
|
|
10507
10508
|
const SmoothlyInputSelect = class {
|
|
@@ -10788,14 +10789,14 @@ const SmoothlyInputSelect = class {
|
|
|
10788
10789
|
this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10789
10790
|
}
|
|
10790
10791
|
render() {
|
|
10791
|
-
return (index.h(index.Host, { key: '
|
|
10792
|
+
return (index.h(index.Host, { key: '2187d9800a3fcf6be282059b39be56b477069b96', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '43297de2e29af0a413334f7cc4a98ae62cb6a59b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '1de51ebcfeff886dbc7aaf0af4fb1a4875188bc4', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'd96feece676984f0744baebee4b2519e8a083dde', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'eaf0a373475802ed1734b7baf5337f835f8a955d', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '6291b1b9b82b5757502484d393b8d6dbc007d28a', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '1b64e1c39a780575dae35ba6d3a6a9368ba9cc98', name: "label" }), index.h("div", { key: '172753c19442d095781728da314319db0d39eb3f', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '6c755b32e002602ff6aaf2d55dbd13f8acdae9af', class: "search-preview" }, index.h("smoothly-icon", { key: '1a2f52a9d7c345799ea8c58f4622e334978c4f4e', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '08676c731b7e053a4cf62e1c0b76131d5ab9f70e', name: "backspace-outline", size: "small", onClick: e => {
|
|
10792
10793
|
e.stopPropagation();
|
|
10793
10794
|
this.filter = "";
|
|
10794
10795
|
this.element.focus();
|
|
10795
|
-
} }), this.mutable && (index.h("smoothly-icon", { key: '
|
|
10796
|
+
} }), this.mutable && (index.h("smoothly-icon", { key: 'b5a495e4f0602618e35d818f35680a002d7c9a13', name: "add", size: "small", onClick: e => {
|
|
10796
10797
|
e.stopPropagation();
|
|
10797
10798
|
this.addItem();
|
|
10798
|
-
} })))), index.h("slot", { key: '
|
|
10799
|
+
} })))), index.h("slot", { key: '586f08fe53dcddc61b04cb41fd1db4e4f6d96c76' }), this.addedItems)));
|
|
10799
10800
|
}
|
|
10800
10801
|
get element() { return index.getElement(this); }
|
|
10801
10802
|
static get watchers() { return {
|
|
@@ -10848,7 +10849,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10848
10849
|
}
|
|
10849
10850
|
render() {
|
|
10850
10851
|
var _a, _b;
|
|
10851
|
-
return (index.h(index.Host, { key: '
|
|
10852
|
+
return (index.h(index.Host, { key: '36a31b49883f0deaf691213e4328c54e774e44a2', title: this.toolTip }, this.delete == true ? (index.h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
|
|
10852
10853
|
}
|
|
10853
10854
|
};
|
|
10854
10855
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
@@ -10889,7 +10890,7 @@ const SmoothlyItem = class {
|
|
|
10889
10890
|
: false;
|
|
10890
10891
|
}
|
|
10891
10892
|
render() {
|
|
10892
|
-
return (index.h(index.Host, { key: '
|
|
10893
|
+
return (index.h(index.Host, { key: 'a17a55d78fc5bb902887b702134981b487eb392a', tabIndex: -1 }, index.h("slot", { key: '7234de6f7f9cee8135d2dd51c06ec788f8b97a47' })));
|
|
10893
10894
|
}
|
|
10894
10895
|
get element() { return index.getElement(this); }
|
|
10895
10896
|
static get watchers() { return {
|
|
@@ -10910,9 +10911,9 @@ const SmoothlyLabel = class {
|
|
|
10910
10911
|
}
|
|
10911
10912
|
render() {
|
|
10912
10913
|
var _a;
|
|
10913
|
-
return (index.h(index.Host, { key: '
|
|
10914
|
+
return (index.h(index.Host, { key: 'ff4c958ddcb7cd104ae5f3d01834781569fbbf98', title: this.description, style: {
|
|
10914
10915
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10915
|
-
} }, index.h("slot", { key: '
|
|
10916
|
+
} }, index.h("slot", { key: '083ae08e1e9addf6d761884056eb070d38f79bcf' })));
|
|
10916
10917
|
}
|
|
10917
10918
|
};
|
|
10918
10919
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -10931,7 +10932,7 @@ const SmoothlyLazy = class {
|
|
|
10931
10932
|
this.show = true;
|
|
10932
10933
|
}
|
|
10933
10934
|
render() {
|
|
10934
|
-
return (index.h(index.Host, { key: '
|
|
10935
|
+
return (index.h(index.Host, { key: 'eb8167e1676060b46f89bf1cce9debc2caaca934' }, index.h("slot", { key: 'c0bad1237d570b6ae535942a1706566f23a857bf', name: "before" }), index.h("smoothly-load-more", { key: '480681f2afa4d8eb2d7ea76f7928db5de647cbc0', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: 'd8c1027ed0ccc4afde3ab49dee57fa04dd345b52' })));
|
|
10935
10936
|
}
|
|
10936
10937
|
};
|
|
10937
10938
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10975,7 +10976,7 @@ const LoadMore = class {
|
|
|
10975
10976
|
}
|
|
10976
10977
|
}
|
|
10977
10978
|
render() {
|
|
10978
|
-
return index.h(index.Host, { key: '
|
|
10979
|
+
return index.h(index.Host, { key: 'e3512a1a09516e94017897a595a2eb4fda405719' });
|
|
10979
10980
|
}
|
|
10980
10981
|
get element() { return index.getElement(this); }
|
|
10981
10982
|
};
|
|
@@ -10995,7 +10996,7 @@ const SmoothlyModal = class {
|
|
|
10995
10996
|
this.smoothlyModalChange.emit(this.open);
|
|
10996
10997
|
}
|
|
10997
10998
|
render() {
|
|
10998
|
-
return (index.h(index.Host, { key: '
|
|
10999
|
+
return (index.h(index.Host, { key: 'f20c4debc5b51be27a9e04ebd60d7d3eb7a40b63', role: "alertdialog" }, index.h("div", { key: '04cd327eda66e98e205eafd5119226b25b6175a8', class: "modal" }, index.h("div", { key: '6685043b687be84ec722a160e1cc03764af14f72', class: "header" }, index.h("slot", { key: '088d69fbed14d73011d3649afeb6c8c66a105260', name: "header" }), this.closable && index.h("smoothly-icon", { key: 'f8a632641bc6b3d6dcbb9cf4ede95e02ed140124', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), index.h("slot", { key: 'ca2d5c860f010ffc642fcf16e458efd14cdb19e5' }), index.h("div", { key: '482cf744696458a0d4c123ace41202ce509dad59', class: "actions" }, index.h("slot", { key: '39445f760eab1c52eda713e5a4b9b565630a68a4', name: "actions" })))));
|
|
10999
11000
|
}
|
|
11000
11001
|
static get watchers() { return {
|
|
11001
11002
|
"open": ["openChanged"]
|
|
@@ -11058,7 +11059,7 @@ const Notification = class {
|
|
|
11058
11059
|
this.onUpdatedNotice(this.notice);
|
|
11059
11060
|
}
|
|
11060
11061
|
render() {
|
|
11061
|
-
return (index.h(index.Host, { key: '
|
|
11062
|
+
return (index.h(index.Host, { key: '7ffd89b8c3ed29f130f5fe4438e6d7df8d9d2590', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: '5eea7e45c08880935b23bc1f86f81154d7c911ab', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: 'ff5281f5b99cf1c979759104d429867b1e8e1cac', name: "close-circle-outline" }))), index.h("span", { key: 'fe26a4f55b42a9f6948d8de5dcc1a9221ff1d9ca', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: '7779401ece7ff5abcf3d68f736e04d6bb864ece4', name: this.properties[1] }), index.h("p", { key: 'a3fccbc0fc3122a004738c029071010a0b698174' }, this.notice.message))));
|
|
11062
11063
|
}
|
|
11063
11064
|
static get watchers() { return {
|
|
11064
11065
|
"notice": ["onUpdatedNotice"]
|
|
@@ -11082,7 +11083,7 @@ const Notifier = class {
|
|
|
11082
11083
|
this.notices = [...this.notices.filter(n => n != event.detail)];
|
|
11083
11084
|
}
|
|
11084
11085
|
render() {
|
|
11085
|
-
return (index.h(index.Host, { key: '
|
|
11086
|
+
return (index.h(index.Host, { key: '5293288105c9ea52864a3de37c45103200e965b3' }, index.h("slot", { key: 'db04a45bc8176bc78a7dd9c899cc819146cd2b88' }), index.h("div", { key: '9f8fd51599ed19080adb734102f9ba839d40823c', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon }))))));
|
|
11086
11087
|
}
|
|
11087
11088
|
};
|
|
11088
11089
|
Notifier.style = SmoothlyNotifierStyle0;
|
|
@@ -11098,9 +11099,9 @@ const SmoothlySpinner = class {
|
|
|
11098
11099
|
}
|
|
11099
11100
|
render() {
|
|
11100
11101
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
11101
|
-
return (index.h(index.Host, { key: '
|
|
11102
|
+
return (index.h(index.Host, { key: '9a9f6d63e844ea6829c818293113d79b0448b150', style: {
|
|
11102
11103
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
11103
|
-
} }, index.h("svg", { key: '
|
|
11104
|
+
} }, index.h("svg", { key: '7e1f82aaafd13c7f1b8ee147277623b22dd4aa82', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'ef89d46685920e8f9654a0b0db599c2251409c16', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
11104
11105
|
}
|
|
11105
11106
|
};
|
|
11106
11107
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -11135,7 +11136,7 @@ const SmoothlySummary = class {
|
|
|
11135
11136
|
}
|
|
11136
11137
|
}
|
|
11137
11138
|
render() {
|
|
11138
|
-
return (index.h("details", { key: '
|
|
11139
|
+
return (index.h("details", { key: 'e089868332d9c2da5ef1538dddc0eeca6761dc3c', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '6f5dcb6bcba77541f5b21a596231cc395cb040a2' }, index.h("smoothly-icon", { key: '14870f086b798189cb04799758d6d73183995313', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: 'bd9d0615368f2cef1e58d5c9bc489ef89be97362', name: "summary" })), index.h("slot", { key: '14ef8eaccf7adfc437e800c691637006a858221e', name: "content" })));
|
|
11139
11140
|
}
|
|
11140
11141
|
};
|
|
11141
11142
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -11176,7 +11177,7 @@ const SmoothlyTab = class {
|
|
|
11176
11177
|
}
|
|
11177
11178
|
}
|
|
11178
11179
|
render() {
|
|
11179
|
-
return (index.h(index.Host, { key: '
|
|
11180
|
+
return (index.h(index.Host, { key: 'fcaa6b005eb85821b735e5681748dca229d87438' }, index.h("div", { key: '51d477045e1d9658fdb7aa314c21499bb3c7c9fa' }, index.h("label", { key: '8398ea7017f15a90f9495cd6888e5c7965c63567' }, this.label)), index.h("div", { key: '62ec4fc26f02613698b176d764de3a0e5fe66c1e', hidden: !this.open }, index.h("slot", { key: '686d86422ea08e22888cc55ef16043141b3e842e' }))));
|
|
11180
11181
|
}
|
|
11181
11182
|
static get watchers() { return {
|
|
11182
11183
|
"open": ["openHandler"]
|
|
@@ -11199,7 +11200,7 @@ const SmoothlyTable = class {
|
|
|
11199
11200
|
event.stopPropagation();
|
|
11200
11201
|
}
|
|
11201
11202
|
render() {
|
|
11202
|
-
return (index.h(index.Host, { key: '
|
|
11203
|
+
return (index.h(index.Host, { key: '83932e9378c711c94700130214e18d777880be9e', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'b74cd05c1c66896a4fa6bc956f7b1bc12796bc7a' })));
|
|
11203
11204
|
}
|
|
11204
11205
|
};
|
|
11205
11206
|
SmoothlyTable.style = SmoothlyTableStyle0;
|
|
@@ -11212,7 +11213,7 @@ const SmoothlyTableBody = class {
|
|
|
11212
11213
|
index.registerInstance(this, hostRef);
|
|
11213
11214
|
}
|
|
11214
11215
|
render() {
|
|
11215
|
-
return (index.h(index.Host, { key: '
|
|
11216
|
+
return (index.h(index.Host, { key: '8f76b6d932cbe0b0110fe1de10f28b7489923b36' }, index.h("slot", { key: 'ccf40f0798ac0afa90c2ba30bdba2c84a4febc64' })));
|
|
11216
11217
|
}
|
|
11217
11218
|
};
|
|
11218
11219
|
SmoothlyTableBody.style = SmoothlyTableBodyStyle0;
|
|
@@ -11227,7 +11228,7 @@ const SmoothlyTableCell = class {
|
|
|
11227
11228
|
}
|
|
11228
11229
|
render() {
|
|
11229
11230
|
var _a;
|
|
11230
|
-
return (index.h(index.Host, { key: '
|
|
11231
|
+
return (index.h(index.Host, { key: '114e5f7b7eb422ab915e0fd5458854f3efe76242', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '527d8d43d4e58204adb1bf3dae0f652806142fba' })));
|
|
11231
11232
|
}
|
|
11232
11233
|
};
|
|
11233
11234
|
SmoothlyTableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -11240,7 +11241,7 @@ const SmoothlyTableDemo = class {
|
|
|
11240
11241
|
index.registerInstance(this, hostRef);
|
|
11241
11242
|
}
|
|
11242
11243
|
render() {
|
|
11243
|
-
return (index.h(index.Host, { key: '
|
|
11244
|
+
return (index.h(index.Host, { key: '4871fe3d419a657381a36c8a20239dc6f5b1ab07' }, index.h("smoothly-table-demo-filler-row", { key: 'fb4ba4016701d0b228bbe72edb2832e099072a80' }), index.h("smoothly-table-demo-group", { key: 'c6165ac80ca779ad30953a2545af43d878d65f11' }), index.h("smoothly-table-demo-colspan", { key: '91455abde448b72a5c03311f55f3eecea02f9eb8' }), index.h("smoothly-table-demo-simple", { key: 'c95a55eacad1d75fa2e813b675902f80448b41f7' }), index.h("smoothly-table-demo-nested", { key: '3f2a50fdf139c7211e12a6bdfa74416f91144059' }), index.h("smoothly-table-demo-filtered", { key: '82b76eed4f977cc640149d1588cf1210177cfb7e' })));
|
|
11244
11245
|
}
|
|
11245
11246
|
};
|
|
11246
11247
|
SmoothlyTableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -11253,7 +11254,7 @@ const SmoothlyTableDemoColspan = class {
|
|
|
11253
11254
|
index.registerInstance(this, hostRef);
|
|
11254
11255
|
}
|
|
11255
11256
|
render() {
|
|
11256
|
-
return (index.h(index.Host, { key: '
|
|
11257
|
+
return (index.h(index.Host, { key: '342b93a7780cabe89627626aa966697565370e54' }, index.h("smoothly-table", { key: 'dcb2e6c56e39d9b891cdf5dbe7145fbad4989d84', columns: 3 }, index.h("smoothly-table-head", { key: '6b07fbda81ffb91defab8b3954baf858f045a150' }, index.h("smoothly-table-row", { key: 'd4bcd266f5f549934c3dcb2ca2834ad2e9ad1b1a' }, index.h("smoothly-table-cell", { key: '8153d8795ac524867d499045f19166f87a738214' }, "Date"), index.h("smoothly-table-cell", { key: '506e055cb7ba0737e61f9287a7814b8a573ac4d5' }, "Skip"), index.h("smoothly-table-cell", { key: 'd142c250291f84d376510774fd40edf4fe43c8e1' }, "Total"))), index.h("smoothly-table-body", { key: '736cd610663ac1f8007da24bdde0a67a81275f71' }, index.h("smoothly-table-row", { key: 'e3376f5766e588d9b4d5e64a6cb7833fb1e2b013' }, index.h("smoothly-table-cell", { key: '26607d442cff26b8f5bd1e5d9bb8f3daaee2d122', span: 2 }, index.h("smoothly-display", { key: 'cf732274067646330afaa2ff25bad0dd56165807', type: "date", value: "2024-01-01" })), index.h("smoothly-table-cell", { key: '6cb0281ea68b00003c4b692bc8d95da22ea43dd8' }, index.h("smoothly-display", { key: 'd7043ccfccb1dcb07ed6797f3a889457972cafcc', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-table-row", { key: 'ca6da9c37f87958a5740231025039ebeddb42ec2' }, index.h("smoothly-table-expandable-cell", { key: 'df84023e615b50733a18cb3af8a44483ada9f993', span: 2 }, index.h("smoothly-display", { key: '5e8c556b0db35af97747e8233cbd607b2207ce9e', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: 'c7ea53174ee18dc3f06e614ae2fc15749384f53b', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-table-expandable-cell", { key: '7e47b91c25a8e3c50f16d13638d7ca637128534a' }, index.h("smoothly-display", { key: 'b6c4b1672e82b5716f841e6adc8f01be37a7b355', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: 'cf83e7b929a8d7d631dbaee6235061048328f73b', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), index.h("smoothly-table-row", { key: '17eaeb4f6e1dc887394f02fbff59ddc41e56381c' }, index.h("smoothly-table-cell", { key: 'e574d885e4d8ec33f044e9bf2a65c7271a242cc5' }, index.h("smoothly-display", { key: 'd66b0ded08373f084745197395062135a3c31ddd', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: '38e349bb2b51e70754c46fe06eedd8aead64aa0b' }, "Not Skipped"), index.h("smoothly-table-cell", { key: '7821c6bf922bbbf077a21a7ba679d2bdaa534e21' }, index.h("smoothly-display", { key: '73ea20cc186e6c87b3280f72b334680a2b528d64', type: "price", value: 320, currency: "EUR" })))))));
|
|
11257
11258
|
}
|
|
11258
11259
|
};
|
|
11259
11260
|
SmoothlyTableDemoColspan.style = SmoothlyTableDemoColspanStyle0;
|
|
@@ -11272,7 +11273,7 @@ const SmoothlyTableDemoFillerRow = class {
|
|
|
11272
11273
|
}, 3000);
|
|
11273
11274
|
}
|
|
11274
11275
|
render() {
|
|
11275
|
-
return (index.h(index.Host, { key: '
|
|
11276
|
+
return (index.h(index.Host, { key: '0430eb289119e7754f23cf43e4ea4a6d0c420e35' }, index.h("smoothly-display", { key: '7fa55fb69c231ee3feab11c9a51b9be356ae1de7', type: "text", value: "Filler row" }), index.h("smoothly-table", { key: '07dab05c2e5a952a67c9260e5255426e34469dcf', color: "primary", columns: 4 }, index.h("smoothly-table-head", { key: 'c94e0a1d71824e970fbcf94f56e5b54f1b0e5089' }, index.h("smoothly-table-row", { key: 'f2b59ff19a7e1f9327d4803138dd95b5f05695a9' }, index.h("smoothly-table-cell", { key: 'd9c8ab0e0254248e464f378cc883203800490312' }, "Breed"), index.h("smoothly-table-cell", { key: '81e7253c70c1fe3af2be648a28c2fd91572ac250' }, "Country"), index.h("smoothly-table-cell", { key: '388fda3b7a279a9b1401cd6c932dd5a1536bc38a' }, "Coat"), index.h("smoothly-table-cell", { key: '611f5e141f2d77d292a029972f0f5fc7145ca50e' }, "Origin"))), index.h("smoothly-table-body", { key: 'be99d88494d39fc8abafc694ba629a3f180bec2c' }, this.cats === undefined ? (index.h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (index.h("smoothly-table-filler-row", null, index.h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, a.breed), index.h("smoothly-table-cell", null, a.country), index.h("smoothly-table-cell", null, a.coat), index.h("smoothly-table-cell", null, a.origin)))))))));
|
|
11276
11277
|
}
|
|
11277
11278
|
};
|
|
11278
11279
|
SmoothlyTableDemoFillerRow.style = SmoothlyTableDemoFillerRowStyle0;
|
|
@@ -11344,18 +11345,18 @@ const TableDemoFiltered = class {
|
|
|
11344
11345
|
}
|
|
11345
11346
|
render() {
|
|
11346
11347
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
11347
|
-
return (index.h(index.Host, { key: '
|
|
11348
|
+
return (index.h(index.Host, { key: '1ffaca230dfa0297c969606ea6fa78ea96a9a675' }, index.h("smoothly-display", { key: 'fc265dd84c2f147689fb488495b907c06be66a21', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '1da5e7346945ec05186649eb028ce66ef78e1003' }, index.h("smoothly-filter-toggle", { key: '9544ee92455f94f3b0788b6b7748957764ace760', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'cde4ef8f4082a476f5a9493bc4e3cbb13e4e6bc5', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '9ba2f638e1feb92d6168bc71f0d503b5271ad9ed', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'f4ea1da8492c30282a7242633df5a335f787e942', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '9529295e0934b1f43112e53f053e61b3687fb6d3', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
11348
11349
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
11349
11350
|
var _a;
|
|
11350
11351
|
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));
|
|
11351
|
-
})), index.h("div", { key: '
|
|
11352
|
+
})), index.h("div", { key: '055fbc4079c42b8da03889c20d3e66499c934784', slot: "detail" }, index.h("smoothly-form", { key: '06c01d6d7addb8c16a9dcff5dded1443aae4c5c0', looks: "border" }, index.h("smoothly-filter-select", { key: '1bccc46303d72f791d3bc1a5675b4016471f6ab5', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
11352
11353
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
11353
11354
|
var _a;
|
|
11354
11355
|
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));
|
|
11355
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
11356
|
-
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: '
|
|
11356
|
+
})), index.h("smoothly-filter-select", { key: '91e50113284d353c3186f2f16ca938a482cef1af', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
11357
|
+
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: '97a6922e6e9385e66e0a44088b330cd465a5376c', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
11357
11358
|
.flat()
|
|
11358
|
-
.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: '
|
|
11359
|
+
.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: 'a6c7cdcc0080ecfdbf52aeee2359066be5ca0d98', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '6e21afc83179cd24e12fdcb820568c1eec263566', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", { columns: 4 }, index.h("smoothly-table-head", null, index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cats)), index.h("smoothly-table-cell", null, "Breed"), index.h("smoothly-table-cell", null, "Coat"), index.h("smoothly-table-cell", 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-foot", null, index.h("smoothly-table-row", null, index.h("smoothly-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
|
|
11359
11360
|
}
|
|
11360
11361
|
};
|
|
11361
11362
|
const names = {
|
|
@@ -11374,7 +11375,7 @@ const SmoothlyTableDemoGroup = class {
|
|
|
11374
11375
|
index.registerInstance(this, hostRef);
|
|
11375
11376
|
}
|
|
11376
11377
|
render() {
|
|
11377
|
-
return (index.h(index.Host, { key: '525eeb222fc5adf7686f01218b851237c1999f41' }, index.h("smoothly-display", { key: '16b431fd3e0c5121621001a637e35efa0471775d', type: "text", value: "Group" }), index.h("smoothly-table", { key: '4e71111d0ab87c2a1b7c017bac2467846a196a67', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '9bd108bb1e59a6ded5ec13ef0a87c36173be7f75' }, index.h("smoothly-table-row", { key: '82ac75f037ae43980e3379e94d9b8d5ab0a8b0d2' }, index.h("smoothly-table-cell", { key: '9f5e0d4b0b0089fb11325cedde0d3cb38311e74d' }, "Date"), index.h("smoothly-table-cell", { key: 'f8245b75fce32068c78393fb4739489ae8f198f4' }, "Total"))), index.h("smoothly-table-body", { key: 'd45013659fca29b22289625304ffee15ca8a5ef3' }, index.h("smoothly-table-row-group", { key: '1deb59cea4ed8fae6b8ead06c530d1ef28026592', align: true }, index.h("smoothly-display", { key: '9497ecdf2558f9f3a7e24495ace80c42a1667f52', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'c31bd0d77e8226c8548eb2088425d022554de981', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '5e8aa13aa0364e233888b5e9243697991105babf' }, index.h("smoothly-table-cell", { key: '653203b35b3fc24aca74f01eddf8a95e544985f4' }, index.h("smoothly-display", { key: '11e70eee43318e5a418504717297f8a0d322949f', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'edf443bf38474b73585310979c9cae9e1a710bcd' }, index.h("smoothly-display", { key: 'd01ce8934c552744864f98653ac86c906d8c7125', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '226222ba98a44d3a2177b9426ca075733dbf310f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '54eb65d5619d4bf9393b9d2b4ab93526d5713157' }, index.h("smoothly-table-cell", { key: 'c5514790ff8ab9bbc749f17b407562ecb6eb99ea' }, index.h("smoothly-display", { key: '39597722d78f192d2e4fbd05210a3f094712d3b8', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'a41a3848f53285f5cb1c08be15580476138b1c1f' }, index.h("smoothly-display", { key: '01979311ac640d12e119027b23403196e5db17fd', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '5100c23d76896339eb498b799d40111a4e25209f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: '597ce39b9479a1e1357f796a71e2d1c503d919a8' }, index.h("smoothly-table-cell", { key: '40030ccef075d3db739f93313bcbf4fd3b217824' }, index.h("smoothly-display", { key: '1b7d2f7f188904a64027183c5b92ee46696a58b3', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: 'a1bab5c05633dedaa4577c3467c467e8434c9dff' }, index.h("smoothly-display", { key: '149cb3594ff7fce3804b249db2c0dc4eaab7c792', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: '3f4cb98c9833ef2db6d620c19edb99664fceef81' }, index.h("smoothly-display", { key: '43da59e71204d7de7bb96dd2dca0f0e2f8ccb45c', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '8e9e3f780a49c66022c2d1a862fd4a045dccd27a', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '1cfc918002f3265ad9f41015d48c1f6b1239064f' }, index.h("smoothly-table-cell", { key: '42a745d0332754db7292bf73a7819477affcdc9a' }, index.h("smoothly-display", { key: '243ecea204945b53e1214e54451f6e1466c8da16', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '4e2a0cd1afd162c601598fafffd16bd603027b21' }, index.h("smoothly-display", { key: '8808efedafd877fbd37e86a48116e0c097c5f87b', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '15e33aa24d8a9b16cc769575f447906b6c857feb', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '2f7150bbf8788efdf3f952699ee0152314e50ff2' }, index.h("smoothly-table-cell", { key: '22a1cae330863e4d200242ca60ecc02e9d6d701b' }, index.h("smoothly-display", { key: '46af4c591ed61833edf8270a3897ce5523d926f3', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'd10025ffebe60be43a1be27f9f45256645601169' }, index.h("smoothly-display", { key: '6845240c041b29305eacfd40ac5a2d7c6e20111e', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '77894ef80c6e032306681e926d347c942850f73d', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '05ae54333b11f8fbf78a278b2bfba561e63ae0df' }, index.h("smoothly-display", { key: '2fc5952b6551f0fc8766e7152b9966258761bb91', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: '32b4a1ff9f17e25e60c07ec20452f88af599bd1e' }, index.h("smoothly-table-cell", { key: '828d082dd015e349dc37ff317619cd2d56f3470e' }, index.h("smoothly-display", { key: '74267a4292dd9ead42f26028bdd76fff623a2693', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'cd67a1766268f2d56559e7a60ee01046a7fc7a18' }, index.h("smoothly-display", { key: '05431f09e4bebf6ff856a41e0862a38cbe6137f2', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '67b58fb40bb98c3936d28afc76543df5748de6aa', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'f422620e633abee78fb069729fb95537e5cb94b6' }, index.h("smoothly-table-cell", { key: 'a590a63eece73f6ba0401c273962b960a801f7c0' }, index.h("smoothly-display", { key: 'dc59556c574211873d979ce2b21eb6944bbc7ea6', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '2f9adf000972ce9ac3e5f9508d3e551e85da4f0f' }, index.h("smoothly-display", { key: '463b5ad3a144ffdea4e5815a9fdaef810579d668', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '24f174c46ca2b1d48a63ba9bb5af8aed4f677807', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '85c3a2b72afd6b4bd6ca5e049e5d998c7f452617' }, index.h("smoothly-display", { key: 'a3eab9df28f622cb7209d94998b9cd7092cf4094', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '2f519457811a80b7b046c751c7ca7ba809cc5a7e' }, index.h("smoothly-table-cell", { key: 'bce1e2896e6c67cc2f4ab6ea9a33da7f2ac6baaf' }, index.h("smoothly-display", { key: '0b399fa785d1c1584c2b5a0e2c62089cdc70b853', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'b11c1ccd8926cea12bab9b17e0213cd92448179b' }, index.h("smoothly-display", { key: 'f6f64669ddbb7929c4bf25434e2f1f01e7d28b8d', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '491217ba81f5f259eaf8bcf06f81a38c9786da5a', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'e42f9a96e747c23a31fec50e85be8cf7adb6b5f4' }, index.h("smoothly-table-cell", { key: 'fff1468ed1fa968decd385ccb4d567db558d5236' }, index.h("smoothly-display", { key: 'd69fed5921022a7f1d9ee02068e2310939d12820', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'c2f9064d078bd2acc1372b13570da65de9540a28' }, index.h("smoothly-display", { key: '74576b278170b1fbfd42bcb460e04e3b3c0c278d', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'cb82144ebf48347f1e787948b7e2741626281cac', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '1d0501694958227a3fc26b5a71e47ba8c0f67fa9' }, index.h("smoothly-table-row-group", { key: 'cbcd31378bc87715a07f242e5b1e088b67c1ce36' }, index.h("smoothly-display", { key: '7ca0a0f5b277448b1427451ffcee6df822b6c0a0', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: 'a46ecf07459ba03d79db21f31f0c7570f8247a49', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: 'a0e0f8583067c85c2cfcd753bf77048c00c23ca0' }, index.h("smoothly-table-row", { key: '18bc28ff57dacc6ab43fac17ac2918297188363b' }, index.h("fake-cell-wrapper", { key: 'f74e9f2cf3a66f177b65005629dbb156668980c3' }, index.h("smoothly-table-cell", { key: 'd51d0c9b75b6deaba1e0fa1761e857d01bd349fa' }, index.h("smoothly-display", { key: 'cf39b5b2a9b261b586348fd9d8739533b5a0d100', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'b3c63c3130812325d382ab8ae4eff274e1dcc2c2' }, index.h("smoothly-table-expandable-cell", { key: '3a2d4f1c077e846f9f03605e9b8ccd24eac32914' }, index.h("smoothly-display", { key: '37cf54b0a6eb2c3787a074d45d563ce2a379656a', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '6776c4a2b15dc519c1fd4fde9b0db19d939e713f', 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: 'b5157bc904e78c24500337f20b163a8dfda0de3d' }, index.h("smoothly-table-expandable-row", { key: '3f9f32a8424257aa9ab31fcf37dbd3684640a1f6' }, index.h("fake-cell-wrapper", { key: '40d9d8aef075ddd8b00348f75c3241cd70afa753', class: "span-2" }, index.h("smoothly-table-cell", { key: 'f74561780c1399d1b4122688cbe7a746b4fc6299', span: 2 }, index.h("smoothly-display", { key: 'a58fd01124a4c5768872c5be3d5f6454ff6a4db9', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '421930675caba973df071bd32fee2e86410eb3af', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: '5f80049f47cfbb23e355c7f71344c32ca121260d' }, index.h("smoothly-display", { key: '9850d54767d961cc1bc2ab91fa87a438d762aa26', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '5f6e9c093aa50717f31abad9d69fb142ef762a26', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
11378
|
+
return (index.h(index.Host, { key: '86aee6f69dc8146b17aa7fb65e7dd12c2d6b9d43' }, index.h("smoothly-display", { key: 'a8f1a68580cc6d8dbe740d50eef17d8a64a5a859', type: "text", value: "Group" }), index.h("smoothly-table", { key: 'c41ce5a4e57907d3181327f0a5d4260dbb7cda4d', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '69718f62e76e5af2227eb86006c2ec57338d5b67' }, index.h("smoothly-table-row", { key: '8a2bd99449eaf9d956e9b8c42e777dedbcdc47bf' }, index.h("smoothly-table-cell", { key: '448c924f76c4881682c9173a383b41ff6a284659' }, "Date"), index.h("smoothly-table-cell", { key: 'af21e24e807331dec20cce6fabfcc7680c4b31a9' }, "Total"))), index.h("smoothly-table-body", { key: '4cd52240534108766031876e6ddf4d7630d464af' }, index.h("smoothly-table-row-group", { key: '95cd022d21333e52033533bd6ab015a11c6770e5', align: true }, index.h("smoothly-display", { key: 'bcf78151e26a5d7e5ae36861d82591944d94972a', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '9cb9f30bfacae55de407015e84fb50fbabd89c2a', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '00e38f096af6e2ce5bbfccc1ef0630169d3e1b97' }, index.h("smoothly-table-cell", { key: '3e80100e340069a2e3d144b23aabe1476aab1c32' }, index.h("smoothly-display", { key: 'cc76279781fa66d18608ab16b977d82abcbdc5e5', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '7ecd85129cbcee04bdc493476886c2538037c52a' }, index.h("smoothly-display", { key: '959d125e95dae5117bbb1fc527f1c977045202f2', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '29a0fbf740dcc69ad1d36d2ea26745f60f3c574e', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '13188db5f2bc0c13284b4f3b49336733a11f9ef5' }, index.h("smoothly-table-cell", { key: 'c0f54015d543f181baca8f197fa8033f0fe359b0' }, index.h("smoothly-display", { key: '74037c6cd5afafdad94f5fe65d2d34c4cf02d75b', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '7d30ed32aa36107a1f6bc85aca397390d194d49b' }, index.h("smoothly-display", { key: '30114f6229f2b335cba26169d9be15caa4e607a1', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '3ac4873476e80b4b1341a8536b07dfb305c77799', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: 'ad3e276c9ac8f381acf804c678516ba9fbad074e' }, index.h("smoothly-table-cell", { key: '65c2343e37e36476b8295a36394a23102f24affe' }, index.h("smoothly-display", { key: '59ceab41811626847db40bf257ad9847bbb8cc53', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: '63cb58ea17d0c6b12cd0fab63d7fec0fa6deef05' }, index.h("smoothly-display", { key: 'e505e09ef54d9f87b26e78e2e9a35f8c2295a7b6', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: 'b495e913e30e84afe412406293d3f91d0fba582a' }, index.h("smoothly-display", { key: 'd65f9fdb33c9c6984b98645e604eb13cc218658d', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '5f94570b33300e0229c0ab03a2b1a94fd11a4054', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: 'e0d0d574d0488362b3d555e3627f6840fd87dd59' }, index.h("smoothly-table-cell", { key: 'b533f8ed30dde6fb1c3a5a9863551a02be8c2796' }, index.h("smoothly-display", { key: '0919cce7f289d336f897ded3a93b4dcf7e721341', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'ca5920aea2b743c38dc9c7367c6f9265491ca0ce' }, index.h("smoothly-display", { key: '5d7af4894b1b5e47232463d2be863d55641152cc', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '22b4a41b172053b6ea901dfb8bc1b2c2834c6be3', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'fb139f2b157a0c37425c5fb8df7b03a1f79fdaa1' }, index.h("smoothly-table-cell", { key: '57fca5f708a1ad1a2693f2db3dc467886f8659bf' }, index.h("smoothly-display", { key: '20c06c88609e805154c20ae1893135f0f7f41d89', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '6fc61e9bb41fce20d7a6fc134bedc283025871b9' }, index.h("smoothly-display", { key: '1cadf6f163d1c400b9e2b933635f0b3df14b198e', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '37613b481b5a557dac12138f2e15b1bd1d30d235', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: 'a6d2ecf5ec2dcefd179192e56125243b1b15a952' }, index.h("smoothly-display", { key: '5eb25fb1a66cb44caa81a1f47da413f9d14c153e', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: '5ae82e5b826d406a9984a584d5ed8d6f516856bc' }, index.h("smoothly-table-cell", { key: '3f92d92b003ae683a83b6568a8f1b8e2fa852b0e' }, index.h("smoothly-display", { key: '880dec380a1fd26a912f70007fef0a869c42ef2e', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '4d65519444b3245a161894cd40aebaac82b562cd' }, index.h("smoothly-display", { key: '26221813f9964d8fef1b7066d83d144c341a2ada', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '2f4282c419973a410e6bdd45a09e3b6585cc6fca', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'd36b0b0761281c933225fb96ff38798286f226b2' }, index.h("smoothly-table-cell", { key: 'd3b0cb59ee236562dcff1ab9d640adaed21a9112' }, index.h("smoothly-display", { key: '174ef564b282f34d9a007059db232f4e19425dab', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '1dc5c5e06104b45dc77bb77fc3e51a28923906a1' }, index.h("smoothly-display", { key: '988649662e7c53a57c53e57ce599195030da586d', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '94b4e8769fe497154c9bdf705b44af1add787fe4', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '5625eff75718f0114d9c425b004558b3a424501c' }, index.h("smoothly-display", { key: 'da76fadf23115e8a707bb53f3ef0046af8a5dd28', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: 'b576734fe2cbf5ac2e79655aab03ae91c28be91d' }, index.h("smoothly-table-cell", { key: 'f1d846bdd55807310e6e0996e50e85226b26352f' }, index.h("smoothly-display", { key: '178b00ea3bb1d00c7d651b8ae03a80801c3b88d4', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '14a0ca583f13ca5183ce1fc8e2cb976568ec23c7' }, index.h("smoothly-display", { key: '501163903a7ac0c4426e3be1e3872f7680f69b6b', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'dbc740f9e6cc379571f6ebbe4bac619504d431c2', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '3feffda77b4003607ff7c3056c8f9ee3ebdc06dd' }, index.h("smoothly-table-cell", { key: 'b07bca064e4a28d53ea31698083700b26ca61aa3' }, index.h("smoothly-display", { key: '64f5c0f6ba962d3095e90275a99867448e32a0bb', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '3fc09d414b37fa0a1c28059d51a47e94513b8b4e' }, index.h("smoothly-display", { key: '21316748158a8da476a55c7237f989e2fd076327', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'dd2bb7a66e6dcdd91a5f0781ed24b6a4f4b3641c', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '3c435d8c9b7a88d566bd7275fed1106906893430' }, index.h("smoothly-table-row-group", { key: 'ce434aee3264caa303c1841c99dd3379a94466a7' }, index.h("smoothly-display", { key: '316f5e7e01f06005e3f137b8e849e7b7e9922d77', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: 'f31e01db836f00890cdbcb84ba015a7171502e59', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '7fa0524180d8979f1c24836b1ceec64d115d9428' }, index.h("smoothly-table-row", { key: 'b350d82f8177e33153a5cafa8b5497fb767b22cc' }, index.h("fake-cell-wrapper", { key: '45583a32b7a56ebd658452083754539a3568fee3' }, index.h("smoothly-table-cell", { key: 'e598a8ed2be10027abedae02b3fe304051fd1d84' }, index.h("smoothly-display", { key: 'baa5e8f906cd185bb140bcf5e54f334c9eee2726', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'ff37ed32fff2ed3c1b05ff1e718b7958ba298bbb' }, index.h("smoothly-table-expandable-cell", { key: '8aecee68a60958f11b9021ce6809caad4e1c0fdf' }, index.h("smoothly-display", { key: 'd3552b1a0749ccc326da5881a4b74c6f6401023c', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '4e149bce8a30065cabce22d16fdce4763bb3978a', 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: 'dd0200fe647303eae73f71b6153657007c75a0c3' }, index.h("smoothly-table-expandable-row", { key: '81544c7acde8dc3ccde27267cfc7d55285726948' }, index.h("fake-cell-wrapper", { key: '224c65be073c5095f6a5af5adecc4f5a84c67b3d', class: "span-2" }, index.h("smoothly-table-cell", { key: 'f7273a091aa2ab41181ab93b6dbb4d1bd79b21ba', span: 2 }, index.h("smoothly-display", { key: 'f86df97a66a687b90bdf3f6a5ffe0837cdde94c8', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '70f2a2ac774b8c57e9f968502369982443ce1906', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: 'e5af3b7c33065e17acc4da3f8dd0ed945cac3d95' }, index.h("smoothly-display", { key: 'ac3e7967749ceda3b8ac020f92fac45d98d7e13b', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: 'c13a27d9ed802f8cfb1e6de3374b4e7eeacfcfb5', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
11378
11379
|
}
|
|
11379
11380
|
};
|
|
11380
11381
|
SmoothlyTableDemoGroup.style = SmoothlyTableDemoGroupStyle0;
|
|
@@ -12320,7 +12321,7 @@ const SmoothlyTableDemoNested = class {
|
|
|
12320
12321
|
index.registerInstance(this, hostRef);
|
|
12321
12322
|
}
|
|
12322
12323
|
render() {
|
|
12323
|
-
return (index.h(index.Host, { key: '
|
|
12324
|
+
return (index.h(index.Host, { key: '6b93322401b7bcf0dfd8ef6c46bf1839f9497881' }, index.h("smoothly-display", { key: 'fae764a895f526da217163587942693afc7c51d7', type: "text", value: "Nested" }), index.h("smoothly-table", { key: 'b87171457eae4d1253f1c6d6212884849fa485eb', color: "primary", columns: 8 }, index.h("smoothly-table-head", { key: '81d1c73492052487d577afe12328e53649fde1fe' }, index.h("smoothly-table-row", { key: '1132afeb68a32729489c26c028bebab01c2c10f2' }, index.h("smoothly-table-cell", { key: '77e35b1bcc2d2fa730e31d2c2badf9eaac668553' }, "Id"), index.h("smoothly-table-cell", { key: 'c3b92d94e235a0fbb7a8e19edd0e241d2f0800f4' }, "Registered"), index.h("smoothly-table-cell", { key: '12c8ce220e7fe46c43d0a545f20c43d6693dc2b2' }, "Name"), index.h("smoothly-table-cell", { key: '9683c52b72ea41160d9281409998bced4a290f68' }, "Age"), index.h("smoothly-table-cell", { key: 'd0fd0aa17ad866ced2e921ab9d85279a807395c3' }, "Balance"), index.h("smoothly-table-cell", { key: '273c2f6fc85bc2dfc25171423a024e7f34ab7d17' }, "EyeColor"), index.h("smoothly-table-cell", { key: '7c50bc8f6ccec9b41c4f7a3569d6cb2f81183ddb' }, "Gender"), index.h("smoothly-table-cell", { key: '4a625ddd860fd225837cf29776ef1d9a6344a4f3' }, "Company"))), index.h("smoothly-table-body", { key: '22b2183689fa1093224123ef7be87511a796ed5d' }, data.map(entry => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), index.h("smoothly-table-cell", null, entry.id), index.h("smoothly-table-cell", null, entry.registered), index.h("smoothly-table-cell", null, entry.name), index.h("smoothly-table-cell", null, entry.age), index.h("smoothly-table-cell", null, entry.balance), index.h("smoothly-table-cell", null, entry.eyeColor), index.h("smoothly-table-cell", null, entry.gender), index.h("smoothly-table-cell", null, entry.company))))), index.h("smoothly-table-foot", { key: '66d32ca94fc466197976347fb7b73888a04aa2ec' }, index.h("smoothly-table-row", { key: 'a2163cd7e8b380a741c4622c96e177d70452acc6' }, index.h("smoothly-table-cell", { key: '5e1f9286d88862d91ee208a59fcaa1cd27025db1' }, "Footer Cell"), index.h("smoothly-table-cell", { key: '526330c9cff200bf1d3048fd3ecc87aa7a97dc61' }, "Footer Cell"))))));
|
|
12324
12325
|
}
|
|
12325
12326
|
};
|
|
12326
12327
|
SmoothlyTableDemoNested.style = SmoothlyTableDemoNestedStyle0;
|
|
@@ -12335,7 +12336,7 @@ const SmoothlyTableDemoNestedInner = class {
|
|
|
12335
12336
|
}
|
|
12336
12337
|
render() {
|
|
12337
12338
|
var _a;
|
|
12338
|
-
return (index.h(index.Host, { key: '
|
|
12339
|
+
return (index.h(index.Host, { key: 'd86a0c7cabb3f6ec5b6695e1cf2c12029e13e52d' }, index.h("smoothly-table", { key: '6891f9700da9caa9cb01c825e284157fa11bf1d7', columns: 4 }, index.h("smoothly-table-head", { key: '29084ddb6f92d233e05a5b593667b86a8fce3de6' }, index.h("smoothly-table-row", { key: '08c5c5657cf086f12d29f668ce9ab1e3745b9b86' }, index.h("smoothly-table-cell", { key: '1904320e53ad235439f85d900e33ad2fa288d152' }, "Id"), index.h("smoothly-table-cell", { key: 'bf7c4ca93f24dd563524aceb53c6687f37c2b97b' }, "Name"), index.h("smoothly-table-cell", { key: '47a24166e78bc6c89ea252064f7fc5e6f44997e4' }, "Age"), index.h("smoothly-table-cell", { key: '35ac500fa0c07fb2cf87ac58d600b3382a43f6d7' }, "Balance"))), index.h("smoothly-table-body", { key: '9a6ae0e4257e5fd1265ab8cc826935d26bcc6c3e' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, entry.id), index.h("smoothly-table-cell", null, entry.name), index.h("smoothly-table-cell", null, entry.age), index.h("smoothly-table-cell", null, entry.balance))))))));
|
|
12339
12340
|
}
|
|
12340
12341
|
};
|
|
12341
12342
|
SmoothlyTableDemoNestedInner.style = SmoothlyTableDemoNestedInnerStyle0;
|
|
@@ -12348,7 +12349,7 @@ const SmoothlyTableDemoSimple = class {
|
|
|
12348
12349
|
index.registerInstance(this, hostRef);
|
|
12349
12350
|
}
|
|
12350
12351
|
render() {
|
|
12351
|
-
return (index.h(index.Host, { key: '
|
|
12352
|
+
return (index.h(index.Host, { key: '9bed536113bd4ad064ecb0164818b24172f8459f' }, index.h("smoothly-display", { key: '4d8688f158d24896ae4d38a0ad857f4d5e103f0e', type: "text", value: "Simple" }), index.h("smoothly-table", { key: 'af250b0ba5004d8528df1f58a980930d0d226eb8', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '557949d8ffd64d7f563144faadc000ce5a4a0e41' }, index.h("smoothly-table-row", { key: '86a08364d4d2c34f797b66498e02fbc012c11179' }, index.h("smoothly-table-cell", { key: '22bdab9f76c5ae6c6d9f24d50d1b401f54f1ba16' }, "Breed"), index.h("smoothly-table-cell", { key: '3c835e9f3f03676b167967d3da7cd7d228abc01b' }, "Coat"))), index.h("smoothly-table-body", { key: '72ea5aa3d1ef5fbeaf197748a1e9915d69392e91' }, cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-table-expandable-row", { key: '024e2e99ec1c29362358490a5d27b298f295d7eb' }, index.h("div", { key: 'ca9646fc350f64c80d7b1a29e7651c9bb965e342', slot: "detail" }, "Content", index.h("br", { key: '7a07f51b66c1a6ed3cebc593ddbf893eda5506e0' }), "of", index.h("br", { key: '9e0fbec94fe8a9d410326e1e38a3d6c53d7b04bd' }), "the", index.h("br", { key: '809a8d07c61cf174c2e25b44ead2b0295fc36827' }), "expandable", index.h("br", { key: '403115268e77edf8b7e5241516640d9d0563f384' }), "row"), index.h("smoothly-table-cell", { key: '1c16c033f18c1b0898d1878b0b01dacb9974c62f' }, "Cell1 in expandable row"), index.h("smoothly-table-cell", { key: 'ed12a9f62a1ad558e5c9bbbcd835ee6aeab46163' }, "Cell2 in expandable row")), index.h("smoothly-table-row", { key: '49f2ac9c3dfeb958a28f837074063ddfb391f990' }, index.h("smoothly-table-cell", { key: '3466994f3d252902b25c6906e0a258fb7d048d28' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: 'fc17566fdf96f3d8d0b0eaabf76ba070cbd172b9' }, "Expandable Cell", index.h("div", { key: '08af3434ad7409b1299ecc74044c5ffc64b20d81', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: '1b4a76a32d2a8bb20602c322823e1e1383bce8c1' }, index.h("smoothly-table-expandable-cell", { key: 'a2c1c96f26df411c04cfdbb3a145db7888491af6' }, "Expandable Cell 1", index.h("div", { key: '2fb93cc65cde48e30b33f96ab261956d2edaa1e8', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: 'd3f05b45fde54c620b7f856b3a0d17269b8a9049' }, "Expandable Cell 2", index.h("div", { key: 'c3fede2641d842e533cc60b291e441fa4f803385', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: '3aec7b4085864393f0442dfc3fe27253caf87045' }, index.h("smoothly-table-row", { key: 'f3202c3c12261e76407ef8b35fac8e045ea53835' }, index.h("smoothly-table-cell", { key: '322d38ecf4bdda1b050ea2b1bbe0c822a98af7a8' }, "Footer Cell"), index.h("smoothly-table-cell", { key: '080f8868e0d0698865ce098ec3838f0216c163b0' }, "Footer Cell"))))));
|
|
12352
12353
|
}
|
|
12353
12354
|
};
|
|
12354
12355
|
const cats = [
|
|
@@ -12450,7 +12451,7 @@ const SmoothlyTableExpandableCell = class {
|
|
|
12450
12451
|
}
|
|
12451
12452
|
render() {
|
|
12452
12453
|
var _a;
|
|
12453
|
-
return (index.h(index.Host, { key: '
|
|
12454
|
+
return (index.h(index.Host, { key: '8a34015597e9004d0a55dffc7882677661d3eae9', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: '8bb9097296d48c71b1170d3712fba7f3b1121ab8', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: 'd804ee512d0cdfaf6150d197de75806ced9f3d18' })), index.h("div", { key: 'ad8a526ef56f468afab9fdaa032d4629ef35fc77', class: "detail" }, index.h("slot", { key: '296181113e75ddf8d25c8d44093a4dd321590647', name: "detail" }))));
|
|
12454
12455
|
}
|
|
12455
12456
|
static get watchers() { return {
|
|
12456
12457
|
"open": ["openChange"]
|
|
@@ -12474,7 +12475,7 @@ const SmoothlyTableExpandableRow = class {
|
|
|
12474
12475
|
this.smoothlyTableExpandableRowChange.emit(this.open);
|
|
12475
12476
|
}
|
|
12476
12477
|
render() {
|
|
12477
|
-
return (index.h(index.Host, { key: '
|
|
12478
|
+
return (index.h(index.Host, { key: '622a498240f387d60009473440150a274227b6a2', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '31299214612ef6e58262dbd7fba8c55d8b4466e5' }), index.h("div", { key: '8830b5238e5910bc518da1135ee4c2d2672266f0', class: "detail", ref: e => (this.div = e) }, index.h("slot", { key: 'ebd46989ecc8f37ab7a890cf6bfebd73f2786933', name: "detail" }))));
|
|
12478
12479
|
}
|
|
12479
12480
|
static get watchers() { return {
|
|
12480
12481
|
"open": ["openChange"]
|
|
@@ -12490,7 +12491,7 @@ const SmoothlyTableFillerRow = class {
|
|
|
12490
12491
|
index.registerInstance(this, hostRef);
|
|
12491
12492
|
}
|
|
12492
12493
|
render() {
|
|
12493
|
-
return (index.h("smoothly-table-row", { key: '
|
|
12494
|
+
return (index.h("smoothly-table-row", { key: '776a0d9872ebe20f3064f4d354566ef1b94cb285' }, index.h("smoothly-table-cell", { key: 'e9c8a0427fbcc03c03fee5263cb68125fd1c651c' }, index.h("slot", { key: '86c6bb676944c5918ab03a1c93fea092119069d6' }))));
|
|
12494
12495
|
}
|
|
12495
12496
|
};
|
|
12496
12497
|
SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
|
|
@@ -12503,7 +12504,7 @@ const SmoothlyTableFoot = class {
|
|
|
12503
12504
|
index.registerInstance(this, hostRef);
|
|
12504
12505
|
}
|
|
12505
12506
|
render() {
|
|
12506
|
-
return (index.h(index.Host, { key: '
|
|
12507
|
+
return (index.h(index.Host, { key: '699104c2cf3a129de5856a78ed8cad2b29597ee5' }, index.h("slot", { key: '733a82c2318900af6ee6f8ffd6ef720a66df5a60' })));
|
|
12507
12508
|
}
|
|
12508
12509
|
};
|
|
12509
12510
|
SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
|
|
@@ -12534,7 +12535,7 @@ const SmoothlyTableHead = class {
|
|
|
12534
12535
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12535
12536
|
}
|
|
12536
12537
|
render() {
|
|
12537
|
-
return (index.h(index.Host, { key: '
|
|
12538
|
+
return (index.h(index.Host, { key: '58186ef2807045f88b38ee73cc540d852c069e90', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: 'f2fa164bab07c90274a10f3b1ce03b03797d7a44' })));
|
|
12538
12539
|
}
|
|
12539
12540
|
get element() { return index.getElement(this); }
|
|
12540
12541
|
};
|
|
@@ -12558,7 +12559,7 @@ const SmoothlyTableRow = class {
|
|
|
12558
12559
|
event.target != cell && cell.close();
|
|
12559
12560
|
}
|
|
12560
12561
|
render() {
|
|
12561
|
-
return (index.h(index.Host, { key: '
|
|
12562
|
+
return (index.h(index.Host, { key: '02a964df7db94d893c641cbfec108bac991b95f0' }, index.h("slot", { key: '54694c75148fb7a292fd7fbb6aa2b5c50dfc5238' })));
|
|
12562
12563
|
}
|
|
12563
12564
|
};
|
|
12564
12565
|
SmoothlyTableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12578,7 +12579,7 @@ const SmoothlyTableRowGroup = class {
|
|
|
12578
12579
|
this.smoothlyTableRowGroupChange.emit(this.open);
|
|
12579
12580
|
}
|
|
12580
12581
|
render() {
|
|
12581
|
-
return (index.h(index.Host, { key: '
|
|
12582
|
+
return (index.h(index.Host, { key: '4d7feb0fd88ae81e4507dbafd6c39b49f8b7d870' }, index.h("div", { key: '5b75ab8ebc14351865c02aa0d9106d6b3dc6ccd8', onClick: () => this.clickHandler() }, index.h("div", { key: '79b027d3d85a94d6030b8896451aedf6a906735b' }, index.h("slot", { key: '8b0166c2b162b615fc979065ea53008dbac493d9', name: "start" })), index.h("div", { key: '2fc79ac0d2174e48944e1ca388d43a659f83aad1' }, index.h("slot", { key: 'ae6661300e8add18d83b21e44fff89e5a7bf4689', name: "end" }))), index.h("div", { key: 'e3c12c80910ceed2ee9b6adc9a2e29d2af0da58b' }, index.h("slot", { key: 'd6aedb8dda5e46e1821345daa4aeda0393ddb596' }))));
|
|
12582
12583
|
}
|
|
12583
12584
|
};
|
|
12584
12585
|
SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
|
|
@@ -12611,7 +12612,7 @@ const SmoothlyTabs = class {
|
|
|
12611
12612
|
old.open = false;
|
|
12612
12613
|
}
|
|
12613
12614
|
render() {
|
|
12614
|
-
return (index.h(index.Host, { key: '
|
|
12615
|
+
return (index.h(index.Host, { key: '6e50615465bcf1c2aa5bd85b6a2fd34903f402b5', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, index.h("slot", { key: '86014dd4af9e745534d6b62061581d76fcd2e21c' })));
|
|
12615
12616
|
}
|
|
12616
12617
|
get element() { return index.getElement(this); }
|
|
12617
12618
|
static get watchers() { return {
|
|
@@ -12629,7 +12630,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12629
12630
|
this.extraTab = undefined;
|
|
12630
12631
|
}
|
|
12631
12632
|
render() {
|
|
12632
|
-
return (index.h(index.Host, { key: '
|
|
12633
|
+
return (index.h(index.Host, { key: '9feee12ec58877a9c2b5954fdb646cfdd4448fa7' }, index.h("smoothly-tabs", { key: '0a6e41cea6c9221499b00b61f36c2a8a49e2e32b', tabs: "multiple" }, index.h("smoothly-tab", { key: '7275fa75a8488112e6e743901dd5964835a93494', label: "Single Tab", open: true }, index.h("strong", { key: '8c285057650607c4b4cf8489d5dae6b6ecd413e8' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: '6223eb09fc7f7f9564ceb1b004b2d10e6d6676f5' }, "tabs"), " to", " ", index.h("code", { key: '366a99676a69e290466d483aff4b1adb5fa5ed6e' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly.", !this.extraTab && (index.h("div", { key: '503d1a0dc942c2fbb2b519d50079f1f1f1957925' }, index.h("smoothly-button", { key: 'ef7a097bbea557ccd0a0d31adcd520cedbd405e3', color: "primary", onClick: () => (this.extraTab = true) }, "Click to add extra tab")))), this.extraTab && (index.h("smoothly-tab", { key: '10d65bfee004d0bf735ca4304e8dc8a496e222ed', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("smoothly-tabs", { key: 'ee9ffc7faf8730934bdfee8f619e576a5f4175a0' }, index.h("smoothly-tab", { key: 'fef93cff825cb100dced71a78f40875795ac94f2', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: 'b1e0f151179576fb5af29625525e3263bc7d6972', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '5a44c87f9ae57ec112800ddea43d8d76f0f48bf0', label: "test3" }, "this is a test message again!"))));
|
|
12633
12634
|
}
|
|
12634
12635
|
};
|
|
12635
12636
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12643,7 +12644,7 @@ const SmoothlyThemeColor = class {
|
|
|
12643
12644
|
this.color = undefined;
|
|
12644
12645
|
}
|
|
12645
12646
|
render() {
|
|
12646
|
-
return (index.h(index.Host, { key: '
|
|
12647
|
+
return (index.h(index.Host, { key: '3d6f0aa954a4399e6c6ee6f710fda1eba640dbdc' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12647
12648
|
}
|
|
12648
12649
|
};
|
|
12649
12650
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12695,7 +12696,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12695
12696
|
index.registerInstance(this, hostRef);
|
|
12696
12697
|
}
|
|
12697
12698
|
render() {
|
|
12698
|
-
return (index.h(index.Host, { key: '
|
|
12699
|
+
return (index.h(index.Host, { key: '271988b70b06b2b2906be9a537d884d7083e85b5' }, index.h("h2", { key: '5db0f1ba78f9960f2b0e93bbe347824a7840b6b6' }, "Theme"), index.h("smoothly-theme-picker", { key: 'b0a13617188eeecaf0b3d5b0653029b0b82b2cd6' }, index.h("smoothly-item", { key: '9d03b5e5b15dc41bda58ab45900e545fbc0238f6', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'db8a36d3e64524bbbe374fbfcda03fe26974e7bc', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '6ec91cbd3d325343532b5aaf3befbe9e0e70762d', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: 'fbd0fba0892e97678ad8d2018436710eaaecc094', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '22e2c0adb8b2a48a7ae431c0ccf91d423b69d29f', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'c1becb562dc47a1b2a3a60e16b0606ed516b7227', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '06f6775a38f5b69c3ed1d0972a3978de1b94c5d1', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '53568ac97a5adfbee0afc3a52bd48b291eda8f25', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '59d9965750c38470cb5a4e0916314e623d920eda', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: 'cc70ee7a0a155ef61b063b9dac5d006c6c1c96fe' }, index.h("smoothly-theme-colors", { key: '27c9fdb3c8aa8e32cc11aee3d152cf8a41a772d2' }), index.h("smoothly-theme-guide", { key: '713aac94102238b832cbaf99b2df1f4d0bdd9bce' })), index.h("smoothly-button", { key: '4459dd300765e697a026f54f69f44cb70fd0d22e', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '4f0d70b02f1349b105058d666e9888b4a93ccee9', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: 'e6a039ba6a2abe543bcb121376f30126917a1077', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '9c2c3597c3ed7b3433320bbffd691bdd35940665', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12699
12700
|
}
|
|
12700
12701
|
};
|
|
12701
12702
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12709,14 +12710,14 @@ const SmoothlyThemeColors = class {
|
|
|
12709
12710
|
}
|
|
12710
12711
|
render() {
|
|
12711
12712
|
return [
|
|
12712
|
-
index.h("smoothly-display", { key: '
|
|
12713
|
-
index.h("br", { key: '
|
|
12714
|
-
index.h("smoothly-display", { key: '
|
|
12715
|
-
index.h("br", { key: '
|
|
12716
|
-
index.h("smoothly-display", { key: '
|
|
12717
|
-
index.h("br", { key: '
|
|
12718
|
-
index.h("smoothly-display", { key: '
|
|
12719
|
-
index.h("br", { key: '
|
|
12713
|
+
index.h("smoothly-display", { key: 'd220c32231596f16d32860c8e29d741929a5236d' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12714
|
+
index.h("br", { key: 'bab56fd1a11f74b342f959c3a91e7defbd0ea2a7' }),
|
|
12715
|
+
index.h("smoothly-display", { key: '1c0374704ac853dc52c87764f4f868a201816ccb' }, "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."),
|
|
12716
|
+
index.h("br", { key: '7ac80abb36c09ed8d65dca5f4c7dd2873b4b306c' }),
|
|
12717
|
+
index.h("smoothly-display", { key: '28035f2b9fa95998be6120f9cbdac812044852a3' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12718
|
+
index.h("br", { key: '67a41cd1226a9e9ad6077d766ff96c4abe635f36' }),
|
|
12719
|
+
index.h("smoothly-display", { key: 'f5f58e4ac56470facb2588bc77f17a8487621153' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12720
|
+
index.h("br", { key: '6f89585cedec18256de7c19dfcf1987da4840c7b' }),
|
|
12720
12721
|
];
|
|
12721
12722
|
}
|
|
12722
12723
|
};
|
|
@@ -12731,11 +12732,11 @@ const SmoothlyThemePicker = class {
|
|
|
12731
12732
|
this.element = "smoothly-css";
|
|
12732
12733
|
}
|
|
12733
12734
|
render() {
|
|
12734
|
-
return (index.h(index.Host, { key: '
|
|
12735
|
+
return (index.h(index.Host, { key: 'b7f707ed664fd85a1d3e15161876607bcefbd433' }, index.h("smoothly-input-select", { key: 'fea6581fa953896d2be5f738dbe2ec13c314acf2', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12735
12736
|
const element = document.querySelector(`#${this.element}`);
|
|
12736
12737
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12737
12738
|
element.href = e.detail.theme;
|
|
12738
|
-
} }, index.h("label", { key: '
|
|
12739
|
+
} }, index.h("label", { key: 'b9e77f2cc9865eeea586ef3932ca45d354b936fb', slot: "label" }, "Select theme"), index.h("slot", { key: 'a772063f6ebc8a88e8144c7f2483deff5eab845d' }))));
|
|
12739
12740
|
}
|
|
12740
12741
|
};
|
|
12741
12742
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12759,7 +12760,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12759
12760
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12760
12761
|
}
|
|
12761
12762
|
render() {
|
|
12762
|
-
return (index.h(index.Host, { key: '
|
|
12763
|
+
return (index.h(index.Host, { key: 'c2d0b17bb4ed178c9755143c99fa2b2ca748af18' }, index.h("button", { key: '8c3b19e85f692ed99b18906d4f497d31f0668f89', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'f0b842f04422b565174d54dd83960df0832fbf73', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12763
12764
|
}
|
|
12764
12765
|
};
|
|
12765
12766
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12772,7 +12773,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12772
12773
|
index.registerInstance(this, hostRef);
|
|
12773
12774
|
}
|
|
12774
12775
|
render() {
|
|
12775
|
-
return (index.h(index.Host, { key: '
|
|
12776
|
+
return (index.h(index.Host, { key: '663e0e71caf2d15321b4d247e5628488d39e3630' }, index.h("h4", { key: 'feb7bb02eae45a82b62187cb4ed7d46af8ffa398' }, "Toggle switches"), index.h("div", { key: '51b29d5bd317c75f03dbc9d0d82f0f1811866550' }, index.h("p", { key: '8b3c86d64b80104d6402da5c1373f4b822593132' }, "Checkmark"), index.h("span", { key: '8b171ff8e60eadd86c154d17c8e116b6253eaca5' }, index.h("p", { key: '5c39ae9edebd4a89ce71635c67d4ed67005d9222' }, "Tiny"), index.h("smoothly-toggle-switch", { key: 'df44633fd8b29f6726c4d9ee916791499bc04cc5', disabled: false, size: "tiny" })), index.h("span", { key: '804222178becd40f0219c7b3fc34d944d5733212' }, index.h("p", { key: 'e16d4993751eff0b3b977917776f98a65f33a9e7' }, "Small"), index.h("smoothly-toggle-switch", { key: '384ae8a1b1bf647586f89b47661fea8444859f51', disabled: false, size: "small" })), index.h("span", { key: '517dc2fbc6e85ece8cc10e72b716c5a042066dfa' }, index.h("p", { key: 'a5559b0b1b14d631b54ff2b1a8a285295f9b5c3e' }, "Standard"), index.h("smoothly-toggle-switch", { key: '9f3a7c17682d8b343a9a21f3d932f7b27f12aec0', disabled: false })), index.h("span", { key: '3f15bce6144c7f2d3a099d37aedb66d46311c47f' }, index.h("p", { key: '2df264723dd07305317c0c4cd3696e605fcdc276' }, "Large"), index.h("smoothly-toggle-switch", { key: '7001c36268d893828874601da46a0fcf4f590d1a', disabled: false, size: "large" })), index.h("p", { key: 'a688e656bd585af52417e76fdb097b39525e3ebb' }, "Colors checkmark"), index.h("span", { key: 'afa66bc7c1a8137fba16df9c63bc0f247a0e3e79' }, index.h("p", { key: '5569396842a60be8a25e3595050b03b4267ad0df' }, "Danger"), index.h("smoothly-toggle-switch", { key: '9d014598bfb1a4f2e246d99a46f29ee4cae9d91f', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '47c72cc350cb06b9385755a86ae1c9fa9a56e08c' }, index.h("p", { key: 'b4c40a1c105bf96eb7600e5a8a85348113928feb' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '565943e9592bf20a1a3d264d18e1faed5f2db01d', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'f65b8c9257d5b10d9d6103ecf36152ce2113d68c' }, index.h("p", { key: 'c8b822b229cf53846e7c91ef4fe98024a80aaccd' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '0d8375b6e42395c497366e925176db12d7e7d8b1', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '5d6ba4755dfd184b5769e89fdc86415ba567b0f6' }), index.h("p", { key: 'b488c061200403ffe18530dd7a80f163ef67310c' }, "Colors no checkmark"), index.h("span", { key: '50359b61bb941584d136105efd64265e27689586' }, index.h("p", { key: 'c96b89b4fdea56f6695f3d3174a38e93205dd468' }, "Danger"), index.h("smoothly-toggle-switch", { key: '751c3c4e9354a50265c78aeedc0f47ced85d39bd', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '4125eb07921d6d62a39d3e5730668857bf568c9a' }, index.h("p", { key: 'a64eddea1aa46bbcd1fde47cea1c5f4c44889d94' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '31e078863334d632c01ac47122409c5d3c00b242', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'aae246cd3c09d846dad3f23ec1e9276668ab0bee' }, index.h("p", { key: '13899d7207318819d0a0a16f2c8f12c19cc65128' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '0f750fe645600314256ebae80646cf4459b086a6', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12776
12777
|
}
|
|
12777
12778
|
};
|
|
12778
12779
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -12803,7 +12804,7 @@ const SmoothlyTrigger = class {
|
|
|
12803
12804
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
12804
12805
|
break;
|
|
12805
12806
|
case "button":
|
|
12806
|
-
result = (index.h("button", { key: '
|
|
12807
|
+
result = (index.h("button", { key: 'dcadf813025369f3462fee521d2a6aa6a4796040', disabled: this.disabled, name: this.name }, index.h("slot", { key: '0f4f70d6dd3d47f7b3e8c6928b41317d18b72c5c' })));
|
|
12807
12808
|
break;
|
|
12808
12809
|
}
|
|
12809
12810
|
return result;
|