smoothly 1.2.1-alpha.60 → 1.2.1-alpha.62
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-20426515.js → Scrollable-32dd31dc.js} +3 -1
- package/dist/cjs/Scrollable-32dd31dc.js.map +1 -0
- package/dist/cjs/{Submittable-c2f14f2a.js → Submittable-cc031279.js} +2 -2
- package/dist/cjs/{Submittable-c2f14f2a.js.map → Submittable-cc031279.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{smoothly-app_99.cjs.entry.js → smoothly-app_98.cjs.entry.js} +304 -326
- package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -0
- package/dist/cjs/smoothly-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/smoothly-color.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-country.cjs.entry.js +1 -1
- 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 +0 -1
- package/dist/collection/components/burger/style.css +5 -5
- package/dist/collection/components/button/demo/index.js +2 -2
- package/dist/collection/components/button/demo/index.js.map +1 -1
- package/dist/collection/components/calendar/index.js +2 -2
- package/dist/collection/components/checkbox/index.js +2 -2
- package/dist/collection/components/color/index.js +1 -1
- package/dist/collection/components/confirm/index.js +1 -1
- package/dist/collection/components/country/index.js +1 -1
- package/dist/collection/components/dialog/demo/index.js +1 -1
- package/dist/collection/components/dialog/index.js +1 -1
- package/dist/collection/components/display/demo/index.js +10 -10
- package/dist/collection/components/display/demo/json/index.js +1 -1
- package/dist/collection/components/display/index.js +3 -3
- package/dist/collection/components/display/json/index.js +1 -1
- package/dist/collection/components/display/json/object/index.js +2 -2
- package/dist/collection/components/display/json/object/key/index.js +1 -1
- package/dist/collection/components/display/json/primitive/index.js +1 -1
- package/dist/collection/components/filter/field/index.js +1 -1
- package/dist/collection/components/filter/index.js +3 -3
- package/dist/collection/components/filter/input/index.js +1 -1
- package/dist/collection/components/filter/select/index.js +1 -1
- package/dist/collection/components/filter/toggle/index.js +2 -2
- package/dist/collection/components/form/demo/all/index.js +2 -2
- package/dist/collection/components/form/demo/card/index.js +1 -1
- package/dist/collection/components/form/demo/controlled/index.js +1 -1
- package/dist/collection/components/form/demo/date/index.js +1 -1
- package/dist/collection/components/form/demo/date-range/index.js +1 -1
- package/dist/collection/components/form/demo/index.js +1 -1
- package/dist/collection/components/form/demo/login/index.js +1 -1
- package/dist/collection/components/form/demo/pet/index.js +2 -2
- 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/form/index.js +1 -1
- package/dist/collection/components/icon/demo/index.js +1 -1
- package/dist/collection/components/icon/demo/index.js.map +1 -1
- package/dist/collection/components/icon/index.js +6 -7
- package/dist/collection/components/icon/index.js.map +1 -1
- package/dist/collection/components/icon/style.css +10 -11
- 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/demo/index.js +4 -4
- 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/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/toggle-switch/style.css +12 -20
- 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/Icon.js +2 -0
- package/dist/collection/model/Icon.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-e0f402bd.js → p-0156d1ac.js} +14 -14
- package/dist/components/{p-e0f402bd.js.map → p-0156d1ac.js.map} +1 -1
- package/dist/components/{p-c2bd3f7d.js → p-08ff9613.js} +6 -6
- package/dist/components/{p-c2bd3f7d.js.map → p-08ff9613.js.map} +1 -1
- package/dist/components/{p-e966bb8a.js → p-09f490eb.js} +4 -4
- package/dist/components/{p-e966bb8a.js.map → p-09f490eb.js.map} +1 -1
- package/dist/components/{p-ac1d729f.js → p-0a200b85.js} +4 -4
- package/dist/components/{p-ac1d729f.js.map → p-0a200b85.js.map} +1 -1
- package/dist/components/{p-a9828665.js → p-0d09457c.js} +27 -27
- package/dist/components/{p-a9828665.js.map → p-0d09457c.js.map} +1 -1
- package/dist/components/{p-9a435c17.js → p-0d597c0f.js} +17 -17
- package/dist/components/p-0d597c0f.js.map +1 -0
- package/dist/components/{p-7b7bf736.js → p-0ddbb10b.js} +12 -12
- package/dist/components/{p-7b7bf736.js.map → p-0ddbb10b.js.map} +1 -1
- package/dist/components/{p-19452784.js → p-11e5cabe.js} +37 -37
- package/dist/components/{p-19452784.js.map → p-11e5cabe.js.map} +1 -1
- package/dist/components/{p-3f08bd39.js → p-1512ddfa.js} +32 -32
- package/dist/components/{p-3f08bd39.js.map → p-1512ddfa.js.map} +1 -1
- package/dist/components/{p-b85e430c.js → p-188fb617.js} +4 -4
- package/dist/components/{p-b85e430c.js.map → p-188fb617.js.map} +1 -1
- package/dist/components/{p-7a950751.js → p-189a3517.js} +9 -9
- package/dist/components/{p-7a950751.js.map → p-189a3517.js.map} +1 -1
- package/dist/components/{p-ff85f4ef.js → p-1cc8de56.js} +9 -9
- package/dist/components/{p-ff85f4ef.js.map → p-1cc8de56.js.map} +1 -1
- package/dist/components/{p-32acfe2f.js → p-1de0fb0e.js} +2 -2
- package/dist/components/{p-32acfe2f.js.map → p-1de0fb0e.js.map} +1 -1
- package/dist/components/{p-a09ae0b2.js → p-1fe82c92.js} +15 -15
- package/dist/components/{p-a09ae0b2.js.map → p-1fe82c92.js.map} +1 -1
- package/dist/components/{p-2020cb82.js → p-21601376.js} +2 -2
- package/dist/components/{p-2020cb82.js.map → p-21601376.js.map} +1 -1
- package/dist/components/{p-5b5cc581.js → p-22a5c35b.js} +7 -7
- package/dist/components/{p-5b5cc581.js.map → p-22a5c35b.js.map} +1 -1
- package/dist/components/{p-b859f52c.js → p-24934ba0.js} +5 -5
- package/dist/components/p-24934ba0.js.map +1 -0
- package/dist/components/{p-757207da.js → p-27fead40.js} +16 -16
- package/dist/components/{p-757207da.js.map → p-27fead40.js.map} +1 -1
- package/dist/components/{p-e15e5a5d.js → p-2b457d53.js} +2 -2
- package/dist/components/{p-e15e5a5d.js.map → p-2b457d53.js.map} +1 -1
- package/dist/components/{p-b0d7a2e6.js → p-2eca5316.js} +2 -2
- package/dist/components/{p-b0d7a2e6.js.map → p-2eca5316.js.map} +1 -1
- package/dist/components/{p-fe36713e.js → p-3091ab20.js} +2 -2
- package/dist/components/{p-fe36713e.js.map → p-3091ab20.js.map} +1 -1
- package/dist/components/{p-bc324b5e.js → p-3493b852.js} +2 -2
- package/dist/components/{p-bc324b5e.js.map → p-3493b852.js.map} +1 -1
- package/dist/components/{p-c5e1abc1.js → p-37e8e0b4.js} +6 -6
- package/dist/components/{p-c5e1abc1.js.map → p-37e8e0b4.js.map} +1 -1
- package/dist/components/{p-410abeae.js → p-38ff4ddd.js} +5 -5
- package/dist/components/{p-410abeae.js.map → p-38ff4ddd.js.map} +1 -1
- package/dist/components/p-3c1569b7.js +176 -0
- package/dist/components/{p-0d0f136b.js.map → p-3c1569b7.js.map} +1 -1
- package/dist/components/{p-f735e445.js → p-3cdc6c8b.js} +15 -15
- package/dist/components/{p-f735e445.js.map → p-3cdc6c8b.js.map} +1 -1
- package/dist/components/{p-1dac5ed9.js → p-3ef90e87.js} +15 -15
- package/dist/components/{p-1dac5ed9.js.map → p-3ef90e87.js.map} +1 -1
- package/dist/components/{p-47b48901.js → p-41441353.js} +5 -5
- package/dist/components/{p-47b48901.js.map → p-41441353.js.map} +1 -1
- package/dist/components/p-43bad1c0.js +175 -0
- package/dist/components/{p-f02e5808.js.map → p-43bad1c0.js.map} +1 -1
- package/dist/components/{p-b1894ab6.js → p-479909bd.js} +9 -9
- package/dist/components/{p-b1894ab6.js.map → p-479909bd.js.map} +1 -1
- package/dist/components/{p-f0281d58.js → p-47e5df73.js} +3 -3
- package/dist/components/{p-f0281d58.js.map → p-47e5df73.js.map} +1 -1
- package/dist/components/{p-e24a266e.js → p-49d437f4.js} +4 -4
- package/dist/components/{p-e24a266e.js.map → p-49d437f4.js.map} +1 -1
- package/dist/components/{p-74aeead6.js → p-52d1d5a1.js} +6 -6
- package/dist/components/{p-74aeead6.js.map → p-52d1d5a1.js.map} +1 -1
- package/dist/components/{p-d07feab8.js → p-5c67d11d.js} +4 -4
- package/dist/components/{p-d07feab8.js.map → p-5c67d11d.js.map} +1 -1
- package/dist/components/p-5e2b1c67.js +57 -0
- package/dist/components/p-5e2b1c67.js.map +1 -0
- package/dist/components/{p-ad82866a.js → p-619819ae.js} +7 -7
- package/dist/components/{p-ad82866a.js.map → p-619819ae.js.map} +1 -1
- package/dist/components/{p-2d60ab95.js → p-61eae5d7.js} +2 -2
- package/dist/components/{p-2d60ab95.js.map → p-61eae5d7.js.map} +1 -1
- package/dist/components/{p-9969c73f.js → p-62f513b3.js} +3 -3
- package/dist/components/{p-9969c73f.js.map → p-62f513b3.js.map} +1 -1
- package/dist/components/{p-68b77df6.js → p-65801f7e.js} +5 -5
- package/dist/components/{p-68b77df6.js.map → p-65801f7e.js.map} +1 -1
- package/dist/components/{p-25765881.js → p-67be9571.js} +3 -3
- package/dist/components/{p-25765881.js.map → p-67be9571.js.map} +1 -1
- package/dist/components/{p-fde62d0c.js → p-68f97107.js} +14 -14
- package/dist/components/{p-fde62d0c.js.map → p-68f97107.js.map} +1 -1
- package/dist/components/{p-57cbd960.js → p-6abf2d7c.js} +13 -13
- package/dist/components/{p-57cbd960.js.map → p-6abf2d7c.js.map} +1 -1
- package/dist/components/{p-d208e3bd.js → p-6e6d0815.js} +5 -5
- package/dist/components/{p-d208e3bd.js.map → p-6e6d0815.js.map} +1 -1
- package/dist/components/{p-8e1e509d.js → p-734ca80e.js} +3 -1
- package/dist/components/p-734ca80e.js.map +1 -0
- package/dist/components/p-75cf720d.js +123 -0
- package/dist/components/{p-b10747d0.js.map → p-75cf720d.js.map} +1 -1
- package/dist/components/{p-2193cd07.js → p-76047d98.js} +2 -2
- package/dist/components/{p-2193cd07.js.map → p-76047d98.js.map} +1 -1
- package/dist/components/{p-433d4084.js → p-7c5d155e.js} +3 -3
- package/dist/components/{p-433d4084.js.map → p-7c5d155e.js.map} +1 -1
- package/dist/components/{p-a85b4067.js → p-7ea55b4d.js} +5 -5
- package/dist/components/{p-a85b4067.js.map → p-7ea55b4d.js.map} +1 -1
- package/dist/components/{p-41304687.js → p-81e4b071.js} +15 -15
- package/dist/components/{p-41304687.js.map → p-81e4b071.js.map} +1 -1
- package/dist/components/{p-57ed4c07.js → p-85c2a76c.js} +5 -5
- package/dist/components/{p-57ed4c07.js.map → p-85c2a76c.js.map} +1 -1
- package/dist/components/{p-259613c8.js → p-8789a504.js} +2 -2
- package/dist/components/{p-259613c8.js.map → p-8789a504.js.map} +1 -1
- package/dist/components/{p-ac0be55b.js → p-8abb7216.js} +5 -5
- package/dist/components/{p-ac0be55b.js.map → p-8abb7216.js.map} +1 -1
- package/dist/components/{p-80c2142d.js → p-8cd54408.js} +9 -9
- package/dist/components/{p-80c2142d.js.map → p-8cd54408.js.map} +1 -1
- package/dist/components/{p-6963d21b.js → p-8d3eea77.js} +2 -2
- package/dist/components/{p-6963d21b.js.map → p-8d3eea77.js.map} +1 -1
- package/dist/components/{p-271384e5.js → p-91ab8d87.js} +2 -2
- package/dist/components/{p-271384e5.js.map → p-91ab8d87.js.map} +1 -1
- package/dist/components/{p-db95d66d.js → p-92144b1e.js} +5 -5
- package/dist/components/{p-db95d66d.js.map → p-92144b1e.js.map} +1 -1
- package/dist/components/{p-cd00ffbb.js → p-9832d3b5.js} +3 -3
- package/dist/components/{p-cd00ffbb.js.map → p-9832d3b5.js.map} +1 -1
- package/dist/components/{p-62ed9e48.js → p-994fd1b4.js} +4 -4
- package/dist/components/{p-62ed9e48.js.map → p-994fd1b4.js.map} +1 -1
- package/dist/components/{p-2da33fd6.js → p-9d7780cb.js} +3 -3
- package/dist/components/{p-2da33fd6.js.map → p-9d7780cb.js.map} +1 -1
- package/dist/components/{p-561f06dd.js → p-9e2029f7.js} +14 -14
- package/dist/components/{p-561f06dd.js.map → p-9e2029f7.js.map} +1 -1
- package/dist/components/{p-2b3160e5.js → p-a10dfe73.js} +2 -2
- package/dist/components/{p-2b3160e5.js.map → p-a10dfe73.js.map} +1 -1
- package/dist/components/{p-dd071666.js → p-a12494c3.js} +2 -2
- package/dist/components/{p-dd071666.js.map → p-a12494c3.js.map} +1 -1
- package/dist/components/p-a129dc60.js +73 -0
- package/dist/components/p-a129dc60.js.map +1 -0
- package/dist/components/p-a141fe7c.js +238 -0
- package/dist/components/{p-37702622.js.map → p-a141fe7c.js.map} +1 -1
- package/dist/components/{p-0f1adb3d.js → p-a4d10377.js} +2 -2
- package/dist/components/{p-0f1adb3d.js.map → p-a4d10377.js.map} +1 -1
- package/dist/components/{p-9133b2ac.js → p-a669dad9.js} +11 -11
- package/dist/components/{p-9133b2ac.js.map → p-a669dad9.js.map} +1 -1
- package/dist/components/{p-6da12141.js → p-ab1e1709.js} +8 -8
- package/dist/components/{p-6da12141.js.map → p-ab1e1709.js.map} +1 -1
- package/dist/components/{p-b6bb5357.js → p-ab2e4633.js} +8 -8
- package/dist/components/{p-b6bb5357.js.map → p-ab2e4633.js.map} +1 -1
- package/dist/components/{p-bc7d81be.js → p-abdbd635.js} +4 -4
- package/dist/components/{p-bc7d81be.js.map → p-abdbd635.js.map} +1 -1
- package/dist/components/p-abf172db.js +45 -0
- package/dist/components/{p-591758db.js.map → p-abf172db.js.map} +1 -1
- package/dist/components/{p-c7d74916.js → p-b4db4967.js} +16 -16
- package/dist/components/{p-c7d74916.js.map → p-b4db4967.js.map} +1 -1
- package/dist/components/{p-4d1a2dcd.js → p-b84d424b.js} +12 -12
- package/dist/components/{p-4d1a2dcd.js.map → p-b84d424b.js.map} +1 -1
- package/dist/components/{p-4d5a6ec2.js → p-b89242b5.js} +3 -3
- package/dist/components/p-b89242b5.js.map +1 -0
- package/dist/components/{p-b22a5b41.js → p-b9872a14.js} +2 -2
- package/dist/components/{p-b22a5b41.js.map → p-b9872a14.js.map} +1 -1
- package/dist/components/{p-f79e10b3.js → p-b99e9582.js} +2 -2
- package/dist/components/{p-f79e10b3.js.map → p-b99e9582.js.map} +1 -1
- package/dist/components/{p-cdeece09.js → p-bd00e096.js} +2 -2
- package/dist/components/{p-cdeece09.js.map → p-bd00e096.js.map} +1 -1
- package/dist/components/{p-5cea42bb.js → p-bd902bf1.js} +2 -2
- package/dist/components/{p-5cea42bb.js.map → p-bd902bf1.js.map} +1 -1
- package/dist/components/{p-fc3c98fa.js → p-c9904619.js} +5 -5
- package/dist/components/{p-fc3c98fa.js.map → p-c9904619.js.map} +1 -1
- package/dist/components/{p-109e426f.js → p-cbffcc9d.js} +10 -10
- package/dist/components/{p-109e426f.js.map → p-cbffcc9d.js.map} +1 -1
- package/dist/components/{p-504a1092.js → p-cce0e89e.js} +4 -4
- package/dist/components/{p-504a1092.js.map → p-cce0e89e.js.map} +1 -1
- package/dist/components/{p-7df6aaed.js → p-d3888e8f.js} +3 -3
- package/dist/components/{p-7df6aaed.js.map → p-d3888e8f.js.map} +1 -1
- package/dist/components/{p-c59230ed.js → p-d3bc4725.js} +16 -16
- package/dist/components/{p-c59230ed.js.map → p-d3bc4725.js.map} +1 -1
- package/dist/components/{p-ac8bd5a6.js → p-d4bf90ef.js} +2 -2
- package/dist/components/{p-ac8bd5a6.js.map → p-d4bf90ef.js.map} +1 -1
- package/dist/components/{p-320d1fcf.js → p-d4f2eec1.js} +4 -4
- package/dist/components/{p-320d1fcf.js.map → p-d4f2eec1.js.map} +1 -1
- package/dist/components/{p-ab25dbee.js → p-d77cf57f.js} +7 -7
- package/dist/components/{p-ab25dbee.js.map → p-d77cf57f.js.map} +1 -1
- package/dist/components/{p-683ee29d.js → p-d8fdfbfa.js} +2 -2
- package/dist/components/{p-683ee29d.js.map → p-d8fdfbfa.js.map} +1 -1
- package/dist/components/{p-b4bb3e74.js → p-d9989605.js} +2 -2
- package/dist/components/{p-b4bb3e74.js.map → p-d9989605.js.map} +1 -1
- package/dist/components/{p-aedb15da.js → p-d9d1453e.js} +3 -3
- package/dist/components/{p-aedb15da.js.map → p-d9d1453e.js.map} +1 -1
- package/dist/components/{p-b2612783.js → p-e28192a5.js} +3 -3
- package/dist/components/{p-b2612783.js.map → p-e28192a5.js.map} +1 -1
- package/dist/components/{p-402645c8.js → p-e55b30b0.js} +15 -15
- package/dist/components/{p-402645c8.js.map → p-e55b30b0.js.map} +1 -1
- package/dist/components/{p-18a3fbb2.js → p-ea7e5a85.js} +6 -6
- package/dist/components/{p-18a3fbb2.js.map → p-ea7e5a85.js.map} +1 -1
- package/dist/components/{p-988ab8a9.js → p-ecb1c83a.js} +44 -44
- package/dist/components/{p-988ab8a9.js.map → p-ecb1c83a.js.map} +1 -1
- package/dist/components/{p-29b18cec.js → p-ecbbfbcd.js} +6 -6
- package/dist/components/{p-29b18cec.js.map → p-ecbbfbcd.js.map} +1 -1
- package/dist/components/{p-32c3c9a8.js → p-f7f92307.js} +7 -7
- package/dist/components/{p-32c3c9a8.js.map → p-f7f92307.js.map} +1 -1
- package/dist/components/{p-675d242c.js → p-f89d6ab1.js} +14 -14
- package/dist/components/{p-675d242c.js.map → p-f89d6ab1.js.map} +1 -1
- package/dist/components/{p-2ee7e206.js → p-fa1bb361.js} +10 -10
- package/dist/components/{p-2ee7e206.js.map → p-fa1bb361.js.map} +1 -1
- package/dist/components/{p-c5fbf6a4.js → p-fa2bcda4.js} +10 -10
- package/dist/components/{p-c5fbf6a4.js.map → p-fa2bcda4.js.map} +1 -1
- package/dist/components/{p-9e117398.js → p-fc9f4cae.js} +28 -28
- package/dist/components/{p-9e117398.js.map → p-fc9f4cae.js.map} +1 -1
- package/dist/components/{p-74dfc05e.js → p-fe705776.js} +15 -15
- package/dist/components/{p-74dfc05e.js.map → p-fe705776.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +191 -197
- 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 +3 -3
- package/dist/components/smoothly-color.js +1 -1
- package/dist/components/smoothly-country.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-json-object.js +1 -1
- package/dist/components/smoothly-display-json-primitive.js +1 -1
- package/dist/components/smoothly-display-json-record-key.js +1 -1
- package/dist/components/smoothly-display-json.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 +29 -29
- 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.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-93e46f30.js → Scrollable-179e934f.js} +3 -1
- package/dist/esm/Scrollable-179e934f.js.map +1 -0
- package/dist/esm/{Submittable-dbe49d9c.js → Submittable-cf9cb5aa.js} +2 -2
- package/dist/esm/{Submittable-dbe49d9c.js.map → Submittable-cf9cb5aa.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{smoothly-app_99.entry.js → smoothly-app_98.entry.js} +305 -326
- package/dist/esm/smoothly-app_98.entry.js.map +1 -0
- package/dist/esm/smoothly-checkbox.entry.js +2 -2
- package/dist/esm/smoothly-color.entry.js +1 -1
- package/dist/esm/smoothly-country.entry.js +1 -1
- 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/{p-37d77190.entry.js → p-018e3f3c.entry.js} +2 -2
- package/dist/smoothly/{p-fffbb5dd.entry.js → p-0c10da7c.entry.js} +2 -2
- package/dist/smoothly/{p-534c56da.entry.js → p-2f60a07e.entry.js} +2 -2
- package/dist/smoothly/p-5870d1ad.js +2 -0
- package/dist/smoothly/p-5870d1ad.js.map +1 -0
- package/dist/smoothly/p-69c6102d.entry.js +2 -0
- package/dist/smoothly/{p-52b3355a.entry.js → p-8a1d7506.entry.js} +2 -2
- package/dist/smoothly/p-b803a3c2.entry.js +2 -0
- package/dist/smoothly/p-b803a3c2.entry.js.map +1 -0
- package/dist/smoothly/{p-184bd3b9.js → p-cc5143d2.js} +2 -2
- package/dist/smoothly/{p-963b72df.entry.js → p-cdb8913e.entry.js} +2 -2
- package/dist/smoothly/p-d3024318.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 +1 -1
- package/dist/types/components/icon/index.d.ts +1 -1
- package/dist/types/components.d.ts +2 -25
- package/dist/types/model/Icon.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/Scrollable-20426515.js.map +0 -1
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +0 -1
- package/dist/collection/components/toggle/index.js +0 -129
- package/dist/collection/components/toggle/index.js.map +0 -1
- package/dist/collection/components/toggle/style.css +0 -36
- package/dist/components/p-0d0f136b.js +0 -176
- package/dist/components/p-310690f3.js +0 -47
- package/dist/components/p-310690f3.js.map +0 -1
- package/dist/components/p-37702622.js +0 -238
- package/dist/components/p-4d5a6ec2.js.map +0 -1
- package/dist/components/p-591758db.js +0 -45
- package/dist/components/p-6e933067.js +0 -79
- package/dist/components/p-6e933067.js.map +0 -1
- package/dist/components/p-6efb971e.js +0 -57
- package/dist/components/p-6efb971e.js.map +0 -1
- package/dist/components/p-8e1e509d.js.map +0 -1
- package/dist/components/p-9a435c17.js.map +0 -1
- package/dist/components/p-b10747d0.js +0 -123
- package/dist/components/p-b859f52c.js.map +0 -1
- package/dist/components/p-f02e5808.js +0 -175
- package/dist/components/smoothly-toggle.d.ts +0 -11
- package/dist/components/smoothly-toggle.js +0 -8
- package/dist/components/smoothly-toggle.js.map +0 -1
- package/dist/esm/Scrollable-93e46f30.js.map +0 -1
- package/dist/esm/smoothly-app_99.entry.js.map +0 -1
- package/dist/smoothly/p-25660540.entry.js +0 -2
- package/dist/smoothly/p-3b2af340.entry.js +0 -2
- package/dist/smoothly/p-3b2af340.entry.js.map +0 -1
- package/dist/smoothly/p-6d7ee489.js +0 -2
- package/dist/smoothly/p-6d7ee489.js.map +0 -1
- package/dist/smoothly/p-cbcf6951.entry.js +0 -2
- package/dist/types/components/toggle/index.d.ts +0 -9
- /package/dist/smoothly/{p-37d77190.entry.js.map → p-018e3f3c.entry.js.map} +0 -0
- /package/dist/smoothly/{p-fffbb5dd.entry.js.map → p-0c10da7c.entry.js.map} +0 -0
- /package/dist/smoothly/{p-534c56da.entry.js.map → p-2f60a07e.entry.js.map} +0 -0
- /package/dist/smoothly/{p-25660540.entry.js.map → p-69c6102d.entry.js.map} +0 -0
- /package/dist/smoothly/{p-52b3355a.entry.js.map → p-8a1d7506.entry.js.map} +0 -0
- /package/dist/smoothly/{p-184bd3b9.js.map → p-cc5143d2.js.map} +0 -0
- /package/dist/smoothly/{p-963b72df.entry.js.map → p-cdb8913e.entry.js.map} +0 -0
- /package/dist/smoothly/{p-cbcf6951.entry.js.map → p-d3024318.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-32dd31dc.js');
|
|
7
|
+
const Submittable = require('./Submittable-cc031279.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$1k = "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$1k;
|
|
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$1j = ".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$1j;
|
|
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$1i = ".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$1i;
|
|
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$1h = "[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$1h;
|
|
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$1g = "[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$1g;
|
|
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$1f = ".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$1f;
|
|
1684
1684
|
|
|
1685
1685
|
const SmoothlyButtonConfirm = class {
|
|
1686
1686
|
constructor(hostRef) {
|
|
@@ -1711,13 +1711,13 @@ const SmoothlyButtonConfirm = class {
|
|
|
1711
1711
|
}
|
|
1712
1712
|
}
|
|
1713
1713
|
render() {
|
|
1714
|
-
return (index.h(index.Host, { key: '
|
|
1714
|
+
return (index.h(index.Host, { key: '316a3f9fb74039c7a6b80c0b665582c9c016176b', warning: this.clickTimeStamp }, index.h("smoothly-button", { key: 'c4e4a4845ccb4ca9b599957eafe177494f03f124', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: "warning", disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, index.h("smoothly-icon", { key: 'd7763547cf321bbff31ce9fa437c0d7753b4767c', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), index.h("smoothly-button", { key: 'f3e3af94612519e43694139c91bfca618293af94', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: this.color, disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, index.h("slot", { key: '38fbabcf48c532abea1fde79454acb5785955b77' }))));
|
|
1715
1715
|
}
|
|
1716
1716
|
};
|
|
1717
1717
|
SmoothlyButtonConfirm.style = SmoothlyButtonConfirmStyle0;
|
|
1718
1718
|
|
|
1719
|
-
const styleCss$
|
|
1720
|
-
const SmoothlyButtonDemoStyle0 = styleCss$
|
|
1719
|
+
const styleCss$1e = "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$1e;
|
|
1721
1721
|
|
|
1722
1722
|
const SmoothlyButtonDemo = class {
|
|
1723
1723
|
constructor(hostRef) {
|
|
@@ -1726,8 +1726,8 @@ const SmoothlyButtonDemo = class {
|
|
|
1726
1726
|
render() {
|
|
1727
1727
|
return [
|
|
1728
1728
|
index.h("h2", { key: 'bddbcdcb9ce5d83b6bfa7b6ecfdc6aa39a2eb566' }, "Buttons"),
|
|
1729
|
-
index.h("section", { key: '1a68d5f5e150439e623fa625432c0b76d84cb4da' }, index.h("h4", { key: 'ce297567bb70f6f61cb5c9adfce457b96a727dee' }, "Confirm button (two clicks)"), index.h("div", { key: '6b8561f4fe3001800c5a058e01a023361e8ff5fc' }, index.h("smoothly-button-confirm", { key: 'c26ec515d6e59142694394336d6c408f9d77d5c2', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), index.h("smoothly-button-confirm", { key: 'bc1fe30703e9469b80851611286309c2465b6708', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, index.h("smoothly-icon", { key: '2c5ad6e48b66c4aac2b85dc8ea27b292b9229054', name: "checkmark-outline", size: "tiny" })), index.h("smoothly-button-confirm", { key: 'b00eff042a7e4ad8d84dbd5928499dfe93e0aade', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, index.h("smoothly-icon", { key: '180734788ed2a6bf6dd7b833ec6e2bb8c8aa4d65', name: "trash-outline", size: "tiny", fill: "outline" }))), index.h("
|
|
1730
|
-
index.h("smoothly-back-to-top", { key: '
|
|
1729
|
+
index.h("section", { key: '1a68d5f5e150439e623fa625432c0b76d84cb4da' }, index.h("h4", { key: 'ce297567bb70f6f61cb5c9adfce457b96a727dee' }, "Confirm button (two clicks)"), index.h("div", { key: '6b8561f4fe3001800c5a058e01a023361e8ff5fc' }, index.h("smoothly-button-confirm", { key: 'c26ec515d6e59142694394336d6c408f9d77d5c2', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), index.h("smoothly-button-confirm", { key: 'bc1fe30703e9469b80851611286309c2465b6708', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, index.h("smoothly-icon", { key: '2c5ad6e48b66c4aac2b85dc8ea27b292b9229054', name: "checkmark-outline", size: "tiny" })), index.h("smoothly-button-confirm", { key: 'b00eff042a7e4ad8d84dbd5928499dfe93e0aade', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, index.h("smoothly-icon", { key: '180734788ed2a6bf6dd7b833ec6e2bb8c8aa4d65', name: "trash-outline", size: "tiny", fill: "outline" }))), index.h("smoothly-toggle-switch-demo", { key: '05f0025358df19ae26c50e988f75488f41da289d' }), index.h("h4", { key: 'a9d8bcaea4a0f4faefb18091126dbcdf41f310d9' }, "Links with icons"), index.h("smoothly-button", { key: '167bbb5902842ca9bffce2c147d628d56e400190', type: "link" }, index.h("smoothly-icon", { key: 'd072acb7417bacbe2f7ecdc46aabda39cbdbfc06', name: "checkmark-circle", slot: "start" }), "type link"), index.h("smoothly-button", { key: '009968c3ec3174984ea7d2d0f8583283dac79cd7', type: "button", color: "warning", fill: "default" }, index.h("smoothly-icon", { key: 'a006bec82e32c090679bf672067786ad20ee1a1c', name: "call", slot: "start" }), index.h("a", { key: 'f07b7790a97c5ee46d0f9b2208c7adc6be83b578', href: "https://google.com" }, "link")), index.h("smoothly-button", { key: '6bc40589a121c17134918def9047a9f4c5849d92', link: "https://google.com", type: "link" }, index.h("smoothly-icon", { key: '7fe282e07c20828f9d3370fc652212dbfbffeb22', name: "arrow-forward", slot: "end" }), "link + type link"), index.h("h4", { key: '8ba8336502afd8345f6fb4e4fab960482ae518a8' }, "Size and Color test"), index.h("smoothly-button", { key: '8853f3af8f2a529da7b4e852bb97b683b83305df', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), index.h("smoothly-button", { key: '58bacfecc8658277fce79ca8c92b09269d98dd9a', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), index.h("smoothly-button", { key: 'ad0d74e0a69340b75589a4758a09aac2dcb76f00', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), index.h("smoothly-button", { key: '440876e5df141e0c8ac44027661f8e575921699f', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), index.h("smoothly-button", { key: '2c7792f5eab260fc72dea8d02a69f870e017c461', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), index.h("smoothly-button", { key: 'e6a5713a3f4c683442c44c7dce5d4b14d5ed137b', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), index.h("smoothly-button", { key: '9344764b926c4b7620a116f7811c569e2825440d', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), index.h("smoothly-button", { key: '47ee717243171483731ddb1645c4769dc02386e8', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), index.h("smoothly-button", { key: 'fcb45ba51f2efd49e3bb1601213d3e7ad020fbbd', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), index.h("h4", { key: '2445eacd62ea0749ed0bdcd7a624fc9d0003b69e' }, "Expand examples"), index.h("smoothly-button", { key: '9cdb6cfac5d2806e522c2764aaf4f3f8b24bd81c', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), index.h("smoothly-button", { key: '72c233f139b871a57202f29cc3f2d26bd45900a2', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), index.h("h4", { key: 'b6912697d2018ba136133d3d21349c8fade175fb' }, "Fill examples"), index.h("div", { key: 'e4095adae1b21cac1437407a4b032ebf2b5857fb' }, index.h("smoothly-button", { key: '537fb2c0df80f137e082ff7b0cfd3fd6dd0dbe46', shape: "rounded", color: "primary", fill: "solid" }, index.h("smoothly-icon", { key: '9982e7b95ca149470e6d5b34967f46cad195a35f', name: "checkmark-circle", slot: "start" }), "Fill Solid"), index.h("smoothly-button", { key: '9a7021a7c1743c2c46a8a67159d2cda23e4579c2', shape: "rounded", color: "secondary", fill: "outline" }, index.h("smoothly-icon", { key: '469608b3bfc55b192d773f42ef70e567795ca455', name: "checkmark-circle", slot: "start" }), "Fill Outline"), index.h("smoothly-button", { key: '52a5d266726a031d6b66b3a1180ad37623dd74c9', shape: "rounded", color: "tertiary", fill: "clear" }, index.h("smoothly-icon", { key: '94e036929040b6ac859a055bde8ad09e804ad1fd', name: "checkmark-circle", slot: "start" }), "Fill Clear"), index.h("smoothly-button", { key: 'f48dfdc3b4151689bfe7c3f069156b8e97ccd485', size: "icon", shape: "rounded", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: '729e24c3f27ee5ee5d9ac91a872d0ebaf232ef06', name: "basketball" }))), index.h("h4", { key: 'f6925e64d522c3049c3df03ae5572e7cb79b91aa' }, "Buttons with Icon in \"start\""), index.h("div", { key: '4caf500f1fc1e0bc4fdefbada8053ec53d919859' }, index.h("smoothly-button", { key: '69248dd64f9f1e6bd2eb72d9bb060d2adc95230e', shape: "rounded", fill: "solid", color: "warning" }, index.h("smoothly-icon", { key: '326c813748e85699bf9378ae903f82c3a94a99fe', name: "checkmark-circle", slot: "start" }), "Check"), index.h("smoothly-button", { key: 'e32f179237d11e7168f6b9d86584a941e7c132ba', shape: "rounded", fill: "solid", color: "secondary" }, index.h("smoothly-icon", { key: 'ac60c8faa7ee073a8193a670c1f4195331930f43', name: "basketball", slot: "start" }), "Check"), index.h("smoothly-button", { key: '19388cc01865030341d6e481e17f2b8201f7e2a2', shape: "rounded", fill: "solid", color: "success" }, index.h("smoothly-icon", { key: '9ef487e2d5ee74050fb1d544d2cd38cba4e031ff', name: "call", slot: "start" }), "Check"), index.h("smoothly-button", { key: '551d64ac42aff595a46024e330dd09db0985f958', size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { key: 'c834b6e258f7a992a28349103b8029384fde8a60', name: "call" })), index.h("smoothly-button", { key: '747732c4f71779e75dd1e28f1279afbb5ca9977f', size: "flexible", fill: "solid", color: "success" }, index.h("smoothly-icon", { key: '39095a422a92dae1516d70fc6cd307886dd44f8d', name: "airplane" }))), index.h("h4", { key: 'bbbc29959dfe655b2d9cce283dea0fb02429a834' }, "Buttons with Icon in \"end\""), index.h("smoothly-button", { key: '24d19a5ecc1208b8a918027a8e32b7148554380e', fill: "solid", color: "light" }, "Go Forward", index.h("smoothly-icon", { key: '263940589ee234ba91a0ee6d80474b3df208a27f', name: "arrow-forward", slot: "end" })), index.h("h4", { key: '94736445a17a3cf6880880463e181f50b41e919a' }, "Test for icon button"), index.h("div", { key: '445605a6a79169dff7f1d8fc06afe4aa71279fc5' }, index.h("smoothly-button", { key: 'e2bf3d70b09f51ef033160538ee894ed7e5a5704', size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { key: 'bb6eeb8eefa8c9ded0804b62976fa3dea30e6f04', name: "call" })), index.h("smoothly-button", { key: '0dc78ad3f658c896c2f1094dbb378319ce081b7e', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, index.h("smoothly-icon", { key: 'a07d3a8a103b9ce19b11b91f2464b8e7089d1337', name: "search-outline" })), index.h("smoothly-button", { key: '0408dea25ae083f2427cf347677914478426dbbc', size: "icon", shape: "rounded", color: "secondary" }, index.h("smoothly-icon", { key: '38337dd0de50a5dcfe4d1ccd070826cfc0cd6124', name: "checkmark-circle" }))), index.h("h4", { key: '15e4d907e44d0c9191acf970a7ffa718b0baf537' }, "Link examples"), index.h("div", { key: 'f966263b0a25dd27dc146a28ba03774813c6469a' }, index.h("smoothly-button", { key: 'b1a65a0fd62273af3cb6d982ee98c7a1c565fb20', type: "link" }, "type link"), index.h("smoothly-button", { key: '2b19c2d53a823dcc74426b12309e6854d3a4923d', type: "button", fill: "clear" }, index.h("a", { key: '45c4ce410828bfb775464872aaa7e6ab6e0e800e', href: "https://google.com" }, "link")), index.h("smoothly-button", { key: 'c98b71da6960956e031b99d23e53cc5a123341a3', link: "https://google.com", type: "link" }, "link + type link")), index.h("h4", { key: '559ef66961156a0c954e7a6009283a8328a4dd48' }, "Disabled buttons"), index.h("div", { key: '5856c23cde78acfc84c73b78aaa5c1b1f1e82c43' }, index.h("smoothly-button", { key: '6da6041b5d6b51adc0cc19ecf074412d7183fe7b', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), index.h("smoothly-button", { key: '57e28f82cf722df8dc9ecfb0bff304a345e27018', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
|
|
1730
|
+
index.h("smoothly-back-to-top", { key: 'a1d78b61fcc3da58bd3f8683fbeccb34bbcb3ef3' }),
|
|
1731
1731
|
];
|
|
1732
1732
|
}
|
|
1733
1733
|
};
|
|
@@ -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$1d = ".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$1d;
|
|
1796
1796
|
|
|
1797
1797
|
const Calendar = class {
|
|
1798
1798
|
constructor(hostRef) {
|
|
@@ -1855,10 +1855,10 @@ const Calendar = class {
|
|
|
1855
1855
|
}
|
|
1856
1856
|
render() {
|
|
1857
1857
|
var _a, _b, _c;
|
|
1858
|
-
return (index.h(index.Fragment, { key: '
|
|
1858
|
+
return (index.h(index.Fragment, { key: '818f64c07d09772dcf0ca9a9d561b5745684c9ae' }, index.h("smoothly-input-month", { key: 'b407c0b400e94cfad36c372bf8353ad1fe52a5fd', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
|
|
1859
1859
|
e.stopPropagation();
|
|
1860
1860
|
"month" in e.detail && typeof e.detail.month == "string" && (this.month = e.detail.month);
|
|
1861
|
-
} }, index.h("div", { key: '
|
|
1861
|
+
} }, index.h("div", { key: '46d05aa65a4a0de959e2bb79f00fd6bce67662a1', slot: "year-label" }, index.h("slot", { key: 'cbd40bacc7fa9a661916deb52e5538e163de5067', name: "year-label" })), index.h("div", { key: '26f35188e898cbd35a20ab6d5f469418bfc5952d', slot: "month-label" }, index.h("slot", { key: '79ece04c1955c45809892accb4c692a3277a2c4b', name: "month-label" }))), index.h("table", { key: '3002ee275ea4b53934e14fa27d08ba67d79a993d' }, index.h("thead", { key: 'f6d280f29660fe107ef459e4cdc8a829b91d26b0' }, index.h("tr", { key: 'cdeaec6bc32757bb65c130618e9ea92b668acc25' }, weekdays().map(day => (index.h("th", null, day))))), month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : TimeZone.Date.now()).map(week => (index.h("tr", null, week.map(date => {
|
|
1862
1862
|
var _a, _b, _c, _d;
|
|
1863
1863
|
return (index.h("td", { tabindex: 1, onMouseOver: () => (this.withinLimit(date) ? this.onHover(date) : undefined), onClick: this.withinLimit(date) ? () => this.onClick(date) : undefined, class: {
|
|
1864
1864
|
selected: date == this.value || (this.doubleInput && (date == this.start || date == this.end)),
|
|
@@ -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$1c = ".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$1c;
|
|
1883
1883
|
|
|
1884
1884
|
const SmoothlyDialog = class {
|
|
1885
1885
|
constructor(hostRef) {
|
|
@@ -1901,14 +1901,14 @@ const SmoothlyDialog = class {
|
|
|
1901
1901
|
};
|
|
1902
1902
|
}
|
|
1903
1903
|
__stencil_render() {
|
|
1904
|
-
return (index.h("section", { key: '
|
|
1904
|
+
return (index.h("section", { key: 'd13e5bf2132afe9b22f3ed6f3f3d5c96f8f61fc2' }, index.h("div", { key: '9f0c40b2efb77ef63312ef5c6e70e55f6605b3b5', class: "header" }, this.closable && (index.h("smoothly-trigger", { key: '2cbd48cb261f1c5e951a385a4e87e5af8ef3f9fa', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: 'c87a41fd9350c00fa41965eb95a8ef8366a12361', name: "close-circle", fill: "solid", color: this.color }))), this.header ? index.h("h1", null, this.header) : index.h("slot", { name: "header" })), index.h("div", { key: 'f50603dce6e75b2254469f688c055610590df737', class: "content" }, index.h("slot", { key: '2774f7a85f71e91ce07c1dd4c6fd48b53c589b47' }))));
|
|
1905
1905
|
}
|
|
1906
1906
|
render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
|
|
1907
1907
|
};
|
|
1908
1908
|
SmoothlyDialog.style = SmoothlyDialogStyle0;
|
|
1909
1909
|
|
|
1910
|
-
const styleCss$
|
|
1911
|
-
const SmoothlyDialogDemoStyle0 = styleCss$
|
|
1910
|
+
const styleCss$1b = ".sc-smoothly-dialog-demo-h>smoothly-button.sc-smoothly-dialog-demo{display:block;margin-block:2rem}";
|
|
1911
|
+
const SmoothlyDialogDemoStyle0 = styleCss$1b;
|
|
1912
1912
|
|
|
1913
1913
|
const SmoothlyDialogDemo = class {
|
|
1914
1914
|
constructor(hostRef) {
|
|
@@ -1918,7 +1918,7 @@ const SmoothlyDialogDemo = class {
|
|
|
1918
1918
|
this.showFrame = false;
|
|
1919
1919
|
}
|
|
1920
1920
|
render() {
|
|
1921
|
-
return (index.h(index.Host, { key: '
|
|
1921
|
+
return (index.h(index.Host, { key: 'f7ae2fc97658b0aa8c08755714792ec4399224da' }, index.h("smoothly-button", { key: 'f99ac0d5c89394052b2d6faab955d8b2634e2b5f', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), index.h("smoothly-button", { key: '8e6a1ff75c6469816cdd206fe6afa2c8eead8684', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text and top-aligned."), index.h("smoothly-button", { key: 'c8af4a1887f7f2c005926bec9032038e1fa43d3b', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), index.h("smoothly-modal", { key: '534b00fc5e74c9539ba8106b0c9cf382463448b3', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, index.h("h2", { key: '82a998800b4e7ea57210a3116cdf35eec00aa952', slot: "header" }, "Modal"), index.h("span", { key: 'edeb8eaa859444f30e3f95b76fab7db2b322683f' }, "Are you sure you want to confirm this action?"), index.h("smoothly-button", { key: '50a4de7de97c55783fdd3e8167ec9fac4395d16a', slot: "actions", color: "success" }, "Confirm"), index.h("smoothly-button", { key: 'd4740cdac6527a55b692c04dd70ad17fefbe7eb8', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), index.h("smoothly-modal", { key: '0beaeb3ab4f2af395a3aa0257674f38f55faabd6', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail), align: "top" }, index.h("h2", { key: '453c4ded8638235b6dc0ff5c043b57d37995be4d', slot: "header" }, "Modal"), index.h("smoothly-summary", { key: '871fc4ad53812e7331093c43dee851b14d33f726' }, index.h("div", { key: '720c732d6f03309304d677b6292b853ac38257f8', slot: "summary" }, "Lorem ipsum"), index.h("div", { key: '2e5632e1402f5ff2830e63dc56be723549c2a90e', slot: "content" }, Array.from({ length: 10 }).map(() => (index.h("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))), index.h("smoothly-button", { key: '5fb59dab67d31d2783855d1e0c4f67197a7eaa04', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (index.h("smoothly-dialog", { key: '939b4f257b01be10467dc90b45801402df5f70e3', closable: true }, index.h("smoothly-frame", { key: '83c2ac363001992a0673506df8317b30b487ff60', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })))));
|
|
1922
1922
|
}
|
|
1923
1923
|
};
|
|
1924
1924
|
SmoothlyDialogDemo.style = SmoothlyDialogDemoStyle0;
|
|
@@ -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$1a = ".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$1a;
|
|
3762
3762
|
|
|
3763
3763
|
const SmoothlyDisplay = class {
|
|
3764
3764
|
constructor(hostRef) {
|
|
@@ -3778,16 +3778,16 @@ const SmoothlyDisplay = class {
|
|
|
3778
3778
|
const type = this.type;
|
|
3779
3779
|
switch (type) {
|
|
3780
3780
|
case "json":
|
|
3781
|
-
result = index.h("smoothly-display-json", { key: '
|
|
3781
|
+
result = index.h("smoothly-display-json", { key: '1ede546f9829aea0f9b8c319db98df10e07b04a3', value: this.value, collapseDepth: this.collapseDepth });
|
|
3782
3782
|
break;
|
|
3783
3783
|
default:
|
|
3784
3784
|
result = format(this.value, type);
|
|
3785
3785
|
break;
|
|
3786
3786
|
case "email":
|
|
3787
|
-
result = index.h("a", { key: '
|
|
3787
|
+
result = index.h("a", { key: 'c6047f436091639f6302be22f62610c0515a4009', href: "mailto:" + this.value }, format(this.value, type));
|
|
3788
3788
|
break;
|
|
3789
3789
|
case "phone":
|
|
3790
|
-
result = index.h("a", { key: '
|
|
3790
|
+
result = index.h("a", { key: 'b62431225a51efb22037598e4227671e863be3c3', href: "tel:" + this.value }, format(this.value, type, this.country));
|
|
3791
3791
|
break;
|
|
3792
3792
|
case "postal-code":
|
|
3793
3793
|
result = format(this.value, type, this.country);
|
|
@@ -3824,35 +3824,35 @@ const SmoothlyDisplayDemo = class {
|
|
|
3824
3824
|
}
|
|
3825
3825
|
render() {
|
|
3826
3826
|
return [
|
|
3827
|
-
index.h("main", { key: '
|
|
3827
|
+
index.h("main", { key: '21fb2b79f1e444d11b25150a336ce64e74f94386' }, index.h("fieldset", { key: '8b8ef87a351e4cb8754f44f74ad31185db62b0cb' }, index.h("h2", { key: 'e466ccf59ad1f4e2a41c8dd1b1d85da6b37c8f95' }, "Smoothly display"), index.h("dl", { key: 'acb593cb9a73566cc3defcc55eede3a7710a42b0' }, index.h("dt", { key: '9ccdcb7f5e3f55ea39d78b8ed6e75edb5f4a4c96' }, "Duration"), index.h("dd", { key: 'b7c93ccc874874faabe5e313ba204795a19adfc0' }, index.h("div", { key: 'd6e3d99849191e6d8effae216348bd634a4114b2' }, index.h("div", { key: 'bb64f8e9518218a499d0e52b5df759b31093e0e0' }, index.h("smoothly-display", { key: '151b7ca20847a1e41701d3c93ad780a222f990fb', style: { display: "inline" }, type: "duration", value: { hours: 13, minutes: 100 } }), " h"), index.h("div", { key: '72035e5cab01fd9a06d2782ba1255c2f86cbfdac' }, index.h("smoothly-display", { key: '0f4723aac6e41aa4a7e29b0456e4661066b28985', style: { display: "inline" }, type: "duration", value: { hours: 8 } }), " h"), index.h("div", { key: '1346fe1098e87dab09ae4268fab19f7eb18cd949' }, index.h("smoothly-display", { key: '5e70c627fe2dc9e1d65cfec40fa63a36d419466f', style: { display: "inline" }, type: "duration", value: { minutes: 3 } }), " h"), index.h("div", { key: '24beed45ab0c2cb2703d97ddecb72b767f19d989' }, index.h("smoothly-display", { key: 'a57ee2a431537bffe6d8a630c2466e342a10f089', style: { display: "inline" }, type: "duration", value: { hours: -13, minutes: 100 } }), " h"), index.h("div", { key: '44f65151109d00905e996e9205d71588ecabaea3' }, index.h("smoothly-display", { key: '5c0a01aca2d99cb82c66701d4c7d7de26043d987', style: { display: "inline" }, type: "duration", value: { hours: -8 } }), " h"), index.h("div", { key: '18cbc082f3d8f71f3ba6c6b7eb3a977b13d45268' }, index.h("smoothly-display", { key: 'a5bbf74186f51ce22f6eceb8396f215e7b0fc297', style: { display: "inline" }, type: "duration", value: {} }), " h"), index.h("div", { key: '1d2361cec57f38f40636641702f92100ebcd9122' }, index.h("smoothly-display", { key: 'a561ef92252a23064e7f7f7ffca3314a099329f2', style: { display: "inline" }, type: "duration", value: { minutes: -3 } }), " h"))), index.h("dt", { key: 'ab7b23c9c2ad57ceb6a2ce75d8f0a4e93439e610' }, "text"), index.h("dd", { key: '8913158f3f3a5c4012ae94a3f1b38442fcb5aff2' }, index.h("smoothly-display", { key: '13d54b85dcf178d480c8c834c79c47231c785aa6', type: "text", value: "text" })), index.h("dt", { key: 'e3c43484f7cc87eb9bf67d6474bc9552dbd643bd' }, "postal code"), index.h("dd", { key: '0df2d428a7847b3ddf436d2e9db2fe367f41df80' }, index.h("smoothly-display", { key: '8550c5ee46cc4e0c1bb956b2dbf8a62c452aee30', type: "postal-code", value: "752 31" })), index.h("dt", { key: '1b06810c083306938ce8d25b5582a15cb066b085' }, "password"), index.h("dd", { key: 'b078c56b5a9d62e23b9d9b8ab6cd4d10798aa726' }, index.h("smoothly-display", { key: '773204df4456963fbcc5cc26416c40f8111e43d0', type: "password", value: "password" })), index.h("dt", { key: '38c93b73ae2830ef7995f9c6d93d62c1ba019680' }, "email"), index.h("dd", { key: '3f822f17d630c3388155a66e97e0bbb6fb7c3951' }, index.h("smoothly-display", { key: 'f31678fe3df819cdc266876c54a1d810e9fbf9e8', type: "email", value: "test@example.com" })), index.h("dt", { key: '9abf27aa6b2a6ffc035f14adc1204e620d8061ce' }, "price"), index.h("dd", { key: '15a0e06145971b2c14abb0250cbb7edcea81483b' }, index.h("smoothly-display", { key: '256922cd4e8c86be1707c1ddc9d9e8550fe7b5b3', type: "price", value: "13.37", currency: "SEK" })), index.h("dt", { key: '84e0e9b898c72e2390a5b50cc2445a988a845a60' }, "price without decimals"), index.h("dd", { key: '3979f33c43640eb1376a533755cc39ac1a8c17b3' }, index.h("smoothly-display", { key: '04afd00d763536c5b1faa310074726f346914114', type: "price", value: 200, currency: "SEK", toInteger: true })), index.h("dt", { key: '28c9ddc91d2ceb52a7bd60577570a0ece1ef1704' }, "price with decimals if they are set, otherwise no decimal"), index.h("dd", { key: 'e2ae34d84db38387ee3d81b474a606b7b3d40742' }, index.h("smoothly-display", { key: 'a8c053147e77e15ba5a6a7d372d24d0948d67bd0', type: "price", value: 200.2, currency: "SEK", toInteger: true })), index.h("dt", { key: 'a42173872dac85db0f822c70e69baef5a244b4ef' }, "price with decimals"), index.h("dd", { key: '4034e3ca1bde5f9ba3f5cdca710d3757b7e12955' }, index.h("smoothly-display", { key: '0a07c33c6bf9b14aeafcbbff3e9f6d2817eb7230', type: "price", value: 200.2, currency: "SEK" })), index.h("dt", { key: '701bee2385a94b38bf90f58b3dc4fb65458188e6' }, "percent"), index.h("dd", { key: 'e1b856b2059122d2c80e5c242bb95429bca4caeb' }, index.h("smoothly-display", { key: '2682ebd78e2753fc2b1d558e00cf10eec0449c83', type: "percent", value: "42" })), index.h("dt", { key: 'd6504232e42d7bd6fb239b24f8065677bfe7f5ce' }, "phone"), index.h("dd", { key: '3b2cf4c53cf6b6fba8687ab994d6ded634d60046' }, index.h("smoothly-display", { key: '1cb2c5406dfbec1db57c05be5f59f828b005cb17', type: "phone", value: "0101881108" })), index.h("dt", { key: '94ee7083b2d5eef22e7ff0e15c460f6fd863db9e' }, "card number"), index.h("dd", { key: '97954e5e4d12f6be04096006d51ea6c9ac3e7fa3' }, index.h("smoothly-display", { key: '027c2522274e6e23f6cda08da141b24432671837', type: "card-number", value: "4111111111111111" })), index.h("dt", { key: '77cda0ed14b7a75ef02966d1b29bf94b6d5fe6ef' }, "card expires"), index.h("dd", { key: 'e2c1cbe5353efc0bea8435181499188bcdf8d051' }, index.h("smoothly-display", { key: '4aab5bf769fb89cadd2bf3fbb279a219e668c85d', type: "card-expires", value: "7/22" })), index.h("dt", { key: 'ecb64258605dbce40b3b6b8f51ec1922046ecd44' }, "card csc"), index.h("dd", { key: 'b37ef76653942f81a110df017f26c4c5699f32ad' }, index.h("smoothly-display", { key: 'e9cb2787e18d88f2cde4559c90f8ad9d45889d51', type: "card-csc", value: "987" })), index.h("dt", { key: 'f028f598bc51de708361494c66264047b8ab777e' }, "date"), index.h("dd", { key: '8900bb90156489b4cc9d22c663c9a2f5f80b1062' }, index.h("smoothly-display", { key: 'c31d4cf0631bf5495c9286bcc87a37c056ac6308', type: "date", value: "2022-07-07" })), index.h("dt", { key: 'a9df319e34d74e6ec9ef36e9f9128cda2df9043b' }, "date time"), index.h("dd", { key: 'f57d07c19738d28a60e0138cc827218a0f1ef7af' }, index.h("smoothly-display", { key: '663d9cfa4235e90f6a8231b9c7c7d6d0bd4beb4b', type: "date-time", format: {
|
|
3828
3828
|
year: "numeric",
|
|
3829
3829
|
month: "short",
|
|
3830
3830
|
day: "numeric",
|
|
3831
3831
|
hour: "numeric",
|
|
3832
3832
|
minute: "numeric",
|
|
3833
3833
|
second: "numeric",
|
|
3834
|
-
}, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '
|
|
3834
|
+
}, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '664a74d91f65917bff18734fd100347533fb9b4e' }, index.h("smoothly-display", { key: '456469ffdc5ccdea880ad86f92b9a29c183dcdba', type: "date-time", format: {
|
|
3835
3835
|
year: "2-digit",
|
|
3836
3836
|
month: "long",
|
|
3837
3837
|
day: "2-digit",
|
|
3838
3838
|
hour: "2-digit",
|
|
3839
3839
|
minute: "2-digit",
|
|
3840
3840
|
second: "2-digit",
|
|
3841
|
-
}, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '
|
|
3841
|
+
}, value: "2022-07-07T02:02:02Z" })), index.h("dd", { key: '6714499c457900dee5e2cd5bedbba3ef7083b749' }, index.h("smoothly-display", { key: '4fea3c22e9402170205a5019a17850576fbb06f7', type: "date-time", format: {
|
|
3842
3842
|
year: "numeric",
|
|
3843
3843
|
month: "2-digit",
|
|
3844
3844
|
day: "2-digit",
|
|
3845
3845
|
hour: "numeric",
|
|
3846
3846
|
minute: "numeric",
|
|
3847
3847
|
second: "numeric",
|
|
3848
|
-
}, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: '
|
|
3848
|
+
}, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: '79c14cffa0634ab2af6fd3ba014d081e28e38319' }, index.h("smoothly-display", { key: 'd5559326f39e2f5bc8311135176b5eedb4ed2870', type: "date-time", format: {
|
|
3849
3849
|
year: "numeric",
|
|
3850
3850
|
month: "numeric",
|
|
3851
3851
|
day: "numeric",
|
|
3852
3852
|
hour: "numeric",
|
|
3853
3853
|
minute: "numeric",
|
|
3854
3854
|
second: "numeric",
|
|
3855
|
-
}, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: '
|
|
3855
|
+
}, value: "2022-07-07T12:22:24Z" })), index.h("dd", { key: '419b427db910e49fd541de31e95c7dd3dbd2811e' }, index.h("smoothly-display", { key: 'ebd569c36dd017c14523ee1efc8925c622f7747e', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), index.h("dd", { key: '6df381d322a21b50ad70fc41fee8800721ca0889' }, index.h("smoothly-display", { key: '1ace79e51e8285e5124158f567a73508833bdcb4', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), index.h("dd", { key: 'dbdc1a002cab9e951678621ad394c1237e91f3f1' }, index.h("smoothly-display", { key: '529e5cd2b7f4bde6b06dfb51832cb4cb498c3447', type: "date-time", format: {
|
|
3856
3856
|
year: "2-digit",
|
|
3857
3857
|
month: "numeric",
|
|
3858
3858
|
day: "numeric",
|
|
@@ -3860,21 +3860,21 @@ const SmoothlyDisplayDemo = class {
|
|
|
3860
3860
|
minute: "2-digit",
|
|
3861
3861
|
second: "2-digit",
|
|
3862
3862
|
timeZone: "Europe/Stockholm",
|
|
3863
|
-
}, value: "2022-07-07T12:15Z" })), index.h("dt", { key: '
|
|
3863
|
+
}, value: "2022-07-07T12:15Z" })), index.h("dt", { key: 'd7b788672f67fbf1d0528f604ef1e77673d2e69f' }, "Display JSON"), index.h("dd", { key: '87a892e6845db8618efd46d571e8a90f30ce1e6d' }, index.h("smoothly-display-demo-json", { key: 'f66473975507a01af105282f01f640c1baaa88ae' })))), index.h("h2", { key: '084965cafe76cf10bac4804c82ea460c0960f7da' }, "With labels"), index.h("dd", { key: '395e03618fc767dcca6b12386286a97c83882686' }, index.h("smoothly-display", { key: 'd5f90cfeaad01ea046ed543f54e70b089c91463d', label: "Today", type: "date", value: TimeZone.Date.now() }), index.h("smoothly-display", { key: '3333769695dd0b7e0d54fd729f2b3b59dc34737c', label: "Total amount", type: "price", currency: "SEK", value: 6789 }), index.h("smoothly-display", { key: '57070580aa9096b1d273bb7cb51a6ac82e22f9ca', label: "Total amount", type: "price", currency: "GBP", value: 678.9 }), index.h("smoothly-display", { key: 'b4af7875200f61caf1c51f969c61362af7b3d402', label: "Logs", type: "json", value: [
|
|
3864
3864
|
{ type: "trace", message: "Hello" },
|
|
3865
3865
|
{ type: "error", message: "Oh no!" },
|
|
3866
|
-
] })), index.h("fieldset", { key: '
|
|
3866
|
+
] })), index.h("fieldset", { key: '411e5133a5c4bf2d36ad1c6b00cf549e769d7665' }, index.h("h2", { key: '536dd0526204b6d389c670c576f32bca45c3630e' }, "Test of different kinds of notifier"), index.h("button", { key: '2faebb0bcea77262e0a18b5e8a375bef7b5de11b', onClick: () => this.noticeWarning(Notice.Notice.warn("This is a test warning notice.")) }, "warning"), index.h("button", { key: '21181f519f1bfe818fcc084596be2317fe541968', onClick: () => this.noticeWarning(Notice.Notice.succeeded("This is a test success notice.")) }, "success"), index.h("button", { key: 'c67c4056842c761165115333bb079165609208f1', onClick: () => this.noticeWarning(Notice.Notice.failed("This is a test danger notice.")) }, "danger"), index.h("button", { key: 'a42b0b8a77b40fa6ddea705306634489abaec09b', onClick: () => this.noticeWarning(Notice.Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), index.h("button", { key: 'd651ea26abb9ce9dd336b45ded8849fc4a00c56a', onClick: () => this.noticeWarning(Notice.Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), index.h("fieldset", { key: '91b1d46f457a5261ddff3a1bc67db822190f0591' }, index.h("h2", { key: 'd46c2765def7f55a8bd225dbd9f1c5379029878b' }, "Smoothly spinner"), index.h("div", { key: 'efb40135dbbbd78e6ba4c9927ff212178a3da9eb', style: { width: "fit-content" } }, "Large", index.h("smoothly-spinner", { key: '70616018eb896ff0bd28744b504fec5c416f1b45', size: "large", style: {
|
|
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: '
|
|
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.types.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: 'd793d083180c7ce2cdaed3edc8d9b3aa88b827b3' }, "Spinner with overlay"), index.h("div", { key: '4e84a2f337c94398e86eab3dbfb055906e6e3640', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", index.h("smoothly-spinner", { key: 'f82d069b8d3ebf5f9a13e53e1ad7c60b19d21778', 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: 'd7403378fc9b34cef1a918ef9cc5ea7f27e81723', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", index.h("smoothly-spinner", { key: 'e93ef55fe61481db7105153ece6ff80c498b8fad', overlay: true, color: "secondary", size: "medium" })), index.h("div", { key: 'c93c240c27abe1b38914b1af37eb374715038fd1', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", index.h("smoothly-spinner", { key: '7519fb4f9bfaf9e4f3792833db59d9617d64240c', overlay: true, size: "small" }))), index.h("fieldset", { key: '94281d9137b942eb9d25b110d923608d66f4151f' }, index.h("h2", { key: '12c705c2f5cdaf7a2dbcf4f71067aa1563156b53' }, "Smoothly summary"), index.h("smoothly-summary", { key: 'a94bc08481df51edee165c5f3ff4b0b6b524100b' }, index.h("p", { key: '7697067b2742d7527b91c1e57dc252d5bc047b95', slot: "summary" }, "Some title"), index.h("p", { key: 'bf1b7cabdb250a6eb6401ea6a4f6f4fe56d4be95', slot: "content" }, "Some content")), index.h("smoothly-summary", { key: '4a59074a291f48dbc2079eba28859176e139d145', size: "large" }, index.h("p", { key: '29d101a62f8928b7226b4539fb133d6fb45582f0', slot: "summary" }, "Some title"), index.h("p", { key: '24ca49ed27372ecf26904fe72e944c3f561b47f6', slot: "content" }, "Some content")), index.h("smoothly-summary", { key: 'd3b8dd90214c6adcaeb5cfee6d36d805c83c7322', color: "danger", fill: "clear" }, index.h("div", { key: '0db1d4d0d722605b00aa5a4fdbce3a701287ce8e', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, index.h("span", { key: '2742c8dfb4e5ad70f433ed708424c64da93130fd' }, "Person"), index.h("smoothly-icon", { key: '84059e999cea916c17ccbb87acab606d3b23e15b', name: "person", color: "light", fill: "clear", size: "tiny" })), index.h("p", { key: '67818f7de2e59494d452d89a89b2437a4f66cf72', slot: "content" }, "Some person information.")), index.h("smoothly-summary", { key: '0f80219dc807486f83f6cae09e2240892608e00c', color: "danger", fill: "clear", open: true }, index.h("p", { key: 'e8cdfc372f68dbd7d1d04abe20e3744bfec51820', slot: "summary" }, "Some other title"), index.h("p", { key: 'a7a9ca8f540ce7847c51f788617e999df999dc1c', 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: '3533e4642ed7300f49ac9d7aeaad55d40b1c598d' }, "Label"), labels.map(l => (index.h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), index.h("smoothly-label", { key: '82e99f058b45ee8eaaeeb5d855856ad3fb1d8f61', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
|
|
3878
3878
|
];
|
|
3879
3879
|
}
|
|
3880
3880
|
};
|
|
@@ -3901,7 +3901,7 @@ const SmoothlyDisplayDemoJson = class {
|
|
|
3901
3901
|
index.registerInstance(this, hostRef);
|
|
3902
3902
|
}
|
|
3903
3903
|
render() {
|
|
3904
|
-
return (index.h(index.Host, { key: '
|
|
3904
|
+
return (index.h(index.Host, { key: 'ea329526023da3b7329d8b7bd1cb34316542fd93' }, [0, 1, 3, undefined].map(colapseDepth => [
|
|
3905
3905
|
index.h("div", null, "collapseDepth=", colapseDepth !== null && colapseDepth !== void 0 ? colapseDepth : "undefined"),
|
|
3906
3906
|
index.h("div", null, index.h("smoothly-display", { type: "json", value: json, collapseDepth: colapseDepth })),
|
|
3907
3907
|
])));
|
|
@@ -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$19 = ".sc-smoothly-display-json-h{font-family:monospace}";
|
|
3930
|
+
const SmoothlyDisplayJsonStyle0 = styleCss$19;
|
|
3931
3931
|
|
|
3932
3932
|
const SmoothlyDisplayJson = class {
|
|
3933
3933
|
constructor(hostRef) {
|
|
@@ -3936,13 +3936,13 @@ const SmoothlyDisplayJson = class {
|
|
|
3936
3936
|
this.collapseDepth = undefined;
|
|
3937
3937
|
}
|
|
3938
3938
|
render() {
|
|
3939
|
-
return index.h(JsonValue, { key: '
|
|
3939
|
+
return index.h(JsonValue, { key: 'a817223386521cc073aeab087efc636977b65e0a', value: this.value, collapseDepth: this.collapseDepth });
|
|
3940
3940
|
}
|
|
3941
3941
|
};
|
|
3942
3942
|
SmoothlyDisplayJson.style = SmoothlyDisplayJsonStyle0;
|
|
3943
3943
|
|
|
3944
|
-
const styleCss$
|
|
3945
|
-
const SmoothlyDisplayJsonObjectStyle0 = styleCss$
|
|
3944
|
+
const styleCss$18 = ".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$18;
|
|
3946
3946
|
|
|
3947
3947
|
const SmoothlyDisplayJsonObject = class {
|
|
3948
3948
|
constructor(hostRef) {
|
|
@@ -3970,15 +3970,15 @@ const SmoothlyDisplayJsonObject = class {
|
|
|
3970
3970
|
}
|
|
3971
3971
|
render() {
|
|
3972
3972
|
const nextCollapseDepth = typeof this.collapseDepth == "number" ? Math.max(this.collapseDepth - 1, 0) : undefined;
|
|
3973
|
-
return (index.h(index.Host, { key: '
|
|
3973
|
+
return (index.h(index.Host, { key: '2878d58011daeccd9d1e3383f1081883f08ec598', class: { empty: this.empty, open: this.open } }, index.h("span", { key: '8e07de6271113ae7c223c44a2193162071cf9eaf', class: "open-bracket", onClick: () => (this.open = !this.open), "data-length": this.length }, this.openBracket), index.h("span", { key: 'c850ca12c687165a5f752a1e3315a0d7bd947971', class: "content" }, Array.isArray(this.value)
|
|
3974
3974
|
? this.value.map(v => (index.h("div", { class: "indent" }, index.h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), index.h("span", { class: "comma" }, ","))))
|
|
3975
|
-
: Object.entries(this.value).map(([k, v]) => (index.h("div", { class: "indent" }, index.h("smoothly-display-json-record-key", { value: k }), ":", " ", index.h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), index.h("span", { class: "comma" }, ","))))), index.h("span", { key: '
|
|
3975
|
+
: Object.entries(this.value).map(([k, v]) => (index.h("div", { class: "indent" }, index.h("smoothly-display-json-record-key", { value: k }), ":", " ", index.h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), index.h("span", { class: "comma" }, ","))))), index.h("span", { key: '462371f02f42cbc4787b7a7a4eb0ff0b4598d326' }, this.closeBracket)));
|
|
3976
3976
|
}
|
|
3977
3977
|
};
|
|
3978
3978
|
SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
|
|
3979
3979
|
|
|
3980
|
-
const styleCss$
|
|
3981
|
-
const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$
|
|
3980
|
+
const styleCss$17 = ".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$17;
|
|
3982
3982
|
|
|
3983
3983
|
const SmoothlyDisplayJsonPrimitive = class {
|
|
3984
3984
|
constructor(hostRef) {
|
|
@@ -3986,13 +3986,13 @@ const SmoothlyDisplayJsonPrimitive = class {
|
|
|
3986
3986
|
this.value = undefined;
|
|
3987
3987
|
}
|
|
3988
3988
|
render() {
|
|
3989
|
-
return index.h(index.Host, { key: '
|
|
3989
|
+
return index.h(index.Host, { key: '171404fee1a7bdd8ecd7beb0032c136e4e2652d8', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
|
|
3990
3990
|
}
|
|
3991
3991
|
};
|
|
3992
3992
|
SmoothlyDisplayJsonPrimitive.style = SmoothlyDisplayJsonPrimitiveStyle0;
|
|
3993
3993
|
|
|
3994
|
-
const styleCss$
|
|
3995
|
-
const SmoothlyDisplayJsonRecordKeyStyle0 = styleCss$
|
|
3994
|
+
const styleCss$16 = ".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$16;
|
|
3996
3996
|
|
|
3997
3997
|
const SmoothlyDisplayJsonRecordKey = class {
|
|
3998
3998
|
constructor(hostRef) {
|
|
@@ -4000,7 +4000,7 @@ const SmoothlyDisplayJsonRecordKey = class {
|
|
|
4000
4000
|
this.value = undefined;
|
|
4001
4001
|
}
|
|
4002
4002
|
render() {
|
|
4003
|
-
return index.h(index.Host, { key: '
|
|
4003
|
+
return index.h(index.Host, { key: '525fa15610e18dc3073cc4c28b1acf559a4c4a8a' }, "\"", this.value, "\"");
|
|
4004
4004
|
}
|
|
4005
4005
|
};
|
|
4006
4006
|
SmoothlyDisplayJsonRecordKey.style = SmoothlyDisplayJsonRecordKeyStyle0;
|
|
@@ -6989,8 +6989,8 @@ var Filter;
|
|
|
6989
6989
|
});
|
|
6990
6990
|
})(Filter || (Filter = {}));
|
|
6991
6991
|
|
|
6992
|
-
const styleCss$
|
|
6993
|
-
const SmoothlyFilterStyle0 = styleCss$
|
|
6992
|
+
const styleCss$15 = ".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$15;
|
|
6994
6994
|
|
|
6995
6995
|
const SmoothlyFilter = class {
|
|
6996
6996
|
constructor(hostRef) {
|
|
@@ -7029,17 +7029,17 @@ const SmoothlyFilter = class {
|
|
|
7029
7029
|
this.filters.forEach(update => update(this.criteria));
|
|
7030
7030
|
}
|
|
7031
7031
|
render() {
|
|
7032
|
-
return (index.h(index.Host, { key: '
|
|
7032
|
+
return (index.h(index.Host, { key: 'd0758e4b4003774f8d64ea98dd189c9d1bc4dfb7' }, index.h("slot", { key: '326730f0a2cdc4efe92f75be74f50e9d0afc2337', name: "bar" }), index.h("smoothly-filter-field", { key: '771a0da9c7c28810fb8b9c3eae4e0b2d6a8d629a', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (index.h("smoothly-icon", { key: 'f0699e512b801b2a82a4b6a75764455c4f6ff970', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
|
|
7033
7033
|
this.clear();
|
|
7034
|
-
} })), index.h("div", { key: '
|
|
7034
|
+
} })), index.h("div", { key: '4ed85c23a785b8f5a96d97acee1ec4bcdf11ccf1', class: this.expanded ? "container arrow-top" : "hidden" }, index.h("slot", { key: 'd41a7a8ed289625aa1f9de25b19a39cda75b6c29', name: "detail" })), index.h("smoothly-icon", { key: '534e48505b05d18bdbbc6d5817ef4f10d8c9f045', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
|
|
7035
7035
|
this.expanded = !this.expanded;
|
|
7036
|
-
} }), index.h("div", { key: '
|
|
7036
|
+
} }), index.h("div", { key: '52289b92ffc7b5f53e287c5c875ec3605ee307a2', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
|
|
7037
7037
|
}
|
|
7038
7038
|
};
|
|
7039
7039
|
SmoothlyFilter.style = SmoothlyFilterStyle0;
|
|
7040
7040
|
|
|
7041
|
-
const styleCss$
|
|
7042
|
-
const SmoothlyFilterFieldStyle0 = styleCss$
|
|
7041
|
+
const styleCss$14 = ".sc-smoothly-filter-field-h{flex-grow:5}";
|
|
7042
|
+
const SmoothlyFilterFieldStyle0 = styleCss$14;
|
|
7043
7043
|
|
|
7044
7044
|
const SmoothlyFilterField = class {
|
|
7045
7045
|
constructor(hostRef) {
|
|
@@ -7060,7 +7060,7 @@ const SmoothlyFilterField = class {
|
|
|
7060
7060
|
this.value = event.detail.filter;
|
|
7061
7061
|
}
|
|
7062
7062
|
render() {
|
|
7063
|
-
return (index.h(index.Host, { key: '
|
|
7063
|
+
return (index.h(index.Host, { key: '247786bb8724ddcd5344cc02bb4f36e13737e43e' }, index.h("smoothly-input", { key: '3b8088c08cf3a7671b8b9b33e48ac133b7d4fe14', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyKeydown: e => {
|
|
7064
7064
|
e.stopPropagation();
|
|
7065
7065
|
e.detail.key == "Enter" && this.filterFieldEmit();
|
|
7066
7066
|
}, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
@@ -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$13 = ".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$13;
|
|
7076
7076
|
|
|
7077
7077
|
const SmoothlyFilterInput = class {
|
|
7078
7078
|
constructor(hostRef) {
|
|
@@ -7140,13 +7140,13 @@ const SmoothlyFilterInput = class {
|
|
|
7140
7140
|
(rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(".")))));
|
|
7141
7141
|
}
|
|
7142
7142
|
render() {
|
|
7143
|
-
return (index.h("smoothly-input", { key: '
|
|
7143
|
+
return (index.h("smoothly-input", { key: 'b9c0bad8ca30d5e45e9686b52f8536cf8b0f3a29', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, index.h("slot", { key: 'b6bda14b39abfb507ce5a83f0cf95efb218d7c36' })));
|
|
7144
7144
|
}
|
|
7145
7145
|
};
|
|
7146
7146
|
SmoothlyFilterInput.style = SmoothlyFilterInputStyle0;
|
|
7147
7147
|
|
|
7148
|
-
const styleCss$
|
|
7149
|
-
const SmoothlyFilterSelectStyle0 = styleCss$
|
|
7148
|
+
const styleCss$12 = ".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$12;
|
|
7150
7150
|
|
|
7151
7151
|
const SmoothlyFilterSelect = class {
|
|
7152
7152
|
constructor(hostRef) {
|
|
@@ -7249,14 +7249,14 @@ const SmoothlyFilterSelect = class {
|
|
|
7249
7249
|
return result && this.property.split(".").reduceRight((r, e) => property(e, r), result);
|
|
7250
7250
|
}
|
|
7251
7251
|
render() {
|
|
7252
|
-
return (index.h("smoothly-input-select", { key: '
|
|
7252
|
+
return (index.h("smoothly-input-select", { key: '9107d3913b3e08208538db9de5d27e9b8107c816', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (index.h("span", { key: '63b6cea56be4665c27dcb4822bd55700b1e62a7e', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), index.h("slot", { key: '30843b98d8e72b9eb258dfc6f12e58e5b49394ce', name: "items" })));
|
|
7253
7253
|
}
|
|
7254
7254
|
get element() { return index.getElement(this); }
|
|
7255
7255
|
};
|
|
7256
7256
|
SmoothlyFilterSelect.style = SmoothlyFilterSelectStyle0;
|
|
7257
7257
|
|
|
7258
|
-
const styleCss$
|
|
7259
|
-
const SmoothlyFilterToggleStyle0 = styleCss$
|
|
7258
|
+
const styleCss$11 = ".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$11;
|
|
7260
7260
|
|
|
7261
7261
|
const SmoothlyFilterToggle = class {
|
|
7262
7262
|
constructor(hostRef) {
|
|
@@ -7333,7 +7333,7 @@ const SmoothlyFilterToggle = class {
|
|
|
7333
7333
|
(rest.length == 0 || (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(".")))));
|
|
7334
7334
|
}
|
|
7335
7335
|
render() {
|
|
7336
|
-
return (index.h("smoothly-icon", { key: '
|
|
7336
|
+
return (index.h("smoothly-icon", { key: '087ba0fc1cce503a6cf10665e89ca279075fcee7', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
|
|
7337
7337
|
}
|
|
7338
7338
|
};
|
|
7339
7339
|
SmoothlyFilterToggle.style = SmoothlyFilterToggleStyle0;
|
|
@@ -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$10 = "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$10;
|
|
8184
8184
|
|
|
8185
8185
|
const SmoothlyForm = class {
|
|
8186
8186
|
constructor(hostRef) {
|
|
@@ -8348,7 +8348,7 @@ const SmoothlyForm = class {
|
|
|
8348
8348
|
await Promise.all([...this.inputs.values()].map(input => Editable.Element.type.is(input) && input.setInitialValue()));
|
|
8349
8349
|
}
|
|
8350
8350
|
render() {
|
|
8351
|
-
return (index.h(index.Host, { key: '
|
|
8351
|
+
return (index.h(index.Host, { key: '544cb7ab781d344afba275f3e363a7ca5e615c2e' }, index.h("smoothly-spinner", { key: 'ffc3e23544446c744aec87941e1f7e137e71d83e', overlay: true, hidden: !this.processing }), index.h("form", { key: 'ee0a5b140641775c1d55c961db46e3e630b666a8', onSubmit: !this.prevent ? undefined : e => e.preventDefault(), name: this.name }, index.h("fieldset", { key: 'dc7509953049315094ba44369d7c56ee22c2e511' }, index.h("slot", { key: 'b510be19fca9b78c6ecb3b84648f75a21fb40d97' })), index.h("div", { key: '985fd0b35f3664135c09bdd03f6156399a4d3d58' }, index.h("slot", { key: '014fd2d642d29332f9fc28298b0cdbf2d5b7956a', name: "clear" }), index.h("slot", { key: '55d2fd1d90b303f56e9578704780fc78b9bc9e17', name: "edit" }), index.h("slot", { key: '2af69ee44488e47a52cf7dff75138c16c1883ef8', name: "reset" }), index.h("slot", { key: 'f35a976b66dada2670d5a280d310aac518eedc75', name: "delete" }), index.h("slot", { key: '90b1dfac51e438c663d93218fb114a491495864f', name: "submit" })))));
|
|
8352
8352
|
}
|
|
8353
8353
|
get element() { return index.getElement(this); }
|
|
8354
8354
|
static get watchers() { return {
|
|
@@ -8358,15 +8358,15 @@ const SmoothlyForm = class {
|
|
|
8358
8358
|
};
|
|
8359
8359
|
SmoothlyForm.style = SmoothlyFormStyle0;
|
|
8360
8360
|
|
|
8361
|
-
const styleCss
|
|
8362
|
-
const SmoothlyFormDemoStyle0 = styleCss
|
|
8361
|
+
const styleCss$$ = ".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$$;
|
|
8363
8363
|
|
|
8364
8364
|
const SmoothlyFormDemo = class {
|
|
8365
8365
|
constructor(hostRef) {
|
|
8366
8366
|
index.registerInstance(this, hostRef);
|
|
8367
8367
|
}
|
|
8368
8368
|
render() {
|
|
8369
|
-
return (index.h(index.Host, { key: '
|
|
8369
|
+
return (index.h(index.Host, { key: 'c5b442e2dc17139d030550d2595b2ce07c0c03ca' }, index.h("div", { key: '5a453eff769ea4cef9f474ae7bd22cfdae97e66d' }, index.h("smoothly-form-demo-all", { key: '1b771b6dbcdcf463b968518ee933bcf511adc25d' }), index.h("smoothly-form-demo-pet", { key: '9154d737dda44b49c7b1a4ddb3dfb7c2dc69bb4c' }), index.h("smoothly-form-demo-card", { key: 'b91fb0a14460ddf0074e55b4b31de8871ad41d47' }), index.h("smoothly-form-demo-login", { key: 'f0bc618e065739efda66c9eadb31d22785068e17' }), index.h("smoothly-form-demo-prices", { key: 'b9c08280b8cdb857ffbd5c443f5693e2b22a7cd5' }), index.h("smoothly-form-demo-typed", { key: 'e0a2cab7330a378e9aa8cec545f3aea804a0ff10' }), index.h("smoothly-form-demo-transparent", { key: '7cad7cf997da8d3cdfd40689a074fd746338eccc' }), index.h("smoothly-form-demo-date", { key: '1d8567528f1c8f3d5178b57e197b7818b7244dcf' }), index.h("smoothly-form-demo-schedule", { key: '0c96e9f297face51f234e8c377933468607d5ccd' }), index.h("smoothly-form-demo-date-range", { key: 'e1409719e74987f69cb66e689a88484f3a662ef8' }), index.h("smoothly-form-demo-controlled", { key: '09d09373a678c6754be06e7795870ad8344bfe55' }))));
|
|
8370
8370
|
}
|
|
8371
8371
|
};
|
|
8372
8372
|
SmoothlyFormDemo.style = SmoothlyFormDemoStyle0;
|
|
@@ -8376,9 +8376,9 @@ const SmoothlyFormDemoAll = class {
|
|
|
8376
8376
|
index.registerInstance(this, hostRef);
|
|
8377
8377
|
}
|
|
8378
8378
|
render() {
|
|
8379
|
-
return (index.h(index.Host, { key: '
|
|
8379
|
+
return (index.h(index.Host, { key: '4aafdec8d02db081953d370ef8d76e2088bf1102' }, index.h("h2", { key: 'e8e4e41a8363fd24b1edc5a9e97a3b2c25858fe8' }, "All inputs"), index.h("smoothly-form", { key: '2c8e99228944bacb529312d309b10b9f3dba8e43', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
|
|
8380
8380
|
Object.entries(e.detail.value).forEach(([key, value]) => console.log(key, value));
|
|
8381
|
-
} }, index.h("smoothly-input", { key: '
|
|
8381
|
+
} }, index.h("smoothly-input", { key: '5453b9a059c8210c3311476842b7391f045667ab', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '90e31870a59bc198001b433647d2464a8686c019', showLabel: false, name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'a9a8375a554d460964cf1f8d2d83599e378143c0', size: "icon", slot: "end" })), index.h("smoothly-input", { key: 'f1af6f8f2c4c244a61bc4b7e2b2402c15bd36040', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'b07098fb565faa815121b1ac12d2f19c5dae383f', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'a7a55e86d8c37219a8f689ae44f249fa4b147357', clearable: true, name: "radioFirstInput" }, index.h("label", { key: '3efcc33f30a7f52c4e287ddadf136b7bff33a383', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'bcdd7d2d5a7e3f9164f3970330ca517922ba1cc9', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'b90c7edce08ca75afc2abd72b91db9e7ec30621a', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'dfa717cfb10099f10c66810054e9c51874272c9a', value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '28c439cbcb81a7f3480e67d956cf28b0cdff18c0', name: "color" }, "Color"), index.h("smoothly-input-select", { key: '9d832b5471b3703173f92d0b2536af790ec872e2', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'bcc8d409a8d0fbfbdd7edc757958b3a43c2121b8', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '9270263fc0907a95fa4fda20faab20724463eccc', value: "1" }, "January"), index.h("smoothly-item", { key: 'df50a7b49930b58947e4ada4787fe0f3b9c7959b', value: "2" }, "February"), index.h("smoothly-item", { key: 'c9c9ed6fa3f64f2bb2a7f7ce7a8e3e6ec973a71b', value: "3" }, "March"), index.h("smoothly-item", { key: '1a4df13779efe8c8c61f2e57c39684690a7e677a', value: "4" }, "April"), index.h("smoothly-item", { key: 'c03f5dfebd422e4a81af772ab5ac5ddb08edecbd', value: "5" }, "May"), index.h("smoothly-item", { key: '1238d99c2295fa52c22e67076b9714d12cc19cba', value: "6" }, "June"), index.h("smoothly-item", { key: '46256dc03ebe9f2bebf360dfc51778aa1fa3f231', value: "7" }, "July"), index.h("smoothly-item", { key: '0d2d6530ef9a48579bf014197fa29c1778138b2d', value: "8" }, "August"), index.h("smoothly-item", { key: 'c454e4f74973b4e4919c8ea40576d174ec7c9762', value: "9" }, "September"), index.h("smoothly-item", { key: '6a410dc5b68b3fbd123531b99bad22d7ed9c0bce', value: "10" }, "October"), index.h("smoothly-item", { key: '5214628e65ea539a77a14eeb2bbfe4270fb03033', value: "11" }, "November"), index.h("smoothly-item", { key: '2ab1330f7b25c711d6d50239cff5f8c417addca6', value: "12" }, "December")), index.h("smoothly-input-select", { key: 'a1493892d87ab651e53780905807570b50b91d07', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '61df0c697952bff56da044b3f29748926e58967a', value: "folder", selected: true }, index.h("smoothly-icon", { key: '0e54b6ca59fccab56e3ed55aa03862a263eb7e55', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '5c3321c5142c69b3065b32a6b55a34aecfab33be', value: "camera" }, index.h("smoothly-icon", { key: 'cccbfdb9939b3d16a885d6605436fc54c1da3019', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'f2bd24855f068fb7add590cb87f4050a3c18c17f', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '59a3654cf275543968911fa8dba440c1667496f9', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: '45ed118690207280f2c26768d0da1b7801b24bf2', step: 1, name: "range3", value: 20, label: "Range" }), index.h("smoothly-input", { key: '4d597c188035beeec5adc9ccef43bdf9e3eb2427', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '9a9310130e8c940f4ec771aa6753e8f7231a7228', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), index.h("smoothly-input", { key: '2c6cd64ce3a290205856e2442a1ef199a46d1cff', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'e90157d8dfae3668bc67aa5646f2176754b08347', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), index.h("smoothly-input", { key: '26ee4906aa12fc145f24a45fbe4e0e6ac4f828e7', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '9c313148e3134d81f9ffbe76bb50ddea1e5f82e3', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), index.h("smoothly-input-file", { key: '471cde92dd3f9b6deb214d85fc689c4451ee2aac', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '9baf5b9e972d897d55296c4bc870b2c22df72caa', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '15b62211482dedb406cc0fe9979b2ea845ba8fb6', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input", { key: '60578f6da664c305319c8f04d30a1c05eae33a06', type: "duration", name: "duration", value: {} }, "Duration"), index.h("smoothly-input-clear", { key: '8a9f189bacdba4054cbe6f4f21cd11c5246b5abb', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '480cf7b27cbdc2047f126677eb425a1576e98314', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'e3b3fb9fbf3a7999c76d81c85629170dd5efd6c3', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'db4bb9254a75878098844e4804a6121f053f631b', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '57b118fb1b4852b39baf424c3f69f1fa00bea891', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
|
|
8382
8382
|
}
|
|
8383
8383
|
};
|
|
8384
8384
|
|
|
@@ -8387,7 +8387,7 @@ const SmoothlyFormDemoCard = class {
|
|
|
8387
8387
|
index.registerInstance(this, hostRef);
|
|
8388
8388
|
}
|
|
8389
8389
|
render() {
|
|
8390
|
-
return (index.h(index.Host, { key: '
|
|
8390
|
+
return (index.h(index.Host, { key: 'e6e9b32074fdf87dab50af3c1f904ac6861964ef' }, index.h("h2", { key: 'd4512eea73d23fb396db207b58fd437b282ba6d1' }, "Card"), index.h("smoothly-form", { key: '96adcef6dba1a152573a391a8d020fba1c498b2e', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, index.h("smoothly-input", { key: 'c7e9dd627c326a133cdc3833d8aa9bee1fe3cd85', type: "card-number", name: "card" }, "Card #"), index.h("smoothly-input-submit", { key: 'e5d11e876a9ad1171ce24aefa7f104fc51948df3', size: "icon", slot: "submit", color: "success", fill: "solid" }), index.h("smoothly-input", { key: 'b7193c79148812850e1d31970f6696da9c8a1083', type: "card-expires", name: "expires" }, "Expires"), index.h("smoothly-input", { key: '69e610530f2d65909289c3a957df8c182613e9f4', type: "card-csc", name: "csc" }, "CVV/CVC"), index.h("smoothly-input", { key: '4f9685d7d83dff346e4660c25886193030395e73', type: "text", name: "name.first" }, "First Name"), index.h("smoothly-input", { key: '73f829b49a411a438f2228d17679671a0075335d', type: "text", name: "name.last" }, "Last Name"))));
|
|
8391
8391
|
}
|
|
8392
8392
|
};
|
|
8393
8393
|
|
|
@@ -8423,15 +8423,15 @@ const SmoothlyFormDemoControlled = class {
|
|
|
8423
8423
|
event.detail.result(false);
|
|
8424
8424
|
}
|
|
8425
8425
|
render() {
|
|
8426
|
-
return (index.h(index.Host, { key: '
|
|
8426
|
+
return (index.h(index.Host, { key: 'ef92c785b3365355b8ba811433b79938d060a5a4' }, index.h("h2", { key: '306ca5c5065a7a6e92ddf920fc987bf61228ab42' }, "Controlled"), index.h("smoothly-form", { key: '92248470b1409209b278951fdd4235cab8b6dc08', readonly: true, looks: "grid", onSmoothlyFormSubmit: e => this.submitHandler(e) }, index.h("smoothly-input", { key: '57d2c32977ca8b036f4d645ba9487df62d396073', type: "text", name: "name", value: this.name }, "Name"), index.h("smoothly-input-select", { key: '9e29c5a6cb0b31b23fbe5e4db5c915e11b61eb10', name: "currency" }, index.h("span", { key: 'bae8a234efdf2ff5964797acb15ace498cdb2265', slot: "label" }, "Currency"), this.currencies.map(currency => (index.h("smoothly-item", { selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: 'd178a9307c618462ef461009da95292fd6f11b2f' }, "Dummy"), index.h("smoothly-input-month", { key: '724c1e722dc1356525201c391321ecce06580ef4', name: "date", value: this.date, next: true, previous: true }, index.h("span", { key: '93fb5f06e98380c3a26435e560cbbfdff67369ef', slot: "year-label" }, "Year"), index.h("span", { key: '29ff08b4c11e66ddd5529b872ba310189ce460d5', slot: "month-label" }, "Month")), index.h("smoothly-input-edit", { key: '869f2703a94250f47169d0f532995ee239479387', slot: "edit", size: "icon", color: "primary", fill: "default" }), index.h("smoothly-input-reset", { key: '6801450e28506323ec1e963540acf491419b48d2', slot: "reset", size: "icon", color: "warning", fill: "default" }), index.h("smoothly-input-submit", { key: '7c5df04fd4720162adaea05387260f3132e940bf', slot: "submit", size: "icon", color: "success" }))));
|
|
8427
8427
|
}
|
|
8428
8428
|
static get watchers() { return {
|
|
8429
8429
|
"name": ["nameChanged"]
|
|
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) {
|
|
@@ -8454,13 +8454,13 @@ const SmoothlyFormDemoDate = class {
|
|
|
8454
8454
|
event.detail.result(false);
|
|
8455
8455
|
}
|
|
8456
8456
|
render() {
|
|
8457
|
-
return (index.h(index.Host, { key: '
|
|
8457
|
+
return (index.h(index.Host, { key: '22f4ed40b5848bc4784005b35f4601ade0ce4aac' }, index.h("h2", { key: 'c894900036aa83547c5b92acde5fa1dc2e56030f' }, "Date input"), index.h("smoothly-form", { key: 'd0ac14b67b826e1b731b397c76d78f2999b946ec', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, index.h("smoothly-input-date", { key: '74557c8d42c7091413536585a6eedef8cc464ca1', name: "date" }, "Date"), index.h("smoothly-input-submit", { key: '283d86091ece17e31f8a9818ee281335836a314e', slot: "submit" }, index.h("smoothly-icon", { key: '189942a7dd92dd1166b83edfe8987cd3e18d8a39', name: "checkmark-outline" })))));
|
|
8458
8458
|
}
|
|
8459
8459
|
};
|
|
8460
8460
|
SmoothlyFormDemoDate.style = SmoothlyFormDemoDateStyle0;
|
|
8461
8461
|
|
|
8462
|
-
const styleCss$
|
|
8463
|
-
const SmoothlyFormDemoDateRangeStyle0 = styleCss$
|
|
8462
|
+
const styleCss$Z = ".sc-smoothly-form-demo-date-range-h{display:block}";
|
|
8463
|
+
const SmoothlyFormDemoDateRangeStyle0 = styleCss$Z;
|
|
8464
8464
|
|
|
8465
8465
|
const SmoothlyFormDemoDateRange = class {
|
|
8466
8466
|
constructor(hostRef) {
|
|
@@ -8483,7 +8483,7 @@ const SmoothlyFormDemoDateRange = class {
|
|
|
8483
8483
|
event.detail.result(false);
|
|
8484
8484
|
}
|
|
8485
8485
|
render() {
|
|
8486
|
-
return (index.h(index.Host, { key: '
|
|
8486
|
+
return (index.h(index.Host, { key: '68aae8530e210936e6ee1cb52e65835cb5376088' }, index.h("h2", { key: 'ab56927aa4b3ffb87ad6ccda58ae62933c210ed7' }, "Date-range input"), index.h("smoothly-form", { key: 'b1901ddc4170e4f0cd5fd3a2685ba98230a519a4', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, index.h("smoothly-input-date-range", { key: '02ddba37b9f1a82f494717bbcdac1b86aff508b5', name: "range" }, "Range"), index.h("smoothly-input-submit", { key: '91c4c3b390da5f50236ab9afbd53c1b005a7a90a', slot: "submit" }, index.h("smoothly-icon", { key: 'ddecec0e052bf335197963a0e85345a4396d3976', name: "checkmark-outline" })))));
|
|
8487
8487
|
}
|
|
8488
8488
|
};
|
|
8489
8489
|
SmoothlyFormDemoDateRange.style = SmoothlyFormDemoDateRangeStyle0;
|
|
@@ -8493,12 +8493,12 @@ const SmoothlyFormDemoLogin = class {
|
|
|
8493
8493
|
index.registerInstance(this, hostRef);
|
|
8494
8494
|
}
|
|
8495
8495
|
render() {
|
|
8496
|
-
return (index.h(index.Host, { key: '
|
|
8496
|
+
return (index.h(index.Host, { key: '914cd546393dcc39159cb968565a77afb574538f' }, index.h("h2", { key: '7fee155ff0311666f0061bfe0b0292d7418150f1' }, "Login"), index.h("smoothly-form", { key: 'f3237c61ebb16e0f7715a87e3a949705fa6979ab', looks: "border" }, index.h("smoothly-input", { key: '0ed97ea010760f27c89e4c78d3b00dca898b4d98', type: "text", name: "username" }, "Username"), index.h("smoothly-input", { key: '039a6e17d6e359a93639ec99442b8cd93c91a1e1', type: "password", name: "password" }, "Password"), index.h("smoothly-input-reset", { key: 'e64d6a94c00b458d0d7c5e5b77a5f8b3a0fc316f', slot: "reset", type: "form", size: "icon", color: "warning" }), index.h("smoothly-input-submit", { key: '886ea445167ab3281130390594d3e165e7676b4b', slot: "submit" }))));
|
|
8497
8497
|
}
|
|
8498
8498
|
};
|
|
8499
8499
|
|
|
8500
|
-
const styleCss$
|
|
8501
|
-
const SmoothlyFormDemoPetStyle0 = styleCss$
|
|
8500
|
+
const styleCss$Y = ".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$Y;
|
|
8502
8502
|
|
|
8503
8503
|
const SmoothlyFormDemoPet = class {
|
|
8504
8504
|
constructor(hostRef) {
|
|
@@ -8509,10 +8509,10 @@ const SmoothlyFormDemoPet = class {
|
|
|
8509
8509
|
}
|
|
8510
8510
|
render() {
|
|
8511
8511
|
var _a, _b;
|
|
8512
|
-
return (index.h(index.Host, { key: '
|
|
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: '
|
|
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: '106416b67980f12d5c22166e24824835118bccf6', name: "dog.birthday" }, "Dog birthday"), index.h("smoothly-input-date-range", { key: '2a1b7a1cf995ef931b8780d97f3170f7b854dc17', name: "dog.dateRange" }, "Dog date range"), index.h("smoothly-input-select", { key: '68446eaab3c5f035c03b408496d2a2f259e2c632', name: "dog.favoriteHat" }, index.h("span", { key: 'a22bf81ce8b12b752652a7605679c8aee1daf783', 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: 'bead816b30d4577c2888420696cca1ab5aa67e66', name: "dog.favoriteColor" }, "Dog's Favorite Color"), index.h("smoothly-input-radio", { key: '4b92479885ffe3f6457946214192c5301298d421', name: "dog.favoritePizza" }, index.h("span", { key: '01ee08918c28deac0d27058f2eca7bcf73d7fe1a', 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: 'cda0f160b8e813fec7d648a2451b3ba033bfa0c4', name: "dog.hasPet" }, "Has Pet")), index.h("smoothly-tab", { key: '796d71378bcf2258a379332b2d48569435ad0bf7', label: "Cat", open: true }, index.h("smoothly-input", { key: '751076dda5a70f296b5bb4304b7b66003134e098', name: "cat.favoriteFood" }, "Favorite Food"))), index.h("smoothly-input-submit", { key: '5c8b9b8a08e1eff68c8b6420423d61fcdc4fe3c3', size: "icon", slot: "submit", color: "success", fill: "solid" })), index.h("smoothly-display", { key: '5ce4e16973896ff5e73e0a31697e5f4bb9471465', 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: '9d7de2edf91d84fd944b0787aaae43abf274ac49' }, index.h("h2", { key: '643d7d413bbe2dfd46e26fe227527e6c089c5cc6' }, "Prices"), index.h("smoothly-form", { key: '8208d0a84ce3af46be9b9eb93652b3664ee643c8', looks: "line" }, index.h("smoothly-input", { key: 'e68ccdf92d114eebb5354f58254fc7e934dd8018', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: 'e4def726dbfe3e26c9292359f684eaad919fbf9c', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), index.h("smoothly-input", { key: 'd8519a00bf2f6f73cad691e7f5b1ef1bc465cadf', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: 'bcc8cc63fbe4b674327e8216b65ae8861a70b1ca', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: '4c25cadee15865ebac7e336685c97f354a16c142', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: '7928b1a081003be0858728f5bca227e040fecff2', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: '4bcd0d6eeb77f290dbeb16a29dded1481ff53bdc', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-reset", { key: '1223ba4cf3d7ab1cb6ab43ec706d54f5561741ea', slot: "reset", fill: "default", type: "form", color: "warning" }), index.h("smoothly-input-submit", { key: 'a10a2e58fb28cfb12318a0915badf62254658221', 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: '8779c231cfea2a0488329c8384180b2ce6653c77' }, index.h("h2", { key: '7701101473e77f81f83d217cd9da07ddf3719917' }, "Schedule"), index.h("smoothly-form", { key: '4bd3b21b816df424c8d24d6ef3aa8481f866faa7', looks: "line", validator: TimeTable.type }, index.h("smoothly-input-date", { key: '581aeb5c592bb6d136aced229b57b323a4d22157', name: "schedule.0.date" }, "Date"), index.h("smoothly-input", { key: 'd5d8a372a1c75ba95d309f9bd88421f7515adc98', name: "schedule.0.amount", type: "price" }, "Amount"), index.h("smoothly-input-date", { key: '433e2853f54b231a2a055707034e6044864b308e', name: "schedule.1.date" }, "Date"), index.h("smoothly-input", { key: 'fdae625f6319f7ce39dc60ef54f40814aa413b9a', name: "schedule.1.amount", type: "price" }, "Amount"), index.h("smoothly-input-date", { key: '871ce952af55714bff595bfcc1792f8904489b68', name: "schedule.2.date" }, "Date"), index.h("smoothly-input", { key: 'ad3fd48a4325c79923b50c5631347d607eed16b5', name: "schedule.2.amount", type: "price" }, "Amount"), index.h("smoothly-input-reset", { key: '76c80fbd2868d82ccc3620937c50aaade8a6c91d', slot: "reset", fill: "default", type: "form", color: "warning" }), index.h("smoothly-input-submit", { key: '8d7cd8f3f3a8ee14c3b3210543874522d5bee3d9', 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: '53a31c785dc06bb1865af601f2272eea264bcf45' }, index.h("h2", { key: 'c5f0b6d091ac14b6c536ac86408101b965835a65' }, "Transparent"), index.h("smoothly-form", { key: 'f5ea31b4f975357c68d26736154b7a5c50674bb8', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, index.h("smoothly-input-file", { key: '1ba3016a6b22095e36a12045acfb6a7122b326b0', name: "file" }, index.h("span", { key: 'ca7092555b9cae88390cbb594d46b91b97b46aa3', slot: "label" }, "File"), index.h("smoothly-icon", { key: 'c2b4022eb8dc04cc244d70e7fa9fb493cfd06fa3', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: 'a0e13fe8040012c94419c63cc49623a621843451', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-input-date", { key: '0f6e14d465889d70de386972c19de0beee90517e' }, "Date"), index.h("smoothly-input-date-range", { key: 'f399d3172c129018ba86e217f8e2cb2534165340' }, "Date Range"), index.h("smoothly-input-select", { key: '85c77b434a7296389e6050257053f9d31e564cee', name: "transport" }, index.h("smoothly-item", { key: 'f0c1dcf75073173bd2be1171d2a783ec6ed0d22c', value: "plane" }, index.h("smoothly-icon", { key: 'f666fd4254963626e7cde15a41c33b5b7aa0cce4', name: "airplane-outline" })), index.h("smoothly-item", { key: 'e9ab4adb7f56fdd26faf7fe8f315a73066743e94', value: "car" }, index.h("smoothly-icon", { key: '01e19307755adb4a0d31fcdc6356a3c549315e5d', name: "car-outline" })), index.h("smoothly-item", { key: 'f624fbb5cd65bfd15117899389571d922df254b1', value: "bus", selected: true }, index.h("smoothly-icon", { key: 'c400375975272b95de64403e81f35d62247819c3', name: "bus-outline" }))), index.h("smoothly-input-submit", { key: '83ecdfad32bb44f5aee22bd9ed7fa08adbec348c', 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$X = "";
|
|
8569
|
+
const SmoothlyFormDemoTypedStyle0 = styleCss$X;
|
|
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: '7436ace22d5c15d63af957d69be005e2112052de' }, index.h("h2", { key: '08458d0241d08780ec24a72a127e8c0cc93f3aa1' }, "Typed Contact"), index.h("smoothly-form", { key: '16232cad107da9e5f472e960dca4f4a0b953b7bd', validator: Contact.type }, index.h("smoothly-input", { key: 'd7561d6eab24a5a0f1bc29c970d32f5eb72fba80', name: "name.first" }, "First Name"), index.h("smoothly-input", { key: 'cf44c5b7b47bcb8d3adcb82b8ea1d06e64b15f8d', name: "name.middle" }, "Middle Name (optional)"), index.h("smoothly-input", { key: 'b6d253c5b17c453b4bc73dc4c90efefc7d63edce', name: "name.last" }, "Last Name"), index.h("smoothly-input", { key: '0165cecb177e1c269c2a0db4e926306271d8a6be', name: "age", type: "integer" }, "Age (18-120)"), index.h("smoothly-input-select", { key: '3f30a15dbe4de0a5b0584cb8cf2dc48f6b9de077', name: "country" }, index.h("span", { key: '375090b3654e3351a1fffa1a85d3444c3374d82c', slot: "label" }, "Country"), TimeZone.Alpha2.values.map(country => (index.h("smoothly-item", { value: country }, en.from(country))))), index.h("smoothly-input-date", { key: '8127e66c92cbec9e91019cd7fd3a5f82d7923bc5', name: "birthday" }, "Date of birth"), index.h("smoothly-input-reset", { key: '2c305f958cb25930100f182475d79fbeb69552f3', slot: "reset", type: "form", size: "icon", color: "warning" }), index.h("smoothly-input-submit", { key: '83e6fb1099c61c68bcdac8465d51b0cb91fb1722', 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$W = ".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$W;
|
|
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$V = "[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$V;
|
|
8631
8631
|
|
|
8632
8632
|
const SmoothlyIcon = class {
|
|
8633
8633
|
constructor(hostRef) {
|
|
@@ -8635,7 +8635,7 @@ const SmoothlyIcon = class {
|
|
|
8635
8635
|
this.color = undefined;
|
|
8636
8636
|
this.fill = "solid";
|
|
8637
8637
|
this.name = "empty";
|
|
8638
|
-
this.size =
|
|
8638
|
+
this.size = undefined;
|
|
8639
8639
|
this.rotate = undefined;
|
|
8640
8640
|
this.flip = undefined;
|
|
8641
8641
|
this.toolTip = undefined;
|
|
@@ -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: '11b2bc0439710470af7ca83d814f7e3e18e5b52e', 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$U = ".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$U;
|
|
8685
8685
|
|
|
8686
8686
|
const SmoothlyIconDemo = class {
|
|
8687
8687
|
constructor(hostRef) {
|
|
@@ -8692,7 +8692,7 @@ 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: '4243369b1c46749df379f00e96544fa4761a5286' }, index.h("h2", { key: '118123fd7ac92a6f1d2b6a78cc1fa024002b87cf' }, "Filter and Variants"), index.h("smoothly-form", { key: '50cf6fb15cf329f386105fced5af132e1bfe24db', onSmoothlyFormInput: e => (this.display = e.detail) }, index.h("smoothly-input", { key: '9d5255638f23b72f71c43cb3c2545b2ec91d77dc', name: "filter" }, "Filter"), index.h("smoothly-input-select", { key: '55b8e177f8ea3d3b2b189d256d372511280cbeda', name: "variant" }, index.h("span", { key: '7bf040f9f34f789ab6cb0ab18296bb890d29f669', slot: "label" }, "Variant"), index.h("smoothly-item", { key: '1ba46adbd0ff9eb9feb3096e25988c9b8130c228', value: "outline" }, "outline"), index.h("smoothly-item", { key: 'e55d0500bcfe1710f53cc705c26422744a14c1e1', value: "sharp" }, "sharp"), index.h("smoothly-input-clear", { key: '3d0134c752032fede37899736da37833dfc869de', slot: "end" }))), index.h("h2", { key: '1c16464c982caf23966cf682600003b7c3958dda' }, "Props"), index.h("smoothly-form", { key: 'cc7c7f1cfbaf5f945033509bea2af64fd6898569', onSmoothlyFormInput: e => (this.props = e.detail) }, index.h("smoothly-input-select", { key: '39f0f89aacf12e2bdcab0873b5246b6780319cc6', name: "color" }, index.h("span", { key: 'd57d920476f11816ed41492ef518f7e2270e7dbb', slot: "label" }, "Color"), Scrollable.Color.types.map(color => (index.h("smoothly-item", { value: color, color: color }, color))), index.h("smoothly-input-clear", { key: '9d2941451b4ce21f096f746b5be86d4eafcff263', slot: "end" })), index.h("smoothly-input-select", { key: '49fa93be8d22f2073ee01a5b15a0c73b983be912', name: "flip" }, index.h("span", { key: '2a790cdd858df40128c7ace45ed01d70deb223b8', slot: "label" }, "Flip"), index.h("smoothly-item", { key: 'd26a41e2dbcc737453649751ac6abbaefd945726', value: "x" }, "x"), index.h("smoothly-item", { key: 'afa74692c11e593ee2281f26d4687728b56621f4', value: "y" }, "y"), index.h("smoothly-input-clear", { key: '11055f2f865c79a8916d4494f2431aaadf440f1c', slot: "end" })), index.h("smoothly-input-select", { key: 'ee959c0778e35040b410009cc12f228d93343855', name: "size" }, index.h("span", { key: 'b40c960699e8420211c71a944452f5538622b902', slot: "label" }, "Size"), index.h("smoothly-item", { key: 'b47d06dfde153f3ecc50a6e0e1423d5b737adef5', value: "tiny" }, "tiny"), index.h("smoothly-item", { key: 'e5e432209245eabc5e95295097318c6732ea1665', value: "small" }, "small"), index.h("smoothly-item", { key: 'd988461ac6c04ba037a24495b91df69c4375b199', value: "medium" }, "medium"), index.h("smoothly-item", { key: 'c887bce6d7233eeded5690cdda843caf218a61db', value: "large" }, "large"), index.h("smoothly-item", { key: 'f28da514b977e3cb249abd0023c22b65b5327eca', value: "xlarge" }, "xlarge"), index.h("smoothly-input-clear", { key: 'a1af3707e895d0a264bf3268f514c9872ac86659', slot: "end" })), index.h("smoothly-input-range", { key: '9e1810de388ef5dae13436e1a9c0fa0489d9ec3b', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", index.h("smoothly-input-clear", { key: 'a3ea9f84ae4f2aacbbdfa86ae1902f61a31305b9', slot: "end" }))), index.h("h1", { key: '93c331d11d1e08df0e161bf5858c621f7f20c203' }, "Icons"), index.h("div", { key: '52d373675e9910601a7427a44a4598eaa09a19cc', 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)),
|
|
@@ -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$T = ".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$T;
|
|
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: '78e7885c853ce20755b714f0ccf9cab0ac75a5ef', 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: '9197c2a3bfa79e721feffa0a5c652f6370ecc5cf', name: "start" }), index.h("div", { key: 'b881acabefc935109f3531b75416753c1c75ac43', class: "smoothly-input-container" }, index.h("div", { key: 'f0aa99d563a84f7b1ed4ffed7da479c4875e75be', class: "ghost" }, index.h("div", { key: '69a4cbde610389146386eb94b75088d04d13a7e7', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), index.h("div", { key: '566ef9ee4cc2bd590366557b72c92fe3c16ed8e3', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), index.h("input", { key: 'da67d5f387d69094e14999b4eebcb16ebe8b69f8', 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: 'b25431d691b144dfa5569cb2b08254cdedf24dc4', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: '702434dac4c0783291d7ac9703ac80db5230ab81' }))), index.h("smoothly-icon", { key: 'aad96360452850bc638500bbd37fb13dfc2e013e', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: 'a86bef126f931e4e0495412368be80748b44302c', 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$S = ".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$S;
|
|
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: '99d1fd7c03341e1f006d3e93528b3774b7e26644', 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: 'e31ef4946a26c9d7dfc36a72e368cd882e8ddfc8', type: "checkbox", checked: this.checked }), this.checked && index.h("smoothly-icon", { key: '01d2fc86042120ed14744240048b0d86b3ea6b2e', name: "checkmark-outline", size: "tiny" }), index.h("label", { key: '0064444ff31f2fa701744532c5341c631ef8c60b' }, index.h("slot", { key: '8e0c6756be0053328b93f3ae6ba9b99b3bbd1691' }))));
|
|
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$R = "[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$R;
|
|
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: 'c2fef10f6a93c77be53cd2cbb68ad5cb248ff111', title: this.tooltip }, index.h("smoothly-button", { key: '36519257ceb0a390edbb5efb03f93bda9817e1c0', 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: '9626ceb7c5b85fe073768c4066190c1312914cee' }), index.h("smoothly-icon", { key: '0b6bd22cd03a708f555491ac7e66ebddbfb871aa', name: "close", size: "tiny" }))));
|
|
9272
9272
|
}
|
|
9273
9273
|
};
|
|
9274
9274
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9275
9275
|
|
|
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$
|
|
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$Q;
|
|
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: '670a7476f048858e2383bf790be29662c2b9d6e8', 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: '335e0d548863c95bd9ea825b96f6e44b87e088ed', 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: 'b0dd625eb8c4a8a1d390b0f16fcf04ff3b0f3a20' })), index.h("div", { key: '9c2dd79e29f239ed5ae725a5277897b6f1390c0e', class: "color-sample" }), index.h("smoothly-icon", { key: '1f197df4c01bc228698f6a397f4bb6c659a30e9d', color: this.color, name: "options-outline", size: "small", onClick: () => !this.readonly && this.openDropdown() }), index.h("div", { key: '1cdf0dde9a954956d406ac8df83911c3f412a7c5' }, index.h("slot", { key: '0bc12b808f76f1f4c05ef072d6fb51fe7ffffdac', name: "end" })), this.open && !this.readonly && (index.h("div", { key: '3994288cb82a9596fdd9efb022f8270326cd8e39', class: "rgb-sliders" }, index.h("smoothly-toggle-switch", { key: '640004c0237e5fc60edf66b413df444c8412c70b', 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: '6a345592a635a49d5c9bd4fa7cbce4d9bb31c1a3' }, index.h("h2", { key: '43f287ca8e468b9375be66b2d67b7216473dcf07' }, "Color"), index.h("smoothly-input-color", { key: 'ebb416f1268f49d83ace12f1720ea8871d679f91', 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$P = ".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$P;
|
|
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: '57449661e55d63d143b194d62df4171e03b194a3' }, index.h("smoothly-input", { key: '306bb8ce36b5e7834699eb945b082b447a244a9b', 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: '3277e1e95cf3e371a29e25d44accfea79a6a6ca5' })), index.h("span", { key: '60daa00cbbf4afef50cfda2a5db9647981e1372b', class: "icons" }, index.h("slot", { key: '9b20a8d21cc5497f9617ed6dc106cb2e9b44e4cc', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: '6cdb787d6ba2d2bfdb5da488986ecb8da84927bb' }, index.h("smoothly-calendar", { key: '41972f350405eacc0d2f726e24d81968bb1b611c', 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: 'c9ca20ed5c818887ea7ba619db55ebb78bc9082d', slot: "year-label" }, index.h("slot", { key: 'd33a0714715e677a3fbc6b9843038d5114c55862', name: "year-label" })), index.h("div", { key: '32b23e3d8996d3d16f1f09e642fbf6fb6853efda', slot: "month-label" }, index.h("slot", { key: '563f5174260311dbe25962ec0673f66f9c9a3fe0', 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$O = ".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$O;
|
|
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: '10617daa1231da0652830f0a4c123429812de8a0', tabindex: 0 }, index.h("section", { key: '7e2d1cf85c16d258b415ac53be0d94ab39d6191d', onClick: () => !this.readonly && (this.open = !this.open) }, index.h("smoothly-input", { key: '89a82d7674433af8cfb2c82137ac02006ded2d1b', 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: '1db498c4190f6154db7f89ceb0bacc4c70034b05' }))), index.h("span", { key: '86290b59033e9565a969aa8cef3a75800b51439e', class: "icons" }, index.h("slot", { key: '803e5b3556ff808be5bbd0a7f892663d36b2cf6f', name: "end" })), this.open && (index.h("nav", { key: '790f4a4ab812fae1fd037c7cf831d0f4cea0e5cd' }, index.h("smoothly-calendar", { key: '956867c0184cd71d3e23b02af8a5c95e2a10e886', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
|
|
9654
9654
|
e.stopPropagation();
|
|
9655
9655
|
this.start = e.detail;
|
|
9656
9656
|
}, onSmoothlyEndChange: e => {
|
|
@@ -9671,8 +9671,8 @@ const SmoothlyInputDateRange = class {
|
|
|
9671
9671
|
};
|
|
9672
9672
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
9673
9673
|
|
|
9674
|
-
const styleCss$
|
|
9675
|
-
const SmoothlyInputDemoStyle0 = styleCss$
|
|
9674
|
+
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
|
+
const SmoothlyInputDemoStyle0 = styleCss$N;
|
|
9676
9676
|
|
|
9677
9677
|
const SmoothlyInputDemo = class {
|
|
9678
9678
|
constructor(hostRef) {
|
|
@@ -9681,20 +9681,20 @@ const SmoothlyInputDemo = class {
|
|
|
9681
9681
|
this.alphanumeric = "!@##";
|
|
9682
9682
|
}
|
|
9683
9683
|
render() {
|
|
9684
|
-
return (index.h(index.Host, { key: '
|
|
9684
|
+
return (index.h(index.Host, { key: '51f4aee40c6d4fd30250a99a33a4c871dbee07df' }, index.h("smoothly-input-demo-standard", { key: 'ac59b052dfc234d46b5d7ebeef5b6854ecef440e' }), index.h("div", { key: '4ddfea7ef3c9fecc5bf78fe7722c80c2f8fd909e', class: "inputs" }, index.h("h2", { key: 'e2351bb6192e23f3fe206eb127d8a5cff5b8a3b1' }, "Calendar"), index.h("smoothly-input-date", { key: '64cc4d64b575a915b96fe4f4320aa0e6e50c5878', name: "some-date" }, "Calendar"), index.h("h2", { key: 'e6c93ff26dd6ddf0c20decaac5afe5f2b4a3ddfb' }, "Date Range"), index.h("smoothly-input-date-range", { key: '57cc830b6f2b02b4fabb3ae963c218bd532ba433', 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: 'fdaf5c97a3e958a1711e3a72df10d26f049b4b06', 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: 'fc80bf6ef0faf3bc501bbc3e235a1990e0a9f8ea', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '3e761321bcfcfd824e657f7eee0bb6d2e78e485e', 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
9685
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9686
|
-
} }, index.h("smoothly-input-clear", { key: '
|
|
9686
|
+
} }, index.h("smoothly-input-clear", { key: '5498fe9bd23f5f0aa3bc1564677cd8527c3f216d', slot: "end", size: "icon" })), index.h("h2", { key: 'e1cd9a2f933ace9b8654a16f8a4b63257c0720ea' }, "Date"), index.h("smoothly-input-date", { key: 'c402077b09b215d29f2a39a2966129b66778bbf6' }, "Date"), index.h("smoothly-input-date", { key: '348a3b47233f5a297818801d8342f397d985a34d', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '34dcb99153c016b5612ff0b94a7e22344ead452e', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: '51225d9833f9cff119d70e073d57e22a3c9ab6b7', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: 'a8e0d841589a7835b7aa61e73d6f26402375ce02', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '7c30f983577e754c64eddbbcba405ff88ffab967', slot: "end", size: "icon" })), index.h("h2", { key: 'ed29c97bfa01d94b769f2b5443a34a0ec2cc81f1' }, "Select"), index.h("div", { key: '3f02595af663b605a0cbf7ff468ad88db47a7d59', class: "select-div" }, index.h("smoothly-input-select", { key: '6fa227e9ed5b0b7783a02125d449c63e3e7cfeb3', name: "select-dessert", looks: "border" }, index.h("label", { key: '25fa5c82c38615865eec7d110e6d0dcf44c81a4a', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: 'ac813fdf89c73912582dc5991fb1dc2e2ce1fb14', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: 'fa5192b5eb35ff78615cdef32c9520d6a6ef76e0', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'ff645106190846ec3eb20be801aa181bf10fb298', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: 'b44e0e0890947c152f2bbacb7a2875acbdf54518', value: "4" }, "Cookie"), index.h("smoothly-item", { key: '861d5923d90ea8b38bdcae05c978c0e00d137917', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '56ae54fce385dc55783844eec020aa90af651aeb', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'b02a524509e0e4cbfc3a03fb639c83ee27a71850', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '93208005940d683db4dc4f663438aa57c787c0b2', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '7afee6b3ace710bec7f7790fc0d8d153a2e816a0', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'fd35e1647fb441226e5f956454297cd9bc561445', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '3acddb1b859f8e48fe686662cca517179e5d1a72', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: '961d256786f4edd9171190ae0d458197306929c7', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'cb2aa0a7c2ac196c3a21517e1eb7832346314174', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '0b2b13a5a83f8078b60ba2e0cae32479f208f2bf', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '32eb07a7229c9f90890057f1a8ae0abc7cb810be', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '48f36f4dc49fd910b3ac5ca9a6920fecde5a4117', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '1dc701cc862d2ca1f200f903b15016fac25b7d1a', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '48327f5013baccf6bbbec4ae3225646d40b96384', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '14b5652ebb2ab2c9f9efe069dc80f9e999297420', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: 'ffbebfb60bf5e643c4298395b652e478a1f782e5', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '6794446769b476efa03e0536bd9d80e8d816be25', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'bd8c1f88ea016ad705b128eddc0199caa159a64f', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'e6357d8a92151fb7e8d6a8c38ca3f8f401fbd0db', value: "camera" }, index.h("smoothly-icon", { key: '253786f8f4c60a8565c40a2b6b316b2bbaa5f72e', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: 'a85cabd287125fc7868360e8fc406e2b256d01a6', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'db93308d09a47a4b6e394a18395fac5249ee0899', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9687
9687
|
.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: '
|
|
9688
|
+
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '8d5c0b232dd500dd359c0fc8f2b0a92a6a521bcb', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '8b9175106a63bca1ea5bc819d9843773c10d830e', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: 'a7a2c4509f5343103035ad2077e9127bb1228a8d', value: "1" }, "January"), index.h("smoothly-item", { key: '98831946e62fa33e863884cebc66973122ce82dd', value: "2" }, "February"), index.h("smoothly-item", { key: '3a64a70c78e4f9eadcb2ee41c580fe7ea7785b24', value: "3" }, "March"), index.h("smoothly-item", { key: '470ef2574219e5303888cae46466a0f800a11039', value: "4" }, "April"), index.h("smoothly-item", { key: '98fb61b1abbcc49254c5e507f9e8c5cf6b52b623', value: "5" }, "May"), index.h("smoothly-item", { key: '763c4cbe3738ae5294441b57f0d787992d119d05', value: "6" }, "June"), index.h("smoothly-item", { key: '40638da7cf970dfe3a12fc754e9f35735bf525e0', value: "7" }, "July"), index.h("smoothly-item", { key: '04022676952f4c3bc7c3438805963d2c5f75c757', value: "8" }, "August"), index.h("smoothly-item", { key: 'b8b87515bf851056dd050662c4fdfe025a68a776', value: "9" }, "September"), index.h("smoothly-item", { key: 'ba586667d48408aa3d68b344858426463d60bb05', value: "10" }, "October"), index.h("smoothly-item", { key: '04c17bafc1ce2274ab4e8633ceb47406cc0dc0fe', value: "11" }, "November"), index.h("smoothly-item", { key: 'd3aa3783f8a743ad95aaafffd5729648c508ff3b', value: "12" }, "December"))), index.h("h2", { key: 'a9990b1f07ba34b59b12bd54effacbadfbea3c65' }, "Duration"), index.h("smoothly-input", { key: '92aa6ba1302c1c34b77a70d29714712c2be3068c', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: 'd2047bac99e33c9f737bd2c4e3900f855baa9999', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9689
9689
|
const duration = e.detail.duration;
|
|
9690
9690
|
this.duration = duration;
|
|
9691
|
-
} }, "Duration"), index.h("h2", { key: '
|
|
9691
|
+
} }, "Duration"), index.h("h2", { key: '283a6152257e6c7c68e5b5713c860c1877d65f24' }, "Integer with Min/Max"), index.h("smoothly-input", { key: '01494df3d52b16246cea53b17f2924be03fcd45d', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: '92760df5d824d83cfcabfcbb9c3d3ec14dc7b5f7', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '2b91b33d85c5a8060910c5c113bf86d8025d4258', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: '753749c84e0a09a6bb22381e82b3db8fe54309f0', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: '5f4260798c795fe73e9243f1701296aa572409f0' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: '79f1faf413093fa4688f3651d64e285828129022', 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: '5a32fcb9c6a6fb1339195ebbdfb5c6ac8e186f5e' }, "Identifiers"), index.h("smoothly-input", { key: 'e495ce716e08285f08fcb66de94b6e8499f04443', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '27ae27bec80bc7e45d36165d7eaf625cd3f16733', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '63d4ec8ed784eb0a4ea3fd03468cc0d3017c2c87', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '262be226d93f8a826221ee7c69b11b48271ed7b6', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '9aa3a103dda1203be74a1ed95cabfe0d5b6b338b', type: "identifier-camel" }, "Camel"), index.h("h2", { key: 'cecf5ca7e639cbcda0914703672c053d3c8ce59e' }, "Input Alternatives"), index.h("smoothly-input", { key: '1fd87c7537064f3ad713733d39be58f1199293ad', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '55cb2bdaa096df6a1ca2ec3aba6ba49279cc31d3', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '402b8c49765021b02f5a4b360ec58bb65f6dd8a2', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '501dcf174eb7f333491bb451a8e192e15e72805a', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'cf4afd621a442b90f41b4ae26a96cfa2d8153df4', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '9fb3990c1caf1da748d82f3fb355d300f7404329', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '932b57faaca83f7cfba85e41fbc43eb8695d6ea4', placeholder: "test" }), index.h("smoothly-input-submit", { key: 'b1aaf41eb1206fdc148d480573302f8693de18aa', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: 'b7ffb6f9330ced7f5763e48d626e0a17889d9f25' }, "Smoothly checkboxes"), index.h("div", { key: '80fc9cc65cccc4adb8cba4c811742541137bf698', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: 'be5e8d4dd4cb4c63b9c0d82920c5ea7c6a0e623b', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '75edc6ead1a55befb22e6084d485749bd9cc6da1', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '704732e5a9e2ccc8e7ea1f4321a9911d4826e5d1', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '708e9b987f921137264f288bbe1d4ec8499df19b', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '80c5ce80c75f33f67bbbfdbfe73ba072eaa37d79', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '71264159bccb449aed01eb54f0f3e4c3ae2ad9b6', name: "third-checkbox" }, "3rd")), index.h("h4", { key: '0c772e064d8a51c6d33172d27fc5af685edbb63f' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: '2e7895c7d085ecbd0ca64410b7f76fa079861106', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'baf27045a94f4318c5193072003c3205566be340', name: "checkmark-circle", slot: "start" }), index.h("label", { key: '1510a8506ed6cc4654e52c0a8db589cb8f07789a', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '3640444f19026657c628973d69f82b21504c78d6', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '3e38e925bb0dc05927b249d5086a6793f67b6ebf', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '0b0331135e82acaacc3e7ccf86224ae4638190ed', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '8799173946dae79110b281fd74af4fd7a680b4e9', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'a769bb209c9dd9c4ac3f17d6aa3ad887e2d168e8', name: "radioSecondInput" }, index.h("label", { key: '252ba147b41c9155641e6b893591a6809f98c516', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '269ad4c1ad1ef77808486ed910f76a93389ed53c', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '0de3d96a6afbfc9495085936af90c5bf17d2a4e6', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'cac79cc3eab126dea7c063e7f469bc8b28c241b9', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: 'c795e26c2789a10e8d0d8335f6f3ed96754a2f17', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '63d8c92c4984fdf556360c61968e983da5e23548', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '7c786157edd658508d71de20d55a4d596dc96d16', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: '90e079e7fa142511708ceb0781db47325feb7cbd' }), index.h("smoothly-input-color-demo", { key: 'f52d61c72a3f01e834a2a626e1e533fd3c6ed11e' }), index.h("smoothly-input-price-demo", { key: '6da94024c5a01ed305071bce4f3afe97a807fe22' }), index.h("smoothly-back-to-top", { key: '49936dab6a55005f169850bbcc6d324e0aff0858' }))));
|
|
9692
9692
|
}
|
|
9693
9693
|
};
|
|
9694
9694
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
9695
9695
|
|
|
9696
|
-
const styleCss$
|
|
9697
|
-
const SmoothlyInputDemoStandardStyle0 = styleCss$
|
|
9696
|
+
const styleCss$M = ".sc-smoothly-input-demo-standard-h{width:50%;margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:2fr 1fr;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:\"hello\"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:\"\";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}.vertical.sc-smoothly-input-demo-standard-h{width:100%;row-gap:0;position:relative}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;grid-template-columns:repeat(auto-fill, 14rem);gap:.5rem}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{display:none}.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.guide-lines.sc-smoothly-input-demo-standard::before,.vertical.sc-smoothly-input-demo-standard-h>div.input-wrapper.sc-smoothly-input-demo-standard>.guide-lines.sc-smoothly-input-demo-standard::after{content:\"\";pointer-events:none;right:0;width:100vw;position:absolute;z-index:2;border-top:1px dotted black}.sc-smoothly-input-demo-standard-h:not(.vertical) .guide-lines.sc-smoothly-input-demo-standard{display:none}.guide-lines.sc-smoothly-input-demo-standard{text-align:end;justify-self:center;align-content:center}.guide-lines.sc-smoothly-input-demo-standard::before{top:1rem}.guide-lines.sc-smoothly-input-demo-standard::after{top:2rem}.guide-lines.show-label.sc-smoothly-input-demo-standard::before{top:1.05rem}.guide-lines.show-label.sc-smoothly-input-demo-standard::after{top:2.3rem}";
|
|
9697
|
+
const SmoothlyInputDemoStandardStyle0 = styleCss$M;
|
|
9698
9698
|
|
|
9699
9699
|
const SmoothlyInputDemoStandard = class {
|
|
9700
9700
|
constructor(hostRef) {
|
|
@@ -9717,14 +9717,14 @@ const SmoothlyInputDemoStandard = class {
|
|
|
9717
9717
|
}
|
|
9718
9718
|
render() {
|
|
9719
9719
|
const placeholder = this.options.placeholder ? "placeholder" : undefined;
|
|
9720
|
-
return (index.h(index.Host, { key: '
|
|
9720
|
+
return (index.h(index.Host, { key: 'c58dcd7a0ddf98a9833fbe9467b9b08402b388f1', class: { vertical: !!this.options.vertical } }, index.h("div", { key: 'aa6ad35e296975201ad7bce10df89c67b507daa4', class: "description" }, index.h("h2", { key: 'b54af57073864460a36cd6358dd103d9a8d6203e' }, "Input Standard"), index.h("p", { key: '4dd1d682e32b4da92a9c6a496dcc4af4dd455edc' }, "Height of input should be ", index.h("code", { key: '67d7d6a970a3266c6503dc53cb5bbd7e1053b3ca' }, "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: 'c14ded577c553892f190d82767037447791e08ca', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: '733a90dfdfdabb477b2d6105682657df7df51f27', name: "looks" }, index.h("span", { key: '91aecb53922674bffb8e7b7d084a2dc6f1520fc3', slot: "label" }, "Looks"), Looks.types.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-checkbox", { key: '72a431fcddf9309c4cc52de91991f75005bb08fa', name: "readonly" }, "Readonly"), index.h("smoothly-input-select", { key: '06f5861be0d3acc109f02de05abeffebe764db39', name: "color" }, index.h("span", { key: '3b514f9d59a5a6e85a3a760436110a32983d13e1', slot: "label" }, "Color"), Scrollable.Color.types.map(c => (index.h("smoothly-item", { value: c }, index.h("span", { color: c }, c)))), index.h("smoothly-input-clear", { key: 'efaa0ccf60af3c1310d8ddc89e12825714de5b52', slot: "end" })), index.h("smoothly-input-checkbox", { key: '8e3ff06a5ec5a272e355ed32c4c3a26feaad93d9', name: "vertical" }, "Vertical Layout"), index.h("smoothly-input-checkbox", { key: 'f508c381ddc975eba1f73788b4ec9d1a17c6faff', name: "showLabel", checked: true }, "Show Label"), index.h("smoothly-input-checkbox", { key: '976c451c4c52b9c4cdf06db0b287ce57d78c852f', name: "placeholder" }, "Placeholder"), index.h("smoothly-input-checkbox", { key: '6c8aa60ab8294a01d5492d981b442bdb9f2567d5', name: "invalid" }, "Invalid"), index.h("smoothly-input", { key: 'fd721fe78c6623bec6468e647e6ac88f8e483e53', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), index.h("smoothly-input-range", { key: '8ab1d3698fa0cbe1c1f5da694443d3372aeec095', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }))), index.h("div", { key: 'b3e86ecbfd3d145454b420e3f45d87124c4d4650', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: '4719ebb85b566902dc53cae95cbc8826a3b22619', class: "width" }, "100%"), index.h("div", { key: 'a205e5654718ba2a308e29dc3e34e6c9598f23d6', class: "left-padding" }, "0.5rem - left padding"), index.h("smoothly-input", { key: 'c5143cfedc84779d8b28d64a56e728ef2ab4df57', 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: 'a675b1d8ad3e673914e020d9eb14b15a242cee0d' }, "Text"), index.h("smoothly-input-clear", { key: '1088552e7fca00d6896c74d6da64748b8adcb9cd', slot: "end" })), index.h("div", { key: 'c5fb2a470f3c7391b3ae9e4dbc5814f7e5550a86', class: "height" }), index.h("smoothly-input-select", { key: 'b7eaf11fdf18381ae8d551c24e6e8f7566d6179a', 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: '131a55d7d6876efe226c6be6996c1b90b8465904', slot: "label" }, "Select"), index.h("smoothly-item", { key: '84ff7f28d8b523555d77b8e90dd0a4c2303ddaf7', value: "1" }, "January"), index.h("smoothly-item", { key: '31f15f5f9c7dc78227c2c6fd648e56623a8e4c8b', value: "2" }, "February"), index.h("smoothly-item", { key: 'e81d01da312a769b54fd33758d0a6b0f0c138519', value: "3" }, "March"), index.h("smoothly-item", { key: '96922f4ed441fb7910c7e6838dfa3d3f7c71ef34', value: "4" }, "April"), index.h("smoothly-item", { key: '9ecfcdcbb63b36deb2e18f195ba7e08ac7f738a1', value: "5" }, "May"), index.h("smoothly-item", { key: '918d4f499d24d5947bdb060dc28009396fc23caf', value: "6" }, "June"), index.h("smoothly-item", { key: '973167231cb8e2477ae54572042ec80cafe4ea37', value: "7" }, "July"), index.h("smoothly-item", { key: 'af47c9a8e15a6bb7ddebf827547e248219f2dd0b', value: "8" }, "August"), index.h("smoothly-item", { key: '4069036ca290731580df101648683c305e67ebec', value: "9" }, "September"), index.h("smoothly-item", { key: 'd98add36ae1c3bd7159cb5e3784a74895ee78fff', value: "10" }, "October"), index.h("smoothly-item", { key: '3c20e5f2c440ed7e3cce046236a22a6fd2259c2d', value: "11" }, "November"), index.h("smoothly-item", { key: '7f9f272f95377d0fcb6950dbb5d5a5e4f610c613', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'b98b27b7a528601f9e1fe1d14e6043c20919377b', slot: "end" })), index.h("div", { key: '89d4880eaec86e70228d3d3f26f2eb112ad50cb1', class: "height" }), index.h("smoothly-input-checkbox", { key: '32b9e83ce27c25041b8cf103ad4c10ddbb11f2ce', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color }, "Check"), index.h("div", { key: '3f0885c44817050860ae95324bacea6721e235cd', class: "height" }), index.h("smoothly-input-radio", { key: '2263d9a201f26ecf51c4e3a2ec445a94027d61a6', 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: 'badac80733108311a4800007278c3417cbad57df', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: 'd4d72a709daf0c2cdbc7aabfe51db816f1a608ae', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'db98b84fc34c0ed7dad88ff4d75ef98533d19259', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'f732549c63fb54173349f1219535a54686e4281f', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: 'f0affe94d6280188d9c2b6d482b252e9ab0707ac', slot: "end" })), index.h("div", { key: 'e9c9eaf8c54bd995fe687366721903cfd2c04f40', class: "height" }), index.h("smoothly-input-file", { key: 'adbbcd0bc57064fd2293ea700b6fed451bc38fd4', 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: '70d58f1f7eaf4b31ded93887a4fad73fd99c07f1', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: '3b75906118b762daaddb6ac754dff28236cc4632', slot: "end" })), index.h("div", { key: '987ab65df503b27a86263d66c20d022bff4492e3', class: "height" }), index.h("smoothly-input-range", { key: 'a363a3b91d2ab8e16f53647a8c706d2f14cf6c0d', 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: '98567ea997a482ae3fa6f57f5c28dde08b52a31d', slot: "end" })), index.h("div", { key: '89c0dac8beabb32cd47c1452360c8e3fc1f41a5d', class: "height" }), index.h("smoothly-input-color", { key: '47b272d0c0e50a46b885e0b0c23f9e690f8e7151', looks: this.options.looks, readonly: this.options.readonly, color: this.options.color, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '80e2730f7c9ce81cfa49bf193345c4b7f1f014be' }, "Color"), index.h("smoothly-input-clear", { key: 'd56a6765d8710d9f35d8d10b47d52b4bade2b6fa', slot: "end" })), index.h("div", { key: 'ffe82240e639efb559a1710ea839708b548b89ef', class: "height" }), index.h("smoothly-input-date", { key: '2340719aa80968e1b630a4c967da15482ab28abd', 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: '7adde192741aaa0850e3ea70c04ea80cd6cfd914' }, "Date"), index.h("smoothly-input-clear", { key: 'a9187a4b235ef079adf84fe0403c5128e1216025', slot: "end" })), index.h("div", { key: '7d47f8663295f1ad7675789348becc972266d551', class: "height" }), index.h("smoothly-input-date-range", { key: 'f1426cd9db9cc037ca2bf262f06672cab8f0e632', 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: 'd0faa66b131aaa9934b216d2a5b07a75a64d57db' }, "Date Range"), index.h("smoothly-input-clear", { key: 'ac6166b34ea31f06a41c6b856e6cb00bd014e2c5', slot: "end" })), index.h("div", { key: '44b52319c60c4bb7af8ccd8222ef083454b07814', class: "height" }), index.h("div", { key: '5e10df393906febb867db526c3a2546fa0911880', class: { "guide-lines": true, "show-label": !!this.options.showLabel } }, this.options.showLabel ? "Aligned labels & values" : "Center values"))));
|
|
9721
9721
|
}
|
|
9722
9722
|
get element() { return index.getElement(this); }
|
|
9723
9723
|
};
|
|
9724
9724
|
SmoothlyInputDemoStandard.style = SmoothlyInputDemoStandardStyle0;
|
|
9725
9725
|
|
|
9726
|
-
const styleCss$
|
|
9727
|
-
const SmoothlyInputEditStyle0 = styleCss$
|
|
9726
|
+
const styleCss$L = "[color=default].sc-smoothly-input-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit{--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-edit-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-edit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-edit-h{display:inline}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{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-edit-h>a.sc-smoothly-input-edit:empty,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:empty{border-width:0}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{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-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-within::before,[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit: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-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-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-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h[type=\"input\"].sc-smoothly-input-edit-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}";
|
|
9727
|
+
const SmoothlyInputEditStyle0 = styleCss$L;
|
|
9728
9728
|
|
|
9729
9729
|
const SmoothlyInputEdit = class {
|
|
9730
9730
|
constructor(hostRef) {
|
|
@@ -9756,13 +9756,13 @@ const SmoothlyInputEdit = class {
|
|
|
9756
9756
|
}
|
|
9757
9757
|
render() {
|
|
9758
9758
|
var _a;
|
|
9759
|
-
return (index.h(index.Host, { key: '
|
|
9759
|
+
return (index.h(index.Host, { key: '5e4f89335ebea26c7e28f731e6c469d156737123', title: this.toolTip }, index.h("smoothly-button", { key: '64bca4444a76e5ff728c3371419bd4a230143fb9', 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: '379cf7a1b3f7de48d734766e6748d3a0539c4b7d' }), index.h("smoothly-icon", { key: '53b19345d6883b7c286bdef9a4cdb4e39d20f70d', class: "default", name: "create-outline", size: "tiny" }))));
|
|
9760
9760
|
}
|
|
9761
9761
|
};
|
|
9762
9762
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
9763
9763
|
|
|
9764
|
-
const styleCss$
|
|
9765
|
-
const SmoothlyInputFileStyle0 = styleCss$
|
|
9764
|
+
const styleCss$K = ".sc-smoothly-input-file-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-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-file-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-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
|
|
9765
|
+
const SmoothlyInputFileStyle0 = styleCss$K;
|
|
9766
9766
|
|
|
9767
9767
|
const SmoothlyInputFile = class {
|
|
9768
9768
|
constructor(hostRef) {
|
|
@@ -9870,7 +9870,7 @@ const SmoothlyInputFile = class {
|
|
|
9870
9870
|
}
|
|
9871
9871
|
render() {
|
|
9872
9872
|
var _a, _b, _c;
|
|
9873
|
-
return (index.h(index.Host, { key: '
|
|
9873
|
+
return (index.h(index.Host, { key: 'a5683818b91fadba7fb3f46c3abf006be2111d38', 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: '2034b3f660498dd2e4a510ddb4094073e4b60c51' }, index.h("slot", { key: '0466b8ef49363c0869f6213d34fb24ece2e9eff6', name: "label" })), index.h("div", { key: '8106c7ae0fc63199f97e3de977b05018d9fb8535', class: "input" }, index.h("smoothly-button", { key: 'b4869d4bd56d4d4865d4af8c0c7237a320397078', type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '4a195b824d6ef4bb83aceba448bc95d62826337a', name: "button" })), index.h("span", { key: '51eb694634e34effd7f2ef90f8ab68ced272cedf' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: 'ec5b06939273ce018ec60ff75bc1348ec3018460', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: 'e1c90af52875e75e4813a0e23681b0fdbae2a217', name: "document-attach-outline" })), index.h("input", { key: '4f350280bbed38e8517b9bffca58f8a70b8891c7', 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: '451a75e9a5ddfe23431e434b2eccf20decd32078', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '93dc9c23bd8c44ec4b5fdf7c90e6080f9c8e9005', name: "end" }))));
|
|
9874
9874
|
}
|
|
9875
9875
|
get element() { return index.getElement(this); }
|
|
9876
9876
|
static get watchers() { return {
|
|
@@ -9879,8 +9879,8 @@ const SmoothlyInputFile = class {
|
|
|
9879
9879
|
};
|
|
9880
9880
|
SmoothlyInputFile.style = SmoothlyInputFileStyle0;
|
|
9881
9881
|
|
|
9882
|
-
const styleCss$
|
|
9883
|
-
const SmoothlyInputMonthStyle0 = styleCss$
|
|
9882
|
+
const styleCss$J = ".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}";
|
|
9883
|
+
const SmoothlyInputMonthStyle0 = styleCss$J;
|
|
9884
9884
|
|
|
9885
9885
|
const SmoothlyInputMonth = class {
|
|
9886
9886
|
constructor(hostRef) {
|
|
@@ -9991,9 +9991,9 @@ const SmoothlyInputMonth = class {
|
|
|
9991
9991
|
}
|
|
9992
9992
|
render() {
|
|
9993
9993
|
var _a, _b;
|
|
9994
|
-
return (index.h(index.Host, { key: '
|
|
9994
|
+
return (index.h(index.Host, { key: '8d6d58f19857560bb647feb6f07d117ff32f5e5c' }, index.h("smoothly-icon", { key: 'a96466450e2c0f52a4547c3e73be5f12e7fc8185', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9995
9995
|
disabled: this.readonly || !this.allowPreviousMonth,
|
|
9996
|
-
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '
|
|
9996
|
+
}, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '4d9bc7ff4ba2abb8706feba8d70bf27d8358c6bf', 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: 'b2b7c3c08e6190b111fe6705da0a67dbb8ac7a13', slot: "label" }, index.h("slot", { key: '390da9b74eec6f2e26b35a9dc4e7e028d49a7ce8', 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: 'ea8933a3d7c111b4945622056bef619fbeda3885', 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: '4406bf69875cdee066dea362b6079c1e02c79f2a', slot: "label" }, index.h("slot", { key: '36dccb1cd12ac6580b55c859bc56a892e57cf704', 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: '9b0fbe42d865b52cb06fff38cc525c410d9705a3', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
|
|
9997
9997
|
disabled: this.readonly || !this.allowNextMonth,
|
|
9998
9998
|
}, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
|
|
9999
9999
|
}
|
|
@@ -10006,8 +10006,8 @@ const SmoothlyInputMonth = class {
|
|
|
10006
10006
|
};
|
|
10007
10007
|
SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
|
|
10008
10008
|
|
|
10009
|
-
const styleCss$
|
|
10010
|
-
const SmoothlyInputPriceDemoStyle0 = styleCss$
|
|
10009
|
+
const styleCss$I = ".sc-smoothly-input-price-demo-h{display:block}";
|
|
10010
|
+
const SmoothlyInputPriceDemoStyle0 = styleCss$I;
|
|
10011
10011
|
|
|
10012
10012
|
const SmoothlyInputPriceDemo = class {
|
|
10013
10013
|
constructor(hostRef) {
|
|
@@ -10016,13 +10016,13 @@ const SmoothlyInputPriceDemo = class {
|
|
|
10016
10016
|
this.currency = "USD";
|
|
10017
10017
|
}
|
|
10018
10018
|
render() {
|
|
10019
|
-
return (index.h(index.Host, { key: '
|
|
10019
|
+
return (index.h(index.Host, { key: '60e993b80b4e917ccbb75c50363683528679057c' }, index.h("h2", { key: 'd0aba9325c5d06129d4901db66f1013567b6b830' }, "State demo on smoothly-input"), index.h("p", { key: 'a855d441d2caca97623532b0c2b76fee767cb0c6' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: 'ace43773575545bf9e1436679882d52fc7df775e' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: '37bfc9ebfe8859b3d91dc23903c9ed54dbaecde2', 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: 'bac1cf757d16013bbc16193bc4bb8a290d30f4d8', type: "price", currency: this.currency }, "price")));
|
|
10020
10020
|
}
|
|
10021
10021
|
};
|
|
10022
10022
|
SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
|
|
10023
10023
|
|
|
10024
|
-
const styleCss$
|
|
10025
|
-
const SmoothlyInputRadioStyle0 = styleCss$
|
|
10024
|
+
const styleCss$H = ".sc-smoothly-input-radio-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-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}.sc-smoothly-input-radio-h[looks=\"line\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-radio-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-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[readonly].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
|
|
10025
|
+
const SmoothlyInputRadioStyle0 = styleCss$H;
|
|
10026
10026
|
|
|
10027
10027
|
const SmoothlyInputRadio = class {
|
|
10028
10028
|
constructor(hostRef) {
|
|
@@ -10125,7 +10125,7 @@ const SmoothlyInputRadio = class {
|
|
|
10125
10125
|
(_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
10126
10126
|
}
|
|
10127
10127
|
render() {
|
|
10128
|
-
return (index.h(index.Host, { key: '
|
|
10128
|
+
return (index.h(index.Host, { key: '14c5f85b5b0c7cfd321e2328b677452b782aa5fc', class: "floating-label" }, index.h("slot", { key: '206397de0c4f978e662d8c5a0d6eb4677bc1538b', name: "start" }), index.h("div", { key: '481361e50d551d93508b306909843f08c02e4c61' }, index.h("slot", { key: 'cf59f6ced7a7c727c7815f94e0eb85c6bce2a884', name: "label" }), index.h("div", { key: '103d55a402384f5cb1b20a228e173a6944b6e6fd', class: "options" }, index.h("slot", { key: '131fe08ee7e3d771ca291b1cb4daf258fe54217d' }))), index.h("slot", { key: '9bc6a3ae69e22269209965fbf5467a11c824793f', name: "end" })));
|
|
10129
10129
|
}
|
|
10130
10130
|
get element() { return index.getElement(this); }
|
|
10131
10131
|
static get watchers() { return {
|
|
@@ -10135,8 +10135,8 @@ const SmoothlyInputRadio = class {
|
|
|
10135
10135
|
};
|
|
10136
10136
|
SmoothlyInputRadio.style = SmoothlyInputRadioStyle0;
|
|
10137
10137
|
|
|
10138
|
-
const styleCss$
|
|
10139
|
-
const SmoothlyInputRadioItemStyle0 = styleCss$
|
|
10138
|
+
const styleCss$G = ".sc-smoothly-input-radio-item-h{display:flex;align-items:center;position:relative}.sc-smoothly-input-radio-item-h:hover>*.sc-smoothly-input-radio-item{cursor:pointer}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}";
|
|
10139
|
+
const SmoothlyInputRadioItemStyle0 = styleCss$G;
|
|
10140
10140
|
|
|
10141
10141
|
const SmoothlyInputRadioItem = class {
|
|
10142
10142
|
constructor(hostRef) {
|
|
@@ -10156,14 +10156,14 @@ const SmoothlyInputRadioItem = class {
|
|
|
10156
10156
|
this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
|
|
10157
10157
|
}
|
|
10158
10158
|
render() {
|
|
10159
|
-
return (index.h(index.Host, { key: '
|
|
10159
|
+
return (index.h(index.Host, { key: '445ef0f4c36d3b307154b6ea14b186d9c0d47c6e', onClick: () => this.inputHandler() }, index.h("input", { key: '082a0bd1fe3a850dd72da3b7a933898cd06b5d9a', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: '22e4068f2fb882d078772d01a6d9b958ce627c43', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: 'c11b76f7cbdb3bf1e5f56295ac44cc2f8feeb818' }, index.h("slot", { key: '8312f51540b6f9b15d385bda77959799fdeddd5e' }))));
|
|
10160
10160
|
}
|
|
10161
10161
|
get element() { return index.getElement(this); }
|
|
10162
10162
|
};
|
|
10163
10163
|
SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
|
|
10164
10164
|
|
|
10165
|
-
const styleCss$
|
|
10166
|
-
const SmoothlyInputRangeStyle0 = styleCss$
|
|
10165
|
+
const styleCss$F = ".sc-smoothly-input-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-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}.sc-smoothly-input-range-h[looks=\"line\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range:focus{outline:none;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;margin-top:-.25em;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;background-color:rgb(var(--smoothly-primary-color));cursor:pointer;border:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[readonly].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[readonly].sc-smoothly-input-range-h,[readonly].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}";
|
|
10166
|
+
const SmoothlyInputRangeStyle0 = styleCss$F;
|
|
10167
10167
|
|
|
10168
10168
|
const SmoothlyInputRange = class {
|
|
10169
10169
|
constructor(hostRef) {
|
|
@@ -10260,17 +10260,17 @@ const SmoothlyInputRange = class {
|
|
|
10260
10260
|
}
|
|
10261
10261
|
render() {
|
|
10262
10262
|
var _a, _b, _c;
|
|
10263
|
-
return (index.h(index.Host, { key: '
|
|
10263
|
+
return (index.h(index.Host, { key: 'db783417b42bed5076f915f08313768bb88da4dd', class: {
|
|
10264
10264
|
"output-side-right": this.outputSide === "right",
|
|
10265
10265
|
"show-label": this.outputSide === "left" && !!this.label,
|
|
10266
|
-
} }, index.h("slot", { key: '
|
|
10266
|
+
} }, index.h("slot", { key: 'fa546d63cc333586a0790952abd17d3e38ed57d8', name: "start" }), index.h("div", { key: '7174fa5235b46e4d5814a6319ee87780f53182a1' }, index.h("label", { key: '68acdcdac91793738f6b9c793bbec91112452656', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '2358aca48abfdbb7bf64509ffca4415c1417a7b0', 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
10267
|
this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
|
|
10268
10268
|
e.stopPropagation();
|
|
10269
10269
|
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: '
|
|
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: '46d85841ca98e52c4983f3ec120aac867c82fbff', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '0ab661e4cec6705de67f731b5ea77030358a2326', 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
10271
|
event.stopPropagation();
|
|
10272
10272
|
this.setValue(event.target.valueAsNumber);
|
|
10273
|
-
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '
|
|
10273
|
+
}, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '07ea47fe23295c4f7ffa6897b4454d3f5506ad46', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '86f0ecb601f375f1b9991308b7840cec3594860f', name: "end" })));
|
|
10274
10274
|
}
|
|
10275
10275
|
get element() { return index.getElement(this); }
|
|
10276
10276
|
static get watchers() { return {
|
|
@@ -10284,12 +10284,12 @@ const SmoothlyInputRangeDemo = class {
|
|
|
10284
10284
|
index.registerInstance(this, hostRef);
|
|
10285
10285
|
}
|
|
10286
10286
|
render() {
|
|
10287
|
-
return (index.h(index.Host, { key: '
|
|
10287
|
+
return (index.h(index.Host, { key: '85b6282c50f89bee4840e693926c5ce11b8468d2' }, index.h("h2", { key: 'b5a5bfea39b7a5865dc2b675328518dcaa580815' }, "Range"), index.h("h3", { key: '3027e87b61097dbead9b1cf4f10631a32f0d6117' }, "Phone Number"), index.h("smoothly-input-range", { key: '31757986d4852b37927bcb19668890e700f85504', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '59ea0e4817e7b9bbc58d036519e353a1aa5e8e4b' }, "Stars out of ten"), index.h("smoothly-input-range", { key: 'aee411b555cf88517a82aca02c6b5b38322a1483', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: 'f1c1639384fc3d62e9bc37cf7c58cebe27d53a87' }, "Percent"), index.h("smoothly-input-range", { key: '4719a44a7107c7383df68a36bb9b84e1d3e5ac60', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: '0e07c305b2bc726df28d1c9382f2b9b867437f6e' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: 'f68492573ae570abfbaa7b78e2f7fec795516576', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '5a8edd71548ada20177deb229daec450ec3aac25', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: 'f5e2bbaa52d1eff08ab227349dcea905804d941d', size: "icon", slot: "end" }))));
|
|
10288
10288
|
}
|
|
10289
10289
|
};
|
|
10290
10290
|
|
|
10291
|
-
const styleCss$
|
|
10292
|
-
const SmoothlyInputResetStyle0 = styleCss$
|
|
10291
|
+
const styleCss$E = "[color=default].sc-smoothly-input-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset{--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-reset-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-reset-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-reset-h{display:inline}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{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-reset-h>a.sc-smoothly-input-reset:empty,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:empty{border-width:0}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{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-reset-h:not([fill=clear])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:hover::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-within::before,[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset: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-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-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-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h[type=\"input\"].sc-smoothly-input-reset-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-reset-h{cursor:not-allowed}.sc-smoothly-input-reset-h[type=\"input\"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
|
|
10292
|
+
const SmoothlyInputResetStyle0 = styleCss$E;
|
|
10293
10293
|
|
|
10294
10294
|
const SmoothlyInputReset = class {
|
|
10295
10295
|
constructor(hostRef) {
|
|
@@ -10330,7 +10330,7 @@ const SmoothlyInputReset = class {
|
|
|
10330
10330
|
}
|
|
10331
10331
|
render() {
|
|
10332
10332
|
var _a;
|
|
10333
|
-
return (index.h(index.Host, { key: '
|
|
10333
|
+
return (index.h(index.Host, { key: 'ddf4d620b1e0a0ff24f3ebaa02d310d44ffcbe16', title: this.tooltip }, index.h("smoothly-button", { key: '6275117e110e26ca2a335384da1ffcc16bf14195', 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: 'b3161df742bcd93d8c14e693e35403a3939b10ef' }), index.h("smoothly-icon", { key: 'a2fe246a617475efda9604db8526d7aa7b7b546e', flip: "x", name: "refresh-outline", size: "tiny" }))));
|
|
10334
10334
|
}
|
|
10335
10335
|
};
|
|
10336
10336
|
SmoothlyInputReset.style = SmoothlyInputResetStyle0;
|
|
@@ -10351,8 +10351,8 @@ var Item;
|
|
|
10351
10351
|
Item.is = Item.type.is;
|
|
10352
10352
|
})(Item || (Item = {}));
|
|
10353
10353
|
|
|
10354
|
-
const styleCss$
|
|
10355
|
-
const SmoothlyInputSelectStyle0 = styleCss$
|
|
10354
|
+
const styleCss$D = ".sc-smoothly-input-select-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;cursor:pointer;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6em 0;align-items:center}[readonly].sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{cursor:not-allowed}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon:not(\"color\"){color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;cursor:pointer;height:100%;padding-inline:var(--input-padding-side)}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7em .7em .7em .25em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
|
|
10355
|
+
const SmoothlyInputSelectStyle0 = styleCss$D;
|
|
10356
10356
|
|
|
10357
10357
|
const SmoothlyInputSelect = class {
|
|
10358
10358
|
constructor(hostRef) {
|
|
@@ -10638,14 +10638,14 @@ const SmoothlyInputSelect = class {
|
|
|
10638
10638
|
this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
|
|
10639
10639
|
}
|
|
10640
10640
|
render() {
|
|
10641
|
-
return (index.h(index.Host, { key: '
|
|
10641
|
+
return (index.h(index.Host, { key: '53ca1c9cf778456791b51a012feef878a757b201', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '6f34984590263650dc01631642dd8d1fcb99e6f8', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '4bc2998836740edcdf28cba931a493e41eb27164', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: '7ecbd020399beedb2f247dc24f34e124dff681ec', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: '12a9f9bd31a268275d52e072f200b65065c6ebab', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '471609e7f3392d240a86dcc12ec7789efb5fdbf0', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '86dd1aab9ec4f5de581116941c093190a753800e', name: "label" }), index.h("div", { key: '2df664b32bc54c10aa785f04fb433041ca77e5af', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '5f79fc4cadd7de3b18391b04beafb49d192eb471', class: "search-preview" }, index.h("smoothly-icon", { key: 'e39f46a99686b49c6d2b84efdc6b1b0af3ec4292', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'df7b29e678db8cd87fe4f57c8bcad7b9cb71bef0', name: "backspace-outline", size: "small", onClick: e => {
|
|
10642
10642
|
e.stopPropagation();
|
|
10643
10643
|
this.filter = "";
|
|
10644
10644
|
this.element.focus();
|
|
10645
|
-
} }), this.mutable && (index.h("smoothly-icon", { key: '
|
|
10645
|
+
} }), this.mutable && (index.h("smoothly-icon", { key: '264aa85b53723489930a72ba8f070b51223de7ad', name: "add", size: "small", onClick: e => {
|
|
10646
10646
|
e.stopPropagation();
|
|
10647
10647
|
this.addItem();
|
|
10648
|
-
} })))), index.h("slot", { key: '
|
|
10648
|
+
} })))), index.h("slot", { key: '1f1d5c8170cafcf97c73f1b9c25afd2333339606' }), this.addedItems)));
|
|
10649
10649
|
}
|
|
10650
10650
|
get element() { return index.getElement(this); }
|
|
10651
10651
|
static get watchers() { return {
|
|
@@ -10658,8 +10658,8 @@ const SmoothlyInputSelect = class {
|
|
|
10658
10658
|
};
|
|
10659
10659
|
SmoothlyInputSelect.style = SmoothlyInputSelectStyle0;
|
|
10660
10660
|
|
|
10661
|
-
const styleCss$
|
|
10662
|
-
const SmoothlyInputSubmitStyle0 = styleCss$
|
|
10661
|
+
const styleCss$C = "[color=default].sc-smoothly-input-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit{--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-submit-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-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{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-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{padding:0.8em;min-width:8em}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-submit{padding:0.6em}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{padding:0.5em}[type=button].sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:100%}[size=large].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:130%}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{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-submit-h:not([fill=clear])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit: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-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-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-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}";
|
|
10662
|
+
const SmoothlyInputSubmitStyle0 = styleCss$C;
|
|
10663
10663
|
|
|
10664
10664
|
const SmoothlyInputSubmit = class {
|
|
10665
10665
|
constructor(hostRef) {
|
|
@@ -10698,13 +10698,13 @@ const SmoothlyInputSubmit = class {
|
|
|
10698
10698
|
}
|
|
10699
10699
|
render() {
|
|
10700
10700
|
var _a, _b;
|
|
10701
|
-
return (index.h(index.Host, { key: '
|
|
10701
|
+
return (index.h(index.Host, { key: '1d8c88daf379890ea99a468e995664358fe34358', 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
10702
|
}
|
|
10703
10703
|
};
|
|
10704
10704
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
10705
10705
|
|
|
10706
|
-
const styleCss$
|
|
10707
|
-
const SmoothlyItemStyle0 = styleCss$
|
|
10706
|
+
const styleCss$B = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-item-selected-background));color:rgb(var(--smoothly-item-selected-foreground));border-left:.3em solid rgb(var(--smoothly-item-selected-border))}[disabled].sc-smoothly-item-h,.sc-smoothly-item-h[disabled].sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-disabled-background));color:rgb(var(--smoothly-item-disabled-foreground));opacity:var(--smoothly-item-disabled-opacity);cursor:not-allowed}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border-left:.3em solid transparent;color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground));box-sizing:border-box;min-height:3rem}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-item-foreground));fill:rgb(var(--smoothly-item-foreground));stroke:rgb(var(--smoothly-item-foreground))}.sc-smoothly-item-h:not([disabled])[marked],.sc-smoothly-item-h:not([disabled]):hover,.sc-smoothly-item-h:not([disabled])[marked].sc-smoothly-item-s>*,.sc-smoothly-item-h:not([disabled]):hover.sc-smoothly-item-s>*{background-color:rgb(var(--smoothly-item-hover-background));color:rgb(var(--smoothly-item-hover-foreground));fill:rgb(var(--smoothly-item-hover-foreground));stroke:rgb(var(--smoothly-item-hover-foreground))}";
|
|
10707
|
+
const SmoothlyItemStyle0 = styleCss$B;
|
|
10708
10708
|
|
|
10709
10709
|
const SmoothlyItem = class {
|
|
10710
10710
|
constructor(hostRef) {
|
|
@@ -10739,7 +10739,7 @@ const SmoothlyItem = class {
|
|
|
10739
10739
|
: false;
|
|
10740
10740
|
}
|
|
10741
10741
|
render() {
|
|
10742
|
-
return (index.h(index.Host, { key: '
|
|
10742
|
+
return (index.h(index.Host, { key: '3ed995516cbc1201d69cf5ac51fec581d7d336e1', tabIndex: -1 }, index.h("slot", { key: '86b7afe4dba82ba858cb5cb423c48e83be1613cc' })));
|
|
10743
10743
|
}
|
|
10744
10744
|
get element() { return index.getElement(this); }
|
|
10745
10745
|
static get watchers() { return {
|
|
@@ -10748,8 +10748,8 @@ const SmoothlyItem = class {
|
|
|
10748
10748
|
};
|
|
10749
10749
|
SmoothlyItem.style = SmoothlyItemStyle0;
|
|
10750
10750
|
|
|
10751
|
-
const styleCss$
|
|
10752
|
-
const SmoothlyLabelStyle0 = styleCss$
|
|
10751
|
+
const styleCss$A = ".sc-smoothly-label-h{position:relative;width:max-content;display:flex;justify-content:center;align-items:center;padding:0.15em 0.6em;border-radius:2em;color:rgb(var(--smoothly-default-contrast));background-color:hsl(var(--hue), 85%, 70%)}[shape=rectangle].sc-smoothly-label-h{border-radius:0.3em}";
|
|
10752
|
+
const SmoothlyLabelStyle0 = styleCss$A;
|
|
10753
10753
|
|
|
10754
10754
|
const SmoothlyLabel = class {
|
|
10755
10755
|
constructor(hostRef) {
|
|
@@ -10760,15 +10760,15 @@ const SmoothlyLabel = class {
|
|
|
10760
10760
|
}
|
|
10761
10761
|
render() {
|
|
10762
10762
|
var _a;
|
|
10763
|
-
return (index.h(index.Host, { key: '
|
|
10763
|
+
return (index.h(index.Host, { key: '5774de78bb12d627ff4cbe9e929e9111fb7190d5', title: this.description, style: {
|
|
10764
10764
|
"--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
|
|
10765
|
-
} }, index.h("slot", { key: '
|
|
10765
|
+
} }, index.h("slot", { key: '9a8a3d260c46b24373ea2f825a01934044406eb0' })));
|
|
10766
10766
|
}
|
|
10767
10767
|
};
|
|
10768
10768
|
SmoothlyLabel.style = SmoothlyLabelStyle0;
|
|
10769
10769
|
|
|
10770
|
-
const styleCss$
|
|
10771
|
-
const SmoothlyLazyStyle0 = styleCss$
|
|
10770
|
+
const styleCss$z = ".sc-smoothly-lazy-h{display:block}";
|
|
10771
|
+
const SmoothlyLazyStyle0 = styleCss$z;
|
|
10772
10772
|
|
|
10773
10773
|
const SmoothlyLazy = class {
|
|
10774
10774
|
constructor(hostRef) {
|
|
@@ -10781,7 +10781,7 @@ const SmoothlyLazy = class {
|
|
|
10781
10781
|
this.show = true;
|
|
10782
10782
|
}
|
|
10783
10783
|
render() {
|
|
10784
|
-
return (index.h(index.Host, { key: '
|
|
10784
|
+
return (index.h(index.Host, { key: '9232620482ed6c3a6f428bfe60cb697414b6a336' }, index.h("slot", { key: '25929b29e0ae6429f009bd55c60698e9031375ba', name: "before" }), index.h("smoothly-load-more", { key: '636eedc57a3698f4a376b1f72557124e1fb9acfd', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: '0d88241bd8026ae932531aa40995f6fe852cae66' })));
|
|
10785
10785
|
}
|
|
10786
10786
|
};
|
|
10787
10787
|
SmoothlyLazy.style = SmoothlyLazyStyle0;
|
|
@@ -10825,13 +10825,13 @@ const LoadMore = class {
|
|
|
10825
10825
|
}
|
|
10826
10826
|
}
|
|
10827
10827
|
render() {
|
|
10828
|
-
return index.h(index.Host, { key: '
|
|
10828
|
+
return index.h(index.Host, { key: 'ab441b5c3f3d5d75cf571153176f2feb2e22be74' });
|
|
10829
10829
|
}
|
|
10830
10830
|
get element() { return index.getElement(this); }
|
|
10831
10831
|
};
|
|
10832
10832
|
|
|
10833
|
-
const styleCss$
|
|
10834
|
-
const SmoothlyModalStyle0 = styleCss$
|
|
10833
|
+
const styleCss$y = ".sc-smoothly-modal-h{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--smoothly-modal-backdrop));color:rgb(var(--smoothly-modal-foreground));z-index:5}.sc-smoothly-modal-h:not([open]),[hidden].sc-smoothly-modal-h{display:none}[align=center].sc-smoothly-modal-h{align-items:center}[align=top].sc-smoothly-modal-h>div.modal.sc-smoothly-modal{margin-top:calc((100dvh - var(--smoothly-modal-max-height)) / 2)}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;width:var(--smoothly-modal-width, 40rem);max-width:calc(100dvw - 1rem);height:fit-content;max-height:min(var(--smoothly-modal-max-height), 100dvh);background:rgb(var(--smoothly-modal-background, var(--smoothly-color)));border:1px solid rgb(var(--smoothly-modal-border));border-radius:var(--smoothly-modal-border-radius);box-shadow:var(--smoothly-modal-shadow);box-sizing:border-box}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:empty,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal:empty{display:none}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal{display:flex;justify-content:space-between;align-items:center}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal,.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>*.sc-smoothly-modal{margin-block:0}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>*.sc-smoothly-modal:not(.header):not(.actions){overflow-y:auto}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal:not(:has([slot=\"header\"])){justify-content:end}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot=\"header\"]){cursor:pointer;opacity:0.7;color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.header.sc-smoothly-modal>smoothly-icon.sc-smoothly-modal:not([slot=\"header\"]):hover{opacity:1}.sc-smoothly-modal-h>div.modal.sc-smoothly-modal>div.actions.sc-smoothly-modal{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}";
|
|
10834
|
+
const SmoothlyModalStyle0 = styleCss$y;
|
|
10835
10835
|
|
|
10836
10836
|
const SmoothlyModal = class {
|
|
10837
10837
|
constructor(hostRef) {
|
|
@@ -10845,7 +10845,7 @@ const SmoothlyModal = class {
|
|
|
10845
10845
|
this.smoothlyModalChange.emit(this.open);
|
|
10846
10846
|
}
|
|
10847
10847
|
render() {
|
|
10848
|
-
return (index.h(index.Host, { key: '
|
|
10848
|
+
return (index.h(index.Host, { key: '4e8e1a3fa1514c5f4e96be5ca19a3e51b00c8ebf', role: "alertdialog" }, index.h("div", { key: 'e34db35173c29b139189d2f4ed3f9ae32a0d1b8b', class: "modal" }, index.h("div", { key: 'd612e953afeeb5f263733f3962b75352b0acd4ac', class: "header" }, index.h("slot", { key: '43bc2a0ba4af24172aa61445527bcca7daa20062', name: "header" }), this.closable && index.h("smoothly-icon", { key: '077cfd88bb565982a48044d5449c23a33c86cf6f', name: "close-outline", fill: "solid", onClick: () => (this.open = false) })), index.h("slot", { key: '7cf4fd88b99e833ceae23b9a84629cd832429615' }), index.h("div", { key: '694537630273a9b0457329c25930a681cac0d822', class: "actions" }, index.h("slot", { key: '3be84aa4fb5b6df9745bf83121d5470df03e063f', name: "actions" })))));
|
|
10849
10849
|
}
|
|
10850
10850
|
static get watchers() { return {
|
|
10851
10851
|
"open": ["openChanged"]
|
|
@@ -10853,8 +10853,8 @@ const SmoothlyModal = class {
|
|
|
10853
10853
|
};
|
|
10854
10854
|
SmoothlyModal.style = SmoothlyModalStyle0;
|
|
10855
10855
|
|
|
10856
|
-
const styleCss$
|
|
10857
|
-
const SmoothlyNotificationStyle0 = styleCss$
|
|
10856
|
+
const styleCss$x = ".sc-smoothly-notification-h{display:block;position:relative;min-width:30em;min-height:3em;border-radius:5px;margin:0.5em}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin:0 2rem 0 1rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{font-size:0.7em;position:absolute;right:0}";
|
|
10857
|
+
const SmoothlyNotificationStyle0 = styleCss$x;
|
|
10858
10858
|
|
|
10859
10859
|
const Notification = class {
|
|
10860
10860
|
constructor(hostRef) {
|
|
@@ -10908,7 +10908,7 @@ const Notification = class {
|
|
|
10908
10908
|
this.onUpdatedNotice(this.notice);
|
|
10909
10909
|
}
|
|
10910
10910
|
render() {
|
|
10911
|
-
return (index.h(index.Host, { key: '
|
|
10911
|
+
return (index.h(index.Host, { key: '7c845d41e00adf4dcaae082e75dc602fbad208da', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: '4ba34762185e7f145ca7220ff7a93e8139601caf', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: 'a01ea1020f051a238299b6082d7f9513582b437d', name: "close-circle-outline" }))), index.h("span", { key: '750ba5c476f6b4261f994fc5c3355e4a86127be3', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: 'ba67d3bf5712d9693c66ddee9a66da24521c7d60', name: this.properties[1] }), index.h("p", { key: '58b2e4f5ae440f81332125276bb6797dbed026d6' }, this.notice.message))));
|
|
10912
10912
|
}
|
|
10913
10913
|
static get watchers() { return {
|
|
10914
10914
|
"notice": ["onUpdatedNotice"]
|
|
@@ -10916,8 +10916,8 @@ const Notification = class {
|
|
|
10916
10916
|
};
|
|
10917
10917
|
Notification.style = SmoothlyNotificationStyle0;
|
|
10918
10918
|
|
|
10919
|
-
const styleCss$
|
|
10920
|
-
const SmoothlyNotifierStyle0 = styleCss$
|
|
10919
|
+
const styleCss$w = ".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}";
|
|
10920
|
+
const SmoothlyNotifierStyle0 = styleCss$w;
|
|
10921
10921
|
|
|
10922
10922
|
const Notifier = class {
|
|
10923
10923
|
constructor(hostRef) {
|
|
@@ -10932,13 +10932,13 @@ const Notifier = class {
|
|
|
10932
10932
|
this.notices = [...this.notices.filter(n => n != event.detail)];
|
|
10933
10933
|
}
|
|
10934
10934
|
render() {
|
|
10935
|
-
return (index.h(index.Host, { key: '
|
|
10935
|
+
return (index.h(index.Host, { key: 'c3f5493e09550b6c51e8a4a5d79e879213177971' }, index.h("slot", { key: '031af69c7df7e8ec52665912c005603ef19e607c' }), index.h("aside", { key: 'b373e41f80802cad42a1893ddb4cdcc11767d0d9' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon }))))));
|
|
10936
10936
|
}
|
|
10937
10937
|
};
|
|
10938
10938
|
Notifier.style = SmoothlyNotifierStyle0;
|
|
10939
10939
|
|
|
10940
|
-
const styleCss$
|
|
10941
|
-
const SmoothlySpinnerStyle0 = styleCss$
|
|
10940
|
+
const styleCss$v = "[hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{cursor:wait;--spinner-time:1.4s;--spinner-color:var(--smoothly-color-contrast);--spinner-background:var(--smoothly-color);--spinner-background-opacity:var(--smoothly-semitransparent, 0.8);display:block;stroke:rgb(var(--spinner-color));background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}.sc-smoothly-spinner-h:not([overlay]){width:var(--spinner-size);height:var(--spinner-size)}[overlay].sc-smoothly-spinner-h{position:absolute;inset:0;width:100%;height:100%;z-index:4;background-color:rgba(var(--spinner-background), var(--spinner-background-opacity))}[color].sc-smoothly-spinner-h:not([overlay]),[color][overlay].sc-smoothly-spinner-h{background-color:rgba(var(--spinner-background), var(--spinner-background-opacity));stroke:rgb(var(--spinner-color))}[overlay].sc-smoothly-spinner-h>svg.sc-smoothly-spinner{position:absolute;width:var(--spinner-size);left:calc(50% - var(--spinner-size) / 2);top:calc(50% - var(--spinner-size) / 2)}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner{animation:SPIN-SVG var(--spinner-time) linear infinite}.sc-smoothly-spinner-h>svg.sc-smoothly-spinner>circle.sc-smoothly-spinner{transform-origin:center;animation:SPIN-CIRCLE var(--spinner-time) ease-in-out infinite;stroke-dasharray:187;stroke-dashoffset:0}@keyframes SPIN-SVG{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes SPIN-CIRCLE{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}";
|
|
10941
|
+
const SmoothlySpinnerStyle0 = styleCss$v;
|
|
10942
10942
|
|
|
10943
10943
|
const SmoothlySpinner = class {
|
|
10944
10944
|
constructor(hostRef) {
|
|
@@ -10948,15 +10948,15 @@ const SmoothlySpinner = class {
|
|
|
10948
10948
|
}
|
|
10949
10949
|
render() {
|
|
10950
10950
|
const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
|
|
10951
|
-
return (index.h(index.Host, { key: '
|
|
10951
|
+
return (index.h(index.Host, { key: 'ad927ab405fb8e1d9f65754de12159074f4674e4', style: {
|
|
10952
10952
|
"--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
|
|
10953
|
-
} }, index.h("svg", { key: '
|
|
10953
|
+
} }, index.h("svg", { key: 'c40d7dc9441ded52ef098365baf77870b110f757', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '8653e85654b023d560baaef3c094da84eac870e1', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
|
|
10954
10954
|
}
|
|
10955
10955
|
};
|
|
10956
10956
|
SmoothlySpinner.style = SmoothlySpinnerStyle0;
|
|
10957
10957
|
|
|
10958
|
-
const styleCss$
|
|
10959
|
-
const SmoothlySummaryStyle0 = styleCss$
|
|
10958
|
+
const styleCss$u = ".sc-smoothly-summary-h{display:grid;grid-template-columns:auto 1fr;column-gap:0.3rem}.sc-smoothly-summary-h>details.sc-smoothly-summary{display:contents}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:grid;grid-template-columns:subgrid;grid-column:1/-1;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{grid-column:2}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}@supports selector(details::details-content){.sc-smoothly-summary-h>details.sc-smoothly-summary::details-content{grid-column:2}}";
|
|
10959
|
+
const SmoothlySummaryStyle0 = styleCss$u;
|
|
10960
10960
|
|
|
10961
10961
|
const SmoothlySummary = class {
|
|
10962
10962
|
constructor(hostRef) {
|
|
@@ -10985,13 +10985,13 @@ const SmoothlySummary = class {
|
|
|
10985
10985
|
}
|
|
10986
10986
|
}
|
|
10987
10987
|
render() {
|
|
10988
|
-
return (index.h("details", { key: '
|
|
10988
|
+
return (index.h("details", { key: '867e247e3c2b27f03fe3d8d79ddccd2a4a24bd2a', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '302c2da5ca9acd9b7b1d0500f7cd449d5c0363b9' }, index.h("smoothly-icon", { key: 'd8f86b4a3a12ccb790a9d00269501d8f427eafcb', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: 'b6746b271026ed27921a810b9adcc30a5d139a57', name: "summary" })), index.h("slot", { key: '81118cd7721c2ed5294eabb32c0fe819c423d9e0', name: "content" })));
|
|
10989
10989
|
}
|
|
10990
10990
|
};
|
|
10991
10991
|
SmoothlySummary.style = SmoothlySummaryStyle0;
|
|
10992
10992
|
|
|
10993
|
-
const styleCss$
|
|
10994
|
-
const SmoothlyTabStyle0 = styleCss$
|
|
10993
|
+
const styleCss$t = ".sc-smoothly-tab-h{display:contents;--line-width:3px}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child{grid-column:span 1;background-color:transparent;border-bottom-color:rgb(var(--smoothly-default-shade));border-bottom-width:var(--line-width);border-bottom-style:solid}.sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{display:block;padding:.5rem;width:fit-content;margin:auto;cursor:pointer}[open].sc-smoothly-tab-h>div.sc-smoothly-tab:first-child>label.sc-smoothly-tab{border-bottom:var(--line-width) solid rgb(var(--smoothly-primary-color));margin-bottom:calc(-1 * var(--line-width));position:relative}.sc-smoothly-tab-h>div.sc-smoothly-tab:nth-child(2){grid-row:2 / 3;grid-column:1 / -1}";
|
|
10994
|
+
const SmoothlyTabStyle0 = styleCss$t;
|
|
10995
10995
|
|
|
10996
10996
|
const SmoothlyTab = class {
|
|
10997
10997
|
constructor(hostRef) {
|
|
@@ -11026,7 +11026,7 @@ const SmoothlyTab = class {
|
|
|
11026
11026
|
}
|
|
11027
11027
|
}
|
|
11028
11028
|
render() {
|
|
11029
|
-
return (index.h(index.Host, { key: '
|
|
11029
|
+
return (index.h(index.Host, { key: 'cf40ac0574fdd7f01bc314ae73fadba15bfbe85b' }, index.h("div", { key: '4bc51b1667b0e5e9d859e9ee56cb60e595d3834b' }, index.h("label", { key: '82086748d110f0b960196cc23c6293926e136edf' }, this.label)), index.h("div", { key: 'e82a249814fda484771336d830f5ed2b63205da9', hidden: !this.open }, index.h("slot", { key: '3b57b209692f6a98d826c53154ae98e8a6201dee' }))));
|
|
11030
11030
|
}
|
|
11031
11031
|
static get watchers() { return {
|
|
11032
11032
|
"open": ["openHandler"]
|
|
@@ -11034,8 +11034,8 @@ const SmoothlyTab = class {
|
|
|
11034
11034
|
};
|
|
11035
11035
|
SmoothlyTab.style = SmoothlyTabStyle0;
|
|
11036
11036
|
|
|
11037
|
-
const styleCss$
|
|
11038
|
-
const SmoothlyTableStyle0 = styleCss$
|
|
11037
|
+
const styleCss$s = ".sc-smoothly-table-h{display:grid;grid-template-columns:repeat(var(--columns), auto);color:rgb(var(--smoothly-table-foreground));stroke:rgb(var(--smoothly-table-foreground));fill:rgb(var(--smoothly-table-foreground))}";
|
|
11038
|
+
const SmoothlyTableStyle0 = styleCss$s;
|
|
11039
11039
|
|
|
11040
11040
|
const SmoothlyTable = class {
|
|
11041
11041
|
constructor(hostRef) {
|
|
@@ -11049,26 +11049,26 @@ const SmoothlyTable = class {
|
|
|
11049
11049
|
event.stopPropagation();
|
|
11050
11050
|
}
|
|
11051
11051
|
render() {
|
|
11052
|
-
return (index.h(index.Host, { key: '
|
|
11052
|
+
return (index.h(index.Host, { key: '9910a52a5c47f2aa29f68eb62cd451c4a03b2257', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'd439efe423eb6dbcc8612ea135710225f036efaa' })));
|
|
11053
11053
|
}
|
|
11054
11054
|
};
|
|
11055
11055
|
SmoothlyTable.style = SmoothlyTableStyle0;
|
|
11056
11056
|
|
|
11057
|
-
const styleCss$
|
|
11058
|
-
const SmoothlyTableBodyStyle0 = styleCss$
|
|
11057
|
+
const styleCss$r = ".sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}";
|
|
11058
|
+
const SmoothlyTableBodyStyle0 = styleCss$r;
|
|
11059
11059
|
|
|
11060
11060
|
const SmoothlyTableBody = class {
|
|
11061
11061
|
constructor(hostRef) {
|
|
11062
11062
|
index.registerInstance(this, hostRef);
|
|
11063
11063
|
}
|
|
11064
11064
|
render() {
|
|
11065
|
-
return (index.h(index.Host, { key: '
|
|
11065
|
+
return (index.h(index.Host, { key: '3514090979dca3daa66aa8ea35358229fd0b9065' }, index.h("slot", { key: '9540bae0c43bdeff30d05835c2b039f23c9c458a' })));
|
|
11066
11066
|
}
|
|
11067
11067
|
};
|
|
11068
11068
|
SmoothlyTableBody.style = SmoothlyTableBodyStyle0;
|
|
11069
11069
|
|
|
11070
|
-
const styleCss$
|
|
11071
|
-
const SmoothlyTableCellStyle0 = styleCss$
|
|
11070
|
+
const styleCss$q = ".sc-smoothly-table-cell-h{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding:0.3rem 1.1rem;white-space:nowrap}";
|
|
11071
|
+
const SmoothlyTableCellStyle0 = styleCss$q;
|
|
11072
11072
|
|
|
11073
11073
|
const SmoothlyTableCell = class {
|
|
11074
11074
|
constructor(hostRef) {
|
|
@@ -11077,39 +11077,39 @@ const SmoothlyTableCell = class {
|
|
|
11077
11077
|
}
|
|
11078
11078
|
render() {
|
|
11079
11079
|
var _a;
|
|
11080
|
-
return (index.h(index.Host, { key: '
|
|
11080
|
+
return (index.h(index.Host, { key: '579536102af161d3f9eb9e00af627344d069b2d9', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '716b8539866c94a4e9f57beedc26c0b3398f3830' })));
|
|
11081
11081
|
}
|
|
11082
11082
|
};
|
|
11083
11083
|
SmoothlyTableCell.style = SmoothlyTableCellStyle0;
|
|
11084
11084
|
|
|
11085
|
-
const styleCss$
|
|
11086
|
-
const SmoothlyTableDemoStyle0 = styleCss$
|
|
11085
|
+
const styleCss$p = ".sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";
|
|
11086
|
+
const SmoothlyTableDemoStyle0 = styleCss$p;
|
|
11087
11087
|
|
|
11088
11088
|
const SmoothlyTableDemo = class {
|
|
11089
11089
|
constructor(hostRef) {
|
|
11090
11090
|
index.registerInstance(this, hostRef);
|
|
11091
11091
|
}
|
|
11092
11092
|
render() {
|
|
11093
|
-
return (index.h(index.Host, { key: '
|
|
11093
|
+
return (index.h(index.Host, { key: 'f02c9aa3d13d5348511bc42671c77fe88473618e' }, index.h("smoothly-table-demo-filler-row", { key: '57b9f89eba6c6a93cfea05e753646a08ec5999d1' }), index.h("smoothly-table-demo-group", { key: '8bef227a7c5e4c4b3094c1ec04393909b22fdca9' }), index.h("smoothly-table-demo-colspan", { key: '2f4d90087abedaa28c03d535835f92b60f596241' }), index.h("smoothly-table-demo-simple", { key: 'c518a151a2d43c0377bd4d9d94f85497bb73c1ec' }), index.h("smoothly-table-demo-nested", { key: '4ce6c41b94062d9dfea5b1730cdda6e9a87391a6' }), index.h("smoothly-table-demo-filtered", { key: '4a7901a241a00affa343c593c477509776596735' })));
|
|
11094
11094
|
}
|
|
11095
11095
|
};
|
|
11096
11096
|
SmoothlyTableDemo.style = SmoothlyTableDemoStyle0;
|
|
11097
11097
|
|
|
11098
|
-
const styleCss$
|
|
11099
|
-
const SmoothlyTableDemoColspanStyle0 = styleCss$
|
|
11098
|
+
const styleCss$o = ".sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}";
|
|
11099
|
+
const SmoothlyTableDemoColspanStyle0 = styleCss$o;
|
|
11100
11100
|
|
|
11101
11101
|
const SmoothlyTableDemoColspan = class {
|
|
11102
11102
|
constructor(hostRef) {
|
|
11103
11103
|
index.registerInstance(this, hostRef);
|
|
11104
11104
|
}
|
|
11105
11105
|
render() {
|
|
11106
|
-
return (index.h(index.Host, { key: '
|
|
11106
|
+
return (index.h(index.Host, { key: '9f2e3eb9e4d95cd8230e6fb82791d5d0c6012b53' }, index.h("smoothly-table", { key: 'f74d01b7f0160f4b23424ffdb8fa6b7b44d9fedd', columns: 3 }, index.h("smoothly-table-head", { key: '4a53bd44d03ef7a46a46a85bd39af45b69456f59' }, index.h("smoothly-table-row", { key: '1823ff3900ae5b940aacafa8f1b610b51e4adaa4' }, index.h("smoothly-table-cell", { key: 'c5c75b7295bd895df50f12fed08995265ffbfbbb' }, "Date"), index.h("smoothly-table-cell", { key: '79bbe92adfea579806f89da74bff195092a1e85b' }, "Skip"), index.h("smoothly-table-cell", { key: 'c8541523b82dc0e447ab67b52ab66e15f655bf16' }, "Total"))), index.h("smoothly-table-body", { key: '7c924ca900b3d482b340d3cbb5b461cc0371dc45' }, index.h("smoothly-table-row", { key: '73845881085f1dba7afb783d6ec9eeea860df09f' }, index.h("smoothly-table-cell", { key: '33c011cd65a3cbed12dc95372b3cc8321861e2c8', span: 2 }, index.h("smoothly-display", { key: 'd35fb76e50566c42e4ae7834d056ec7c3fd19651', type: "date", value: "2024-01-01" })), index.h("smoothly-table-cell", { key: '34b5085f8162964c3b5a690704a28d57ba98c507' }, index.h("smoothly-display", { key: 'cf24a3b830e3f0e4e57b8c0ece0b8d639c11fc82', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-table-row", { key: '2a4f9a805b0141475f0f56305b68babfdbe99364' }, index.h("smoothly-table-expandable-cell", { key: '1e37cefbe785ecc65d5cec5370d8f1ec8ae155bc', span: 2 }, index.h("smoothly-display", { key: '16a398443bf00001d9302a106708a33739138cef', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: 'c872fac48a23e9245817e020bbf119f10abb5a87', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-table-expandable-cell", { key: 'a0619681740d615b3638b0c1381868fd876d7b96' }, index.h("smoothly-display", { key: '9b983efcc92fe95fa83b691ae129f4c81ec27566', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: 'c066cb080f4938384a01ec61b0d8660fc4f74267', 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: 'b50830acc0c012b28d177b54cacc50f8bd4bfb1e' }, index.h("smoothly-table-cell", { key: 'ce9db98b833a2e09ee94bfad3582c0d5d107d9f5' }, index.h("smoothly-display", { key: '5770b3138473dfd7fab6ec400f67250ac6b671f0', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: 'c9f828236815c213bb2e78f989f1a484f7fd5a26' }, "Not Skipped"), index.h("smoothly-table-cell", { key: 'ddd50ffd161dd24d9196e6760fcd9e4bfce003c6' }, index.h("smoothly-display", { key: '30b22f99777dcfb88cdb6420b718c45f709b2db5', type: "price", value: 320, currency: "EUR" })))))));
|
|
11107
11107
|
}
|
|
11108
11108
|
};
|
|
11109
11109
|
SmoothlyTableDemoColspan.style = SmoothlyTableDemoColspanStyle0;
|
|
11110
11110
|
|
|
11111
|
-
const styleCss$
|
|
11112
|
-
const SmoothlyTableDemoFillerRowStyle0 = styleCss$
|
|
11111
|
+
const styleCss$n = ".sc-smoothly-table-demo-filler-row-h{display:block}.sc-smoothly-table-demo-filler-row-h>smoothly-display.sc-smoothly-table-demo-filler-row{font-size:2em}.sc-smoothly-table-demo-filler-row-h>*.sc-smoothly-table-demo-filler-row{margin-bottom:2rem}";
|
|
11112
|
+
const SmoothlyTableDemoFillerRowStyle0 = styleCss$n;
|
|
11113
11113
|
|
|
11114
11114
|
const SmoothlyTableDemoFillerRow = class {
|
|
11115
11115
|
constructor(hostRef) {
|
|
@@ -11122,7 +11122,7 @@ const SmoothlyTableDemoFillerRow = class {
|
|
|
11122
11122
|
}, 3000);
|
|
11123
11123
|
}
|
|
11124
11124
|
render() {
|
|
11125
|
-
return (index.h(index.Host, { key: '
|
|
11125
|
+
return (index.h(index.Host, { key: '4bfc0a1cdf124c7e8b9e139cea9fb1d40a698977' }, index.h("smoothly-display", { key: 'b4ecca1026d3f3c0d5fd964b0e6e668f068fd4de', type: "text", value: "Filler row" }), index.h("smoothly-table", { key: 'aa373236eada287cf36872a8309b46864cd8a23e', color: "primary", columns: 4 }, index.h("smoothly-table-head", { key: '0ab77571d777d6e808eaed27304af683dc0ae7ce' }, index.h("smoothly-table-row", { key: '5a615f3b3dfbb0c3c2627cb5fc93643931adebf3' }, index.h("smoothly-table-cell", { key: 'c874d318c92a76a6eca2050cde288ac99c6aa3de' }, "Breed"), index.h("smoothly-table-cell", { key: '8325696db18f5c147f6dce7154bfb5f328557fbe' }, "Country"), index.h("smoothly-table-cell", { key: '7bbb2ab808a0a51dbd00a4b0cd8b4e16a4901fc5' }, "Coat"), index.h("smoothly-table-cell", { key: 'a26e3b609437a4bb89485b02cfca289beba1c427' }, "Origin"))), index.h("smoothly-table-body", { key: 'e3505ea86686e84fd19a3bd054193e02a879396d' }, 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
11126
|
}
|
|
11127
11127
|
};
|
|
11128
11128
|
SmoothlyTableDemoFillerRow.style = SmoothlyTableDemoFillerRowStyle0;
|
|
@@ -11165,8 +11165,8 @@ class Selector {
|
|
|
11165
11165
|
}
|
|
11166
11166
|
_Selector_selected = new WeakMap();
|
|
11167
11167
|
|
|
11168
|
-
const styleCss$
|
|
11169
|
-
const SmoothlyTableDemoFilteredStyle0 = styleCss$
|
|
11168
|
+
const styleCss$m = ".sc-smoothly-table-demo-filtered-h{display:grid;grid-template-columns:auto auto;grid-template-areas:\"header filter\"\n\t\t\"main main\";margin-bottom:50em}.sc-smoothly-table-demo-filtered-h>smoothly-display.sc-smoothly-table-demo-filtered{font-size:2em;grid-area:header}.sc-smoothly-table-demo-filtered-h>smoothly-filter.sc-smoothly-table-demo-filtered{margin-left:auto;grid-area:filter;height:fit-content}.sc-smoothly-table-demo-filtered-h>*.sc-smoothly-table-demo-filtered{margin-bottom:2rem;grid-area:main}.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered{grid-template-columns:min-content repeat(calc(var(--columns) - 1), auto)}smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2),.sc-smoothly-table-demo-filtered-h>smoothly-table.sc-smoothly-table-demo-filtered>smoothly-table-head.sc-smoothly-table-demo-filtered>smoothly-table-row.sc-smoothly-table-demo-filtered>smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(4){justify-content:end}";
|
|
11169
|
+
const SmoothlyTableDemoFilteredStyle0 = styleCss$m;
|
|
11170
11170
|
|
|
11171
11171
|
const TableDemoFiltered = class {
|
|
11172
11172
|
constructor(hostRef) {
|
|
@@ -11194,18 +11194,18 @@ const TableDemoFiltered = class {
|
|
|
11194
11194
|
}
|
|
11195
11195
|
render() {
|
|
11196
11196
|
const cats = this.cats && filter(this.criteria, this.cats);
|
|
11197
|
-
return (index.h(index.Host, { key: '
|
|
11197
|
+
return (index.h(index.Host, { key: '8d55f782a5df458d13a02d59a0c204037cb084d3' }, index.h("smoothly-display", { key: 'b031a5503b68b070fbe0fa1e0a7973104bdd66b9', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '5114ba3045e6a38813a4dda29ac3303f001af64e' }, index.h("smoothly-filter-toggle", { key: '845ee58c9a0ce4fa8ff8c1e4114de768ac175fac', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '7c8e98ac1bfc7537a9aa6412255b34a54fc60de3', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'f14605713a881dfdc90e7fcac7bd7a550b06f587', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '2183ee1b6762ebd5ccaff93f0c1848a6c4cac5c7', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '266ad69988175d612400edfcfb8dcfd7af16670b', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
|
|
11198
11198
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
11199
11199
|
var _a;
|
|
11200
11200
|
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: '
|
|
11201
|
+
})), index.h("div", { key: '801474cee57610ea30e72193425c88d8de454e4e', slot: "detail" }, index.h("smoothly-form", { key: '752f211850ac2e71727e5a7b2021f1bbcf7d68b3', looks: "border" }, index.h("smoothly-filter-select", { key: 'e9ecc6a81dd93740bb29c31d0916b32191317d77', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
|
|
11202
11202
|
Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
|
|
11203
11203
|
var _a;
|
|
11204
11204
|
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: '
|
|
11205
|
+
})), index.h("smoothly-filter-select", { key: 'e3ccd5e3248302430f151cb7190b82f6013e6c65', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
|
|
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: '72505b6a1afe108c13b52aef6ab2874bb5c97782', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
|
|
11207
11207
|
.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: '
|
|
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: '6b5fc795a759f451ff4e46fad05c108ed5b47fc5', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '53086231e9056ad86984bd63c1208b8e1df5ef15', 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
11209
|
}
|
|
11210
11210
|
};
|
|
11211
11211
|
const names = {
|
|
@@ -11216,15 +11216,15 @@ const names = {
|
|
|
11216
11216
|
};
|
|
11217
11217
|
TableDemoFiltered.style = SmoothlyTableDemoFilteredStyle0;
|
|
11218
11218
|
|
|
11219
|
-
const styleCss$
|
|
11220
|
-
const SmoothlyTableDemoGroupStyle0 = styleCss$
|
|
11219
|
+
const styleCss$l = ".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";
|
|
11220
|
+
const SmoothlyTableDemoGroupStyle0 = styleCss$l;
|
|
11221
11221
|
|
|
11222
11222
|
const SmoothlyTableDemoGroup = class {
|
|
11223
11223
|
constructor(hostRef) {
|
|
11224
11224
|
index.registerInstance(this, hostRef);
|
|
11225
11225
|
}
|
|
11226
11226
|
render() {
|
|
11227
|
-
return (index.h(index.Host, { key: '1034540a98faf600a953aec9b0d9b5d26031f166' }, index.h("smoothly-display", { key: '88f047faaced01d446f0a205a560ea84047744a1', type: "text", value: "Group" }), index.h("smoothly-table", { key: 'af471bfcedad100ae30150628d4cc3800ca8b6ca', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '14642db2794498956bb5d1fe6acb5fdc84b6e2b2' }, index.h("smoothly-table-row", { key: '2a0ba815cad8dda6501a0d3bb49a8dbb62261f30' }, index.h("smoothly-table-cell", { key: 'b377d5e5cafebd0280aeb0f99fd1bfa7080ed033' }, "Date"), index.h("smoothly-table-cell", { key: '4ea57090e582d506d569b618e03115d7cf175630' }, "Total"))), index.h("smoothly-table-body", { key: '07ab19f5e57c95e1449428638cabe53be0ab1982' }, index.h("smoothly-table-row-group", { key: '4f11896e5ca0ddc9ad4a43a99d618ca687fd0665', align: true }, index.h("smoothly-display", { key: 'b193951320dc1044ce6e8abaf58337b940a09894', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '32218a0b2afa1d24817cc963922eeafa2e1e5db5', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '81e7daf6a6e9c53db9e3bf54c19ecf2b50fe1a14' }, index.h("smoothly-table-cell", { key: 'a92e44fc7721a2b8f9a69008d3879963c105ab1f' }, index.h("smoothly-display", { key: '4836adb43eecad122272039cee91db984dd743f2', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '120d701d11a219a6541831baaf87ff4d723cdcc4' }, index.h("smoothly-display", { key: '43cc5384340f4548687dc83dac8eab6d5c7a8ec9', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '3dcac4e4d28bac23a172da204439b2631ef96798', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'c682c8da163d199ec418b9c8a8a757c79f4bc2dc' }, index.h("smoothly-table-cell", { key: '996085ca2beaf50fbb6b801005b9027841f7dbbe' }, index.h("smoothly-display", { key: 'c16a1b376275e61a9710de2ce9f315d670618310', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '366ae68c39dca6f2325d9041a46384cef5739024' }, index.h("smoothly-display", { key: 'bef71253203a53db1b9eb0569004726f1a8fb254', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: 'da35ffcb42c4e729f2a0527b38d0c216b71da52a', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: 'e92df1aa55107de9287b4e6d0da32de331d8820f' }, index.h("smoothly-table-cell", { key: '499be1873791c2fd7f727d7ed0d1629e29688e28' }, index.h("smoothly-display", { key: '6c6ac22ebd8a5b56cb52c5a8542673eee54fdc6f', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: '77158bc253e893d9471afe55dd6ce37e1e22bf16' }, index.h("smoothly-display", { key: '28832eae08eec6de59407c9de07fdef3e616170e', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: 'e9e4e349e364d8d26fd1b90b18e24e75f3af710c' }, index.h("smoothly-display", { key: '43164349ce717696792a21421f9b52bfe62044d0', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'bd8eb344377824670e1219c802e99727e2f8a89d', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '31bcc27b52845699f0ee7e9efb27cccbe4d43223' }, index.h("smoothly-table-cell", { key: 'f0c1462b237797440696298f6086c7dc3fd1cd98' }, index.h("smoothly-display", { key: 'cfdc9876392add8fcd24ea4745770036af566da4', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '5605695d73d540b01984598c1f5964860d8438f6' }, index.h("smoothly-display", { key: '7f355901e0101c45bfa2a5653026e78320acb139', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'e1667a9048344e93aafb944e48123afcb9896ef2', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '0472b3979d1ac6f92e20fe5f709c67af7ee63bfd' }, index.h("smoothly-table-cell", { key: '06359d29cc7a216a23dfb2174a98797cbdb73da4' }, index.h("smoothly-display", { key: '264f1532cb20ccd6ec12deef3ee86f17863293d2', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '72a12b91b051b2896a74a5add41e7a18c712dfe9' }, index.h("smoothly-display", { key: '13b46fad06f4c50051a1d759e14964539e5080fe', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '57f10d0b320a04996492e96c41616f467dc8a970', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '99f021f3d3c93e1ad10c824c02938990bd097a38' }, index.h("smoothly-display", { key: 'cdd2ea85952eb82236b830d28a7b0e04f56a3a88', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: 'c81417b3c22bdbdf39b3b2954abbe27ba36200e9' }, index.h("smoothly-table-cell", { key: '9f72351bc3ca870887829689ead20a662f1939d3' }, index.h("smoothly-display", { key: '4aeb1c5d1860d272daf29c42f51b4262e3ae130b', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'de6dcfc8fb2616402ee0b13efd1ebdabe515a127' }, index.h("smoothly-display", { key: 'e91648acc4a155293dba130e178ffbee56e9dbbf', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '324773d0738ce82283e6e8951265bd6a6b85ecda', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '1bcfdc3cdc43857b29dd359facaf75e4b7e199e9' }, index.h("smoothly-table-cell", { key: 'b318048f5cda12927f4fad00ddaa6ae57700fd4f' }, index.h("smoothly-display", { key: '8936240e59e693824c668fba172ef7abf5bfe154', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'c24285792e6394dac7871d02d79cb486ba9c7269' }, index.h("smoothly-display", { key: '509b4ebffda8e12de3eb4352c10e342025ac0f4e', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'e96ef00ea6d1866b0c8ab24a996aa9945a2cc81e', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: 'ea8ee80354c68b0f0aef455de4a93c53d6f79064' }, index.h("smoothly-display", { key: 'ff1f9450bc55b46c5a37af12ac990fd3c478aeac', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '29973938b1cebd9eb81e39f58d5973c291421b2b' }, index.h("smoothly-table-cell", { key: '7bf794e7b3b0bf8cf4d1530dbf1ed35b241d9fcc' }, index.h("smoothly-display", { key: '9eecb9255f5a75c93de280aad89f0f113388dd74', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '29e8bb6a32c4809cdf5454db6901b5ee5d9fc818' }, index.h("smoothly-display", { key: '1b0f13543db874ccc0a58aad14dfdbbcc1d8568b', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '87219c0372a63cfb2ee9b2c649a995b0b5f6870e', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '110c5c56ef60a472c20db6630be831e4ec2f96c9' }, index.h("smoothly-table-cell", { key: '10bf1dc3e9603fe4ecd0f0a1235b98942b28d121' }, index.h("smoothly-display", { key: 'c9da9d00ff04e7f550099ace2219940a50b28c48', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '2e581d12913416d23f17c9b5b8b52b871f45b736' }, index.h("smoothly-display", { key: '6d2d1449bceb8b9f72bfbf5ee5c285f8a0e42936', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '7b5e7cd8a145fb79cc3115e9910d9401788d043c', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: 'd643f958e09e8a4ce097ae22e9c75487fda068e6' }, index.h("smoothly-table-row-group", { key: 'e2c08488abe0ec8e17eadb8e6bb097ca705e5270' }, index.h("smoothly-display", { key: 'c86ce34607e245f4fd31b67f4bded15086538a3e', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: 'a36ef3d966f2862f1f65a9c8b8a8f9536069311e', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: 'adcad0e70a4db0594014f808caf00c98ca2b7ac7' }, index.h("smoothly-table-row", { key: 'a950bbbb0792b9a28324105b447e5347ceb561e8' }, index.h("fake-cell-wrapper", { key: '3220faff99707a6f8c54ab624f1e21d1b33dbd6c' }, index.h("smoothly-table-cell", { key: '27c97c03c54e5f5564b3125e02e672a50fb6d0c1' }, index.h("smoothly-display", { key: '299d746ccab64a1db90ca1aef21d3e8df61aaa22', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'fd2791819ea29c8f2bac0c400fe38f6c7a24fe04' }, index.h("smoothly-table-expandable-cell", { key: '19e32e94b1066485d1fb4d27f5ef3071d210c492' }, index.h("smoothly-display", { key: 'd28c9c3e98422760a2a9bf970d5c5434dd9c0805', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '4c7f4047f79dc6125eb9c7b99325dae50c1244ad', 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: '172a08d7e467a00ec054c668b3e4f7b7276fffe7' }, index.h("smoothly-table-expandable-row", { key: 'f7519806559ed0358bd48dfa2d793a8d562a4687' }, index.h("fake-cell-wrapper", { key: 'de3abe6b9cde5ee429071430a1372bd363ca062e', class: "span-2" }, index.h("smoothly-table-cell", { key: '9b22dbc7264514633f198767171c52c59ba9b60f', span: 2 }, index.h("smoothly-display", { key: 'cd8f6855d38a8c1e74d23c32b3792dcbcf88ca71', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '65f410793a67e31ada397a000d6119a0b9238fff', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: 'e9b3b35a246b1f210d87fe9c128f47aeaee91445' }, index.h("smoothly-display", { key: 'a827670eb50efe1287215c1171c8058af0d8333c', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '772c96f8a63b795575f2c4be5f9fd250862e011d', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
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 }))))));
|
|
11228
11228
|
}
|
|
11229
11229
|
};
|
|
11230
11230
|
SmoothlyTableDemoGroup.style = SmoothlyTableDemoGroupStyle0;
|
|
@@ -12162,21 +12162,21 @@ const data = [
|
|
|
12162
12162
|
},
|
|
12163
12163
|
];
|
|
12164
12164
|
|
|
12165
|
-
const styleCss$
|
|
12166
|
-
const SmoothlyTableDemoNestedStyle0 = styleCss$
|
|
12165
|
+
const styleCss$k = ".sc-smoothly-table-demo-nested-h{display:block}.sc-smoothly-table-demo-nested-h>smoothly-display.sc-smoothly-table-demo-nested{font-size:2em}.sc-smoothly-table-demo-nested-h>*.sc-smoothly-table-demo-nested{margin-bottom:2rem}";
|
|
12166
|
+
const SmoothlyTableDemoNestedStyle0 = styleCss$k;
|
|
12167
12167
|
|
|
12168
12168
|
const SmoothlyTableDemoNested = class {
|
|
12169
12169
|
constructor(hostRef) {
|
|
12170
12170
|
index.registerInstance(this, hostRef);
|
|
12171
12171
|
}
|
|
12172
12172
|
render() {
|
|
12173
|
-
return (index.h(index.Host, { key: '
|
|
12173
|
+
return (index.h(index.Host, { key: 'f7dc608b56f946058e12ed68ea7e90df810f987a' }, index.h("smoothly-display", { key: '358904431eafbb1d627d0fdee7c08086f6153dc6', type: "text", value: "Nested" }), index.h("smoothly-table", { key: 'c2f0330f908bffe60134686ab682c4cd2387248d', color: "primary", columns: 8 }, index.h("smoothly-table-head", { key: 'b1fe6f04435b744f361633a7a887578b933fa1cd' }, index.h("smoothly-table-row", { key: '78e9506a94ad8fdf48e78f9ab62bec3e9d9bb935' }, index.h("smoothly-table-cell", { key: '7a7231af5f81a6eb7ee43349d63f83358103eb3d' }, "Id"), index.h("smoothly-table-cell", { key: 'ff3a6cc9c47a64b963b5e40001e88d3069bdbf0c' }, "Registered"), index.h("smoothly-table-cell", { key: 'c38b672be9a1365330d07b69054989f5e60ee1c8' }, "Name"), index.h("smoothly-table-cell", { key: 'c292d75f64bdc388ff8c264ecbf085e771ce2492' }, "Age"), index.h("smoothly-table-cell", { key: '8365cd3d2247db5520b8e50ea0d0fcd87b382cd6' }, "Balance"), index.h("smoothly-table-cell", { key: '62d413791161883a1e49ee7dff722391e82e5fb3' }, "EyeColor"), index.h("smoothly-table-cell", { key: '49c25aaf48bb22a60746db2ccf645e7036a64ead' }, "Gender"), index.h("smoothly-table-cell", { key: '0788fc296b75856ccc29ed294b4e626492813c5a' }, "Company"))), index.h("smoothly-table-body", { key: '1a0cd70d6e0571c0ab7eb46af0d593f5728a6706' }, 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: 'ffd413ef41a90b18d9bc871c7b93f41510dc0509' }, index.h("smoothly-table-row", { key: 'eaf3e4be22c78eef4eb41ff9299781fca20496e0' }, index.h("smoothly-table-cell", { key: 'afae4894d7f49040746b279f6ce95a3eeb110778' }, "Footer Cell"), index.h("smoothly-table-cell", { key: 'c4b6dd203fbe9d891a46eb279188fd1140e6f514' }, "Footer Cell"))))));
|
|
12174
12174
|
}
|
|
12175
12175
|
};
|
|
12176
12176
|
SmoothlyTableDemoNested.style = SmoothlyTableDemoNestedStyle0;
|
|
12177
12177
|
|
|
12178
|
-
const styleCss$
|
|
12179
|
-
const SmoothlyTableDemoNestedInnerStyle0 = styleCss$
|
|
12178
|
+
const styleCss$j = ".sc-smoothly-table-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
|
|
12179
|
+
const SmoothlyTableDemoNestedInnerStyle0 = styleCss$j;
|
|
12180
12180
|
|
|
12181
12181
|
const SmoothlyTableDemoNestedInner = class {
|
|
12182
12182
|
constructor(hostRef) {
|
|
@@ -12185,20 +12185,20 @@ const SmoothlyTableDemoNestedInner = class {
|
|
|
12185
12185
|
}
|
|
12186
12186
|
render() {
|
|
12187
12187
|
var _a;
|
|
12188
|
-
return (index.h(index.Host, { key: '
|
|
12188
|
+
return (index.h(index.Host, { key: '5c101d92550729cfde6440bf56e62dfd38aa03c6' }, index.h("smoothly-table", { key: '9412c6c571b7ad4b48f883e30914cdb82a2ab24d', columns: 4 }, index.h("smoothly-table-head", { key: '8c7348cef6b37f3a44fcdcfe24df87f54ec65144' }, index.h("smoothly-table-row", { key: '0c81c23928a5c3822190d40e855dd86869094a01' }, index.h("smoothly-table-cell", { key: '3ad50370e49f30a997b9549f262dc305e53ff25c' }, "Id"), index.h("smoothly-table-cell", { key: '64e491e442a81d44f04719f9244f28fbe184a91d' }, "Name"), index.h("smoothly-table-cell", { key: 'fd80beeaacbd5f32db39deb0eeeaaf3c4fcd5034' }, "Age"), index.h("smoothly-table-cell", { key: 'fa5cbb0cfe826bfb09459894a822467a0e7e5ca7' }, "Balance"))), index.h("smoothly-table-body", { key: 'cbfc52a2bda400b6dcc2798a152d3b752bb7ce76' }, (_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
12189
|
}
|
|
12190
12190
|
};
|
|
12191
12191
|
SmoothlyTableDemoNestedInner.style = SmoothlyTableDemoNestedInnerStyle0;
|
|
12192
12192
|
|
|
12193
|
-
const styleCss$
|
|
12194
|
-
const SmoothlyTableDemoSimpleStyle0 = styleCss$
|
|
12193
|
+
const styleCss$i = ".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";
|
|
12194
|
+
const SmoothlyTableDemoSimpleStyle0 = styleCss$i;
|
|
12195
12195
|
|
|
12196
12196
|
const SmoothlyTableDemoSimple = class {
|
|
12197
12197
|
constructor(hostRef) {
|
|
12198
12198
|
index.registerInstance(this, hostRef);
|
|
12199
12199
|
}
|
|
12200
12200
|
render() {
|
|
12201
|
-
return (index.h(index.Host, { key: '
|
|
12201
|
+
return (index.h(index.Host, { key: '7a1bac3d2892a466093ba4142113a0c67b757a6e' }, index.h("smoothly-display", { key: 'd0281faf4bc55a5432974d45971dad531e61fa2a', type: "text", value: "Simple" }), index.h("smoothly-table", { key: '09b616689732bf5d0246af33cdfe9551e6a6a879', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '7fad53ce1745be87aa696524fe5992472e509f13' }, index.h("smoothly-table-row", { key: '7a38f71a563e17dde293404d1b2e744f86c4d356' }, index.h("smoothly-table-cell", { key: 'f24ae5d56b106567db557f6958b32d539590f251' }, "Breed"), index.h("smoothly-table-cell", { key: '96ba0bf58ec0f283f84c00c90107d06254c63a81' }, "Coat"))), index.h("smoothly-table-body", { key: '992aaee0b138ea7401ed3db9c5349eec6a7afeec' }, 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: 'c2ec45ddc7b5dc119a915cd0d2457b2367f12188' }, index.h("div", { key: '73c069db23c714c6b1c084bb24173e4a09e8b564', slot: "detail" }, "Content", index.h("br", { key: 'cc86f8f9c9dda93bb9c15a1c5cc6cc8a2a3486e7' }), "of", index.h("br", { key: 'a2eee8e62352f2340613cca097e7953d01525bc0' }), "the", index.h("br", { key: 'e99454d1aab588f127ad11841d0b6cc5d67e3b73' }), "expandable", index.h("br", { key: '90d33ff03447c0db1eb214e5c12ee6936e5e43a2' }), "row"), index.h("smoothly-table-cell", { key: 'a6fd99375d0dce9c73bb42c9ee7ef644efbf4e33' }, "Cell1 in expandable row"), index.h("smoothly-table-cell", { key: 'e9db7f1181f1081c8a6c41156ab3081e129e415e' }, "Cell2 in expandable row")), index.h("smoothly-table-row", { key: '737ef8dd3914162e4107b24dae43077b29786b5f' }, index.h("smoothly-table-cell", { key: '5b68efd60b226c22993cc064db1eaca8d54070e5' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: '354dcf3f557b809c78dda6b22106613425bbd6e7' }, "Expandable Cell", index.h("div", { key: '2008c93a669890609aff6b1f049b219682be1277', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: '89fd80e93b9dab809e2a53d3ae30b1a552ca0eba' }, index.h("smoothly-table-expandable-cell", { key: '3bace8fae4cacc7f427902e09a3384fcca784ea6' }, "Expandable Cell 1", index.h("div", { key: '072770a51f3c9bd98d5c43e70f6c12c51ce1030d', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: '2cd5fe1b928d238ef45217c4a061756e9b887b9a' }, "Expandable Cell 2", index.h("div", { key: '65d0735ba8dd6f0059e26e2afaf2b89c5b1ea533', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: '65653e24e03fd281077a57ab93ab4235ff5eb858' }, index.h("smoothly-table-row", { key: 'f2f5735fdfa593094a37b8b9acab98036b1a54d2' }, index.h("smoothly-table-cell", { key: 'ad4ed310413fc142079ee4854a543345dcc5ad1d' }, "Footer Cell"), index.h("smoothly-table-cell", { key: '9cbed75f0aa8890bb0843e8a6ea32e33d6cd9781' }, "Footer Cell"))))));
|
|
12202
12202
|
}
|
|
12203
12203
|
};
|
|
12204
12204
|
const cats = [
|
|
@@ -12275,8 +12275,8 @@ const cats = [
|
|
|
12275
12275
|
];
|
|
12276
12276
|
SmoothlyTableDemoSimple.style = SmoothlyTableDemoSimpleStyle0;
|
|
12277
12277
|
|
|
12278
|
-
const styleCss$
|
|
12279
|
-
const SmoothlyTableExpandableCellStyle0 = styleCss$
|
|
12278
|
+
const styleCss$h = ".sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{padding:0.3rem 1.1rem}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;box-sizing:border-box;align-items:center;white-space:nowrap;position:relative}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-cell-h:not([open])>div.detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.detail.sc-smoothly-table-expandable-cell::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-cell-h>div.detail.sc-smoothly-table-expandable-cell::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
|
|
12279
|
+
const SmoothlyTableExpandableCellStyle0 = styleCss$h;
|
|
12280
12280
|
|
|
12281
12281
|
const SmoothlyTableExpandableCell = class {
|
|
12282
12282
|
constructor(hostRef) {
|
|
@@ -12300,7 +12300,7 @@ const SmoothlyTableExpandableCell = class {
|
|
|
12300
12300
|
}
|
|
12301
12301
|
render() {
|
|
12302
12302
|
var _a;
|
|
12303
|
-
return (index.h(index.Host, { key: '
|
|
12303
|
+
return (index.h(index.Host, { key: 'edf19222d3f1a5954572dbe5dc67035f47e33f2b', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: '21e0ad7b364c875f510e981dbf3b0449459a55d2', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: 'dbd3f3735d7de5ccaef85fa724ff89dc4606432f' })), index.h("div", { key: 'f8032d040bf4b84c8aac87a8b2c2cafd8885abef', class: "detail" }, index.h("slot", { key: 'f603898706b87596c4eaefe1588dad1db17028f2', name: "detail" }))));
|
|
12304
12304
|
}
|
|
12305
12305
|
static get watchers() { return {
|
|
12306
12306
|
"open": ["openChange"]
|
|
@@ -12308,8 +12308,8 @@ const SmoothlyTableExpandableCell = class {
|
|
|
12308
12308
|
};
|
|
12309
12309
|
SmoothlyTableExpandableCell.style = SmoothlyTableExpandableCellStyle0;
|
|
12310
12310
|
|
|
12311
|
-
const styleCss$
|
|
12312
|
-
const SmoothlyTableExpandableRowStyle0 = styleCss$
|
|
12311
|
+
const styleCss$g = ".sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>*{cursor:pointer}.sc-smoothly-table-expandable-row-h:has(>.sc-smoothly-table-expandable-row:not(:last-child):hover)>.sc-smoothly-table-expandable-row:not(:last-child){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child:not(:last-child){position:relative}.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child:not(:last-child)::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.sc-smoothly-table-expandable-row:not(:last-child):hover)>.sc-smoothly-table-expandable-row:first-child:not(:last-child)::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child:not(:last-child)::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
|
|
12312
|
+
const SmoothlyTableExpandableRowStyle0 = styleCss$g;
|
|
12313
12313
|
|
|
12314
12314
|
const SmoothlyTableExpandableRow = class {
|
|
12315
12315
|
constructor(hostRef) {
|
|
@@ -12324,7 +12324,7 @@ const SmoothlyTableExpandableRow = class {
|
|
|
12324
12324
|
this.smoothlyTableExpandableRowChange.emit(this.open);
|
|
12325
12325
|
}
|
|
12326
12326
|
render() {
|
|
12327
|
-
return (index.h(index.Host, { key: '
|
|
12327
|
+
return (index.h(index.Host, { key: '4bed1759b9e09e82573bb7f3c251dfb994b0ad25', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: 'b1a6428a863fffce9452ab4a0c5d4f4aa29ab0f4' }), index.h("div", { key: '904504be6f7815e689145eeb8c1904686db515cd', ref: e => (this.div = e) }, index.h("slot", { key: 'a1d7dc0b75d7573ac3f9e04fbeaaed5972548a14', name: "detail" }))));
|
|
12328
12328
|
}
|
|
12329
12329
|
static get watchers() { return {
|
|
12330
12330
|
"open": ["openChange"]
|
|
@@ -12332,34 +12332,34 @@ const SmoothlyTableExpandableRow = class {
|
|
|
12332
12332
|
};
|
|
12333
12333
|
SmoothlyTableExpandableRow.style = SmoothlyTableExpandableRowStyle0;
|
|
12334
12334
|
|
|
12335
|
-
const styleCss$
|
|
12336
|
-
const SmoothlyTableFillerRowStyle0 = styleCss$
|
|
12335
|
+
const styleCss$f = ".sc-smoothly-table-filler-row-h{grid-column:1 / -1}";
|
|
12336
|
+
const SmoothlyTableFillerRowStyle0 = styleCss$f;
|
|
12337
12337
|
|
|
12338
12338
|
const SmoothlyTableFillerRow = class {
|
|
12339
12339
|
constructor(hostRef) {
|
|
12340
12340
|
index.registerInstance(this, hostRef);
|
|
12341
12341
|
}
|
|
12342
12342
|
render() {
|
|
12343
|
-
return (index.h("smoothly-table-row", { key: '
|
|
12343
|
+
return (index.h("smoothly-table-row", { key: '487cc599f66e2256280eba9623a90c089489d1f6' }, index.h("smoothly-table-cell", { key: '4ad4fb2d4bd3ff44bf6a62d20489cf7607f5d7ca' }, index.h("slot", { key: 'b1b8b30cdca397452636e65e2ff2f0c2e8624d42' }))));
|
|
12344
12344
|
}
|
|
12345
12345
|
};
|
|
12346
12346
|
SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
|
|
12347
12347
|
|
|
12348
|
-
const styleCss$
|
|
12349
|
-
const SmoothlyTableFootStyle0 = styleCss$
|
|
12348
|
+
const styleCss$e = ".sc-smoothly-table-foot-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:sticky;z-index:1;bottom:0;background-color:rgb(var(--smoothly-table-footer-background));color:rgb(var(--smoothly-table-footer-foreground));stroke:rgb(var(--smoothly-table-footer-foreground));fill:rgb(var(--smoothly-table-footer-foreground))}";
|
|
12349
|
+
const SmoothlyTableFootStyle0 = styleCss$e;
|
|
12350
12350
|
|
|
12351
12351
|
const SmoothlyTableFoot = class {
|
|
12352
12352
|
constructor(hostRef) {
|
|
12353
12353
|
index.registerInstance(this, hostRef);
|
|
12354
12354
|
}
|
|
12355
12355
|
render() {
|
|
12356
|
-
return (index.h(index.Host, { key: '
|
|
12356
|
+
return (index.h(index.Host, { key: '8f13c28ec690d682f9d9d2161af1d8f5d21ac027' }, index.h("slot", { key: '97de36a9401b62b683a8b6e86eef2d72910c067f' })));
|
|
12357
12357
|
}
|
|
12358
12358
|
};
|
|
12359
12359
|
SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
|
|
12360
12360
|
|
|
12361
|
-
const styleCss$
|
|
12362
|
-
const SmoothlyTableHeadStyle0 = styleCss$
|
|
12361
|
+
const styleCss$d = ".sc-smoothly-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:0;position:sticky;z-index:1;--smoothly-color:var(--smoothly-table-header-background);--smoothly-color-contrast:var(--smoothly-table-header-foreground);background-color:rgb(var(--smoothly-table-header-background));color:rgb(var(--smoothly-table-header-foreground));stroke:rgb(var(--smoothly-table-header-foreground));fill:rgb(var(--smoothly-table-header-foreground));font-weight:bold;transition:box-shadow 0.3s ease}.scrolled.sc-smoothly-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}";
|
|
12362
|
+
const SmoothlyTableHeadStyle0 = styleCss$d;
|
|
12363
12363
|
|
|
12364
12364
|
const SmoothlyTableHead = class {
|
|
12365
12365
|
constructor(hostRef) {
|
|
@@ -12384,14 +12384,14 @@ const SmoothlyTableHead = class {
|
|
|
12384
12384
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
12385
12385
|
}
|
|
12386
12386
|
render() {
|
|
12387
|
-
return (index.h(index.Host, { key: '
|
|
12387
|
+
return (index.h(index.Host, { key: 'b6bfb1f382f927b434e0007568170daf00f63c75', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: 'd37d97f75e41498348e2d1ba12e6bf86187edb1f' })));
|
|
12388
12388
|
}
|
|
12389
12389
|
get element() { return index.getElement(this); }
|
|
12390
12390
|
};
|
|
12391
12391
|
SmoothlyTableHead.style = SmoothlyTableHeadStyle0;
|
|
12392
12392
|
|
|
12393
|
-
const styleCss$
|
|
12394
|
-
const SmoothlyTableRowStyle0 = styleCss$
|
|
12393
|
+
const styleCss$c = ".sc-smoothly-table-row-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;box-sizing:border-box;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell){grid-template-rows:auto 0fr 0fr}.sc-smoothly-table-row-h:has(smoothly-table-expandable-cell[open]){grid-template-rows:auto 1fr 0fr}";
|
|
12394
|
+
const SmoothlyTableRowStyle0 = styleCss$c;
|
|
12395
12395
|
|
|
12396
12396
|
const SmoothlyTableRow = class {
|
|
12397
12397
|
constructor(hostRef) {
|
|
@@ -12408,13 +12408,13 @@ const SmoothlyTableRow = class {
|
|
|
12408
12408
|
event.target != cell && cell.close();
|
|
12409
12409
|
}
|
|
12410
12410
|
render() {
|
|
12411
|
-
return (index.h(index.Host, { key: '
|
|
12411
|
+
return (index.h(index.Host, { key: '84924ddbf8eb1970ba47a5eaf91c918d8bcb3c06' }, index.h("slot", { key: '7e100fae4fa251b97011f7fce663917e026b44e5' })));
|
|
12412
12412
|
}
|
|
12413
12413
|
};
|
|
12414
12414
|
SmoothlyTableRow.style = SmoothlyTableRowStyle0;
|
|
12415
12415
|
|
|
12416
|
-
const styleCss$
|
|
12417
|
-
const SmoothlyTableRowGroupStyle0 = styleCss$
|
|
12416
|
+
const styleCss$b = ".sc-smoothly-table-row-group-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-top:1px}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-column:1 / -1;display:grid;position:relative;cursor:pointer}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:last-child{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{grid-template-columns:subgrid}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group{display:contents}[align].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group>*.sc-smoothly-table-row-group{padding:0.3rem 1.1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;padding:0.3rem 1.1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child{justify-self:start;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:last-child{justify-self:end;display:flex;gap:1rem}.sc-smoothly-table-row-group-h:not([open]){grid-template-rows:auto 0fr}.sc-smoothly-table-row-group-h:not([open])>div.sc-smoothly-table-row-group:last-child{grid-row:2;overflow:hidden}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child::before{content:'';display:flex;position:absolute;top:50%;translate:0 -50%;left:0.3em;height:0.4em;width:0.4em;border-bottom:1px solid rgb(var(--smoothly-default-contrast));border-right:1px solid rgb(var(--smoothly-default-contrast));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover>div.sc-smoothly-table-row-group:first-child::before{opacity:1}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{background-color:rgb(var(--smoothly-default-tint))}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child{border-bottom:1px solid rgb(var(--smoothly-default-shade))}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{background-color:rgb(var(--smoothly-default-shade))}";
|
|
12417
|
+
const SmoothlyTableRowGroupStyle0 = styleCss$b;
|
|
12418
12418
|
|
|
12419
12419
|
const SmoothlyTableRowGroup = class {
|
|
12420
12420
|
constructor(hostRef) {
|
|
@@ -12428,13 +12428,13 @@ const SmoothlyTableRowGroup = class {
|
|
|
12428
12428
|
this.smoothlyTableRowGroupChange.emit(this.open);
|
|
12429
12429
|
}
|
|
12430
12430
|
render() {
|
|
12431
|
-
return (index.h(index.Host, { key: '
|
|
12431
|
+
return (index.h(index.Host, { key: 'd39263848ea2642912f8f7944b4af31bbeb7bedb' }, index.h("div", { key: 'c646cbc32e7a6d1dab115ad61e34e1d23df1b5c2', onClick: () => this.clickHandler() }, index.h("div", { key: '8625237beff7d80edd3d4b48ab97dafc688ebdad' }, index.h("slot", { key: '19eb66f64c2f9d836ac74c11565cc3cf1573f9c4', name: "start" })), index.h("div", { key: '7a0605223df89b3f0edafa723244b495c0466608' }, index.h("slot", { key: '5e781edb2a74e94b80bed6732abe028d5ddb0fa6', name: "end" }))), index.h("div", { key: '530f66f946ca11615f058bd0a8b061a858ec7751' }, index.h("slot", { key: '7a9dccab9430529f5779424940073fcd19187775' }))));
|
|
12432
12432
|
}
|
|
12433
12433
|
};
|
|
12434
12434
|
SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
|
|
12435
12435
|
|
|
12436
|
-
const styleCss$
|
|
12437
|
-
const SmoothlyTabsStyle0 = styleCss$
|
|
12436
|
+
const styleCss$a = ".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}";
|
|
12437
|
+
const SmoothlyTabsStyle0 = styleCss$a;
|
|
12438
12438
|
|
|
12439
12439
|
const SmoothlyTabs = class {
|
|
12440
12440
|
constructor(hostRef) {
|
|
@@ -12460,7 +12460,7 @@ const SmoothlyTabs = class {
|
|
|
12460
12460
|
old.open = false;
|
|
12461
12461
|
}
|
|
12462
12462
|
render() {
|
|
12463
|
-
return (index.h(index.Host, { key: '
|
|
12463
|
+
return (index.h(index.Host, { key: 'f17ec6be41e37bd9f3c4c13034bdcd6de9a7b9b4', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: '49300e34edd48016137690fa43d621225bf2ddea' })));
|
|
12464
12464
|
}
|
|
12465
12465
|
get element() { return index.getElement(this); }
|
|
12466
12466
|
static get watchers() { return {
|
|
@@ -12469,21 +12469,21 @@ const SmoothlyTabs = class {
|
|
|
12469
12469
|
};
|
|
12470
12470
|
SmoothlyTabs.style = SmoothlyTabsStyle0;
|
|
12471
12471
|
|
|
12472
|
-
const styleCss$
|
|
12473
|
-
const SmoothlyTabsDemoStyle0 = styleCss$
|
|
12472
|
+
const styleCss$9 = ".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%}";
|
|
12473
|
+
const SmoothlyTabsDemoStyle0 = styleCss$9;
|
|
12474
12474
|
|
|
12475
12475
|
const SmoothlyTabsDemo = class {
|
|
12476
12476
|
constructor(hostRef) {
|
|
12477
12477
|
index.registerInstance(this, hostRef);
|
|
12478
12478
|
}
|
|
12479
12479
|
render() {
|
|
12480
|
-
return (index.h("smoothly-tabs", { key: '
|
|
12480
|
+
return (index.h("smoothly-tabs", { key: '4a00dd7c436dbf3d9abe9433b99638af102cf7ec' }, index.h("smoothly-tab", { key: '7c12f03057817a6bb970ae5b6f94d6d0e3fbdf01', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '2a6045a36eb91238215cfea7d02ce7e57663412d', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '6fa4537914d989e47aad7eac348435ea97746e82', label: "test3" }, "this is a test message again!")));
|
|
12481
12481
|
}
|
|
12482
12482
|
};
|
|
12483
12483
|
SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
|
|
12484
12484
|
|
|
12485
|
-
const styleCss$
|
|
12486
|
-
const SmoothlyThemeColorStyle0 = styleCss$
|
|
12485
|
+
const styleCss$8 = ".sc-smoothly-theme-color-h{display:flex;flex-direction:column;align-items:center}.sc-smoothly-theme-color-h>.sc-smoothly-theme-color:first-child{margin-top:0.2rem}";
|
|
12486
|
+
const SmoothlyThemeColorStyle0 = styleCss$8;
|
|
12487
12487
|
|
|
12488
12488
|
const SmoothlyThemeColor = class {
|
|
12489
12489
|
constructor(hostRef) {
|
|
@@ -12491,13 +12491,13 @@ const SmoothlyThemeColor = class {
|
|
|
12491
12491
|
this.color = undefined;
|
|
12492
12492
|
}
|
|
12493
12493
|
render() {
|
|
12494
|
-
return (index.h(index.Host, { key: '
|
|
12494
|
+
return (index.h(index.Host, { key: 'c4d5fc173ffb6f2eabf51c7857cf058ed1d1fe2c' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
12495
12495
|
}
|
|
12496
12496
|
};
|
|
12497
12497
|
SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
|
|
12498
12498
|
|
|
12499
|
-
const styleCss$
|
|
12500
|
-
const SmoothlyThemeColorVariantStyle0 = styleCss$
|
|
12499
|
+
const styleCss$7 = ".sc-smoothly-theme-color-variant-h{display:flex;justify-content:center;align-items:center;width:3em;height:3em;font-weight:900}[color][variant=color].sc-smoothly-theme-color-variant-h{background:rgb(var(--smoothly-color))}[color][variant=tint].sc-smoothly-theme-color-variant-h{background:rgb(var(--smoothly-color-tint))}[color][variant=shade].sc-smoothly-theme-color-variant-h{background:rgb(var(--smoothly-color-shade))}";
|
|
12500
|
+
const SmoothlyThemeColorVariantStyle0 = styleCss$7;
|
|
12501
12501
|
|
|
12502
12502
|
const SmoothlyThemeColorVariant = class {
|
|
12503
12503
|
constructor(hostRef) {
|
|
@@ -12511,8 +12511,8 @@ const SmoothlyThemeColorVariant = class {
|
|
|
12511
12511
|
};
|
|
12512
12512
|
SmoothlyThemeColorVariant.style = SmoothlyThemeColorVariantStyle0;
|
|
12513
12513
|
|
|
12514
|
-
const styleCss$
|
|
12515
|
-
const SmoothlyThemeColorsStyle0 = styleCss$
|
|
12514
|
+
const styleCss$6 = ".sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1em;column-gap:1em;width:fit-content}";
|
|
12515
|
+
const SmoothlyThemeColorsStyle0 = styleCss$6;
|
|
12516
12516
|
|
|
12517
12517
|
const SmoothlyThemeColors$1 = class {
|
|
12518
12518
|
constructor(hostRef) {
|
|
@@ -12535,21 +12535,21 @@ const SmoothlyThemeColors$1 = class {
|
|
|
12535
12535
|
};
|
|
12536
12536
|
SmoothlyThemeColors$1.style = SmoothlyThemeColorsStyle0;
|
|
12537
12537
|
|
|
12538
|
-
const styleCss$
|
|
12539
|
-
const SmoothlyThemeDemoStyle0 = styleCss$
|
|
12538
|
+
const styleCss$5 = ".sc-smoothly-theme-demo-h{display:flex;width:50%;margin:auto;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>span.sc-smoothly-theme-demo{display:flex;flex-direction:row;gap:10em}";
|
|
12539
|
+
const SmoothlyThemeDemoStyle0 = styleCss$5;
|
|
12540
12540
|
|
|
12541
12541
|
const SmoothlyThemeDemo = class {
|
|
12542
12542
|
constructor(hostRef) {
|
|
12543
12543
|
index.registerInstance(this, hostRef);
|
|
12544
12544
|
}
|
|
12545
12545
|
render() {
|
|
12546
|
-
return (index.h(index.Host, { key: '
|
|
12546
|
+
return (index.h(index.Host, { key: '4463a636e45a126ba2fb062048ebd0b9fb3f687d' }, index.h("h2", { key: 'c2a7009ee3887c027ae7b7bf005d913036685e64' }, "Theme"), index.h("smoothly-theme-picker", { key: '0a446c485965bef46174bbc3c43fbc80abbeb29f' }, index.h("smoothly-item", { key: '1cd98a7c5a46aec65ffb22d125f788a0d84524f3', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: '420c81c9b4fdde7d753d17dd89ea766b63cac4b7', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: 'be405af1795f5a5f5880c43176d927eae4e7ed8c', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '2873d44164cb6e8684096edb6f0cb48dddc00499', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: 'f4074f3ff99ae23d74f9afd182f50bdca5975189', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'e29a9eabce4fe47d563cd332f6ac1f9694255e0e', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '605c81cabec58d8bf0effbba978124cc2edc18dc', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '89cd4a4fde0377438f9b0774ef5cde8d12ad3de6', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '80a0348fd0d5d123ae21e3553402cbd45cfc354f', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: '8984c5ecbab2d30da873861d05dde2e33d9e91b5' }, index.h("smoothly-theme-colors", { key: 'b5cb68f62cdd11e8a5b5487c62680f5a1b955593' }), index.h("smoothly-theme-guide", { key: 'caae0dccd337a1f7f3f59dac6cf616fe2058d3b9' })), index.h("smoothly-button", { key: '68ca23965a74ba537d3b3c011d70b8039990fe30', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '71ba1deab1a40617e628c555f81b8414d7900542', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '8e4aff63e4a8b24aa875d277e6f0ad2c6b8c4960', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '24bb491c61fd7b4321936a31d3936067155d284c', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
12547
12547
|
}
|
|
12548
12548
|
};
|
|
12549
12549
|
SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
|
|
12550
12550
|
|
|
12551
|
-
const styleCss$
|
|
12552
|
-
const SmoothlyThemeGuideStyle0 = styleCss$
|
|
12551
|
+
const styleCss$4 = "";
|
|
12552
|
+
const SmoothlyThemeGuideStyle0 = styleCss$4;
|
|
12553
12553
|
|
|
12554
12554
|
const SmoothlyThemeColors = class {
|
|
12555
12555
|
constructor(hostRef) {
|
|
@@ -12557,21 +12557,21 @@ const SmoothlyThemeColors = class {
|
|
|
12557
12557
|
}
|
|
12558
12558
|
render() {
|
|
12559
12559
|
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: '
|
|
12560
|
+
index.h("smoothly-display", { key: 'e02cf3d9a55c0f8bf5027f808870e1b3050be8b5' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
12561
|
+
index.h("br", { key: '817c11793839a6ae6ba3c95d17bf4d259e3ba0f2' }),
|
|
12562
|
+
index.h("smoothly-display", { key: '2e94e10374c983af3d5e182fafa79a23297a1963' }, "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."),
|
|
12563
|
+
index.h("br", { key: 'e66a23032469185cfbb4ff72e9269503e0dfe208' }),
|
|
12564
|
+
index.h("smoothly-display", { key: 'd439e1e3c0376c104497ced7089fbe5353b95cf7' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
12565
|
+
index.h("br", { key: 'da226714d31e8bb16901982c3d76760479556603' }),
|
|
12566
|
+
index.h("smoothly-display", { key: 'dea4cf61a7aea11560d67ac2edef565c981958e7' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12567
|
+
index.h("br", { key: '5ac250dadb2c47de1399c1c5f5d7aacf9cb05c3d' }),
|
|
12568
12568
|
];
|
|
12569
12569
|
}
|
|
12570
12570
|
};
|
|
12571
12571
|
SmoothlyThemeColors.style = SmoothlyThemeGuideStyle0;
|
|
12572
12572
|
|
|
12573
|
-
const styleCss$
|
|
12574
|
-
const SmoothlyThemePickerStyle0 = styleCss$
|
|
12573
|
+
const styleCss$3 = "";
|
|
12574
|
+
const SmoothlyThemePickerStyle0 = styleCss$3;
|
|
12575
12575
|
|
|
12576
12576
|
const SmoothlyThemePicker = class {
|
|
12577
12577
|
constructor(hostRef) {
|
|
@@ -12579,37 +12579,16 @@ const SmoothlyThemePicker = class {
|
|
|
12579
12579
|
this.element = "smoothly-css";
|
|
12580
12580
|
}
|
|
12581
12581
|
render() {
|
|
12582
|
-
return (index.h(index.Host, { key: '
|
|
12582
|
+
return (index.h(index.Host, { key: 'd689a1c952e70cce86dc2aa27e794b087bf49b69' }, index.h("smoothly-input-select", { key: '04a1ef8bf253bd7bc3799d219de7ebe7dd220e1b', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
12583
12583
|
const element = document.querySelector(`#${this.element}`);
|
|
12584
12584
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
|
|
12585
12585
|
element.href = e.detail.theme;
|
|
12586
|
-
} }, index.h("label", { key: '
|
|
12586
|
+
} }, index.h("label", { key: '0b294f2161e7862a2aaaf47b806a057aa1d1bdf5', slot: "label" }, "Select theme"), index.h("slot", { key: '69e0dff8b9a96a9b13a986d2a61773de46fe9ef6' }))));
|
|
12587
12587
|
}
|
|
12588
12588
|
};
|
|
12589
12589
|
SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
|
|
12590
12590
|
|
|
12591
|
-
const styleCss$
|
|
12592
|
-
const SmoothlyToggleStyle0 = styleCss$3;
|
|
12593
|
-
|
|
12594
|
-
const SmoothlyToggle = class {
|
|
12595
|
-
constructor(hostRef) {
|
|
12596
|
-
index.registerInstance(this, hostRef);
|
|
12597
|
-
this.selected = false;
|
|
12598
|
-
this.shape = undefined;
|
|
12599
|
-
this.disabled = false;
|
|
12600
|
-
this.name = undefined;
|
|
12601
|
-
this.value = undefined;
|
|
12602
|
-
}
|
|
12603
|
-
onClick(e) {
|
|
12604
|
-
this.selected = !this.selected;
|
|
12605
|
-
}
|
|
12606
|
-
render() {
|
|
12607
|
-
return (index.h("button", { key: '6c8f541b5347d578771d776c36cce94f31c5e538', type: "button" }, index.h("slot", { key: '3f57af21ba84cf9abccf87193da302d79df62561', name: "icon-slot" }), index.h("slot", { key: '46aafd8b7d1a5e4d0888180c26185260acc2426a' }, this.name)));
|
|
12608
|
-
}
|
|
12609
|
-
};
|
|
12610
|
-
SmoothlyToggle.style = SmoothlyToggleStyle0;
|
|
12611
|
-
|
|
12612
|
-
const styleCss$2 = ".sc-smoothly-toggle-switch-h{display:block;width:3.6em;height:1.8em}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;position:absolute;left:0;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));font-size:1.2em;transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{width:2.4em;height:1.2em}[size=small].sc-smoothly-toggle-switch-h{width:3.05em;height:1.5em}[size=large].sc-smoothly-toggle-switch-h{width:5.2em;height:2.5em}[size=tiny].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{font-size:.8em}[size=small].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{font-size:1em}[size=large].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{font-size:1.75em}";
|
|
12591
|
+
const styleCss$2 = ".sc-smoothly-toggle-switch-h{display:block}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{width:100%;height:100%;display:flex;align-items:center;padding-inline:0;cursor:pointer;border:none;border-radius:3em;background-color:rgb(var(--smoothly-color))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-color-tint))}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{display:flex;justify-content:flex-start;align-items:center;fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast));transition:100ms ease-in-out}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{fill:rgb(var(--smoothly-success-contrast));stroke:rgb(var(--smoothly-success-contrast))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch{background-color:rgb(var(--smoothly-success-color))}[selected][checkmark].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch:hover{background-color:rgb(var(--smoothly-success-tint))}[selected].sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{transform:translateX(100%)}[size=tiny].sc-smoothly-toggle-switch-h{--height:1.25rem}[size=small].sc-smoothly-toggle-switch-h{--height:1.5rem}[size=default].sc-smoothly-toggle-switch-h{--height:2rem}[size=large].sc-smoothly-toggle-switch-h{--height:2.5rem}.sc-smoothly-toggle-switch-h{height:var(--height);width:calc(var(--height) * 2)}.sc-smoothly-toggle-switch-h>button.sc-smoothly-toggle-switch>smoothly-icon.sc-smoothly-toggle-switch{--smoothly-icon-size:var(--height)}";
|
|
12613
12592
|
const SmoothlyToggleSwitchStyle0 = styleCss$2;
|
|
12614
12593
|
|
|
12615
12594
|
const SmoothlyToggleSwitch = class {
|
|
@@ -12628,7 +12607,7 @@ const SmoothlyToggleSwitch = class {
|
|
|
12628
12607
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
12629
12608
|
}
|
|
12630
12609
|
render() {
|
|
12631
|
-
return (index.h(index.Host, { key: '
|
|
12610
|
+
return (index.h(index.Host, { key: '2b49a561fc51305ad11b09d2d8512ae24a1dc365' }, index.h("button", { key: '01c61f4dcdd8e576da06f7ecc30ddca01168c0ea', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: '5dae0fb3fe4f570bc8c343eed1ad27f0a075d6ff', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
12632
12611
|
}
|
|
12633
12612
|
};
|
|
12634
12613
|
SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
|
|
@@ -12641,7 +12620,7 @@ const SmoothlyToggleSwitchDemo = class {
|
|
|
12641
12620
|
index.registerInstance(this, hostRef);
|
|
12642
12621
|
}
|
|
12643
12622
|
render() {
|
|
12644
|
-
return (index.h(index.Host, { key: '
|
|
12623
|
+
return (index.h(index.Host, { key: '8f8fb58880229cff50b5d44aee4b24d82dc321fe' }, index.h("h4", { key: '2ae31009038d1278b2ce0b7d50ef2317fb44d7ff' }, "Toggle switches"), index.h("div", { key: '9f8445bc0d0a5337a403def1fffa04be6faa40d6' }, index.h("p", { key: '634a07c5efac19248b1ae558a376dc6aa8eb38f5' }, "Checkmark"), index.h("span", { key: '49bf90cc365d832852494e1ca4965d521c8cd22a' }, index.h("p", { key: '91bdeb807b38b678b4cd74b481b197237bf9bb38' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '13c22571b68e3d81c9f15ac30dd6e14d8a6b35ce', disabled: false, size: "tiny" })), index.h("span", { key: '941a1d57831c661b9514282283360e8975af32fa' }, index.h("p", { key: '53d710f9750058fe393e7b9b5fe4d31b12bd7b68' }, "Small"), index.h("smoothly-toggle-switch", { key: 'ae3ac2490f83c3077b15d85fcac8f7e5ac0a2d42', disabled: false, size: "small" })), index.h("span", { key: '34257d9b67e40cf072711fc847ca9dfb5f91c512' }, index.h("p", { key: 'be1801aafa7a7450f6dc792ac235f1c34f24710a' }, "Standard"), index.h("smoothly-toggle-switch", { key: '827cddf2c771e838007062414cef66473d4d39ea', disabled: false })), index.h("span", { key: 'c780dd94b09336dee3172a54a8149d63c3a62f9a' }, index.h("p", { key: '2bcfd7698897e96f0b37ee74cf38425d91c34ee1' }, "Large"), index.h("smoothly-toggle-switch", { key: '9c78c336ac234985630f609046e6f0d26864bcad', disabled: false, size: "large" })), index.h("p", { key: '6f7566af469a3afe52fc826cab71dc7b4c7b62d1' }, "Colors checkmark"), index.h("span", { key: '7d756353704fff2ab7be10e2be69756d8197ea88' }, index.h("p", { key: '49c67182d54a79c2053603905dab1bd0ecb71dee' }, "Danger"), index.h("smoothly-toggle-switch", { key: 'ee31817b353790e30365ca051afe9f0253037825', color: "danger", disabled: false, size: "small" })), index.h("span", { key: 'b02a27a21cafc770c6ed8eba5b776bbdcf6c1978' }, index.h("p", { key: '317c681c35af7d7d2fc7a994b1f2508197f99872' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'e65dfed030c63f77e8d6f593673809614ff2ba00', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'fb5086478316b6152d33c2100f49fcc465ca3d3b' }, index.h("p", { key: '41daa24ba72db875cc7b7af2c7f581aac5e7feef' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'd39f57ed3d556ae37f2e8b0c41e1f325ebdb5603', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '0511afe9519a8c039c59e87a680f62fdc47654f0' }), index.h("p", { key: '625c4f5688027b5abeffb31f0dd7dcde1d66c97e' }, "Colors no checkmark"), index.h("span", { key: '54ecca2b5044cba4d698350dcbdc7f6ccf89c955' }, index.h("p", { key: '88c097beeac20c152c03bf300568fb17ed4fd706' }, "Danger"), index.h("smoothly-toggle-switch", { key: '3f057efb84145a6b1da57551aa69abb0aaaa0cd5', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: 'f57ab262e99e374dd0170aff629f9141dc217113' }, index.h("p", { key: '1c1345999a38cabf4d8a62790740125bd9d5e983' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '0e24546adf85da1be29927407fa8c94c1cdae1af', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '60a5ad8bcc7b92b9362cca69c205e340390443c8' }, index.h("p", { key: '8fddc28615785cafb8b095fb688ae214380fc8a0' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'e051cad9467cd9a8d286fdfdb178d50980ba262c', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
12645
12624
|
}
|
|
12646
12625
|
};
|
|
12647
12626
|
SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
|
|
@@ -12672,7 +12651,7 @@ const SmoothlyTrigger = class {
|
|
|
12672
12651
|
result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
|
|
12673
12652
|
break;
|
|
12674
12653
|
case "button":
|
|
12675
|
-
result = (index.h("button", { key: '
|
|
12654
|
+
result = (index.h("button", { key: '6dcc500b529d05dd5dab24dae03f5329f20e2e9b', disabled: this.disabled, name: this.name }, index.h("slot", { key: '8821fe6e52e1f4504b1803936fc7029963bfaefc' })));
|
|
12676
12655
|
break;
|
|
12677
12656
|
}
|
|
12678
12657
|
return result;
|
|
@@ -12775,9 +12754,8 @@ exports.smoothly_theme_colors = SmoothlyThemeColors$1;
|
|
|
12775
12754
|
exports.smoothly_theme_demo = SmoothlyThemeDemo;
|
|
12776
12755
|
exports.smoothly_theme_guide = SmoothlyThemeColors;
|
|
12777
12756
|
exports.smoothly_theme_picker = SmoothlyThemePicker;
|
|
12778
|
-
exports.smoothly_toggle = SmoothlyToggle;
|
|
12779
12757
|
exports.smoothly_toggle_switch = SmoothlyToggleSwitch;
|
|
12780
12758
|
exports.smoothly_toggle_switch_demo = SmoothlyToggleSwitchDemo;
|
|
12781
12759
|
exports.smoothly_trigger = SmoothlyTrigger;
|
|
12782
12760
|
|
|
12783
|
-
//# sourceMappingURL=smoothly-
|
|
12761
|
+
//# sourceMappingURL=smoothly-app_98.cjs.entry.js.map
|