smoothly 1.122.0 → 1.124.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/smoothly-app_99.cjs.entry.js +88 -75
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +1 -1
- package/dist/cjs/smoothly-submit.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
- package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
- package/dist/cjs/smoothly.cjs.js +1 -1
- package/dist/collection/components/input/demo/date/index.js +1 -1
- package/dist/collection/components/input/demo/index.js +2 -2
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/demo/price/index.js +1 -1
- package/dist/collection/components/input/demo/radio/index.js +1 -1
- package/dist/collection/components/input/demo/standard/index.js +1 -1
- package/dist/collection/components/input/demo/user-input/index.js +3 -3
- package/dist/collection/components/input/edit/index.js +1 -1
- package/dist/collection/components/input/file/index.js +1 -1
- package/dist/collection/components/input/month/index.js +4 -4
- 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 +2 -2
- package/dist/collection/components/input/reset/index.js +1 -1
- package/dist/collection/components/input/select/index.js +65 -4
- package/dist/collection/components/input/select/index.js.map +1 -1
- package/dist/collection/components/input/select/menu.js +5 -0
- package/dist/collection/components/input/select/menu.js.map +1 -1
- package/dist/collection/components/input/select/style.css +4 -1
- 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 +2 -2
- package/dist/collection/components/notification/index.js +1 -1
- package/dist/collection/components/notifier/demo/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/group/index.js +1 -1
- package/dist/collection/components/table/demo/index.js +1 -1
- package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
- package/dist/collection/components/table/demo/nested-no-cell/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 +2 -2
- 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/tab/index.js +1 -1
- package/dist/collection/components/theme/color/index.js +1 -1
- package/dist/collection/components/theme/demo/index.js +1 -1
- package/dist/collection/components/theme/guide/index.js +8 -8
- package/dist/collection/components/theme/picker/index.js +2 -2
- package/dist/collection/components/toggle-switch/demo/index.js +1 -1
- package/dist/collection/components/toggle-switch/index.js +1 -1
- package/dist/collection/components/trigger/index.js +1 -1
- package/dist/collection/components/trigger/sink/index.js +1 -1
- package/dist/collection/components/trigger/source/index.js +1 -1
- package/dist/components/p-1IbSjfRJ.js +2 -0
- package/dist/components/{p-Dff2v1VD.js.map → p-1IbSjfRJ.js.map} +1 -1
- package/dist/components/{p-C9_7A_n7.js → p-6t4TTe9M.js} +2 -2
- package/dist/components/{p-CttQUOE5.js → p-7Bkv44Kg.js} +2 -2
- package/dist/components/{p-DN8CxJxb.js → p-8kVBmIEY.js} +2 -2
- package/dist/components/{p-DbQqZdoI.js → p-B1agr2Cu.js} +2 -2
- package/dist/components/{p-BaXCWr8l.js → p-B2SQlYXg.js} +2 -2
- package/dist/components/{p-B2eJc1lR.js → p-B2_ScOnh.js} +2 -2
- package/dist/components/p-B4ZWPf6K.js +2 -0
- package/dist/components/p-B8xGVFme.js +2 -0
- package/dist/components/{p-Dd9tz4Tj.js → p-BAMxyPpe.js} +2 -2
- package/dist/components/{p-C2woWb9T.js → p-BCX9Z_Id.js} +2 -2
- package/dist/components/{p-DFh4J14i.js → p-BKKtlLzJ.js} +2 -2
- package/dist/components/{p-vvQg46ti.js → p-BLDkKrD6.js} +2 -2
- package/dist/components/{p-CF7MePy1.js → p-BMCHQuiC.js} +2 -2
- package/dist/components/{p-XZAGPm4i.js → p-BNCRANHq.js} +2 -2
- package/dist/components/{p-CsTmaH-Y.js → p-BOgkCDpz.js} +2 -2
- package/dist/components/{p-gEWA_tZo.js → p-BR6cMQkb.js} +2 -2
- package/dist/components/{p-o8kM0Soe.js → p-BWF43Ktc.js} +2 -2
- package/dist/components/{p-CrnjoFOX.js → p-B_8v46jP.js} +2 -2
- package/dist/components/{p--44NQk1v.js → p-BaA80q8p.js} +2 -2
- package/dist/components/p-Bdn7S2FK.js +2 -0
- package/dist/components/{p-B1VLjp0y.js → p-BeMfiXqA.js} +2 -2
- package/dist/components/{p-MduEqLch.js → p-BiRi-ZIu.js} +2 -2
- package/dist/components/{p-CaQWZMN4.js → p-BkrgS2Eo.js} +2 -2
- package/dist/components/{p-0Oak1FtC.js → p-BmOu5krL.js} +2 -2
- package/dist/components/{p-KZeR_6LG.js → p-Bp65xiCy.js} +2 -2
- package/dist/components/{p-BLdivqFr.js → p-C3bp3FF4.js} +2 -2
- package/dist/components/p-C3ntRScd.js +2 -0
- package/dist/components/{p-Bzg8bBIr.js → p-C4PyQibs.js} +2 -2
- package/dist/components/{p-C-5nbahV.js → p-CA4ZV5xR.js} +2 -2
- package/dist/components/{p-D57O7AkC.js → p-CFSQhgLX.js} +2 -2
- package/dist/components/{p-QtHFbgfu.js → p-CI8xrsZF.js} +2 -2
- package/dist/components/{p-tD13Ef_1.js → p-CMEM-pz8.js} +2 -2
- package/dist/components/{p-C22G-tNF.js → p-CMhSJk_G.js} +2 -2
- package/dist/components/{p-KhaLdt5K.js → p-CW-4QxIV.js} +2 -2
- package/dist/components/{p-DLgeylX5.js → p-CXd0RCW9.js} +2 -2
- package/dist/components/{p-CtVEKtM6.js → p-CZY1H_tZ.js} +2 -2
- package/dist/components/p-CcJJSSNp.js +2 -0
- package/dist/components/{p-wjlHVReJ.js → p-CcJ_7PQR.js} +2 -2
- package/dist/components/p-Cd3l3tXR.js +2 -0
- package/dist/components/p-Cg9sulGk.js +2 -0
- package/dist/components/{p-BI_XG1Oj.js → p-CnPK9tlN.js} +2 -2
- package/dist/components/p-Cu84ppD4.js +2 -0
- package/dist/components/{p-Cs0CtSI2.js → p-Cvc3SMPo.js} +2 -2
- package/dist/components/{p-4Xn3Nprv.js → p-CvhP-Vls.js} +2 -2
- package/dist/components/{p-BSHxNVcQ.js → p-D1kz47jP.js} +2 -2
- package/dist/components/{p-BsHachOX.js → p-D6t9mpY2.js} +2 -2
- package/dist/components/{p-B3S9rR8a.js → p-D7ibQkKs.js} +2 -2
- package/dist/components/p-DAB4uIiw.js +2 -0
- package/dist/components/p-DB5eYiPc.js +2 -0
- package/dist/components/p-DB5eYiPc.js.map +1 -0
- package/dist/components/{p-DWcI5nnM.js → p-DDlDQL4g.js} +2 -2
- package/dist/components/{p-DlkQKgfQ.js → p-DDxHDn3A.js} +2 -2
- package/dist/components/{p-DY_crgmf.js → p-DGKXbkuc.js} +2 -2
- package/dist/components/p-DNSImvvt.js +2 -0
- package/dist/components/{p-Cs1TuGgV.js.map → p-DNSImvvt.js.map} +1 -1
- package/dist/components/{p-CKD_8Dn1.js → p-DTVTH7QY.js} +2 -2
- package/dist/components/p-DTo2Itg9.js +2 -0
- package/dist/components/p-DTo2Itg9.js.map +1 -0
- package/dist/components/p-DWA8xW2u.js +2 -0
- package/dist/components/p-DXFBAVrd.js +2 -0
- package/dist/components/{p-B7BXt5wC.js.map → p-DXFBAVrd.js.map} +1 -1
- package/dist/components/{p-B7WG3bLU.js → p-DaxzTpsr.js} +2 -2
- package/dist/components/p-Dbwl2AV3.js +2 -0
- package/dist/components/{p-Ch5M1RA7.js → p-DcOQ-AL9.js} +2 -2
- package/dist/components/{p-BsimTIMh.js → p-DfSSSicA.js} +2 -2
- package/dist/components/{p-7_LLYsTi.js → p-DfwyarvV.js} +2 -2
- package/dist/components/{p-zRKK2Cul.js → p-Doc1GrjW.js} +2 -2
- package/dist/components/{p-CVdJ19AA.js → p-DtGUtK97.js} +2 -2
- package/dist/components/p-Du3BErGp.js +2 -0
- package/dist/components/{p-MqffyRVU.js → p-EqRJl32n.js} +2 -2
- package/dist/components/p-F7kTA33j.js +2 -0
- package/dist/components/{p-WvQaS_J6.js → p-J05ZrIy8.js} +2 -2
- package/dist/components/{p-CceVYEd4.js → p-KvtHm4oA.js} +2 -2
- package/dist/components/{p-DvOr53No.js → p-MWZzvkuh.js} +2 -2
- package/dist/components/{p-PwCtk_DY.js → p-WyNQ9SZM.js} +2 -2
- package/dist/components/{p-EsCYK0HQ.js → p-XXG8KYEH.js} +2 -2
- package/dist/components/{p-CYxd1Pkd.js → p-_46rt1sK.js} +2 -2
- package/dist/components/p-ca1ZzpjQ.js +2 -0
- package/dist/components/{p-BX-sEZyq.js → p-e3dhSqSH.js} +2 -2
- package/dist/components/p-fZNu4CkP.js +2 -0
- package/dist/components/{p-DYvlD9aR.js → p-gELDTDod.js} +2 -2
- package/dist/components/p-i49ZmE4D.js +2 -0
- package/dist/components/{p-CTwHHE82.js → p-jd_qrwk9.js} +2 -2
- package/dist/components/{p-CHjWijPI.js → p-l7KxEsrG.js} +2 -2
- package/dist/components/p-nBkQozv8.js +2 -0
- package/dist/components/{p-Cx_sM6Sy.js.map → p-nBkQozv8.js.map} +1 -1
- package/dist/components/p-yIbGvKho.js +2 -0
- package/dist/components/smoothly-app-demo.js +1 -1
- package/dist/components/smoothly-app-room.js +1 -1
- package/dist/components/smoothly-app.js +1 -1
- package/dist/components/smoothly-button-demo-standard.js +1 -1
- package/dist/components/smoothly-button-demo.js +1 -1
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-dialog-demo.js +1 -1
- package/dist/components/smoothly-dialog.js +1 -1
- package/dist/components/smoothly-display-demo.js +1 -1
- package/dist/components/smoothly-form-demo-all.js +1 -1
- package/dist/components/smoothly-form-demo-card.js +1 -1
- package/dist/components/smoothly-form-demo-controlled.js +1 -1
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-date.js +1 -1
- package/dist/components/smoothly-form-demo-login.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-prices.js +1 -1
- package/dist/components/smoothly-form-demo-schedule.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo-typed.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-icon-demo.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +1 -1
- 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-demo.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date-time.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-radio.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo-user-input.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-demo.js +1 -1
- package/dist/components/smoothly-notifier.js +1 -1
- package/dist/components/smoothly-spinner.js +1 -1
- package/dist/components/smoothly-submit.js +1 -1
- package/dist/components/smoothly-summary.js +1 -1
- package/dist/components/smoothly-tab.js +1 -1
- package/dist/components/smoothly-table-body.js +1 -1
- package/dist/components/smoothly-table-cell.js +1 -1
- package/dist/components/smoothly-table-demo-colspan.js +1 -1
- package/dist/components/smoothly-table-demo-filler-row.js +1 -1
- package/dist/components/smoothly-table-demo-group.js +1 -1
- package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
- package/dist/components/smoothly-table-demo-nested-no-cell.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-theme-color.js +1 -1
- package/dist/components/smoothly-theme-colors.js +1 -1
- package/dist/components/smoothly-theme-demo.js +1 -1
- package/dist/components/smoothly-theme-guide.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/components/smoothly-toggle-switch-demo.js +1 -1
- package/dist/components/smoothly-toggle-switch.js +1 -1
- package/dist/components/smoothly-trigger-sink.js +1 -1
- package/dist/components/smoothly-trigger-source.js +1 -1
- package/dist/components/smoothly-trigger.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/smoothly-app_99.entry.js +88 -75
- package/dist/esm/smoothly-app_99.entry.js.map +1 -1
- package/dist/esm/smoothly-submit.entry.js +1 -1
- package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
- package/dist/esm/smoothly-trigger-source.entry.js +1 -1
- package/dist/esm/smoothly.js +1 -1
- package/dist/smoothly/{p-64cc747b.entry.js → p-0a167245.entry.js} +2 -2
- package/dist/smoothly/{p-e8015fc7.entry.js → p-4796e508.entry.js} +2 -2
- package/dist/smoothly/{p-2ea46d26.entry.js → p-53cbd170.entry.js} +2 -2
- package/dist/smoothly/p-53cbd170.entry.js.map +1 -0
- package/dist/smoothly/{p-c70e24bf.entry.js → p-d4e775c4.entry.js} +2 -2
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/input/select/index.d.ts +3 -0
- package/dist/types/components/input/select/menu.d.ts +1 -0
- package/dist/types/components.d.ts +14 -0
- package/package.json +1 -1
- package/dist/components/p-1eBV_fsy.js +0 -2
- package/dist/components/p-B7BXt5wC.js +0 -2
- package/dist/components/p-B7y_cC4v.js +0 -2
- package/dist/components/p-BJA3pU4q.js +0 -2
- package/dist/components/p-BKiQn3aG.js +0 -2
- package/dist/components/p-BbtmZQlk.js +0 -2
- package/dist/components/p-BcV_X5mg.js +0 -2
- package/dist/components/p-BplZiuMF.js +0 -2
- package/dist/components/p-BplZiuMF.js.map +0 -1
- package/dist/components/p-CDbQFx9i.js +0 -2
- package/dist/components/p-CDbQFx9i.js.map +0 -1
- package/dist/components/p-CGfga7g-.js +0 -2
- package/dist/components/p-CPhreyuD.js +0 -2
- package/dist/components/p-Cfvi2T1F.js +0 -2
- package/dist/components/p-Ch1HU37X.js +0 -2
- package/dist/components/p-Cs1TuGgV.js +0 -2
- package/dist/components/p-Cx_sM6Sy.js +0 -2
- package/dist/components/p-Cyi2S_Qh.js +0 -2
- package/dist/components/p-D5xdTtVs.js +0 -2
- package/dist/components/p-DA4pyC19.js +0 -2
- package/dist/components/p-DLtJSM-r.js +0 -2
- package/dist/components/p-DO3QrEu1.js +0 -2
- package/dist/components/p-Dff2v1VD.js +0 -2
- package/dist/components/p-U7a1lSmf.js +0 -2
- package/dist/components/p-ewmy4_JT.js +0 -2
- package/dist/smoothly/p-2ea46d26.entry.js.map +0 -1
- /package/dist/components/{p-C9_7A_n7.js.map → p-6t4TTe9M.js.map} +0 -0
- /package/dist/components/{p-CttQUOE5.js.map → p-7Bkv44Kg.js.map} +0 -0
- /package/dist/components/{p-DN8CxJxb.js.map → p-8kVBmIEY.js.map} +0 -0
- /package/dist/components/{p-DbQqZdoI.js.map → p-B1agr2Cu.js.map} +0 -0
- /package/dist/components/{p-BaXCWr8l.js.map → p-B2SQlYXg.js.map} +0 -0
- /package/dist/components/{p-B2eJc1lR.js.map → p-B2_ScOnh.js.map} +0 -0
- /package/dist/components/{p-BbtmZQlk.js.map → p-B4ZWPf6K.js.map} +0 -0
- /package/dist/components/{p-CPhreyuD.js.map → p-B8xGVFme.js.map} +0 -0
- /package/dist/components/{p-Dd9tz4Tj.js.map → p-BAMxyPpe.js.map} +0 -0
- /package/dist/components/{p-C2woWb9T.js.map → p-BCX9Z_Id.js.map} +0 -0
- /package/dist/components/{p-DFh4J14i.js.map → p-BKKtlLzJ.js.map} +0 -0
- /package/dist/components/{p-vvQg46ti.js.map → p-BLDkKrD6.js.map} +0 -0
- /package/dist/components/{p-CF7MePy1.js.map → p-BMCHQuiC.js.map} +0 -0
- /package/dist/components/{p-XZAGPm4i.js.map → p-BNCRANHq.js.map} +0 -0
- /package/dist/components/{p-CsTmaH-Y.js.map → p-BOgkCDpz.js.map} +0 -0
- /package/dist/components/{p-gEWA_tZo.js.map → p-BR6cMQkb.js.map} +0 -0
- /package/dist/components/{p-o8kM0Soe.js.map → p-BWF43Ktc.js.map} +0 -0
- /package/dist/components/{p-CrnjoFOX.js.map → p-B_8v46jP.js.map} +0 -0
- /package/dist/components/{p--44NQk1v.js.map → p-BaA80q8p.js.map} +0 -0
- /package/dist/components/{p-1eBV_fsy.js.map → p-Bdn7S2FK.js.map} +0 -0
- /package/dist/components/{p-B1VLjp0y.js.map → p-BeMfiXqA.js.map} +0 -0
- /package/dist/components/{p-MduEqLch.js.map → p-BiRi-ZIu.js.map} +0 -0
- /package/dist/components/{p-CaQWZMN4.js.map → p-BkrgS2Eo.js.map} +0 -0
- /package/dist/components/{p-0Oak1FtC.js.map → p-BmOu5krL.js.map} +0 -0
- /package/dist/components/{p-KZeR_6LG.js.map → p-Bp65xiCy.js.map} +0 -0
- /package/dist/components/{p-BLdivqFr.js.map → p-C3bp3FF4.js.map} +0 -0
- /package/dist/components/{p-Ch1HU37X.js.map → p-C3ntRScd.js.map} +0 -0
- /package/dist/components/{p-Bzg8bBIr.js.map → p-C4PyQibs.js.map} +0 -0
- /package/dist/components/{p-C-5nbahV.js.map → p-CA4ZV5xR.js.map} +0 -0
- /package/dist/components/{p-D57O7AkC.js.map → p-CFSQhgLX.js.map} +0 -0
- /package/dist/components/{p-QtHFbgfu.js.map → p-CI8xrsZF.js.map} +0 -0
- /package/dist/components/{p-tD13Ef_1.js.map → p-CMEM-pz8.js.map} +0 -0
- /package/dist/components/{p-C22G-tNF.js.map → p-CMhSJk_G.js.map} +0 -0
- /package/dist/components/{p-KhaLdt5K.js.map → p-CW-4QxIV.js.map} +0 -0
- /package/dist/components/{p-DLgeylX5.js.map → p-CXd0RCW9.js.map} +0 -0
- /package/dist/components/{p-CtVEKtM6.js.map → p-CZY1H_tZ.js.map} +0 -0
- /package/dist/components/{p-CGfga7g-.js.map → p-CcJJSSNp.js.map} +0 -0
- /package/dist/components/{p-wjlHVReJ.js.map → p-CcJ_7PQR.js.map} +0 -0
- /package/dist/components/{p-Cyi2S_Qh.js.map → p-Cd3l3tXR.js.map} +0 -0
- /package/dist/components/{p-BKiQn3aG.js.map → p-Cg9sulGk.js.map} +0 -0
- /package/dist/components/{p-BI_XG1Oj.js.map → p-CnPK9tlN.js.map} +0 -0
- /package/dist/components/{p-DLtJSM-r.js.map → p-Cu84ppD4.js.map} +0 -0
- /package/dist/components/{p-Cs0CtSI2.js.map → p-Cvc3SMPo.js.map} +0 -0
- /package/dist/components/{p-4Xn3Nprv.js.map → p-CvhP-Vls.js.map} +0 -0
- /package/dist/components/{p-BSHxNVcQ.js.map → p-D1kz47jP.js.map} +0 -0
- /package/dist/components/{p-BsHachOX.js.map → p-D6t9mpY2.js.map} +0 -0
- /package/dist/components/{p-B3S9rR8a.js.map → p-D7ibQkKs.js.map} +0 -0
- /package/dist/components/{p-Cfvi2T1F.js.map → p-DAB4uIiw.js.map} +0 -0
- /package/dist/components/{p-DWcI5nnM.js.map → p-DDlDQL4g.js.map} +0 -0
- /package/dist/components/{p-DlkQKgfQ.js.map → p-DDxHDn3A.js.map} +0 -0
- /package/dist/components/{p-DY_crgmf.js.map → p-DGKXbkuc.js.map} +0 -0
- /package/dist/components/{p-CKD_8Dn1.js.map → p-DTVTH7QY.js.map} +0 -0
- /package/dist/components/{p-B7y_cC4v.js.map → p-DWA8xW2u.js.map} +0 -0
- /package/dist/components/{p-B7WG3bLU.js.map → p-DaxzTpsr.js.map} +0 -0
- /package/dist/components/{p-BJA3pU4q.js.map → p-Dbwl2AV3.js.map} +0 -0
- /package/dist/components/{p-Ch5M1RA7.js.map → p-DcOQ-AL9.js.map} +0 -0
- /package/dist/components/{p-BsimTIMh.js.map → p-DfSSSicA.js.map} +0 -0
- /package/dist/components/{p-7_LLYsTi.js.map → p-DfwyarvV.js.map} +0 -0
- /package/dist/components/{p-zRKK2Cul.js.map → p-Doc1GrjW.js.map} +0 -0
- /package/dist/components/{p-CVdJ19AA.js.map → p-DtGUtK97.js.map} +0 -0
- /package/dist/components/{p-BcV_X5mg.js.map → p-Du3BErGp.js.map} +0 -0
- /package/dist/components/{p-MqffyRVU.js.map → p-EqRJl32n.js.map} +0 -0
- /package/dist/components/{p-ewmy4_JT.js.map → p-F7kTA33j.js.map} +0 -0
- /package/dist/components/{p-WvQaS_J6.js.map → p-J05ZrIy8.js.map} +0 -0
- /package/dist/components/{p-CceVYEd4.js.map → p-KvtHm4oA.js.map} +0 -0
- /package/dist/components/{p-DvOr53No.js.map → p-MWZzvkuh.js.map} +0 -0
- /package/dist/components/{p-PwCtk_DY.js.map → p-WyNQ9SZM.js.map} +0 -0
- /package/dist/components/{p-EsCYK0HQ.js.map → p-XXG8KYEH.js.map} +0 -0
- /package/dist/components/{p-CYxd1Pkd.js.map → p-_46rt1sK.js.map} +0 -0
- /package/dist/components/{p-DO3QrEu1.js.map → p-ca1ZzpjQ.js.map} +0 -0
- /package/dist/components/{p-BX-sEZyq.js.map → p-e3dhSqSH.js.map} +0 -0
- /package/dist/components/{p-U7a1lSmf.js.map → p-fZNu4CkP.js.map} +0 -0
- /package/dist/components/{p-DYvlD9aR.js.map → p-gELDTDod.js.map} +0 -0
- /package/dist/components/{p-DA4pyC19.js.map → p-i49ZmE4D.js.map} +0 -0
- /package/dist/components/{p-CTwHHE82.js.map → p-jd_qrwk9.js.map} +0 -0
- /package/dist/components/{p-CHjWijPI.js.map → p-l7KxEsrG.js.map} +0 -0
- /package/dist/components/{p-D5xdTtVs.js.map → p-yIbGvKho.js.map} +0 -0
- /package/dist/smoothly/{p-64cc747b.entry.js.map → p-0a167245.entry.js.map} +0 -0
- /package/dist/smoothly/{p-e8015fc7.entry.js.map → p-4796e508.entry.js.map} +0 -0
- /package/dist/smoothly/{p-c70e24bf.entry.js.map → p-d4e775c4.entry.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemoColspan {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '5bb9813d47d1db3bc22220f37684497c4ca8f2bd' }, h("smoothly-table", { key: '6f7b0f991acf1b7f5acf0fb65b5c819ed013cf3d', columns: 3 }, h("smoothly-table-head", { key: 'edc99ec7f702e6fe8dd756ed69e565a95dcd472b' }, h("smoothly-table-row", { key: '47b2b2fe6cb7f51b442f4c81e9126202b1c7c8c3' }, h("smoothly-table-cell", { key: '55f3222178c889b5973f667219da7ae264888015' }, "Date"), h("smoothly-table-cell", { key: 'b66af5e27fadc4c433d1e770fa42595dad35c91c' }, "Skip"), h("smoothly-table-cell", { key: '945ac4f2179e932a19e4af3c5984b438cdf66aaf' }, "Total"))), h("smoothly-table-body", { key: '7a78a928b7698a3d4dbb8cc110cba6e092f9d0e1' }, h("smoothly-table-row", { key: '2366aafaabb790d4e4f623d3223def5a5157b80b' }, h("smoothly-table-cell", { key: '388661156ce57cceeca8dba5cf949c167243664f', span: 2 }, h("smoothly-display", { key: 'dc4994f0086d6f95fcf3610caef8c33994285700', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '34a6c4374ff76e6bfea930b6df6efab6555bf527' }, h("smoothly-display", { key: 'f077e002fc6e67894af561548a1b640b293efdbe', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'd80a66ab18c26be3cb098c15f8516bd7b7f4f311' }, h("smoothly-table-expandable-cell", { key: 'c87f637adece3cb7be000f2c79804a4d6cb18493', span: 2 }, h("smoothly-display", { key: 'e98b2f42a4f239f0392cc3061afc1a17843b01da', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'cf4208c25aef5035c832fdc56f21af00f067a7d0', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '3b7e2255b4ce1b0d8c2a135164af48cff025e3f2' }, h("smoothly-display", { key: 'eb34c6cacb66fa18cf597427513bdaad1a358629', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '3e1b1418fa38a7fa4e283386fdace44845c558fa', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '031144a69c437d09bc4eba7b155de56acb89e500' }, h("smoothly-table-cell", { key: '22d04fcea0eced05eba133bdaa255345a46885b3' }, h("smoothly-display", { key: 'c039a6c696c335d50bae24058f2f523c0fd22003', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '7d36890a8f8c7e1516094aed5395995531f315cb' }, "Not Skipped"), h("smoothly-table-cell", { key: 'f15c8f77ea83e115038b9f822fa1c740b2ca20f1' }, h("smoothly-display", { key: '51f9706d24f3187a9c0edeca8b505ec4aa11b0e0', type: "price", value: 320, currency: "EUR" })))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo-colspan"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -9,7 +9,7 @@ export class SmoothlyTableDemoFillerRow {
|
|
|
9
9
|
}, 3000);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '09e5d41ab4453db60da3d6882e3a249b5b7e1efb' }, h("smoothly-display", { key: 'c884544b6be16e6db27aa14fd74c945ff7791739', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'fb21fd98abb9f1932d1588759925b51915986778', color: "primary", columns: 4 }, h("smoothly-table-head", { key: 'ff1eca4566d2438b7554c3916c15ac09baabb3c8' }, h("smoothly-table-row", { key: '2c023e03a6f8f857368fefc3c7556c1c7898cb21' }, h("smoothly-table-cell", { key: '02b65f85b79633ed7256bb8b18a77de7d980873e' }, "Breed"), h("smoothly-table-cell", { key: '027ef71ae92b3ba437db7985852e20aa216188d8' }, "Country"), h("smoothly-table-cell", { key: '864265604fca102d3f9a185b2711679ead048ed6' }, "Coat"), h("smoothly-table-cell", { key: '2d3f0309e3e958ede3a6b9ecdbeae97d05c90e36' }, "Origin"))), h("smoothly-table-body", { key: 'ebc7b803777f720f03fb5e69955ffb427eec75ee' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "smoothly-table-demo-filler-row"; }
|
|
15
15
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment, h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemoGroup {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '1018b8ebc4a2664146c044a5af08cfc403fdba17' }, h("smoothly-display", { key: '156fb43c20ee6f8d98d7c4273c5f7c1e7a7f4c63', type: "text", value: "Group" }), h("smoothly-table", { key: '46410eba49dfd918b0f6a0ce851a4d78c0b6d63e', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '9f570364392c2bb62d107ecb63062e55840561d1' }, h("smoothly-table-row", { key: 'f2a586ccdd1a76adbb402a1e36e9765bf6981921' }, h("smoothly-table-cell", { key: '0896f702cd68a9692ab9a184994ea7924a9556ca' }, "Date"), h("smoothly-table-cell", { key: '8164db8527d98cb1fb7a37c9967a1d944c309244' }, "Total"))), h("smoothly-table-body", { key: 'a13835704bdebe92f6cb2d2b472d44324680d8b0' }, h("smoothly-table-row-group", { key: '913d221b9123bfee82db1756b2e87b167ca2ba80', align: true }, h("smoothly-display", { key: '36c9a42042b968c1bce4ca33625ae7a0fc871ddf', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'ba53195b503da10700f3b2ba8eef6ed2677069bf', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '22cfad4a47876d0e81597809976964824fd2f538' }, h("smoothly-table-cell", { key: '2c6f7f4caacb1b0dfc0483e2fcb8dcc15c8d12ca' }, h("smoothly-display", { key: '2e7a2aeacff8cbfb32a6c3b22157d6c5e7a3ed1b', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '11fa98b3074ac97bd4d7692910ee3c5e79e7f5af' }, h("smoothly-display", { key: 'b34fad882944ad708298d0e6818522a6e77eb7a5', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'a73076085f4d0d3cf3c6db40229fc6f6827d388e', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'd0be11a2e5cefaacfefd46354e1dc7d007b85f11' }, h("smoothly-table-cell", { key: '8da6d365e1f1928f0ded7a94e19446748e0658e3' }, h("smoothly-display", { key: '1c173affd2e8899159f6afe0d2c67366961cda4b', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a2f8076b4b23b2d6e67e92edd925c0447351dcff' }, h("smoothly-display", { key: 'bb8ae8fdad6c2b2b475635ea4de50571b2ddb1f8', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'da2b74dfdb241693fd91f7488a55ed3bd2360bd2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '093beb640b56960968b0abb70586c6ba0a063e78' }, h("smoothly-table-cell", { key: '077a3742a8533a17486800c74ca7fea44d23e569' }, h("smoothly-display", { key: 'd5c18744fb9c8f0ed1358579eaf392e474ca3110', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '52e33f3bdcf4b13f24dfd3249dbb5ad09ef741f4' }, h("smoothly-display", { key: '6e15b5560fd4e7a5f6227bd67949953d77d75141', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '04eb5b29dfd3357a5aacc74014567b0fb3221acf' }, h("smoothly-display", { key: '471be92684f0990c0e81cef378ba4c1a04cd7683', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'c580d72e50702129ea8d498390424932a96bfb05', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'e120aa8a654972237d7d3f77e395667f1ed86f5f' }, h("smoothly-table-cell", { key: '478b6acdb0ff7933091a67a8b56ef0aeddafff7a' }, h("smoothly-display", { key: '8157a143e2f91bcb98c74d1d4b9e21d62cf75876', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '2cd00ae76248e86b110550daff7523b06b74a661' }, h("smoothly-display", { key: 'c364434851ebdb9dd4ea1085aca2f32674fbfee7', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c7b3d0cb9b5694f50f02472c7bd5c0e5e7ade73a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'cb715e8e09efa27facaafc38bcfe1bab7a8430a9' }, h("smoothly-table-cell", { key: 'dc7150566ec0a9fbe7f10dbcfbfa04094c1566d8' }, h("smoothly-display", { key: '8db703f533d729b467ea53facf1b5714a9d0007c', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'e69fb07aea49630093e5b50eb21aac0a512b585e' }, h("smoothly-display", { key: '511867e910bc46033a86b884e71bf3a86004f3d5', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '559dcd86bf7e5182b648269bfe7c89efae6d90b8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'cd4c7dd32d9ca131cb928bfe966667d5ef015a06' }, h("smoothly-display", { key: '93e31cfc7b700f37eb85a537fa0dcdee5341e21f', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '212c14a6cc880aca7e28fc13c64aec713cc9ad06' }, h("smoothly-table-cell", { key: 'bea8887113d5e2c478296e83e156b9d841d04d9d' }, h("smoothly-display", { key: '833d792a99e598d79e7ead80cce484975271e945', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'ee079618899cedabfee38e767e1ebb1d6ea0bd72' }, h("smoothly-display", { key: 'c465529c47972d35e2c88c21063adcdae1be074a', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c13bdae5b1e4b93fef96b9663476317175994ca2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'b8997a4f3d02fa1562f294ab8b511d1a6ab1a340' }, h("smoothly-table-cell", { key: '98b18cb5d2dfb3148af7693e3b3e3ca9a18528bc' }, h("smoothly-display", { key: '13245ba80046868112615d3e23a5c10ddc9917d2', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '4acdf8682514dfc9588c4396b22d8eff5814e540' }, h("smoothly-display", { key: '6a78481d96266171b7a2ab85e06ab278e517030c', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd01607c3e985cd163b6d4f3775fdc6b5e07caa22', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'a27ce4b894f53565450af368abf00c996fd7e9d6' }, h("smoothly-display", { key: '6f7039aae41110f2e7fec069b06f4a9b5e7e88af', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '8e5061627868199c6ab234d29eb5b929da8e3970' }, h("smoothly-table-cell", { key: 'b420f93d94c7bf37279ba2ba4237ff24ec6c0845' }, h("smoothly-display", { key: '4dc79070171669b9c3148ae20dd510d47c074044', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '328a16b1224bec0e114456fc6bc907a2f0c7a2fc' }, h("smoothly-display", { key: '880d4fe972fe941c5fee0af89ccf08e78889b131', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'f9f8da2f655820ddc5512b2a00ac98a27d3b4446', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '13b28b2d2aa0339a6ef6f268db7f60d38e392c37' }, h("smoothly-table-cell", { key: 'e0e9375576839c269c8644d147ccad87469f84f2' }, h("smoothly-display", { key: '58507417547c2339a6faccc0eacb450e1414c623', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '14c620d31511aa90005bc84c7cf7aa13e7caafb7' }, h("smoothly-display", { key: 'c02cd95f8366924583fab7c58aec5130c0dc6ab3', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '8c4102ba85f39d1b507430a14bedde4c14352b9d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '1a7ec6cbf9dd25d1e0c347e7f13e7fc84cb13dee' }, h("smoothly-table-row-group", { key: '495ec0d7f737041eed5e18f55b23e2d3a56d1e67' }, h("smoothly-display", { key: '9388119e19fe3736adf805a0cf416fb97ee04a60', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'e316e00a41711f65c5fcdc570ec1893df04553f7', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'cf6cf7ada6dcacae53aafae3a552133140aef6bc' }, h("smoothly-table-row", { key: 'ba1c3a41efd637812f00fc55b36bd3ba18e6b7ca' }, h("fake-cell-wrapper", { key: '47eb9df3010833125da9f5ec203063b46b5c710b' }, h("smoothly-table-cell", { key: '9d4133a5a40bac6293c873272619fa5d5daf02ab' }, h("smoothly-display", { key: '435da756815b232b04c3b736f86f5263f1c69a50', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '5792524b518ac91535c40af3656497412b2fa7d7' }, h("smoothly-table-expandable-cell", { key: 'e327d41231936a6bb12928d4f43d45ba5bc98232' }, h("smoothly-display", { key: '304564a54f555b12d8eb19c138980881287b4cdf', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '13329c446406e78a91610db0eac2490d2d453993', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '6293bf9f19962a2ade3720e10d713c2db4d61cad' }, h("smoothly-table-expandable-row", { key: 'ae588d0c6d672edcdb5ab27cc74a660cba58fb23' }, h("fake-cell-wrapper", { key: '0997b1e181e2806dd2be5d58fd2f2f3a7ead4ee7', class: "span-2" }, h("smoothly-table-cell", { key: '812452b5838a90ae400d5a3db91a7c3b741f9025', span: 2 }, h("smoothly-display", { key: 'f0df840fafa95e1eda96add4bf4c74e2ba6b0744', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '3bfc15b9e23290f24162b9c4edacacc5c498072f', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'c5f72a54bd995bb259c40a03f9eff2b7ed4c2e0d' }, h("smoothly-display", { key: '160d3fee233c0ba6f2bb47a319a3d3a4c20fbf0c', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'a051fa82a2c80f0e61efe82ffc9aab1b12fa5b31', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo-group"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '392f756a60ce9696d3751f3acadef93297c3e643' }, h("smoothly-table-demo-filler-row", { key: '5661e2020b5c73c204c394b88de0265573092758' }), h("smoothly-table-demo-group", { key: 'fe474555113d6507b02d6782184ea01d03a8a662' }), h("smoothly-table-demo-colspan", { key: '2bb99bf815f006ea91ce30c9c7a0d7cba544d002' }), h("smoothly-table-demo-simple", { key: '88c7fc4ac07e640aa0fe70e8bdb6102dcb98c357' }), h("smoothly-table-demo-nested-no-cell", { key: 'deed98e8c8e2b7185ffdebf64076553323cb8019' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCell {
|
|
|
5
5
|
this.loadedRows = [];
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '7bc6c5fec454f34a051539d4332a2b95b1524d36' }, h("smoothly-display", { key: 'd7b4e33850e1ce970844be312a5da0ef8546da81', type: "text", value: "Nested" }), h("smoothly-table", { key: 'c395d0d02151ec40836fb44bca00ecefabc82b00', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'b1d21b6350b49470ce3d3745f067cd0dfe15ca4b' }, h("smoothly-table-row", { key: 'a1744fa8dfd23a4e2b4edfd5be60821d07f9fb8e' }, h("div", { key: 'eeccc6056ab4d36eb45b654874ae1887e416eb68', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'd071193d8db7bf78711e829675ff72a7c31d403c', class: "smoothly-table-cell" }, "Registered"), h("div", { key: '870b213222d6dceaf338df0d852ad2288a1c366a', class: "smoothly-table-cell" }, "Name"), h("div", { key: '4dfbacae8816bcfcfef7090d08ce91851bb02dbc', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'df7eb4a02fccae0c6492193a867d36be269622b1', class: "smoothly-table-cell" }, "Balance"), h("div", { key: 'c0e7a4fb74dfaa3feb90c5365e9b5acf55ba94dc', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '8ee2746419ff0c382e6f64a7b9d4e3b4e608fcb0', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '6a1914277b7ab5442b12671b16afaca77038622a', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '746212a9d93a1577dd5c990b4d14894ceb4f137e' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
|
|
9
9
|
if (event.detail) {
|
|
10
10
|
this.loadingIndex = index;
|
|
11
11
|
setTimeout(() => {
|
|
@@ -13,7 +13,7 @@ export class SmoothlyTableDemoNestedNoCell {
|
|
|
13
13
|
this.loadedRows = [...this.loadedRows, index];
|
|
14
14
|
}, 1500);
|
|
15
15
|
}
|
|
16
|
-
} }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '
|
|
16
|
+
} }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '612581a9f4ea63707d1426c768ba64f7427987bc' }, h("smoothly-table-row", { key: 'a45f88cab126bd830d3919acc896dd99961bdce2' }, h("div", { key: '19f5ea4fb2906eead38c263f5d0ac7e9139977f2', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '039288cb2fa1912826a4bbdde3cba4fc953a99cd', class: "smoothly-table-cell" }, "Footer Cell"))))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-table-demo-nested-no-cell"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
|
|
|
2
2
|
export class SmoothlyTableDemoNestedNoCellInner {
|
|
3
3
|
render() {
|
|
4
4
|
var _a;
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '36f6b45a302f17eea86896fc1904184b34589f19' }, h("smoothly-table", { key: '571e5c1870d82817d674f46832196ba837680b31', columns: 4 }, h("smoothly-table-head", { key: '5b7b5b8d02ff31ec82cd35e6ec688a7adcedcf9e' }, h("smoothly-table-row", { key: 'c7f09a8188bf6be442e687813a9615c3d7afb95a' }, h("div", { key: 'b4294b01db0691cfb53c0e8e2b9c5dd487c2e07d', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'ff9f0472466eb4cad25d0663c183a0a7fe932807', class: "smoothly-table-cell" }, "Name"), h("div", { key: '0275a1da6d14f24d65dd1c179801ac865426dcbe', class: "smoothly-table-cell" }, "Age"), h("div", { key: '3381fd46e6978680d84691992ad093de04ee1ecc', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'fc58d8650b0e04d350518f33cc2fa07f308e40cf' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "smoothly-table-demo-nested-no-cell-inner"; }
|
|
8
8
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableDemoSimple {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '2efdbea999fe8e2d237d018147ee9080b893ad33' }, h("smoothly-display", { key: '12b21356d7aeeae6940243380352b95c12dfff5d', type: "text", value: "Simple" }), h("smoothly-table", { key: '793660cc185168cfc2d80f61e57ab67faffa00d3', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '9d85b0d97a12838aa8c6953155e8a009507f49ac' }, h("smoothly-table-row", { key: '4c6f644786476efe6a1beffcbda13abdcad2fd75' }, h("smoothly-table-cell", { key: '9538d1875ee057f07c33163e1e78a0e30e6558c0' }, "Breed"), h("smoothly-table-cell", { key: '194bf1b1adf62ea0b12c3389fc75fe8d511b14bb' }, "Coat"))), h("smoothly-table-body", { key: '1dec581f127727e413a6e4aad94c7b0d29d8f850' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '0492ef355b8d6829d9e65cd419c521b76bb215f9' }, h("smoothly-table-cell", { key: '3459b0e72cb10dfb0d7f820d5b9fda5ac13c2b17' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '31b3691b9b4e1b51072bbf1bd22e23ad134d3996' }, "Expandable Cell", h("div", { key: 'd0e20ad230d037628ad34b4a12d768c3b4fb4ead', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '74cc23ba61afe01a6f5a89f57fe85d6514aded50' }, h("smoothly-table-expandable-cell", { key: '8e0faf1f2361181aa17943da5c065e7f3a0d87dc' }, "Expandable Cell 1", h("div", { key: 'cbf4bd0814781875bc48ec498699425c21b586ab', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'be15d9e43dad85222e8bc652e6bd68bdbf636a0f' }, "Expandable Cell 2", h("div", { key: '7e1507e45c07ff40bc662a24e6f1d93671de1467', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '94624f1591f9d3a18e3b84dbf8f76d8a46916028' }, h("smoothly-table-row", { key: 'a769b1e334d1f73a1cfc5a9539f31a99fb9e152c' }, h("smoothly-table-cell", { key: 'e14dd9f2bf4762b8e8c91c6309b8b3e966b504bd' }, "Footer Cell"), h("smoothly-table-cell", { key: 'd1b743ab0a072476bf6f7e7240bec71f2a242949' }, "Footer Cell"))))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-demo-simple"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -25,7 +25,7 @@ export class SmoothlyTableExpandableCell {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
var _a;
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '4ad3f23ce5db4ed752db950bd4d3ec54ad839c54', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '676608664ca58dcc52d8d684a23bb324aadda90a', class: "content" }, h("slot", { key: '209daa4ff46fb96909f528c49dd2f802e2b5c090' })), h("div", { key: 'd63a4702d5aa24b8233080a2e621284466312804', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'a10d5ab5cc71f24f1c5f6ee63096fd8a27ea857f', name: "detail" }))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "smoothly-table-expandable-cell"; }
|
|
31
31
|
static get encapsulation() { return "scoped"; }
|
|
@@ -17,7 +17,7 @@ export class SmoothlyTableExpandableRow {
|
|
|
17
17
|
this.smoothlyTableExpandableRowChange.emit(this.open);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '9e84dfc3e17d085b3906f789b014670830079257', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '550fa1569c00ef0a759958b9a731897dc379e7ca' }), h("div", { key: 'b9f6d0b151720b77800c4d610f9682ea9b0a242e', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '6b693e48c396b4915a62700567859fa47e6b682e', name: "detail" }))));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "smoothly-table-expandable-row"; }
|
|
23
23
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableFillerRow {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("smoothly-table-row", { key: '
|
|
4
|
+
return (h("smoothly-table-row", { key: 'd77076fd44474052265f353b93ad55274ce8c58e' }, h("smoothly-table-cell", { key: 'dbb64a7779542001e6ae2a1d7ba60601fe94a8c6' }, h("slot", { key: '73fca7b0a7ee9b9e3cb45b21b9fc83fe1e59c029' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-filler-row"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTableFoot {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '9ed27d9a22178da4bb63dc53fcf5ea68179d43a9' }, h("slot", { key: 'f390e7474a31021cf29914c5b1e994820f3d7265' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-table-foot"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyTableRowGroup {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'ce13a22ad4e51ee514e1e4b2f7a20c46fa92f6f1' }, h("div", { key: 'f02760b02c1bb6041a786cfb6d225e39711ff373', onClick: () => this.clickHandler() }, h("div", { key: 'db60ed9bc5b1122b59951b71ec314541282fcf6a' }, h("slot", { key: '45a5e3c909e67b106fd2d2f4c4569a907d71c144', name: "start" })), h("div", { key: 'ebb125b675ab71d721e3898517b4f4c51fa74b11' }, h("slot", { key: 'd7b3a84aad30848650579443f1545b4728f5e7c3', name: "end" }))), h("div", { key: '25a4c03b5e60f612788485f2aaeaa3c9b1fd0086' }, h("slot", { key: 'a82b554991b81a22415fcd59b286a2a676cd1aac' }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-table-row-group"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -38,10 +38,10 @@ export class SmoothlyTableHead {
|
|
|
38
38
|
(_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '993c6bc1713a36aed6bd3c49fc12998f21f377f5', class: { scrolled: !!this.scrolled }, style: {
|
|
42
42
|
"--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
|
|
43
43
|
"--z-index": `${10 - this.depth}`,
|
|
44
|
-
} }, h("slot", { key: '
|
|
44
|
+
} }, h("slot", { key: '09bb8cb6a4c4d7812f1c7f793a384997dc439933' })));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "smoothly-table-head"; }
|
|
47
47
|
static get encapsulation() { return "scoped"; }
|
|
@@ -10,7 +10,7 @@ export class SmoothlyTable {
|
|
|
10
10
|
event.stopPropagation();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '9f503e8d029a4954a7745e96063590ccd730e69f', style: { "--columns": this.columns.toString() } }, h("slot", { key: '74fe191de90d8e99beae5b5a71805337350d6438' })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "smoothly-table"; }
|
|
16
16
|
static get encapsulation() { return "scoped"; }
|
|
@@ -15,7 +15,7 @@ export class SmoothlyTableRow {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '0425407687e577b5fffba44db7d3d97723c9d5a5' }, h("slot", { key: '51b3451cb07fbd22d1588033a32c1728058fe85c' })));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "smoothly-table-row"; }
|
|
21
21
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyTabsDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '4a80dd41c51100c1301561693d8c4a2df403c4da' }, h("div", { key: '11006ee9bb40b9cf37e2178bce53ed628c1283f6' }, h("smoothly-button", { key: '26ff4ef958ee840faecf68fe2e11a0c3c3cdbc30', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '417217100133e8df781567c756f39f6947c16f89', tabs: "multiple" }, h("smoothly-tab", { key: '724fe03a378b22c016fa2fcda4bad3bc55dfe37a', label: "Single Tab", open: true }, h("strong", { key: 'e604a2da6994a0bbefd94a8ecdc25f526edaf48e' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '93ec1421406263e82787412cb3c81758fd66d13d' }, "tabs"), " to", " ", h("code", { key: '42428750de3b7c3d8b9a07ef405c4a99a01404d9' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'f423d7a8c75b17b2557c1607e234ef55898eb479', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: 'f884806decb90da0e45420a017e2c66a342a766a' }, h("smoothly-button", { key: 'd124105cba0e312a10e023d0cef9fd5b8976589e', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '754abfb1e802e5fe78a41b8a90118988f4cc762a' }, h("smoothly-tab", { key: 'bdeae6ae82b0cc55116be4cc10709df1decd5a52', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '7aaefe748609e3985c2f83acfac325af406e927e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'c1cccf83bc7042494535ed591cf03d930f8d3332', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: 'e77b11f0d06d1805f28092a16d79c5b7cfd926c5', label: "test-extra" }, "this is a test message!"))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-tabs-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -35,7 +35,7 @@ export class SmoothlyTab {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: 'a93d651d7e086f30a2f7cd86855005d028591a36' }, h("div", { key: 'e6fc9b8cac4479fdb717437fe27ed212c218bf4f', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'a4bb76ef8387eeaa26a9ce359c5b7cba807edbaf', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '5fc87df52118a57aac0c2e7ac4b74364f4b256bc', hidden: !this.open }, h("slot", { key: '05b035045f0523f97792127c1f540eea48317c5e' }))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "smoothly-tab"; }
|
|
41
41
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyThemeColor {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'd0a540b220f6677f2789af7d5f837d8886a357d0' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-theme-color"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyThemeDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'b0bbd6191f8813c26d5886781733dd9bf741b99c' }, h("h2", { key: 'e91a7fdb7d96a680e59c927e45acee05200bb95c' }, "Theme"), h("smoothly-theme-picker", { key: '5fd8fdae6e0d2ff31dc0ff17c491238ed35bf490' }, h("smoothly-item", { key: '5920957a82d6ab7172b57eb59b421aa46ee54b9b', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '058c6ccaa2f06a749b822a30efe5cc77c4e10e72', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '39818c97423808e82305846cb10b07a6f33c3f64', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '0c6e1332df64fb8735b4dca530762f21880b26eb', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '622e018eef75102e056658a158bad09a65e8000f', value: "https://test.dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '620929a5b84a9ba4aa5ecddfa594711bf8a01d99', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '53ba85ee8f2756864733dd329e9a2e28e7367197', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '50395895f3cb399882761534e08c7d419a81519e', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'b8becda45015864fa8f5835d3e6cec993b47f59c', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '0ab79f2d41eacb2414707b9c0231771261b0e488' }, h("smoothly-theme-colors", { key: '5f70418b92a6ac65b33f00047dd060f28b5fe020' }), h("smoothly-theme-guide", { key: '102b8e24b377e5b00d5b2f8709faa7e5ba0ef60c' })), h("smoothly-button", { key: '238265f4b86ab0cfdaf98d4ca592a8fc05e68215', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'ffaa46726387eea854bdbc6ffc0d2cea5793f149', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '159b1948947dd3adb43142362d0006c71fdf7c03', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'aa510bc3cf7526bd234ed13089ae752113914423', type: "link", link: "redirect/nested" }, "To redirect nested")));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-theme-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class SmoothlyThemeColors {
|
|
3
3
|
render() {
|
|
4
4
|
return [
|
|
5
|
-
h("smoothly-display", { key: '
|
|
6
|
-
h("br", { key: '
|
|
7
|
-
h("smoothly-display", { key: '
|
|
8
|
-
h("br", { key: '
|
|
9
|
-
h("smoothly-display", { key: '
|
|
10
|
-
h("br", { key: '
|
|
11
|
-
h("smoothly-display", { key: '
|
|
12
|
-
h("br", { key: '
|
|
5
|
+
h("smoothly-display", { key: 'a830c8d6d95a789caee78f4d8417428148983c5e' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
|
|
6
|
+
h("br", { key: 'dbedc7fedfd22a2e565722a82e84dc96fc26a7f8' }),
|
|
7
|
+
h("smoothly-display", { key: '3c4a7c1e786d6127b9678255784764d72f3611a9' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
|
|
8
|
+
h("br", { key: '5bbad40a4217820ba5b332954702a031bf5b9073' }),
|
|
9
|
+
h("smoothly-display", { key: '6bf810cc6c0b3a1d2a67bb8b2779fe3d2c4e4a2e' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
|
|
10
|
+
h("br", { key: 'ef169f909cef881bb6f3a0355dc0b482d8bc0496' }),
|
|
11
|
+
h("smoothly-display", { key: 'bd47c4f897e48cc02787f9e7f9396d2c3df23ddc' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
|
|
12
|
+
h("br", { key: '39fae791a0b502d9a006e8aa395a357c7f3e5308' }),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "smoothly-theme-guide"; }
|
|
@@ -4,12 +4,12 @@ export class SmoothlyThemePicker {
|
|
|
4
4
|
this.element = "smoothly-css";
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: '2af98203042f4b72b535f47ff21ffaa4b5c0af6e' }, h("smoothly-input-select", { key: '247e1590c3198949e097eeb0a29f0cd339df2f81', name: "theme", looks: "border", onSmoothlyInput: e => {
|
|
8
8
|
const element = document.querySelector(`#${this.element}`);
|
|
9
9
|
if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string") {
|
|
10
10
|
element.href = e.detail.theme;
|
|
11
11
|
}
|
|
12
|
-
} }, h("label", { key: '
|
|
12
|
+
} }, h("label", { key: '180f4a1ce2bd43d670e0dc111914ba07907c6176', slot: "label" }, "Select theme"), h("slot", { key: '86681b9a7827f9329d8827fe01618ab39409570f' }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "smoothly-theme-picker"; }
|
|
15
15
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
export class SmoothlyToggleSwitchDemo {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '89947ffb728f613799f1ce93372ef3ec8f0cc111' }, h("h4", { key: 'a31e7b5e87461383260677fdaf600a784c228575' }, "Toggle switches"), h("div", { key: 'bcaab8c0c0a2b201eccd9618f5c4cdd7bf6aadbd' }, h("p", { key: '094b895b55b8fa71b47908d5c96eeb1ea15e11f7' }, "Checkmark"), h("span", { key: '8f4efd3fcea4e6c12e541a779f6c8404da35b731' }, h("p", { key: 'f6fdd02e752edec8bf4742e16450fcbc7b6688b9' }, "Tiny"), h("smoothly-toggle-switch", { key: '3fc6037f4960b8d32ce09f3f9ebba37016e6664a', disabled: false, size: "tiny" })), h("span", { key: '92a0e20c60b42601e287d6ded2d410cf9621fa32' }, h("p", { key: '6f093b2c7c57b5fe575c31a6226a62952264b19f' }, "Small"), h("smoothly-toggle-switch", { key: '5218f5534e4b5fb85aa3fe936ae41793ee442fa6', disabled: false, size: "small" })), h("span", { key: '599a5d20bac26ee391ab151ec3d5676fccdc8054' }, h("p", { key: '225ae580a936c57910647d1c85f092299e8b35dc' }, "Standard"), h("smoothly-toggle-switch", { key: '8207f999bfb0f904c351cea0b527428180215013', disabled: false })), h("span", { key: '82fec0c1bc65ed93ab46f2959ca8ce06e52dbcb3' }, h("p", { key: '7b054a1c33329eced30415d1fc1d72d3021135ca' }, "Large"), h("smoothly-toggle-switch", { key: 'ed2ef6bb357f09b69f086ef8c8a2ce98c5b5748d', disabled: false, size: "large" })), h("p", { key: '79b05ec925bac067ef54dbe70a4bf5e80ab7e4ea' }, "Colors checkmark"), h("span", { key: '7d56fa63b7ea2027292cfe7c4d2299effeb23f38' }, h("p", { key: 'f9a8be885bdbad1e7a7df85b44f173ef54be4446' }, "Danger"), h("smoothly-toggle-switch", { key: '14c4d887786aa9b174b2a26d343308949373167b', color: "danger", disabled: false, size: "small" })), h("span", { key: '536e6923c3a0dc41ef2578477bca30aa4ade8c53' }, h("p", { key: 'ae6488e2f6bfe13d6b66cae9745126ec981178cb' }, "Primary color"), h("smoothly-toggle-switch", { key: '9cc32d5f6a276302a112aacf61a632e7d8628ba7', color: "primary", disabled: false, size: "small" })), h("span", { key: '5770c9460bbba19e751d3925d4f2079eb82b2eed' }, h("p", { key: '52ac34e499689e7707c1f00ec257f2b2c5421289' }, "Secondary color"), h("smoothly-toggle-switch", { key: '0ed76db9819fbb9c055b97ae379f7e570cb1941d', color: "secondary", disabled: false, size: "small" })), h("p", { key: '0ccac3a8a3d45f84e2e897ca1c70bdf5399fdb82' }), h("p", { key: '83ffda4b2eda61607de34fbfa6ec3a0cf57d34b4' }, "Colors no checkmark"), h("span", { key: '152648b67751cc22397a520de71a40f7b546f042' }, h("p", { key: '5f84c9c846c0c3c8f31d419b8b2dc9a71201c697' }, "Danger"), h("smoothly-toggle-switch", { key: '2e8f8db8f6e44225f52a0c23c55a18221d9194bb', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'ed667a303cd132a9c33998fd24318784c7e211a2' }, h("p", { key: '8dd99066536c3569875e1d9b1756201f13b355b0' }, "Primary color"), h("smoothly-toggle-switch", { key: '596e8528d7068418d54650dd77e57e9d7e0c8b6f', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'b5aedfa2dc4cca37b931eb8303f1768d091a9c5d' }, h("p", { key: '2b3b9216aeb1f94641b91eb0c0ec81afdc39561f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '8d5c92b17027032fa44a88a13382e223787b029a', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "smoothly-toggle-switch-demo"; }
|
|
7
7
|
static get encapsulation() { return "scoped"; }
|
|
@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
|
|
|
13
13
|
this.smoothlyToggleSwitchChange.emit(this.selected);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '3a4b9d310da72b52813117929327c8a9a42d32ad' }, h("button", { key: 'ac17b5375ebd1a4437f8ed632f93f1a7c6dde5b3', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '4a07e19ec0a7ee3d0f124b6bcaa2529e055a2a9f', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "smoothly-toggle-switch"; }
|
|
19
19
|
static get encapsulation() { return "scoped"; }
|
|
@@ -16,7 +16,7 @@ export class SmoothlyTrigger {
|
|
|
16
16
|
result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
|
|
17
17
|
break;
|
|
18
18
|
case "button":
|
|
19
|
-
result = (h("button", { key: '
|
|
19
|
+
result = (h("button", { key: '8649cae1ed46bc4c22aafc6dfb5fce04a993bb9d', disabled: this.disabled, name: this.name }, h("slot", { key: 'bdf0d1b51e56dc99e0cc9b3aae2a563de459b377' })));
|
|
20
20
|
break;
|
|
21
21
|
}
|
|
22
22
|
return result;
|
|
@@ -15,7 +15,7 @@ export class SmoothlyTriggerSink {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return h("slot", { key: '
|
|
18
|
+
return h("slot", { key: '51375c910fa0240a9466fa95bc06f3084b3f1eae' });
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "smoothly-trigger-sink"; }
|
|
21
21
|
static get encapsulation() { return "scoped"; }
|
|
@@ -12,7 +12,7 @@ export class SmoothlyTriggerSource {
|
|
|
12
12
|
}, window);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return h("slot", { key: '
|
|
15
|
+
return h("slot", { key: '53bc731dcf567c61175d6959b5f9bcd9849ba6d0' });
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "smoothly-trigger-source"; }
|
|
18
18
|
static get encapsulation() { return "scoped"; }
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{p as o,H as s,c as l,h as a,d,t}from"./p-BsZrGTcp.js";import{d as e}from"./p-DFSiKg4M.js";const m=()=>`.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:20}.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>div.header: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}`;const h=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyModalChange=l(this,"smoothlyModalChange");this.open=false;this.closable=false;this.align="center"}openChanged(){this.smoothlyModalChange.emit(this.open)}async closeModal(){this.open=false}async openModal(){this.open=true}render(){return a(d,{key:"2d4d99ee6e4abfb35ac797df0b23a5021e7f005d",role:"alertdialog",onClick:o=>{this.closable&&!o.composedPath().some((o=>{var s;return(s=o.classList)===null||s===void 0?void 0:s.contains("modal")}))&&this.closeModal()}},a("div",{key:"3bf2318cf763ecd5374fcc2038b9eed817348783",class:"modal"},a("div",{key:"111d3c15f0b59d840936dad804c5802447584c5b",class:"header"},a("slot",{key:"806558a7918a07f205d40cb47d50d5204c7de251",name:"header"}),this.closable&&a("smoothly-icon",{key:"d5f7711fe4b558018bc69ceb49d909b4f9f52b1b",name:"close-outline",fill:"solid",onClick:()=>this.closeModal()})),a("slot",{key:"2e3e96839359404f885e8003a6541e1b012dd6ea"}),a("div",{key:"6afa87e4c5f621a1f71de288b0a8b73fb07db73c",class:"actions"},a("slot",{key:"7a38d753f855f76da81b97e88aa08300056947e6",name:"actions"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return m()}},[262,"smoothly-modal",{open:[1540],closable:[516],align:[513],closeModal:[64],openModal:[64]},undefined,{open:[{openChanged:0}]}]);function c(){if(typeof customElements==="undefined"){return}const o=["smoothly-modal","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-modal":if(!customElements.get(t(o))){customElements.define(t(o),h)}break;case"smoothly-icon":if(!customElements.get(t(o))){e()}break}}))}c();export{h as S,c as d};
|
|
2
|
+
//# sourceMappingURL=p-1IbSjfRJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styleCss","SmoothlyModal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","closable","align","openChanged","smoothlyModalChange","emit","closeModal","openModal","render","h","Host","key","role","onClick","e","composedPath","some","el","_a","classList","contains","class","name","fill"],"sources":["src/components/modal/style.css?tag=smoothly-modal&encapsulation=scoped","src/components/modal/index.tsx"],"sourcesContent":[":host {\n\tposition: fixed;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\tbackground-color: rgba(var(--smoothly-modal-backdrop));\n\tcolor: rgb(var(--smoothly-modal-foreground));\n\tz-index: 20;\n}\n:host:not([open]),\n:host[hidden] {\n\tdisplay: none;\n}\n:host[align=center] {\n\talign-items: center;\n}\n:host[align=top]>div.modal{\n\tmargin-top: calc((100dvh - var(--smoothly-modal-max-height)) / 2);\n}\n\n:host>div.modal {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 2rem;\n\tgap: 1.5rem;\n\twidth: var(--smoothly-modal-width, 40rem);\n\tmax-width: calc(100dvw - 1rem);\n\theight: fit-content;\n\tmax-height: min(var(--smoothly-modal-max-height), 100dvh);\n\tbackground: rgb(var(--smoothly-modal-background, var(--smoothly-color)));\n\tborder: 1px solid rgb(var(--smoothly-modal-border));\n\tborder-radius: var(--smoothly-modal-border-radius);\n\tbox-shadow: var(--smoothly-modal-shadow);\n\tbox-sizing: border-box;\n}\n:host > div.modal > div.header:empty,\n:host > div.modal > div.actions:empty {\n\tdisplay: none;\n}\n:host > div.modal > div.header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n:host > div.modal > *,\n:host > div.modal > div.header > * {\n\tmargin-block: 0;\n}\n:host > div.modal > *:not(.header):not(.actions) {\n\toverflow-y: auto;\n}\n:host > div.modal > div.header:not(:has([slot=\"header\"])) {\n\tjustify-content: end;\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]) {\n\tcursor: pointer;\n\topacity: 0.7;\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]):hover {\n\topacity: 1;\n}\n:host > div.modal > div.actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 1rem;\n\tflex-wrap: wrap;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) align: \"top\" | \"center\" = \"center\"\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\t@Method()\n\tasync closeModal() {\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync openModal() {\n\t\tthis.open = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\tthis.closable && !e.composedPath().some((el: any) => el.classList?.contains(\"modal\")) && this.closeModal()\n\t\t\t\t}}>\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => this.closeModal()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["styleCss","SmoothlyModal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","closable","align","openChanged","smoothlyModalChange","emit","closeModal","openModal","render","h","Host","key","role","onClick","e","composedPath","some","el","_a","classList","contains","class","name","fill"],"sources":["src/components/modal/style.css?tag=smoothly-modal&encapsulation=scoped","src/components/modal/index.tsx"],"sourcesContent":[":host {\n\tposition: fixed;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\tbackground-color: rgba(var(--smoothly-modal-backdrop));\n\tcolor: rgb(var(--smoothly-modal-foreground));\n\tz-index: 20;\n}\n:host:not([open]),\n:host[hidden] {\n\tdisplay: none;\n}\n:host[align=center] {\n\talign-items: center;\n}\n:host[align=top]>div.modal{\n\tmargin-top: calc((100dvh - var(--smoothly-modal-max-height)) / 2);\n}\n\n:host>div.modal {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 2rem;\n\tgap: 1.5rem;\n\twidth: var(--smoothly-modal-width, 40rem);\n\tmax-width: calc(100dvw - 1rem);\n\theight: fit-content;\n\tmax-height: min(var(--smoothly-modal-max-height), 100dvh);\n\tbackground: rgb(var(--smoothly-modal-background, var(--smoothly-color)));\n\tborder: 1px solid rgb(var(--smoothly-modal-border));\n\tborder-radius: var(--smoothly-modal-border-radius);\n\tbox-shadow: var(--smoothly-modal-shadow);\n\tbox-sizing: border-box;\n}\n:host > div.modal > div.header:empty,\n:host > div.modal > div.actions:empty {\n\tdisplay: none;\n}\n:host > div.modal > div.header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n:host > div.modal > *,\n:host > div.modal > div.header > * {\n\tmargin-block: 0;\n}\n:host > div.modal > *:not(.header):not(.actions) {\n\toverflow-y: auto;\n}\n:host > div.modal > div.header:not(:has([slot=\"header\"])) {\n\tjustify-content: end;\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]) {\n\tcursor: pointer;\n\topacity: 0.7;\n\tcolor: rgb(var(--smoothly-default-contrast));\n}\n:host > div.modal > div.header > smoothly-icon:not([slot=\"header\"]):hover {\n\topacity: 1;\n}\n:host > div.modal > div.actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 1rem;\n\tflex-wrap: wrap;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-modal\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyModal {\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) align: \"top\" | \"center\" = \"center\"\n\t@Event() smoothlyModalChange: EventEmitter<boolean>\n\n\t@Watch(\"open\")\n\topenChanged() {\n\t\tthis.smoothlyModalChange.emit(this.open)\n\t}\n\t@Method()\n\tasync closeModal() {\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync openModal() {\n\t\tthis.open = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\trole=\"alertdialog\"\n\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\tthis.closable && !e.composedPath().some((el: any) => el.classList?.contains(\"modal\")) && this.closeModal()\n\t\t\t\t}}>\n\t\t\t\t<div class=\"modal\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t{this.closable && <smoothly-icon name=\"close-outline\" fill=\"solid\" onClick={() => this.closeModal()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iGAAA,MAAMA,EAAW,IAAM,goE,MCOVC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,mGAMyCC,KAAAC,KAAO,MACtBD,KAAAE,SAAW,MACXF,KAAAG,MAA0B,QAoCnD,CAhCA,WAAAC,GACCJ,KAAKK,oBAAoBC,KAAKN,KAAKC,K,CAGpC,gBAAMM,GACLP,KAAKC,KAAO,K,CAGb,eAAMO,GACLR,KAAKC,KAAO,I,CAGb,MAAAQ,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,KAAK,cACLC,QAAUC,IACTf,KAAKE,WAAaa,EAAEC,eAAeC,MAAMC,IAAW,IAAAC,EAAC,OAAAA,EAAAD,EAAGE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,SAAS,QAAQ,KAAKrB,KAAKO,YAAY,GAE3GG,EAAA,OAAAE,IAAA,2CAAKU,MAAM,SACVZ,EAAA,OAAAE,IAAA,2CAAKU,MAAM,UACVZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,WACVvB,KAAKE,UAAYQ,EAAA,iBAAAE,IAAA,2CAAeW,KAAK,gBAAgBC,KAAK,QAAQV,QAAS,IAAMd,KAAKO,gBAExFG,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKU,MAAM,WACVZ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,c","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as l,c as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";const r=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.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.4rem;width:0.4rem;left:0.3rem;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}.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))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[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.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-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.smoothly-table-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))}`;const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as e,H as l,c as o,h as t,d as a,t as s}from"./p-BsZrGTcp.js";const r=()=>`.sc-smoothly-table-expandable-cell-h{display:contents}.sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);box-sizing:border-box;align-items:center;white-space:nowrap;position:relative;padding-left:1.1rem}.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.4rem;width:0.4rem;left:0.3rem;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}.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))}[open].sc-smoothly-table-expandable-cell-h>div.content.sc-smoothly-table-expandable-cell::before{rotate:45deg}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-detail.sc-smoothly-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}[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.smoothly-table-detail.sc-smoothly-table-expandable-cell{display:none}.sc-smoothly-table-expandable-cell-h>div.smoothly-table-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.smoothly-table-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))}`;const d=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.smoothlyTableExpandableCellChange=o(this,"smoothlyTableExpandableCellChange");this.smoothlyTableExpandableCellRegister=o(this,"smoothlyTableExpandableCellRegister");this.span=1;this.open=false}componentWillLoad(){this.smoothlyTableExpandableCellRegister.emit()}async close(){this.open=false}clickHandler(e){var l,o;const t=this.detailElement&&e.composedPath().includes(this.detailElement);if(!t){const e=(l=window.getSelection())===null||l===void 0?void 0:l.toString().trim();if(((o=e===null||e===void 0?void 0:e.length)!==null&&o!==void 0?o:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableCellChange.emit(this.open)}render(){var e;return t(a,{key:"4ad3f23ce5db4ed752db950bd4d3ec54ad839c54",style:{"--smoothly-table-cell-span":(e=this.span)===null||e===void 0?void 0:e.toString(10)},onClick:e=>this.clickHandler(e)},t("div",{key:"676608664ca58dcc52d8d684a23bb324aadda90a",class:"content"},t("slot",{key:"209daa4ff46fb96909f528c49dd2f802e2b5c090"})),t("div",{key:"d63a4702d5aa24b8233080a2e621284466312804",class:"smoothly-table-detail",ref:e=>this.detailElement=e},t("slot",{key:"a10d5ab5cc71f24f1c5f6ee63096fd8a27ea857f",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return r()}},[262,"smoothly-table-expandable-cell",{span:[514],open:[1540],close:[64]},undefined,{open:[{openChange:0}]}]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-expandable-cell"];e.forEach((e=>{switch(e){case"smoothly-table-expandable-cell":if(!customElements.get(s(e))){customElements.define(s(e),d)}break}}))}n();export{d as S,n as d};
|
|
2
|
+
//# sourceMappingURL=p-6t4TTe9M.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as t,c as r,h as e,d as l,t as s}from"./p-BsZrGTcp.js";const i=()=>`.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;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);background-color:rgb(var(--smoothly-default-tint));border-bottom:1px solid rgb(var(--smoothly-default-shade));position:relative;padding-left:1.1rem}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;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-row-group-h>div.sc-smoothly-table-row-group:first-child:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{color:rgb(var(--smoothly-table-hover-foreground));background-color:rgb(var(--smoothly-table-hover-background))}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.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{display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem)}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;align-items:center;grid-template-columns:repeat(2, auto);justify-content:space-between}.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}`;const a=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyTableRowGroupChange=r(this,"smoothlyTableRowGroupChange");this.align=false;this.open=false}clickHandler(){var o,t;const r=(o=window.getSelection())===null||o===void 0?void 0:o.toString().trim();if(((t=r===null||r===void 0?void 0:r.length)!==null&&t!==void 0?t:0)==0){this.open=!this.open;this.smoothlyTableRowGroupChange.emit(this.open)}}render(){return e(l,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as t,c as r,h as e,d as l,t as s}from"./p-BsZrGTcp.js";const i=()=>`.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;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);background-color:rgb(var(--smoothly-default-tint));border-bottom:1px solid rgb(var(--smoothly-default-shade));position:relative;padding-left:1.1rem}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;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-row-group-h>div.sc-smoothly-table-row-group:first-child:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}.sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child:hover{color:rgb(var(--smoothly-table-hover-foreground));background-color:rgb(var(--smoothly-table-hover-background))}[open].sc-smoothly-table-row-group-h>div.sc-smoothly-table-row-group:first-child::before{rotate:45deg}.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{display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem)}.sc-smoothly-table-row-group-h:not([align])>div.sc-smoothly-table-row-group:first-child{grid-column:1/-1;display:grid;align-items:center;grid-template-columns:repeat(2, auto);justify-content:space-between}.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}`;const a=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyTableRowGroupChange=r(this,"smoothlyTableRowGroupChange");this.align=false;this.open=false}clickHandler(){var o,t;const r=(o=window.getSelection())===null||o===void 0?void 0:o.toString().trim();if(((t=r===null||r===void 0?void 0:r.length)!==null&&t!==void 0?t:0)==0){this.open=!this.open;this.smoothlyTableRowGroupChange.emit(this.open)}}render(){return e(l,{key:"ce13a22ad4e51ee514e1e4b2f7a20c46fa92f6f1"},e("div",{key:"f02760b02c1bb6041a786cfb6d225e39711ff373",onClick:()=>this.clickHandler()},e("div",{key:"db60ed9bc5b1122b59951b71ec314541282fcf6a"},e("slot",{key:"45a5e3c909e67b106fd2d2f4c4569a907d71c144",name:"start"})),e("div",{key:"ebb125b675ab71d721e3898517b4f4c51fa74b11"},e("slot",{key:"d7b3a84aad30848650579443f1545b4728f5e7c3",name:"end"}))),e("div",{key:"25a4c03b5e60f612788485f2aaeaa3c9b1fd0086"},e("slot",{key:"a82b554991b81a22415fcd59b286a2a676cd1aac"})))}static get style(){return i()}},[262,"smoothly-table-row-group",{align:[516],open:[1540]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-row-group"];o.forEach((o=>{switch(o){case"smoothly-table-row-group":if(!customElements.get(s(o))){customElements.define(s(o),a)}break}}))}d();export{a as S,d};
|
|
2
|
+
//# sourceMappingURL=p-7Bkv44Kg.js.map
|