optikos 0.2.0 → 0.4.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/CHANGELOG.md +56 -1
- package/dist/bind.js +1 -1
- package/dist/bind.js.map +4 -4
- package/dist/{chunk-5JEXM5S7.js → chunk-2GKIF7A6.js} +2 -2
- package/dist/chunk-2HNQ2XRY.js +2 -0
- package/dist/chunk-2HNQ2XRY.js.map +7 -0
- package/dist/chunk-2QMI2RRB.js +2 -0
- package/dist/chunk-2QMI2RRB.js.map +7 -0
- package/dist/{chunk-W3H7GTJY.js → chunk-2YRQULDC.js} +2 -2
- package/dist/{chunk-ZPPELYNJ.js → chunk-3BG75P7T.js} +2 -2
- package/dist/{chunk-GNU4VOOE.js → chunk-3F4MN2BU.js} +2 -2
- package/dist/chunk-3FCIZKIN.js +2 -0
- package/dist/chunk-3FCIZKIN.js.map +7 -0
- package/dist/{chunk-5DJTP53N.js → chunk-3FK52VQX.js} +2 -2
- package/dist/chunk-3QRA3XOA.js +2 -0
- package/dist/chunk-3QRA3XOA.js.map +7 -0
- package/dist/chunk-3TCITFUU.js +2 -0
- package/dist/chunk-3TCITFUU.js.map +7 -0
- package/dist/chunk-3VDLX7ET.js +2 -0
- package/dist/chunk-3VDLX7ET.js.map +7 -0
- package/dist/{chunk-3TAW4AKH.js → chunk-4AZ44KV4.js} +2 -2
- package/dist/{chunk-TZOQWCVH.js → chunk-4CWYF4O7.js} +2 -2
- package/dist/{chunk-REW4LR46.js → chunk-4OB2IM5L.js} +2 -2
- package/dist/{chunk-3DBEZGOY.js → chunk-4S3HRFQB.js} +2 -2
- package/dist/chunk-5BMG5ZBY.js +2 -0
- package/dist/{chunk-KLLAY2IM.js.map → chunk-5BMG5ZBY.js.map} +2 -2
- package/dist/chunk-5PWPAN62.js +2 -0
- package/dist/chunk-5PWPAN62.js.map +7 -0
- package/dist/chunk-5PYJ6FJK.js +2 -0
- package/dist/chunk-5PYJ6FJK.js.map +7 -0
- package/dist/{chunk-OGRFQTXA.js → chunk-643FOYQB.js} +2 -2
- package/dist/{chunk-JOFQJGZK.js → chunk-6BOM5KZR.js} +2 -2
- package/dist/chunk-6LJK4QWF.js +2 -0
- package/dist/chunk-6LJK4QWF.js.map +7 -0
- package/dist/{chunk-JK74QK3M.js → chunk-6PZPBPAD.js} +2 -2
- package/dist/chunk-7Y2GHQRB.js +2 -0
- package/dist/{chunk-YHEMA56R.js → chunk-AQ3RTHG5.js} +2 -2
- package/dist/{chunk-M242VYZA.js → chunk-AT7VFZRB.js} +2 -2
- package/dist/{chunk-ZVK4L5GK.js → chunk-BCVOUMJJ.js} +2 -2
- package/dist/{chunk-HOF4JGMQ.js → chunk-BIGL3ZVD.js} +2 -2
- package/dist/chunk-BJWREA76.js +2 -0
- package/dist/chunk-BJWREA76.js.map +7 -0
- package/dist/{chunk-ZWNQREWS.js → chunk-BQEFLPDA.js} +2 -2
- package/dist/{chunk-ZWNQREWS.js.map → chunk-BQEFLPDA.js.map} +2 -2
- package/dist/{chunk-FEHGU6EP.js → chunk-C3MWS7P2.js} +2 -2
- package/dist/{chunk-G2KUK6AT.js → chunk-CFGCB37K.js} +2 -2
- package/dist/{chunk-JI265XFO.js → chunk-CMV3F6HR.js} +2 -2
- package/dist/{chunk-TOLTUOZS.js → chunk-CWIE74NX.js} +2 -2
- package/dist/{chunk-4EZJ5FKJ.js → chunk-DIOJGTUN.js} +2 -2
- package/dist/chunk-DJUSVBD5.js +2 -0
- package/dist/chunk-DJUSVBD5.js.map +7 -0
- package/dist/{chunk-HXDTGP2K.js → chunk-DWA45BWR.js} +2 -2
- package/dist/chunk-DWTDNKXX.js +2 -0
- package/dist/chunk-DWTDNKXX.js.map +7 -0
- package/dist/chunk-ESCLDVFS.js +2 -0
- package/dist/{chunk-YBAYEU25.js.map → chunk-ESCLDVFS.js.map} +1 -1
- package/dist/chunk-EXIADWI7.js +2 -0
- package/dist/chunk-EXIADWI7.js.map +7 -0
- package/dist/{chunk-5QUY72FX.js → chunk-F4HZUAKM.js} +2 -2
- package/dist/chunk-FCJI2JF7.js +3 -0
- package/dist/chunk-FCJI2JF7.js.map +7 -0
- package/dist/{chunk-II6ITOA6.js → chunk-FPU53CCV.js} +2 -2
- package/dist/{chunk-3S24ZRPK.js → chunk-GEBAYD6N.js} +2 -2
- package/dist/{chunk-G2DAD3MQ.js → chunk-GEJKFE4X.js} +2 -2
- package/dist/chunk-GFFZTFQH.js +2 -0
- package/dist/chunk-GFFZTFQH.js.map +7 -0
- package/dist/chunk-GFJRGBQR.js +2 -0
- package/dist/chunk-GFJRGBQR.js.map +7 -0
- package/dist/chunk-GZIDE5K2.js +2 -0
- package/dist/chunk-GZIDE5K2.js.map +7 -0
- package/dist/{chunk-5Q76ACVI.js → chunk-H25XXQVH.js} +2 -2
- package/dist/chunk-HG7OOHGD.js +2 -0
- package/dist/chunk-HG7OOHGD.js.map +7 -0
- package/dist/{chunk-2ZUZ5HDL.js → chunk-HLS5FI55.js} +2 -2
- package/dist/chunk-HRW25TMU.js +2 -0
- package/dist/chunk-HX6TWXTX.js +2 -0
- package/dist/chunk-HX6TWXTX.js.map +7 -0
- package/dist/chunk-I5A74NMJ.js +2 -0
- package/dist/chunk-I5A74NMJ.js.map +7 -0
- package/dist/chunk-IUOEPAWG.js +2 -0
- package/dist/chunk-IUOEPAWG.js.map +7 -0
- package/dist/{chunk-IHE2MQ3W.js → chunk-J5QPFJ7M.js} +2 -2
- package/dist/chunk-JE56CJX2.js +2 -0
- package/dist/chunk-JE56CJX2.js.map +7 -0
- package/dist/chunk-JJLOUMCJ.js +2 -0
- package/dist/chunk-JJLOUMCJ.js.map +7 -0
- package/dist/chunk-JLKIHXZP.js +3 -0
- package/dist/chunk-JLKIHXZP.js.map +7 -0
- package/dist/{chunk-5BC72727.js → chunk-JSEI44A7.js} +2 -2
- package/dist/chunk-L5SQQFO7.js +2 -0
- package/dist/chunk-L5SQQFO7.js.map +7 -0
- package/dist/chunk-M2ZRKHE4.js +2 -0
- package/dist/chunk-M2ZRKHE4.js.map +7 -0
- package/dist/chunk-M7FNPRV4.js +2 -0
- package/dist/chunk-M7FNPRV4.js.map +7 -0
- package/dist/chunk-MNSDGJKA.js +3 -0
- package/dist/chunk-MNSDGJKA.js.map +7 -0
- package/dist/{chunk-DBMWS3O5.js → chunk-MQ5BYGFY.js} +2 -2
- package/dist/chunk-N2LS4JD6.js +2 -0
- package/dist/chunk-N2LS4JD6.js.map +7 -0
- package/dist/chunk-NJ5IFOPR.js +4 -0
- package/dist/{chunk-XX2MVWFS.js.map → chunk-NJ5IFOPR.js.map} +1 -1
- package/dist/{chunk-NXSTUFS7.js → chunk-NNR2FNHG.js} +2 -2
- package/dist/chunk-NQV4THNE.js +2 -0
- package/dist/{chunk-BXYWVRKJ.js.map → chunk-NQV4THNE.js.map} +1 -1
- package/dist/{chunk-XHOBNSBO.js → chunk-P4O57S6N.js} +2 -2
- package/dist/{chunk-MB3MU6HR.js → chunk-PGVLRMTQ.js} +2 -2
- package/dist/chunk-PMOXLQ72.js +2 -0
- package/dist/chunk-PMOXLQ72.js.map +7 -0
- package/dist/chunk-Q6FY4L2F.js +2 -0
- package/dist/chunk-Q6FY4L2F.js.map +7 -0
- package/dist/chunk-R32HPK7R.js +2 -0
- package/dist/chunk-R32HPK7R.js.map +7 -0
- package/dist/{chunk-Z2JBUHKA.js → chunk-RG6SHPHF.js} +2 -2
- package/dist/{chunk-EDUMAMK4.js → chunk-S2CMWKVB.js} +2 -2
- package/dist/chunk-S4QD5NID.js +2 -0
- package/dist/chunk-S4QD5NID.js.map +7 -0
- package/dist/chunk-SB4ICXBV.js +2 -0
- package/dist/chunk-SB4ICXBV.js.map +7 -0
- package/dist/{chunk-23XLG2EM.js → chunk-SEW5OCQF.js} +2 -2
- package/dist/chunk-SWCB2GMN.js +2 -0
- package/dist/chunk-SWCB2GMN.js.map +7 -0
- package/dist/chunk-TQPQ4UEA.js +2 -0
- package/dist/chunk-TQPQ4UEA.js.map +7 -0
- package/dist/{chunk-Z2Z52GFT.js → chunk-U5L76VVB.js} +2 -2
- package/dist/chunk-UDXO3KM3.js +2 -0
- package/dist/chunk-UDXO3KM3.js.map +7 -0
- package/dist/{chunk-LQRFNQ2N.js → chunk-UQRQH2JW.js} +2 -2
- package/dist/chunk-V5G5JECN.js +2 -0
- package/dist/chunk-V5G5JECN.js.map +7 -0
- package/dist/{chunk-JBLRAM7Z.js → chunk-XFIREDWO.js} +2 -2
- package/dist/chunk-XQHATUKN.js +2 -0
- package/dist/{chunk-LW2WRUVL.js.map → chunk-XQHATUKN.js.map} +4 -4
- package/dist/chunk-XR677UYD.js +2 -0
- package/dist/chunk-XR677UYD.js.map +7 -0
- package/dist/{chunk-RNN55473.js → chunk-YDX2PCVL.js} +2 -2
- package/dist/{chunk-RNN55473.js.map → chunk-YDX2PCVL.js.map} +1 -1
- package/dist/chunk-YJTUFK4P.js +2 -0
- package/dist/chunk-YLFSCQL3.js +2 -0
- package/dist/chunk-YLFSCQL3.js.map +7 -0
- package/dist/chunk-YXOKWCYS.js +2 -0
- package/dist/chunk-YXOKWCYS.js.map +7 -0
- package/dist/{chunk-I4SP6JTU.js → chunk-Z6L55FTN.js} +2 -2
- package/dist/{chunk-6VBK2I5B.js → chunk-ZSPJZ3ZH.js} +2 -2
- package/dist/components/avatar.js +2 -0
- package/dist/components/avatar.js.map +7 -0
- package/dist/components/badge.js +1 -1
- package/dist/components/breadcrumb.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/carousel.js +2 -0
- package/dist/components/carousel.js.map +7 -0
- package/dist/components/cellediting.js +1 -1
- package/dist/components/chart.js +2 -0
- package/dist/components/chart.js.map +7 -0
- package/dist/components/chat.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkboxgroup.js +1 -1
- package/dist/components/chip.js +1 -1
- package/dist/components/codeviewer.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/commandpalette.js +1 -1
- package/dist/components/container.js +1 -1
- package/dist/components/dataview.js +1 -1
- package/dist/components/datefield.js +1 -1
- package/dist/components/daterangefield.js +1 -1
- package/dist/components/datetimefield.js +2 -0
- package/dist/components/datetimefield.js.map +7 -0
- package/dist/components/dial.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/fieldgroup.js +1 -1
- package/dist/components/fieldlist.js +1 -1
- package/dist/components/fieldset.js +1 -1
- package/dist/components/filterbuilder.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/formactions.js +1 -1
- package/dist/components/formerrors.js +1 -1
- package/dist/components/formsection.js +1 -1
- package/dist/components/grid.js +1 -1
- package/dist/components/gridexport.js +2 -0
- package/dist/components/gridexport.js.map +7 -0
- package/dist/components/gridstate.js +2 -0
- package/dist/components/gridstate.js.map +7 -0
- package/dist/components/grouping.js +2 -0
- package/dist/components/grouping.js.map +7 -0
- package/dist/components/icon.js +1 -1
- package/dist/components/image.js +2 -0
- package/dist/components/image.js.map +7 -0
- package/dist/components/imagecanvas.js +2 -0
- package/dist/components/imagecanvas.js.map +7 -0
- package/dist/components/imagefield.js +2 -0
- package/dist/components/imagefield.js.map +7 -0
- package/dist/components/inputgroup.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/listbox.js +1 -1
- package/dist/components/lookupfield.js +1 -1
- package/dist/components/maskfield.js +2 -0
- package/dist/components/maskfield.js.map +7 -0
- package/dist/components/menu.js +1 -1
- package/dist/components/messagebox.js +1 -1
- package/dist/components/navmenu.js +1 -1
- package/dist/components/numberfield.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/panel.js +1 -1
- package/dist/components/pickerfield.js +1 -1
- package/dist/components/radiogroup.js +1 -1
- package/dist/components/rowediting.js +2 -0
- package/dist/components/rowediting.js.map +7 -0
- package/dist/components/searchgrid.js +1 -1
- package/dist/components/secretfield.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/shortcuts.js +2 -0
- package/dist/components/shortcuts.js.map +7 -0
- package/dist/components/slider.js +1 -1
- package/dist/components/spacer.js +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/stat.js +2 -0
- package/dist/components/stat.js.map +7 -0
- package/dist/components/stepform.js +1 -1
- package/dist/components/stepper.js +1 -1
- package/dist/components/suggestfield.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/textarea.js +1 -1
- package/dist/components/textfield.js +1 -1
- package/dist/components/timefield.js +2 -0
- package/dist/components/timefield.js.map +7 -0
- package/dist/components/timeline.js +2 -0
- package/dist/components/timeline.js.map +7 -0
- package/dist/components/toast.js +1 -1
- package/dist/components/toggle.js +1 -1
- package/dist/components/toolbar.js +1 -1
- package/dist/components/tree.js +1 -1
- package/dist/components/treegrid.js +2 -0
- package/dist/components/treegrid.js.map +7 -0
- package/dist/components/viewmanager.js +1 -1
- package/dist/components/viewport.js +1 -1
- package/dist/components/widget.js +1 -1
- package/dist/components/window.js +1 -1
- package/dist/core.js +1 -1
- package/dist/css/avatar.css +68 -0
- package/dist/css/base.css +9 -0
- package/dist/css/carousel.css +119 -0
- package/dist/css/chart.css +168 -0
- package/dist/css/core.css +36 -0
- package/dist/css/datetimefield.css +15 -0
- package/dist/css/grid.css +40 -0
- package/dist/css/gridexport.css +35 -0
- package/dist/css/grouping.css +49 -0
- package/dist/css/image.css +46 -0
- package/dist/css/imagecanvas.css +75 -0
- package/dist/css/imagefield.css +103 -0
- package/dist/css/menu.css +9 -0
- package/dist/css/navmenu.css +9 -7
- package/dist/css/rowediting.css +39 -0
- package/dist/css/shortcuts.css +34 -0
- package/dist/css/stat.css +64 -0
- package/dist/css/stepform.css +10 -0
- package/dist/css/timeline.css +140 -0
- package/dist/css/treegrid.css +35 -0
- package/dist/css/window.css +2 -2
- package/dist/data.js +1 -1
- package/dist/dev.js +2 -0
- package/dist/dev.js.map +7 -0
- package/dist/index.js +16 -5
- package/dist/index.js.map +4 -4
- package/dist/optikos.css +1131 -21
- package/dist/testing.js +2 -0
- package/dist/testing.js.map +7 -0
- package/dist/themes/dark.css +7 -0
- package/dist/types/bind/index.d.ts +1 -1
- package/dist/types/bind/viewmodel.d.ts +33 -0
- package/dist/types/components/avatar.d.ts +1 -0
- package/dist/types/components/base/avatar/avatar.d.ts +22 -0
- package/dist/types/components/base/image/image.d.ts +25 -0
- package/dist/types/components/base/imagecanvas/imagecanvas.d.ts +39 -0
- package/dist/types/components/carousel.d.ts +1 -0
- package/dist/types/components/chart.d.ts +1 -0
- package/dist/types/components/charts/chart/chart.d.ts +64 -0
- package/dist/types/components/charts/stat/stat.d.ts +34 -0
- package/dist/types/components/data/cellediting/cellediting.d.ts +3 -0
- package/dist/types/components/data/grid/grid.d.ts +37 -0
- package/dist/types/components/data/gridexport/gridexport.d.ts +29 -0
- package/dist/types/components/data/gridstate/gridstate.d.ts +23 -0
- package/dist/types/components/data/grouping/grouping.d.ts +31 -0
- package/dist/types/components/data/rowediting/rowediting.d.ts +13 -0
- package/dist/types/components/data/searchgrid/searchgrid.d.ts +9 -2
- package/dist/types/components/data/timeline/timeline.d.ts +60 -0
- package/dist/types/components/data/treegrid/treegrid.d.ts +32 -0
- package/dist/types/components/datetimefield.d.ts +1 -0
- package/dist/types/components/fields/datetimefield/datetimefield.d.ts +28 -0
- package/dist/types/components/fields/imagefield/imagefield.d.ts +48 -0
- package/dist/types/components/fields/maskfield/maskfield.d.ts +28 -0
- package/dist/types/components/fields/numberfield/numberfield.d.ts +9 -0
- package/dist/types/components/fields/pickerfield/pickerfield.d.ts +3 -0
- package/dist/types/components/fields/timefield/timefield.d.ts +24 -0
- package/dist/types/components/form/fieldlist/fieldlist.d.ts +2 -0
- package/dist/types/components/form/form/form.d.ts +5 -0
- package/dist/types/components/form/stepform/stepform.d.ts +29 -5
- package/dist/types/components/gridexport.d.ts +1 -0
- package/dist/types/components/gridstate.d.ts +1 -0
- package/dist/types/components/grouping.d.ts +1 -0
- package/dist/types/components/image.d.ts +1 -0
- package/dist/types/components/imagecanvas.d.ts +1 -0
- package/dist/types/components/imagefield.d.ts +1 -0
- package/dist/types/components/layout/carousel/carousel.d.ts +58 -0
- package/dist/types/components/maskfield.d.ts +1 -0
- package/dist/types/components/navigation/navmenu/navmenu.d.ts +8 -0
- package/dist/types/components/overlays/commandpalette/commandpalette.d.ts +2 -0
- package/dist/types/components/overlays/menu/menu.d.ts +6 -1
- package/dist/types/components/overlays/shortcuts/shortcuts.d.ts +27 -0
- package/dist/types/components/overlays/window/window.d.ts +14 -1
- package/dist/types/components/rowediting.d.ts +1 -0
- package/dist/types/components/shortcuts.d.ts +1 -0
- package/dist/types/components/stat.d.ts +1 -0
- package/dist/types/components/timefield.d.ts +1 -0
- package/dist/types/components/timeline.d.ts +1 -0
- package/dist/types/components/treegrid.d.ts +1 -0
- package/dist/types/core/component.d.ts +7 -0
- package/dist/types/core/container.d.ts +10 -1
- package/dist/types/core/dev.d.ts +2 -0
- package/dist/types/core/field.d.ts +4 -0
- package/dist/types/core/i18n.d.ts +2 -0
- package/dist/types/core/index.d.ts +4 -1
- package/dist/types/core/path.d.ts +2 -0
- package/dist/types/core/permission.d.ts +11 -0
- package/dist/types/core/state.d.ts +9 -0
- package/dist/types/data/column.d.ts +8 -0
- package/dist/types/data/index.d.ts +1 -1
- package/dist/types/data/model.d.ts +2 -0
- package/dist/types/data/store.d.ts +21 -0
- package/dist/types/dev/index.d.ts +2 -0
- package/dist/types/dev/keys.d.ts +1 -0
- package/dist/types/index.d.ts +17 -0
- package/dist/types/testing/index.d.ts +25 -0
- package/dist/types/themes/color.d.ts +14 -0
- package/dist/types/themes/contrast.d.ts +15 -0
- package/dist/types/themes/define.d.ts +25 -3
- package/dist/types/themes/index.d.ts +3 -1
- package/dist/types/themes/seeds.d.ts +11 -0
- package/dist/types/ui/ui.d.ts +6 -0
- package/dist/ui.js +1 -1
- package/package.json +9 -1
- package/dist/chunk-27UZFEXD.js +0 -2
- package/dist/chunk-27UZFEXD.js.map +0 -7
- package/dist/chunk-2ZRNGG2N.js +0 -2
- package/dist/chunk-2ZRNGG2N.js.map +0 -7
- package/dist/chunk-4LZZ244E.js +0 -2
- package/dist/chunk-4LZZ244E.js.map +0 -7
- package/dist/chunk-4SYIIX5A.js +0 -2
- package/dist/chunk-4SYIIX5A.js.map +0 -7
- package/dist/chunk-5YS7OD5E.js +0 -2
- package/dist/chunk-5YS7OD5E.js.map +0 -7
- package/dist/chunk-7KMIFXHZ.js +0 -2
- package/dist/chunk-7KMIFXHZ.js.map +0 -7
- package/dist/chunk-A2NKDOYN.js +0 -2
- package/dist/chunk-A2NKDOYN.js.map +0 -7
- package/dist/chunk-ATFJ7PNA.js +0 -2
- package/dist/chunk-ATFJ7PNA.js.map +0 -7
- package/dist/chunk-BXYWVRKJ.js +0 -2
- package/dist/chunk-CKXS375P.js +0 -2
- package/dist/chunk-CKXS375P.js.map +0 -7
- package/dist/chunk-CUN5QO4T.js +0 -2
- package/dist/chunk-CUN5QO4T.js.map +0 -7
- package/dist/chunk-ELYARUCN.js +0 -2
- package/dist/chunk-EV73ADN2.js +0 -2
- package/dist/chunk-EV73ADN2.js.map +0 -7
- package/dist/chunk-FHM5NUS4.js +0 -3
- package/dist/chunk-FHM5NUS4.js.map +0 -7
- package/dist/chunk-GBPLNXMP.js +0 -2
- package/dist/chunk-GBPLNXMP.js.map +0 -7
- package/dist/chunk-GZ7X34QP.js +0 -2
- package/dist/chunk-KCEUD232.js +0 -2
- package/dist/chunk-KCEUD232.js.map +0 -7
- package/dist/chunk-KLLAY2IM.js +0 -2
- package/dist/chunk-LBJSMXLV.js +0 -2
- package/dist/chunk-LBJSMXLV.js.map +0 -7
- package/dist/chunk-LW2WRUVL.js +0 -2
- package/dist/chunk-MW3RWBZ7.js +0 -2
- package/dist/chunk-MW3RWBZ7.js.map +0 -7
- package/dist/chunk-OEAXCCVM.js +0 -2
- package/dist/chunk-OEAXCCVM.js.map +0 -7
- package/dist/chunk-VF7BGP6L.js +0 -2
- package/dist/chunk-VF7BGP6L.js.map +0 -7
- package/dist/chunk-VU3GIDZ3.js +0 -2
- package/dist/chunk-VU3GIDZ3.js.map +0 -7
- package/dist/chunk-XX2MVWFS.js +0 -4
- package/dist/chunk-XYZ6VZ5T.js +0 -2
- package/dist/chunk-YBAYEU25.js +0 -2
- /package/dist/{chunk-5JEXM5S7.js.map → chunk-2GKIF7A6.js.map} +0 -0
- /package/dist/{chunk-W3H7GTJY.js.map → chunk-2YRQULDC.js.map} +0 -0
- /package/dist/{chunk-ZPPELYNJ.js.map → chunk-3BG75P7T.js.map} +0 -0
- /package/dist/{chunk-GNU4VOOE.js.map → chunk-3F4MN2BU.js.map} +0 -0
- /package/dist/{chunk-5DJTP53N.js.map → chunk-3FK52VQX.js.map} +0 -0
- /package/dist/{chunk-3TAW4AKH.js.map → chunk-4AZ44KV4.js.map} +0 -0
- /package/dist/{chunk-TZOQWCVH.js.map → chunk-4CWYF4O7.js.map} +0 -0
- /package/dist/{chunk-REW4LR46.js.map → chunk-4OB2IM5L.js.map} +0 -0
- /package/dist/{chunk-3DBEZGOY.js.map → chunk-4S3HRFQB.js.map} +0 -0
- /package/dist/{chunk-OGRFQTXA.js.map → chunk-643FOYQB.js.map} +0 -0
- /package/dist/{chunk-JOFQJGZK.js.map → chunk-6BOM5KZR.js.map} +0 -0
- /package/dist/{chunk-JK74QK3M.js.map → chunk-6PZPBPAD.js.map} +0 -0
- /package/dist/{chunk-GZ7X34QP.js.map → chunk-7Y2GHQRB.js.map} +0 -0
- /package/dist/{chunk-YHEMA56R.js.map → chunk-AQ3RTHG5.js.map} +0 -0
- /package/dist/{chunk-M242VYZA.js.map → chunk-AT7VFZRB.js.map} +0 -0
- /package/dist/{chunk-ZVK4L5GK.js.map → chunk-BCVOUMJJ.js.map} +0 -0
- /package/dist/{chunk-HOF4JGMQ.js.map → chunk-BIGL3ZVD.js.map} +0 -0
- /package/dist/{chunk-FEHGU6EP.js.map → chunk-C3MWS7P2.js.map} +0 -0
- /package/dist/{chunk-G2KUK6AT.js.map → chunk-CFGCB37K.js.map} +0 -0
- /package/dist/{chunk-JI265XFO.js.map → chunk-CMV3F6HR.js.map} +0 -0
- /package/dist/{chunk-TOLTUOZS.js.map → chunk-CWIE74NX.js.map} +0 -0
- /package/dist/{chunk-4EZJ5FKJ.js.map → chunk-DIOJGTUN.js.map} +0 -0
- /package/dist/{chunk-HXDTGP2K.js.map → chunk-DWA45BWR.js.map} +0 -0
- /package/dist/{chunk-5QUY72FX.js.map → chunk-F4HZUAKM.js.map} +0 -0
- /package/dist/{chunk-II6ITOA6.js.map → chunk-FPU53CCV.js.map} +0 -0
- /package/dist/{chunk-3S24ZRPK.js.map → chunk-GEBAYD6N.js.map} +0 -0
- /package/dist/{chunk-G2DAD3MQ.js.map → chunk-GEJKFE4X.js.map} +0 -0
- /package/dist/{chunk-5Q76ACVI.js.map → chunk-H25XXQVH.js.map} +0 -0
- /package/dist/{chunk-2ZUZ5HDL.js.map → chunk-HLS5FI55.js.map} +0 -0
- /package/dist/{chunk-XYZ6VZ5T.js.map → chunk-HRW25TMU.js.map} +0 -0
- /package/dist/{chunk-IHE2MQ3W.js.map → chunk-J5QPFJ7M.js.map} +0 -0
- /package/dist/{chunk-5BC72727.js.map → chunk-JSEI44A7.js.map} +0 -0
- /package/dist/{chunk-DBMWS3O5.js.map → chunk-MQ5BYGFY.js.map} +0 -0
- /package/dist/{chunk-NXSTUFS7.js.map → chunk-NNR2FNHG.js.map} +0 -0
- /package/dist/{chunk-XHOBNSBO.js.map → chunk-P4O57S6N.js.map} +0 -0
- /package/dist/{chunk-MB3MU6HR.js.map → chunk-PGVLRMTQ.js.map} +0 -0
- /package/dist/{chunk-Z2JBUHKA.js.map → chunk-RG6SHPHF.js.map} +0 -0
- /package/dist/{chunk-EDUMAMK4.js.map → chunk-S2CMWKVB.js.map} +0 -0
- /package/dist/{chunk-23XLG2EM.js.map → chunk-SEW5OCQF.js.map} +0 -0
- /package/dist/{chunk-Z2Z52GFT.js.map → chunk-U5L76VVB.js.map} +0 -0
- /package/dist/{chunk-LQRFNQ2N.js.map → chunk-UQRQH2JW.js.map} +0 -0
- /package/dist/{chunk-JBLRAM7Z.js.map → chunk-XFIREDWO.js.map} +0 -0
- /package/dist/{chunk-ELYARUCN.js.map → chunk-YJTUFK4P.js.map} +0 -0
- /package/dist/{chunk-I4SP6JTU.js.map → chunk-Z6L55FTN.js.map} +0 -0
- /package/dist/{chunk-6VBK2I5B.js.map → chunk-ZSPJZ3ZH.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as E,b as o,c as M,d as c,e as g,h as S}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{c as w}from"./chunk-DIOJGTUN.js";import{a as E,b as o,c as M,d as c,e as g,h as S}from"./chunk-2GKIF7A6.js";import{a as C}from"./chunk-TIPK3SCJ.js";import{f as k}from"./chunk-UDXO3KM3.js";import{b as n}from"./chunk-PZSHOSOS.js";import{d as L,e as D,f as v}from"./chunk-S4QD5NID.js";D("en",{dateMin:"Date must be on or after {n}",dateMax:"Date must be on or before {n}",calPrev:"Previous",calNext:"Next",calOpen:"Open calendar",calMonth:"Choose month"});D("pt-BR",{dateMin:"A data deve ser {n} ou posterior",dateMax:"A data deve ser {n} ou anterior",calPrev:"Anterior",calNext:"Pr\xF3ximo",calOpen:"Abrir calend\xE1rio",calMonth:"Escolher m\xEAs"});var f=(_,t)=>new Intl.DateTimeFormat(L()._lang,_).format(t),x=class extends k{baseCls="op-calendar";cursor=M();mode="days";titleEl;bodyEl;prevEl;nextEl;build(){let t=n("div","op-calendar",{role:"dialog","aria-label":v("calMonth")});return this.prevEl=n("button","op-calendar__nav",{type:"button","aria-label":v("calPrev")},w("chevron-left")),this.nextEl=n("button","op-calendar__nav",{type:"button","aria-label":v("calNext")},w("chevron-right")),this.titleEl=n("button","op-calendar__title",{type:"button","aria-live":"polite"}),this.bodyEl=n("div","op-calendar__body"),t.append(n("div","op-calendar__header",{},this.prevEl,this.titleEl,this.nextEl),this.bodyEl),t}onRender(){let t=this.first();t&&o(t)&&(this.cursor=t),this.listen(this.prevEl,"click",()=>this.step(-1)),this.listen(this.nextEl,"click",()=>this.step(1)),this.listen(this.titleEl,"click",()=>{this.mode=this.mode==="days"?"months":"days",this.paint()}),this.listen(this.bodyEl,"click",e=>{let s=e.target.closest("[data-iso],[data-month]");if(s)if(s.dataset.month){let[i,r]=s.dataset.month.split("-").map(Number),p=o(this.cursor);this.cursor=g(this.cursor,(i-p.getFullYear())*12+(r-1-p.getMonth())),this.mode="days",this.paint(),this.emit("navigate",i,r-1),this.focusDay()}else this.choose(s.dataset.iso)}),this.listen(this.bodyEl,"keydown",e=>this.onKey(e)),this.paint()}blocked(t){let{min:e,max:s,isDisabled:i}=this.config;return!!e&&t<e||!!s&&t>s||!!i?.(t)}span(){let t=this.config.value;return t?typeof t=="string"?{start:t,end:t}:t:{start:null,end:null}}first(){return this.span().start}choose(t){if(this.blocked(t))return;if(!this.config.range)return this.setValue(t),void this.emit("select",t);let{start:e,end:s}=this.span();if(e&&!s){let i=t<e?{start:t,end:e}:{start:e,end:t};this.setValue(i),this.emit("select",i)}else this.setValue({start:t,end:null}),this.emit("start",t)}step(t){this.cursor=this.mode==="days"?g(this.cursor,t):g(this.cursor,t*12),this.paint();let e=o(this.cursor);this.emit("navigate",e.getFullYear(),e.getMonth())}move(t){let e=o(this.cursor);this.cursor=t;let s=o(t);this.paint(),(s.getMonth()!==e.getMonth()||s.getFullYear()!==e.getFullYear())&&this.emit("navigate",s.getFullYear(),s.getMonth()),this.focusDay()}onKey(t){if(this.mode!=="days")return;let e=this.cursor,s=(o(e).getDay()-this.weekStart()+7)%7,i={ArrowLeft:c(e,-1),ArrowRight:c(e,1),ArrowUp:c(e,-7),ArrowDown:c(e,7),Home:c(e,-s),End:c(e,6-s),PageUp:g(e,t.shiftKey?-12:-1),PageDown:g(e,t.shiftKey?12:1)};i[t.key]?(t.preventDefault(),this.move(i[t.key])):(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.choose(e))}weekStart(){return this.config.firstDay??S()}paint(){let t=o(this.cursor);this.el.classList.toggle("is-months",this.mode==="months"),this.titleEl.textContent=this.mode==="days"?f({month:"long",year:"numeric"},t):String(t.getFullYear()),this.mode==="days"?this.paintDays(t):this.paintMonths(t)}paintDays(t){let e=this.weekStart(),s=n("tr");for(let d=0;d<7;d++){let m=new Date(2023,0,1+(e+d)%7);s.append(n("th","op-calendar__dow",{scope:"col",abbr:f({weekday:"long"},m)},f({weekday:"short"},m)))}let i=[],r=new Date(t.getFullYear(),t.getMonth(),1);r.setDate(1-(r.getDay()-e+7)%7);let p=M(),{start:h,end:u}=this.config.range?this.span():{start:this.first(),end:this.first()};for(let d=0;d<6;d++){let m=n("tr");for(let b=0;b<7;b++){let y=new Date(r.getFullYear(),r.getMonth(),r.getDate()+d*7+b),a=E(y),l=n("td","op-calendar__day",{role:"gridcell","data-iso":a,tabindex:a===this.cursor?0:-1,"aria-selected":String(!!h&&a>=h&&a<=(u??h)),"aria-label":f({dateStyle:"full"},y),"aria-disabled":this.blocked(a)?"true":null,"aria-current":a===p?"date":null},String(y.getDate()));l.classList.toggle("is-outside",y.getMonth()!==t.getMonth()),l.classList.toggle("is-today",a===p),l.classList.toggle("is-selected",a===h||a===u),l.classList.toggle("is-in-range",!!h&&!!u&&a>h&&a<u),l.classList.toggle("is-range-start",!!this.config.range&&a===h),l.classList.toggle("is-range-end",!!this.config.range&&a===u),l.classList.toggle("is-disabled",this.blocked(a)),m.append(l)}i.push(m)}this.bodyEl.replaceChildren(n("table","op-calendar__grid",{role:"grid"},n("thead","",{},s),n("tbody","",{},...i)))}paintMonths(t){let e=Array.from({length:12},(s,i)=>{let r=n("button","op-calendar__month",{type:"button","data-month":`${t.getFullYear()}-${String(i+1).padStart(2,"0")}`},f({month:"short"},new Date(2e3,i,1)));return r.classList.toggle("is-selected",i===t.getMonth()),r});this.bodyEl.replaceChildren(n("div","op-calendar__months",{},...e))}setValue(t){this.config.value=t;let e=this.first();e&&o(e)&&(this.cursor=e),this.rendered&&(this.mode="days",this.paint())}setRange(t){this.config.range=t,this.config.value=null,this.rendered&&this.paint()}setMin(t){this.config.min=t,this.rendered&&this.paint()}setMax(t){this.config.max=t,this.rendered&&this.paint()}showMonth(t,e){this.cursor=E(new Date(t,e,1)),this.rendered&&this.paint()}focusDay(){this.render(),this.bodyEl.querySelector('[tabindex="0"]')?.focus()}};C("calendar",x);export{x as a};
|
|
2
|
+
//# sourceMappingURL=chunk-GEJKFE4X.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as z}from"./chunk-BCVOUMJJ.js";import{a as G}from"./chunk-MNSDGJKA.js";import{a as $}from"./chunk-RG6SHPHF.js";import{a as R}from"./chunk-2YRQULDC.js";import{a as b}from"./chunk-HLS5FI55.js";import{c as C}from"./chunk-DIOJGTUN.js";import{a as x,b as L}from"./chunk-OWEQT2HN.js";import{a as _}from"./chunk-TIPK3SCJ.js";import{a as H}from"./chunk-2HNQ2XRY.js";import{c as A}from"./chunk-L5SQQFO7.js";import{c as S,e as E,f as T}from"./chunk-UDXO3KM3.js";import{b as d}from"./chunk-PZSHOSOS.js";import{e as w,f as g}from"./chunk-S4QD5NID.js";w("en",{gridSelected:"{n} selected",gridSelectAll:"Select all {n}",gridClearSel:"Clear selection",gridSelectRow:"Select row",gridSelectPage:"Select all rows",gridRowActions:"Row actions",gridColumns:"Columns",gridResize:"Resize column",gridGroupAll:"All",gridOtherCols:"Other",gridGroups:"Column groups",gridColumnSearch:"Search columns",gridNoColumns:"No matching columns"});w("pt-BR",{gridSelected:"{n} selecionado(s)",gridSelectAll:"Selecionar todos os {n}",gridClearSel:"Limpar sele\xE7\xE3o",gridSelectRow:"Selecionar linha",gridSelectPage:"Selecionar todas as linhas",gridRowActions:"A\xE7\xF5es da linha",gridColumns:"Colunas",gridResize:"Redimensionar coluna",gridGroupAll:"Todas",gridOtherCols:"Outras",gridGroups:"Grupos de colunas",gridColumnSearch:"Buscar colunas",gridNoColumns:"Nenhuma coluna encontrada"});var v="__select",m="__actions",K={field:v,width:44,align:"center",cls:"op-grid__selcell",locked:"start"},P={field:m,width:44,align:"center",cls:"op-grid__actcell",locked:"end"},B="var(--op-grid-row-height, var(--op-row-height))",k=class extends T{baseCls="op-grid";store;offStore;headEl;headRow;viewport;emptyEl;table;pager;v;entries;lockEdge=[-1,-1];selected=new Set;active=-1;anchor=-1;justDragged=!1;cv=0;selAll;barEl;bulkEl;bulkCount;bulkBtns=[];selectAllBtn;rowMenu;colDd;colList;colSearch;colChips;colGroup="";cols(){let e=this.config;return[...e.checkboxSelection?[K]:[],...this.userCols(),...e.rowActions?.length?[P]:[]]}userCols(){let e=(this.config.columns??[]).filter(t=>!t.hidden);return[...e.filter(t=>t.locked==="start"),...e.filter(t=>!t.locked),...e.filter(t=>t.locked==="end")]}visibleActions(){return this.config.rowActionsMode==="visible"&&!!this.config.rowActions?.length}mode(){return this.config.checkboxSelection?"multi":this.config.selection??"single"}build(){let e=this.config;e.rowActions=E(e.rowActions),e.bulkActions=E(e.bulkActions),e.columns=e.columns.filter(i=>S(i.permission));let t=d("div",this.baseCls);return this.headRow=d("div","op-grid__row op-grid__header-row",{role:"row"}),this.headEl=d("div","op-grid__header",{},this.headRow),this.viewport=d("div","op-grid__viewport"),this.emptyEl=d("div","op-grid__empty"),(e.columnMenu||e.bulkActions?.length)&&(this.bulkEl=d("div","op-grid__bulk"),this.bulkEl.hidden=!0,this.barEl=d("div","op-grid__bar",{},this.bulkEl),t.append(this.barEl)),this.table=d("div","op-grid__table",{role:"grid",tabindex:0,"aria-multiselectable":e.selection==="multi"||e.checkboxSelection?"true":null},this.headEl,this.viewport,this.emptyEl),t.append(this.table),t.classList.toggle("op-grid--striped",!!e.striped),e.paging&&(this.pager=new z({cls:"op-grid__pager"}),t.append(this.pager.el)),t}onRender(){let e=this.config;if(this.bindStore(e.store??new A({data:e.data??[]})),this.buildHeader(),this.buildBar(),this.v=x({scroller:this.viewport,count:this.count(),rowHeight:e.rowHeight??(L(this.el,B)||36),render:(t,i)=>this.renderRow(t,i),rowCls:"op-grid__row op-grid__body-row"}),this.own(()=>this.v.destroy()),this.sync(),this.listen(this.viewport,"scroll",()=>this.onScrollX(),{passive:!0}),this.listen(this.viewport,"click",t=>this.onRowEvent(t,"row-click")),this.listen(this.viewport,"dblclick",t=>this.onRowEvent(t,"row-dblclick")),this.listen(this.el,"keydown",t=>this.onKey(t)),this.listen(this.headRow,"change",t=>{t.target===this.selAll&&(this.selAll.checked?this.store.each(i=>this.selected.add(i)):this.config.keepSelection?this.store.each(i=>this.selected.delete(i)):this.selected.clear(),this.changed())}),e.reorderableColumns&&this.initColumnDrag(),e.resizableColumns&&this.initColumnResize(),this.listen(this.headRow,"click",t=>{if(this.justDragged||t.target.closest(".op-grid__resizer"))return;let i=t.target.closest("[data-field]"),s=i&&this.userCols().find(r=>r.field===i.dataset.field);s&&(this.emit("column-click",s),s.sortable&&this.sortBy(s))}),typeof ResizeObserver<"u"){let t=new ResizeObserver(()=>this.layout());t.observe(this.viewport),this.own(()=>t.disconnect())}this.pager&&(this.pager.setStore(this.store),this.store.pageSize||this.store.setPageSize(e.pageSize??20)),this.own(()=>this.pager?.destroy());for(let t of e.plugins??[]){let i=t.init(this);i&&this.own(i),t.destroy&&this.own(()=>t.destroy())}}cellAt(e){let t=e?.closest?.(".op-grid__body-row .op-grid__cell"),i=Number(t?.parentElement?.dataset.i),s=t&&this.cols()[Number(t.getAttribute("aria-colindex"))-1],r=t&&this.recAt(i);return s&&r&&![v,m].includes(s.field)?{index:i,record:r,column:s,el:t}:void 0}getCell(e,t){let i=this.cols().findIndex(s=>s.field===t);return document.getElementById(`${this.id}-r${e}`)?.querySelector(`[aria-colindex="${i+1}"]`)??void 0}getColumns(){return this.userCols()}getActive(){return this.active}notifyMount(){super.notifyMount(),this.layout(),this.pager?.notifyMount()}onScrollX(){let e=this.viewport,t=Math.max(0,e.scrollWidth-e.clientWidth-e.scrollLeft);this.headEl.scrollLeft=e.scrollLeft,this.el.style.setProperty("--op-grid-scroll-x",`${e.scrollLeft}px`),this.el.style.setProperty("--op-grid-scroll-end",`${t}px`),this.el.classList.toggle("is-scrolled-start",e.scrollLeft>0),this.el.classList.toggle("is-scrolled-end",t>0)}layout(){if(this.rendered){if(!this.config.rowHeight){let e=L(this.el,B);e&&this.v.setRowHeight(e)}this.headEl.style.paddingInlineEnd=`${this.viewport.offsetWidth-this.viewport.clientWidth}px`,this.v.refresh(),this.onScrollX()}}bindStore(e){this.offStore?.(),this.store=e;let t=e.subscribe(s=>{this.rendered&&(this.sync(),s.type==="sort"&&this.paintSort())}),i=e.on("loading",s=>this.setLoading(s));this.offStore=()=>(t(),i()),this.own(()=>this.offStore?.())}sync(){let e=this.selected.size;if(!this.config.keepSelection)for(let t of this.selected)this.store.indexOf(t)<0&&this.selected.delete(t);this.active=Math.min(this.active,this.count()-1),this.v.setCount(this.count()),this.table.setAttribute("aria-rowcount",String(this.store.totalCount+1)),this.emptyEl.textContent=this.config.emptyText??g("empty"),this.emptyEl.hidden=this.count()>0||!!this.config.loading,this.el.classList.toggle("is-empty",this.count()===0),this.updateActiveDescendant(),this.paintSelection(),this.selected.size!==e&&this.emit("select",this.getSelection())}setStore(e){this.config.store=e,this.selected.clear(),this.active=this.anchor=-1,this.rendered&&(this.bindStore(e),this.pager?.setStore(e),this.paintSort(),this.sync())}getStore(){return this.render(),this.store}count(){return this.entries?this.entries.length:this.store.count}recAt(e){return this.entries?this.entries[e]?.rec:this.store.getAt(e)}setRowLayout(e){this.entries=e,this.rendered&&this.sync()}getRowEntry(e){return this.entries?this.entries[e]:(t=>t&&{rec:t})(this.store.getAt(e))}getRowCount(){return this.count()}layoutColumns(){let e=this.cols(),t=this.visibleActions()?this.config.rowActions.length:1,i=n=>n.field===m?`calc(${t} * var(--op-grid-action-size) + ${t+1} * var(--op-grid-action-gap))`:`${n.width}px`,s=n=>n.field===m?i(n):`${n.width??140}px`,r=e.map(n=>n.locked?s(n):n.width?`${n.width}px`:`minmax(${n.minWidth??96}px, ${n.flex??1}fr)`).join(" "),o=n=>n.reduce((c,[a,h])=>(this.el.style.setProperty(`--op-grid-lock-${a}`,c.length?`calc(${c.join(" + ")})`:"0px"),[...c,s(h)]),[]),l=e.map((n,c)=>[c,n]);o(l.filter(([,n])=>n.locked==="start")),o(l.filter(([,n])=>n.locked==="end").reverse()),this.lockEdge=[e.map(n=>n.locked).lastIndexOf("start"),e.findIndex(n=>n.locked==="end")],this.el.style.setProperty("--op-grid-cols",r),this.el.style.setProperty("--op-grid-min-width",`${e.reduce((n,c)=>n+(c.field===m?t*36:c.width??(c.locked?140:c.minWidth??96)),0)}px`)}lock(e,t,i){t.locked&&(e.classList.add("is-locked",`is-locked-${t.locked}`),e.classList.toggle("is-lock-edge",this.lockEdge[t.locked==="start"?0:1]===i),e.style.setProperty("--_lock",`var(--op-grid-lock-${i})`))}buildHeader(){let e=this.cols();this.layoutColumns(),this.el.classList.toggle("op-grid--actions-visible",this.visibleActions()),this.el.classList.toggle("op-grid--reorderable",!!this.config.reorderableColumns),this.el.classList.toggle("op-grid--resizable",!!this.config.resizableColumns),this.table.setAttribute("aria-colcount",String(e.length)),this.selAll=void 0,this.headRow.replaceChildren(...e.map((i,s)=>{let r=i.header??i.field,o=d("div",`op-grid__cell op-grid__hcell${i.align?` op-grid__cell--${i.align}`:""}${i.sortable?" is-sortable":""}`,{role:"columnheader","aria-colindex":s+1,"data-field":i.field});this.lock(o,i,s),i.field===v?o.append(this.selAll=d("input","op-grid__check",{type:"checkbox","aria-label":g("gridSelectPage")})):i.field===m?o.append(d("span","op-sr-only",{},g("gridRowActions"))):i.sortable?o.append(d("button","op-grid__sort",{type:"button"},d("span","op-grid__label",{},r),d("span","op-grid__arrow",{"aria-hidden":"true"},C("arrow-up")))):o.append(d("span","op-grid__label",{},r));let l=i.field!==v&&i.field!==m;return this.config.reorderableColumns&&l&&o.classList.add("is-reorderable"),this.canResize(i)&&o.append(d("span","op-grid__resizer",{role:"separator","aria-orientation":"vertical","aria-label":`${g("gridResize")} ${r}`})),l&&!i.sortable&&(this.config.reorderableColumns||this.canResize(i))&&(o.tabIndex=0),o}));let t=this.groupBand(e);this.headEl.replaceChildren(...t?[t]:[],this.headRow),this.paintSort()}groupBand(e){if(this.config.groupHeaders===!1||!e.some(s=>s.group))return null;let t=[],i=0;for(;i<e.length;){let s=e[i].group??"",r=1;for(;i+r<e.length&&(e[i+r].group??"")===s;)r++;let o=d("div",`op-grid__gcell${s?"":" is-empty"}`,{role:"columnheader","aria-colindex":i+1,"aria-colspan":r},s);o.style.gridColumn=`span ${r}`,t.push(o),i+=r}return d("div","op-grid__row op-grid__group-row",{role:"row"},...t)}getColumnGroups(){return[...new Set(this.config.columns.map(e=>e.group).filter(e=>!!e))]}setColumnGroupVisible(e,t){let i=this.config.columns.filter(s=>(s.group??"")===e);if(i.length){for(let s of i)s.hidden=!t;this.config.columns.some(s=>!s.hidden)||(i[0].hidden=!1),this.setColumns(this.config.columns),this.emit("columns-change",this.getColumnState())}}setColumnLocked(e,t){let i=this.config.columns.find(s=>s.field===e);!i||i.locked===(t??void 0)||(this.setColumns(this.config.columns.map(s=>s===i?{...s,locked:t??void 0}:s)),this.emit("columns-change",this.getColumnState()))}setColumns(e){this.config.columns=e,this.rendered&&(this.cv++,this.buildHeader(),this.paintSelection(),this.v.refresh())}getColumnState(){return this.config.columns.map(e=>({field:e.field,hidden:!!e.hidden,width:e.width,locked:e.locked}))}setColumnState(e){let t=new Map(this.config.columns.map(s=>[s.field,s])),i=e.flatMap(s=>{let r=t.get(s.field);return t.delete(s.field),r?[{...r,hidden:s.hidden,width:s.width??r.width,locked:"locked"in s?s.locked:r.locked}]:[]});this.setColumns([...i,...t.values()]),this.emit("columns-change",this.getColumnState())}canResize(e){return!!this.config.resizableColumns&&e.field!==v&&e.field!==m&&e.resizable!==!1}setColumnWidth(e,t){let i=this.config.columns.find(s=>s.field===e);i&&(i.width=t==null?void 0:Math.round(Math.max(i.minWidth??48,Math.min(t,i.maxWidth??1/0))),this.layoutColumns(),this.emit("column-resize",e,i.width),this.emit("columns-change",this.getColumnState()))}initColumnResize(){let e=this.headRow;this.listen(e,"pointerdown",t=>{let i=t.target.closest(".op-grid__resizer");if(!i||t.button)return;t.preventDefault();let s=i.parentElement,r=s.dataset.field,o=this.config.columns.find(u=>u.field===r),l=t.clientX,n=s.getBoundingClientRect().width||o.width||96;this.el.classList.add("is-resizing");let c=o.width,a=u=>{let p=Math.round(Math.max(o.minWidth??48,Math.min(n+(u.clientX-l)*(this.dir()==="rtl"?-1:1),o.maxWidth??1/0)));o.width=c=p,this.layoutColumns()},h=()=>{document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",h),this.el.classList.remove("is-resizing"),this.justDragged=!0,setTimeout(()=>this.justDragged=!1),c!==void 0&&(this.emit("column-resize",r,c),this.emit("columns-change",this.getColumnState()))};document.addEventListener("pointermove",a),document.addEventListener("pointerup",h),this.own(()=>(document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",h)))}),this.listen(e,"dblclick",t=>{let i=t.target.closest(".op-grid__resizer");i&&this.setColumnWidth(i.parentElement.dataset.field,void 0)}),this.listen(e,"keydown",t=>{if(!(t.altKey&&t.shiftKey)||t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;let i=t.target.closest(".op-grid__hcell"),s=i&&this.config.columns.find(o=>o.field===i.dataset.field);if(!i||!s||!this.canResize(s))return;t.preventDefault();let r=i.getBoundingClientRect().width||s.width||96;this.setColumnWidth(s.field,r+(t.key==="ArrowRight"?16:-16))})}dir(){return getComputedStyle(this.el).direction}moveColumn(e,t){let i=this.config.columns,s=i.find(h=>h.field===e);if(!s||e===t)return;let r=this.userCols(),o=r.indexOf(s),l=[...i.filter(h=>h!==s)],n=t==null?void 0:l.find(h=>h.field===t),c=r.filter(h=>h!==s).pop(),a=n?l.indexOf(n):c?l.indexOf(c)+1:l.length;l.splice(a,0,s),!l.every((h,u)=>h===i[u])&&(this.setColumns(l),this.emit("column-move",e,o,this.userCols().indexOf(s)),this.emit("columns-change",this.getColumnState()))}initColumnDrag(){let e=this.headRow,t=()=>Array.from(e.querySelectorAll(".is-reorderable"));this.listen(e,"pointerdown",i=>{let s=i.target.closest(".is-reorderable");if(!s||i.button||i.target.closest(".op-grid__resizer"))return;let r=s.dataset.field,o=i.clientX,l,n,c=null,a=u=>{if(!l){if(Math.abs(u.clientX-o)<6)return;l=d("div","op-grid__ghost",{},s.textContent??""),n=d("div","op-grid__drop"),this.el.append(l),this.headEl.append(n),s.classList.add("is-dragging-col")}l.style.left=`${u.clientX}px`,l.style.top=`${u.clientY}px`;let p=t(),f=p.find(O=>{let M=O.getBoundingClientRect();return u.clientX<M.left+M.width/2});c=f?f.dataset.field:null;let y=(f??p[p.length-1])?.getBoundingClientRect(),D=this.headEl.getBoundingClientRect();y&&n&&(n.style.left=`${(f?y.left:y.right)-D.left+this.headEl.scrollLeft}px`)},h=()=>{document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",h),l&&(l.remove(),n?.remove(),s.classList.remove("is-dragging-col"),this.justDragged=!0,setTimeout(()=>this.justDragged=!1),this.moveColumn(r,c))};document.addEventListener("pointermove",a),document.addEventListener("pointerup",h),this.own(()=>(document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",h)))}),this.listen(e,"keydown",i=>{if(!i.altKey||i.shiftKey||i.key!=="ArrowLeft"&&i.key!=="ArrowRight")return;let s=i.target.closest(".is-reorderable");if(!s)return;i.preventDefault();let r=this.userCols(),o=r.findIndex(c=>c.field===s.dataset.field),l=i.key==="ArrowLeft"?o-1:o+1;if(l<0||l>=r.length)return;this.moveColumn(r[o].field,i.key==="ArrowLeft"?r[l].field:r[l+1]?.field??null);let n=e.querySelector(`[data-field="${CSS.escape(r[o].field)}"]`);(n?.querySelector("button")??n)?.focus()})}paintSort(){let e=this.store.getSorters()[0];for(let t of Array.from(this.headRow.children)){let i=!!e&&t.dataset.field===e.field;t.classList.toggle("is-sorted-asc",i&&e.dir==="asc"),t.classList.toggle("is-sorted-desc",i&&e.dir==="desc"),t.classList.contains("is-sortable")&&t.setAttribute("aria-sort",i?e.dir==="asc"?"ascending":"descending":"none")}}sortBy(e){let t=this.store.getSorters()[0],i=t?.field===e.field?t.dir==="asc"?"desc":null:"asc";this.emit("before-sort",e.field,i)!==!1&&(this.store.sort(i?e.field:null,i??void 0),this.emit("sort",e.field,i))}rowIndexOffset(){return this.store.pageSize?(this.store.page-1)*this.store.pageSize:0}renderRow(e,t){let i=this.getRowEntry(t);if(!i)return;let s=i.rec,r=this.cols();e.id=`${this.id}-r${t}`,e.dataset.i=String(t),e.setAttribute("role","row"),e.setAttribute("aria-rowindex",String(this.rowIndexOffset()+t+2));let o=!!s&&this.selected.has(s);e.dataset.ec&&e.classList.remove(...e.dataset.ec.split(" ")),e.dataset.ec=i.cls??"",i.cls&&e.classList.add(...i.cls.split(" "));for(let[n,c]of[["aria-level",i.level],["aria-expanded",i.expanded]])c==null?e.removeAttribute(n):e.setAttribute(n,String(c));e.setAttribute("aria-selected",this.mode()==="none"||!s?"false":String(o)),e.classList.toggle("is-selected",o),e.classList.toggle("is-active",t===this.active),e.classList.toggle("is-odd",t%2===1),(e.dataset.cv!==String(this.cv)||e.dataset.cn!==String(r.length))&&(e.dataset.cv=String(this.cv),e.dataset.cn=String(r.length),e.replaceChildren(...r.map((n,c)=>{let a=d("div",`op-grid__cell${n.align?` op-grid__cell--${n.align}`:""}${n.cls?` ${n.cls}`:""}`,{role:"gridcell","aria-colindex":c+1});return this.lock(a,n,c),a})));let l=Array.from(e.children).filter(n=>n.classList.contains("op-grid__cell"));if(!s){for(let n of l)n.replaceChildren();return i.paint?.(l,e)}r.forEach((n,c)=>{let a=e.children[c];if(a.classList.contains("is-editing"))return;if(n.field===v){let u=a.firstElementChild??a.appendChild(d("input","op-grid__check",{type:"checkbox",tabindex:-1,"aria-label":g("gridSelectRow")}));u.checked=o;return}if(n.field===m){let u=this.config.rowActions??[];if(!this.visibleActions()){a.firstChild||a.append(d("button","op-grid__actbtn",{type:"button",tabindex:-1,"aria-label":g("gridRowActions"),"aria-haspopup":"menu"},C("more")));return}(a.children.length!==u.length||a.firstElementChild?.dataset.a==null)&&a.replaceChildren(...u.map((p,f)=>d("button",`op-grid__actbtn${p.variant==="danger"?" is-danger":""}`,{type:"button",tabindex:-1,"data-a":f,"aria-label":p.text,title:p.text},p.icon?C(p.icon):p.text))),u.forEach((p,f)=>a.children[f].disabled=!!p.disabled?.(s));return}let h=H(n,s);typeof h=="string"?a.textContent=h:a.replaceChildren(h)}),i.paint?.(l,e)}indexOfEvent(e){let t=e.target.closest(".op-grid__body-row");return t?Number(t.dataset.i):-1}onRowEvent(e,t){let i=this.indexOfEvent(e),s=this.recAt(i);if(s){if(t==="row-click"){let r=e.target.closest(".op-grid__actbtn");if(r){if(r.dataset.a==null)return this.openRowMenu(s,r);r.disabled||this.config.rowActions[Number(r.dataset.a)].handler(s,this);return}this.setActive(i,!1),this.pick(i,e)}this.emit(t,s,i,e)}}getSelection(){return[...this.selected]}select(e,t={}){let i=typeof e=="number"?this.recAt(e):e,s=this.mode();!i||s==="none"||((s==="single"||!t.add)&&this.selected.clear(),this.selected.add(i),this.changed())}deselectAll(){this.selected.size&&(this.selected.clear(),this.changed())}changed(){this.v?.refresh(),this.paintSelection(),this.emit("select",this.getSelection())}selectAllFiltered(){if(this.mode()==="multi"){for(let e of this.store.getFiltered())this.selected.add(e);this.changed()}}pick(e,t){let i=this.mode(),s=this.recAt(e);if(!(!s||i==="none")){if(i==="multi"&&t.shiftKey&&this.anchor>=0){this.config.checkboxSelection||this.selected.clear();for(let r=Math.min(this.anchor,e);r<=Math.max(this.anchor,e);r++){let o=this.recAt(r);o&&this.selected.add(o)}}else i==="multi"&&(t.ctrlKey||t.metaKey||this.config.checkboxSelection)?(this.selected.delete(s)||this.selected.add(s),this.anchor=e):(this.selected.clear(),this.selected.add(s),this.anchor=e);this.changed()}}setActive(e,t=!0){this.active=e,t&&e>=0&&this.v.scrollTo(e),this.v.refresh(),this.updateActiveDescendant()}updateActiveDescendant(){this.active>=0&&this.active<this.count()?this.table.setAttribute("aria-activedescendant",`${this.id}-r${this.active}`):this.table.removeAttribute("aria-activedescendant")}focusRow(e){this.render(),this.setActive(Math.max(0,Math.min(e,this.count()-1))),this.table.focus()}focusEl(){return this.table}scrollToRow(e){this.v?.scrollTo(e)}onKey(e){let t=e.target;if(t.closest(".op-grid__header")||t!==this.table&&t.matches("input:not([type=checkbox]),textarea,select,[contenteditable]"))return;let i=this.count();if(!i)return;if((e.key==="ContextMenu"||e.shiftKey&&e.key==="F10")&&this.active>=0&&this.config.rowActions?.length){e.preventDefault();let n=this.recAt(this.active);return n?this.openRowMenu(n,document.getElementById(`${this.id}-r${this.active}`)??this.el):void 0}let s=Math.max(1,Math.floor((this.viewport.clientHeight||400)/this.config.rowHeight||10)),r=this.active<0?0:this.active,o=this.mode(),l={ArrowDown:Math.min(i-1,this.active<0?0:r+1),ArrowUp:Math.max(0,r-1),Home:0,End:i-1,PageDown:Math.min(i-1,r+s),PageUp:Math.max(0,r-s)};if(e.key in l){e.preventDefault();let n=l[e.key];this.setActive(n),(o==="single"||o==="multi"&&!e.ctrlKey&&!e.metaKey&&!this.config.checkboxSelection)&&this.pick(n,e)}else e.key===" "&&this.active>=0?(e.preventDefault(),o==="multi"?this.pick(this.active,{ctrlKey:!0}):this.pick(this.active,e)):e.key==="Enter"&&this.active>=0?this.emit("row-activate",this.recAt(this.active),this.active):(e.key==="a"||e.key==="A")&&(e.ctrlKey||e.metaKey)&&o==="multi"&&(e.preventDefault(),this.store.each(n=>this.selected.add(n)),this.changed())}refresh(){this.v?.refresh()}buildBar(){let e=this.config;if(!this.barEl)return;this.bulkCount=d("span","op-grid__count",{"aria-live":"polite"}),this.selectAllBtn=new b({text:"",variant:"ghost",handler:()=>this.selectAllFiltered()}),this.bulkBtns=(e.bulkActions??[]).map(i=>new b({text:i.text,icon:i.icon,variant:i.variant==="danger"?"danger":"default",handler:()=>i.handler(this.getSelection(),this)}));let t=new b({text:g("gridClearSel"),variant:"ghost",handler:()=>this.deselectAll()});this.bulkEl.append(this.bulkCount,this.selectAllBtn.el,...this.bulkBtns.map(i=>i.el),t.el),this.own(()=>[this.selectAllBtn,...this.bulkBtns,t].forEach(i=>i?.destroy())),e.columnMenu&&this.buildColumnMenu(),this.paintSelection()}paintSelection(){if(!this.rendered)return;let e=this.store.count,t=0;if(this.store.each(r=>this.selected.has(r)&&t++),this.selAll&&(this.selAll.checked=e>0&&t===e,this.selAll.indeterminate=t>0&&t<e),!this.bulkEl)return;let i=this.selected.size;if(this.bulkEl.hidden=!i||!this.config.bulkActions?.length,this.bulkEl.hidden)return;this.bulkCount.textContent=g("gridSelected",{n:i});let s=this.store.getFiltered().length;this.selectAllBtn.el.hidden=!(this.mode()==="multi"&&t===e&&s>e&&i<s),this.selectAllBtn.setText(g("gridSelectAll",{n:s}))}openRowMenu(e,t){this.rowMenu??=new G({}),this.rowMenu.setItems((this.config.rowActions??[]).map(i=>({text:i.text,icon:i.icon,disabled:!!i.disabled?.(e),handler:()=>i.handler(e,this)}))),this.rowMenu.showBy(t)}buildColumnMenu(){let e=new b({text:g("gridColumns"),icon:"columns",variant:"ghost"});this.colSearch=new R({placeholder:g("gridColumnSearch"),clearable:!0}),this.colChips=d("div","op-grid__colchips",{role:"group","aria-label":g("gridGroups")}),this.colList=d("div","op-grid__collist",{role:"group","aria-label":g("gridColumns")});let t=d("div","op-grid__colempty",{},g("gridNoColumns"));t.hidden=!0;let i=d("div","op-grid__colmenu",{},this.colSearch.el,this.colChips,this.colList,t);this.colDd=new $({anchor:e.el,content:i,placement:"bottom-end",role:"dialog",autoFocus:!1}),this.barEl.append(e.el),this.own(()=>e.destroy());let s=()=>{let r=(this.colSearch.getValue()??"").toLowerCase(),o=0,l,n=0,c=()=>l&&(l.hidden=n===0);for(let a of Array.from(this.colList.children)){if(a.classList.contains("op-grid__colgroup")){c(),l=a,n=0;continue}let h=a.dataset.group??"",u=!this.colGroup||h===this.colGroup,p=!r||h.toLowerCase().includes(r)||a.textContent.toLowerCase().includes(r);a.hidden=!(u&&p),a.hidden||(o++,n++)}c(),t.hidden=o>0};this.colSearch.on("change",s),this.listen(this.colChips,"click",r=>{let o=r.target.closest("[data-g]");o&&(this.colGroup=o.dataset.g,this.paintColumnList(),s())}),e.on("click",()=>{if(this.colDd.isOpen())return this.colDd.close();this.colSearch.setValue(""),this.colGroup="",this.paintColumnList(),this.colDd.open(),this.colList.querySelector("input")?.focus()}),this.listen(this.colList,"change",r=>{let o=r.target;if(o.dataset.groupToggle!=null)this.setColumnGroupVisible(o.dataset.groupToggle,o.checked);else{let l=this.config.columns.find(n=>n.field===o.value);if(!l)return;l.hidden=!o.checked,this.setColumns(this.config.columns),this.emit("columns-change",this.getColumnState())}this.paintColumnList(),s()})}paintColumnList(){let e=this.config.columns,t=this.getColumnGroups(),i=this.userCols().length===1?this.userCols()[0]:null,s=o=>{let l=d("input","op-grid__check",{type:"checkbox",value:o.field});return l.checked=!o.hidden,l.disabled=o===i,d("label","op-grid__colitem",{"data-group":o.group??""},l,d("span","",{},o.header??o.field))};if(this.colChips.hidden=t.length<2,this.colChips.replaceChildren(...[["",g("gridGroupAll")],...t.map(o=>[o,o])].map(([o,l])=>d("button",`op-grid__colchip${this.colGroup===o?" is-on":""}`,{type:"button","data-g":o,"aria-pressed":String(this.colGroup===o)},l))),!t.length)return this.colList.replaceChildren(...e.map(s));let r=[];for(let o of[...t,""]){let l=e.filter(a=>(a.group??"")===o);if(!l.length)continue;let n=l.filter(a=>!a.hidden).length,c=d("input","op-grid__check",{type:"checkbox","data-group-toggle":o,"aria-label":o||g("gridOtherCols")});c.checked=n===l.length,c.indeterminate=n>0&&n<l.length,r.push(d("div","op-grid__colgroup",{"data-group":o},d("label","",{},c,d("span","",{},o||g("gridOtherCols"))),d("span","op-grid__colcount",{},`${n}/${l.length}`)),...l.map(s))}this.colList.replaceChildren(...r)}onDestroy(){this.pager?.destroy(),this.rowMenu?.destroy(),this.colDd?.destroy(),this.colSearch?.destroy()}};_("grid",k);export{k as a};
|
|
2
|
+
//# sourceMappingURL=chunk-GFFZTFQH.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/data/grid/grid.ts"],
|
|
4
|
+
"sourcesContent": ["import { Component, type ComponentConfig } from '../../../core/component';\nimport { register } from '../../../core/registry';\nimport { h } from '../../../core/dom';\nimport { t, addMessages } from '../../../core/i18n';\nimport { virtualize, measure } from '../../../core/virtual';\nimport { Store } from '../../../data/store';\nimport type { Model } from '../../../data/model';\nimport { cellContent, type Column } from '../../../data/column';\nimport { allowed, gate } from '../../../core/permission';\nimport { iconEl } from '../../base/icon/icon';\nimport { Pagination } from '../pagination/pagination';\nimport { Button } from '../../base/button/button';\nimport { TextField } from '../../fields/textfield/textfield';\nimport { Dropdown } from '../../overlays/dropdown/dropdown';\nimport { Menu } from '../../overlays/menu/menu';\n\naddMessages('en', {\n gridSelected: '{n} selected',\n gridSelectAll: 'Select all {n}',\n gridClearSel: 'Clear selection',\n gridSelectRow: 'Select row',\n gridSelectPage: 'Select all rows',\n gridRowActions: 'Row actions',\n gridColumns: 'Columns',\n gridResize: 'Resize column',\n gridGroupAll: 'All',\n gridOtherCols: 'Other',\n gridGroups: 'Column groups',\n gridColumnSearch: 'Search columns',\n gridNoColumns: 'No matching columns',\n});\naddMessages('pt-BR', {\n gridSelected: '{n} selecionado(s)',\n gridSelectAll: 'Selecionar todos os {n}',\n gridClearSel: 'Limpar sele\u00E7\u00E3o',\n gridSelectRow: 'Selecionar linha',\n gridSelectPage: 'Selecionar todas as linhas',\n gridRowActions: 'A\u00E7\u00F5es da linha',\n gridColumns: 'Colunas',\n gridResize: 'Redimensionar coluna',\n gridGroupAll: 'Todas',\n gridOtherCols: 'Outras',\n gridGroups: 'Grupos de colunas',\n gridColumnSearch: 'Buscar colunas',\n gridNoColumns: 'Nenhuma coluna encontrada',\n});\n\nexport interface GridConfig<T extends Record<string, any> = any> extends ComponentConfig {\n store?: Store<T>;\n /** Used when no `store` is given. */\n data?: Partial<T>[];\n columns: Column<T>[];\n selection?: 'none' | 'single' | 'multi';\n /** Row height in px. Default: measured from the `--op-grid-row-height` / `--op-row-height` tokens. */\n rowHeight?: number;\n /** Adds a Pagination bar bound to the store (give the store a `pageSize`, or set it here). */\n paging?: boolean;\n pageSize?: number;\n emptyText?: string;\n striped?: boolean;\n /** Adds a leading checkbox column with a select-all in the header. Implies multi selection; a row click toggles. */\n checkboxSelection?: boolean;\n /** Keep selected records when the page or the filters change. Default false. */\n keepSelection?: boolean;\n /** Buttons shown in a bar above the header while records are selected. */\n bulkActions?: GridAction<T>[];\n /** Actions at the end of every row (see `rowActionsMode`). */\n rowActions?: GridRowAction<T>[];\n /** Optional features (`cellEditing()`...). See `GridPlugin`. */\n plugins?: GridPlugin<T>[];\n /** `'menu'` (default): one \"\u22EF\" button opens a menu. `'visible'`: every action is an icon button, always shown (dimmed until the row is hovered, active or selected). */\n rowActionsMode?: 'menu' | 'visible';\n /** A \"Columns\" button in the bar: toggle columns on and off, with search. */\n columnMenu?: boolean;\n /** Drag a header to a new place (or Alt+\u2190/\u2192 on a focused header). `column-move` and `columns-change` fire; ViewManager saves the order. */\n reorderableColumns?: boolean;\n /** A handle on each header's edge: drag to resize (double-click resets), Alt+Shift+\u2190/\u2192 on a focused header. Widths are part of `getColumnState`. */\n resizableColumns?: boolean;\n /** Show the group labels (`Column.group`) as a band over the header. Default true when any column has a group. */\n groupHeaders?: boolean;\n}\n\n/** Extends a Grid without growing its base: `init` runs once the grid is rendered and may return a cleanup. */\nexport interface GridPlugin<T extends Record<string, any> = any> {\n init(grid: Grid<T>): void | (() => void);\n destroy?(): void;\n}\n\n/**\n * One displayed row. Without a row layout every store record is a row; a plugin (grouping, tree) replaces the list with\n * its own, mixing records with rows that are not records (a group header, a total).\n */\nexport interface RowEntry<T extends Record<string, any> = any> {\n /** The record this row shows; absent on a header or total row (which cannot be selected). */\n rec?: Model<T>;\n /** `aria-level` and, with `expanded`, `aria-expanded`: for rows that open and close (a group, a tree node). */\n level?: number;\n expanded?: boolean;\n /** Extra classes on the row (`op-grid__row--group`...). */\n cls?: string;\n /** Fills the row's cells after the grid did (or, on a row without a record, instead of it). */\n paint?(cells: HTMLElement[], row: HTMLElement): void;\n}\n\n/** What `cellAt` finds under a DOM node: the row index, its record, the column and the cell element. */\nexport interface GridCell<T extends Record<string, any> = any> {\n index: number;\n record: Model<T>;\n column: Column<T>;\n el: HTMLElement;\n}\n\nexport interface GridAction<T extends Record<string, any> = any> {\n text: string;\n icon?: string;\n variant?: 'default' | 'danger';\n /** Left out (or disabled) while `setPermissionResolver` denies it. */\n permission?: string;\n handler: (records: Model<T>[], grid: Grid<T>) => void;\n}\nexport interface GridRowAction<T extends Record<string, any> = any> {\n text: string;\n icon?: string;\n variant?: 'default' | 'danger';\n /** Left out (or disabled) while `setPermissionResolver` denies it. */\n permission?: string;\n /** Disabled for the records where this returns true. */\n disabled?: (record: Model<T>) => boolean;\n handler: (record: Model<T>, grid: Grid<T>) => void;\n}\nexport interface ColumnState {\n field: string;\n hidden: boolean;\n width?: number;\n locked?: 'start' | 'end';\n}\n\nconst SEL = '__select';\nconst ACT = '__actions';\nconst SEL_COL: Column = { field: SEL, width: 44, align: 'center', cls: 'op-grid__selcell', locked: 'start' };\nconst ACT_COL: Column = { field: ACT, width: 44, align: 'center', cls: 'op-grid__actcell', locked: 'end' };\n\nconst ROW = 'var(--op-grid-row-height, var(--op-row-height))';\n\n/** Data grid with a virtualized body: only the visible rows (plus a small overscan) exist in the DOM. */\n/** `T` is the record shape; `new Grid({ store })` infers it from a typed `Store<T>`. */\nexport class Grid<T extends Record<string, any> = any> extends Component<GridConfig<T>> {\n protected override baseCls = 'op-grid';\n private store!: Store<T>;\n private offStore?: () => void;\n private headEl!: HTMLElement;\n private headRow!: HTMLElement;\n private viewport!: HTMLElement;\n private emptyEl!: HTMLElement;\n /** The focusable `role=grid` part (header + rows); the root also holds the bulk bar and the pager, which a grid may not contain. */\n private table!: HTMLElement;\n private pager?: Pagination;\n private v!: ReturnType<typeof virtualize>;\n private entries?: RowEntry<T>[];\n private lockEdge = [-1, -1];\n private selected = new Set<Model<T>>();\n private active = -1;\n private anchor = -1;\n private justDragged = false;\n private cv = 0; // bumps when the columns change, so pooled rows rebuild their cells\n private selAll?: HTMLInputElement;\n private barEl?: HTMLElement;\n private bulkEl?: HTMLElement;\n private bulkCount?: HTMLElement;\n private bulkBtns: Button[] = [];\n private selectAllBtn?: Button;\n private rowMenu?: Menu;\n private colDd?: Dropdown;\n private colList?: HTMLElement;\n private colSearch?: TextField;\n private colChips?: HTMLElement;\n private colGroup = '';\n\n private cols(): Column[] {\n const c = this.config;\n return [...(c.checkboxSelection ? [SEL_COL] : []), ...this.userCols(), ...(c.rowActions?.length ? [ACT_COL] : [])];\n }\n /** Visible columns; the locked ones are kept together at their edge, whatever the order they were given or dragged to. */\n private userCols(): Column[] {\n const vis = (this.config.columns ?? []).filter((c) => !c.hidden);\n return [...vis.filter((c) => c.locked === 'start'), ...vis.filter((c) => !c.locked), ...vis.filter((c) => c.locked === 'end')];\n }\n private visibleActions(): boolean {\n return this.config.rowActionsMode === 'visible' && !!this.config.rowActions?.length;\n }\n private mode(): 'none' | 'single' | 'multi' {\n return this.config.checkboxSelection ? 'multi' : (this.config.selection ?? 'single');\n }\n\n protected override build() {\n const c = this.config;\n c.rowActions = gate(c.rowActions);\n c.bulkActions = gate(c.bulkActions);\n c.columns = c.columns.filter((col) => allowed(col.permission));\n const el = h('div', this.baseCls);\n this.headRow = h('div', 'op-grid__row op-grid__header-row', { role: 'row' });\n this.headEl = h('div', 'op-grid__header', {}, this.headRow);\n this.viewport = h('div', 'op-grid__viewport');\n this.emptyEl = h('div', 'op-grid__empty');\n if (c.columnMenu || c.bulkActions?.length) {\n this.bulkEl = h('div', 'op-grid__bulk');\n this.bulkEl.hidden = true;\n this.barEl = h('div', 'op-grid__bar', {}, this.bulkEl);\n el.append(this.barEl);\n }\n this.table = h('div', 'op-grid__table', { role: 'grid', tabindex: 0, 'aria-multiselectable': c.selection === 'multi' || c.checkboxSelection ? 'true' : null }, this.headEl, this.viewport, this.emptyEl);\n el.append(this.table);\n el.classList.toggle('op-grid--striped', !!c.striped);\n if (c.paging) {\n this.pager = new Pagination({ cls: 'op-grid__pager' });\n el.append(this.pager.el);\n }\n return el;\n }\n\n protected override onRender() {\n const c = this.config;\n this.bindStore(c.store ?? new Store<T>({ data: c.data ?? [] }));\n this.buildHeader();\n this.buildBar();\n this.v = virtualize({\n scroller: this.viewport,\n count: this.count(),\n rowHeight: c.rowHeight ?? (measure(this.el, ROW) || 36),\n render: (row, i) => this.renderRow(row, i),\n rowCls: 'op-grid__row op-grid__body-row',\n });\n this.own(() => this.v.destroy());\n this.sync();\n\n this.listen(this.viewport, 'scroll', () => this.onScrollX(), { passive: true });\n this.listen(this.viewport, 'click', (e: MouseEvent) => this.onRowEvent(e, 'row-click'));\n this.listen(this.viewport, 'dblclick', (e: MouseEvent) => this.onRowEvent(e, 'row-dblclick'));\n this.listen(this.el, 'keydown', (e: KeyboardEvent) => this.onKey(e));\n this.listen(this.headRow, 'change', (e: Event) => {\n if (e.target !== this.selAll) return;\n if (this.selAll!.checked) this.store.each((r) => this.selected.add(r));\n else if (this.config.keepSelection) this.store.each((r) => this.selected.delete(r));\n else this.selected.clear();\n this.changed();\n });\n if (c.reorderableColumns) this.initColumnDrag();\n if (c.resizableColumns) this.initColumnResize();\n this.listen(this.headRow, 'click', (e: Event) => {\n if (this.justDragged || (e.target as HTMLElement).closest('.op-grid__resizer')) return;\n const cell = (e.target as HTMLElement).closest<HTMLElement>('[data-field]');\n const col = cell && this.userCols().find((x) => x.field === cell.dataset.field);\n if (!col) return;\n this.emit('column-click', col);\n if (col.sortable) this.sortBy(col);\n });\n if (typeof ResizeObserver !== 'undefined') {\n const ro = new ResizeObserver(() => this.layout());\n ro.observe(this.viewport);\n this.own(() => ro.disconnect());\n }\n if (this.pager) {\n this.pager.setStore(this.store);\n if (!this.store.pageSize) this.store.setPageSize(c.pageSize ?? 20);\n }\n this.own(() => this.pager?.destroy());\n for (const p of c.plugins ?? []) {\n const off = p.init(this);\n if (off) this.own(off);\n if (p.destroy) this.own(() => p.destroy!());\n }\n }\n\n /** The row, record, column and cell element under a node (e.g. an event target), if it is a body cell. */\n cellAt(node: EventTarget | null): GridCell<T> | undefined {\n const cell = (node as HTMLElement | null)?.closest?.<HTMLElement>('.op-grid__body-row .op-grid__cell');\n const index = Number(cell?.parentElement?.dataset.i);\n const column = cell && this.cols()[Number(cell.getAttribute('aria-colindex')) - 1];\n const record = cell && this.recAt(index);\n return column && record && ![SEL, ACT].includes(column.field) ? { index, record, column, el: cell } : undefined;\n }\n\n /** The body cell of row `index` and column `field`, when that row is in the DOM (rows are virtualized). */\n getCell(index: number, field: string): HTMLElement | undefined {\n const n = this.cols().findIndex((c) => c.field === field);\n return document.getElementById(`${this.id}-r${index}`)?.querySelector<HTMLElement>(`[aria-colindex=\"${n + 1}\"]`) ?? undefined;\n }\n\n /** The visible data columns, in order (no checkbox/action columns). */\n getColumns(): Column<T>[] {\n return this.userCols();\n }\n\n /** The active row index (keyboard cursor), or -1. */\n getActive(): number {\n return this.active;\n }\n\n override notifyMount() {\n super.notifyMount();\n this.layout();\n this.pager?.notifyMount();\n }\n\n /** The header follows the body sideways; its locked cells hold still, and the edges say when there is more to scroll. */\n private onScrollX() {\n const v = this.viewport;\n const end = Math.max(0, v.scrollWidth - v.clientWidth - v.scrollLeft);\n this.headEl.scrollLeft = v.scrollLeft;\n this.el.style.setProperty('--op-grid-scroll-x', `${v.scrollLeft}px`);\n this.el.style.setProperty('--op-grid-scroll-end', `${end}px`);\n this.el.classList.toggle('is-scrolled-start', v.scrollLeft > 0);\n this.el.classList.toggle('is-scrolled-end', end > 0);\n }\n\n /** Re-measures row height and scrollbar (needed after the grid becomes visible or resizes). */\n private layout() {\n if (!this.rendered) return;\n if (!this.config.rowHeight) {\n const hgt = measure(this.el, ROW);\n if (hgt) this.v.setRowHeight(hgt);\n }\n this.headEl.style.paddingInlineEnd = `${this.viewport.offsetWidth - this.viewport.clientWidth}px`;\n this.v.refresh();\n this.onScrollX();\n }\n\n // ---- store ---------------------------------------------------------------------------------\n\n private bindStore(store: Store<T>) {\n this.offStore?.();\n this.store = store;\n const offChange = store.subscribe((c) => {\n if (!this.rendered) return;\n this.sync();\n if (c.type === 'sort') this.paintSort();\n });\n const offLoading = store.on('loading', (on: boolean) => this.setLoading(on));\n this.offStore = () => (offChange(), offLoading());\n this.own(() => this.offStore?.());\n }\n\n /** Brings count, selection and the empty state in line with the store. */\n private sync() {\n const before = this.selected.size;\n if (!this.config.keepSelection) for (const r of this.selected) if (this.store.indexOf(r) < 0) this.selected.delete(r);\n this.active = Math.min(this.active, this.count() - 1);\n this.v.setCount(this.count());\n this.table.setAttribute('aria-rowcount', String(this.store.totalCount + 1));\n this.emptyEl.textContent = this.config.emptyText ?? t('empty');\n this.emptyEl.hidden = this.count() > 0 || !!this.config.loading;\n this.el.classList.toggle('is-empty', this.count() === 0);\n this.updateActiveDescendant();\n this.paintSelection();\n if (this.selected.size !== before) this.emit('select', this.getSelection());\n }\n\n setStore(store: Store<T>) {\n this.config.store = store;\n this.selected.clear();\n this.active = this.anchor = -1;\n if (!this.rendered) return;\n this.bindStore(store);\n this.pager?.setStore(store);\n this.paintSort();\n this.sync();\n }\n getStore(): Store<T> {\n this.render();\n return this.store;\n }\n\n private count(): number {\n return this.entries ? this.entries.length : this.store.count;\n }\n private recAt(i: number): Model<T> | undefined {\n return this.entries ? this.entries[i]?.rec : this.store.getAt(i);\n }\n\n /** For plugins: replaces the displayed rows (`undefined` goes back to one row per store record) and repaints. */\n setRowLayout(rows: RowEntry<T>[] | undefined): void {\n this.entries = rows;\n if (this.rendered) this.sync();\n }\n /** The displayed row `i`: its record, or the header/total a plugin put there. */\n getRowEntry(i: number): RowEntry<T> | undefined {\n return this.entries ? this.entries[i] : ((rec) => rec && { rec })(this.store.getAt(i));\n }\n /** How many rows are displayed (records plus whatever a plugin added). */\n getRowCount(): number {\n return this.count();\n }\n\n // ---- header / columns ----------------------------------------------------------------------\n\n /** Column widths \u2192 the CSS grid template shared by the header and every row. */\n private layoutColumns() {\n const cols = this.cols();\n const n = this.visibleActions() ? this.config.rowActions!.length : 1;\n const wide = (c: Column) => (c.field === ACT ? `calc(${n} * var(--op-grid-action-size) + ${n + 1} * var(--op-grid-action-gap))` : `${c.width}px`);\n const px = (c: Column) => (c.field === ACT ? wide(c) : `${c.width ?? 140}px`);\n const tpl = cols.map((c) => (c.locked ? px(c) : c.width ? `${c.width}px` : `minmax(${c.minWidth ?? 96}px, ${c.flex ?? 1}fr)`)).join(' ');\n // a locked cell sticks at the sum of the locked widths before it (or, for the end, after it)\n const sums = (list: Array<[number, Column]>) => list.reduce<string[]>((acc, [n, c]) => (this.el.style.setProperty(`--op-grid-lock-${n}`, acc.length ? `calc(${acc.join(' + ')})` : '0px'), [...acc, px(c)]), []);\n const at = cols.map((c, n): [number, Column] => [n, c]);\n sums(at.filter(([, c]) => c.locked === 'start'));\n sums(at.filter(([, c]) => c.locked === 'end').reverse());\n this.lockEdge = [cols.map((c) => c.locked).lastIndexOf('start'), cols.findIndex((c) => c.locked === 'end')];\n this.el.style.setProperty('--op-grid-cols', tpl);\n this.el.style.setProperty('--op-grid-min-width', `${cols.reduce((sum, c) => sum + (c.field === ACT ? n * 36 : (c.width ?? (c.locked ? 140 : (c.minWidth ?? 96)))), 0)}px`);\n }\n\n /** Classes and offset of a locked cell (header or body); `n` is the column's place. */\n private lock(cell: HTMLElement, c: Column, n: number) {\n if (!c.locked) return;\n cell.classList.add('is-locked', `is-locked-${c.locked}`);\n cell.classList.toggle('is-lock-edge', this.lockEdge[c.locked === 'start' ? 0 : 1] === n);\n cell.style.setProperty('--_lock', `var(--op-grid-lock-${n})`);\n }\n\n private buildHeader() {\n const cols = this.cols();\n this.layoutColumns();\n this.el.classList.toggle('op-grid--actions-visible', this.visibleActions());\n this.el.classList.toggle('op-grid--reorderable', !!this.config.reorderableColumns);\n this.el.classList.toggle('op-grid--resizable', !!this.config.resizableColumns);\n this.table.setAttribute('aria-colcount', String(cols.length));\n this.selAll = undefined;\n this.headRow.replaceChildren(\n ...cols.map((c, i) => {\n const label = c.header ?? c.field;\n const cell = h('div', `op-grid__cell op-grid__hcell${c.align ? ` op-grid__cell--${c.align}` : ''}${c.sortable ? ' is-sortable' : ''}`, { role: 'columnheader', 'aria-colindex': i + 1, 'data-field': c.field });\n this.lock(cell, c, i);\n if (c.field === SEL) cell.append((this.selAll = h('input', 'op-grid__check', { type: 'checkbox', 'aria-label': t('gridSelectPage') })));\n else if (c.field === ACT) cell.append(h('span', 'op-sr-only', {}, t('gridRowActions')));\n else if (c.sortable) cell.append(h('button', 'op-grid__sort', { type: 'button' }, h('span', 'op-grid__label', {}, label), h('span', 'op-grid__arrow', { 'aria-hidden': 'true' }, iconEl('arrow-up'))));\n else cell.append(h('span', 'op-grid__label', {}, label));\n const user = c.field !== SEL && c.field !== ACT;\n if (this.config.reorderableColumns && user) cell.classList.add('is-reorderable');\n if (this.canResize(c)) {\n cell.append(h('span', 'op-grid__resizer', { role: 'separator', 'aria-orientation': 'vertical', 'aria-label': `${t('gridResize')} ${label}` }));\n }\n // a sortable header already has its button to focus; the others need a tab stop to be moved/resized by keyboard\n if (user && !c.sortable && (this.config.reorderableColumns || this.canResize(c))) cell.tabIndex = 0;\n return cell;\n }),\n );\n const band = this.groupBand(cols);\n this.headEl.replaceChildren(...(band ? [band] : []), this.headRow);\n this.paintSort();\n }\n\n /** Labels over runs of neighbouring columns that share a group (a dragged column can split a group: it shows twice). */\n private groupBand(cols: Column[]): HTMLElement | null {\n if (this.config.groupHeaders === false || !cols.some((c) => c.group)) return null;\n const cells: HTMLElement[] = [];\n let i = 0;\n while (i < cols.length) {\n const g = cols[i].group ?? '';\n let n = 1;\n while (i + n < cols.length && (cols[i + n].group ?? '') === g) n++;\n const cell = h('div', `op-grid__gcell${g ? '' : ' is-empty'}`, { role: 'columnheader', 'aria-colindex': i + 1, 'aria-colspan': n }, g);\n cell.style.gridColumn = `span ${n}`;\n cells.push(cell);\n i += n;\n }\n return h('div', 'op-grid__row op-grid__group-row', { role: 'row' }, ...cells);\n }\n\n /** The group labels in the order they first appear. */\n getColumnGroups(): string[] {\n return [...new Set(this.config.columns.map((c) => c.group).filter((g): g is string => !!g))];\n }\n\n /** Shows or hides every column of a group at once (at least one column always stays visible). */\n setColumnGroupVisible(group: string, visible: boolean): void {\n const cols = this.config.columns.filter((c) => (c.group ?? '') === group);\n if (!cols.length) return;\n for (const c of cols) c.hidden = !visible;\n if (!this.config.columns.some((c) => !c.hidden)) cols[0].hidden = false;\n this.setColumns(this.config.columns);\n this.emit('columns-change', this.getColumnState());\n }\n\n /** Pins a column to the start or the end while the body scrolls sideways (`null` releases it). A locked column needs a `width` (default 140). */\n setColumnLocked(field: string, locked: 'start' | 'end' | null): void {\n const col = this.config.columns.find((c) => c.field === field);\n if (!col || col.locked === (locked ?? undefined)) return;\n this.setColumns(this.config.columns.map((c) => (c === col ? { ...c, locked: locked ?? undefined } : c)));\n this.emit('columns-change', this.getColumnState());\n }\n\n setColumns(columns: Column[]) {\n this.config.columns = columns;\n if (!this.rendered) return;\n this.cv++;\n this.buildHeader();\n this.paintSelection();\n this.v.refresh();\n }\n\n /** Order, visibility and width of every column; save it and give it back to `setColumnState`. */\n getColumnState(): ColumnState[] {\n return this.config.columns.map((c) => ({ field: c.field, hidden: !!c.hidden, width: c.width, locked: c.locked }));\n }\n /** Restores a saved state: columns follow its order (unknown ones keep their place at the end). */\n setColumnState(state: ColumnState[]): void {\n const by = new Map(this.config.columns.map((c) => [c.field, c]));\n const ordered = state.flatMap((s) => {\n const c = by.get(s.field);\n by.delete(s.field);\n return c ? [{ ...c, hidden: s.hidden, width: s.width ?? c.width, locked: 'locked' in s ? s.locked : c.locked }] : [];\n });\n this.setColumns([...ordered, ...by.values()]);\n this.emit('columns-change', this.getColumnState());\n }\n\n // ---- column drag ---------------------------------------------------------------------------\n\n // ---- column resize -------------------------------------------------------------------------\n\n private canResize(c: Column): boolean {\n return !!this.config.resizableColumns && c.field !== SEL && c.field !== ACT && c.resizable !== false;\n }\n\n /** Sets a column's width in px (clamped to `minWidth`/`maxWidth`); `undefined` gives it back its flexible width. */\n setColumnWidth(field: string, width: number | undefined): void {\n const col = this.config.columns.find((x) => x.field === field);\n if (!col) return;\n col.width = width == null ? undefined : Math.round(Math.max(col.minWidth ?? 48, Math.min(width, col.maxWidth ?? Infinity)));\n this.layoutColumns();\n this.emit('column-resize', field, col.width);\n this.emit('columns-change', this.getColumnState());\n }\n\n private initColumnResize(): void {\n const head = this.headRow;\n this.listen(head, 'pointerdown', (e: PointerEvent) => {\n const grip = (e.target as HTMLElement).closest<HTMLElement>('.op-grid__resizer');\n if (!grip || e.button) return;\n e.preventDefault();\n const cell = grip.parentElement!;\n const field = cell.dataset.field!;\n const col = this.config.columns.find((x) => x.field === field)!;\n const x0 = e.clientX;\n const w0 = cell.getBoundingClientRect().width || col.width || 96; // a flexible column starts from what it shows now\n this.el.classList.add('is-resizing');\n let last = col.width;\n const move = (m: PointerEvent) => {\n // set without events while dragging; one event when it ends\n const w = Math.round(Math.max(col.minWidth ?? 48, Math.min(w0 + (m.clientX - x0) * (this.dir() === 'rtl' ? -1 : 1), col.maxWidth ?? Infinity)));\n col.width = last = w;\n this.layoutColumns();\n };\n const up = () => {\n document.removeEventListener('pointermove', move);\n document.removeEventListener('pointerup', up);\n this.el.classList.remove('is-resizing');\n this.justDragged = true;\n setTimeout(() => (this.justDragged = false));\n if (last !== undefined) {\n this.emit('column-resize', field, last);\n this.emit('columns-change', this.getColumnState());\n }\n };\n document.addEventListener('pointermove', move);\n document.addEventListener('pointerup', up);\n this.own(() => (document.removeEventListener('pointermove', move), document.removeEventListener('pointerup', up)));\n });\n // double-click on the handle: back to the flexible width\n this.listen(head, 'dblclick', (e: Event) => {\n const grip = (e.target as HTMLElement).closest<HTMLElement>('.op-grid__resizer');\n if (grip) this.setColumnWidth(grip.parentElement!.dataset.field!, undefined);\n });\n // keyboard: Alt+Shift+\u2190/\u2192 on a focused header\n this.listen(head, 'keydown', (e: KeyboardEvent) => {\n if (!(e.altKey && e.shiftKey) || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\n const cell = (e.target as HTMLElement).closest<HTMLElement>('.op-grid__hcell');\n const col = cell && this.config.columns.find((x) => x.field === cell.dataset.field);\n if (!cell || !col || !this.canResize(col)) return;\n e.preventDefault();\n const w = cell.getBoundingClientRect().width || col.width || 96;\n this.setColumnWidth(col.field, w + (e.key === 'ArrowRight' ? 16 : -16));\n });\n }\n\n private dir(): string {\n return getComputedStyle(this.el).direction;\n }\n\n /** Moves a (user) column in front of `before` (or to the end when null). Hidden columns keep their places. */\n moveColumn(field: string, before: string | null): void {\n const cols = this.config.columns;\n const col = cols.find((x) => x.field === field);\n if (!col || field === before) return;\n const vis = this.userCols();\n const from = vis.indexOf(col);\n const next = [...cols.filter((x) => x !== col)];\n const target = before == null ? undefined : next.find((x) => x.field === before);\n const lastVis = vis.filter((x) => x !== col).pop();\n const at = target ? next.indexOf(target) : lastVis ? next.indexOf(lastVis) + 1 : next.length;\n next.splice(at, 0, col);\n if (next.every((x, i) => x === cols[i])) return;\n this.setColumns(next);\n this.emit('column-move', field, from, this.userCols().indexOf(col));\n this.emit('columns-change', this.getColumnState());\n }\n\n private initColumnDrag(): void {\n const head = this.headRow;\n const cellsOf = () => Array.from(head.querySelectorAll<HTMLElement>('.is-reorderable'));\n this.listen(head, 'pointerdown', (e: PointerEvent) => {\n const cell = (e.target as HTMLElement).closest<HTMLElement>('.is-reorderable');\n if (!cell || e.button || (e.target as HTMLElement).closest('.op-grid__resizer')) return;\n const field = cell.dataset.field!;\n const x0 = e.clientX;\n let ghost: HTMLElement | undefined;\n let mark: HTMLElement | undefined;\n let before: string | null = null;\n const move = (m: PointerEvent) => {\n if (!ghost) {\n if (Math.abs(m.clientX - x0) < 6) return; // a click, not a drag\n ghost = h('div', 'op-grid__ghost', {}, cell.textContent ?? '');\n mark = h('div', 'op-grid__drop');\n this.el.append(ghost);\n this.headEl.append(mark);\n cell.classList.add('is-dragging-col');\n }\n ghost.style.left = `${m.clientX}px`;\n ghost.style.top = `${m.clientY}px`;\n // the drop boundary is the nearest cell edge: before the first cell whose middle is right of the pointer\n const cells = cellsOf();\n const hit = cells.find((c) => {\n const r = c.getBoundingClientRect();\n return m.clientX < r.left + r.width / 2;\n });\n before = hit ? hit.dataset.field! : null;\n const edge = hit ?? cells[cells.length - 1];\n const r = edge?.getBoundingClientRect();\n const hr = this.headEl.getBoundingClientRect();\n if (r && mark) mark.style.left = `${(hit ? r.left : r.right) - hr.left + this.headEl.scrollLeft}px`;\n };\n const up = () => {\n document.removeEventListener('pointermove', move);\n document.removeEventListener('pointerup', up);\n if (!ghost) return;\n ghost.remove();\n mark?.remove();\n cell.classList.remove('is-dragging-col');\n this.justDragged = true;\n setTimeout(() => (this.justDragged = false));\n this.moveColumn(field, before);\n };\n document.addEventListener('pointermove', move);\n document.addEventListener('pointerup', up);\n this.own(() => (document.removeEventListener('pointermove', move), document.removeEventListener('pointerup', up)));\n });\n // keyboard: Alt+\u2190 / Alt+\u2192 on a focused header moves its column one step\n this.listen(head, 'keydown', (e: KeyboardEvent) => {\n if (!e.altKey || e.shiftKey || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\n const cell = (e.target as HTMLElement).closest<HTMLElement>('.is-reorderable');\n if (!cell) return;\n e.preventDefault();\n const vis = this.userCols();\n const i = vis.findIndex((x) => x.field === cell.dataset.field);\n const j = e.key === 'ArrowLeft' ? i - 1 : i + 1;\n if (j < 0 || j >= vis.length) return;\n this.moveColumn(vis[i].field, e.key === 'ArrowLeft' ? vis[j].field : (vis[j + 1]?.field ?? null));\n const again = head.querySelector<HTMLElement>(`[data-field=\"${CSS.escape(vis[i].field)}\"]`);\n (again?.querySelector<HTMLElement>('button') ?? again)?.focus();\n });\n }\n\n private paintSort() {\n const s = this.store.getSorters()[0];\n for (const cell of Array.from(this.headRow.children) as HTMLElement[]) {\n const on = !!s && cell.dataset.field === s.field;\n cell.classList.toggle('is-sorted-asc', on && s.dir === 'asc');\n cell.classList.toggle('is-sorted-desc', on && s.dir === 'desc');\n if (cell.classList.contains('is-sortable')) cell.setAttribute('aria-sort', on ? (s.dir === 'asc' ? 'ascending' : 'descending') : 'none');\n }\n }\n\n /** asc \u2192 desc \u2192 unsorted. */\n private sortBy(col: Column) {\n const s = this.store.getSorters()[0];\n const dir = s?.field === col.field ? (s.dir === 'asc' ? 'desc' : null) : 'asc';\n if (this.emit('before-sort', col.field, dir) === false) return;\n this.store.sort(dir ? col.field : null, dir ?? undefined);\n this.emit('sort', col.field, dir);\n }\n\n // ---- rows ----------------------------------------------------------------------------------\n\n private rowIndexOffset(): number {\n return this.store.pageSize ? (this.store.page - 1) * this.store.pageSize : 0;\n }\n\n private renderRow(row: HTMLElement, i: number) {\n const entry = this.getRowEntry(i);\n if (!entry) return;\n const rec = entry.rec;\n const cols = this.cols();\n row.id = `${this.id}-r${i}`;\n row.dataset.i = String(i);\n row.setAttribute('role', 'row');\n row.setAttribute('aria-rowindex', String(this.rowIndexOffset() + i + 2));\n const sel = !!rec && this.selected.has(rec);\n if (row.dataset.ec) row.classList.remove(...row.dataset.ec.split(' '));\n row.dataset.ec = entry.cls ?? '';\n if (entry.cls) row.classList.add(...entry.cls.split(' '));\n for (const [a, v] of [['aria-level', entry.level], ['aria-expanded', entry.expanded]] as const) {\n if (v == null) row.removeAttribute(a);\n else row.setAttribute(a, String(v));\n }\n row.setAttribute('aria-selected', this.mode() === 'none' || !rec ? 'false' : String(sel));\n row.classList.toggle('is-selected', sel);\n row.classList.toggle('is-active', i === this.active);\n row.classList.toggle('is-odd', i % 2 === 1);\n if (row.dataset.cv !== String(this.cv) || row.dataset.cn !== String(cols.length)) {\n row.dataset.cv = String(this.cv);\n row.dataset.cn = String(cols.length);\n row.replaceChildren(\n ...cols.map((c, n) => {\n const cell = h('div', `op-grid__cell${c.align ? ` op-grid__cell--${c.align}` : ''}${c.cls ? ` ${c.cls}` : ''}`, { role: 'gridcell', 'aria-colindex': n + 1 });\n this.lock(cell, c, n);\n return cell;\n }),\n );\n }\n const cells = (Array.from(row.children) as HTMLElement[]).filter((c) => c.classList.contains('op-grid__cell')); // a plugin may add its own child (an edit bar)\n if (!rec) {\n for (const cell of cells) cell.replaceChildren();\n return entry.paint?.(cells, row);\n }\n cols.forEach((c, n) => {\n const cell = row.children[n] as HTMLElement;\n if (cell.classList.contains('is-editing')) return; // an editor plugin owns this cell until it finishes\n if (c.field === SEL) {\n const box = (cell.firstElementChild as HTMLInputElement | null) ?? cell.appendChild(h('input', 'op-grid__check', { type: 'checkbox', tabindex: -1, 'aria-label': t('gridSelectRow') }));\n box.checked = sel;\n return;\n }\n if (c.field === ACT) {\n const acts = this.config.rowActions ?? [];\n if (!this.visibleActions()) {\n if (!cell.firstChild) cell.append(h('button', 'op-grid__actbtn', { type: 'button', tabindex: -1, 'aria-label': t('gridRowActions'), 'aria-haspopup': 'menu' }, iconEl('more')));\n return;\n }\n if (cell.children.length !== acts.length || (cell.firstElementChild as HTMLElement | null)?.dataset.a == null) {\n cell.replaceChildren(...acts.map((a, k) => h('button', `op-grid__actbtn${a.variant === 'danger' ? ' is-danger' : ''}`, { type: 'button', tabindex: -1, 'data-a': k, 'aria-label': a.text, title: a.text }, a.icon ? iconEl(a.icon) : a.text)));\n }\n acts.forEach((a, k) => ((cell.children[k] as HTMLButtonElement).disabled = !!a.disabled?.(rec)));\n return;\n }\n const content = cellContent(c, rec);\n if (typeof content === 'string') cell.textContent = content;\n else cell.replaceChildren(content);\n });\n entry.paint?.(cells, row);\n }\n\n private indexOfEvent(e: Event): number {\n const row = (e.target as HTMLElement).closest<HTMLElement>('.op-grid__body-row');\n return row ? Number(row.dataset.i) : -1;\n }\n\n private onRowEvent(e: MouseEvent, name: string) {\n const i = this.indexOfEvent(e);\n const rec = this.recAt(i);\n if (!rec) return;\n if (name === 'row-click') {\n const btn = (e.target as HTMLElement).closest<HTMLButtonElement>('.op-grid__actbtn');\n if (btn) {\n if (btn.dataset.a == null) return this.openRowMenu(rec, btn);\n if (!btn.disabled) this.config.rowActions![Number(btn.dataset.a)].handler(rec, this);\n return;\n }\n this.setActive(i, false);\n this.pick(i, e);\n }\n this.emit(name, rec, i, e);\n }\n\n // ---- selection / keyboard ------------------------------------------------------------------\n\n getSelection(): Model<T>[] {\n return [...this.selected];\n }\n\n /** Selects a record or row index. `add` keeps the current selection (multi mode). */\n select(target: Model<T> | number, opts: { add?: boolean } = {}): void {\n const rec = typeof target === 'number' ? this.recAt(target) : target;\n const mode = this.mode();\n if (!rec || mode === 'none') return;\n if (mode === 'single' || !opts.add) this.selected.clear();\n this.selected.add(rec);\n this.changed();\n }\n\n deselectAll(): void {\n if (!this.selected.size) return;\n this.selected.clear();\n this.changed();\n }\n\n private changed() {\n this.v?.refresh();\n this.paintSelection();\n this.emit('select', this.getSelection());\n }\n\n /** Selects every record that matches the filters, across pages (a remote store: the loaded page). */\n selectAllFiltered(): void {\n if (this.mode() !== 'multi') return;\n for (const r of this.store.getFiltered()) this.selected.add(r);\n this.changed();\n }\n\n /** Click semantics: plain = replace, ctrl/meta = toggle, shift = range from the anchor (multi only). */\n private pick(i: number, e: { ctrlKey?: boolean; metaKey?: boolean; shiftKey?: boolean }) {\n const mode = this.mode();\n const rec = this.recAt(i);\n if (!rec || mode === 'none') return;\n if (mode === 'multi' && e.shiftKey && this.anchor >= 0) {\n if (!this.config.checkboxSelection) this.selected.clear();\n for (let k = Math.min(this.anchor, i); k <= Math.max(this.anchor, i); k++) {\n const r = this.recAt(k);\n if (r) this.selected.add(r);\n }\n } else if (mode === 'multi' && (e.ctrlKey || e.metaKey || this.config.checkboxSelection)) {\n if (!this.selected.delete(rec)) this.selected.add(rec);\n this.anchor = i;\n } else {\n this.selected.clear();\n this.selected.add(rec);\n this.anchor = i;\n }\n this.changed();\n }\n\n private setActive(i: number, scroll = true) {\n this.active = i;\n if (scroll && i >= 0) this.v.scrollTo(i);\n this.v.refresh();\n this.updateActiveDescendant();\n }\n\n private updateActiveDescendant() {\n if (this.active >= 0 && this.active < this.count()) this.table.setAttribute('aria-activedescendant', `${this.id}-r${this.active}`);\n else this.table.removeAttribute('aria-activedescendant');\n }\n\n focusRow(i: number) {\n this.render();\n this.setActive(Math.max(0, Math.min(i, this.count() - 1)));\n this.table.focus();\n }\n\n protected override focusEl(): HTMLElement {\n return this.table;\n }\n\n scrollToRow(i: number) {\n this.v?.scrollTo(i);\n }\n\n private onKey(e: KeyboardEvent) {\n const target = e.target as HTMLElement;\n if (target.closest('.op-grid__header')) return; // header buttons keep their own keys\n if (target !== this.table && target.matches('input:not([type=checkbox]),textarea,select,[contenteditable]')) return; // an editor in a cell keeps its keys\n const n = this.count();\n if (!n) return;\n if ((e.key === 'ContextMenu' || (e.shiftKey && e.key === 'F10')) && this.active >= 0 && this.config.rowActions?.length) {\n e.preventDefault();\n const arec = this.recAt(this.active);\n if (!arec) return;\n return this.openRowMenu(arec, document.getElementById(`${this.id}-r${this.active}`) ?? this.el);\n }\n const page = Math.max(1, Math.floor((this.viewport.clientHeight || 400) / this.config.rowHeight! || 10));\n const cur = this.active < 0 ? 0 : this.active;\n const mode = this.mode();\n const targets: Record<string, number> = {\n ArrowDown: Math.min(n - 1, this.active < 0 ? 0 : cur + 1),\n ArrowUp: Math.max(0, cur - 1),\n Home: 0,\n End: n - 1,\n PageDown: Math.min(n - 1, cur + page),\n PageUp: Math.max(0, cur - page),\n };\n if (e.key in targets) {\n e.preventDefault();\n const to = targets[e.key];\n this.setActive(to);\n if (mode === 'single' || (mode === 'multi' && !e.ctrlKey && !e.metaKey && !this.config.checkboxSelection)) this.pick(to, e);\n } else if (e.key === ' ' && this.active >= 0) {\n e.preventDefault();\n if (mode === 'multi') this.pick(this.active, { ctrlKey: true });\n else this.pick(this.active, e);\n } else if (e.key === 'Enter' && this.active >= 0) {\n this.emit('row-activate', this.recAt(this.active), this.active);\n } else if ((e.key === 'a' || e.key === 'A') && (e.ctrlKey || e.metaKey) && mode === 'multi') {\n e.preventDefault();\n this.store.each((r) => this.selected.add(r));\n this.changed();\n }\n }\n\n refresh() {\n this.v?.refresh();\n }\n\n // ---- bar: bulk actions and the column menu ------------------------------------------------\n\n private buildBar() {\n const c = this.config;\n if (!this.barEl) return;\n this.bulkCount = h('span', 'op-grid__count', { 'aria-live': 'polite' });\n this.selectAllBtn = new Button({ text: '', variant: 'ghost', handler: () => this.selectAllFiltered() });\n this.bulkBtns = (c.bulkActions ?? []).map((a) => new Button({ text: a.text, icon: a.icon, variant: a.variant === 'danger' ? 'danger' : 'default', handler: () => a.handler(this.getSelection(), this) }));\n const clear = new Button({ text: t('gridClearSel'), variant: 'ghost', handler: () => this.deselectAll() });\n this.bulkEl!.append(this.bulkCount, this.selectAllBtn.el, ...this.bulkBtns.map((b) => b.el), clear.el);\n this.own(() => [this.selectAllBtn, ...this.bulkBtns, clear].forEach((b) => b?.destroy()));\n if (c.columnMenu) this.buildColumnMenu();\n this.paintSelection();\n }\n\n /** Header checkbox state and the bulk bar, from the current selection. */\n private paintSelection() {\n if (!this.rendered) return;\n const n = this.store.count;\n let k = 0;\n this.store.each((r) => this.selected.has(r) && k++);\n if (this.selAll) {\n this.selAll.checked = n > 0 && k === n;\n this.selAll.indeterminate = k > 0 && k < n;\n }\n if (!this.bulkEl) return;\n const size = this.selected.size;\n this.bulkEl.hidden = !size || !this.config.bulkActions?.length;\n if (this.bulkEl.hidden) return;\n this.bulkCount!.textContent = t('gridSelected', { n: size });\n const more = this.store.getFiltered().length;\n this.selectAllBtn!.el.hidden = !(this.mode() === 'multi' && k === n && more > n && size < more);\n this.selectAllBtn!.setText(t('gridSelectAll', { n: more }));\n }\n\n private openRowMenu(rec: Model<T>, btn: HTMLElement) {\n this.rowMenu ??= new Menu({});\n this.rowMenu.setItems((this.config.rowActions ?? []).map((a) => ({ text: a.text, icon: a.icon, disabled: !!a.disabled?.(rec), handler: () => a.handler(rec, this) })));\n this.rowMenu.showBy(btn);\n }\n private buildColumnMenu() {\n const btn = new Button({ text: t('gridColumns'), icon: 'columns', variant: 'ghost' });\n this.colSearch = new TextField({ placeholder: t('gridColumnSearch'), clearable: true });\n this.colChips = h('div', 'op-grid__colchips', { role: 'group', 'aria-label': t('gridGroups') });\n this.colList = h('div', 'op-grid__collist', { role: 'group', 'aria-label': t('gridColumns') });\n const none = h('div', 'op-grid__colempty', {}, t('gridNoColumns'));\n none.hidden = true;\n const panel = h('div', 'op-grid__colmenu', {}, this.colSearch.el, this.colChips, this.colList, none);\n this.colDd = new Dropdown({ anchor: btn.el, content: panel, placement: 'bottom-end', role: 'dialog', autoFocus: false });\n this.barEl!.append(btn.el);\n this.own(() => btn.destroy());\n /** Search text and the group chip decide what is listed; a search that names a group shows the whole group. */\n const filter = () => {\n const q = (this.colSearch!.getValue() ?? '').toLowerCase();\n let shown = 0;\n let head: HTMLElement | undefined;\n let rowsInGroup = 0;\n const closeGroup = () => head && (head.hidden = rowsInGroup === 0);\n for (const el of Array.from(this.colList!.children) as HTMLElement[]) {\n if (el.classList.contains('op-grid__colgroup')) {\n closeGroup();\n head = el;\n rowsInGroup = 0;\n continue;\n }\n const g = el.dataset.group ?? '';\n const byChip = !this.colGroup || g === this.colGroup;\n const byText = !q || g.toLowerCase().includes(q) || el.textContent!.toLowerCase().includes(q);\n el.hidden = !(byChip && byText);\n if (!el.hidden) (shown++, rowsInGroup++);\n }\n closeGroup();\n none.hidden = shown > 0;\n };\n this.colSearch.on('change', filter);\n this.listen(this.colChips, 'click', (e: Event) => {\n const b = (e.target as HTMLElement).closest<HTMLElement>('[data-g]');\n if (!b) return;\n this.colGroup = b.dataset.g!;\n this.paintColumnList();\n filter();\n });\n btn.on('click', () => {\n if (this.colDd!.isOpen()) return this.colDd!.close();\n this.colSearch!.setValue('');\n this.colGroup = '';\n this.paintColumnList();\n this.colDd!.open();\n this.colList!.querySelector<HTMLElement>('input')?.focus(); // not the search field: a phone keyboard would cover the list\n });\n this.listen(this.colList, 'change', (e: Event) => {\n const input = e.target as HTMLInputElement;\n if (input.dataset.groupToggle != null) this.setColumnGroupVisible(input.dataset.groupToggle, input.checked);\n else {\n const col = this.config.columns.find((x) => x.field === input.value);\n if (!col) return;\n col.hidden = !input.checked;\n this.setColumns(this.config.columns);\n this.emit('columns-change', this.getColumnState());\n }\n this.paintColumnList();\n filter();\n });\n }\n\n private paintColumnList() {\n const cols = this.config.columns;\n const groups = this.getColumnGroups();\n const last = this.userCols().length === 1 ? this.userCols()[0] : null; // at least one column stays visible\n const row = (c: Column) => {\n const box = h('input', 'op-grid__check', { type: 'checkbox', value: c.field });\n box.checked = !c.hidden;\n box.disabled = c === last;\n return h('label', 'op-grid__colitem', { 'data-group': c.group ?? '' }, box, h('span', '', {}, c.header ?? c.field));\n };\n this.colChips!.hidden = groups.length < 2;\n this.colChips!.replaceChildren(...[['', t('gridGroupAll')], ...groups.map((g) => [g, g])].map(([g, label]) => h('button', `op-grid__colchip${this.colGroup === g ? ' is-on' : ''}`, { type: 'button', 'data-g': g, 'aria-pressed': String(this.colGroup === g) }, label)));\n if (!groups.length) return this.colList!.replaceChildren(...cols.map(row));\n const out: HTMLElement[] = [];\n for (const g of [...groups, '']) {\n const items = cols.filter((c) => (c.group ?? '') === g);\n if (!items.length) continue;\n const on = items.filter((c) => !c.hidden).length;\n const toggle = h('input', 'op-grid__check', { type: 'checkbox', 'data-group-toggle': g, 'aria-label': g || t('gridOtherCols') });\n toggle.checked = on === items.length;\n toggle.indeterminate = on > 0 && on < items.length;\n out.push(h('div', 'op-grid__colgroup', { 'data-group': g }, h('label', '', {}, toggle, h('span', '', {}, g || t('gridOtherCols'))), h('span', 'op-grid__colcount', {}, `${on}/${items.length}`)), ...items.map(row));\n }\n this.colList!.replaceChildren(...out);\n }\n\n protected override onDestroy() {\n this.pager?.destroy();\n this.rowMenu?.destroy();\n this.colDd?.destroy();\n this.colSearch?.destroy();\n }\n}\nregister('grid', Grid);\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["addMessages", "SEL", "ACT", "SEL_COL", "ACT_COL", "ROW", "Grid", "Component", "c", "vis", "gate", "col", "allowed", "el", "h", "Pagination", "Store", "virtualize", "measure", "row", "e", "r", "cell", "x", "ro", "p", "off", "node", "index", "column", "record", "field", "n", "v", "end", "hgt", "store", "offChange", "offLoading", "on", "before", "t", "i", "rows", "rec", "cols", "wide", "px", "tpl", "sums", "list", "acc", "at", "sum", "label", "iconEl", "user", "band", "cells", "g", "group", "visible", "locked", "columns", "state", "by", "ordered", "width", "head", "grip", "x0", "w0", "last", "move", "m", "w", "up", "from", "next", "target", "lastVis", "cellsOf", "ghost", "mark", "hit", "hr", "j", "again", "s", "dir", "entry", "sel", "a", "box", "acts", "k", "content", "cellContent", "name", "btn", "opts", "mode", "scroll", "arec", "page", "cur", "targets", "to", "Button", "clear", "b", "size", "more", "Menu", "TextField", "none", "panel", "Dropdown", "filter", "q", "shown", "rowsInGroup", "closeGroup", "byChip", "byText", "input", "groups", "out", "items", "toggle", "register"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as M}from"./chunk-M2ZRKHE4.js";import{a as C}from"./chunk-VV7CFMPZ.js";import{c as h}from"./chunk-TIPK3SCJ.js";import{b as y}from"./chunk-PZSHOSOS.js";import{e as k,f as p}from"./chunk-S4QD5NID.js";k("en",{rowSave:"Save",rowCancel:"Cancel",rowEditing:"Editing row"});k("pt-BR",{rowSave:"Salvar",rowCancel:"Cancelar",rowEditing:"Editando linha"});function K(v={}){let d,l,S=(e,n)=>!!e.editor&&(e.editable?.(n)??!0);function w(){let e=l;if(l=void 0,!!e){for(let n of e.fields)n.field.destroy(),n.cell.classList.remove("is-editing");return e.bar.remove(),e.row.classList.remove("is-row-editing"),e}}function E(){let e=l;if(!e)return!0;let n=e.fields.filter(i=>!i.field.validate());if(n.length)return n[0].field.focus(),!1;w();let o={},a={};for(let i of e.fields){let c=i.field.getValue();Object.is(c,i.old)||(o[i.col.field]=c,a[i.col.field]=i.old)}for(let i in o)e.record.set(i,o[i]);return d.refresh(),Object.keys(o).length&&d.emit("edit",e.record,o,a),!0}function b(){let e=w();e&&(d.refresh(),d.emit("cancel-edit",e.record))}function L(e,n){let o=d.getRowEntry(e)?.rec;if(!o||l?.index===e)return!1;let a=d.getColumns().filter(r=>S(r,o));if(!a.length||l&&!E()||d.emit("before-edit",o)===!1)return!1;let i=document.getElementById(`${d.id}-r${e}`);if(!i)return!1;let c=a.flatMap(r=>{let f=d.getCell(e,r.field);if(!f)return[];let m=o.get(r.field),u=h({...M(r,m),value:m,stableSize:!1,ariaLabel:r.header??r.field,cls:"op-grid__editor"});return f.classList.add("is-editing"),f.replaceChildren(u.el),u.notifyMount(),[{col:r,field:u,cell:f,old:m}]}),g=(r,f,m)=>{let u=y("button",`op-grid__rowbtn ${f}`,{type:"button"},r);return u.addEventListener("click",m),u},t=y("div","op-grid__rowbar",{role:"group","aria-label":p("rowEditing")},g(p("rowSave"),"is-primary",()=>E()),g(p("rowCancel"),"",b));i.classList.add("is-row-editing"),i.append(t),l={index:e,record:o,row:i,bar:t,fields:c};let s=c.find(r=>r.col.field===n)??c[0];return s?.field.focus(),s?.field.el.querySelector("input")?.select(),!0}return{init(e){d=e;let n=e.el,o=n.querySelector("[role=grid]"),a=n.querySelector(".op-grid__viewport"),i=t=>{let s=e.cellAt(t.target);s&&!(l&&l.row.contains(t.target))&&L(s.index,s.column.field)},c=t=>{let s=l;if(s&&s.row.contains(t.target)){let r=C(s.row);if(t.key==="Escape")b();else if(t.key==="Enter"&&!t.shiftKey&&!t.target.closest("textarea,button"))E()&&o.focus();else if(t.key==="Tab"&&r.length){let f=t.shiftKey?r[0]:r[r.length-1];if(t.target!==f)return;(t.shiftKey?r[r.length-1]:r[0]).focus()}else return;t.preventDefault(),t.stopPropagation()}else t.target===o&&(t.key==="F2"||t.key==="Enter")&&e.getActive()>=0&&L(e.getActive())&&(t.preventDefault(),t.stopPropagation())},g=()=>l&&l.row.dataset.i!==String(l.index)&&b();return n.addEventListener(v.trigger==="click"?"click":"dblclick",i),n.addEventListener("keydown",c,!0),a.addEventListener("scroll",g,{passive:!0}),()=>{w(),n.removeEventListener(v.trigger==="click"?"click":"dblclick",i),n.removeEventListener("keydown",c,!0),a.removeEventListener("scroll",g)}}}}export{K as a};
|
|
2
|
+
//# sourceMappingURL=chunk-GFJRGBQR.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/data/rowediting/rowediting.ts"],
|
|
4
|
+
"sourcesContent": ["// Whole-row editing for the Grid, as a plugin: `plugins: [rowEditing()]` and `editor` on the columns to edit.\nimport { create } from '../../../core/registry';\nimport { focusables } from '../../../core/focus';\nimport { h } from '../../../core/dom';\nimport { t, addMessages } from '../../../core/i18n';\nimport type { Field } from '../../../core/field';\nimport type { Model } from '../../../data/model';\nimport type { Column } from '../../../data/column';\nimport type { Grid, GridPlugin } from '../grid/grid';\nimport { editorConfig } from '../cellediting/cellediting';\n\naddMessages('en', { rowSave: 'Save', rowCancel: 'Cancel', rowEditing: 'Editing row' });\naddMessages('pt-BR', { rowSave: 'Salvar', rowCancel: 'Cancelar', rowEditing: 'Editando linha' });\n\nexport interface RowEditingOptions {\n /** What starts editing with the pointer: a double click (default) or a single click. F2 and Enter always do. */\n trigger?: 'dblclick' | 'click';\n}\n\ninterface Editing {\n index: number;\n record: Model;\n row: HTMLElement;\n bar: HTMLElement;\n fields: Array<{ col: Column; field: Field<any>; cell: HTMLElement; old: unknown }>;\n}\n\n/**\n * Edits every `editor` column of a row at once, under a bar with Save and Cancel. Enter saves, Esc cancels, Tab walks the\n * editors and the buttons and wraps; Save validates every field and keeps the row open while one is invalid.\n * Events on the grid: `before-edit(record)` (cancelable), `edit(record, values, old)` after the new values were written\n * (`record.set`, so it is marked modified; a remote store's app saves from here), `cancel-edit(record)`.\n * Use it instead of `cellEditing()`, not beside it.\n */\nexport function rowEditing(options: RowEditingOptions = {}): GridPlugin {\n let grid!: Grid;\n let editing: Editing | undefined;\n\n const editable = (c: Column, rec: Model) => !!c.editor && (c.editable?.(rec) ?? true);\n\n function stop(): Editing | undefined {\n const e = editing;\n editing = undefined;\n if (!e) return;\n for (const f of e.fields) {\n f.field.destroy();\n f.cell.classList.remove('is-editing');\n }\n e.bar.remove();\n e.row.classList.remove('is-row-editing');\n return e;\n }\n\n function save(): boolean {\n const e = editing;\n if (!e) return true;\n const bad = e.fields.filter((f) => !f.field.validate());\n if (bad.length) return (bad[0].field.focus(), false);\n stop();\n const values: Record<string, unknown> = {};\n const old: Record<string, unknown> = {};\n for (const f of e.fields) {\n const v = f.field.getValue();\n if (Object.is(v, f.old)) continue;\n values[f.col.field] = v;\n old[f.col.field] = f.old;\n }\n for (const k in values) e.record.set(k, values[k]);\n grid.refresh();\n if (Object.keys(values).length) grid.emit('edit', e.record, values, old);\n return true;\n }\n\n function cancel() {\n const e = stop();\n if (!e) return;\n grid.refresh();\n grid.emit('cancel-edit', e.record);\n }\n\n function start(index: number, focusField?: string): boolean {\n const rec = grid.getRowEntry(index)?.rec;\n if (!rec || editing?.index === index) return false;\n const cols = grid.getColumns().filter((c) => editable(c, rec));\n if (!cols.length || (editing && !save()) || grid.emit('before-edit', rec) === false) return false;\n const row = document.getElementById(`${grid.id}-r${index}`);\n if (!row) return false;\n const fields = cols.flatMap((col) => {\n const cell = grid.getCell(index, col.field);\n if (!cell) return [];\n const old = rec.get(col.field);\n const field = create<Field<any>>({ ...editorConfig(col, old), value: old, stableSize: false, ariaLabel: col.header ?? col.field, cls: 'op-grid__editor' });\n cell.classList.add('is-editing');\n cell.replaceChildren(field.el);\n field.notifyMount();\n return [{ col, field, cell, old }];\n });\n const button = (text: string, cls: string, run: () => void) => {\n const b = h('button', `op-grid__rowbtn ${cls}`, { type: 'button' }, text);\n b.addEventListener('click', run);\n return b;\n };\n const bar = h('div', 'op-grid__rowbar', { role: 'group', 'aria-label': t('rowEditing') }, button(t('rowSave'), 'is-primary', () => save()), button(t('rowCancel'), '', cancel));\n row.classList.add('is-row-editing');\n row.append(bar);\n editing = { index, record: rec, row, bar, fields };\n const first = fields.find((f) => f.col.field === focusField) ?? fields[0];\n first?.field.focus();\n first?.field.el.querySelector('input')?.select();\n return true;\n }\n\n return {\n init(g: Grid) {\n grid = g;\n const el = g.el;\n const table = el.querySelector<HTMLElement>('[role=grid]')!;\n const viewport = el.querySelector<HTMLElement>('.op-grid__viewport')!;\n const onPointer = (ev: Event) => {\n const cell = g.cellAt(ev.target);\n if (cell && !(editing && editing.row.contains(ev.target as Node))) start(cell.index, cell.column.field);\n };\n // capture: these run before the grid's own key handling (Enter would otherwise activate the row)\n const onKey = (ev: KeyboardEvent) => {\n const e = editing;\n if (e && e.row.contains(ev.target as Node)) {\n const stops = focusables(e.row);\n if (ev.key === 'Escape') cancel();\n else if (ev.key === 'Enter' && !ev.shiftKey && !(ev.target as HTMLElement).closest('textarea,button')) save() && table.focus();\n else if (ev.key === 'Tab' && stops.length) {\n const edge = ev.shiftKey ? stops[0] : stops[stops.length - 1];\n if (ev.target !== edge) return;\n (ev.shiftKey ? stops[stops.length - 1] : stops[0]).focus();\n } else return;\n ev.preventDefault();\n ev.stopPropagation();\n } else if (ev.target === table && (ev.key === 'F2' || ev.key === 'Enter') && g.getActive() >= 0 && start(g.getActive())) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n };\n // the pooled row element is reused when it scrolls out: the editors would be gone with it\n const onScroll = () => editing && editing.row.dataset.i !== String(editing.index) && cancel();\n el.addEventListener(options.trigger === 'click' ? 'click' : 'dblclick', onPointer);\n el.addEventListener('keydown', onKey, true);\n viewport.addEventListener('scroll', onScroll, { passive: true });\n return () => {\n stop();\n el.removeEventListener(options.trigger === 'click' ? 'click' : 'dblclick', onPointer);\n el.removeEventListener('keydown', onKey, true);\n viewport.removeEventListener('scroll', onScroll);\n };\n },\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["addMessages", "rowEditing", "options", "grid", "editing", "editable", "c", "rec", "stop", "f", "save", "bad", "values", "old", "v", "k", "cancel", "start", "index", "focusField", "cols", "row", "fields", "col", "cell", "field", "create", "editorConfig", "button", "text", "cls", "run", "b", "h", "bar", "t", "first", "g", "el", "table", "viewport", "onPointer", "ev", "onKey", "e", "stops", "focusables", "edge", "onScroll"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{c as G}from"./chunk-DIOJGTUN.js";import{b as M}from"./chunk-PZSHOSOS.js";import{e as S,f as C}from"./chunk-S4QD5NID.js";S("en",{treeExpand:"Expand",treeCollapse:"Collapse",treeLoading:"Loading"});S("pt-BR",{treeExpand:"Expandir",treeCollapse:"Recolher",treeLoading:"Carregando"});function I(c,t={},w=null){let E=t.children??"children",a=t.parentField??"parentId";return c.flatMap(({[E]:u,...p})=>[{...p,[a]:w},...I(u??[],t,p.id)])}function B(c={}){let t,w=c.parentField??"parentId",E=c.leafField??"leaf",a=new Set,u=new Set,p=new Set,m=new Map,b=!!c.expanded,A=e=>(m.get(e.id)?.length??0)>0||!!c.load&&e.get(E)!==!0&&!u.has(e.id);function g(){let e=t.getStore().getRange(),r=new Set(e.map(i=>i.id));m=new Map;let l=[];for(let i of e){let s=i.get(w);s==null||!r.has(s)?l.push(i):m.set(s,[...m.get(s)??[],i])}b&&(e.forEach(i=>a.add(i.id)),b=!1);let y=[],x=(i,s)=>{for(let n of i){let d=A(n),o=d&&a.has(n.id);y.push({rec:n,level:s+1,expanded:d?o:void 0,paint(h,f){let T=t.getColumns(),F=Math.max(0,T.findIndex(v=>v.field===(c.treeColumn??T[0]?.field))),k=h.filter(v=>!v.classList.contains("op-grid__selcell")&&!v.classList.contains("op-grid__actcell"))[F];if(!k)return;k.style.setProperty("--_depth",String(s));let P=d?M("span",`op-grid__expander${p.has(n.id)?" is-loading":""}`,{"data-id":String(n.id),role:"img","aria-label":C(p.has(n.id)?"treeLoading":o?"treeCollapse":"treeExpand")},G(p.has(n.id)?"clock":"chevron-down")):M("span","op-grid__expander is-leaf",{"aria-hidden":"true"});k.prepend(P),f.dataset.node=String(n.id)}}),d&&o&&x(m.get(n.id)??[],s+1)}};x(l,0),t.setRowLayout(y)}let _=e=>t.getStore().getById(e);async function R(e){let r=_(e);if(!(!r||!A(r)||a.has(e))){if(a.add(e),c.load&&!u.has(e)&&!m.get(e)?.length){p.add(e),g();try{let l=await c.load(r);u.add(e),p.delete(e),t.getStore().add(l.map(y=>({...y,[w]:e})))}catch(l){return p.delete(e),a.delete(e),g(),void t.emit("load-error",r,l)}}u.add(e),g(),t.emit("expand-node",r)}}function L(e){let r=_(e);!r||!a.delete(e)||(g(),t.emit("collapse-node",r))}return{init(e){t=e;let r=e.el,l=r.querySelector("[role=grid]");l.setAttribute("role","treegrid"),r.classList.add("op-grid--tree");let y=n=>{let d=n.closest("[data-node]")?.dataset.node;return t.getStore().getFiltered().find(o=>String(o.id)===d)?.id},x=n=>{let d=n.target.closest(".op-grid__expander:not(.is-leaf)"),o=d&&y(d);o!=null&&(n.stopPropagation(),a.has(o)?L(o):R(o))},i=n=>{if(n.target!==l||n.key!=="ArrowRight"&&n.key!=="ArrowLeft")return;let d=t.getActive(),o=t.getRowEntry(d);if(!o?.rec)return;let h=o.rec.id;if(n.key==="ArrowRight")if(o.expanded===!1)R(h);else if(o.expanded&&t.getRowEntry(d+1))t.focusRow(d+1);else return;else if(o.expanded)L(h);else{let f=d-1;for(;f>=0&&(t.getRowEntry(f)?.level??0)>=(o.level??1);)f--;if(f<0)return;t.focusRow(f)}n.preventDefault(),n.stopPropagation()};r.addEventListener("click",x,!0),r.addEventListener("keydown",i,!0);let s=e.getStore().subscribe(()=>queueMicrotask(()=>!e.destroyed&&g()));return g(),()=>{s(),r.removeEventListener("click",x,!0),r.removeEventListener("keydown",i,!0),r.classList.remove("op-grid--tree"),l.setAttribute("role","grid"),t.setRowLayout(void 0)}},expand:e=>{R(e)},collapse:L,expandAll(){b=!0,g()},collapseAll(){a.clear(),g()}}}export{I as a,B as b};
|
|
2
|
+
//# sourceMappingURL=chunk-GZIDE5K2.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/data/treegrid/treegrid.ts"],
|
|
4
|
+
"sourcesContent": ["// A Grid whose first column is a tree, as a plugin: `plugins: [treeGrid()]` over flat records that point at their parent.\nimport type { Model } from '../../../data/model';\nimport { h } from '../../../core/dom';\nimport { iconEl } from '../../base/icon/icon';\nimport type { Grid, GridPlugin, RowEntry } from '../grid/grid';\nimport { t, addMessages } from '../../../core/i18n';\n\naddMessages('en', { treeExpand: 'Expand', treeCollapse: 'Collapse', treeLoading: 'Loading' });\naddMessages('pt-BR', { treeExpand: 'Expandir', treeCollapse: 'Recolher', treeLoading: 'Carregando' });\n\nexport interface TreeGridOptions {\n /** Column that shows the indentation and the expander. Default: the first one. */\n treeColumn?: string;\n /** Field that holds the parent's id (`null` or missing: a root). Default `parentId`. */\n parentField?: string;\n /** Loads the children of a node the first time it opens: resolves with their rows (the plugin sets `parentField` and adds them to the store). Without it every node is already in the store. */\n load?: (node: Model) => Promise<Array<Record<string, any>>> | Array<Record<string, any>>;\n /** With `load`: the field that says a node has no children (default `leaf`), so it gets no expander. */\n leafField?: string;\n /** Start with every node open. */\n expanded?: boolean;\n}\n\nexport interface TreeGrid extends GridPlugin {\n expand(id: string | number): void;\n collapse(id: string | number): void;\n expandAll(): void;\n collapseAll(): void;\n}\n\n/** Nested data (`{ id, name, children: [...] }`) \u2192 the flat rows the plugin wants, each with its `parentId`. */\nexport function flattenTree<T extends Record<string, any>>(nodes: T[], o: { children?: string; parentField?: string } = {}, parent: unknown = null): Array<Record<string, any>> {\n const kids = o.children ?? 'children';\n const pf = o.parentField ?? 'parentId';\n return nodes.flatMap(({ [kids]: sub, ...rest }) => [{ ...rest, [pf]: parent }, ...flattenTree(sub ?? [], o, (rest as Record<string, any>).id)]);\n}\n\n/**\n * Indents each record under its parent with an expander; \u2190/\u2192 close/open and walk to the parent/first child (ARIA treegrid),\n * click on the chevron toggles. The rest of the columns are ordinary: format, renderer, sort (siblings), resize, lock.\n * A record whose parent is filtered out (or not on the page) shows as a root. Events on the grid: `expand-node(record)`,\n * `collapse-node(record)`, `load-error(record, error)`.\n */\nexport function treeGrid(options: TreeGridOptions = {}): TreeGrid {\n let grid!: Grid;\n const pf = options.parentField ?? 'parentId';\n const leaf = options.leafField ?? 'leaf';\n const open = new Set<string | number>();\n const loaded = new Set<string | number>();\n const loading = new Set<string | number>();\n let kids = new Map<unknown, Model[]>();\n let all = !!options.expanded;\n\n const expandable = (r: Model) => (kids.get(r.id)?.length ?? 0) > 0 || (!!options.load && r.get(leaf) !== true && !loaded.has(r.id));\n\n function build() {\n const recs = grid.getStore().getRange();\n const ids = new Set(recs.map((r) => r.id));\n kids = new Map();\n const roots: Model[] = [];\n for (const r of recs) {\n const p = r.get(pf);\n if (p == null || !ids.has(p)) roots.push(r);\n else kids.set(p, [...(kids.get(p) ?? []), r]);\n }\n if (all) {\n recs.forEach((r) => open.add(r.id));\n all = false;\n }\n const rows: RowEntry[] = [];\n const walk = (list: Model[], depth: number) => {\n for (const rec of list) {\n const can = expandable(rec);\n const isOpen = can && open.has(rec.id);\n rows.push({\n rec,\n level: depth + 1,\n expanded: can ? isOpen : undefined,\n paint(cells, row) {\n const cols = grid.getColumns();\n const n = Math.max(0, cols.findIndex((c) => c.field === (options.treeColumn ?? cols[0]?.field)));\n const cell = cells.filter((c) => !c.classList.contains('op-grid__selcell') && !c.classList.contains('op-grid__actcell'))[n];\n if (!cell) return;\n cell.style.setProperty('--_depth', String(depth));\n const lead = can\n ? h('span', `op-grid__expander${loading.has(rec.id) ? ' is-loading' : ''}`, { 'data-id': String(rec.id), role: 'img', 'aria-label': t(loading.has(rec.id) ? 'treeLoading' : isOpen ? 'treeCollapse' : 'treeExpand') }, iconEl(loading.has(rec.id) ? 'clock' : 'chevron-down'))\n : h('span', 'op-grid__expander is-leaf', { 'aria-hidden': 'true' });\n cell.prepend(lead);\n row.dataset.node = String(rec.id);\n },\n });\n if (can && isOpen) walk(kids.get(rec.id) ?? [], depth + 1);\n }\n };\n walk(roots, 0);\n grid.setRowLayout(rows);\n }\n\n const find = (id: string | number) => grid.getStore().getById(id);\n\n async function expand(id: string | number) {\n const rec = find(id);\n if (!rec || !expandable(rec) || open.has(id)) return;\n open.add(id);\n if (options.load && !loaded.has(id) && !(kids.get(id)?.length)) {\n loading.add(id);\n build();\n try {\n const rows = await options.load(rec);\n loaded.add(id);\n loading.delete(id);\n grid.getStore().add(rows.map((r) => ({ ...r, [pf]: id })));\n } catch (err) {\n loading.delete(id);\n open.delete(id);\n build();\n return void grid.emit('load-error', rec, err);\n }\n }\n loaded.add(id);\n build();\n grid.emit('expand-node', rec);\n }\n\n function collapse(id: string | number) {\n const rec = find(id);\n if (!rec || !open.delete(id)) return;\n build();\n grid.emit('collapse-node', rec);\n }\n\n return {\n init(g) {\n grid = g;\n const el = g.el;\n const table = el.querySelector<HTMLElement>('[role=grid]')!;\n table.setAttribute('role', 'treegrid');\n el.classList.add('op-grid--tree');\n const idOf = (node: Element) => {\n const v = node.closest<HTMLElement>('[data-node]')?.dataset.node;\n return grid.getStore().getFiltered().find((r) => String(r.id) === v)?.id;\n };\n const onClick = (e: Event) => {\n const x = (e.target as Element).closest<HTMLElement>('.op-grid__expander:not(.is-leaf)');\n const id = x && idOf(x);\n if (id != null) {\n e.stopPropagation();\n open.has(id) ? collapse(id) : void expand(id);\n }\n };\n const onKey = (e: KeyboardEvent) => {\n if (e.target !== table || (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft')) return;\n const i = grid.getActive();\n const entry = grid.getRowEntry(i);\n if (!entry?.rec) return;\n const id = entry.rec.id;\n if (e.key === 'ArrowRight') {\n if (entry.expanded === false) void expand(id);\n else if (entry.expanded && grid.getRowEntry(i + 1)) grid.focusRow(i + 1);\n else return;\n } else if (entry.expanded) collapse(id);\n else {\n let j = i - 1;\n while (j >= 0 && (grid.getRowEntry(j)?.level ?? 0) >= (entry.level ?? 1)) j--;\n if (j < 0) return;\n grid.focusRow(j);\n }\n e.preventDefault();\n e.stopPropagation();\n };\n el.addEventListener('click', onClick, true);\n el.addEventListener('keydown', onKey, true);\n const off = g.getStore().subscribe(() => queueMicrotask(() => !g.destroyed && build()));\n build();\n return () => {\n off();\n el.removeEventListener('click', onClick, true);\n el.removeEventListener('keydown', onKey, true);\n el.classList.remove('op-grid--tree');\n table.setAttribute('role', 'grid');\n grid.setRowLayout(undefined);\n };\n },\n expand: (id) => void expand(id),\n collapse,\n expandAll() {\n all = true;\n build();\n },\n collapseAll() {\n open.clear();\n build();\n },\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["addMessages", "flattenTree", "nodes", "o", "parent", "kids", "pf", "sub", "rest", "treeGrid", "options", "grid", "leaf", "open", "loaded", "loading", "all", "expandable", "r", "build", "recs", "ids", "roots", "p", "rows", "walk", "list", "depth", "rec", "can", "isOpen", "cells", "row", "cols", "n", "c", "cell", "lead", "h", "t", "iconEl", "find", "id", "expand", "err", "collapse", "g", "el", "table", "idOf", "node", "v", "onClick", "e", "x", "onKey", "i", "entry", "j", "off"]
|
|
7
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as g,b as o}from"./chunk-OWEQT2HN.js";import{a as
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as g,b as o}from"./chunk-OWEQT2HN.js";import{a as d}from"./chunk-TIPK3SCJ.js";import{f as c}from"./chunk-UDXO3KM3.js";import{b as n}from"./chunk-PZSHOSOS.js";import{f as m}from"./chunk-S4QD5NID.js";var p="var(--op-listbox-row-height, var(--op-row-height))",a=class extends c{baseCls="op-listbox";items;active=-1;v;emptyEl;constructor(t={}){super(t),this.items=t.items??[]}build(){let t=n("div","op-listbox",{role:"listbox",tabindex:-1});return this.config.maxHeight!=null&&(t.style.maxHeight=typeof this.config.maxHeight=="number"?`${this.config.maxHeight}px`:this.config.maxHeight),this.emptyEl=n("div","op-listbox__empty"),t.append(this.emptyEl),t}onRender(){this.v=g({scroller:this.el,count:this.items.length,rowHeight:o(this.el,p)||32,render:(t,e)=>this.renderRow(t,e),rowCls:"op-listbox__item"}),this.own(()=>this.v?.destroy()),this.setEmptyText(this.config.emptyText??m("noResults")),this.listen(this.el,"mousedown",t=>t.preventDefault()),this.listen(this.el,"click",t=>{let e=this.indexOf(t.target);e>=0&&this.activate(e)}),this.listen(this.el,"mousemove",t=>{let e=this.indexOf(t.target);e>=0&&e!==this.active&&!this.items[e].disabled&&this.setActive(e,!1)}),this.updateEmpty()}indexOf(t){let e=t.closest(".op-listbox__item");return e?Number(e.dataset.i):-1}renderRow(t,e){let i=this.items[e],s=this.config;t.id=`${this.id}-opt-${e}`,t.dataset.i=String(e),t.setAttribute("role","option"),t.setAttribute("aria-selected",String(this.isSelected(i))),i.disabled?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled"),t.classList.toggle("is-active",e===this.active),t.classList.toggle("is-selected",this.isSelected(i)),t.classList.toggle("is-disabled",!!i.disabled);let l=i.hint?[n("span","op-listbox__hint",{},i.hint)]:[];if(s.renderer)return t.replaceChildren(s.renderer(i),...l);let h=s.highlight?.trim(),r=h?i.label.toLowerCase().indexOf(h.toLowerCase()):-1;if(r<0)return t.replaceChildren(i.label,...l);t.replaceChildren(i.label.slice(0,r),n("mark","op-listbox__mark",{},i.label.slice(r,r+h.length)),i.label.slice(r+h.length),...l)}isSelected(t){return this.config.selected!==void 0&&t.value===this.config.selected}updateEmpty(){this.emptyEl.hidden=this.items.length>0}getItems(){return this.items}setItems(t){this.items=t,this.config.items=t,this.active=-1,this.rendered&&(this.v.setCount(t.length),this.updateEmpty())}setSelected(t){this.config.selected=t,this.v?.refresh()}setHighlight(t){this.config.highlight=t,this.v?.refresh()}setEmptyText(t){this.config.emptyText=t,this.rendered&&(this.emptyEl.textContent=t)}refresh(){if(!this.rendered)return;let t=o(this.el,p);t?this.v.setRowHeight(t):this.v.refresh()}setActive(t,e=!0){let i=this.items[t];t<-1||t>=this.items.length||i&&i.disabled||(this.active=t,e&&t>=0&&this.v?.scrollTo(t),this.v?.refresh(),this.emit("active-change",i,t))}moveActive(t){let e=this.items.length;if(!e)return;let i=this.active;for(let s=0;s<e;s++)if(i=(i+t+e)%e,i<0&&(i+=e),!this.items[i].disabled)return this.setActive(i)}getActive(){return this.items[this.active]}getActiveIndex(){return this.active}getActiveId(){return this.active>=0?`${this.id}-opt-${this.active}`:""}activate(t=this.active){let e=this.items[t];e&&!e.disabled&&this.emit("select",e,t)}scrollTo(t){this.v?.scrollTo(t)}};d("listbox",a);export{a};
|
|
2
|
+
//# sourceMappingURL=chunk-H25XXQVH.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as o}from"./chunk-TIPK3SCJ.js";import{f as a}from"./chunk-UDXO3KM3.js";import{b as i}from"./chunk-PZSHOSOS.js";var h=s=>{let t=s.trim().split(/\s+/).filter(Boolean);return((t[0]?.[0]??"")+(t.length>1?t[t.length-1][0]:"")).toUpperCase()},n=s=>[...s].reduce((t,e)=>t*31+e.charCodeAt(0)>>>0,7)%8,r=class extends a{baseCls="op-avatar";img;text;dot;build(){return this.text=i("span","op-avatar__text",{"aria-hidden":"true"}),this.dot=i("span","op-avatar__status"),i("span",this.baseCls,{role:"img"},this.text,this.dot)}onRender(){let t=this.config;this.el.classList.add(`op-avatar--${t.size??"md"}`,`op-avatar--${t.shape??"circle"}`),this.setName(t.name??""),this.setSrc(t.src),this.setStatus(t.status)}setName(t){this.config.name=t,this.rendered&&(this.text.textContent=h(t),this.el.style.setProperty("--op-avatar-c",n(t)?`var(--op-chart-${n(t)+1})`:"var(--op-chart-1, var(--op-color-primary))"),this.el.setAttribute("aria-label",this.config.ariaLabel??t),this.img&&(this.img.alt=""))}setSrc(t){if(this.config.src=t,!this.rendered||(this.img?.remove(),this.img=void 0,this.el.classList.remove("has-image"),!t))return;let e=this.img=i("img","op-avatar__img",{src:t,alt:"",draggable:"false"});e.addEventListener("load",()=>this.el.classList.add("has-image")),e.addEventListener("error",()=>(e.remove(),this.el.classList.remove("has-image"))),this.el.prepend(e)}setStatus(t){this.config.status=t,this.rendered&&(this.dot.hidden=!t,this.dot.className=`op-avatar__status${t?` is-${t}`:""}`)}};o("avatar",r);export{r as a};
|
|
2
|
+
//# sourceMappingURL=chunk-HG7OOHGD.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/base/avatar/avatar.ts"],
|
|
4
|
+
"sourcesContent": ["import { Component, type ComponentConfig } from '../../../core/component';\nimport { register } from '../../../core/registry';\nimport { h } from '../../../core/dom';\n\nexport interface AvatarConfig extends ComponentConfig {\n /** A person's or team's name: the initials when there is no picture, and the accessible name. */\n name?: string;\n /** Picture URL. If it fails to load the initials show. */\n src?: string;\n size?: 'sm' | 'md' | 'lg' | 'xl';\n shape?: 'circle' | 'square';\n status?: 'online' | 'away' | 'busy' | 'offline';\n}\n\nconst initials = (name: string) => {\n const w = name.trim().split(/\\s+/).filter(Boolean);\n return ((w[0]?.[0] ?? '') + (w.length > 1 ? w[w.length - 1][0] : '')).toUpperCase();\n};\nconst hue = (name: string) => [...name].reduce((a, ch) => (a * 31 + ch.charCodeAt(0)) >>> 0, 7) % 8;\n\n/** A picture or the initials of a name, on a color picked from the name (so the same person always looks the same). */\nexport class Avatar extends Component<AvatarConfig> {\n protected override baseCls = 'op-avatar';\n private img?: HTMLImageElement;\n private text!: HTMLElement;\n private dot!: HTMLElement;\n\n protected override build() {\n this.text = h('span', 'op-avatar__text', { 'aria-hidden': 'true' });\n this.dot = h('span', 'op-avatar__status');\n return h('span', this.baseCls, { role: 'img' }, this.text, this.dot);\n }\n\n protected override onRender() {\n const c = this.config;\n this.el.classList.add(`op-avatar--${c.size ?? 'md'}`, `op-avatar--${c.shape ?? 'circle'}`);\n this.setName(c.name ?? '');\n this.setSrc(c.src);\n this.setStatus(c.status);\n }\n\n setName(name: string) {\n this.config.name = name;\n if (!this.rendered) return;\n this.text.textContent = initials(name);\n this.el.style.setProperty('--op-avatar-c', hue(name) ? `var(--op-chart-${hue(name) + 1})` : 'var(--op-chart-1, var(--op-color-primary))');\n this.el.setAttribute('aria-label', this.config.ariaLabel ?? name);\n if (this.img) this.img.alt = '';\n }\n\n setSrc(src: string | undefined) {\n this.config.src = src;\n if (!this.rendered) return;\n this.img?.remove();\n this.img = undefined;\n this.el.classList.remove('has-image');\n if (!src) return;\n const img = (this.img = h('img', 'op-avatar__img', { src, alt: '', draggable: 'false' }));\n img.addEventListener('load', () => this.el.classList.add('has-image'));\n img.addEventListener('error', () => (img.remove(), this.el.classList.remove('has-image')));\n this.el.prepend(img);\n }\n\n setStatus(status: AvatarConfig['status']) {\n this.config.status = status;\n if (!this.rendered) return;\n this.dot.hidden = !status;\n this.dot.className = `op-avatar__status${status ? ` is-${status}` : ''}`;\n }\n}\nregister('avatar', Avatar);\n"],
|
|
5
|
+
"mappings": "wHAcA,IAAMA,EAAYC,GAAiB,CACjC,IAAMC,EAAID,EAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,EACjD,QAASC,EAAE,CAAC,IAAI,CAAC,GAAK,KAAOA,EAAE,OAAS,EAAIA,EAAEA,EAAE,OAAS,CAAC,EAAE,CAAC,EAAI,KAAK,YAAY,CACpF,EACMC,EAAOF,GAAiB,CAAC,GAAGA,CAAI,EAAE,OAAO,CAACG,EAAGC,IAAQD,EAAI,GAAKC,EAAG,WAAW,CAAC,IAAO,EAAG,CAAC,EAAI,EAGrFC,EAAN,cAAqBC,CAAwB,CAC/B,QAAU,YACrB,IACA,KACA,IAEW,OAAQ,CACzB,YAAK,KAAOC,EAAE,OAAQ,kBAAmB,CAAE,cAAe,MAAO,CAAC,EAClE,KAAK,IAAMA,EAAE,OAAQ,mBAAmB,EACjCA,EAAE,OAAQ,KAAK,QAAS,CAAE,KAAM,KAAM,EAAG,KAAK,KAAM,KAAK,GAAG,CACrE,CAEmB,UAAW,CAC5B,IAAMC,EAAI,KAAK,OACf,KAAK,GAAG,UAAU,IAAI,cAAcA,EAAE,MAAQ,IAAI,GAAI,cAAcA,EAAE,OAAS,QAAQ,EAAE,EACzF,KAAK,QAAQA,EAAE,MAAQ,EAAE,EACzB,KAAK,OAAOA,EAAE,GAAG,EACjB,KAAK,UAAUA,EAAE,MAAM,CACzB,CAEA,QAAQR,EAAc,CACpB,KAAK,OAAO,KAAOA,EACd,KAAK,WACV,KAAK,KAAK,YAAcD,EAASC,CAAI,EACrC,KAAK,GAAG,MAAM,YAAY,gBAAiBE,EAAIF,CAAI,EAAI,kBAAkBE,EAAIF,CAAI,EAAI,CAAC,IAAM,4CAA4C,EACxI,KAAK,GAAG,aAAa,aAAc,KAAK,OAAO,WAAaA,CAAI,EAC5D,KAAK,MAAK,KAAK,IAAI,IAAM,IAC/B,CAEA,OAAOS,EAAyB,CAM9B,GALA,KAAK,OAAO,IAAMA,EACd,CAAC,KAAK,WACV,KAAK,KAAK,OAAO,EACjB,KAAK,IAAM,OACX,KAAK,GAAG,UAAU,OAAO,WAAW,EAChC,CAACA,GAAK,OACV,IAAMC,EAAO,KAAK,IAAMH,EAAE,MAAO,iBAAkB,CAAE,IAAAE,EAAK,IAAK,GAAI,UAAW,OAAQ,CAAC,EACvFC,EAAI,iBAAiB,OAAQ,IAAM,KAAK,GAAG,UAAU,IAAI,WAAW,CAAC,EACrEA,EAAI,iBAAiB,QAAS,KAAOA,EAAI,OAAO,EAAG,KAAK,GAAG,UAAU,OAAO,WAAW,EAAE,EACzF,KAAK,GAAG,QAAQA,CAAG,CACrB,CAEA,UAAUC,EAAgC,CACxC,KAAK,OAAO,OAASA,EAChB,KAAK,WACV,KAAK,IAAI,OAAS,CAACA,EACnB,KAAK,IAAI,UAAY,oBAAoBA,EAAS,OAAOA,CAAM,GAAK,EAAE,GACxE,CACF,EACAC,EAAS,SAAUP,CAAM",
|
|
6
|
+
"names": ["initials", "name", "w", "hue", "a", "ch", "Avatar", "Component", "h", "c", "src", "img", "status", "register"]
|
|
7
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{c as l}from"./chunk-DIOJGTUN.js";import{a as n}from"./chunk-TIPK3SCJ.js";import{g as r}from"./chunk-4AA4FQEM.js";import{f as o}from"./chunk-UDXO3KM3.js";import{b as i}from"./chunk-PZSHOSOS.js";var s=class extends o{baseCls="op-button";tag="button";textEl;busyTextEl;iconHost;build(){let t=this.config,e=i("button","op-button",{type:t.htmlType??"button"});return this.iconHost=i("span","op-button__icon"),this.textEl=i("span","op-button__text"),this.busyTextEl=i("span","op-button__busy-text"),e.append(i("span","op-button__face",{},this.iconHost,this.textEl),i("span","op-button__busy",{},i("span","op-spinner op-button__spinner",{"aria-hidden":"true"}),this.busyTextEl)),e}onRender(){let t=this.config;this.setText(t.text??""),this.setIcon(t.icon??""),this.setVariant(t.variant??"default"),this.setPressed(!!t.pressed),!t.text&&!t.ariaLabel&&!t.tooltip&&console.warn("Optikos: icon-only Button needs ariaLabel"),this.listen(this.el,"click",e=>{if(t.disabled||t.loading||(t.toggle&&(this.setPressed(!t.pressed),this.emit("toggle",t.pressed)),this.emit("click",e)===!1))return e.preventDefault();t.handler?.(this,e)})}onDisabled(t){this.el.disabled=t}setText(t){this.config.text=t,this.rendered&&(this.textEl.textContent=t,this.textEl.hidden=!t,this.busyTextEl.textContent=this.config.loadingText??t)}setIcon(t){this.config.icon=t,this.rendered&&(this.iconHost.replaceChildren(...t?[l(t)]:[]),this.iconHost.hidden=!t,this.el.classList.toggle("op-button--icon-right",this.config.iconPos==="right"))}setVariant(t){if(this.config.variant=t,!!this.rendered)for(let e of["default","primary","danger","ghost"])this.el.classList.toggle(`op-button--${e}`,e===t)}setPressed(t){this.config.pressed=t,this.rendered&&(this.el.classList.toggle("is-pressed",t),this.config.toggle&&this.el.setAttribute("aria-pressed",String(t)))}setLoading(t){if(this.config.loading=t,typeof t=="string"&&this.setLoadingText(t),!!this.rendered){this.el.classList.toggle("is-loading",!!t);for(let e of["aria-busy","aria-disabled"])t?this.el.setAttribute(e,"true"):this.el.removeAttribute(e)}}setLoadingText(t){this.config.loadingText=t,this.rendered&&(this.busyTextEl.textContent=t)}pulse(){r(this.el)}click(){this.el.click()}};n("button",s);export{s as a};
|
|
2
|
+
//# sourceMappingURL=chunk-HLS5FI55.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as f,c as p}from"./chunk-YLFSCQL3.js";function c(s,t={}){return{init(i){let r=i.getStore(),o=!0,a,l=!1,u=()=>({...t.columns!==!1&&{columns:i.getColumnState()},...t.sort!==!1&&{sorters:r.getSorters()},...t.filters!==!1&&{filters:r.getFilters()},...t.page!==!1&&{page:r.page},pageSize:r.pageSize}),n=()=>{o||(clearTimeout(a),a=setTimeout(()=>{p(s,u())},t.delay??300))};f(s).then(async e=>{l||(e&&(e.columns&&t.columns!==!1&&i.setColumnState(e.columns),e.pageSize&&e.pageSize!==r.pageSize&&t.page!==!1&&r.setPageSize(e.pageSize),e.sorters?.[0]&&t.sort!==!1&&r.sort(e.sorters[0].field,e.sorters[0].dir),e.filters?.length&&t.filters!==!1&&await r.filter(e.filters),e.page&&t.page!==!1&&r.setPage(e.page)),o=!1)});let g=[i.on("columns-change",n),r.subscribe(e=>["sort","filter","page"].includes(e.type)&&n())];return()=>{l=!0,clearTimeout(a),g.forEach(e=>e())}}}}export{c as a};
|
|
2
|
+
//# sourceMappingURL=chunk-HX6TWXTX.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/data/gridstate/gridstate.ts"],
|
|
4
|
+
"sourcesContent": ["// Remembers a grid per user, as a plugin: `plugins: [persistState('grid-lots')]`.\nimport { loadState, saveState } from '../../../core/state';\nimport type { Grid, GridPlugin, ColumnState } from '../grid/grid';\nimport type { FilterNode, Sorter } from '../../../data/proxy';\n\nexport interface GridState {\n columns?: ColumnState[];\n sorters?: Sorter[];\n filters?: FilterNode[];\n page?: number;\n pageSize?: number;\n}\n\nexport interface PersistOptions {\n /** What to keep. All on by default. */\n columns?: boolean;\n sort?: boolean;\n filters?: boolean;\n page?: boolean;\n /** ms to wait after a change before saving. Default 300. */\n delay?: number;\n}\n\n/**\n * Keeps widths, order and visibility of the columns, the sort, the filters, the page size and the page under `key`\n * (`setStateStorage` decides where: the browser by default) and puts them back when the grid is created.\n */\nexport function persistState(key: string, o: PersistOptions = {}): GridPlugin {\n return {\n init(grid: Grid) {\n const store = grid.getStore();\n let restoring = true;\n let timer: ReturnType<typeof setTimeout> | undefined;\n let dead = false;\n const snapshot = (): GridState => ({\n ...(o.columns !== false && { columns: grid.getColumnState() }),\n ...(o.sort !== false && { sorters: store.getSorters() }),\n ...(o.filters !== false && { filters: store.getFilters() }),\n ...(o.page !== false && { page: store.page }),\n pageSize: store.pageSize,\n });\n const save = () => {\n if (restoring) return;\n clearTimeout(timer);\n timer = setTimeout(() => void saveState(key, snapshot()), o.delay ?? 300);\n };\n void loadState<GridState>(key).then(async (s) => {\n if (dead) return;\n if (s) {\n if (s.columns && o.columns !== false) grid.setColumnState(s.columns);\n if (s.pageSize && s.pageSize !== store.pageSize && o.page !== false) store.setPageSize(s.pageSize);\n if (s.sorters?.[0] && o.sort !== false) store.sort(s.sorters[0].field, s.sorters[0].dir);\n if (s.filters?.length && o.filters !== false) await store.filter(s.filters);\n if (s.page && o.page !== false) store.setPage(s.page);\n }\n restoring = false;\n });\n const offs = [grid.on('columns-change', save), store.subscribe((c) => ['sort', 'filter', 'page'].includes(c.type) && save())];\n return () => {\n dead = true;\n clearTimeout(timer);\n offs.forEach((off) => off());\n };\n },\n };\n}\n"],
|
|
5
|
+
"mappings": "+CA2BO,SAASA,EAAaC,EAAaC,EAAoB,CAAC,EAAe,CAC5E,MAAO,CACL,KAAKC,EAAY,CACf,IAAMC,EAAQD,EAAK,SAAS,EACxBE,EAAY,GACZC,EACAC,EAAO,GACLC,EAAW,KAAkB,CACjC,GAAIN,EAAE,UAAY,IAAS,CAAE,QAASC,EAAK,eAAe,CAAE,EAC5D,GAAID,EAAE,OAAS,IAAS,CAAE,QAASE,EAAM,WAAW,CAAE,EACtD,GAAIF,EAAE,UAAY,IAAS,CAAE,QAASE,EAAM,WAAW,CAAE,EACzD,GAAIF,EAAE,OAAS,IAAS,CAAE,KAAME,EAAM,IAAK,EAC3C,SAAUA,EAAM,QAClB,GACMK,EAAO,IAAM,CACbJ,IACJ,aAAaC,CAAK,EAClBA,EAAQ,WAAW,IAAG,CAAQI,EAAUT,EAAKO,EAAS,CAAC,GAAGN,EAAE,OAAS,GAAG,EAC1E,EACKS,EAAqBV,CAAG,EAAE,KAAK,MAAOW,GAAM,CAC3CL,IACAK,IACEA,EAAE,SAAWV,EAAE,UAAY,IAAOC,EAAK,eAAeS,EAAE,OAAO,EAC/DA,EAAE,UAAYA,EAAE,WAAaR,EAAM,UAAYF,EAAE,OAAS,IAAOE,EAAM,YAAYQ,EAAE,QAAQ,EAC7FA,EAAE,UAAU,CAAC,GAAKV,EAAE,OAAS,IAAOE,EAAM,KAAKQ,EAAE,QAAQ,CAAC,EAAE,MAAOA,EAAE,QAAQ,CAAC,EAAE,GAAG,EACnFA,EAAE,SAAS,QAAUV,EAAE,UAAY,IAAO,MAAME,EAAM,OAAOQ,EAAE,OAAO,EACtEA,EAAE,MAAQV,EAAE,OAAS,IAAOE,EAAM,QAAQQ,EAAE,IAAI,GAEtDP,EAAY,GACd,CAAC,EACD,IAAMQ,EAAO,CAACV,EAAK,GAAG,iBAAkBM,CAAI,EAAGL,EAAM,UAAWU,GAAM,CAAC,OAAQ,SAAU,MAAM,EAAE,SAASA,EAAE,IAAI,GAAKL,EAAK,CAAC,CAAC,EAC5H,MAAO,IAAM,CACXF,EAAO,GACP,aAAaD,CAAK,EAClBO,EAAK,QAASE,GAAQA,EAAI,CAAC,CAC7B,CACF,CACF,CACF",
|
|
6
|
+
"names": ["persistState", "key", "o", "grid", "store", "restoring", "timer", "dead", "snapshot", "save", "saveState", "loadState", "s", "offs", "c", "off"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{c as g}from"./chunk-DIOJGTUN.js";import{a as n}from"./chunk-TIPK3SCJ.js";import{f as a}from"./chunk-UDXO3KM3.js";import{b as t}from"./chunk-PZSHOSOS.js";var s=class extends a{baseCls="op-image";img;ph;build(){return this.ph=t("div","op-image__fallback",{"aria-hidden":"true"}),t("div",this.baseCls,{},this.ph)}onRender(){let e=this.config;e.ratio&&(this.el.style.aspectRatio=e.ratio),this.el.classList.add(`op-image--${e.fit??"cover"}`),this.el.classList.toggle("op-image--rounded",!!e.rounded),this.setSrc(e.src)}setSrc(e,r=!1){if(r||(this.config.src=e),!this.rendered)return;this.img?.remove(),this.img=void 0,this.el.classList.toggle("has-image",!1);let o=this.config.fallback??"image";if(this.ph.replaceChildren(/[/.]/.test(o)?"":g(o)),!e)return;let i=this.img=t("img","op-image__img",{src:e,alt:this.config.alt??"",draggable:"false",loading:this.config.eager?"eager":"lazy",decoding:"async"});i.addEventListener("load",()=>this.el.classList.add("has-image")),i.addEventListener("error",()=>{i.remove(),this.img=void 0,!r&&/[/.]/.test(this.config.fallback??"")&&this.setSrc(this.config.fallback,!0),this.emit("error")}),this.el.append(i)}setAlt(e){this.config.alt=e,this.img&&(this.img.alt=e)}setRatio(e){this.config.ratio=e,this.rendered&&(this.el.style.aspectRatio=e)}};n("image",s);export{s as a};
|
|
2
|
+
//# sourceMappingURL=chunk-I5A74NMJ.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/base/image/image.ts"],
|
|
4
|
+
"sourcesContent": ["import { Component, type ComponentConfig } from '../../../core/component';\nimport { register } from '../../../core/registry';\nimport { h } from '../../../core/dom';\nimport { iconEl } from '../icon/icon';\n\nexport interface ImageConfig extends ComponentConfig {\n src?: string;\n /** What the picture shows, for screen readers. Empty (the default) marks it decorative. */\n alt?: string;\n /** Aspect ratio as CSS: `'16/9'`, `'1'`. The box keeps it while the picture loads, so the page does not jump. */\n ratio?: string;\n fit?: 'cover' | 'contain';\n /** Shown while the picture is missing or fails: an icon name, or a second URL if it contains a `/` or a `.`. Default `image`. */\n fallback?: string;\n /** `lazy` (default) waits until the picture is near the screen. */\n eager?: boolean;\n rounded?: boolean;\n}\n\n/** A picture in a box that keeps its aspect ratio and shows a fallback when the file is missing. */\nexport class Image extends Component<ImageConfig> {\n protected override baseCls = 'op-image';\n private img?: HTMLImageElement;\n private ph!: HTMLElement;\n\n protected override build() {\n this.ph = h('div', 'op-image__fallback', { 'aria-hidden': 'true' });\n return h('div', this.baseCls, {}, this.ph);\n }\n\n protected override onRender() {\n const c = this.config;\n if (c.ratio) this.el.style.aspectRatio = c.ratio;\n this.el.classList.add(`op-image--${c.fit ?? 'cover'}`);\n this.el.classList.toggle('op-image--rounded', !!c.rounded);\n this.setSrc(c.src);\n }\n\n setSrc(src: string | undefined, fallback = false) {\n if (!fallback) this.config.src = src;\n if (!this.rendered) return;\n this.img?.remove();\n this.img = undefined;\n this.el.classList.toggle('has-image', false);\n const fb = this.config.fallback ?? 'image';\n this.ph.replaceChildren(/[/.]/.test(fb) ? '' : iconEl(fb));\n if (!src) return;\n const img = (this.img = h('img', 'op-image__img', { src, alt: this.config.alt ?? '', draggable: 'false', loading: this.config.eager ? 'eager' : 'lazy', decoding: 'async' }));\n img.addEventListener('load', () => this.el.classList.add('has-image'));\n img.addEventListener('error', () => {\n img.remove();\n this.img = undefined;\n // a second URL is tried once; anything else leaves the icon\n if (!fallback && /[/.]/.test(this.config.fallback ?? '')) this.setSrc(this.config.fallback, true);\n this.emit('error');\n });\n this.el.append(img);\n }\n\n setAlt(alt: string) {\n this.config.alt = alt;\n if (this.img) this.img.alt = alt;\n }\n\n setRatio(ratio: string) {\n this.config.ratio = ratio;\n if (this.rendered) this.el.style.aspectRatio = ratio;\n }\n}\nregister('image', Image);\n"],
|
|
5
|
+
"mappings": "gKAoBO,IAAMA,EAAN,cAAoBC,CAAuB,CAC7B,QAAU,WACrB,IACA,GAEW,OAAQ,CACzB,YAAK,GAAKC,EAAE,MAAO,qBAAsB,CAAE,cAAe,MAAO,CAAC,EAC3DA,EAAE,MAAO,KAAK,QAAS,CAAC,EAAG,KAAK,EAAE,CAC3C,CAEmB,UAAW,CAC5B,IAAMC,EAAI,KAAK,OACXA,EAAE,QAAO,KAAK,GAAG,MAAM,YAAcA,EAAE,OAC3C,KAAK,GAAG,UAAU,IAAI,aAAaA,EAAE,KAAO,OAAO,EAAE,EACrD,KAAK,GAAG,UAAU,OAAO,oBAAqB,CAAC,CAACA,EAAE,OAAO,EACzD,KAAK,OAAOA,EAAE,GAAG,CACnB,CAEA,OAAOC,EAAyBC,EAAW,GAAO,CAEhD,GADKA,IAAU,KAAK,OAAO,IAAMD,GAC7B,CAAC,KAAK,SAAU,OACpB,KAAK,KAAK,OAAO,EACjB,KAAK,IAAM,OACX,KAAK,GAAG,UAAU,OAAO,YAAa,EAAK,EAC3C,IAAME,EAAK,KAAK,OAAO,UAAY,QAEnC,GADA,KAAK,GAAG,gBAAgB,OAAO,KAAKA,CAAE,EAAI,GAAKC,EAAOD,CAAE,CAAC,EACrD,CAACF,EAAK,OACV,IAAMI,EAAO,KAAK,IAAMN,EAAE,MAAO,gBAAiB,CAAE,IAAAE,EAAK,IAAK,KAAK,OAAO,KAAO,GAAI,UAAW,QAAS,QAAS,KAAK,OAAO,MAAQ,QAAU,OAAQ,SAAU,OAAQ,CAAC,EAC3KI,EAAI,iBAAiB,OAAQ,IAAM,KAAK,GAAG,UAAU,IAAI,WAAW,CAAC,EACrEA,EAAI,iBAAiB,QAAS,IAAM,CAClCA,EAAI,OAAO,EACX,KAAK,IAAM,OAEP,CAACH,GAAY,OAAO,KAAK,KAAK,OAAO,UAAY,EAAE,GAAG,KAAK,OAAO,KAAK,OAAO,SAAU,EAAI,EAChG,KAAK,KAAK,OAAO,CACnB,CAAC,EACD,KAAK,GAAG,OAAOG,CAAG,CACpB,CAEA,OAAOC,EAAa,CAClB,KAAK,OAAO,IAAMA,EACd,KAAK,MAAK,KAAK,IAAI,IAAMA,EAC/B,CAEA,SAASC,EAAe,CACtB,KAAK,OAAO,MAAQA,EAChB,KAAK,WAAU,KAAK,GAAG,MAAM,YAAcA,EACjD,CACF,EACAC,EAAS,QAASX,CAAK",
|
|
6
|
+
"names": ["Image", "Component", "h", "c", "src", "fallback", "fb", "iconEl", "img", "alt", "ratio", "register"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as h}from"./chunk-GFFZTFQH.js";import{a as l}from"./chunk-HLS5FI55.js";import{a as c,c as d}from"./chunk-TIPK3SCJ.js";import{f as s}from"./chunk-UDXO3KM3.js";import{b as n}from"./chunk-PZSHOSOS.js";import{f as a}from"./chunk-S4QD5NID.js";var m=r=>r instanceof s?r.config:r,g=new Map;function A(r,t){g.set(r,t)}function y(r){let t=typeof r=="string"?g.get(r):r;if(!t)throw new Error(`Optikos: unknown lookup "${r}". Did you call registerLookup?`);return t}var v=r=>typeof r.store=="function"?r.store():r.store,k=r=>!r||r==="textfield"||r==="textarea",w=r=>r==null||r===""||Array.isArray(r)&&!r.length,f=class extends s{baseCls="op-searchgrid";def;store;fields=[];grid;form;build(){this.def=y(this.config.lookup),this.store=v(this.def);let t=this.def;this.form=n("div","op-searchgrid__filters",{role:"search"});let i=[new l({text:a("search"),icon:"search",variant:"primary",handler:()=>{this.search()}}),new l({text:a("clear"),handler:()=>this.clear()})];return this.fields=(t.filters??[]).map(e=>{let o=m(e),{op:x,field:C,...u}=o,p=e instanceof s?e:d({...u,renderTo:void 0});return p.on("enter",()=>{this.search()}),{cfg:o,cmp:p,own:!(e instanceof s)}}),this.form.append(...this.fields.map(e=>e.cmp.el),n("div","op-searchgrid__buttons",{},...i.map(e=>e.el))),this.grid=new h({store:this.store,columns:t.columns,selection:t.selection??"single",paging:t.paging!==!1,flex:1}),this.grid.on("select",e=>this.emit("select",e)),this.grid.on("row-activate",()=>this.confirm()),this.grid.on("row-dblclick",()=>this.confirm()),this.own(()=>[...i,this.grid,...this.fields.filter(e=>e.own).map(e=>e.cmp)].forEach(e=>e.destroy())),n("div",this.baseCls,{},this.form,this.grid.el)}onRender(){this.def.autoSearch!==!1&&this.search()}notifyMount(){super.notifyMount(),this.fields.forEach(t=>t.cmp.notifyMount()),this.grid.notifyMount()}confirm(){let t=this.grid.getSelection();t.length&&this.emit("confirm",t)}getFilters(){return this.fields.flatMap(({cfg:t,cmp:i})=>{let e=i.getValue?.();if(w(e))return[];let o=t.field??t.name;return typeof e=="object"&&!Array.isArray(e)&&"start"in e?e.start?[{field:o,op:"between",value:[e.start,e.end??e.start]}]:[]:[{field:o,op:t.op??(k(t.type)?"contains":"eq"),value:e}]})}async search(t){t!=null&&this.setQuery(t);let i=this.getFilters();this.emit("before-search",i)!==!1&&(await(i.length?this.store.filter(i):this.store.clearFilter()),this.emit("search",i))}clear(){this.fields.forEach(t=>t.cmp.clear?.()),this.search()}setQuery(t){let i=this.def.queryField??(this.def.filters?.[0]&&m(this.def.filters[0]).name);this.fields.find(e=>e.cfg.name===i)?.cmp?.setValue?.(t)}getSelection(){return this.grid.getSelection()}getGrid(){return this.grid}getStore(){return this.store}focus(){(this.fields[0]?.cmp??this.grid).focus()}};c("searchgrid",f);export{m as a,A as b,y as c,v as d,f as e};
|
|
2
|
+
//# sourceMappingURL=chunk-IUOEPAWG.js.map
|