smoothly 1.2.1-alpha.62 → 1.2.1-alpha.64
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/{Scrollable-32dd31dc.js → Scrollable-a5d8aee9.js} +11 -5
- package/dist/cjs/Scrollable-a5d8aee9.js.map +1 -0
- package/dist/cjs/{Submittable-cc031279.js → Submittable-28264d11.js} +2 -2
- package/dist/cjs/{Submittable-cc031279.js.map → Submittable-28264d11.js.map} +1 -1
- package/dist/cjs/index.cjs.js +2 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-app_98.cjs.entry.js → smoothly-app_99.cjs.entry.js} +313 -171
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-submit.cjs.entry.js +3 -3
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +2 -2
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +2 -2
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/display/demo/index.js +3 -3
- package/dist/collection/components/display/demo/index.js.map +1 -1
- package/dist/collection/components/form/demo/pet/index.js +1 -1
- package/dist/collection/components/form/demo/pet/index.js.map +1 -1
- package/dist/collection/components/form/demo/prices/index.js +1 -1
- package/dist/collection/components/form/demo/schedule/index.js +1 -1
- package/dist/collection/components/form/demo/transparent/index.js +1 -1
- package/dist/collection/components/form/demo/typed/index.js +1 -1
- package/dist/collection/components/icon/demo/index.js +3 -3
- package/dist/collection/components/icon/demo/index.js.map +1 -1
- package/dist/collection/components/icon/index.js +1 -1
- package/dist/collection/components/input/Looks.js +2 -2
- package/dist/collection/components/input/Looks.js.map +1 -1
- package/dist/collection/components/input/checkbox/demo/index.js +1 -1
- package/dist/collection/components/input/checkbox/index.js +1 -1
- package/dist/collection/components/input/clear/index.js +1 -1
- package/dist/collection/components/input/color/demo/index.js +1 -1
- package/dist/collection/components/input/color/index.js +2 -2
- package/dist/collection/components/input/date/index.js +3 -3
- package/dist/collection/components/input/date/range/index.js +2 -2
- package/dist/collection/components/input/date/time/index.js +699 -0
- package/dist/collection/components/input/date/time/index.js.map +1 -0
- package/dist/collection/components/input/date/time/style.css +175 -0
- package/dist/collection/components/input/demo/index.js +4 -4
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js.map +1 -1
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/index.js +2 -2
- 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/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/collection/model/Color/index.js +2 -2
- package/dist/collection/model/Color/index.js.map +1 -1
- package/dist/collection/model/Fill.js +6 -1
- package/dist/collection/model/Fill.js.map +1 -1
- package/dist/collection/model/Submit.js +2 -2
- package/dist/collection/model/Submit.js.map +1 -1
- package/dist/collection/model/index.js +1 -0
- package/dist/collection/model/index.js.map +1 -1
- package/dist/collection/smoothly.js +1 -1
- package/dist/collection/smoothly.js.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-2b457d53.js → p-04799383.js} +2 -2
- package/dist/components/{p-2b457d53.js.map → p-04799383.js.map} +1 -1
- package/dist/components/{p-37e8e0b4.js → p-047f6a2c.js} +6 -6
- package/dist/components/{p-37e8e0b4.js.map → p-047f6a2c.js.map} +1 -1
- package/dist/components/{p-5c67d11d.js → p-065742a9.js} +3 -3
- package/dist/components/{p-5c67d11d.js.map → p-065742a9.js.map} +1 -1
- package/dist/components/{p-b84d424b.js → p-0a5b66c7.js} +8 -8
- package/dist/components/{p-b84d424b.js.map → p-0a5b66c7.js.map} +1 -1
- package/dist/components/{p-8789a504.js → p-0ce90bf9.js} +2 -2
- package/dist/components/{p-8789a504.js.map → p-0ce90bf9.js.map} +1 -1
- package/dist/components/{p-0d597c0f.js → p-0d8835d6.js} +14 -14
- package/dist/components/p-0d8835d6.js.map +1 -0
- package/dist/components/{p-d4bf90ef.js → p-0eacf5f4.js} +2 -2
- package/dist/components/{p-d4bf90ef.js.map → p-0eacf5f4.js.map} +1 -1
- package/dist/components/{p-6e6d0815.js → p-0fb1eac0.js} +5 -5
- package/dist/components/{p-6e6d0815.js.map → p-0fb1eac0.js.map} +1 -1
- package/dist/components/{p-a129dc60.js → p-10ecc565.js} +7 -7
- package/dist/components/{p-a129dc60.js.map → p-10ecc565.js.map} +1 -1
- package/dist/components/{p-08ff9613.js → p-125e9845.js} +6 -6
- package/dist/components/{p-08ff9613.js.map → p-125e9845.js.map} +1 -1
- package/dist/components/{p-85c2a76c.js → p-16c06f14.js} +6 -6
- package/dist/components/{p-85c2a76c.js.map → p-16c06f14.js.map} +1 -1
- package/dist/components/{p-22a5c35b.js → p-182310f5.js} +5 -5
- package/dist/components/{p-22a5c35b.js.map → p-182310f5.js.map} +1 -1
- package/dist/components/{p-76047d98.js → p-18ba7524.js} +2 -2
- package/dist/components/{p-76047d98.js.map → p-18ba7524.js.map} +1 -1
- package/dist/components/{p-5e2b1c67.js → p-194c03be.js} +3 -3
- package/dist/components/{p-5e2b1c67.js.map → p-194c03be.js.map} +1 -1
- package/dist/components/{p-9e2029f7.js → p-1ed28803.js} +10 -10
- package/dist/components/{p-9e2029f7.js.map → p-1ed28803.js.map} +1 -1
- package/dist/components/{p-bd902bf1.js → p-1f5357e1.js} +2 -2
- package/dist/components/{p-bd902bf1.js.map → p-1f5357e1.js.map} +1 -1
- package/dist/components/{p-27fead40.js → p-20a13181.js} +16 -16
- package/dist/components/{p-27fead40.js.map → p-20a13181.js.map} +1 -1
- package/dist/components/{p-e55b30b0.js → p-23d33fed.js} +11 -11
- package/dist/components/{p-e55b30b0.js.map → p-23d33fed.js.map} +1 -1
- package/dist/components/{p-11e5cabe.js → p-2534edb7.js} +33 -33
- package/dist/components/{p-11e5cabe.js.map → p-2534edb7.js.map} +1 -1
- package/dist/components/{p-3493b852.js → p-270e635e.js} +2 -2
- package/dist/components/{p-3493b852.js.map → p-270e635e.js.map} +1 -1
- package/dist/components/{p-8d3eea77.js → p-28a3024e.js} +2 -2
- package/dist/components/{p-8d3eea77.js.map → p-28a3024e.js.map} +1 -1
- package/dist/components/{p-d9d1453e.js → p-2de92429.js} +3 -3
- package/dist/components/{p-d9d1453e.js.map → p-2de92429.js.map} +1 -1
- package/dist/components/{p-62f513b3.js → p-3217c7b5.js} +3 -3
- package/dist/components/{p-62f513b3.js.map → p-3217c7b5.js.map} +1 -1
- package/dist/components/{p-b9872a14.js → p-33087585.js} +2 -2
- package/dist/components/{p-b9872a14.js.map → p-33087585.js.map} +1 -1
- package/dist/components/{p-abdbd635.js → p-33cdc807.js} +4 -4
- package/dist/components/{p-abdbd635.js.map → p-33cdc807.js.map} +1 -1
- package/dist/components/{p-ab2e4633.js → p-37363a06.js} +8 -8
- package/dist/components/{p-ab2e4633.js.map → p-37363a06.js.map} +1 -1
- package/dist/components/{p-fa1bb361.js → p-3a1f5e8b.js} +10 -10
- package/dist/components/{p-fa1bb361.js.map → p-3a1f5e8b.js.map} +1 -1
- package/dist/components/{p-d3bc4725.js → p-42e15e94.js} +16 -16
- package/dist/components/{p-d3bc4725.js.map → p-42e15e94.js.map} +1 -1
- package/dist/components/{p-b89242b5.js → p-49deb5fc.js} +2 -2
- package/dist/components/{p-b89242b5.js.map → p-49deb5fc.js.map} +1 -1
- package/dist/components/{p-a669dad9.js → p-4ad4b8de.js} +11 -11
- package/dist/components/{p-a669dad9.js.map → p-4ad4b8de.js.map} +1 -1
- package/dist/components/{p-3cdc6c8b.js → p-4bf22fe8.js} +14 -14
- package/dist/components/{p-3cdc6c8b.js.map → p-4bf22fe8.js.map} +1 -1
- package/dist/components/{p-68f97107.js → p-4d18f37f.js} +13 -13
- package/dist/components/{p-68f97107.js.map → p-4d18f37f.js.map} +1 -1
- package/dist/components/{p-0ddbb10b.js → p-5006983b.js} +8 -8
- package/dist/components/{p-0ddbb10b.js.map → p-5006983b.js.map} +1 -1
- package/dist/components/{p-734ca80e.js → p-57ac5d1b.js} +12 -6
- package/dist/components/p-57ac5d1b.js.map +1 -0
- package/dist/components/{p-f7f92307.js → p-584cdfbc.js} +2 -2
- package/dist/components/{p-f7f92307.js.map → p-584cdfbc.js.map} +1 -1
- package/dist/components/{p-e28192a5.js → p-5a0e167d.js} +3 -3
- package/dist/components/{p-e28192a5.js.map → p-5a0e167d.js.map} +1 -1
- package/dist/components/{p-619819ae.js → p-5bee4bdc.js} +7 -7
- package/dist/components/{p-619819ae.js.map → p-5bee4bdc.js.map} +1 -1
- package/dist/components/{p-d4f2eec1.js → p-5cbcfb4d.js} +4 -4
- package/dist/components/{p-d4f2eec1.js.map → p-5cbcfb4d.js.map} +1 -1
- package/dist/components/{p-1cc8de56.js → p-619ab9ca.js} +2 -2
- package/dist/components/{p-1cc8de56.js.map → p-619ab9ca.js.map} +1 -1
- package/dist/components/{p-fc9f4cae.js → p-649573ad.js} +24 -24
- package/dist/components/{p-fc9f4cae.js.map → p-649573ad.js.map} +1 -1
- package/dist/components/{p-479909bd.js → p-671e09bf.js} +8 -8
- package/dist/components/{p-479909bd.js.map → p-671e09bf.js.map} +1 -1
- package/dist/components/{p-7c5d155e.js → p-67370f30.js} +3 -3
- package/dist/components/{p-7c5d155e.js.map → p-67370f30.js.map} +1 -1
- package/dist/components/{p-8abb7216.js → p-6ce1475e.js} +4 -4
- package/dist/components/{p-8abb7216.js.map → p-6ce1475e.js.map} +1 -1
- package/dist/components/{p-b99e9582.js → p-758edf83.js} +2 -2
- package/dist/components/{p-b99e9582.js.map → p-758edf83.js.map} +1 -1
- package/dist/components/{p-09f490eb.js → p-77aa479d.js} +4 -4
- package/dist/components/{p-09f490eb.js.map → p-77aa479d.js.map} +1 -1
- package/dist/components/{p-2eca5316.js → p-78dd098c.js} +2 -2
- package/dist/components/{p-2eca5316.js.map → p-78dd098c.js.map} +1 -1
- package/dist/components/{p-3c1569b7.js → p-7ceb754e.js} +12 -12
- package/dist/components/{p-3c1569b7.js.map → p-7ceb754e.js.map} +1 -1
- package/dist/components/{p-0a200b85.js → p-7eba212a.js} +4 -4
- package/dist/components/{p-0a200b85.js.map → p-7eba212a.js.map} +1 -1
- package/dist/components/{p-ab1e1709.js → p-8309d8d7.js} +5 -5
- package/dist/components/{p-ab1e1709.js.map → p-8309d8d7.js.map} +1 -1
- package/dist/components/{p-fe705776.js → p-8677ee6e.js} +14 -14
- package/dist/components/{p-fe705776.js.map → p-8677ee6e.js.map} +1 -1
- package/dist/components/{p-ecbbfbcd.js → p-8ac400d5.js} +6 -6
- package/dist/components/{p-ecbbfbcd.js.map → p-8ac400d5.js.map} +1 -1
- package/dist/components/{p-8cd54408.js → p-8b2f08c5.js} +9 -9
- package/dist/components/{p-8cd54408.js.map → p-8b2f08c5.js.map} +1 -1
- package/dist/components/p-8fcca6cb.js +123 -0
- package/dist/components/{p-75cf720d.js.map → p-8fcca6cb.js.map} +1 -1
- package/dist/components/p-90b3c187.js +45 -0
- package/dist/components/{p-abf172db.js.map → p-90b3c187.js.map} +1 -1
- package/dist/components/{p-bd00e096.js → p-90d81e79.js} +2 -2
- package/dist/components/{p-bd00e096.js.map → p-90d81e79.js.map} +1 -1
- package/dist/components/{p-1fe82c92.js → p-9122f9a3.js} +11 -11
- package/dist/components/{p-1fe82c92.js.map → p-9122f9a3.js.map} +1 -1
- package/dist/components/{p-9832d3b5.js → p-9184ede6.js} +3 -3
- package/dist/components/{p-9832d3b5.js.map → p-9184ede6.js.map} +1 -1
- package/dist/components/{p-c9904619.js → p-9253f214.js} +4 -4
- package/dist/components/{p-c9904619.js.map → p-9253f214.js.map} +1 -1
- package/dist/components/{p-1512ddfa.js → p-9318a3c6.js} +52 -46
- package/dist/components/p-9318a3c6.js.map +1 -0
- package/dist/components/{p-49d437f4.js → p-940e5b8e.js} +3 -3
- package/dist/components/{p-49d437f4.js.map → p-940e5b8e.js.map} +1 -1
- package/dist/components/{p-41441353.js → p-95439799.js} +5 -5
- package/dist/components/{p-41441353.js.map → p-95439799.js.map} +1 -1
- package/dist/components/{p-6abf2d7c.js → p-9a232cfe.js} +9 -9
- package/dist/components/{p-6abf2d7c.js.map → p-9a232cfe.js.map} +1 -1
- package/dist/components/{p-52d1d5a1.js → p-a0930b47.js} +6 -6
- package/dist/components/{p-52d1d5a1.js.map → p-a0930b47.js.map} +1 -1
- package/dist/components/{p-38ff4ddd.js → p-a19beffa.js} +5 -5
- package/dist/components/{p-38ff4ddd.js.map → p-a19beffa.js.map} +1 -1
- package/dist/components/{p-cce0e89e.js → p-a4614623.js} +3 -3
- package/dist/components/{p-cce0e89e.js.map → p-a4614623.js.map} +1 -1
- package/dist/components/{p-91ab8d87.js → p-a6abef9e.js} +2 -2
- package/dist/components/{p-91ab8d87.js.map → p-a6abef9e.js.map} +1 -1
- package/dist/components/{p-67be9571.js → p-a74a5a51.js} +3 -3
- package/dist/components/{p-67be9571.js.map → p-a74a5a51.js.map} +1 -1
- package/dist/components/{p-994fd1b4.js → p-a91db04a.js} +4 -4
- package/dist/components/{p-994fd1b4.js.map → p-a91db04a.js.map} +1 -1
- package/dist/components/{p-cbffcc9d.js → p-aac94573.js} +9 -9
- package/dist/components/{p-cbffcc9d.js.map → p-aac94573.js.map} +1 -1
- package/dist/components/{p-d77cf57f.js → p-b1d28f3f.js} +7 -7
- package/dist/components/{p-d77cf57f.js.map → p-b1d28f3f.js.map} +1 -1
- package/dist/components/{p-3ef90e87.js → p-b2837472.js} +11 -11
- package/dist/components/{p-3ef90e87.js.map → p-b2837472.js.map} +1 -1
- package/dist/components/{p-a12494c3.js → p-b52b18ec.js} +2 -2
- package/dist/components/{p-a12494c3.js.map → p-b52b18ec.js.map} +1 -1
- package/dist/components/{p-d8fdfbfa.js → p-b74c35d3.js} +2 -2
- package/dist/components/{p-d8fdfbfa.js.map → p-b74c35d3.js.map} +1 -1
- package/dist/components/{p-43bad1c0.js → p-c9f98c65.js} +21 -21
- package/dist/components/{p-43bad1c0.js.map → p-c9f98c65.js.map} +1 -1
- package/dist/components/{p-81e4b071.js → p-ca567d3d.js} +11 -11
- package/dist/components/{p-81e4b071.js.map → p-ca567d3d.js.map} +1 -1
- package/dist/components/{p-ea7e5a85.js → p-cc3cd689.js} +6 -6
- package/dist/components/{p-ea7e5a85.js.map → p-cc3cd689.js.map} +1 -1
- package/dist/components/p-cdd78be1.js +244 -0
- package/dist/components/p-cdd78be1.js.map +1 -0
- package/dist/components/{p-d3888e8f.js → p-cf692cc2.js} +3 -3
- package/dist/components/{p-d3888e8f.js.map → p-cf692cc2.js.map} +1 -1
- package/dist/components/{p-9d7780cb.js → p-d0935bef.js} +2 -2
- package/dist/components/{p-9d7780cb.js.map → p-d0935bef.js.map} +1 -1
- package/dist/components/{p-fa2bcda4.js → p-d209231e.js} +10 -10
- package/dist/components/{p-fa2bcda4.js.map → p-d209231e.js.map} +1 -1
- package/dist/components/{p-1de0fb0e.js → p-d4e83a45.js} +2 -2
- package/dist/components/{p-1de0fb0e.js.map → p-d4e83a45.js.map} +1 -1
- package/dist/components/{p-61eae5d7.js → p-d8e3f8c5.js} +2 -2
- package/dist/components/{p-61eae5d7.js.map → p-d8e3f8c5.js.map} +1 -1
- package/dist/components/{p-a4d10377.js → p-df5f3329.js} +2 -2
- package/dist/components/{p-a4d10377.js.map → p-df5f3329.js.map} +1 -1
- package/dist/components/p-e137b684.js +206 -0
- package/dist/components/p-e137b684.js.map +1 -0
- package/dist/components/{p-a10dfe73.js → p-e2ff40ce.js} +2 -2
- package/dist/components/{p-a10dfe73.js.map → p-e2ff40ce.js.map} +1 -1
- package/dist/components/{p-24934ba0.js → p-e6eca6ea.js} +3 -3
- package/dist/components/{p-24934ba0.js.map → p-e6eca6ea.js.map} +1 -1
- package/dist/components/{p-0156d1ac.js → p-e7a8a564.js} +10 -10
- package/dist/components/{p-0156d1ac.js.map → p-e7a8a564.js.map} +1 -1
- package/dist/components/{p-b4db4967.js → p-e8b20111.js} +16 -16
- package/dist/components/{p-b4db4967.js.map → p-e8b20111.js.map} +1 -1
- package/dist/components/p-eba2af2b.js +228 -0
- package/dist/components/p-eba2af2b.js.map +1 -0
- package/dist/components/{p-7ea55b4d.js → p-f0e08ba3.js} +5 -5
- package/dist/components/{p-7ea55b4d.js.map → p-f0e08ba3.js.map} +1 -1
- package/dist/components/{p-47e5df73.js → p-f21f43d1.js} +3 -3
- package/dist/components/{p-47e5df73.js.map → p-f21f43d1.js.map} +1 -1
- package/dist/components/{p-189a3517.js → p-f3e69915.js} +8 -8
- package/dist/components/{p-189a3517.js.map → p-f3e69915.js.map} +1 -1
- package/dist/components/{p-ecb1c83a.js → p-f99f75a7.js} +76 -70
- package/dist/components/p-f99f75a7.js.map +1 -0
- package/dist/components/{p-f89d6ab1.js → p-fb08a0bc.js} +10 -10
- package/dist/components/{p-f89d6ab1.js.map → p-fb08a0bc.js.map} +1 -1
- package/dist/components/{p-188fb617.js → p-fd158b77.js} +4 -4
- package/dist/components/{p-188fb617.js.map → p-fd158b77.js.map} +1 -1
- package/dist/components/{p-3091ab20.js → p-fd1daa5a.js} +2 -2
- package/dist/components/{p-3091ab20.js.map → p-fd1daa5a.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +147 -141
- package/dist/components/smoothly-app-demo.js.map +1 -1
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-back-to-top.js +1 -1
- package/dist/components/smoothly-burger.js +1 -1
- package/dist/components/smoothly-button-confirm.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-button.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-checkbox.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo-json.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-display.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-select.js +1 -1
- package/dist/components/smoothly-filter-toggle.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form-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-frame.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-icon.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +25 -25
- 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.d.ts +11 -0
- package/dist/components/smoothly-input-date-time.js +8 -0
- package/dist/components/smoothly-input-date-time.js.map +1 -0
- 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 +2 -2
- 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 +2 -2
- package/dist/components/smoothly-trigger-source.js +2 -2
- package/dist/components/smoothly-trigger.js +1 -1
- package/dist/esm/{Scrollable-179e934f.js → Scrollable-952552fb.js} +12 -6
- package/dist/esm/Scrollable-952552fb.js.map +1 -0
- package/dist/esm/{Submittable-cf9cb5aa.js → Submittable-2b0e0d8f.js} +2 -2
- package/dist/esm/{Submittable-cf9cb5aa.js.map → Submittable-2b0e0d8f.js.map} +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-app_98.entry.js → smoothly-app_99.entry.js} +313 -172
- package/dist/esm/smoothly-app_99.entry.js.map +1 -0
- package/dist/esm/smoothly-input-checkbox-demo.entry.js +1 -1
- package/dist/esm/smoothly-submit.entry.js +3 -3
- package/dist/esm/smoothly-trigger-sink.entry.js +2 -2
- package/dist/esm/smoothly-trigger-source.entry.js +2 -2
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/index.esm.js +1 -1
- package/dist/smoothly/index.esm.js.map +1 -1
- package/dist/smoothly/{p-8a1d7506.entry.js → p-44bafff1.entry.js} +2 -2
- package/dist/smoothly/p-944059f1.entry.js +2 -0
- package/dist/smoothly/{p-0c10da7c.entry.js → p-ad856966.entry.js} +2 -2
- package/dist/smoothly/{p-cc5143d2.js → p-b5e2b527.js} +2 -2
- package/dist/smoothly/p-ba4defdf.entry.js +2 -0
- package/dist/smoothly/p-ba4defdf.entry.js.map +1 -0
- package/dist/smoothly/p-cdac3cf4.js +2 -0
- package/dist/smoothly/p-cdac3cf4.js.map +1 -0
- package/dist/smoothly/p-ec1809c5.entry.js +2 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/smoothly/smoothly.esm.js.map +1 -1
- package/dist/types/components/icon/demo/index.d.ts +2 -1
- package/dist/types/components/input/Looks.d.ts +2 -2
- package/dist/types/components/input/date/time/index.d.ts +50 -0
- package/dist/types/components.d.ts +69 -0
- package/dist/types/model/Color/index.d.ts +2 -2
- package/dist/types/model/Fill.d.ts +6 -1
- package/dist/types/model/Submit.d.ts +2 -2
- package/package.json +1 -1
- package/dist/cjs/Scrollable-32dd31dc.js.map +0 -1
- package/dist/cjs/smoothly-app_98.cjs.entry.js.map +0 -1
- package/dist/components/p-0d09457c.js +0 -200
- package/dist/components/p-0d09457c.js.map +0 -1
- package/dist/components/p-0d597c0f.js.map +0 -1
- package/dist/components/p-1512ddfa.js.map +0 -1
- package/dist/components/p-734ca80e.js.map +0 -1
- package/dist/components/p-75cf720d.js +0 -123
- package/dist/components/p-a141fe7c.js +0 -238
- package/dist/components/p-a141fe7c.js.map +0 -1
- package/dist/components/p-abf172db.js +0 -45
- package/dist/components/p-ecb1c83a.js.map +0 -1
- package/dist/esm/Scrollable-179e934f.js.map +0 -1
- package/dist/esm/smoothly-app_98.entry.js.map +0 -1
- package/dist/smoothly/p-5870d1ad.js +0 -2
- package/dist/smoothly/p-5870d1ad.js.map +0 -1
- package/dist/smoothly/p-69c6102d.entry.js +0 -2
- package/dist/smoothly/p-b803a3c2.entry.js +0 -2
- package/dist/smoothly/p-b803a3c2.entry.js.map +0 -1
- package/dist/smoothly/p-d3024318.entry.js +0 -2
- /package/dist/smoothly/{p-8a1d7506.entry.js.map → p-44bafff1.entry.js.map} +0 -0
- /package/dist/smoothly/{p-69c6102d.entry.js.map → p-944059f1.entry.js.map} +0 -0
- /package/dist/smoothly/{p-0c10da7c.entry.js.map → p-ad856966.entry.js.map} +0 -0
- /package/dist/smoothly/{p-cc5143d2.js.map → p-b5e2b527.js.map} +0 -0
- /package/dist/smoothly/{p-d3024318.entry.js.map → p-ec1809c5.entry.js.map} +0 -0
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-ba6d0734.js');
|
|
6
|
-
const Scrollable = require('./Scrollable-
|
|
7
|
-
const Submittable = require('./Submittable-
|
|
6
|
+
const Scrollable = require('./Scrollable-a5d8aee9.js');
|
|
7
|
+
const Submittable = require('./Submittable-28264d11.js');
|
|
8
8
|
const TimeZone = require('./TimeZone-c7477083.js');
|
|
9
9
|
const Notice = require('./Notice-43957905.js');
|
|
10
10
|
const en = require('./en-f4546147.js');
|
|
@@ -23,8 +23,8 @@ function getLocale() {
|
|
|
23
23
|
return TimeZone.Locale.is(result) ? result : TimeZone.Language.is(result) ? TimeZone.Locale.toLocale(result) : undefined;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
const styleCss$
|
|
27
|
-
const SmoothlyAppStyle0 = styleCss$
|
|
26
|
+
const styleCss$1l = "smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}header:has(smoothly-burger[visible])>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:5;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-end\"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}@media screen and (max-width: 900px){smoothly-app>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app>smoothly-notifier>header>nav>ul>[slot=\"nav-start\"]{display:none}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}}smoothly-app:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}";
|
|
27
|
+
const SmoothlyAppStyle0 = styleCss$1l;
|
|
28
28
|
|
|
29
29
|
const SmoothlyApp = class {
|
|
30
30
|
constructor(hostRef) {
|
|
@@ -1525,8 +1525,8 @@ if (!globalThis.URLPattern) {
|
|
|
1525
1525
|
globalThis.URLPattern = URLPattern$1;
|
|
1526
1526
|
}
|
|
1527
1527
|
|
|
1528
|
-
const styleCss$
|
|
1529
|
-
const SmoothlyAppRoomStyle0 = styleCss$
|
|
1528
|
+
const styleCss$1k = ".sc-smoothly-app-room-h{display:flex;justify-content:center;text-align:center;cursor:pointer;height:100%;position:relative}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{overflow-y:auto;height:100%}:not([label].sc-smoothly-app-room-h,[icon]).sc-smoothly-app-room-h,[disabled].sc-smoothly-app-room-h{display:none}.sc-smoothly-app-room-h>div.sc-smoothly-app-room{display:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room{height:100%;list-style:none}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0 1.5em;height:100%}[selected].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{display:flex;color:rgb(var(--smoothly-color-contrast));background:rgb(var(--smoothly-color-shade))}.sc-smoothly-app-room-h:hover>li.sc-smoothly-app-room>a.sc-smoothly-app-room{color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));transition:0.2s}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>smoothly-icon.sc-smoothly-app-room{align-self:inherit}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:none}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{position:absolute;color:rgb(var(--smoothly-color-contrast));background-color:rgb(var(--smoothly-color-tint));border-radius:0.25rem;pointer-events:none}[icon][label].sc-smoothly-app-room-h:hover::before{content:\"\";bottom:-1.75rem;transform:rotate(45deg);width:1.25em;height:1.25em}[icon][label].sc-smoothly-app-room-h:hover::after{content:attr(label);white-space:nowrap;bottom:-3.25rem;padding:.5rem 1rem;border-radius:.25rem}@media screen and (max-width: 900px){.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{padding:0}[icon].sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room>.label.sc-smoothly-app-room{display:unset;padding:0 1rem}.sc-smoothly-app-room-h>li.sc-smoothly-app-room>a.sc-smoothly-app-room{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}[icon][label].sc-smoothly-app-room-h:hover::before,[icon][label].sc-smoothly-app-room-h:hover::after{content:unset}}";
|
|
1529
|
+
const SmoothlyAppRoomStyle0 = styleCss$1k;
|
|
1530
1530
|
|
|
1531
1531
|
const SmoothlyAppRoom = class {
|
|
1532
1532
|
constructor(hostRef) {
|
|
@@ -1564,8 +1564,8 @@ const SmoothlyAppRoom = class {
|
|
|
1564
1564
|
};
|
|
1565
1565
|
SmoothlyAppRoom.style = SmoothlyAppRoomStyle0;
|
|
1566
1566
|
|
|
1567
|
-
const styleCss$
|
|
1568
|
-
const SmoothlyBackToTopStyle0 = styleCss$
|
|
1567
|
+
const styleCss$1j = ".sc-smoothly-back-to-top-h{background-color:rgba(var(--smoothly-default-color), 1);opacity:var(--opacity);pointer-events:var(--pointer-events);transition:opacity 400ms;z-index:3;border-radius:50%;box-shadow:var(--smoothly-shadow);height:3rem;width:3rem;position:fixed;bottom:var(--bottom);right:var(--right);outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center}";
|
|
1568
|
+
const SmoothlyBackToTopStyle0 = styleCss$1j;
|
|
1569
1569
|
|
|
1570
1570
|
const SmoothlyBackToTop = class {
|
|
1571
1571
|
constructor(hostRef) {
|
|
@@ -1603,8 +1603,8 @@ const SmoothlyBackToTop = class {
|
|
|
1603
1603
|
};
|
|
1604
1604
|
SmoothlyBackToTop.style = SmoothlyBackToTopStyle0;
|
|
1605
1605
|
|
|
1606
|
-
const styleCss$
|
|
1607
|
-
const SmoothlyBurgerStyle0 = styleCss$
|
|
1606
|
+
const styleCss$1i = "[visible].sc-smoothly-burger-h{display:flex;justify-content:center;align-items:center;height:100%}[visible].sc-smoothly-burger-h .burger.sc-smoothly-burger smoothly-icon.sc-smoothly-burger{--smoothly-icon-size:3rem;cursor:pointer;margin-right:1em}.sc-smoothly-burger-h:not([visible]){display:none}.sc-smoothly-burger-h:not([open]) smoothly-icon.sc-smoothly-burger{transform:rotate(0deg);transition:transform 100ms ease-in-out}[open].sc-smoothly-burger-h smoothly-icon.sc-smoothly-burger{transform:rotate(-90deg);transition:transform 100ms ease-in-out}";
|
|
1607
|
+
const SmoothlyBurgerStyle0 = styleCss$1i;
|
|
1608
1608
|
|
|
1609
1609
|
const SmoothlyBurger = class {
|
|
1610
1610
|
constructor(hostRef) {
|
|
@@ -1658,8 +1658,8 @@ const SmoothlyBurger = class {
|
|
|
1658
1658
|
};
|
|
1659
1659
|
SmoothlyBurger.style = SmoothlyBurgerStyle0;
|
|
1660
1660
|
|
|
1661
|
-
const styleCss$
|
|
1662
|
-
const SmoothlyButtonStyle0 = styleCss$
|
|
1661
|
+
const styleCss$1h = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-button-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-button-h{display:inline}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>a.sc-smoothly-button:empty,.sc-smoothly-button-h>button.sc-smoothly-button:empty{border-width:0}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button:hover,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:hover::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:focus-within::before,[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-button-h{display:none}";
|
|
1662
|
+
const SmoothlyButtonStyle0 = styleCss$1h;
|
|
1663
1663
|
|
|
1664
1664
|
const SmoothlyButton = class {
|
|
1665
1665
|
constructor(hostRef) {
|
|
@@ -1679,8 +1679,8 @@ const SmoothlyButton = class {
|
|
|
1679
1679
|
};
|
|
1680
1680
|
SmoothlyButton.style = SmoothlyButtonStyle0;
|
|
1681
1681
|
|
|
1682
|
-
const styleCss$
|
|
1683
|
-
const SmoothlyButtonConfirmStyle0 = styleCss$
|
|
1682
|
+
const styleCss$1g = ".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";
|
|
1683
|
+
const SmoothlyButtonConfirmStyle0 = styleCss$1g;
|
|
1684
1684
|
|
|
1685
1685
|
const SmoothlyButtonConfirm = class {
|
|
1686
1686
|
constructor(hostRef) {
|
|
@@ -1716,8 +1716,8 @@ const SmoothlyButtonConfirm = class {
|
|
|
1716
1716
|
};
|
|
1717
1717
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1718
1718
|
|
|
1719
|
-
const styleCss$
|
|
1720
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1719
|
+
const styleCss$1f = "smoothly-button-demo{display:block;margin:1rem}smoothly-button-demo>section>div{display:flex;align-items:center}smoothly-button-demo smoothly-button{margin:.2em .5em}";
|
|
1720
|
+
const SmoothlyButtonDemoStyle0 = styleCss$1f;
|
|
1721
1721
|
|
|
1722
1722
|
const SmoothlyButtonDemo = class {
|
|
1723
1723
|
constructor(hostRef) {
|
|
@@ -1791,8 +1791,8 @@ function years(current, min, max) {
|
|
|
1791
1791
|
return result;
|
|
1792
1792
|
}
|
|
1793
1793
|
|
|
1794
|
-
const styleCss$
|
|
1795
|
-
const SmoothlyCalendarStyle0 = styleCss$
|
|
1794
|
+
const styleCss$1e = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding:0.5em;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{padding:0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));-webkit-user-select:none;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{position:relative;cursor:pointer}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-calendar-weekend-foreground, var(--smoothly-danger-color)), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.today.sc-smoothly-calendar::before{content:\"\";inset:2px;position:absolute;border:1px solid currentColor}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;opacity:0.5}";
|
|
1795
|
+
const SmoothlyCalendarStyle0 = styleCss$1e;
|
|
1796
1796
|
|
|
1797
1797
|
const Calendar = class {
|
|
1798
1798
|
constructor(hostRef) {
|
|
@@ -1878,8 +1878,8 @@ const Calendar = class {
|
|
|
1878
1878
|
};
|
|
1879
1879
|
Calendar.style = SmoothlyCalendarStyle0;
|
|
1880
1880
|
|
|
1881
|
-
const styleCss$
|
|
1882
|
-
const SmoothlyDialogStyle0 = styleCss$
|
|
1881
|
+
const styleCss$1d = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
|
|
1882
|
+
const SmoothlyDialogStyle0 = styleCss$1d;
|
|
1883
1883
|
|
|
1884
1884
|
const SmoothlyDialog = class {
|
|
1885
1885
|
constructor(hostRef) {
|
|
@@ -1907,8 +1907,8 @@ const SmoothlyDialog = class {
|
|
|
1907
1907
|
};
|
|
1908
1908
|
SmoothlyDialog.style = SmoothlyDialogStyle0;
|
|
1909
1909
|
|
|
1910
|
-
const styleCss$
|
|
1911
|
-
const SmoothlyDialogDemoStyle0 = styleCss$
|
|
1910
|
+
const styleCss$1c = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
|
|
1911
|
+
const SmoothlyDialogDemoStyle0 = styleCss$1c;
|
|
1912
1912
|
|
|
1913
1913
|
const SmoothlyDialogDemo = class {
|
|
1914
1914
|
constructor(hostRef) {
|
|
@@ -3757,8 +3757,8 @@ class Handler {
|
|
|
3757
3757
|
}
|
|
3758
3758
|
add$5("hex-color", () => new Handler());
|
|
3759
3759
|
|
|
3760
|
-
const styleCss$
|
|
3761
|
-
const SmoothlyDisplayStyle0 = styleCss$
|
|
3760
|
+
const styleCss$1b = ".sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}";
|
|
3761
|
+
const SmoothlyDisplayStyle0 = styleCss$1b;
|
|
3762
3762
|
|
|
3763
3763
|
const SmoothlyDisplay = class {
|
|
3764
3764
|
constructor(hostRef) {
|
|
@@ -3867,14 +3867,14 @@ const SmoothlyDisplayDemo = class {
|
|
|
3867
3867
|
"--spinner-background": "200,255,200",
|
|
3868
3868
|
"--spinner-background-opacity": "0.2",
|
|
3869
3869
|
"--spinner-color": "0,130,0",
|
|
3870
|
-
} })), index.h("div", { key: '585aff079f29aaeb3319268ebcf3857bec165942', style: { width: "fit-content" } }, "Medium", index.h("smoothly-spinner", { key: 'd46336b4e6fe98d2d2958c3047747b07d7999fe8', size: "medium" })), index.h("div", { key: '47db1735399b1b59e582b94229c4fdc51389b51d', style: { width: "fit-content" } }, "Small", index.h("smoothly-spinner", { key: '8292ad153260c3cd3d26ad597effa2356e913ca9', size: "small" })), index.h("div", { key: '45ed5bea68185714286757dfa56d14b5987c3a19' }, "Icon sized spinner on button", Scrollable.Color.
|
|
3870
|
+
} })), index.h("div", { key: '585aff079f29aaeb3319268ebcf3857bec165942', style: { width: "fit-content" } }, "Medium", index.h("smoothly-spinner", { key: 'd46336b4e6fe98d2d2958c3047747b07d7999fe8', size: "medium" })), index.h("div", { key: '47db1735399b1b59e582b94229c4fdc51389b51d', style: { width: "fit-content" } }, "Small", index.h("smoothly-spinner", { key: '8292ad153260c3cd3d26ad597effa2356e913ca9', size: "small" })), index.h("div", { key: '45ed5bea68185714286757dfa56d14b5987c3a19' }, "Icon sized spinner on button", Scrollable.Color.values.map(color => (index.h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
|
|
3871
3871
|
this.downloadingSpinner = true;
|
|
3872
3872
|
setTimeout(() => (this.downloadingSpinner = false), 3000);
|
|
3873
|
-
} }, !this.downloadingSpinner && index.h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (index.h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), index.h("h3", { key: '
|
|
3873
|
+
} }, !this.downloadingSpinner && index.h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (index.h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), index.h("h3", { key: 'f4f8637fd7928426d61b262cb5b286903d5a9edc' }, "Spinner with overlay"), index.h("div", { key: '11880b67e3425ca7b1aa96fe1f0be53613cadce6', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", index.h("smoothly-spinner", { key: '26d08b7f6d5c14f03643521e41d399d57567c2a0', overlay: true, size: "large", style: {
|
|
3874
3874
|
"--spinner-background": "255,200,255",
|
|
3875
3875
|
"--spinner-background-opacity": "0.5",
|
|
3876
3876
|
"--spinner-color": "0,130,0",
|
|
3877
|
-
} })), index.h("div", { key: '
|
|
3877
|
+
} })), index.h("div", { key: '2092cd92eb0a8797cf30e05692e632c0b9a3a09e', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", index.h("smoothly-spinner", { key: 'bf7a3539c259ad7a1e84ce233dd6e3840436c834', overlay: true, color: "secondary", size: "medium" })), index.h("div", { key: '21f2f4a511fab1672bf573336403dd6a073c3b2a', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", index.h("smoothly-spinner", { key: '9d1e787b73a9158de842d116ef1b9367a43658f7', overlay: true, size: "small" }))), index.h("fieldset", { key: 'c69bac882a363b3de75857289acde3ee240de84b' }, index.h("h2", { key: '48f6bba196c4a8ac79b6de5563fcdabe176f9a09' }, "Smoothly summary"), index.h("smoothly-summary", { key: 'e127119ddebe9ac42d447384a277f8f3785d0bd2' }, index.h("p", { key: '38fcd455229b895a477b8d6a0f608492c19be7d1', slot: "summary" }, "Some title"), index.h("p", { key: '1da7ba6e1a5c72e29bcd42c5d1e2469bb38c0e24', slot: "content" }, "Some content")), index.h("smoothly-summary", { key: '8cd4afa538a5ad269741acf3cffe3730e7613c41', size: "large" }, index.h("p", { key: '751fe6f320fdccd799a43f9a6b4c82a6e4e4c075', slot: "summary" }, "Some title"), index.h("p", { key: 'e7549c895b88cf20bf368c66f5e126a9c3407677', slot: "content" }, "Some content")), index.h("smoothly-summary", { key: 'ab35b1c6a284eb8f3b913f31726b0fbc88132915', color: "danger", fill: "clear" }, index.h("div", { key: '40b066f48899e2bab7e5a0601f18f02ede99aaca', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, index.h("span", { key: '877b910238083ce23c9b6130438b1db664200158' }, "Person"), index.h("smoothly-icon", { key: '653ab4903ed6b6631ff9edeab0db9a98626644e3', name: "person", color: "light", fill: "clear", size: "tiny" })), index.h("p", { key: 'b6a604da7924a87bea1e2615cd5d13634e214daf', slot: "content" }, "Some person information.")), index.h("smoothly-summary", { key: 'e2333f4c0ae45eaaa8f36bf06a0304080560811e', color: "danger", fill: "clear", open: true }, index.h("p", { key: 'f1f8a5c4fbcc13754598489d36ec5867106e851f', slot: "summary" }, "Some other title"), index.h("p", { key: 'd24ba7bf492e8630ddd5d08644f74783908792ae', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), index.h("h2", { key: 'cad39175e8ad87abb419ff9aa9bbc6ff281b6055' }, "Label"), labels.map(l => (index.h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), index.h("smoothly-label", { key: '4e1ef4a7f3d2dacc84cdd6520b2e39ed66249745', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
|
|
3878
3878
|
];
|
|
3879
3879
|
}
|
|
3880
3880
|
};
|
|
@@ -3926,8 +3926,8 @@ const JsonValue = ({ value, collapseDepth }) => {
|
|
|
3926
3926
|
return TimeZone.object().is(value) || Array.isArray(value) ? (index.h("smoothly-display-json-object", { value: value, collapseDepth: collapseDepth })) : (index.h("smoothly-display-json-primitive", { value: value }));
|
|
3927
3927
|
};
|
|
3928
3928
|
|
|
3929
|
-
const styleCss$
|
|
3930
|
-
const SmoothlyDisplayJsonStyle0 = styleCss$
|
|
3929
|
+
const styleCss$1a = ".sc-smoothly-display-json-h{font-family:monospace}";
|
|
3930
|
+
const SmoothlyDisplayJsonStyle0 = styleCss$1a;
|
|
3931
3931
|
|
|
3932
3932
|
const SmoothlyDisplayJson = class {
|
|
3933
3933
|
constructor(hostRef) {
|
|
@@ -3941,8 +3941,8 @@ const SmoothlyDisplayJson = class {
|
|
|
3941
3941
|
};
|
|
3942
3942
|
SmoothlyDisplayJson.style = SmoothlyDisplayJsonStyle0;
|
|
3943
3943
|
|
|
3944
|
-
const styleCss$
|
|
3945
|
-
const SmoothlyDisplayJsonObjectStyle0 = styleCss$
|
|
3944
|
+
const styleCss$19 = ".sc-smoothly-display-json-object-h{font-family:monospace;position:relative}[hidden].sc-smoothly-display-json-object-h{display:none}.indent.sc-smoothly-display-json-object{padding-left:1rem;border-left:1px solid rgb(var(--smoothly-light-shade))}.sc-smoothly-display-json-object-h:not(.open) .content.sc-smoothly-display-json-object{display:none}.sc-smoothly-display-json-object-h>.content.sc-smoothly-display-json-object>.indent.sc-smoothly-display-json-object:last-child>.comma.sc-smoothly-display-json-object{display:none}.open-bracket.sc-smoothly-display-json-object::after{background-color:rgb(var(--smoothly-light-color));color:rgb(var(--smoothly-light-shade));white-space:pre;border-radius:0.25rem;font-weight:bold;font-size:0.8em}.sc-smoothly-display-json-object-h:not(.open):not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:\" ▶ \" attr(data-length) \" ◀ \"}.open.sc-smoothly-display-json-object-h:not(.empty)>.open-bracket.sc-smoothly-display-json-object::after{content:\" ▼ \"}";
|
|
3945
|
+
const SmoothlyDisplayJsonObjectStyle0 = styleCss$19;
|
|
3946
3946
|
|
|
3947
3947
|
const SmoothlyDisplayJsonObject = class {
|
|
3948
3948
|
constructor(hostRef) {
|
|
@@ -3977,8 +3977,8 @@ const SmoothlyDisplayJsonObject = class {
|
|
|
3977
3977
|
};
|
|
3978
3978
|
SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
|
|
3979
3979
|
|
|
3980
|
-
const styleCss$
|
|
3981
|
-
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$
|
|
3980
|
+
const styleCss$18 = ".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;word-wrap:anywhere}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";
|
|
3981
|
+
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$18;
|
|
3982
3982
|
|
|
3983
3983
|
const SmoothlyDisplayJsonPrimitive = class {
|
|
3984
3984
|
constructor(hostRef) {
|
|
@@ -3991,8 +3991,8 @@ const SmoothlyDisplayJsonPrimitive = class {
|
|
|
3991
3991
|
};
|
|
3992
3992
|
SmoothlyDisplayJsonPrimitive.style = SmoothlyDisplayJsonPrimitiveStyle0;
|
|
3993
3993
|
|
|
3994
|
-
const styleCss$
|
|
3995
|
-
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$
|
|
3994
|
+
const styleCss$17 = ".sc-smoothly-display-json-record-key-h{font-family:monospace;display:inline;color:rgb(var(--smoothly-default-contrast))}[hidden].sc-smoothly-display-json-record-key-h{display:none}";
|
|
3995
|
+
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$17;
|
|
3996
3996
|
|
|
3997
3997
|
const SmoothlyDisplayJsonRecordKey = class {
|
|
3998
3998
|
constructor(hostRef) {
|
|
@@ -6989,8 +6989,8 @@ var Filter;
|
|
|
6989
6989
|
});
|
|
6990
6990
|
})(Filter || (Filter = {}));
|
|
6991
6991
|
|
|
6992
|
-
const styleCss$
|
|
6993
|
-
const SmoothlyFilterStyle0 = styleCss$
|
|
6992
|
+
const styleCss$16 = ".sc-smoothly-filter-h {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.sc-smoothly-filter-h>div.sc-smoothly-filter-s > [slot=detail] {\n\tz-index: 5;\n}\n\n.sc-smoothly-filter-h.sc-smoothly-filter-s > [slot=bar] {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n.sc-smoothly-filter-h > div.sc-smoothly-filter:empty + smoothly-icon.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > smoothly-icon.sc-smoothly-filter {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n.sc-smoothly-filter-h > div.close.sc-smoothly-filter {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n.sc-smoothly-filter-h > div.hidden.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > .container.sc-smoothly-filter {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n\n.sc-smoothly-filter-h > div.container.sc-smoothly-filter:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n\n.sc-smoothly-filter-h > div.container.arrow-top.sc-smoothly-filter:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n.sc-smoothly-filter-h div.container.sc-smoothly-filter:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}";
|
|
6993
|
+
const SmoothlyFilterStyle0 = styleCss$16;
|
|
6994
6994
|
|
|
6995
6995
|
const SmoothlyFilter = class {
|
|
6996
6996
|
constructor(hostRef) {
|
|
@@ -7038,8 +7038,8 @@ const SmoothlyFilter = class {
|
|
|
7038
7038
|
};
|
|
7039
7039
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
7040
7040
|
|
|
7041
|
-
const styleCss$
|
|
7042
|
-
const SmoothlyFilterFieldStyle0 = styleCss$
|
|
7041
|
+
const styleCss$15 = ".sc-smoothly-filter-field-h{flex-grow:5}";
|
|
7042
|
+
const SmoothlyFilterFieldStyle0 = styleCss$15;
|
|
7043
7043
|
|
|
7044
7044
|
const SmoothlyFilterField = class {
|
|
7045
7045
|
constructor(hostRef) {
|
|
@@ -7071,8 +7071,8 @@ const SmoothlyFilterField = class {
|
|
|
7071
7071
|
};
|
|
7072
7072
|
SmoothlyFilterField.style = SmoothlyFilterFieldStyle0;
|
|
7073
7073
|
|
|
7074
|
-
const styleCss$
|
|
7075
|
-
const SmoothlyFilterInputStyle0 = styleCss$
|
|
7074
|
+
const styleCss$14 = ".sc-smoothly-filter-input-h{display:contents}.sc-smoothly-filter-input-h>smoothly-input.sc-smoothly-filter-input{flex-grow:1;min-width:10em;flex-basis:40%}";
|
|
7075
|
+
const SmoothlyFilterInputStyle0 = styleCss$14;
|
|
7076
7076
|
|
|
7077
7077
|
const SmoothlyFilterInput = class {
|
|
7078
7078
|
constructor(hostRef) {
|
|
@@ -7145,8 +7145,8 @@ const SmoothlyFilterInput = class {
|
|
|
7145
7145
|
};
|
|
7146
7146
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
7147
7147
|
|
|
7148
|
-
const styleCss$
|
|
7149
|
-
const SmoothlyFilterSelectStyle0 = styleCss$
|
|
7148
|
+
const styleCss$13 = ".sc-smoothly-filter-select-h{display:contents}.sc-smoothly-filter-select-h>smoothly-input-select.sc-smoothly-filter-select{flex-grow:1;width:12.5em}.options.sc-smoothly-filter-select{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}";
|
|
7149
|
+
const SmoothlyFilterSelectStyle0 = styleCss$13;
|
|
7150
7150
|
|
|
7151
7151
|
const SmoothlyFilterSelect = class {
|
|
7152
7152
|
constructor(hostRef) {
|
|
@@ -7255,8 +7255,8 @@ const SmoothlyFilterSelect = class {
|
|
|
7255
7255
|
};
|
|
7256
7256
|
SmoothlyFilterSelect.style = SmoothlyFilterSelectStyle0;
|
|
7257
7257
|
|
|
7258
|
-
const styleCss$
|
|
7259
|
-
const SmoothlyFilterToggleStyle0 = styleCss$
|
|
7258
|
+
const styleCss$12 = ".sc-smoothly-filter-toggle-h{position:relative;display:inline-block;cursor:pointer}.sc-smoothly-filter-toggle-h:hover>smoothly-icon.sc-smoothly-filter-toggle{stroke:rgb(var(--smoothly-success-tint));color:rgb(var(--smoothly-success-tint));fill:rgb(var(--smoothly-success-tint))}[flip].sc-smoothly-filter-toggle-h{transform:scaleX(-1)}";
|
|
7259
|
+
const SmoothlyFilterToggleStyle0 = styleCss$12;
|
|
7260
7260
|
|
|
7261
7261
|
const SmoothlyFilterToggle = class {
|
|
7262
7262
|
constructor(hostRef) {
|
|
@@ -8129,8 +8129,8 @@ var Editable;
|
|
|
8129
8129
|
|
|
8130
8130
|
var Looks;
|
|
8131
8131
|
(function (Looks) {
|
|
8132
|
-
Looks.
|
|
8133
|
-
Looks.type = TimeZone.string(Looks.
|
|
8132
|
+
Looks.values = ["plain", "grid", "border", "line", "transparent"];
|
|
8133
|
+
Looks.type = TimeZone.string(Looks.values);
|
|
8134
8134
|
Looks.is = Looks.type.is;
|
|
8135
8135
|
})(Looks || (Looks = {}));
|
|
8136
8136
|
|
|
@@ -8179,8 +8179,8 @@ var Input;
|
|
|
8179
8179
|
Input.registerSubAction = registerSubAction;
|
|
8180
8180
|
})(Input || (Input = {}));
|
|
8181
8181
|
|
|
8182
|
-
const styleCss$
|
|
8183
|
-
const SmoothlyFormStyle0 = styleCss$
|
|
8182
|
+
const styleCss$11 = "smoothly-form{display:block;position:relative}smoothly-form>form{position:relative;min-width:15em}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;flex-basis:40%}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset,smoothly-form[looks=\"transparent\"]>form>fieldset{gap:2em}smoothly-form[looks=\"grid\"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:0.5rem}";
|
|
8183
|
+
const SmoothlyFormStyle0 = styleCss$11;
|
|
8184
8184
|
|
|
8185
8185
|
const SmoothlyForm = class {
|
|
8186
8186
|
constructor(hostRef) {
|
|
@@ -8358,8 +8358,8 @@ const SmoothlyForm = class {
|
|
|
8358
8358
|
};
|
|
8359
8359
|
SmoothlyForm.style = SmoothlyFormStyle0;
|
|
8360
8360
|
|
|
8361
|
-
const styleCss
|
|
8362
|
-
const SmoothlyFormDemoStyle0 = styleCss
|
|
8361
|
+
const styleCss$10 = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:100%}";
|
|
8362
|
+
const SmoothlyFormDemoStyle0 = styleCss$10;
|
|
8363
8363
|
|
|
8364
8364
|
const SmoothlyFormDemo = class {
|
|
8365
8365
|
constructor(hostRef) {
|
|
@@ -8430,8 +8430,8 @@ const SmoothlyFormDemoControlled = class {
|
|
|
8430
8430
|
}; }
|
|
8431
8431
|
};
|
|
8432
8432
|
|
|
8433
|
-
const styleCss
|
|
8434
|
-
const SmoothlyFormDemoDateStyle0 = styleCss
|
|
8433
|
+
const styleCss$$ = ".sc-smoothly-form-demo-date-h{display:block}";
|
|
8434
|
+
const SmoothlyFormDemoDateStyle0 = styleCss$$;
|
|
8435
8435
|
|
|
8436
8436
|
const SmoothlyFormDemoDate = class {
|
|
8437
8437
|
constructor(hostRef) {
|
|
@@ -8459,8 +8459,8 @@ const SmoothlyFormDemoDate = class {
|
|
|
8459
8459
|
};
|
|
8460
8460
|
SmoothlyFormDemoDate.style = SmoothlyFormDemoDateStyle0;
|
|
8461
8461
|
|
|
8462
|
-
const styleCss$
|
|
8463
|
-
const SmoothlyFormDemoDateRangeStyle0 = styleCss$
|
|
8462
|
+
const styleCss$_ = ".sc-smoothly-form-demo-date-range-h{display:block}";
|
|
8463
|
+
const SmoothlyFormDemoDateRangeStyle0 = styleCss$_;
|
|
8464
8464
|
|
|
8465
8465
|
const SmoothlyFormDemoDateRange = class {
|
|
8466
8466
|
constructor(hostRef) {
|
|
@@ -8497,8 +8497,8 @@ const SmoothlyFormDemoLogin = class {
|
|
|
8497
8497
|
}
|
|
8498
8498
|
};
|
|
8499
8499
|
|
|
8500
|
-
const styleCss$
|
|
8501
|
-
const SmoothlyFormDemoPetStyle0 = styleCss$
|
|
8500
|
+
const styleCss$Z = ".sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name=\"hasOwner\"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-summary.sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}";
|
|
8501
|
+
const SmoothlyFormDemoPetStyle0 = styleCss$Z;
|
|
8502
8502
|
|
|
8503
8503
|
const SmoothlyFormDemoPet = class {
|
|
8504
8504
|
constructor(hostRef) {
|
|
@@ -8512,7 +8512,7 @@ const SmoothlyFormDemoPet = class {
|
|
|
8512
8512
|
return (index.h(index.Host, { key: 'ca731e714eb7d3c9027c8eaacccf0ef611917de7' }, index.h("h2", { key: '6b4198cb4bc6f85810f4559fcfa97b8aa1948d76' }, "Pet"), index.h("h3", { key: '8877db7feccc2c437df73f4b9d1df2c0d9e9397f' }, "Value"), index.h("smoothly-form", { key: '817548dbe700db117d066032605e83e89bae52f9', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, index.h("smoothly-input", { key: '159422b05784af942138ba2b73c663988a981795', type: "text", name: "name.first" }, "Name"), index.h("smoothly-input", { key: 'a63d1fee5a11efff76f921e18cf7905473a41715', type: "integer", name: "age" }, "Age (Years)"), index.h("smoothly-input-checkbox", { key: '8ad23527074d579b7ba39e9d39ba25c458173114', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
8513
8513
|
this.hasOwner = e.detail.hasOwner;
|
|
8514
8514
|
e.stopPropagation();
|
|
8515
|
-
} }, "Has Owner"), this.hasOwner && (index.h(index.Fragment, { key: 'fc45ad128e8f79b37745c32f67d1ba7e8b1c4fbf' }, index.h("smoothly-input", { key: '86d389e5e7b0d28d0df399400085729f6471716c', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), index.h("smoothly-input", { key: 'cd62d7fb931c4400103fcc9d9a053a05fa85e487', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), index.h("smoothly-input-file", { key: 'a2896030432f228ad920cdeb4ba5858622ec80c5', name: "owner.picture" }, index.h("span", { key: '24617088152871d9ccdaec6090a8f373d91f23bd', slot: "label" }, "Owner picture")), index.h("smoothly-input-date", { key: '0401cc3c3323b07f71276a072319a30325200c3a', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), index.h("smoothly-input-date-range", { key: '157925e70ec5003e368a04d598974017ed09ebb4', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), index.h("smoothly-input-range", { key: 'ddb0c2ce68a4217fc9888bd5cfd1ba23f86070c7', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), index.h("smoothly-input-select", { key: 'c8c5da0249521e8531c89a7b8b3ac763d87efb41', name: "owner.favoriteHat" }, index.h("span", { key: 'a80454815d98de8211d0811be4f4e010eb5fea1d', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1, selected: this.owner.favoriteHat == value }, value)))), index.h("smoothly-input-color", { key: 'e89472883061c53b0f8eb697ee7780fddd438426', name: "owner.favoriteColor", value: this.owner.favoriteColor ? Scrollable.RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), index.h("smoothly-input-radio", { key: '50c7b642ea08b27fd6f2a29d1cd1985b13f14789', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, index.h("span", { key: 'baa6df6905dd70e4572b91ee17d599c75a593c91', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '5bb00bd662f3c4e537ce4fd107845b8d5abf09fd', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), index.h("smoothly-summary", { key: '4a3fc4cd07aa3873945c3ab974f99d037e3fbbda' }, index.h("span", { key: '0afdd64ca5682fbffd32bd276ad1754347be7c22', slot: "summary" }, "Summary"), index.h("div", { key: '495ef4c2d75d1643bc4f60dba3ce24d4b59cbe74', slot: "content" }, index.h("smoothly-input", { key: 'b62901460412b55658e0ecf9684dcf228c9b8aeb', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), index.h("smoothly-input-file", { key: 'f5bbe653d7d76f849d407ed5412e7fd74738cf67', name: "summary.picture" }, index.h("span", { key: 'f895d5cd3508e1d0584c4b0f27b55a782f400185', slot: "label" }, "Summary picture")), index.h("smoothly-input-date", { key: '0954c449c3dde1535e41b5b7ef8c68769c41bc92', name: "summary.birthday" }, "Summary birthday"), index.h("smoothly-input-date-range", { key: '517776b35be90839508d52ef064ab6f60666ac04', name: "summary.ownedRange" }, "Summary ownedRange"), index.h("smoothly-input-range", { key: '9177373ede95dd28367e3da1ee1f1f9320f8d3b3', name: "summary.height", label: "Height" }), index.h("smoothly-input-select", { key: 'b49a7896448c2d40440e5ab6cec301d73d873669', name: "summary.favoriteHat" }, index.h("span", { key: '50efd70498341500f18cbc37beaaa36fabb8dfa1', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-month", { key: '3855402ed77dd5d6e8e2e3e5d83928df72846a6e', name: "summary.month" }, index.h("span", { key: '2a19d1c8ca76b2a9e161c1ddff12574157074994', slot: "month-label" }, "Summary month")), index.h("smoothly-input-color", { key: '5860b2f19faf59a89dc7ec927580eec8c87cbb4a', name: "summary.color" }, "Summary Color"), index.h("smoothly-input-radio", { key: 'ed742b746ecd09c0a68b239b020a0d5c98a055a7', name: "summary.favoritePizza" }, index.h("span", { key: '658d7669cad7375204a0b8da4e811859d79ce8ac', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '5b6e99bdbf96c73a979dbf896e283e04c7e5914c', name: "summary.hasPet" }, "Has Pet"))), index.h("smoothly-tabs", { key: '4f491e665758c320d52b1296eb9bb7497697b626' }, index.h("smoothly-tab", { key: 'a0bf8af72607a286852fc39001708de27bf2e150', label: "Dog" }, index.h("smoothly-input", { key: 'ad8d73982d3791688cac56360b7924747af0110e', type: "text", name: "dog.breed" }, "Breed"), index.h("smoothly-input-file", { key: '8e5248bf2108046ca6cbdd8ec0185d2cb9aec86c', name: "dog.picture" }, index.h("span", { key: 'a4250a2ad68960d8842266cab470a91809c7b245', slot: "label" }, "Dog picture")), index.h("smoothly-input-date", { key: '
|
|
8515
|
+
} }, "Has Owner"), this.hasOwner && (index.h(index.Fragment, { key: 'fc45ad128e8f79b37745c32f67d1ba7e8b1c4fbf' }, index.h("smoothly-input", { key: '86d389e5e7b0d28d0df399400085729f6471716c', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), index.h("smoothly-input", { key: 'cd62d7fb931c4400103fcc9d9a053a05fa85e487', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), index.h("smoothly-input-file", { key: 'a2896030432f228ad920cdeb4ba5858622ec80c5', name: "owner.picture" }, index.h("span", { key: '24617088152871d9ccdaec6090a8f373d91f23bd', slot: "label" }, "Owner picture")), index.h("smoothly-input-date", { key: '0401cc3c3323b07f71276a072319a30325200c3a', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), index.h("smoothly-input-date-range", { key: '157925e70ec5003e368a04d598974017ed09ebb4', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), index.h("smoothly-input-range", { key: 'ddb0c2ce68a4217fc9888bd5cfd1ba23f86070c7', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), index.h("smoothly-input-select", { key: 'c8c5da0249521e8531c89a7b8b3ac763d87efb41', name: "owner.favoriteHat" }, index.h("span", { key: 'a80454815d98de8211d0811be4f4e010eb5fea1d', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1, selected: this.owner.favoriteHat == value }, value)))), index.h("smoothly-input-color", { key: 'e89472883061c53b0f8eb697ee7780fddd438426', name: "owner.favoriteColor", value: this.owner.favoriteColor ? Scrollable.RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), index.h("smoothly-input-radio", { key: '50c7b642ea08b27fd6f2a29d1cd1985b13f14789', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, index.h("span", { key: 'baa6df6905dd70e4572b91ee17d599c75a593c91', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '5bb00bd662f3c4e537ce4fd107845b8d5abf09fd', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), index.h("smoothly-summary", { key: '4a3fc4cd07aa3873945c3ab974f99d037e3fbbda' }, index.h("span", { key: '0afdd64ca5682fbffd32bd276ad1754347be7c22', slot: "summary" }, "Summary"), index.h("div", { key: '495ef4c2d75d1643bc4f60dba3ce24d4b59cbe74', slot: "content" }, index.h("smoothly-input", { key: 'b62901460412b55658e0ecf9684dcf228c9b8aeb', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), index.h("smoothly-input-file", { key: 'f5bbe653d7d76f849d407ed5412e7fd74738cf67', name: "summary.picture" }, index.h("span", { key: 'f895d5cd3508e1d0584c4b0f27b55a782f400185', slot: "label" }, "Summary picture")), index.h("smoothly-input-date", { key: '0954c449c3dde1535e41b5b7ef8c68769c41bc92', name: "summary.birthday" }, "Summary birthday"), index.h("smoothly-input-date-range", { key: '517776b35be90839508d52ef064ab6f60666ac04', name: "summary.ownedRange" }, "Summary ownedRange"), index.h("smoothly-input-range", { key: '9177373ede95dd28367e3da1ee1f1f9320f8d3b3', name: "summary.height", label: "Height" }), index.h("smoothly-input-select", { key: 'b49a7896448c2d40440e5ab6cec301d73d873669', name: "summary.favoriteHat" }, index.h("span", { key: '50efd70498341500f18cbc37beaaa36fabb8dfa1', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-month", { key: '3855402ed77dd5d6e8e2e3e5d83928df72846a6e', name: "summary.month" }, index.h("span", { key: '2a19d1c8ca76b2a9e161c1ddff12574157074994', slot: "month-label" }, "Summary month")), index.h("smoothly-input-color", { key: '5860b2f19faf59a89dc7ec927580eec8c87cbb4a', name: "summary.color" }, "Summary Color"), index.h("smoothly-input-radio", { key: 'ed742b746ecd09c0a68b239b020a0d5c98a055a7', name: "summary.favoritePizza" }, index.h("span", { key: '658d7669cad7375204a0b8da4e811859d79ce8ac', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '5b6e99bdbf96c73a979dbf896e283e04c7e5914c', name: "summary.hasPet" }, "Has Pet"))), index.h("smoothly-tabs", { key: '4f491e665758c320d52b1296eb9bb7497697b626' }, index.h("smoothly-tab", { key: 'a0bf8af72607a286852fc39001708de27bf2e150', label: "Dog" }, index.h("smoothly-input", { key: 'ad8d73982d3791688cac56360b7924747af0110e', type: "text", name: "dog.breed" }, "Breed"), index.h("smoothly-input-file", { key: '8e5248bf2108046ca6cbdd8ec0185d2cb9aec86c', name: "dog.picture" }, index.h("span", { key: 'a4250a2ad68960d8842266cab470a91809c7b245', slot: "label" }, "Dog picture")), index.h("smoothly-input-date-time", { key: '27a696243ca01d4cab3367300967196372fd952a', name: "dog.lastWalk" }, "Time of last walk"), index.h("smoothly-input-date", { key: 'c06d1ef75c940488c6016976e017718279efbb58', name: "dog.birthday" }, "Dog birthday"), index.h("smoothly-input-date-range", { key: '62f5fb72529d8b243979a389861e9927c7a7e470', name: "dog.dateRange" }, "Dog date range"), index.h("smoothly-input-select", { key: 'abfe59ab4c9e1f78b34664c6a17e0e3301757632', name: "dog.favoriteHat" }, index.h("span", { key: '54cbc4f6e9a219883a7d24562a5558a79cb45c11', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index$1) => (index.h("smoothly-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-color", { key: '4b92479885ffe3f6457946214192c5301298d421', name: "dog.favoriteColor" }, "Dog's Favorite Color"), index.h("smoothly-input-radio", { key: 'e3c13c05702f5d50c9cfa5911a6b5d97d760b1be', name: "dog.favoritePizza" }, index.h("span", { key: '32b8daa4d676b59d95f0c2668991c4849090098c', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, key: index$1 }, value)))), index.h("smoothly-input-checkbox", { key: '7bee52a70d21bafa0850dd7f9281e257b68557d8', name: "dog.hasPet" }, "Has Pet")), index.h("smoothly-tab", { key: '2adff795ab3cca5271c365a2d90ac515db6379d6', label: "Cat", open: true }, index.h("smoothly-input", { key: '17b9bf37e745b6e535dde50decd7b7128e67c07c', name: "cat.favoriteFood" }, "Favorite Food"))), index.h("smoothly-input-submit", { key: '905da98d7ab630b43cf07c21a2cd78fb20b2ba64', size: "icon", slot: "submit", color: "success", fill: "solid" })), index.h("smoothly-display", { key: '7cfb16ec38bb5c1929ac6e77ced637c1241e979f', type: "json", value: this.value })));
|
|
8516
8516
|
}
|
|
8517
8517
|
};
|
|
8518
8518
|
SmoothlyFormDemoPet.style = SmoothlyFormDemoPetStyle0;
|
|
@@ -8522,7 +8522,7 @@ const SmoothlyFormDemoPrices$1 = class {
|
|
|
8522
8522
|
index.registerInstance(this, hostRef);
|
|
8523
8523
|
}
|
|
8524
8524
|
render() {
|
|
8525
|
-
return (index.h(index.Host, { key: '
|
|
8525
|
+
return (index.h(index.Host, { key: 'ef817730d780031d431f9d992a09bdd1d6dc0191' }, index.h("h2", { key: '95f0c14315fe2cd12df649bb02827250ccfbe200' }, "Prices"), index.h("smoothly-form", { key: '0f741fd222ea03a1c2e58d0f3e997ffbcddfb859', looks: "line" }, index.h("smoothly-input", { key: '827cd91113c01c151a5233d794320bbc242faa82', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: '0ec4534ffea6a2ece32abcb4d3a35b3b940f23d1', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), index.h("smoothly-input", { key: 'f892fac339134188fc77faefd7e5c2b2df362a40', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: '9ec492d628eca72e8950e7cd43a70959a2c9040e', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: '08633f3a3a246e4e9dabcea722dc55d8faa2f22e', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: 'cc76fb65cc5a86910d65e5c9db18fe4d26c863db', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: '88e78717c9067de04ee4420780b2d7fb05f316b2', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-reset", { key: '40c78c747e0fb909c4b63499cc88b8cf6f798c82', slot: "reset", fill: "default", type: "form", color: "warning" }), index.h("smoothly-input-submit", { key: 'eee6152ffc0a5d7672016e155df3105eb5a9f340', slot: "submit" }))));
|
|
8526
8526
|
}
|
|
8527
8527
|
};
|
|
8528
8528
|
|
|
@@ -8542,7 +8542,7 @@ const SmoothlyFormDemoPrices = class {
|
|
|
8542
8542
|
index.registerInstance(this, hostRef);
|
|
8543
8543
|
}
|
|
8544
8544
|
render() {
|
|
8545
|
-
return (index.h(index.Host, { key: '
|
|
8545
|
+
return (index.h(index.Host, { key: '9a8342191bcb4f1494d365dbd86a8d0d1faece52' }, index.h("h2", { key: 'e6a539aad12c022a22e1a8edc27d44fcb4df8867' }, "Schedule"), index.h("smoothly-form", { key: '87269a58de54f9789fd32edb99bfc1523d7a919c', looks: "line", validator: TimeTable.type }, index.h("smoothly-input-date", { key: '78b0c1c19ff5a62beffd822e7fc15303595b0963', name: "schedule.0.date" }, "Date"), index.h("smoothly-input", { key: '85b77f75bde169c83db4d51231eeac72bf5af087', name: "schedule.0.amount", type: "price" }, "Amount"), index.h("smoothly-input-date", { key: 'e79ab0b49b6953dba70834e4f915d8c5ad0cc574', name: "schedule.1.date" }, "Date"), index.h("smoothly-input", { key: 'de7dc6c83c44e3288f4f3c3df59919d174d2d1b5', name: "schedule.1.amount", type: "price" }, "Amount"), index.h("smoothly-input-date", { key: 'ec0256b3c2d0a081400d3360dab5a3a28880dabe', name: "schedule.2.date" }, "Date"), index.h("smoothly-input", { key: 'f6940419a9d7f7694e17b1a777c5fc673dc2341a', name: "schedule.2.amount", type: "price" }, "Amount"), index.h("smoothly-input-reset", { key: 'ecd898be80239b97a44e442d4aed1ad136576781', slot: "reset", fill: "default", type: "form", color: "warning" }), index.h("smoothly-input-submit", { key: 'b0e460ddd55e7e2336cdef8a41bf1ed80105d494', slot: "submit" }))));
|
|
8546
8546
|
}
|
|
8547
8547
|
};
|
|
8548
8548
|
|
|
@@ -8551,7 +8551,7 @@ const SmoothlyFormDemoTransparent = class {
|
|
|
8551
8551
|
index.registerInstance(this, hostRef);
|
|
8552
8552
|
}
|
|
8553
8553
|
render() {
|
|
8554
|
-
return (index.h(index.Host, { key: '
|
|
8554
|
+
return (index.h(index.Host, { key: 'e9d2b7c2c35a7fef3d63e5a2e2ad78dac68afa94' }, index.h("h2", { key: 'b0196e756933499f3bb5e76029e7c8211b35ad14' }, "Transparent"), index.h("smoothly-form", { key: '579b4321ee284ee6c6a015890011a020caf6513c', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, index.h("smoothly-input-file", { key: '4bd0729987399d728df72d10d98f3d1d8a321a25', name: "file" }, index.h("span", { key: 'd94eb8d5b54e1288e498ef2a0b058d0d965a6574', slot: "label" }, "File"), index.h("smoothly-icon", { key: 'c7c69177f08ab65b15052e41ecf8f404c285dff5', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: '424ddc6565d5d529f1e3e3fc3c4cc378c4fa454c', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-input-date", { key: '3c7598b83574ffdc75b482ab58ccf29fded61a2c' }, "Date"), index.h("smoothly-input-date-range", { key: 'cdf7915921db87ed535cb7eceb913429226322bb' }, "Date Range"), index.h("smoothly-input-select", { key: '24b0fcdf3bc5a9a45f3121050d117154487f80a5', name: "transport" }, index.h("smoothly-item", { key: '32bcc1947d96c59b65e7cfa233625e1777bcbc50', value: "plane" }, index.h("smoothly-icon", { key: 'ee4f64850410090b75d20b188ba6d3a705fdbdbf', name: "airplane-outline" })), index.h("smoothly-item", { key: '076e4bbd8dd60150320846294d6644b679fcce43', value: "car" }, index.h("smoothly-icon", { key: '589f0efbfa101d53697454c13c4a9ac506a391d7', name: "car-outline" })), index.h("smoothly-item", { key: '3f91afc28773ede15773df606539ded87536c671', value: "bus", selected: true }, index.h("smoothly-icon", { key: 'c2a81e1abaad259df119248a3fcd81c5d63c713d', name: "bus-outline" }))), index.h("smoothly-input-submit", { key: '32fb53f041b821eda365ac8ffa8df118dbd2b3c7', icon: "checkbox-outline" }))));
|
|
8555
8555
|
}
|
|
8556
8556
|
};
|
|
8557
8557
|
|
|
@@ -8565,21 +8565,21 @@ var Contact;
|
|
|
8565
8565
|
});
|
|
8566
8566
|
})(Contact || (Contact = {}));
|
|
8567
8567
|
|
|
8568
|
-
const styleCss$
|
|
8569
|
-
const SmoothlyFormDemoTypedStyle0 = styleCss$
|
|
8568
|
+
const styleCss$Y = "";
|
|
8569
|
+
const SmoothlyFormDemoTypedStyle0 = styleCss$Y;
|
|
8570
8570
|
|
|
8571
8571
|
const SmoothlyFormDemoTyped = class {
|
|
8572
8572
|
constructor(hostRef) {
|
|
8573
8573
|
index.registerInstance(this, hostRef);
|
|
8574
8574
|
}
|
|
8575
8575
|
render() {
|
|
8576
|
-
return (index.h(index.Host, { key: '
|
|
8576
|
+
return (index.h(index.Host, { key: 'e53a0a17b2302337cf2e1e045f94c96906dd3bcb' }, index.h("h2", { key: '0cbe465c14b22f04250ae487d0790ac1910f5e59' }, "Typed Contact"), index.h("smoothly-form", { key: '88448919f6a71ea37240853f673dc0ff07df9587', validator: Contact.type }, index.h("smoothly-input", { key: 'b17b6cdfd48aa02789204504f52876f3a55c578e', name: "name.first" }, "First Name"), index.h("smoothly-input", { key: 'ece3d88c0ff08625d55281cc1cc6adbb1f02efda', name: "name.middle" }, "Middle Name (optional)"), index.h("smoothly-input", { key: '61d9bf66ca545510b46d3c9936cf552e44538fac', name: "name.last" }, "Last Name"), index.h("smoothly-input", { key: 'dffb209c6e0f5c98cb17bd74dfcaa402061d2172', name: "age", type: "integer" }, "Age (18-120)"), index.h("smoothly-input-select", { key: '04948477a80cca43ddab4fcefe77230b576f3145', name: "country" }, index.h("span", { key: 'e3d6e8bc8bd964b44f58a8ed47cccfa1aa363066', slot: "label" }, "Country"), TimeZone.Alpha2.values.map(country => (index.h("smoothly-item", { value: country }, en.from(country))))), index.h("smoothly-input-date", { key: 'cc4e3676ec2e411a7026d48d4986864800a046a0', name: "birthday" }, "Date of birth"), index.h("smoothly-input-reset", { key: 'af37d92c8ffa3a47b8573af693f7aa4b245a1c98', slot: "reset", type: "form", size: "icon", color: "warning" }), index.h("smoothly-input-submit", { key: 'e1d18fc9c58985f06bea1173a15920eecbf98d29', slot: "submit", size: "icon", color: "success" }))));
|
|
8577
8577
|
}
|
|
8578
8578
|
};
|
|
8579
8579
|
SmoothlyFormDemoTyped.style = SmoothlyFormDemoTypedStyle0;
|
|
8580
8580
|
|
|
8581
|
-
const styleCss$
|
|
8582
|
-
const SmoothlyFrameStyle0 = styleCss$
|
|
8581
|
+
const styleCss$X = ".sc-smoothly-frame-h{display:block;width:100%;height:100%}[hidden].sc-smoothly-frame-h{display:none}.sc-smoothly-frame-h>iframe.sc-smoothly-frame{border:none;padding:none;margin:none}";
|
|
8582
|
+
const SmoothlyFrameStyle0 = styleCss$X;
|
|
8583
8583
|
|
|
8584
8584
|
const SmoothlyFrame = class {
|
|
8585
8585
|
constructor(hostRef) {
|
|
@@ -8626,8 +8626,8 @@ const SmoothlyFrame = class {
|
|
|
8626
8626
|
};
|
|
8627
8627
|
SmoothlyFrame.style = SmoothlyFrameStyle0;
|
|
8628
8628
|
|
|
8629
|
-
const styleCss$
|
|
8630
|
-
const SmoothlyIconStyle0 = styleCss$
|
|
8629
|
+
const styleCss$W = "[fill].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-h{display:flex;align-items:center;justify-content:center;box-sizing:content-box}[rotate].sc-smoothly-icon-h{--rotate:rotate(var(--rotation, 0deg));transform:var(--rotate)}[flip=x].sc-smoothly-icon-h{--flip:scaleX(-1);transform:var(--flip)}[flip=y].sc-smoothly-icon-h{--flip:scaleY(-1);transform:var(--flip)}[rotate][flip].sc-smoothly-icon-h{transform:var(--rotate)var(--flip)}[hidden].sc-smoothly-icon-h{display:none}[size=tiny].sc-smoothly-icon-h{--smoothly-icon-size:1.2em}[size=small].sc-smoothly-icon-h{--smoothly-icon-size:1.4em}[size=medium].sc-smoothly-icon-h{--smoothly-icon-size:1.8em}[size=large].sc-smoothly-icon-h{--smoothly-icon-size:2.8em}[size=xlarge].sc-smoothly-icon-h{--smoothly-icon-size:4em}.sc-smoothly-icon-h{width:var(--smoothly-icon-size, 1.8em);height:var(--smoothly-icon-size, 1.8em)}.sc-smoothly-icon-h.sc-smoothly-icon-s>svg{width:100%}";
|
|
8630
|
+
const SmoothlyIconStyle0 = styleCss$W;
|
|
8631
8631
|
|
|
8632
8632
|
const SmoothlyIcon = class {
|
|
8633
8633
|
constructor(hostRef) {
|
|
@@ -8671,7 +8671,7 @@ const SmoothlyIcon = class {
|
|
|
8671
8671
|
}
|
|
8672
8672
|
render() {
|
|
8673
8673
|
var _a;
|
|
8674
|
-
return index.h(index.Host, { key: '
|
|
8674
|
+
return index.h(index.Host, { key: '0cd1bf1fd47bb75db4addbb772c8ebf7420a9f76', innerHTML: this.document, style: { ["--rotation"]: `${(_a = this.rotate) !== null && _a !== void 0 ? _a : 0}deg` } });
|
|
8675
8675
|
}
|
|
8676
8676
|
static get watchers() { return {
|
|
8677
8677
|
"toolTip": ["nameChanged"],
|
|
@@ -8680,8 +8680,8 @@ const SmoothlyIcon = class {
|
|
|
8680
8680
|
};
|
|
8681
8681
|
SmoothlyIcon.style = SmoothlyIconStyle0;
|
|
8682
8682
|
|
|
8683
|
-
const styleCss$
|
|
8684
|
-
const SmoothlyIconDemoStyle0 = styleCss$
|
|
8683
|
+
const styleCss$V = ".sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}";
|
|
8684
|
+
const SmoothlyIconDemoStyle0 = styleCss$V;
|
|
8685
8685
|
|
|
8686
8686
|
const SmoothlyIconDemo = class {
|
|
8687
8687
|
constructor(hostRef) {
|
|
@@ -8692,12 +8692,12 @@ const SmoothlyIconDemo = class {
|
|
|
8692
8692
|
this.props = {};
|
|
8693
8693
|
}
|
|
8694
8694
|
render() {
|
|
8695
|
-
return (index.h(index.Host, { key: '
|
|
8695
|
+
return (index.h(index.Host, { key: '62708f079ddee486734d33e49e50ae2558cc52d7' }, index.h("h2", { key: '9daf63fea24f813509180b6da99d1989aad4448b' }, "Filter and Variants"), index.h("smoothly-form", { key: '6ae13747e710a0e95782f87fc202ccda48db3824', onSmoothlyFormInput: e => (this.display = e.detail) }, index.h("smoothly-input", { key: '4d206c676a1a629331aa1492254c766566135ede', name: "filter" }, "Filter"), index.h("smoothly-input-select", { key: '1dc08cd1e052453d4aa7e27fba2d65609a49f866', name: "variant" }, index.h("span", { key: '646c1e579d8cb2e679c77a8835f620cb5e7dcaa9', slot: "label" }, "Variant"), index.h("smoothly-item", { key: 'cddbecdb6a46aa56e29a70179003e92afdf21ef4', value: "outline" }, "outline"), index.h("smoothly-item", { key: '3121ff8590e82394c3bbf2c352e56fd7f0c3e048', value: "sharp" }, "sharp"), index.h("smoothly-input-clear", { key: 'affa09805a787591ad55073219a04e1083a70848', slot: "end" }))), index.h("h2", { key: 'da00f6dafde8079b44e962bd4a51fab57b5769cf' }, "Props"), index.h("smoothly-form", { key: '420c4c62dc31e8606475afd0754f535f7ae550c2', onSmoothlyFormInput: e => (this.props = e.detail) }, index.h("smoothly-input-select", { key: '5843a6d6eeeced970126d5f602693fa365c2492f', name: "color" }, index.h("span", { key: '770f177f71499fa8274523241b97f4162a4bafb2', slot: "label" }, "Color"), Scrollable.Color.values.map(color => (index.h("smoothly-item", { value: color, color: color }, color))), index.h("smoothly-input-clear", { key: 'c2ce6484987455f4a9db213c9737489e86283a33', slot: "end" })), index.h("smoothly-input-select", { key: 'c5b32eb509f543b213845dca10df50df9f04e8e8', name: "fill" }, index.h("span", { key: '3d94614bc074a46b2f687f934377b31f727c7917', slot: "label" }, "Fill"), Scrollable.Fill.values.map(fill => (index.h("smoothly-item", { value: fill }, fill))), index.h("smoothly-input-clear", { key: '40957b700c25fb1a27402667666bafe0cd0cc182', slot: "end" })), index.h("smoothly-input-select", { key: 'cbef37a017be99621df6698d57eddd3b6975df0c', name: "flip" }, index.h("span", { key: 'd384e098cb6b58c141e98fbb37e28f00669e7884', slot: "label" }, "Flip"), index.h("smoothly-item", { key: '3990c09061387a8aea7753103db56e08fb5c4f20', value: "x" }, "x"), index.h("smoothly-item", { key: 'a8e48ae9700a50c1340bbb05706386335441de24', value: "y" }, "y"), index.h("smoothly-input-clear", { key: '984009c27202699fb8bfe6aad99886087afddfcb', slot: "end" })), index.h("smoothly-input-select", { key: 'b192607f8615cac74df64ed1afda16ca5a88c884', name: "size" }, index.h("span", { key: '899b2324d9993983766fb24ee175d8bfa758dbe5', slot: "label" }, "Size"), index.h("smoothly-item", { key: '56e975109e10df35375eee193081e96c58d104fa', value: "tiny" }, "tiny"), index.h("smoothly-item", { key: '9d9d204e20db7f1447f38947dd30521bcd68f5f0', value: "small" }, "small"), index.h("smoothly-item", { key: '9d1216f79b2ab0f66cfc395eebddf8d88be3f6f5', value: "medium" }, "medium"), index.h("smoothly-item", { key: '67e4f4bc0df6baa70ee927eaa0a275fdd3aef8d7', value: "large" }, "large"), index.h("smoothly-item", { key: '42580e58183e763f425e375c42940d8613f0946a', value: "xlarge" }, "xlarge"), index.h("smoothly-input-clear", { key: '11188b6cb463578b0253d694b097a13af0e842c5', slot: "end" })), index.h("smoothly-input-range", { key: '250cb6caf4a697ab7a7c4af16e0611858a0cdec8', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", index.h("smoothly-input-clear", { key: '01eef0ab611eaec82527f731f7423ad023af7507', slot: "end" }))), index.h("h1", { key: '69996c44ed040941e07bad3191edbf8f65d321a0' }, "Icons"), index.h("div", { key: 'c66af90970b454464bef605bc942ee1ea9796ec5', class: "icons" }, [
|
|
8696
8696
|
...Scrollable.Icon.Name.values
|
|
8697
8697
|
.filter(name => !this.display.filter || name.includes(this.display.filter))
|
|
8698
8698
|
.map((name) => (this.display.variant ? `${name}-${this.display.variant}` : name)),
|
|
8699
8699
|
...Scrollable.Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),
|
|
8700
|
-
].map(name => (index.h("smoothly-icon", { name: name, toolTip: name, "data-name": name, color: this.props.color, flip: this.props.flip, size: this.props.size, rotate: this.props.rotate, onClick: () => {
|
|
8700
|
+
].map(name => (index.h("smoothly-icon", { name: name, toolTip: name, "data-name": name, color: this.props.color, fill: this.props.fill, flip: this.props.flip, size: this.props.size, rotate: this.props.rotate, onClick: () => {
|
|
8701
8701
|
navigator.clipboard.writeText(name);
|
|
8702
8702
|
this.notice.emit(Notice.Notice.succeeded(`Copied "${name}"`));
|
|
8703
8703
|
} }))))));
|
|
@@ -8986,8 +8986,8 @@ var Key;
|
|
|
8986
8986
|
Key.create = create;
|
|
8987
8987
|
})(Key || (Key = {}));
|
|
8988
8988
|
|
|
8989
|
-
const styleCss$
|
|
8990
|
-
const SmoothlyInputStyle0 = styleCss$
|
|
8989
|
+
const styleCss$U = ".sc-smoothly-input-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-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-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-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-h,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.has-value.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.ghost.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
|
|
8990
|
+
const SmoothlyInputStyle0 = styleCss$U;
|
|
8991
8991
|
|
|
8992
8992
|
const SmoothlyInput = class {
|
|
8993
8993
|
constructor(hostRef) {
|
|
@@ -9124,7 +9124,7 @@ const SmoothlyInput = class {
|
|
|
9124
9124
|
}
|
|
9125
9125
|
render() {
|
|
9126
9126
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
9127
|
-
return (index.h(index.Host, { key: '
|
|
9127
|
+
return (index.h(index.Host, { key: '0046874130373d440f019048c4605836bab13866', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, index.h("slot", { key: '62543fd9baa1a180154a070946790ce5af1141c0', name: "start" }), index.h("div", { key: '00e17a078ec4fa127467d44d3e32b6eb7c559800', class: "smoothly-input-container" }, index.h("div", { key: '6dda805d5c3f0f064e16c56eb03cc17f28d83bc9', class: "ghost" }, index.h("div", { key: '17bb1306fe1d35949ba6e45512cd3e99c6484ba5', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: 'f7e84112afdfa56381042b721d39aa0d30ece6d3', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: '8356c125ce07feb88d40f7503b7b1da1a0447dbb', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
|
|
9128
9128
|
this.state = this.stateHandler.onKeyDown(event, this.state);
|
|
9129
9129
|
if (!this.readonly && !this.disabled)
|
|
9130
9130
|
this.smoothlyKeydown.emit(Key.create(this.name, event));
|
|
@@ -9137,7 +9137,7 @@ const SmoothlyInput = class {
|
|
|
9137
9137
|
if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
|
|
9138
9138
|
this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
|
|
9139
9139
|
}
|
|
9140
|
-
} }), index.h("label", { key: '
|
|
9140
|
+
} }), index.h("label", { key: '8d17e6b68b32b37e299ee896697bac07205acc4d', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: '07feb99cc38b31c7b1ca9a212799b1d9cfc7f58b' }))), index.h("smoothly-icon", { key: 'fae4b45c6cf93493ddc0cefb4e9d639294f466d5', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'b998ad53b86d558c0b73e5c3f1ad40210d692420', name: "end" })));
|
|
9141
9141
|
}
|
|
9142
9142
|
get element() { return index.getElement(this); }
|
|
9143
9143
|
static get watchers() { return {
|
|
@@ -9150,8 +9150,8 @@ const SmoothlyInput = class {
|
|
|
9150
9150
|
};
|
|
9151
9151
|
SmoothlyInput.style = SmoothlyInputStyle0;
|
|
9152
9152
|
|
|
9153
|
-
const styleCss$
|
|
9154
|
-
const SmoothlyInputCheckboxStyle0 = styleCss$
|
|
9153
|
+
const styleCss$T = ".sc-smoothly-input-checkbox-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-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks=\"line\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding:0 var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly]),.sc-smoothly-input-checkbox-h:not([readonly])>*.sc-smoothly-input-checkbox{cursor:pointer}[readonly].sc-smoothly-input-checkbox-h,[readonly].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{cursor:not-allowed;border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}";
|
|
9154
|
+
const SmoothlyInputCheckboxStyle0 = styleCss$T;
|
|
9155
9155
|
|
|
9156
9156
|
const SmoothlyInputCheckbox = class {
|
|
9157
9157
|
constructor(hostRef) {
|
|
@@ -9218,7 +9218,7 @@ const SmoothlyInputCheckbox = class {
|
|
|
9218
9218
|
!this.disabled && !this.readonly && (this.checked = !this.checked);
|
|
9219
9219
|
}
|
|
9220
9220
|
render() {
|
|
9221
|
-
return (index.h(index.Host, { key: '
|
|
9221
|
+
return (index.h(index.Host, { key: '833609164edc11403d0abf37581eae241ade4022', onMouseDown: (e) => (this.mouseDownPosition = { x: e.clientX, y: e.clientY }), onMouseUp: (e) => { var _a; return ((_a = this.mouseDownPosition) === null || _a === void 0 ? void 0 : _a.x) == e.clientX && this.mouseDownPosition.y == e.clientY && this.click(); } }, index.h("input", { key: '0a1383f71f2da86ca8f5145b673cc363464c2307', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: '0b1a207721e0374dd79a0be0bea78c7a5ac9d3e2', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: '656867d69e3cf8554df686764a76d8d4ff55dac8' }, index.h("slot", { key: '536b8f6429d82b7ead0746f8f78918844d74942a' }))));
|
|
9222
9222
|
}
|
|
9223
9223
|
get element() { return index.getElement(this); }
|
|
9224
9224
|
static get watchers() { return {
|
|
@@ -9227,8 +9227,8 @@ const SmoothlyInputCheckbox = class {
|
|
|
9227
9227
|
};
|
|
9228
9228
|
SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
|
|
9229
9229
|
|
|
9230
|
-
const styleCss$
|
|
9231
|
-
const SmoothlyInputClearStyle0 = styleCss$
|
|
9230
|
+
const styleCss$S = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
|
|
9231
|
+
const SmoothlyInputClearStyle0 = styleCss$S;
|
|
9232
9232
|
|
|
9233
9233
|
const SmoothlyInputClear = class {
|
|
9234
9234
|
constructor(hostRef) {
|
|
@@ -9268,13 +9268,13 @@ const SmoothlyInputClear = class {
|
|
|
9268
9268
|
}
|
|
9269
9269
|
render() {
|
|
9270
9270
|
var _a;
|
|
9271
|
-
return (index.h(index.Host, { key: '
|
|
9271
|
+
return (index.h(index.Host, { key: 'cd3f880e2bbbf7e76336ad2ecf759e8534978141', title: this.tooltip }, index.h("smoothly-button", { key: '04f616c6342c64cb53bb8bf2e296b81a4a131b2a', 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: '19abfef9437763a04dda38a4db19972274375b04' }), index.h("smoothly-icon", { key: '69e46b20ee1c15268aec5e710ae52b6d6038c444', name: "close", size: "tiny" }))));
|
|
9272
9272
|
}
|
|
9273
9273
|
};
|
|
9274
9274
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9275
9275
|
|
|
9276
|
-
const styleCss$Q = ".sc-smoothly-input-color-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-color-h[looks=\"border\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}.sc-smoothly-input-color-h[looks=\"line\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-color-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-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{filter:opacity(60%)}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
|
|
9277
|
-
const SmoothlyInputColorStyle0 = styleCss$
|
|
9276
|
+
const styleCss$R = ".sc-smoothly-input-color-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-color-h[looks=\"border\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}.sc-smoothly-input-color-h[looks=\"line\"].sc-smoothly-input-color-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-color-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-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{filter:opacity(60%)}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
|
|
9277
|
+
const SmoothlyInputColorStyle0 = styleCss$R;
|
|
9278
9278
|
|
|
9279
9279
|
const SmoothlyInputColor = class {
|
|
9280
9280
|
constructor(hostRef) {
|
|
@@ -9418,7 +9418,7 @@ const SmoothlyInputColor = class {
|
|
|
9418
9418
|
}
|
|
9419
9419
|
render() {
|
|
9420
9420
|
var _a, _b, _c, _d, _e, _f;
|
|
9421
|
-
return (index.h(index.Host, { key: '
|
|
9421
|
+
return (index.h(index.Host, { key: '2f1a28996b592d69882975831576e63be86cda4c', style: {
|
|
9422
9422
|
"--hexCode": this.value,
|
|
9423
9423
|
"--rgb-r": `${Math.round((_a = this.rgb.r) !== null && _a !== void 0 ? _a : 0)}`,
|
|
9424
9424
|
"--rgb-g": `${Math.round((_b = this.rgb.g) !== null && _b !== void 0 ? _b : 0)}`,
|
|
@@ -9427,7 +9427,7 @@ const SmoothlyInputColor = class {
|
|
|
9427
9427
|
"--hsl-s": `${Math.round((_e = this.hsl.s) !== null && _e !== void 0 ? _e : 0)}%`,
|
|
9428
9428
|
"--hsl-l": `${Math.round((_f = this.hsl.l) !== null && _f !== void 0 ? _f : 0)}%`,
|
|
9429
9429
|
"--element-height": `${this.element.clientHeight}px`,
|
|
9430
|
-
} }, index.h("smoothly-input", { key: '
|
|
9430
|
+
} }, index.h("smoothly-input", { key: '6cfaa6fc460579212c82e23f576b614a8ec939e7', value: this.value, name: this.name, looks: undefined, color: this.color, type: "hex-color", showLabel: this.showLabel, readonly: this.readonly, onSmoothlyInput: event => (event === null || event === void 0 ? void 0 : event.stopPropagation(), this.hexInputHandler(event.detail[this.name])) }, index.h("slot", { key: '9876c7a6a6f94e6971240e59340b2ddc45fe011e' })), index.h("div", { key: '303fe59863a8eadb230b775393776214891c458c', class: "color-sample" }), index.h("smoothly-icon", { key: '7166e064dfc8e3bee8fbc96e174b978a39313fe6', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), index.h("div", { key: '38b7b41c4dde97ede1b72df696555f71acf19c13' }, index.h("slot", { key: '9fb68c9faeae04a02761a0cda7c70d226546fa9c', name: "end" })), this.open && !this.readonly && (index.h("div", { key: '67c5708df458d961f2bbba5970d39a04e6709c13', class: "rgb-sliders" }, index.h("smoothly-toggle-switch", { key: '025476f000074e93fc6ce82c314a92bed9a100d7', title: `${this.sliderMode === "rgb" ? "To HSL" : "To RGB"}`, onSmoothlyToggleSwitchChange: event => this.handleSwitchMode(event), size: "tiny", checkmark: false, selected: this.sliderMode === "hsl" }), Object.entries(this.rgb).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "rgb" ? { display: "none" } : {}, name: key, min: 0, max: 255, color: undefined, type: "text", value: value, step: 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() }))), Object.entries(this.hsl).map(([key, value]) => (index.h("smoothly-input-range", { style: this.sliderMode != "hsl" ? { display: "none" } : {}, name: key, min: 0, max: key === "h" ? 359 : 1, color: undefined, type: key === "s" || key === "l" ? "percent" : "text", value: (key === "s" || key === "l") && value ? value / 100 : value, step: key === "s" || key === "l" ? 0.01 : 1, outputSide: "right", onSmoothlyInput: event => this.sliderInputHandler(event), label: key.toUpperCase() })))))));
|
|
9431
9431
|
}
|
|
9432
9432
|
get element() { return index.getElement(this); }
|
|
9433
9433
|
static get watchers() { return {
|
|
@@ -9441,13 +9441,13 @@ const SmoothlyInputColorDemo = class {
|
|
|
9441
9441
|
index.registerInstance(this, hostRef);
|
|
9442
9442
|
}
|
|
9443
9443
|
render() {
|
|
9444
|
-
return (index.h(index.Host, { key: '
|
|
9444
|
+
return (index.h(index.Host, { key: '425472ef4f686d52c44e4d3a929be66d78823b26' }, index.h("h2", { key: '621c263cd20e5e1e31b26e184c9691b7b16ad282' }, "Color"), index.h("smoothly-input-color", { key: '2aece7d05a7fa18b83ca8830096a78bb105c8f85', name: "color" }, "Choose color")));
|
|
9445
9445
|
}
|
|
9446
9446
|
};
|
|
9447
9447
|
SmoothlyInputColorDemo.style = "style.css";
|
|
9448
9448
|
|
|
9449
|
-
const styleCss$
|
|
9450
|
-
const SmoothlyInputDateStyle0 = styleCss$
|
|
9449
|
+
const styleCss$Q = ".sc-smoothly-input-date-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-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-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-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date{width:100%;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:pointer}[readonly].sc-smoothly-input-date-h,[readonly].sc-smoothly-input-date-h>smoothly-input.sc-smoothly-input-date>div.sc-smoothly-input-date>input.sc-smoothly-input-date{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";box-sizing:border-box;position:absolute;top:1px;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
|
|
9450
|
+
const SmoothlyInputDateStyle0 = styleCss$Q;
|
|
9451
9451
|
|
|
9452
9452
|
const SmoothlyInputDate = class {
|
|
9453
9453
|
constructor(hostRef) {
|
|
@@ -9533,13 +9533,13 @@ const SmoothlyInputDate = class {
|
|
|
9533
9533
|
event.stopPropagation();
|
|
9534
9534
|
}
|
|
9535
9535
|
render() {
|
|
9536
|
-
return (index.h(index.Host, { key: '
|
|
9536
|
+
return (index.h(index.Host, { key: '8884cdf389b528fec502033ce7e39f2c64b97af0' }, index.h("smoothly-input", { key: '98a34770396233698ed083c494037345c4fc7113', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: this.name, onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, invalid: this.invalid, type: "date", value: this.value, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9537
9537
|
e.stopPropagation();
|
|
9538
9538
|
this.value = e.detail[this.name];
|
|
9539
|
-
} }, index.h("slot", { key: '
|
|
9539
|
+
} }, index.h("slot", { key: '364ede1311ce3d197d67d2ee9c3cbafe9cdfbff0' })), index.h("span", { key: 'e756acdb20b36e8685734b55fca605b4fd06b74d', class: "icons" }, index.h("slot", { key: 'ea3e77c4def4b208986fc03f130d3b20456be089', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '4e7431ba681198993785ccfc64a2368841f310b0' }, index.h("smoothly-calendar", { key: 'f8627fb42af281a2560e67c0019261a232fb4074', doubleInput: false, value: this.value, onSmoothlyValueChange: event => {
|
|
9540
9540
|
this.value = event.detail;
|
|
9541
9541
|
event.stopPropagation();
|
|
9542
|
-
}, max: this.max, min: this.min }, index.h("div", { key: '
|
|
9542
|
+
}, max: this.max, min: this.min }, index.h("div", { key: 'a994434f3912f73593f465ed3919240fc040fd2a', slot: "year-label" }, index.h("slot", { key: '9e25d531a2ba9dd51d53423f501ab4c900505ef2', name: "year-label" })), index.h("div", { key: 'eee8013f9ab75335df8d8a36564a7d1ec2e89456', slot: "month-label" }, index.h("slot", { key: 'e44ddede40ef772a959f7f4ed0777108c7676d6c', name: "month-label" })))))));
|
|
9543
9543
|
}
|
|
9544
9544
|
get element() { return index.getElement(this); }
|
|
9545
9545
|
static get watchers() { return {
|
|
@@ -9548,8 +9548,8 @@ const SmoothlyInputDate = class {
|
|
|
9548
9548
|
};
|
|
9549
9549
|
SmoothlyInputDate.style = SmoothlyInputDateStyle0;
|
|
9550
9550
|
|
|
9551
|
-
const styleCss$
|
|
9552
|
-
const SmoothlyInputDateRangeStyle0 = styleCss$
|
|
9551
|
+
const styleCss$P = ".sc-smoothly-input-date-range-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-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-range-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-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:pointer}[readonly].sc-smoothly-input-date-range-h,[readonly].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:not-allowed}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{min-width:15rem;width:100%;background-color:transparent;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}";
|
|
9552
|
+
const SmoothlyInputDateRangeStyle0 = styleCss$P;
|
|
9553
9553
|
|
|
9554
9554
|
const SmoothlyInputDateRange = class {
|
|
9555
9555
|
constructor(hostRef) {
|
|
@@ -9645,12 +9645,12 @@ const SmoothlyInputDateRange = class {
|
|
|
9645
9645
|
}
|
|
9646
9646
|
render() {
|
|
9647
9647
|
const locale = navigator.language;
|
|
9648
|
-
return (index.h(index.Host, { key: '
|
|
9648
|
+
return (index.h(index.Host, { key: '9264a1feea92e3151f9eb3a7ed4a33ba8d70d2b0', tabindex: 0 }, index.h("section", { key: '683a4226bec41fe455f53000a52b2de7e3299030', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: 'c6b5c3d154cd6ebc651b4fa187b2808bd5f9dae2', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
|
|
9649
9649
|
? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
|
|
9650
9650
|
: undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
|
|
9651
9651
|
e.stopPropagation();
|
|
9652
9652
|
this.inputHandler(e.detail);
|
|
9653
|
-
} }, index.h("slot", { key: '
|
|
9653
|
+
} }, index.h("slot", { key: '9e32996babca0c1ad197d91a1d7db1e9e0dd553b' }))), index.h("span", { key: 'a1bffd73159766ed93c979e8d434802b095716f3', class: "icons" }, index.h("slot", { key: '2257c8ebd21da97cc917b66c0fc2799c66402f20', name: "end" })), this.open && (index.h("nav", { key: '112d3614de43a24f357b3846b207cdd7851d1452' }, index.h("smoothly-calendar", { key: '0b8d5227c5f066d32c9b0ba83bcce0201564bbd9', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9654
9654
|
e.stopPropagation();
|
|
9655
9655
|
this.start = e.detail;
|
|
9656
9656
|
}, onSmoothlyEndChange: e => {
|
|
@@ -9671,6 +9671,147 @@ const SmoothlyInputDateRange = class {
|
|
|
9671
9671
|
};
|
|
9672
9672
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
9673
9673
|
|
|
9674
|
+
const styleCss$O = ".sc-smoothly-input-date-time-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-date-time-h[looks=\"border\"].sc-smoothly-input-date-time-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}.sc-smoothly-input-date-time-h[looks=\"line\"].sc-smoothly-input-date-time-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-time-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-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-time-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[readonly].sc-smoothly-input-date-time-h,[readonly].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time>smoothly-calendar.sc-smoothly-input-date-time::before{content:\"\";box-sizing:border-box;position:absolute;top:1px;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name=\"date\"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"hour\"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"minute\"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}@media screen and (min-width: 400px){.sc-smoothly-input-date-time-h>nav.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
|
|
9675
|
+
const SmoothlyInputDateTimeStyle0 = styleCss$O;
|
|
9676
|
+
|
|
9677
|
+
const SmoothlyInputDateTime = class {
|
|
9678
|
+
constructor(hostRef) {
|
|
9679
|
+
index.registerInstance(this, hostRef);
|
|
9680
|
+
this.smoothlyInputLoad = index.createEvent(this, "smoothlyInputLoad", 7);
|
|
9681
|
+
this.smoothlyValueChange = index.createEvent(this, "smoothlyValueChange", 7);
|
|
9682
|
+
this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
|
|
9683
|
+
this.smoothlyInputLooks = index.createEvent(this, "smoothlyInputLooks", 7);
|
|
9684
|
+
this.smoothlyFormDisable = index.createEvent(this, "smoothlyFormDisable", 7);
|
|
9685
|
+
this.listener = {};
|
|
9686
|
+
this.color = undefined;
|
|
9687
|
+
this.looks = undefined;
|
|
9688
|
+
this.name = undefined;
|
|
9689
|
+
this.changed = false;
|
|
9690
|
+
this.readonly = false;
|
|
9691
|
+
this.invalid = false;
|
|
9692
|
+
this.errorMessage = undefined;
|
|
9693
|
+
this.value = undefined;
|
|
9694
|
+
this.open = undefined;
|
|
9695
|
+
this.showLabel = true;
|
|
9696
|
+
this.min = undefined;
|
|
9697
|
+
this.max = undefined;
|
|
9698
|
+
this.date = undefined;
|
|
9699
|
+
this.hour = undefined;
|
|
9700
|
+
this.minute = undefined;
|
|
9701
|
+
}
|
|
9702
|
+
componentWillLoad() {
|
|
9703
|
+
var _a, _b;
|
|
9704
|
+
this.setInitialValue();
|
|
9705
|
+
this.smoothlyInputLooks.emit((looks, color) => { var _a; return ((this.looks = (_a = this.looks) !== null && _a !== void 0 ? _a : looks), !this.color && (this.color = color)); });
|
|
9706
|
+
this.smoothlyInputLoad.emit(parent => (this.parent = parent));
|
|
9707
|
+
!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
|
|
9708
|
+
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
9709
|
+
}
|
|
9710
|
+
async disconnectedCallback() {
|
|
9711
|
+
if (!this.element.isConnected)
|
|
9712
|
+
await this.unregister();
|
|
9713
|
+
}
|
|
9714
|
+
async register() {
|
|
9715
|
+
Input.formAdd(this);
|
|
9716
|
+
}
|
|
9717
|
+
async unregister() {
|
|
9718
|
+
Input.formRemove(this);
|
|
9719
|
+
}
|
|
9720
|
+
async getValue() {
|
|
9721
|
+
const value = this.date && typeof this.hour == "number" && typeof this.minute == "number"
|
|
9722
|
+
? `${this.date}T${`${this.hour}`.padStart(2, "0")}:${`${this.minute}`.padStart(2, "0")}:00.000Z`
|
|
9723
|
+
: undefined;
|
|
9724
|
+
return TimeZone.DateTime.is(value) ? value : undefined;
|
|
9725
|
+
}
|
|
9726
|
+
async listen(property, listener) {
|
|
9727
|
+
this.listener[property] = listener;
|
|
9728
|
+
listener(this);
|
|
9729
|
+
}
|
|
9730
|
+
async clear() {
|
|
9731
|
+
this.value = undefined;
|
|
9732
|
+
this.date = undefined;
|
|
9733
|
+
this.hour = undefined;
|
|
9734
|
+
this.minute = undefined;
|
|
9735
|
+
}
|
|
9736
|
+
async handleChange() {
|
|
9737
|
+
var _a, _b;
|
|
9738
|
+
const value = await this.getValue();
|
|
9739
|
+
this.smoothlyValueChange.emit(value);
|
|
9740
|
+
this.smoothlyInput.emit({ [this.name]: value });
|
|
9741
|
+
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
9742
|
+
}
|
|
9743
|
+
valueChange(value) {
|
|
9744
|
+
var _a, _b;
|
|
9745
|
+
if (TimeZone.DateTime.is(value)) {
|
|
9746
|
+
this.date = TimeZone.DateTime.getDate(value);
|
|
9747
|
+
this.hour = TimeZone.DateTime.getHour(value);
|
|
9748
|
+
this.minute = TimeZone.DateTime.getMinute(value);
|
|
9749
|
+
}
|
|
9750
|
+
this.smoothlyValueChange.emit(value);
|
|
9751
|
+
this.smoothlyInput.emit({ [this.name]: value });
|
|
9752
|
+
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
9753
|
+
}
|
|
9754
|
+
smoothlyInputHandler(event) {
|
|
9755
|
+
if (event.target != this.element)
|
|
9756
|
+
event.stopPropagation();
|
|
9757
|
+
}
|
|
9758
|
+
smoothlyInputLooksHandler(event) {
|
|
9759
|
+
if (event.target != this.element)
|
|
9760
|
+
event.stopPropagation();
|
|
9761
|
+
}
|
|
9762
|
+
smoothlyInputLoadHandler(event) {
|
|
9763
|
+
Input.registerSubAction(this, event);
|
|
9764
|
+
}
|
|
9765
|
+
onWindowClick(event) {
|
|
9766
|
+
!event.composedPath().includes(this.element) && this.open && (this.open = !this.open);
|
|
9767
|
+
}
|
|
9768
|
+
async edit(editable) {
|
|
9769
|
+
this.readonly = !editable;
|
|
9770
|
+
}
|
|
9771
|
+
async reset() {
|
|
9772
|
+
if (TimeZone.DateTime.is(this.initialValue)) {
|
|
9773
|
+
this.date = TimeZone.DateTime.getDate(this.initialValue);
|
|
9774
|
+
this.hour = TimeZone.DateTime.getHour(this.initialValue);
|
|
9775
|
+
this.minute = TimeZone.DateTime.getMinute(this.initialValue);
|
|
9776
|
+
}
|
|
9777
|
+
else {
|
|
9778
|
+
this.date = undefined;
|
|
9779
|
+
this.hour = undefined;
|
|
9780
|
+
this.minute = undefined;
|
|
9781
|
+
}
|
|
9782
|
+
}
|
|
9783
|
+
async setInitialValue() {
|
|
9784
|
+
this.initialValue = await this.getValue();
|
|
9785
|
+
this.changed = false;
|
|
9786
|
+
}
|
|
9787
|
+
render() {
|
|
9788
|
+
return (index.h(index.Host, { key: 'f685671f7623581876d377217bc42b9486e4a179' }, index.h("smoothly-input", { key: 'a31204db327a688869ee1c5275db78b871afa268', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: "date", onFocus: () => !this.readonly && (this.open = !this.open), onClick: () => !this.readonly && (this.open = !this.open), readonly: this.readonly, type: "date", value: this.date, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9789
|
+
e.stopPropagation();
|
|
9790
|
+
this.date = e.detail.date;
|
|
9791
|
+
} }, index.h("slot", { key: '1a08c1994f7d59f58349d7896de61f1e58be148f' })), index.h("smoothly-input", { key: '5714b1a043d1fbaef8d9ffe74d31789b46c603e1', name: "hour", type: "integer", max: 23, value: this.hour, placeholder: "hh", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9792
|
+
e.stopPropagation();
|
|
9793
|
+
this.hour = e.detail.hour;
|
|
9794
|
+
} }), index.h("span", { key: '22de8e550b339963d907a6acb7352abf1bcb4672', class: "colon" }, ":"), index.h("smoothly-input", { key: 'f990c4c4fe93b57a1dd8b1959ef5a5cd734322f8', name: "minute", type: "integer", max: 59, value: this.minute, placeholder: "mm", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9795
|
+
e.stopPropagation();
|
|
9796
|
+
this.minute = e.detail.minute;
|
|
9797
|
+
} }), index.h("span", { key: '03f9d327ff1f3e8e85f130174de8cf6bb973b68a', class: "icons" }, index.h("smoothly-icon", { key: '8ab24a69f37c9f91e7eae091b5e1e0a234f5603e', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'aa179179ebb4e651983ef043f7c3681874c3fec2', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '79d2319fdeb0324acbac5b3372104a46433366b7' }, index.h("smoothly-calendar", { key: 'c3e4d0a7f52b6d9a1d5226fd5d8156ccbb61148e', doubleInput: false, value: this.value, min: this.min ? TimeZone.DateTime.getDate(this.min) : undefined, max: this.max ? TimeZone.DateTime.getDate(this.max) : undefined, onSmoothlyValueChange: e => {
|
|
9798
|
+
this.date = e.detail;
|
|
9799
|
+
e.stopPropagation();
|
|
9800
|
+
}, onSmoothlyDateSet: e => {
|
|
9801
|
+
this.open = false;
|
|
9802
|
+
e.stopPropagation();
|
|
9803
|
+
} }, index.h("div", { key: 'f8b4da09f4e35f8e15a1947ce2925d20a2bffca5', slot: "year-label" }, index.h("slot", { key: 'e2eb5db558c1d6065a4eb335e0b28b14643e75d9', name: "year-label" })), index.h("div", { key: '9b03608816d7c7c1f16314f694d540587b142e92', slot: "month-label" }, index.h("slot", { key: 'c7c67e09c8a4cd5171bc6d3cea431ac6d41e06de', name: "month-label" })))))));
|
|
9804
|
+
}
|
|
9805
|
+
get element() { return index.getElement(this); }
|
|
9806
|
+
static get watchers() { return {
|
|
9807
|
+
"date": ["handleChange"],
|
|
9808
|
+
"hour": ["handleChange"],
|
|
9809
|
+
"minute": ["handleChange"],
|
|
9810
|
+
"value": ["valueChange"]
|
|
9811
|
+
}; }
|
|
9812
|
+
};
|
|
9813
|
+
SmoothlyInputDateTime.style = SmoothlyInputDateTimeStyle0;
|
|
9814
|
+
|
|
9674
9815
|
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%}";
|
|
9675
9816
|
const SmoothlyInputDemoStyle0 = styleCss$N;
|
|
9676
9817
|
|
|
@@ -9681,14 +9822,14 @@ const SmoothlyInputDemo = class {
|
|
|
9681
9822
|
this.alphanumeric = "!@##";
|
|
9682
9823
|
}
|
|
9683
9824
|
render() {
|
|
9684
|
-
return (index.h(index.Host, { key: '
|
|
9825
|
+
return (index.h(index.Host, { key: '6b76ad9238bac8081314e4837ebd98307de38dad' }, index.h("smoothly-input-demo-standard", { key: 'f01eea6d5242a634b41ad706f4e071e5d18ab0d0' }), index.h("div", { key: '19c7dfa3c020b0367552a7254eabe5914895df3d', class: "inputs" }, index.h("h2", { key: 'bc28b9077ccf104566263415792fcc17adaabf48' }, "Calendar"), index.h("smoothly-input-date", { key: '927f509aeea74a8c71192de2da1e9a94cac8ba25', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: '51dfd1f872fc354689d6b50cb09b50af29397d92', name: "someDateTime" }, "DateTime"), index.h("h2", { key: 'd6c4206b9cd37968ddb31a729421426b8155a684' }, "Date Range"), index.h("smoothly-input-date-range", { key: '0a0b797d687900af6153056f1aa2e6b036977e8f', 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: '692a39e6f84cb8fef83b6f5e45669d39212f40ee', 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: '31c69e1203027ef28a57ff0f9444aa6ea008d596', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: 'c0f0c89f1651ec73d40bc4b90b3ad420c11b175d', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9685
9826
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9686
|
-
} }, index.h("smoothly-input-clear", { key: '
|
|
9827
|
+
} }, index.h("smoothly-input-clear", { key: '71919ae4a599a69a4d22b64a0df7cf14fbb90fb1', slot: "end", size: "icon" })), index.h("h2", { key: '876ef70c63a70873047b2248ea9f6d4213f81f19' }, "Date"), index.h("smoothly-input-date", { key: '1f8ca07a67bafed4f51eae08e17d0b4d7bc8db42' }, "Date"), index.h("smoothly-input-date", { key: '49455625eb71c6f7d6d1b690aedcd42a3d79a67b', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '136f7e38566b2542b9961124eb688da89a229d0f', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: '74300b814beda57a74c4b22375b4c2c77fc3ef85', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: 'a95b8bd4c1de2703992ce072047013e9a30f458d', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '279e6b6abcc5cb81e59338dcc27508f1f3d9ba11', slot: "end", size: "icon" })), index.h("h2", { key: '0f0d51fe5f32942c087c9e7a8773c7654d205a58' }, "Select"), index.h("div", { key: '0b8402098b70e7faa9d2e4764c5925b7a828d0a0', class: "select-div" }, index.h("smoothly-input-select", { key: '961ac8725d3405ba3f3765cfe5a0878d6fe7a071', name: "select-dessert", looks: "border" }, index.h("label", { key: '7bf194639e6ee9ff96b62a15ed9e00f88621b3b7', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: 'b1bc6e49f1cc78d8e289f89c8604f40edfda62aa', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '29b0128fdaf49a260d619b830736f6d35614114b', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '91d62568b8f072b4d00f58315b0553fb6edafbe7', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: '0b058b8d63dd1e13551274ec665ccb686ef6be07', value: "4" }, "Cookie"), index.h("smoothly-item", { key: '72d8ab4c88bd951e9b49bb149074231b71052b85', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '8edd5911789eb1263b327f61c620dfbe609e6b24', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'f220a43c7476375dfbfbefa7cdb167fac3ef0b41', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '22ce7d332e32a112d9fe82927687c2f4ebe2e536', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: 'e5e50901992e8f08a703cafb997a9684507cfd78', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '4fa5eb62bacee098d016122c0a669db50dc82f26', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '8298d237826158bb5b21dd34c2844b745175e804', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: '5d5a5dd8ca97227d2ffe3cfcf6ad2e538a4d41f6', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '9b9f7784c4ed671d64a958b4723344f600ac50f0', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: 'd12a6181d71bb6525009cee933871861c076335e', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: 'f41010be4b6b0f872b7322992720ce208a56d32b', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '2a39d303bafa529d36a86326e419e2df9c1d9f8e', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '11814867e9393040169f40ba26cdb139b175e3ca', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '971b0682de76f47bafbab665a577f7b908f2c1ae', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '10f6203ce57f262f73e22a76cd8da6c051912b40', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '7cf1347aaf5443c4a131e8524a0a2d2e56a2a449', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '4aa469f9a2181273191b157a83c731acf8d8d0e2', value: "folder", selected: true }, index.h("smoothly-icon", { key: '0b842c2b5fbce95c5e10ea142479c2cab4c30a59', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'eaf8e46883d3fc6c8f2e6d10de8505c4431d386f', value: "camera" }, index.h("smoothly-icon", { key: 'c7d8a64c45ecc10fac807228eda7ea3d0e04bf1a', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '5885ee3fba0c90739172588b81a3986d0b0ffa22', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'b7bc9954f3626c31107ab0396f93ce144c77076d', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9687
9828
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9688
|
-
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '
|
|
9829
|
+
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: 'c4aa7cffaaf167f14aa0c64d892884cbde68e5be', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '545276bfb714dfd58c6154782ee8ae211b95cec6', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '7e65f5dc15cae37de91517e7faf6ac6e5399bce9', value: "1" }, "January"), index.h("smoothly-item", { key: 'c30435464dc59d081fcc3027a0559cc2ed651263', value: "2" }, "February"), index.h("smoothly-item", { key: '2369d8e036dd55c75e7c38650a2cd84477302b26', value: "3" }, "March"), index.h("smoothly-item", { key: '70deb72243f26d8e44aefd45ad8934616162bbcb', value: "4" }, "April"), index.h("smoothly-item", { key: '3746936d4ff064b7c4c102e1b12ab0fc9e032063', value: "5" }, "May"), index.h("smoothly-item", { key: '7070e74bd89c6f8257617c69e9f86898b7276b6d', value: "6" }, "June"), index.h("smoothly-item", { key: '6e7ce9026ab57b2504ba7cb66c6581a29cd3c719', value: "7" }, "July"), index.h("smoothly-item", { key: 'bd26f3aed9824a9badfe1c76e284d231bdcef74d', value: "8" }, "August"), index.h("smoothly-item", { key: 'fb68e06412265f8abd9d48b5e632b9703c4ac928', value: "9" }, "September"), index.h("smoothly-item", { key: '8d665cb2ff2f3485fe78aba07b8f9de7a911251e', value: "10" }, "October"), index.h("smoothly-item", { key: '2daee790fe6fb3b1ba06189a8a5b70af75f78a6a', value: "11" }, "November"), index.h("smoothly-item", { key: '51c4c70fd8256d5aa2a609c3560f5a596d545e8f', value: "12" }, "December"))), index.h("h2", { key: 'fb225955c7e4944055c2f5dbabce570a1a471aae' }, "Duration"), index.h("smoothly-input", { key: 'f44446650cd88ad8d99ded00c6bc6ab5449cbd92', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: '11f884760d1597ea12a14a6cafa9038a6588f725', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9689
9830
|
const duration = e.detail.duration;
|
|
9690
9831
|
this.duration = duration;
|
|
9691
|
-
} }, "Duration"), index.h("h2", { key: '
|
|
9832
|
+
} }, "Duration"), index.h("h2", { key: '4c7492e9714e8fb6ed7cf3d9ed4ea96adb985130' }, "Integer with Min/Max"), index.h("smoothly-input", { key: 'b20b1b15b55f7b70f6242516efe1582b209a26d4', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: 'c906c1f3899f68a55f8be01c02eec8a1555475a0', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '86ee548b052dde32fcfdc56bf3fc87b3523a4af8', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: '66e657e487efa82de5f1fc0263b43019bdac2cbd', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: 'cda6e85e77f12cfd3ef7726b6441044708f8fdf6' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: 'c46bdd16248a0abd4719c60b2214e3d0a76be91f', 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: '8b9ac9caaee89b0f0311b3b07cff22a642dd0e91' }, "Identifiers"), index.h("smoothly-input", { key: 'a86d2727f6403d4f0abf68523b64cf87d41e920e', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '0c1074b72c4f43c4154384d40b3d57544a368b5c', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '8daee7413012f41575269d5d1544bd55163a6224', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '853d8e4ca927c3fb4795a8c22a074ac70e3221cb', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '47d002602d7b06b9200425dea97832e2f2af166e', type: "identifier-camel" }, "Camel"), index.h("h2", { key: '90d5bc2db3b3a24e7811f235150be80dda8b99e1' }, "Input Alternatives"), index.h("smoothly-input", { key: '45f7215c2e1a24efe1e9d57a17cabc61baeb0111', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '52329d58edb2c7339ca9cfe141caeb0fc293d0bb', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '38bab99ffee2515d50a6ffe8ccd4e84e3dc9f886', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'e9f274e1ef1f3c3b8bfe745ca96d5869b3dab037', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '6fd7aa7c4d8efc4c4c4df1b59795242841591688', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '89710a2b183a786dc6a3d4b8d74f16e112ff8f5e', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '2a89776d8fb9d51d67349f98dcf8664bcc998a57', placeholder: "test" }), index.h("smoothly-input-submit", { key: '5556f4dfce7aa8ccaa7c2c31854bdc1834309b34', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: 'fbecb4027ca619c48dbaf4959a7a37e67727af67' }, "Smoothly checkboxes"), index.h("div", { key: '32412e16e082f5a1ccd1baa209058d7cdd9a4e91', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '9abd96ea1d8a91bbb24e9ce02e72a7266df75799', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '1223e51c9b85cff662d82d510094dee740c2ee77', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '31bf44e0df0221c42adf3fe58463cff04e8cc4bc', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: 'f11474c5b4f4ac1267aa3497bf234d4cdc50f130', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '9d54145cfe1114a9cabc02ed57535da3e11f375b', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: 'b638676c431660d910eed5792faa0cfc87500412', name: "third-checkbox" }, "3rd")), index.h("h4", { key: '22a945c153157b3896913bac81f8c4314b8451d6' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: '35ed33aa765ba3fb0817e039fcf90fcebf3cd6c2', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'be8659761a6623b0e7fa12a0d0fa535edaaedcc2', name: "checkmark-circle", slot: "start" }), index.h("label", { key: 'a0e5f61e0a27a4f4dca21298671aec752a1d407c', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'd1a85abe8267d8970d5ef498abe8dcf5f76d6a84', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'af7eca3580a8dfbc8fbd918a0bef5d3ca5c9ce80', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'a0b23474026cb3bf08b5b8cdc709db8e3a3afcb6', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '8f6f0c21cfdf282fb6768239ae410197bbfd3a14', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'b0838be43e328f4cb185f61ac8b51ef94db28a1b', name: "radioSecondInput" }, index.h("label", { key: 'f8d216209a405c137fc5b806feb041806844eace', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '6930abf2cfe2911c03446c3ab08e7be7a3a87728', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '54ce3c3bff3fd64d0aa19ca134fb375bf9f34ddc', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'fc864e57e7cab32ca10c26416f60cdce45c2fac5', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '130e9a9d0c0357cdcbcd0074ecb74ccaa9306c01', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'e7016eea8f86a0639de1b062ad4a7d81750ee6cd', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '8a52b7c1c44cffb63cd877eda812806caae059a8', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: 'd0b867c8b63f616ae7a1eacba91d08df641f0db2' }), index.h("smoothly-input-color-demo", { key: 'c3dc25177603e7c31df0a00c1a624e87532233e0' }), index.h("smoothly-input-price-demo", { key: '0ca0b6ae79ecf4db86c5597e8f0ac84e0f57094a' }), index.h("smoothly-back-to-top", { key: 'ea8d2cc631f98ec5f49d56f7ad4fe3596578090b' }))));
|
|
9692
9833
|
}
|
|
9693
9834
|
};
|
|
9694
9835
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
@@ -9717,7 +9858,7 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9717
9858
|
}
|
|
9718
9859
|
render() {
|
|
9719
9860
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9720
|
-
return (index.h(index.Host, { key: '
|
|
9861
|
+
return (index.h(index.Host, { key: '14f3997d5443f2e76fd46941eba1d63d3154b97c', class: { vertical: !!this.options.vertical } }, index.h("div", { key: 'd546f2bcbdf79cf259c0643f2d1c7b752a32d855', class: "description" }, index.h("h2", { key: '5eba4de9ad8e9d25a74b9c37e74dd96d8945f754' }, "Input Standard"), index.h("p", { key: '711ee8f5c5fb7ad1d59bdcb254d16b7adf778766' }, "Height of input should be ", index.h("code", { key: '3685a00cb89ee68f0086edbb9017ae8aa9cead62' }, "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: '27dfad971615ab7bc9ffd0f44be0165e67dd62d9', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: 'aef29635c1ec10565093e49a5acbabb93cc33efe', name: "looks" }, index.h("span", { key: 'c6489fe16be3e9e6790eec65fa6dd05f1dcf4093', slot: "label" }, "Looks"), Looks.values.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-checkbox", { key: '47648eb64993a231fcd229b60dc7d96d91868c4f', name: "readonly" }, "Readonly"), index.h("smoothly-input-select", { key: '382c46535ac9a515cac68c02ffb875d25db36d6a', name: "color" }, index.h("span", { key: '5b81d2cbbf12c6b7a0edb935cccc1e168c3f288e', 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: '52f8eefbd4340e6a29a56c8f0cd0b74e20a100f6', slot: "end" })), index.h("smoothly-input-checkbox", { key: '6a9cefbb724d4505f6071177d5cac39e6bc9132d', name: "vertical" }, "Vertical Layout"), index.h("smoothly-input-checkbox", { key: '19ee4c2294b35122fb8cfc635afd521d14a52f86', name: "showLabel", checked: true }, "Show Label"), index.h("smoothly-input-checkbox", { key: '7f7eb514020c2a3fbcb4aa2ebd26d54db17f1e2b', name: "placeholder" }, "Placeholder"), index.h("smoothly-input-checkbox", { key: '1b46418e59527440485f41d08ec7fbd1d7eb98e0', name: "invalid" }, "Invalid"), index.h("smoothly-input", { key: 'ab089629619a331cf101cf1b0fd8d99591625162', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), index.h("smoothly-input-range", { key: '8049224f96f3f89c0524c1add0c84fbf39f1b7cc', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }))), index.h("div", { key: 'cad9cb051bf5c2d831c1144861f0d321dabc89c8', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: '531cf00988eb45c201f98bf0068cde80271f4d76', class: "width" }, "100%"), index.h("div", { key: '9ffb19f9a5cbe3cf2a1abedba6bdeb4e436ede27', class: "left-padding" }, "0.5rem - left padding"), index.h("smoothly-input", { key: '0aa816550e207f2486b36938e09b300a07d514eb', 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: 'a17dba081f48d638910ab56877c94d3a29dd1a03' }, "Text"), index.h("smoothly-input-clear", { key: 'fb8c295bd08bcabd77d6892a255d3e62fe90da22', slot: "end" })), index.h("div", { key: 'd138de3fe84ad220c32913e5f3088ba4789b32dd', class: "height" }), index.h("smoothly-input-select", { key: '1cb41795811d6dae4f918d60352e4a3069e1e0bf', 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: '954f7ab810fafd0e97ba9aae2a8d6cced6287e14', slot: "label" }, "Select"), index.h("smoothly-item", { key: '3ca96142851f51cb9534225b8e666949d2c21b26', value: "1" }, "January"), index.h("smoothly-item", { key: '347345a2874ba4d69a12fc6f0ec63e153c45abad', value: "2" }, "February"), index.h("smoothly-item", { key: '47ae3f0baa1c43fd3822b0211e39028e5a2bd913', value: "3" }, "March"), index.h("smoothly-item", { key: 'ba9e6f827429953aac90063eaecaa62bc4c827b8', value: "4" }, "April"), index.h("smoothly-item", { key: '19c5129b5d01e402dd1590442b38c4e391955787', value: "5" }, "May"), index.h("smoothly-item", { key: 'c098e0163dd1072cceb3cda351e58b8174f29550', value: "6" }, "June"), index.h("smoothly-item", { key: 'c024c4f46a4842a4166fae8e94982935a94f1c52', value: "7" }, "July"), index.h("smoothly-item", { key: '4ea99fc760fa7ca2e2a198072f8f97afcee27611', value: "8" }, "August"), index.h("smoothly-item", { key: 'e1d0fed7a17667950ad1412864b8ac451ed1bce7', value: "9" }, "September"), index.h("smoothly-item", { key: 'ed048d75a54a0857e1f837e3bdf64135e9cac385', value: "10" }, "October"), index.h("smoothly-item", { key: '61adb3f944994a3a7de21bbc86af2c597db13afb', value: "11" }, "November"), index.h("smoothly-item", { key: '50d1ee703328a10c7a24914b4018a880251ca8e1', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '6d043e427de3b06c96688a5ed9ec81980cc683ad', slot: "end" })), index.h("div", { key: '9c72f92e10878960773f7e35e941125c18602165', class: "height" }), index.h("smoothly-input-checkbox", { key: '170fa03ac2b2b687e2adbd3e76c742aee945db49', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), index.h("div", { key: '6032900febc8c4f19eec5de4c836ad789af6c51f', class: "height" }), index.h("smoothly-input-radio", { key: '8371012b68b5b5ec8142e458ad263a8bbe5c1974', 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: '3d745c001e8eb4a7e7c111d5633ebe67aa959b1e', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: '241b15c2fc477fbf223ce4278fc920f78af4404a', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'c1a9b31d82df396edee4b138c91b3cb7554c3dce', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '5ce18fbd44df0a140689fb319a218fcbb4345112', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '1543c4db8d51d2ac474e7fc64ac08148fe686c6f', slot: "end" })), index.h("div", { key: '9164f57828a874e7ac265525add448b9cef6499f', class: "height" }), index.h("smoothly-input-file", { key: '998832500189a8048b61c0d088ebf6091936de83', 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: 'f7042552073f536c32221a76a0c15c6456d9a651', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: '0f6aafb859e647da06d3780ff368799dba535d26', slot: "end" })), index.h("div", { key: '148c9d320a09e57a70d5c3f055a8b8968e37fa98', class: "height" }), index.h("smoothly-input-range", { key: '7dfb09485f2e8cd990bb99cce68e9330f5588cad', 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: '55688ff7c249e1448e7c0982ad3600324b8154de', slot: "end" })), index.h("div", { key: '17118e5f9818d7394bd1d48c8cdecb56027896a3', class: "height" }), index.h("smoothly-input-color", { key: '74d74bc522829d74ef66d7bcdae1d036d52fdea6', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '739954a57951a1a8a5a43d86dc18ec36ef01122d' }, "Color"), index.h("smoothly-input-clear", { key: 'c1945bc7985ca512c4676e41ded665b30153e51d', slot: "end" })), index.h("div", { key: '95dac85925a2456d07c959331a16ccc35856f740', class: "height" }), index.h("smoothly-input-date", { key: 'c1ce4940545188b1666a2714c3f2ceffc0bda60a', 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: 'c2bae1b862f1d02201d03b6a5ab2acdb1d1cb045' }, "Date"), index.h("smoothly-input-clear", { key: '7f03d5653485e61c14f0fddcf2fab6d2c6d47499', slot: "end" })), index.h("div", { key: 'abea3ee074a0bd8a936f8893ecabed881a820e15', class: "height" }), index.h("smoothly-input-date-time", { key: '4027287369d494864485f48074171903d67a8f6e', 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: '12c698ba807f45233aea2ff29e527cee700f452e', slot: "end" })), index.h("div", { key: 'dd08b676e93e76c9105022784d3cbefdfae667c6', class: "height" }), index.h("smoothly-input-date-range", { key: '927589ec6d706d73b1553da6d6cf03191c688b3c', 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: 'e679284c2b91b9b231071bc6444b73dee31e2bc5' }, "Date Range"), index.h("smoothly-input-clear", { key: '33d186198e131bfba24b0b1dece79ee3fe36878c', slot: "end" })), index.h("div", { key: '14c03e80bada19f0635da1a85b7f2cbfadd989ec', class: "height" }), index.h("div", { key: '3a4fd556ccccfbf566a8c27eb3c74760dffa6893', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9721
9862
|
}
|
|
9722
9863
|
get element() { return index.getElement(this); }
|
|
9723
9864
|
};
|
|
@@ -9756,7 +9897,7 @@ const SmoothlyInputEdit = class {
|
|
|
9756
9897
|
}
|
|
9757
9898
|
render() {
|
|
9758
9899
|
var _a;
|
|
9759
|
-
return (index.h(index.Host, { key: '
|
|
9900
|
+
return (index.h(index.Host, { key: 'f4b88c08f34277a915cfec6bce48fedbc10eae07', title: this.toolTip }, index.h("smoothly-button", { key: '1cd4dd7d49d1dc11bc1661477fa814849b8a3e1f', 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: 'a0fa979725be9d57c13754e1fa7d01f9b1f5b8d1' }), index.h("smoothly-icon", { key: '328075c5444edb7ce7a967f16579c7ec7edc742e', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9760
9901
|
}
|
|
9761
9902
|
};
|
|
9762
9903
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
@@ -9870,7 +10011,7 @@ const SmoothlyInputFile = class {
|
|
|
9870
10011
|
}
|
|
9871
10012
|
render() {
|
|
9872
10013
|
var _a, _b, _c;
|
|
9873
|
-
return (index.h(index.Host, { key: '
|
|
10014
|
+
return (index.h(index.Host, { key: 'fd024c3fb839f3d9b444b09c3b55dcd96c4139df', 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: '636345d960e05bc6e7299c1c306cfd763ad78c32' }, index.h("slot", { key: '911d9215654b918bdb843269c5392523c97337a8', name: "label" })), index.h("div", { key: 'f54718991c82336e4fe2f3a6f8a84cc52da635b8', class: "input" }, index.h("smoothly-button", { key: '55c379187cf9d59ffee497075bb8ee6576d99740', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '3b6ab18c1ab0fb76a4c7151054415b95815876b9', name: "button" })), index.h("span", { key: '7901e7c5cd0b8344474e18746288bc14f103ee04' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '4c435365bee82aac9459a6d86b201225065ec3a4', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: '83c7cfdd671c04e48f6b95cac4b9ab1429a07caf', name: "document-attach-outline" })), index.h("input", { key: 'cfc2bafb8d4b9b5af6d6b9f1f17d1312b3dfea68', 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: '4d125c84153bf6f60d40de857043bc6a53932361', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '4d59248a3b753b10e785cebe9dc77fbd79b01ac0', name: "end" }))));
|
|
9874
10015
|
}
|
|
9875
10016
|
get element() { return index.getElement(this); }
|
|
9876
10017
|
static get watchers() { return {
|
|
@@ -9991,9 +10132,9 @@ const SmoothlyInputMonth = class {
|
|
|
9991
10132
|
}
|
|
9992
10133
|
render() {
|
|
9993
10134
|
var _a, _b;
|
|
9994
|
-
return (index.h(index.Host, { key: '
|
|
10135
|
+
return (index.h(index.Host, { key: 'e3b78671189b4799aa6420870caac62bbe2e3206' }, index.h("smoothly-icon", { key: 'edd56db8506d2348f45d0e451dc6343b2ac1c40f', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9995
10136
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
9996
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '
|
|
10137
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '37537931c02522dff6b3a841aa2e6443a86db8e5', 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: 'c52efe9d16ac08f24545f337d7a89f1a7ad83af5', slot: "label" }, index.h("slot", { key: '8e0a0a023d413d1fef890639b213791320f73e66', 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: '98147726f3b4e0f51ac8af4b6394cb581529f8e6', 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: '836cd43278fd86d0d810e817335367c6d8522df1', slot: "label" }, index.h("slot", { key: 'a370f8065bc60246a4b3128b71df92f3d469b717', 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: '186887cd04242aff455980704947aacfae63f640', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9997
10138
|
disabled: this.readonly || !this.allowNextMonth,
|
|
9998
10139
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
9999
10140
|
}
|
|
@@ -10016,7 +10157,7 @@ const SmoothlyInputPriceDemo = class {
|
|
|
10016
10157
|
this.currency = "USD";
|
|
10017
10158
|
}
|
|
10018
10159
|
render() {
|
|
10019
|
-
return (index.h(index.Host, { key: '
|
|
10160
|
+
return (index.h(index.Host, { key: '79d2b4b0522cd90b751e7da7f2630289a204411e' }, index.h("h2", { key: '4a50850a8cea3d8ac1535e3e7ba247986ead7bdb' }, "State demo on smoothly-input"), index.h("p", { key: '1d60b9f3086fe2d6aef0406d4e88aec87b4cd9f9' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: '0e8c90bc64628754392262b590aef28a46c8113f' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: '485449050be389b7b101328dca5478cf739afaf4', 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: '9920d32947730f631e72072bb22b4f82d940cd73', type: "price", currency: this.currency }, "price")));
|
|
10020
10161
|
}
|
|
10021
10162
|
};
|
|
10022
10163
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
@@ -10125,7 +10266,7 @@ const SmoothlyInputRadio = class {
|
|
|
10125
10266
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10126
10267
|
}
|
|
10127
10268
|
render() {
|
|
10128
|
-
return (index.h(index.Host, { key: '
|
|
10269
|
+
return (index.h(index.Host, { key: '2683b527137fcd6362d031d734239dbeaf40189f', class: "floating-label" }, index.h("slot", { key: '2b7b2a76600ce44547604cde7c4bdc6b1c49f060', name: "start" }), index.h("div", { key: 'd5c326b86b585ec49fdb4a1f1b9b9035ba8bb0d2' }, index.h("slot", { key: '11f4e016acf166e44e5533666015fde2ffba09fa', name: "label" }), index.h("div", { key: 'd099fdeaa59227b67d3149d60c5a240dba9a14e1', class: "options" }, index.h("slot", { key: '0c871b481539804b6c51037ee1739e901a7f6628' }))), index.h("slot", { key: 'aee4f654185112600103bb644047584bb6e6d0c0', name: "end" })));
|
|
10129
10270
|
}
|
|
10130
10271
|
get element() { return index.getElement(this); }
|
|
10131
10272
|
static get watchers() { return {
|
|
@@ -10156,7 +10297,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
10156
10297
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10157
10298
|
}
|
|
10158
10299
|
render() {
|
|
10159
|
-
return (index.h(index.Host, { key: '
|
|
10300
|
+
return (index.h(index.Host, { key: 'accc7b7e7097677782604053aee9b48ed9349756', onClick: () => this.inputHandler() }, index.h("input", { key: '9bd4dd5bfdfd1e6eb23a02b8d4fdea14cd936802', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: 'fe0d24d61fd2b5a318542f68effa90c163abf5fe', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '0d6e257ed8300bacc23b6327d5c249e38cb51775' }, index.h("slot", { key: 'd380a71b8949a325493c98f60a933a6f82e5b1bb' }))));
|
|
10160
10301
|
}
|
|
10161
10302
|
get element() { return index.getElement(this); }
|
|
10162
10303
|
};
|
|
@@ -10260,17 +10401,17 @@ const SmoothlyInputRange = class {
|
|
|
10260
10401
|
}
|
|
10261
10402
|
render() {
|
|
10262
10403
|
var _a, _b, _c;
|
|
10263
|
-
return (index.h(index.Host, { key: '
|
|
10404
|
+
return (index.h(index.Host, { key: '2faaa0e7a748f84cb04a785ffba77ac005137e04', class: {
|
|
10264
10405
|
"output-side-right": this.outputSide === "right",
|
|
10265
10406
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10266
|
-
} }, index.h("slot", { key: '
|
|
10407
|
+
} }, index.h("slot", { key: '652c0722bd06da67656bb6cdd941cfb9808fab6f', name: "start" }), index.h("div", { key: '0b1af258430da3891efe8dabd7f8d34ce023f113' }, index.h("label", { key: '31c27bfd26aa9671668b449c0b4e53025b3b08df', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '8809cc1771f887cf29939a78f31bf0090a650349', 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(),
|
|
10267
10408
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10268
10409
|
e.stopPropagation();
|
|
10269
10410
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
|
|
10270
|
-
}, 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: '
|
|
10411
|
+
}, 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: '3f49234277227496ebc666da01ce74b920573795', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: 'aeb3791f8cddfa450c297c271af75a1eaab3229c', 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 => {
|
|
10271
10412
|
event.stopPropagation();
|
|
10272
10413
|
this.setValue(event.target.valueAsNumber);
|
|
10273
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '
|
|
10414
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '5f259976445a88d9204f3afdd3ecaee885d3cc37', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '28f5e3334e63b5930fac6f87f255c7841dbeb3a8', name: "end" })));
|
|
10274
10415
|
}
|
|
10275
10416
|
get element() { return index.getElement(this); }
|
|
10276
10417
|
static get watchers() { return {
|
|
@@ -10284,7 +10425,7 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10284
10425
|
index.registerInstance(this, hostRef);
|
|
10285
10426
|
}
|
|
10286
10427
|
render() {
|
|
10287
|
-
return (index.h(index.Host, { key: '
|
|
10428
|
+
return (index.h(index.Host, { key: 'd01c20bae43d1c4399040a27d06a8899e6c41d61' }, index.h("h2", { key: 'a4c84c71e44029a74fc896abb4f208d694188721' }, "Range"), index.h("h3", { key: 'a8c1e2e60e1c4dd2f5f7ef7e3dd2c25ffd2c9a95' }, "Phone Number"), index.h("smoothly-input-range", { key: 'f91c8f7c67d28b3dae1359da6a397a0db2896daf', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '135e17f039d09a3cb3cd1317702cdcf19ca11f76' }, "Stars out of ten"), index.h("smoothly-input-range", { key: 'c7827f612a561e6237a69d5eef8d8c170bf3529b', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: '8ca8c80a31bf68ef58dc4a47c72a64b946c98538' }, "Percent"), index.h("smoothly-input-range", { key: 'a134090aed032211a135d82ecb7de5040f56b18a', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: '2377916ee7a4787eec2efff1eee6fb6c2029bbc7' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '91c7c98d7654a14d4066fec7734d64d8ec9e2810', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '47afc40b571788d84b564c7078dd5e797b36b33d', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '5351d78c059982ab2b72264b97c662d828cca0cb', size: "icon", slot: "end" }))));
|
|
10288
10429
|
}
|
|
10289
10430
|
};
|
|
10290
10431
|
|
|
@@ -10330,7 +10471,7 @@ const SmoothlyInputReset = class {
|
|
|
10330
10471
|
}
|
|
10331
10472
|
render() {
|
|
10332
10473
|
var _a;
|
|
10333
|
-
return (index.h(index.Host, { key: '
|
|
10474
|
+
return (index.h(index.Host, { key: '898e6ce3936aa5d448653cf7297050e9b8d9b789', title: this.tooltip }, index.h("smoothly-button", { key: '6b417bd20cc7e55bb669745475fc646b8f7729d9', 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: '7ebc5081b0d518f22f4961ae5852b98b1abb5572' }), index.h("smoothly-icon", { key: 'b367a1fe2f2b6721b10a2ae7e52f36c0e16aa50c', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10334
10475
|
}
|
|
10335
10476
|
};
|
|
10336
10477
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10638,14 +10779,14 @@ const SmoothlyInputSelect = class {
|
|
|
10638
10779
|
this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10639
10780
|
}
|
|
10640
10781
|
render() {
|
|
10641
|
-
return (index.h(index.Host, { key: '
|
|
10782
|
+
return (index.h(index.Host, { key: 'c631dc1181b49bd7057175d67ed8c2e5b2dad63f', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '29660cf0508f40e9b04fe5011517e4b03819a13e', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '8be43f1f1590b43fee1ee7a95a2beeba1b8bfe1d', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'bf67cf558290681008788976b57f119027eec54f', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: '7a0791050ba8cec4053ffe30c8f00b5ba5c858ea', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '456fe3c9e103033de5e14815224bb82906cf00d9', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: 'd366cbabc2d06aa0975623b56e7a68206586fe3b', name: "label" }), index.h("div", { key: 'f1ff68203d774d98e6497ccabae9a33fa0957df1', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: 'f830796521edba5c927418e05acdcf4f83442a5f', class: "search-preview" }, index.h("smoothly-icon", { key: 'bf5d3525c6ebca58be716e6bbdd2b03307087a39', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '7bfd62b31e9464bf8a6afd6925d5da23d05a0a00', name: "backspace-outline", size: "small", onClick: e => {
|
|
10642
10783
|
e.stopPropagation();
|
|
10643
10784
|
this.filter = "";
|
|
10644
10785
|
this.element.focus();
|
|
10645
|
-
} }), this.mutable && (index.h("smoothly-icon", { key: '
|
|
10786
|
+
} }), this.mutable && (index.h("smoothly-icon", { key: '79262791c7deafb2d4ec24eea96c077cb3a807b0', name: "add", size: "small", onClick: e => {
|
|
10646
10787
|
e.stopPropagation();
|
|
10647
10788
|
this.addItem();
|
|
10648
|
-
} })))), index.h("slot", { key: '
|
|
10789
|
+
} })))), index.h("slot", { key: '165ce33ce27039b670b03ad5b578167966a613b3' }), this.addedItems)));
|
|
10649
10790
|
}
|
|
10650
10791
|
get element() { return index.getElement(this); }
|
|
10651
10792
|
static get watchers() { return {
|
|
@@ -10698,7 +10839,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10698
10839
|
}
|
|
10699
10840
|
render() {
|
|
10700
10841
|
var _a, _b;
|
|
10701
|
-
return (index.h(index.Host, { key: '
|
|
10842
|
+
return (index.h(index.Host, { key: '5c8b92761756007ece453dd533f33bcaa5f0e95f', 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" })))));
|
|
10702
10843
|
}
|
|
10703
10844
|
};
|
|
10704
10845
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
@@ -10739,7 +10880,7 @@ const SmoothlyItem = class {
|
|
|
10739
10880
|
: false;
|
|
10740
10881
|
}
|
|
10741
10882
|
render() {
|
|
10742
|
-
return (index.h(index.Host, { key: '
|
|
10883
|
+
return (index.h(index.Host, { key: '8fdd6ce70e3a8263c4b939a8c43d1039fc72a56e', tabIndex: -1 }, index.h("slot", { key: '84271be5ece6ae93054de397edf0eb49c9d1a2df' })));
|
|
10743
10884
|
}
|
|
10744
10885
|
get element() { return index.getElement(this); }
|
|
10745
10886
|
static get watchers() { return {
|
|
@@ -10760,9 +10901,9 @@ const SmoothlyLabel = class {
|
|
|
10760
10901
|
}
|
|
10761
10902
|
render() {
|
|
10762
10903
|
var _a;
|
|
10763
|
-
return (index.h(index.Host, { key: '
|
|
10904
|
+
return (index.h(index.Host, { key: 'ec1329d179512c0470f04abbe12d98fa0a5810f8', title: this.description, style: {
|
|
10764
10905
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10765
|
-
} }, index.h("slot", { key: '
|
|
10906
|
+
} }, index.h("slot", { key: '09bbea1ba8a2ab9ef7b417275c3500ae44711ce7' })));
|
|
10766
10907
|
}
|
|
10767
10908
|
};
|
|
10768
10909
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
@@ -10781,7 +10922,7 @@ const SmoothlyLazy = class {
|
|
|
10781
10922
|
this.show = true;
|
|
10782
10923
|
}
|
|
10783
10924
|
render() {
|
|
10784
|
-
return (index.h(index.Host, { key: '
|
|
10925
|
+
return (index.h(index.Host, { key: '0f6d1d415c90aa8891873c229585e7e2a5fd9ff1' }, index.h("slot", { key: 'f1f8c6da2e7b3d76433853365b54dbdb9a54bf45', name: "before" }), index.h("smoothly-load-more", { key: '3308f6e409f6b4fbd4f0e9eecaf6481d2c9b1a51', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: '2581dc862b138ddc60fbd581e9b16404d9b22ce8' })));
|
|
10785
10926
|
}
|
|
10786
10927
|
};
|
|
10787
10928
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10825,7 +10966,7 @@ const LoadMore = class {
|
|
|
10825
10966
|
}
|
|
10826
10967
|
}
|
|
10827
10968
|
render() {
|
|
10828
|
-
return index.h(index.Host, { key: '
|
|
10969
|
+
return index.h(index.Host, { key: '9e6f0728a14a854d39e5b7c10ec663e8e0b12bc9' });
|
|
10829
10970
|
}
|
|
10830
10971
|
get element() { return index.getElement(this); }
|
|
10831
10972
|
};
|
|
@@ -10845,7 +10986,7 @@ const SmoothlyModal = class {
|
|
|
10845
10986
|
this.smoothlyModalChange.emit(this.open);
|
|
10846
10987
|
}
|
|
10847
10988
|
render() {
|
|
10848
|
-
return (index.h(index.Host, { key: '
|
|
10989
|
+
return (index.h(index.Host, { key: '9e7830cc5e0d8672ac279c7148ea9f2f71112c17', role: "alertdialog" }, index.h("div", { key: '8127616fe7158848d3c6f6b1124db0bfb283277c', class: "modal" }, index.h("div", { key: '2f64da1bd8e42a737baf8f2ea9d50264553876ac', class: "header" }, index.h("slot", { key: '4e0b103f8f9dd9e370789e71a9a01f057787f528', name: "header" }), this.closable && index.h("smoothly-icon", { key: 'fc9f4e07359b7670e5b5e89258590c504ae5ecaa', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), index.h("slot", { key: 'e175c68469046774ea8eaafd443675988b4a94c8' }), index.h("div", { key: 'e1be4aea7820501bad389d7f52ba6017234943e9', class: "actions" }, index.h("slot", { key: '6798c42f8f4f7d3e1d5a6e47f06bc3beea23477e', name: "actions" })))));
|
|
10849
10990
|
}
|
|
10850
10991
|
static get watchers() { return {
|
|
10851
10992
|
"open": ["openChanged"]
|
|
@@ -10908,7 +11049,7 @@ const Notification = class {
|
|
|
10908
11049
|
this.onUpdatedNotice(this.notice);
|
|
10909
11050
|
}
|
|
10910
11051
|
render() {
|
|
10911
|
-
return (index.h(index.Host, { key: '
|
|
11052
|
+
return (index.h(index.Host, { key: 'c9d05c75f3632db3f15858d5c02f39c38b0925e8', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: 'd2f70e41ac22b0b9918e558910e7021a8fe31d9f', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '35e2695cd3a83e3699b117a01e62efb96d17be78', name: "close-circle-outline" }))), index.h("span", { key: 'a199bb745cc72a0c635c15bc4a26a6509ad12910', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: '5f518ab4af784bbe5eada263b726718e4bd07b0c', name: this.properties[1] }), index.h("p", { key: '6064c0964359b9953a713f3a6aed1bcbf3d23e64' }, this.notice.message))));
|
|
10912
11053
|
}
|
|
10913
11054
|
static get watchers() { return {
|
|
10914
11055
|
"notice": ["onUpdatedNotice"]
|
|
@@ -10932,7 +11073,7 @@ const Notifier = class {
|
|
|
10932
11073
|
this.notices = [...this.notices.filter(n => n != event.detail)];
|
|
10933
11074
|
}
|
|
10934
11075
|
render() {
|
|
10935
|
-
return (index.h(index.Host, { key: '
|
|
11076
|
+
return (index.h(index.Host, { key: '7e71527eb9d845d83a31a54fb59a516fef7d2985' }, index.h("slot", { key: '8da2fa5664ae5c4453e06ab14b73c7f8335fd72a' }), index.h("aside", { key: '172f4747f63be1ae3447984be465240d8c416c41' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon }))))));
|
|
10936
11077
|
}
|
|
10937
11078
|
};
|
|
10938
11079
|
Notifier.style = SmoothlyNotifierStyle0;
|
|
@@ -10948,9 +11089,9 @@ const SmoothlySpinner = class {
|
|
|
10948
11089
|
}
|
|
10949
11090
|
render() {
|
|
10950
11091
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
10951
|
-
return (index.h(index.Host, { key: '
|
|
11092
|
+
return (index.h(index.Host, { key: '41b99e921e14ec12d85f0535654a3312e0a0e064', style: {
|
|
10952
11093
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
10953
|
-
} }, index.h("svg", { key: '
|
|
11094
|
+
} }, index.h("svg", { key: 'ba95701f05e8916221779a08278736b3cc32b868', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '762d7d72d60f998898a13d10675f3008dd7476f4', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
10954
11095
|
}
|
|
10955
11096
|
};
|
|
10956
11097
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
@@ -10985,7 +11126,7 @@ const SmoothlySummary = class {
|
|
|
10985
11126
|
}
|
|
10986
11127
|
}
|
|
10987
11128
|
render() {
|
|
10988
|
-
return (index.h("details", { key: '
|
|
11129
|
+
return (index.h("details", { key: 'affa54f5d7cf68fe7f8e85ebef3cba2f26dfb4f6', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: 'e0a90e5340973d5a4bc7daa923910c4ed30f6848' }, index.h("smoothly-icon", { key: '786ef493adf27540e1d6fafc75b1d8acafad701c', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: 'e0681a2e318a8e7ccc06acf27e64daf3b3948585', name: "summary" })), index.h("slot", { key: '805bd54a4f306c1ffc4f944942c60ca00eb852bf', name: "content" })));
|
|
10989
11130
|
}
|
|
10990
11131
|
};
|
|
10991
11132
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
@@ -11026,7 +11167,7 @@ const SmoothlyTab = class {
|
|
|
11026
11167
|
}
|
|
11027
11168
|
}
|
|
11028
11169
|
render() {
|
|
11029
|
-
return (index.h(index.Host, { key: '
|
|
11170
|
+
return (index.h(index.Host, { key: 'c5103b56bd99b6083a665cdd1aff72dde5df74ff' }, index.h("div", { key: 'c45b58aa892a12f95f591e4b6f0b2696d2fae256' }, index.h("label", { key: '6e765755948500b52da02a4db41d42b89c4d0a77' }, this.label)), index.h("div", { key: '83933911064f7d010b4870e043503950c745967a', hidden: !this.open }, index.h("slot", { key: 'ad9c4f05574fb32e7f64791368fe40401aee75aa' }))));
|
|
11030
11171
|
}
|
|
11031
11172
|
static get watchers() { return {
|
|
11032
11173
|
"open": ["openHandler"]
|
|
@@ -11049,7 +11190,7 @@ const SmoothlyTable = class {
|
|
|
11049
11190
|
event.stopPropagation();
|
|
11050
11191
|
}
|
|
11051
11192
|
render() {
|
|
11052
|
-
return (index.h(index.Host, { key: '
|
|
11193
|
+
return (index.h(index.Host, { key: '27103c94544a0522eccaaed12290f4ed90c590b4', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'cf2e937d1bc707539cf332e91461b9e21f97c4b5' })));
|
|
11053
11194
|
}
|
|
11054
11195
|
};
|
|
11055
11196
|
SmoothlyTable.style = SmoothlyTableStyle0;
|
|
@@ -11062,7 +11203,7 @@ const SmoothlyTableBody = class {
|
|
|
11062
11203
|
index.registerInstance(this, hostRef);
|
|
11063
11204
|
}
|
|
11064
11205
|
render() {
|
|
11065
|
-
return (index.h(index.Host, { key: '
|
|
11206
|
+
return (index.h(index.Host, { key: '0ada15e4c41e0728f3ae1fdcdc85837412360be5' }, index.h("slot", { key: '9ff916c41b95eeb8b127f8df0c27d0f4f570ae98' })));
|
|
11066
11207
|
}
|
|
11067
11208
|
};
|
|
11068
11209
|
SmoothlyTableBody.style = SmoothlyTableBodyStyle0;
|
|
@@ -11077,7 +11218,7 @@ const SmoothlyTableCell = class {
|
|
|
11077
11218
|
}
|
|
11078
11219
|
render() {
|
|
11079
11220
|
var _a;
|
|
11080
|
-
return (index.h(index.Host, { key: '
|
|
11221
|
+
return (index.h(index.Host, { key: '8d3d61d3dd6662a25300eb43b6ff164554672e0d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '05a97c68515632493be2333cdc43fe7fec9309eb' })));
|
|
11081
11222
|
}
|
|
11082
11223
|
};
|
|
11083
11224
|
SmoothlyTableCell.style = SmoothlyTableCellStyle0;
|
|
@@ -11090,7 +11231,7 @@ const SmoothlyTableDemo = class {
|
|
|
11090
11231
|
index.registerInstance(this, hostRef);
|
|
11091
11232
|
}
|
|
11092
11233
|
render() {
|
|
11093
|
-
return (index.h(index.Host, { key: '
|
|
11234
|
+
return (index.h(index.Host, { key: '65cea5347c7532eaf07a12b55993cf601a5256e8' }, index.h("smoothly-table-demo-filler-row", { key: '2574b26c77d3fcd6134bc1f7f11971030419ed4b' }), index.h("smoothly-table-demo-group", { key: 'e6d462116b01ab4d129541da72e57e7563a8f2ed' }), index.h("smoothly-table-demo-colspan", { key: 'd32e5b14f816384531fccfeef24494d13ec481d9' }), index.h("smoothly-table-demo-simple", { key: 'b9fbf61c71a2eb7dfabf14d6bc7f1202d1634358' }), index.h("smoothly-table-demo-nested", { key: 'ce1db6290315b9d0936e1674b0c38c4c38c67a9e' }), index.h("smoothly-table-demo-filtered", { key: '7dd201443e90c58bcb9b8c8a0241d16f4978fd0b' })));
|
|
11094
11235
|
}
|
|
11095
11236
|
};
|
|
11096
11237
|
SmoothlyTableDemo.style = SmoothlyTableDemoStyle0;
|
|
@@ -11103,7 +11244,7 @@ const SmoothlyTableDemoColspan = class {
|
|
|
11103
11244
|
index.registerInstance(this, hostRef);
|
|
11104
11245
|
}
|
|
11105
11246
|
render() {
|
|
11106
|
-
return (index.h(index.Host, { key: '
|
|
11247
|
+
return (index.h(index.Host, { key: '52a60c5b7897b5c62e3accb439c3015df87c5726' }, index.h("smoothly-table", { key: '47b3f1fbc81e9d8228cf3a0cfae13cc128bdabdb', columns: 3 }, index.h("smoothly-table-head", { key: '0473090ae8a09e024d3f8729e4f17f5dcd52f581' }, index.h("smoothly-table-row", { key: 'f92c603b53912109b94e9e371fd2c5fae0c550db' }, index.h("smoothly-table-cell", { key: 'df62d09721b0f7bf5f3e246baf96969bab4cfb7d' }, "Date"), index.h("smoothly-table-cell", { key: '4af65c6e059e4c26a58882396c8c87aac19b2578' }, "Skip"), index.h("smoothly-table-cell", { key: '05dc66e7bb0d3f11ca0fffd6eecd7e32958118fa' }, "Total"))), index.h("smoothly-table-body", { key: 'c3f452ef201d714624c9849c443b26c7799e6374' }, index.h("smoothly-table-row", { key: 'b14aeaa8b8f23cc6f16e60bca382b8e33c282632' }, index.h("smoothly-table-cell", { key: 'ecd28f52a9ccf616098a026cf8a587f15dded411', span: 2 }, index.h("smoothly-display", { key: '0d0354908dea64d4b59e5cca0cab93d3003e7b8d', type: "date", value: "2024-01-01" })), index.h("smoothly-table-cell", { key: '3e08f587933f153cc27c034170f6529bfa8198ed' }, index.h("smoothly-display", { key: 'b22b375f6181cbb05e651b34844720a131f7f2eb', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-table-row", { key: 'a44a3587308ff7aa181faf9109246d1e69138c93' }, index.h("smoothly-table-expandable-cell", { key: 'c2a3e2e9b9a66e4837ea4ee7727720d1b7caf336', span: 2 }, index.h("smoothly-display", { key: 'eeb70f7444fd6cc95641ba80230104d21d207aa2', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: '28e0a1be13c4580cd7459e63d57295872a83c1e2', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-table-expandable-cell", { key: '0fc19b4ca2e81e91004bdbbdc76130aa02b19076' }, index.h("smoothly-display", { key: '7e82f526773b50d8be3cd435e3599bc52e2943af', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: '5321d3c3d733e6c1fa1610d2f18fb42858c08b48', 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: '117fd7a049aee712ed0dbeb9810a94baf887eca8' }, index.h("smoothly-table-cell", { key: '3a149155a5fe80f1cb8f7b43e566743b26ce0db0' }, index.h("smoothly-display", { key: '87688bcea53a58823bf2785605497fc37eb483e3', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: '0967becc93a1908abb519ffa15de55a275553729' }, "Not Skipped"), index.h("smoothly-table-cell", { key: '4357c37ccd914e1fae027cedb8fd70da12555d11' }, index.h("smoothly-display", { key: 'd271dc5bc6110639bcc915bd67242d44138ce44a', type: "price", value: 320, currency: "EUR" })))))));
|
|
11107
11248
|
}
|
|
11108
11249
|
};
|
|
11109
11250
|
SmoothlyTableDemoColspan.style = SmoothlyTableDemoColspanStyle0;
|
|
@@ -11122,7 +11263,7 @@ const SmoothlyTableDemoFillerRow = class {
|
|
|
11122
11263
|
}, 3000);
|
|
11123
11264
|
}
|
|
11124
11265
|
render() {
|
|
11125
|
-
return (index.h(index.Host, { key: '
|
|
11266
|
+
return (index.h(index.Host, { key: '3732c9f5b04611c92815425c666cb98a1a8a13b6' }, index.h("smoothly-display", { key: 'f8870230eb6cd3dd6ab82b8d40e7f13271acb663', type: "text", value: "Filler row" }), index.h("smoothly-table", { key: '4984b2eaa37b32f667cede832c56e4cf378de49c', color: "primary", columns: 4 }, index.h("smoothly-table-head", { key: '44333a55c2bd228fd3c8dc14043e3ca5156c2ddd' }, index.h("smoothly-table-row", { key: 'c615fc72b835e77ae9b9f8ba5d0e1e0b61954030' }, index.h("smoothly-table-cell", { key: 'c0ac5b42239415560e589de1d50024a22d1e0d65' }, "Breed"), index.h("smoothly-table-cell", { key: 'd3bf58bcd3d630f02e4645215f8e981c180a3bf5' }, "Country"), index.h("smoothly-table-cell", { key: '6e26fd8c273220e6b970b8a9dd3a2de90c4d3661' }, "Coat"), index.h("smoothly-table-cell", { key: 'c98c2d0387969a9a7998878b089fcecbf10f8c58' }, "Origin"))), index.h("smoothly-table-body", { key: 'b54e5af5cae91e7db57e58f0cc09eca10e9fbe86' }, 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)))))))));
|
|
11126
11267
|
}
|
|
11127
11268
|
};
|
|
11128
11269
|
SmoothlyTableDemoFillerRow.style = SmoothlyTableDemoFillerRowStyle0;
|
|
@@ -11194,18 +11335,18 @@ const TableDemoFiltered = class {
|
|
|
11194
11335
|
}
|
|
11195
11336
|
render() {
|
|
11196
11337
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
11197
|
-
return (index.h(index.Host, { key: '
|
|
11338
|
+
return (index.h(index.Host, { key: '6a127cf14c6e9ac9cf1fd624976c7202c7443521' }, index.h("smoothly-display", { key: 'b540b7fae79ae7a24c60d9cb612d5abdc020d629', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '75a46178baeff2e540033e1995e7453a9a63f782' }, index.h("smoothly-filter-toggle", { key: 'af8c196c100f0efb79ea0f1d33344923acba1d34', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'b365b3ea14a558a82bfb901bca2c3b0c163d8b0c', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '487d35f33304a855dae3e822fa4e637ef0af6f01', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '167dc2b558a6f119b1643796bb212ce5033c5b08', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: 'dfd5d2d8fec55e3c98a9ceeb0585f838abcfb5a3', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
11198
11339
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
11199
11340
|
var _a;
|
|
11200
11341
|
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));
|
|
11201
|
-
})), index.h("div", { key: '
|
|
11342
|
+
})), index.h("div", { key: '8f242713cc3aaccd0bca45b5af973d58e1fed72c', slot: "detail" }, index.h("smoothly-form", { key: '54487a1753cbf4e9e0ff9958d8c2e1e6edf86573', looks: "border" }, index.h("smoothly-filter-select", { key: '0366d788269d03db39f41c9977ccc7c185a524b1', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
11202
11343
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
11203
11344
|
var _a;
|
|
11204
11345
|
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));
|
|
11205
|
-
})), index.h("smoothly-filter-select", { key: '
|
|
11206
|
-
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: '
|
|
11346
|
+
})), index.h("smoothly-filter-select", { key: '547d51c2bb14f44d1a708d37b114bcdbc05fa3a7', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
11347
|
+
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: 'db47a049da7fbb18888e899f27d0b5ffd74dc871', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
11207
11348
|
.flat()
|
|
11208
|
-
.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: '
|
|
11349
|
+
.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: '1d02ba7ad55d55de609badd1bd4df469c809dadd', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '480b135571c42dcd5460f7f8f1f70ed03b1e54ee', 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 : "?"}` }))))))));
|
|
11209
11350
|
}
|
|
11210
11351
|
};
|
|
11211
11352
|
const names = {
|
|
@@ -11224,7 +11365,7 @@ const SmoothlyTableDemoGroup = class {
|
|
|
11224
11365
|
index.registerInstance(this, hostRef);
|
|
11225
11366
|
}
|
|
11226
11367
|
render() {
|
|
11227
|
-
return (index.h(index.Host, { key: 'ab17a5de6350253218129e9ef1a901afca119cb9' }, index.h("smoothly-display", { key: '241b4f2a5d975758716c86f4a9e607a603deda71', type: "text", value: "Group" }), index.h("smoothly-table", { key: '862a1f6f51b60bdf7180a23ae2e5e8ba756da733', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: 'fd02d23e191fa245f87fba4ad4d6bca4589568d9' }, index.h("smoothly-table-row", { key: 'e680167eb05b171558d9eaa020078890e21b4417' }, index.h("smoothly-table-cell", { key: '6b52630d199801fed460f8ec4006ed99917b55b0' }, "Date"), index.h("smoothly-table-cell", { key: '257ab1871963edba4c508b9239d91fdc47a4188c' }, "Total"))), index.h("smoothly-table-body", { key: 'e105bea8ba10cbc7f28ff60276e905905e6a4f61' }, index.h("smoothly-table-row-group", { key: 'cfb10b12fa24d5f3503efc04cb630ed6f062426d', align: true }, index.h("smoothly-display", { key: '1eb844826cb1b1acf2ac13aa7e042a430d930cfd', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'f80a2845de1d28e0827cc41f5d1060749c4ec953', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '4efa1e4899770886d3a227487f50c3584555a8d0' }, index.h("smoothly-table-cell", { key: '547add4a1a36ed0d969caa0c066d564cb44e2748' }, index.h("smoothly-display", { key: 'bb67befeef44104cbc3bf02c7880ff58387f2891', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '6c9442e995afeba0d129e32c7a32744af53c9725' }, index.h("smoothly-display", { key: '2d310c3f5a84ccad1d17c457dfb74b9d7e1bd9fc', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '6f978c968c43d7315509241291a2a955ebbe5539', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '492e93fa2821b38ab1f0ce305ea9fd65f8781e62' }, index.h("smoothly-table-cell", { key: '68dd180e3c2954bf50ec903b3809304b4300dac8' }, index.h("smoothly-display", { key: '172525308c6323f08391250970f83648f295f928', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '102655f27f8fff0e563c1b9c4f91a7a5180517ed' }, index.h("smoothly-display", { key: 'a292efb6a9913c52a09669531f1ae420dee9bafe', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '2229625dc6667273d75e5bab7e37c28353ff55c1', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: '2f6a9d343d2b8faeb54591568fca534491e09624' }, index.h("smoothly-table-cell", { key: 'd28918b88277bab63ce3ac9e0c2ea2952fdc149f' }, index.h("smoothly-display", { key: '57254b712a9af72bd17db942d8c67b550f4bc249', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: 'ce6078b20e8ad3a60a2c7487b3c10033721c71e7' }, index.h("smoothly-display", { key: '59811e12b22df83a8b9f96743592aa3f0660c06a', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: '794c6bd76c772c87610ddaf77da871e28b6fa3ce' }, index.h("smoothly-display", { key: '4abdc694438211eca8549e931f62db5078e13d4f', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '4d9af1d234da7b5489714cb6e0c2fa368e88e39e', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: 'a0866cf4f36b6e50e600d446ff6d101ebd5164fd' }, index.h("smoothly-table-cell", { key: 'd5f7ad1ff62d6b1002a3b191352fc3bf4cd4945c' }, index.h("smoothly-display", { key: 'e0066e67a6de844cd3e61d0898b216c14664dc65', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '2de722ca6f420151fc220421e71e6ae4f76d63d6' }, index.h("smoothly-display", { key: '83f90ecb3d641449e5abceaf5ea70dcc863ce6ad', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'cab86fe7bdf6a750ab4acdf9f329829b8ee0f885', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '737a4b2c40839d199221bc63185b59668a081428' }, index.h("smoothly-table-cell", { key: '1aab121795680be1745e57dc057d0b3d110679c7' }, index.h("smoothly-display", { key: 'ca32ff5340a004a4c2c44bf321ec47e7857a144c', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '340e08d0a9bc1e9d483215e9bda2c9c20183fff3' }, index.h("smoothly-display", { key: '017cdd7cf3ac6aa73b2419abbd10484223ff8c93', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '7e924702b8fd7ab2485fbeeca10c37851a415f62', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '0a71b3746078226007b57f1ef91a2cdd29a22dad' }, index.h("smoothly-display", { key: '6e179b5eddbcf3ba6effb11e02c0fd0c414a2f89', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: '05dcfe20a4b3f6e312d2a7f487690b31190d0191' }, index.h("smoothly-table-cell", { key: '9ec721a6d7ef609b489c9a9c67ef9013f337d187' }, index.h("smoothly-display", { key: 'bbf1daa961b4fa73148bab8bd0cb843f34aecafc', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '9bf0559b4456306ca7547011a93ea009dfa5a47a' }, index.h("smoothly-display", { key: 'a505d472404ec220b78837d01fa9c48ab479fbf1', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '07defc9828ac26cda563bc5fab971e95e5edb7cb', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'b14b8ddb71431247dbaf2fa0a9a5bfa519773850' }, index.h("smoothly-table-cell", { key: '15f885b73e9b55da373fc4ba2a9f2ec26df7a1ad' }, index.h("smoothly-display", { key: 'f837ee876510ded9cdc95fb1f319ad3f0d033066', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '24ee4da95e2f6567e84979bf550ba12383f8bbc7' }, index.h("smoothly-display", { key: '0c238ff9e955c702396b5f55362aa2b9b870e623', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '4ddb314c99c1fcd10e0dfd624e15c705194d3999', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '76c28c274cbe1d43976ce8bf2f68c6a7c38cfb20' }, index.h("smoothly-display", { key: 'b906ac9acb1c046c0e180d99cb5f4d75ccb063aa', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '1a1cfdb1ed8c2fe215346bba93775813853aa082' }, index.h("smoothly-table-cell", { key: '5d093841d54189dff2088e417a0df853af75fd9e' }, index.h("smoothly-display", { key: '85c9271cc6eeb69e1e8a9b2e99baaecec0d24e6e', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'd0207e188bfc3fcae67208cb54313e37b39bcae4' }, index.h("smoothly-display", { key: 'fda474c50fc46b3b1f9e3a765b83859082367204', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'a6212b95f076d12ab0f70d1ce10170647d3dac5f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '2e3631f82c36b66f801d36ac420a9972121626e2' }, index.h("smoothly-table-cell", { key: '83e96169bc9e24188f64356e8ce2909ea93705a5' }, index.h("smoothly-display", { key: 'fac1debee6f460708486d20a44da4783f7ef798d', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'acc2178f2d34df95125bb8a6591f3eeac8637c97' }, index.h("smoothly-display", { key: '2ba249b1cb1f3fa8e0f19d660bf555bfc2023934', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'e2325d894438f3283173ed8b9ed9a5ad7fe1f766', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '6f03088f762e762bca3aaf5c9c2e0db272ea859b' }, index.h("smoothly-table-row-group", { key: '8588a6eb1d4ae426898fdaac653e45053488f977' }, index.h("smoothly-display", { key: 'e74e5318cf74c0a3baf0af70a603238dd0aea2bc', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '37bbc408b2e023340c64ee2184efb3414a8ed78a', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: 'aa2b9dcb132df48feba44e8e645bb5f9d866d700' }, index.h("smoothly-table-row", { key: '3fb8882c74c28e9f52bb812ecf95fc72788f4e28' }, index.h("fake-cell-wrapper", { key: '65a11fedd55768fa7a2bfde52e35752f20bf941c' }, index.h("smoothly-table-cell", { key: '3abc35523c899732331481fd7a533499647e9e11' }, index.h("smoothly-display", { key: '15d61e95a487e711bb423a71dd687b9c8ac99b3b', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'a5635badb923e122f6b539825695f23f07784ee5' }, index.h("smoothly-table-expandable-cell", { key: '92596731648f02e90a6d3393f5b9154358590fc5' }, index.h("smoothly-display", { key: '946cce4395db9b1db2994fbb898dabcf9587c445', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '593551e1a00a7367db227a1b165b01325d0bbfe2', 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: 'c3b8371c6f75c763d2f7983f9d6814cb6fda7b2b' }, index.h("smoothly-table-expandable-row", { key: 'f368d9a8964cd3491a6c3b15fee582316d93321b' }, index.h("fake-cell-wrapper", { key: 'e53b542c79a919162a5663937ea215f5ade7abe7', class: "span-2" }, index.h("smoothly-table-cell", { key: '4d3d43c2fbcb74b8ab0ddc290d31eddf6eb3adaf', span: 2 }, index.h("smoothly-display", { key: 'e29d593e033eef6aa308729c115d6131c57527f8', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '8efb4c4255338d4a042909417b6bdeee312a1395', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: 'b6d86bb92d60916bd58e1eb3d6eee104cfbe95e3' }, index.h("smoothly-display", { key: '7f9f43eb7f95a2671a83bda52957c69b286881d3', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '5c7cac6977f26a51ad35fdcbf4a70a0aefa0d4cf', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
11368
|
+
return (index.h(index.Host, { key: 'ac1e2b26f2380a5f96245f1b2163151b2ad7b3e7' }, index.h("smoothly-display", { key: '2aacadd33613d06b333ad69891486fd8b6eb69ef', type: "text", value: "Group" }), index.h("smoothly-table", { key: '57d9e86ee2e9886663ebaa8a4eed65d15a6b7b92', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '51b92cb9bc233305b122dcf17218ffa8484fc45d' }, index.h("smoothly-table-row", { key: '594ed85e562ed3fb61d06803a4e068cb6597c599' }, index.h("smoothly-table-cell", { key: '1a2fd79dd5b6cf3639d46ecc7575d8875774348c' }, "Date"), index.h("smoothly-table-cell", { key: 'be4715328ec4467c724bf09c370ec1091fedb771' }, "Total"))), index.h("smoothly-table-body", { key: '8f33c69d6915080b09f39fc81f24c0d884141fbe' }, index.h("smoothly-table-row-group", { key: 'd0f4dd5a1f7df7b292bd2fa48548ab11f2331e23', align: true }, index.h("smoothly-display", { key: '0163976ad21213b03059df5b33fe8667e4b1ab61', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '9fa1e617b130038c017ffbb8b14c16b894bd0fa7', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '01cd244dc7b6c8c2c46466932d2e1b8fcc72136b' }, index.h("smoothly-table-cell", { key: '599ea21bf02dd781b0e534f536d9db2d357411dd' }, index.h("smoothly-display", { key: 'e69887f04252006b8c815497717683d6bff103ee', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'c7083e894459c0af28577d7f457445fcfbb332b8' }, index.h("smoothly-display", { key: 'ebd41fd0de8f02cd8791fbf1a8133d0cf70e7bfa', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '1183b94bfa97c42c4a283291c4036b91e9aba84f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '197aa13a0ba31133e08f2723ee398b541052e377' }, index.h("smoothly-table-cell", { key: '148263446a5546a9aea1c24c627a612a5447a22c' }, index.h("smoothly-display", { key: 'ab9646e529fa57b8bf1bf3568643891bd6b34659', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '58a8d86babe68e9c6988bd2972b0edda1749c0ec' }, index.h("smoothly-display", { key: 'cfa34641d9c1adb8e7f6e6239bedcd44bbd4d908', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: 'def091fc9cc806d11379792cb18a027591155484', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: '6257f6207341f724d6a9dffeeaaf8186fb36673a' }, index.h("smoothly-table-cell", { key: '93989c61fe42aa07f202610f0929c2049faf8301' }, index.h("smoothly-display", { key: 'ae0ac80a8105d5137c7541cefaa0da293d7c166c', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: 'c049824b441dcfd5a90952814b7932e0a706a611' }, index.h("smoothly-display", { key: '1109b09b8fd9ab91aacad6fac87663dd7d8bc397', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: '8024d8c48bc150254bb7c32b9b1e4d25c1f0227b' }, index.h("smoothly-display", { key: '8b0512426d5e003c7dcd168a7033ba91c5482f3e', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'fcf8088def567c886ef14394ae761c7481e8ae69', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '77855907af956570d16bc04979b2d133bdf0f3dc' }, index.h("smoothly-table-cell", { key: '645dd969cf30cad850143b7746775f67e8dd067c' }, index.h("smoothly-display", { key: 'a8c4208116f295666224502abc1935df992caf25', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '6f9e7bd4df149dc8f26c7e4cac625c6ae50ba6e5' }, index.h("smoothly-display", { key: '561248e3a9a090f71a5e8c0824e04cc151781346', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '01e619b768f4d6a75d330717b8c62caff3b1d5de', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '11fc0d3d5af141e92f95cc0f33d1624b6ecfc702' }, index.h("smoothly-table-cell", { key: '53b593499f30b1fe9bbcdcf9e34a3843f595065d' }, index.h("smoothly-display", { key: 'ded56d951cc0954619d31c9153f9b4b38d04b4ac', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'f45ee29586add80ae10f886974fa99f7b2692f5d' }, index.h("smoothly-display", { key: '26940755ba0efb3151154f4efca225f071b231e2', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '4b48c9d516e1c0acd6de61f385563f0cce5fc3f5', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '49b134a12cbee6c373abd8e1cb29bd7a42e58122' }, index.h("smoothly-display", { key: 'ca0b7af40a5b904722ea9352471dc592b6888d22', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: '619bf96abacccf28b1d0cc6b4cf760a20cabcfd0' }, index.h("smoothly-table-cell", { key: 'f81c78d4f6ac39a9f511b9c2a3f1781861462e13' }, index.h("smoothly-display", { key: '02941b7e64aa0b43fc204a67f3239af65c818fbf', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'c93c70f460e9ddbb9d2ddadec99771cb8b80787b' }, index.h("smoothly-display", { key: '1f0fad76ef3a0775bfaa7901bea6d039a480808c', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '88b01a1486453745ec84673e9b8ba1d3b5665fd4', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'f46236401cff7790c805501aaf17fbb27cb5deef' }, index.h("smoothly-table-cell", { key: '983123f84dac8b8444d574c0f17b40fde54f82b7' }, index.h("smoothly-display", { key: 'ce2ce797c6da24fe2b792ea0fdbedf31446c554b', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'd7cee8e15c2729262626df9e7fb4f274081bf6d5' }, index.h("smoothly-display", { key: '3e030ede5ddec3069cd7523ccf0e72667025c897', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '20444c6ca489da00358efda2aecd4d2b4828d943', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: 'b4102e638c5be5706df5202e443dc6627e5100f9' }, index.h("smoothly-display", { key: '835b77937ce71f8dccadfbe27424698654758bc5', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '133846d95cec85f4d36d3a35ea342b170c907fdf' }, index.h("smoothly-table-cell", { key: '96e0ab35c87f41b52f5ac25fa37c91577d3dab4c' }, index.h("smoothly-display", { key: '697fcaf06d91f8fcf675a9c181752eda2edcb957', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '01e3e076f6e3b2237baa5ae94c11d099f40bc2c1' }, index.h("smoothly-display", { key: 'dfabd0a43902e0d2468e45c4c0b7e57c26c72f21', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '74ba4dce88edcb26d388dc570fc9e7f683ffe914', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'fc95ba0ad6792d17b9a152e220004c0a0ae915fa' }, index.h("smoothly-table-cell", { key: '4095a8723d5dfef1a5311d02b5eb6ddacdd21d4f' }, index.h("smoothly-display", { key: '79e73efb2d15ad1423ff50fc59850d33e0c37332', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'bcebdc2bd0446896de6bbe63b36353d21572e4d2' }, index.h("smoothly-display", { key: 'debfdac7984b94192a8f4b0de882830a0fe1b9f5', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '57853f97602df3961cc1921e73ad0eb7e2edd2cb', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '3d4d9d34a570a9a1ed3762aa1884d105ff1c3921' }, index.h("smoothly-table-row-group", { key: 'd4b1ace25b3870f2e5c9ff843eef7cdc58f8d77b' }, index.h("smoothly-display", { key: 'bef9be6c16383367efeed4e0329408991f86afe3', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '7852ab6f71d06069c70ee749f7d75da35e56b3dd', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '59d809fadda4bf589598feb8fcea0775d524b5ac' }, index.h("smoothly-table-row", { key: '4be357fc59ab67ab05cb567f922967a196a4e4ee' }, index.h("fake-cell-wrapper", { key: '287d8fac5591b448b02f02170011ec50213c5724' }, index.h("smoothly-table-cell", { key: '0d6caa57455cc936a149fa987616ddd143a135e0' }, index.h("smoothly-display", { key: '90b82e4e9d5d28f6825fc8e4a225c887b37cea1f', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: '0d4a64edab46d9ae0d69831713a8cfaca6630da1' }, index.h("smoothly-table-expandable-cell", { key: '523918968f3a22ddc5de7d0d7577e18d524a9aaf' }, index.h("smoothly-display", { key: '9f8da05b5a433d82fb68f656217a22c4801d07c9', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: 'a196d55674366110428f32f469f414048f9a8c8b', 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: '42945048578ebfb8e5573604347776dae8efb2dc' }, index.h("smoothly-table-expandable-row", { key: '9a3d3fe7187c0181beb0d0d71519d3fc6caec842' }, index.h("fake-cell-wrapper", { key: 'a8c8cc790dc98f50640c7c55657f8772634d50ff', class: "span-2" }, index.h("smoothly-table-cell", { key: '1ad78842759037672fe9e31d08c8c845b46b9814', span: 2 }, index.h("smoothly-display", { key: '96951fcb252a7c29a5c69ddc1b319e706f806cdb', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '7770e38591005b8f87cf28ae9b46643b84804fa8', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: '6b57c7aecd0e4556c47826bbdedd42c3b716ef73' }, index.h("smoothly-display", { key: '26e21c0bc8fea7e27387dde2471fd34f6fa3623b', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '39995adb80b1c246a45aaad63d28b31a36d1b5f6', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
11228
11369
|
}
|
|
11229
11370
|
};
|
|
11230
11371
|
SmoothlyTableDemoGroup.style = SmoothlyTableDemoGroupStyle0;
|
|
@@ -12170,7 +12311,7 @@ const SmoothlyTableDemoNested = class {
|
|
|
12170
12311
|
index.registerInstance(this, hostRef);
|
|
12171
12312
|
}
|
|
12172
12313
|
render() {
|
|
12173
|
-
return (index.h(index.Host, { key: '
|
|
12314
|
+
return (index.h(index.Host, { key: 'b1cfcc83bb5397065a1d777dfa0f9cf751e808be' }, index.h("smoothly-display", { key: 'bea669ea1d46ac3ab50e4033584e352de05fdb5c', type: "text", value: "Nested" }), index.h("smoothly-table", { key: 'dbd243f99ebeb3126748c56757295707c7c175c5', color: "primary", columns: 8 }, index.h("smoothly-table-head", { key: '4dd94aa5f1a331edc9b41aa95ab0e17f4586f045' }, index.h("smoothly-table-row", { key: '9d042acec171f925354f8f252ee659f8ac427891' }, index.h("smoothly-table-cell", { key: '279a2a141615a6ea84c55a86529a2132d20b2046' }, "Id"), index.h("smoothly-table-cell", { key: '1de3fe9c3024565213bc56a6c4cc19da422d6136' }, "Registered"), index.h("smoothly-table-cell", { key: 'f43b1fba655d56b5d67b24246b11b6a0c3180a4a' }, "Name"), index.h("smoothly-table-cell", { key: 'bfbed6445d92e2589e2880e963c2c1e5e1602499' }, "Age"), index.h("smoothly-table-cell", { key: '1c318f2accb7742ada0c08f57450ed0e95660bab' }, "Balance"), index.h("smoothly-table-cell", { key: 'ee1b188c175ad0aa13da3ece68cead04e4c37ca3' }, "EyeColor"), index.h("smoothly-table-cell", { key: '0ea22b942e50353848b8f780ed026a53ae7823b0' }, "Gender"), index.h("smoothly-table-cell", { key: 'b6e5fc234c096fc087747453bdd998dd4354c797' }, "Company"))), index.h("smoothly-table-body", { key: 'ad2a5aebba009a01c4a9e5d658df6d693a1052af' }, 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: 'af0f355726c11ba2b1b828bc734dd8640a352e3d' }, index.h("smoothly-table-row", { key: '73a5a5f6123bcf29225cab6c848c9e472770c18e' }, index.h("smoothly-table-cell", { key: '9f77de2a89b6dd6ad7a52774ce959fc53e8651e4' }, "Footer Cell"), index.h("smoothly-table-cell", { key: 'f68116ade3d4242b8d9e886e800bc465ca7ffda6' }, "Footer Cell"))))));
|
|
12174
12315
|
}
|
|
12175
12316
|
};
|
|
12176
12317
|
SmoothlyTableDemoNested.style = SmoothlyTableDemoNestedStyle0;
|
|
@@ -12185,7 +12326,7 @@ const SmoothlyTableDemoNestedInner = class {
|
|
|
12185
12326
|
}
|
|
12186
12327
|
render() {
|
|
12187
12328
|
var _a;
|
|
12188
|
-
return (index.h(index.Host, { key: '
|
|
12329
|
+
return (index.h(index.Host, { key: 'c0654deea2db537fe7c1487df0eb688bdf25e8a6' }, index.h("smoothly-table", { key: 'a3459d01e3831cf3e9fc979b18e88115bf81d300', columns: 4 }, index.h("smoothly-table-head", { key: 'faf10ce9172f295ec14fe0e6931ba752f9df7f49' }, index.h("smoothly-table-row", { key: 'ab5ef8bef62bba52edaa6226981b382f0e9f36f6' }, index.h("smoothly-table-cell", { key: '0da61e2692c0452333dea76b135ee20668e5009c' }, "Id"), index.h("smoothly-table-cell", { key: '8ebb662123689a08fb0839aca95fc8241c542aab' }, "Name"), index.h("smoothly-table-cell", { key: '9e00beeb61e6d93d47d1990dac907ef870738a4d' }, "Age"), index.h("smoothly-table-cell", { key: '0f013a590d49450f35e8f543e4534b7b4e16d26a' }, "Balance"))), index.h("smoothly-table-body", { key: 'c3beac792b1f7dfa4cdbe8f852d3d1181ffa090d' }, (_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))))))));
|
|
12189
12330
|
}
|
|
12190
12331
|
};
|
|
12191
12332
|
SmoothlyTableDemoNestedInner.style = SmoothlyTableDemoNestedInnerStyle0;
|
|
@@ -12198,7 +12339,7 @@ const SmoothlyTableDemoSimple = class {
|
|
|
12198
12339
|
index.registerInstance(this, hostRef);
|
|
12199
12340
|
}
|
|
12200
12341
|
render() {
|
|
12201
|
-
return (index.h(index.Host, { key: '
|
|
12342
|
+
return (index.h(index.Host, { key: '4160a168ef196c8b45b43f09f8ae12537cd3ad89' }, index.h("smoothly-display", { key: '12db6fc178e7f7f5ac419003b71a24c38a77c29b', type: "text", value: "Simple" }), index.h("smoothly-table", { key: '21d36d1aa990d5294380638a4d8a71530f7ad947', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '2345482602d9f425bbc2a950ee69b5a3f7903b9b' }, index.h("smoothly-table-row", { key: '056ceafc16fb10788c272c19bf603ac6996bee49' }, index.h("smoothly-table-cell", { key: '11cb8ee8e2075de98a82b94fa1d69003d9bac260' }, "Breed"), index.h("smoothly-table-cell", { key: 'dfbdf9fcfe690da26a7cf9ca0baff65a45058093' }, "Coat"))), index.h("smoothly-table-body", { key: 'fd43d6ba0345d8784b8c9ec978cfe4e24686b60d' }, 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: '363729f4f578bbf278a33f50dd6f102212bd0c59' }, index.h("div", { key: '192cc5b9770ad01445e01d4044798d8c8e4f17d5', slot: "detail" }, "Content", index.h("br", { key: '5ab7bf93f05a1d379077dcd18316773a9f8d8d27' }), "of", index.h("br", { key: '27196c3cf38a41451303673dea547a4c9989df43' }), "the", index.h("br", { key: '429a2b8bd42a852b291ae7cffb7895fe556521c6' }), "expandable", index.h("br", { key: 'ea5a837eb4ba48a3f3b17020d8005f843205c1cc' }), "row"), index.h("smoothly-table-cell", { key: '114f74729aa76bed62c2c2afbd064364649e622a' }, "Cell1 in expandable row"), index.h("smoothly-table-cell", { key: '4293fcd40caf821b226104e23989b6903ece84de' }, "Cell2 in expandable row")), index.h("smoothly-table-row", { key: '4c45e0a6e39e107e39dd70bb383e9568c425d9cf' }, index.h("smoothly-table-cell", { key: '0f8778b5b0dd9d61a409ab8da0b76cbfa72cc95e' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: '0293a16c0179cffa94efa38d225e6c925ad273ab' }, "Expandable Cell", index.h("div", { key: '5a7d691c14ffe390bab6385cefcad5e370eee625', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: 'ec09b484fe4c56a016f2d46fd6f18f9d2e8e93bf' }, index.h("smoothly-table-expandable-cell", { key: '4b06350e86abb3aaf4bb03a18a226a4fc6288be4' }, "Expandable Cell 1", index.h("div", { key: 'fd36b974249796bde27c44dfaed50ab5fa1507c6', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: 'c3c818355805831308cc0d6d054f332d95b20613' }, "Expandable Cell 2", index.h("div", { key: '5e4a1d4d7d37f4f42544b33ff6725d6d02194fc0', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: '8ecfbcb2a29dc1ea3697cacfe037fd40e03dc4cc' }, index.h("smoothly-table-row", { key: '77190bca600068af282bce6e81b354f5e65040db' }, index.h("smoothly-table-cell", { key: '7f20ab199ccf7d1c0e2e9e9fb646262d9c0b5000' }, "Footer Cell"), index.h("smoothly-table-cell", { key: '3aeb7280536957ac5cf6b49c5b0cd306e2d7e71c' }, "Footer Cell"))))));
|
|
12202
12343
|
}
|
|
12203
12344
|
};
|
|
12204
12345
|
const cats = [
|
|
@@ -12300,7 +12441,7 @@ const SmoothlyTableExpandableCell = class {
|
|
|
12300
12441
|
}
|
|
12301
12442
|
render() {
|
|
12302
12443
|
var _a;
|
|
12303
|
-
return (index.h(index.Host, { key: '
|
|
12444
|
+
return (index.h(index.Host, { key: '4f1000fd7561413101983a7441ff34f87fbff049', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: '4641a3bc646176b9f59ec6a9d0f138c0aaaef38e', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: '5c5e5844812ec4823c21326d6ed6cfbe0ba7d641' })), index.h("div", { key: '1f985dbde06079773c72da68c6e112d14a725551', class: "detail" }, index.h("slot", { key: '9bbec1f675f4875276b42248bf2763a5dd211326', name: "detail" }))));
|
|
12304
12445
|
}
|
|
12305
12446
|
static get watchers() { return {
|
|
12306
12447
|
"open": ["openChange"]
|
|
@@ -12324,7 +12465,7 @@ const SmoothlyTableExpandableRow = class {
|
|
|
12324
12465
|
this.smoothlyTableExpandableRowChange.emit(this.open);
|
|
12325
12466
|
}
|
|
12326
12467
|
render() {
|
|
12327
|
-
return (index.h(index.Host, { key: '
|
|
12468
|
+
return (index.h(index.Host, { key: '9479deddbc9ed879366caffff26c426f9f438c56', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '67e5f0bc1338d700b42e568917b4ebf5858efc5a' }), index.h("div", { key: '2bd03a31ebe086abd6ea476eff35d378ae0a4d6a', ref: e => (this.div = e) }, index.h("slot", { key: '74086f954d58fe3e9d3969f10f08e1f2e2efef48', name: "detail" }))));
|
|
12328
12469
|
}
|
|
12329
12470
|
static get watchers() { return {
|
|
12330
12471
|
"open": ["openChange"]
|
|
@@ -12340,7 +12481,7 @@ const SmoothlyTableFillerRow = class {
|
|
|
12340
12481
|
index.registerInstance(this, hostRef);
|
|
12341
12482
|
}
|
|
12342
12483
|
render() {
|
|
12343
|
-
return (index.h("smoothly-table-row", { key: '
|
|
12484
|
+
return (index.h("smoothly-table-row", { key: '669bd80f7d70aeea18b844f5a638befadddc9962' }, index.h("smoothly-table-cell", { key: 'e4ba2e8247ed5786b69f2f841b7af91c4221f841' }, index.h("slot", { key: '8f87537817111fdee4b82d8a33e83346afd59e78' }))));
|
|
12344
12485
|
}
|
|
12345
12486
|
};
|
|
12346
12487
|
SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
|
|
@@ -12353,7 +12494,7 @@ const SmoothlyTableFoot = class {
|
|
|
12353
12494
|
index.registerInstance(this, hostRef);
|
|
12354
12495
|
}
|
|
12355
12496
|
render() {
|
|
12356
|
-
return (index.h(index.Host, { key: '
|
|
12497
|
+
return (index.h(index.Host, { key: 'd62f9ff352e723dd96a9dca0b9ed1dc7e3da35d4' }, index.h("slot", { key: '36ebf16d849edd47d09bf8826602a2d6e3286f05' })));
|
|
12357
12498
|
}
|
|
12358
12499
|
};
|
|
12359
12500
|
SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
|
|
@@ -12384,7 +12525,7 @@ const SmoothlyTableHead = class {
|
|
|
12384
12525
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12385
12526
|
}
|
|
12386
12527
|
render() {
|
|
12387
|
-
return (index.h(index.Host, { key: '
|
|
12528
|
+
return (index.h(index.Host, { key: 'f8b99f1629ab98316368f39dbae06c562c6edf37', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '29259680e8b93ecf2d780e608a8fd3036d9641bd' })));
|
|
12388
12529
|
}
|
|
12389
12530
|
get element() { return index.getElement(this); }
|
|
12390
12531
|
};
|
|
@@ -12408,7 +12549,7 @@ const SmoothlyTableRow = class {
|
|
|
12408
12549
|
event.target != cell && cell.close();
|
|
12409
12550
|
}
|
|
12410
12551
|
render() {
|
|
12411
|
-
return (index.h(index.Host, { key: '
|
|
12552
|
+
return (index.h(index.Host, { key: 'b608313036bb6e17c3b4b60fdadf47e5d817d489' }, index.h("slot", { key: '9873b97f168b210f50924a06a3a8923da052ffe1' })));
|
|
12412
12553
|
}
|
|
12413
12554
|
};
|
|
12414
12555
|
SmoothlyTableRow.style = SmoothlyTableRowStyle0;
|
|
@@ -12428,7 +12569,7 @@ const SmoothlyTableRowGroup = class {
|
|
|
12428
12569
|
this.smoothlyTableRowGroupChange.emit(this.open);
|
|
12429
12570
|
}
|
|
12430
12571
|
render() {
|
|
12431
|
-
return (index.h(index.Host, { key: '
|
|
12572
|
+
return (index.h(index.Host, { key: '91c803790cbbb1d1f98138fae837f4797a8e543f' }, index.h("div", { key: 'fcfabf942cd18c6647d00bece21412e768656454', onClick: () => this.clickHandler() }, index.h("div", { key: '3547051ef9a8900a4982b9e0592b3501ba9d46cc' }, index.h("slot", { key: '9613f0b10c3b589ac2d9c7e73cf09d155e162eaf', name: "start" })), index.h("div", { key: '7c431d32cdd963bf166dc44693a239872fff942e' }, index.h("slot", { key: '7f9992bf59d226da834e2015f1e9efd574a72aba', name: "end" }))), index.h("div", { key: '1aacd15711f519620ce5ec07691911bfe650d5e0' }, index.h("slot", { key: 'd40ae903a11106a79fd96efe3f31be571b3270e1' }))));
|
|
12432
12573
|
}
|
|
12433
12574
|
};
|
|
12434
12575
|
SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
|
|
@@ -12460,7 +12601,7 @@ const SmoothlyTabs = class {
|
|
|
12460
12601
|
old.open = false;
|
|
12461
12602
|
}
|
|
12462
12603
|
render() {
|
|
12463
|
-
return (index.h(index.Host, { key: '
|
|
12604
|
+
return (index.h(index.Host, { key: '7f399c7f2999ecbdaf3d708421dda99c024db548', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: '141e4076e5e690de80c84bb8498e0c706fbdf938' })));
|
|
12464
12605
|
}
|
|
12465
12606
|
get element() { return index.getElement(this); }
|
|
12466
12607
|
static get watchers() { return {
|
|
@@ -12477,7 +12618,7 @@ const SmoothlyTabsDemo = class {
|
|
|
12477
12618
|
index.registerInstance(this, hostRef);
|
|
12478
12619
|
}
|
|
12479
12620
|
render() {
|
|
12480
|
-
return (index.h("smoothly-tabs", { key: '
|
|
12621
|
+
return (index.h("smoothly-tabs", { key: '3739b11662cab628b1b3b0c8fe361ed4684594f2' }, index.h("smoothly-tab", { key: 'c62e2b962dd58ce6e7f3cf826a019869a86e8ea9', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: 'ad3ef8e76daefd8a1157cdefaf1411c538f88c99', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '92fef14d7201ab7db1446656c743bad8a310b32a', label: "test3" }, "this is a test message again!")));
|
|
12481
12622
|
}
|
|
12482
12623
|
};
|
|
12483
12624
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
@@ -12491,7 +12632,7 @@ const SmoothlyThemeColor = class {
|
|
|
12491
12632
|
this.color = undefined;
|
|
12492
12633
|
}
|
|
12493
12634
|
render() {
|
|
12494
|
-
return (index.h(index.Host, { key: '
|
|
12635
|
+
return (index.h(index.Host, { key: '536cf3894988bc9b80c198b858152dc8c4e888a2' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12495
12636
|
}
|
|
12496
12637
|
};
|
|
12497
12638
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
@@ -12543,7 +12684,7 @@ const SmoothlyThemeDemo = class {
|
|
|
12543
12684
|
index.registerInstance(this, hostRef);
|
|
12544
12685
|
}
|
|
12545
12686
|
render() {
|
|
12546
|
-
return (index.h(index.Host, { key: '
|
|
12687
|
+
return (index.h(index.Host, { key: '57997acefd505b2f35982479fa27f2cfc2485338' }, index.h("h2", { key: '45234b8a3faf252cb1cdc4b6f82d8e0dbd2e9ad4' }, "Theme"), index.h("smoothly-theme-picker", { key: '8b5a42ae55cc8accd47e82d6745e7eb8325a84b1' }, index.h("smoothly-item", { key: '1c4d6747381ae3c1d56604182f9c215c78e8c8aa', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'e861109f898e99e4a74f69a2e384d2bc6989500d', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '925d1fa9c597cd15fc216137b69609cdf9e23a3d', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: 'f4840fa904b501466f3331a88f3a0d638b495e83', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '6e1e04801e2ba62a7bc6dbeb35382c4b36943c5d', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'dc014e4b0d5c8eeeeddde74ba3c8972b918ba084', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '433e73774f65d17e95767c1a2dfa6a4a7d359658', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '54820b4ce5d26adc32f8a44b56478c34994f70ad', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '1fd873917c3b244613032111ea6662b5b1decc32', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: '2b5216ee48a3197754ae857edc79c37c6ca1b09d' }, index.h("smoothly-theme-colors", { key: '4b3175ab96433c5ab30f8f60d1d463ca8e9b8589' }), index.h("smoothly-theme-guide", { key: 'd0614c353e0e2bad9540067e33af1f1678644d10' })), index.h("smoothly-button", { key: '9b46d9d345078ff6079314f70011af8c4408e349', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'f88bbcf86d0415925a69c4e384e2433de24724e6', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '44fb5b8f77ddade5eb38667daaafe71f1349b45d', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '861d8f38d4ee0d3e0be259116ad7534136af8fc5', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12547
12688
|
}
|
|
12548
12689
|
};
|
|
12549
12690
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
@@ -12557,14 +12698,14 @@ const SmoothlyThemeColors = class {
|
|
|
12557
12698
|
}
|
|
12558
12699
|
render() {
|
|
12559
12700
|
return [
|
|
12560
|
-
index.h("smoothly-display", { key: '
|
|
12561
|
-
index.h("br", { key: '
|
|
12562
|
-
index.h("smoothly-display", { key: '
|
|
12563
|
-
index.h("br", { key: '
|
|
12564
|
-
index.h("smoothly-display", { key: '
|
|
12565
|
-
index.h("br", { key: '
|
|
12566
|
-
index.h("smoothly-display", { key: '
|
|
12567
|
-
index.h("br", { key: '
|
|
12701
|
+
index.h("smoothly-display", { key: 'f6f6748f7bee55ba09f24abaa7477223cb585476' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12702
|
+
index.h("br", { key: 'f91f13b4ac2946f946ead41a8ec6daa23415f144' }),
|
|
12703
|
+
index.h("smoothly-display", { key: '828b5cf707c820899e6088f528c5655cca62c271' }, "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."),
|
|
12704
|
+
index.h("br", { key: '1ea7eda0d84540f9264d00e9c82adeca87ba8939' }),
|
|
12705
|
+
index.h("smoothly-display", { key: '2ef937d213a0f8923a2192847fcc47619fd6d6c9' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12706
|
+
index.h("br", { key: 'face11311eed8c5bedce2a9513fe6738ff493622' }),
|
|
12707
|
+
index.h("smoothly-display", { key: '08c5a4a2587231ba124e409da51693efc7a21f4e' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12708
|
+
index.h("br", { key: '70762e0e28c49ee212e6cccb350a9f5f7e632dcb' }),
|
|
12568
12709
|
];
|
|
12569
12710
|
}
|
|
12570
12711
|
};
|
|
@@ -12579,11 +12720,11 @@ const SmoothlyThemePicker = class {
|
|
|
12579
12720
|
this.element = "smoothly-css";
|
|
12580
12721
|
}
|
|
12581
12722
|
render() {
|
|
12582
|
-
return (index.h(index.Host, { key: '
|
|
12723
|
+
return (index.h(index.Host, { key: '884915de7a2490ba82b24a3d5899f2d7fd57b4ef' }, index.h("smoothly-input-select", { key: 'e7d58eb34326c0ccdcf7596bdd99c8d93df67ded', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12583
12724
|
const element = document.querySelector(`#${this.element}`);
|
|
12584
12725
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12585
12726
|
element.href = e.detail.theme;
|
|
12586
|
-
} }, index.h("label", { key: '
|
|
12727
|
+
} }, index.h("label", { key: '15d5e8b012d6277cc06d74f1d0e7e99296478515', slot: "label" }, "Select theme"), index.h("slot", { key: '2b53a278576015e7af789ff1f8097d85855e16e1' }))));
|
|
12587
12728
|
}
|
|
12588
12729
|
};
|
|
12589
12730
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
@@ -12607,7 +12748,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12607
12748
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12608
12749
|
}
|
|
12609
12750
|
render() {
|
|
12610
|
-
return (index.h(index.Host, { key: '
|
|
12751
|
+
return (index.h(index.Host, { key: 'acf3a832b12f9f9f2c2233acde97b879d0cd363e' }, index.h("button", { key: 'c26a766fc3e22de63fdec55377dc0ca82da4f1ba', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: '6acddaf972a4cb492574643ac4f1d1072f75c043', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12611
12752
|
}
|
|
12612
12753
|
};
|
|
12613
12754
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12620,7 +12761,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12620
12761
|
index.registerInstance(this, hostRef);
|
|
12621
12762
|
}
|
|
12622
12763
|
render() {
|
|
12623
|
-
return (index.h(index.Host, { key: '
|
|
12764
|
+
return (index.h(index.Host, { key: '455cd93bd032b93bd6bc0bf7056e300bdde9405c' }, index.h("h4", { key: '63f31adf3d642a3e21f7890d400a44ce4db6d24e' }, "Toggle switches"), index.h("div", { key: '53866abea88d667aa7b3b05a77feeb6006254734' }, index.h("p", { key: 'a8f9761f79e9f67ef7aace6f2156cd732e58337f' }, "Checkmark"), index.h("span", { key: '8ffa0d3fea0bcf6fafcbe9d0c8ae8d3064bfd7e5' }, index.h("p", { key: '50e2c9aef53d90372b49e29b76a13bc4645c42c2' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '68ea60edfef8a2cb19c464afcc2fcef68d18f6e8', disabled: false, size: "tiny" })), index.h("span", { key: '023cd2db685d6c297f476e94b7acdb50fb6c4214' }, index.h("p", { key: '2f2da3deb37db851f50f95c5ebfd022f9effbc4f' }, "Small"), index.h("smoothly-toggle-switch", { key: 'f4a0c22b7af64ed0bdbaf882825368bb7bd99fce', disabled: false, size: "small" })), index.h("span", { key: '93cc9d5a45441c50921ff5db34ebbfc260b8db9c' }, index.h("p", { key: '96a90440b7773fafa9836759b70393f4e6976ca3' }, "Standard"), index.h("smoothly-toggle-switch", { key: '0645c394a99a515db1ad85b8708aadfbd76aa534', disabled: false })), index.h("span", { key: '805f23b8483ba46ddd307724925eed7181c5aea3' }, index.h("p", { key: '091ed37f46ce3f955e81a5d2ceb2eef0796de1a3' }, "Large"), index.h("smoothly-toggle-switch", { key: '11ac7416261e5280d109ae0644616bc234fe3a07', disabled: false, size: "large" })), index.h("p", { key: 'e638e12782b68e6ccf206b40d21512feca49deae' }, "Colors checkmark"), index.h("span", { key: '990aa57e2354013a648460b5490f029bff65081d' }, index.h("p", { key: '9ad7d22f2f513f01fff16aa35504b5d94cdc8090' }, "Danger"), index.h("smoothly-toggle-switch", { key: '9c3800b87f6e0d365752c7d054918073dd841a92', color: "danger", disabled: false, size: "small" })), index.h("span", { key: 'db451addec769cdff5ba1aac30b56e5a7b6068c6' }, index.h("p", { key: '051c576c64897ba276d3a791a59f40ad9d717cb0' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '367871da2cb3d885028a53dd2340d910dee1a8ff', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'd99169570d05034c2bb9af7c1956bc1f2465e81a' }, index.h("p", { key: '3e7744bd8938c8d52b81e02e1692c0f10cc94376' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'beea94d1e152b44d0382b2e41f42230514388495', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: 'a4e7d2f14e6f5ec84b7f335f0dfe8df96f8ffd87' }), index.h("p", { key: 'cba7c50bd673bc3eaf3d1fb1ff5d8a3037ebe8a8' }, "Colors no checkmark"), index.h("span", { key: 'f8a2e2ad0d5e018e7c28a339cc007a179922ac65' }, index.h("p", { key: '696034f7b8f6fbcd79e0ab1b69cbd5d7f7ac89e5' }, "Danger"), index.h("smoothly-toggle-switch", { key: '253ac5dc5f79b8b63ac5c9b30027785af4b7e549', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: 'c88e33b3133149de8aee554209cbb9cbce712dad' }, index.h("p", { key: '5d7a30d999feddd04dcab607259e2be1151472b4' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'de82a28cb468ab261b1b4aea26bf609ea002b5eb', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '1a1dd15bac673e696c96abb4f103ce35c1548f3e' }, index.h("p", { key: 'ceac4bb84dc260cacefc5f5b707b2ccf02cbb66a' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'e05f2a1ef82bd9f077cd6a34cd493f08033fafea', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12624
12765
|
}
|
|
12625
12766
|
};
|
|
12626
12767
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -12651,7 +12792,7 @@ const SmoothlyTrigger = class {
|
|
|
12651
12792
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
12652
12793
|
break;
|
|
12653
12794
|
case "button":
|
|
12654
|
-
result = (index.h("button", { key: '
|
|
12795
|
+
result = (index.h("button", { key: '2837b0e1d9a9d2f02b6d1deae657b4cf0de57985', disabled: this.disabled, name: this.name }, index.h("slot", { key: 'cfdb575a15b26c9b7406fbc8c42067df2e882f70' })));
|
|
12655
12796
|
break;
|
|
12656
12797
|
}
|
|
12657
12798
|
return result;
|
|
@@ -12705,6 +12846,7 @@ exports.smoothly_input_color = SmoothlyInputColor;
|
|
|
12705
12846
|
exports.smoothly_input_color_demo = SmoothlyInputColorDemo;
|
|
12706
12847
|
exports.smoothly_input_date = SmoothlyInputDate;
|
|
12707
12848
|
exports.smoothly_input_date_range = SmoothlyInputDateRange;
|
|
12849
|
+
exports.smoothly_input_date_time = SmoothlyInputDateTime;
|
|
12708
12850
|
exports.smoothly_input_demo = SmoothlyInputDemo;
|
|
12709
12851
|
exports.smoothly_input_demo_standard = SmoothlyInputDemoStandard;
|
|
12710
12852
|
exports.smoothly_input_edit = SmoothlyInputEdit;
|
|
@@ -12758,4 +12900,4 @@ exports.smoothly_toggle_switch = SmoothlyToggleSwitch;
|
|
|
12758
12900
|
exports.smoothly_toggle_switch_demo = SmoothlyToggleSwitchDemo;
|
|
12759
12901
|
exports.smoothly_trigger = SmoothlyTrigger;
|
|
12760
12902
|
|
|
12761
|
-
//# sourceMappingURL=smoothly-
|
|
12903
|
+
//# sourceMappingURL=smoothly-app_99.cjs.entry.js.map
|