@uifn/core 0.0.1
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 +8 -0
- package/README.md +46 -0
- package/dist/aria/index.d.mts +1 -0
- package/dist/aria/index.d.ts +1 -0
- package/dist/aria/index.js +13 -0
- package/dist/aria/index.js.map +1 -0
- package/dist/aria/index.mjs +4 -0
- package/dist/aria/index.mjs.map +1 -0
- package/dist/aria/keys.d.mts +17 -0
- package/dist/aria/keys.d.ts +17 -0
- package/dist/aria/keys.js +12 -0
- package/dist/aria/keys.js.map +1 -0
- package/dist/aria/keys.mjs +3 -0
- package/dist/aria/keys.mjs.map +1 -0
- package/dist/chunk-2HLCA7I5.mjs +42 -0
- package/dist/chunk-2HLCA7I5.mjs.map +1 -0
- package/dist/chunk-2S7OX5K7.mjs +143 -0
- package/dist/chunk-2S7OX5K7.mjs.map +1 -0
- package/dist/chunk-2ZNFHW2P.js +125 -0
- package/dist/chunk-2ZNFHW2P.js.map +1 -0
- package/dist/chunk-3DNFBRAZ.mjs +49 -0
- package/dist/chunk-3DNFBRAZ.mjs.map +1 -0
- package/dist/chunk-3U3PAOFD.mjs +3 -0
- package/dist/chunk-3U3PAOFD.mjs.map +1 -0
- package/dist/chunk-4J6CNDHI.js +109 -0
- package/dist/chunk-4J6CNDHI.js.map +1 -0
- package/dist/chunk-4KISNBSY.mjs +403 -0
- package/dist/chunk-4KISNBSY.mjs.map +1 -0
- package/dist/chunk-4QGZXLQV.js +13 -0
- package/dist/chunk-4QGZXLQV.js.map +1 -0
- package/dist/chunk-4YPFHTID.js +136 -0
- package/dist/chunk-4YPFHTID.js.map +1 -0
- package/dist/chunk-5C57AF3A.js +247 -0
- package/dist/chunk-5C57AF3A.js.map +1 -0
- package/dist/chunk-5DK6IIIL.mjs +209 -0
- package/dist/chunk-5DK6IIIL.mjs.map +1 -0
- package/dist/chunk-6RG3QJLI.mjs +347 -0
- package/dist/chunk-6RG3QJLI.mjs.map +1 -0
- package/dist/chunk-6Y53W77O.mjs +101 -0
- package/dist/chunk-6Y53W77O.mjs.map +1 -0
- package/dist/chunk-75SPLZPF.js +192 -0
- package/dist/chunk-75SPLZPF.js.map +1 -0
- package/dist/chunk-7OJWGNKW.js +211 -0
- package/dist/chunk-7OJWGNKW.js.map +1 -0
- package/dist/chunk-7PJQFLC4.mjs +107 -0
- package/dist/chunk-7PJQFLC4.mjs.map +1 -0
- package/dist/chunk-A662QRP2.js +63 -0
- package/dist/chunk-A662QRP2.js.map +1 -0
- package/dist/chunk-AAUYPAHO.js +4 -0
- package/dist/chunk-AAUYPAHO.js.map +1 -0
- package/dist/chunk-ACCONS6L.mjs +245 -0
- package/dist/chunk-ACCONS6L.mjs.map +1 -0
- package/dist/chunk-ARTLWFX3.js +51 -0
- package/dist/chunk-ARTLWFX3.js.map +1 -0
- package/dist/chunk-B2LLTIQ3.js +27 -0
- package/dist/chunk-B2LLTIQ3.js.map +1 -0
- package/dist/chunk-BFYV3H52.mjs +236 -0
- package/dist/chunk-BFYV3H52.mjs.map +1 -0
- package/dist/chunk-BIIT67Q2.mjs +377 -0
- package/dist/chunk-BIIT67Q2.mjs.map +1 -0
- package/dist/chunk-CH6WMHOM.mjs +216 -0
- package/dist/chunk-CH6WMHOM.mjs.map +1 -0
- package/dist/chunk-CIAQQ7JN.js +209 -0
- package/dist/chunk-CIAQQ7JN.js.map +1 -0
- package/dist/chunk-CMK53PYC.mjs +125 -0
- package/dist/chunk-CMK53PYC.mjs.map +1 -0
- package/dist/chunk-CQIXWQ3S.js +59 -0
- package/dist/chunk-CQIXWQ3S.js.map +1 -0
- package/dist/chunk-DB2757V5.mjs +3 -0
- package/dist/chunk-DB2757V5.mjs.map +1 -0
- package/dist/chunk-DJ2J36FP.js +44 -0
- package/dist/chunk-DJ2J36FP.js.map +1 -0
- package/dist/chunk-EKEJS6NR.js +4 -0
- package/dist/chunk-EKEJS6NR.js.map +1 -0
- package/dist/chunk-EKMJ2G7A.js +149 -0
- package/dist/chunk-EKMJ2G7A.js.map +1 -0
- package/dist/chunk-EXE4FKQZ.js +349 -0
- package/dist/chunk-EXE4FKQZ.js.map +1 -0
- package/dist/chunk-FXWTTAZE.mjs +155 -0
- package/dist/chunk-FXWTTAZE.mjs.map +1 -0
- package/dist/chunk-GBZEXGFI.mjs +261 -0
- package/dist/chunk-GBZEXGFI.mjs.map +1 -0
- package/dist/chunk-HFNYFUZ3.mjs +207 -0
- package/dist/chunk-HFNYFUZ3.mjs.map +1 -0
- package/dist/chunk-HTTKRX7S.mjs +139 -0
- package/dist/chunk-HTTKRX7S.mjs.map +1 -0
- package/dist/chunk-II5OGIRE.mjs +179 -0
- package/dist/chunk-II5OGIRE.mjs.map +1 -0
- package/dist/chunk-JBMGXJ55.js +136 -0
- package/dist/chunk-JBMGXJ55.js.map +1 -0
- package/dist/chunk-K3WYDUIN.js +60 -0
- package/dist/chunk-K3WYDUIN.js.map +1 -0
- package/dist/chunk-K626K7M2.mjs +3 -0
- package/dist/chunk-K626K7M2.mjs.map +1 -0
- package/dist/chunk-KUFZSXA5.js +149 -0
- package/dist/chunk-KUFZSXA5.js.map +1 -0
- package/dist/chunk-KW66AOEN.mjs +134 -0
- package/dist/chunk-KW66AOEN.mjs.map +1 -0
- package/dist/chunk-L67UQEPI.js +98 -0
- package/dist/chunk-L67UQEPI.js.map +1 -0
- package/dist/chunk-LJHGAEQO.mjs +243 -0
- package/dist/chunk-LJHGAEQO.mjs.map +1 -0
- package/dist/chunk-LNJ2UKA3.mjs +54 -0
- package/dist/chunk-LNJ2UKA3.mjs.map +1 -0
- package/dist/chunk-LYO42ETL.mjs +147 -0
- package/dist/chunk-LYO42ETL.mjs.map +1 -0
- package/dist/chunk-LZYTPMPO.js +174 -0
- package/dist/chunk-LZYTPMPO.js.map +1 -0
- package/dist/chunk-N4UTITU6.mjs +61 -0
- package/dist/chunk-N4UTITU6.mjs.map +1 -0
- package/dist/chunk-O5IWF7DZ.js +238 -0
- package/dist/chunk-O5IWF7DZ.js.map +1 -0
- package/dist/chunk-OLT6LMNW.js +4 -0
- package/dist/chunk-OLT6LMNW.js.map +1 -0
- package/dist/chunk-ONDX6FX7.js +225 -0
- package/dist/chunk-ONDX6FX7.js.map +1 -0
- package/dist/chunk-PMZEYBN3.mjs +167 -0
- package/dist/chunk-PMZEYBN3.mjs.map +1 -0
- package/dist/chunk-QHZXEKPJ.mjs +123 -0
- package/dist/chunk-QHZXEKPJ.mjs.map +1 -0
- package/dist/chunk-QT3WNPTI.js +157 -0
- package/dist/chunk-QT3WNPTI.js.map +1 -0
- package/dist/chunk-RFARH4U4.js +105 -0
- package/dist/chunk-RFARH4U4.js.map +1 -0
- package/dist/chunk-RISAMVRI.mjs +3 -0
- package/dist/chunk-RISAMVRI.mjs.map +1 -0
- package/dist/chunk-RIUSFFXM.mjs +34 -0
- package/dist/chunk-RIUSFFXM.mjs.map +1 -0
- package/dist/chunk-RK5FMDPE.mjs +172 -0
- package/dist/chunk-RK5FMDPE.mjs.map +1 -0
- package/dist/chunk-RMSI52UT.js +263 -0
- package/dist/chunk-RMSI52UT.js.map +1 -0
- package/dist/chunk-RPH4AAZZ.mjs +94 -0
- package/dist/chunk-RPH4AAZZ.mjs.map +1 -0
- package/dist/chunk-RR4UBSEY.js +128 -0
- package/dist/chunk-RR4UBSEY.js.map +1 -0
- package/dist/chunk-T5JIC6TN.js +36 -0
- package/dist/chunk-T5JIC6TN.js.map +1 -0
- package/dist/chunk-TC53AKSZ.mjs +11 -0
- package/dist/chunk-TC53AKSZ.mjs.map +1 -0
- package/dist/chunk-TWTQ2Y7N.mjs +254 -0
- package/dist/chunk-TWTQ2Y7N.mjs.map +1 -0
- package/dist/chunk-TXH2KTET.js +256 -0
- package/dist/chunk-TXH2KTET.js.map +1 -0
- package/dist/chunk-U7PMCTVQ.js +4 -0
- package/dist/chunk-U7PMCTVQ.js.map +1 -0
- package/dist/chunk-UCVUVOZA.mjs +57 -0
- package/dist/chunk-UCVUVOZA.mjs.map +1 -0
- package/dist/chunk-UF33V3RN.mjs +130 -0
- package/dist/chunk-UF33V3RN.mjs.map +1 -0
- package/dist/chunk-UJI3VD2G.mjs +19 -0
- package/dist/chunk-UJI3VD2G.mjs.map +1 -0
- package/dist/chunk-UYK6N72M.js +169 -0
- package/dist/chunk-UYK6N72M.js.map +1 -0
- package/dist/chunk-VIEGALP5.js +46 -0
- package/dist/chunk-VIEGALP5.js.map +1 -0
- package/dist/chunk-W3EUJ2EQ.mjs +132 -0
- package/dist/chunk-W3EUJ2EQ.mjs.map +1 -0
- package/dist/chunk-WEMPFMHX.js +379 -0
- package/dist/chunk-WEMPFMHX.js.map +1 -0
- package/dist/chunk-WJKHFUXF.js +245 -0
- package/dist/chunk-WJKHFUXF.js.map +1 -0
- package/dist/chunk-WV2D7BZS.js +221 -0
- package/dist/chunk-WV2D7BZS.js.map +1 -0
- package/dist/chunk-YUHQTWI5.js +145 -0
- package/dist/chunk-YUHQTWI5.js.map +1 -0
- package/dist/chunk-Z4Q2AFMC.js +21 -0
- package/dist/chunk-Z4Q2AFMC.js.map +1 -0
- package/dist/chunk-ZBIA3D6U.js +137 -0
- package/dist/chunk-ZBIA3D6U.js.map +1 -0
- package/dist/chunk-ZGNMHRPN.mjs +25 -0
- package/dist/chunk-ZGNMHRPN.mjs.map +1 -0
- package/dist/chunk-ZL6VCAWV.mjs +223 -0
- package/dist/chunk-ZL6VCAWV.mjs.map +1 -0
- package/dist/chunk-ZMGHFIKQ.mjs +43 -0
- package/dist/chunk-ZMGHFIKQ.mjs.map +1 -0
- package/dist/chunk-ZWRLJ63J.js +405 -0
- package/dist/chunk-ZWRLJ63J.js.map +1 -0
- package/dist/errors.d.mts +45 -0
- package/dist/errors.d.ts +45 -0
- package/dist/errors.js +44 -0
- package/dist/errors.js.map +1 -0
- package/dist/errors.mjs +3 -0
- package/dist/errors.mjs.map +1 -0
- package/dist/index.d.mts +37 -0
- package/dist/index.d.ts +37 -0
- package/dist/index.js +332 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +43 -0
- package/dist/index.mjs.map +1 -0
- package/dist/primitives/accordion.d.mts +44 -0
- package/dist/primitives/accordion.d.ts +44 -0
- package/dist/primitives/accordion.js +17 -0
- package/dist/primitives/accordion.js.map +1 -0
- package/dist/primitives/accordion.mjs +8 -0
- package/dist/primitives/accordion.mjs.map +1 -0
- package/dist/primitives/alert-dialog.d.mts +19 -0
- package/dist/primitives/alert-dialog.d.ts +19 -0
- package/dist/primitives/alert-dialog.js +19 -0
- package/dist/primitives/alert-dialog.js.map +1 -0
- package/dist/primitives/alert-dialog.mjs +10 -0
- package/dist/primitives/alert-dialog.mjs.map +1 -0
- package/dist/primitives/avatar.d.mts +17 -0
- package/dist/primitives/avatar.d.ts +17 -0
- package/dist/primitives/avatar.js +12 -0
- package/dist/primitives/avatar.js.map +1 -0
- package/dist/primitives/avatar.mjs +3 -0
- package/dist/primitives/avatar.mjs.map +1 -0
- package/dist/primitives/checkbox.d.mts +41 -0
- package/dist/primitives/checkbox.d.ts +41 -0
- package/dist/primitives/checkbox.js +16 -0
- package/dist/primitives/checkbox.js.map +1 -0
- package/dist/primitives/checkbox.mjs +7 -0
- package/dist/primitives/checkbox.mjs.map +1 -0
- package/dist/primitives/collapsible.d.mts +42 -0
- package/dist/primitives/collapsible.d.ts +42 -0
- package/dist/primitives/collapsible.js +19 -0
- package/dist/primitives/collapsible.js.map +1 -0
- package/dist/primitives/collapsible.mjs +6 -0
- package/dist/primitives/collapsible.mjs.map +1 -0
- package/dist/primitives/combobox.d.mts +83 -0
- package/dist/primitives/combobox.d.ts +83 -0
- package/dist/primitives/combobox.js +18 -0
- package/dist/primitives/combobox.js.map +1 -0
- package/dist/primitives/combobox.mjs +9 -0
- package/dist/primitives/combobox.mjs.map +1 -0
- package/dist/primitives/context-menu.d.mts +48 -0
- package/dist/primitives/context-menu.d.ts +48 -0
- package/dist/primitives/context-menu.js +19 -0
- package/dist/primitives/context-menu.js.map +1 -0
- package/dist/primitives/context-menu.mjs +10 -0
- package/dist/primitives/context-menu.mjs.map +1 -0
- package/dist/primitives/dialog.d.mts +69 -0
- package/dist/primitives/dialog.d.ts +69 -0
- package/dist/primitives/dialog.js +18 -0
- package/dist/primitives/dialog.js.map +1 -0
- package/dist/primitives/dialog.mjs +9 -0
- package/dist/primitives/dialog.mjs.map +1 -0
- package/dist/primitives/dropdown-menu.d.mts +66 -0
- package/dist/primitives/dropdown-menu.d.ts +66 -0
- package/dist/primitives/dropdown-menu.js +18 -0
- package/dist/primitives/dropdown-menu.js.map +1 -0
- package/dist/primitives/dropdown-menu.mjs +9 -0
- package/dist/primitives/dropdown-menu.mjs.map +1 -0
- package/dist/primitives/hover-card.d.mts +73 -0
- package/dist/primitives/hover-card.d.ts +73 -0
- package/dist/primitives/hover-card.js +18 -0
- package/dist/primitives/hover-card.js.map +1 -0
- package/dist/primitives/hover-card.mjs +9 -0
- package/dist/primitives/hover-card.mjs.map +1 -0
- package/dist/primitives/index.d.mts +28 -0
- package/dist/primitives/index.d.ts +28 -0
- package/dist/primitives/index.js +146 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/primitives/index.mjs +37 -0
- package/dist/primitives/index.mjs.map +1 -0
- package/dist/primitives/menu-bar.d.mts +39 -0
- package/dist/primitives/menu-bar.d.ts +39 -0
- package/dist/primitives/menu-bar.js +16 -0
- package/dist/primitives/menu-bar.js.map +1 -0
- package/dist/primitives/menu-bar.mjs +7 -0
- package/dist/primitives/menu-bar.mjs.map +1 -0
- package/dist/primitives/popover.d.mts +89 -0
- package/dist/primitives/popover.d.ts +89 -0
- package/dist/primitives/popover.js +20 -0
- package/dist/primitives/popover.js.map +1 -0
- package/dist/primitives/popover.mjs +11 -0
- package/dist/primitives/popover.mjs.map +1 -0
- package/dist/primitives/progress.d.mts +28 -0
- package/dist/primitives/progress.d.ts +28 -0
- package/dist/primitives/progress.js +13 -0
- package/dist/primitives/progress.js.map +1 -0
- package/dist/primitives/progress.mjs +4 -0
- package/dist/primitives/progress.mjs.map +1 -0
- package/dist/primitives/radio-group.d.mts +45 -0
- package/dist/primitives/radio-group.d.ts +45 -0
- package/dist/primitives/radio-group.js +17 -0
- package/dist/primitives/radio-group.js.map +1 -0
- package/dist/primitives/radio-group.mjs +8 -0
- package/dist/primitives/radio-group.mjs.map +1 -0
- package/dist/primitives/scroll-area.d.mts +53 -0
- package/dist/primitives/scroll-area.d.ts +53 -0
- package/dist/primitives/scroll-area.js +14 -0
- package/dist/primitives/scroll-area.js.map +1 -0
- package/dist/primitives/scroll-area.mjs +5 -0
- package/dist/primitives/scroll-area.mjs.map +1 -0
- package/dist/primitives/select.d.mts +78 -0
- package/dist/primitives/select.d.ts +78 -0
- package/dist/primitives/select.js +18 -0
- package/dist/primitives/select.js.map +1 -0
- package/dist/primitives/select.mjs +9 -0
- package/dist/primitives/select.mjs.map +1 -0
- package/dist/primitives/separator.d.mts +16 -0
- package/dist/primitives/separator.d.ts +16 -0
- package/dist/primitives/separator.js +12 -0
- package/dist/primitives/separator.js.map +1 -0
- package/dist/primitives/separator.mjs +3 -0
- package/dist/primitives/separator.mjs.map +1 -0
- package/dist/primitives/slider.d.mts +46 -0
- package/dist/primitives/slider.d.ts +46 -0
- package/dist/primitives/slider.js +15 -0
- package/dist/primitives/slider.js.map +1 -0
- package/dist/primitives/slider.mjs +6 -0
- package/dist/primitives/slider.mjs.map +1 -0
- package/dist/primitives/switch.d.mts +41 -0
- package/dist/primitives/switch.d.ts +41 -0
- package/dist/primitives/switch.js +16 -0
- package/dist/primitives/switch.js.map +1 -0
- package/dist/primitives/switch.mjs +7 -0
- package/dist/primitives/switch.mjs.map +1 -0
- package/dist/primitives/tabs.d.mts +44 -0
- package/dist/primitives/tabs.d.ts +44 -0
- package/dist/primitives/tabs.js +17 -0
- package/dist/primitives/tabs.js.map +1 -0
- package/dist/primitives/tabs.mjs +8 -0
- package/dist/primitives/tabs.mjs.map +1 -0
- package/dist/primitives/toast.d.mts +24 -0
- package/dist/primitives/toast.d.ts +24 -0
- package/dist/primitives/toast.js +12 -0
- package/dist/primitives/toast.js.map +1 -0
- package/dist/primitives/toast.mjs +3 -0
- package/dist/primitives/toast.mjs.map +1 -0
- package/dist/primitives/toggle-group.d.mts +42 -0
- package/dist/primitives/toggle-group.d.ts +42 -0
- package/dist/primitives/toggle-group.js +16 -0
- package/dist/primitives/toggle-group.js.map +1 -0
- package/dist/primitives/toggle-group.mjs +7 -0
- package/dist/primitives/toggle-group.mjs.map +1 -0
- package/dist/primitives/toggle.d.mts +30 -0
- package/dist/primitives/toggle.d.ts +30 -0
- package/dist/primitives/toggle.js +15 -0
- package/dist/primitives/toggle.js.map +1 -0
- package/dist/primitives/toggle.mjs +6 -0
- package/dist/primitives/toggle.mjs.map +1 -0
- package/dist/primitives/toolbar.d.mts +34 -0
- package/dist/primitives/toolbar.d.ts +34 -0
- package/dist/primitives/toolbar.js +16 -0
- package/dist/primitives/toolbar.js.map +1 -0
- package/dist/primitives/toolbar.mjs +7 -0
- package/dist/primitives/toolbar.mjs.map +1 -0
- package/dist/primitives/tooltip.d.mts +63 -0
- package/dist/primitives/tooltip.d.ts +63 -0
- package/dist/primitives/tooltip.js +16 -0
- package/dist/primitives/tooltip.js.map +1 -0
- package/dist/primitives/tooltip.mjs +7 -0
- package/dist/primitives/tooltip.mjs.map +1 -0
- package/dist/shared-Sdeyo6Vu.d.mts +10 -0
- package/dist/shared-Sdeyo6Vu.d.ts +10 -0
- package/dist/state/index.d.mts +1 -0
- package/dist/state/index.d.ts +1 -0
- package/dist/state/index.js +21 -0
- package/dist/state/index.js.map +1 -0
- package/dist/state/index.mjs +4 -0
- package/dist/state/index.mjs.map +1 -0
- package/dist/state/machine.d.mts +62 -0
- package/dist/state/machine.d.ts +62 -0
- package/dist/state/machine.js +20 -0
- package/dist/state/machine.js.map +1 -0
- package/dist/state/machine.mjs +3 -0
- package/dist/state/machine.mjs.map +1 -0
- package/dist/utils/escape-key.d.mts +12 -0
- package/dist/utils/escape-key.d.ts +12 -0
- package/dist/utils/escape-key.js +13 -0
- package/dist/utils/escape-key.js.map +1 -0
- package/dist/utils/escape-key.mjs +4 -0
- package/dist/utils/escape-key.mjs.map +1 -0
- package/dist/utils/focus-trap.d.mts +39 -0
- package/dist/utils/focus-trap.d.ts +39 -0
- package/dist/utils/focus-trap.js +25 -0
- package/dist/utils/focus-trap.js.map +1 -0
- package/dist/utils/focus-trap.mjs +4 -0
- package/dist/utils/focus-trap.mjs.map +1 -0
- package/dist/utils/id.d.mts +54 -0
- package/dist/utils/id.d.ts +54 -0
- package/dist/utils/id.js +57 -0
- package/dist/utils/id.js.map +1 -0
- package/dist/utils/id.mjs +4 -0
- package/dist/utils/id.mjs.map +1 -0
- package/dist/utils/index.d.mts +9 -0
- package/dist/utils/index.d.ts +9 -0
- package/dist/utils/index.js +147 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +14 -0
- package/dist/utils/index.mjs.map +1 -0
- package/dist/utils/outside-click.d.mts +15 -0
- package/dist/utils/outside-click.d.ts +15 -0
- package/dist/utils/outside-click.js +12 -0
- package/dist/utils/outside-click.js.map +1 -0
- package/dist/utils/outside-click.mjs +3 -0
- package/dist/utils/outside-click.mjs.map +1 -0
- package/dist/utils/portal.d.mts +10 -0
- package/dist/utils/portal.d.ts +10 -0
- package/dist/utils/portal.js +16 -0
- package/dist/utils/portal.js.map +1 -0
- package/dist/utils/portal.mjs +3 -0
- package/dist/utils/portal.mjs.map +1 -0
- package/dist/utils/position.d.mts +46 -0
- package/dist/utils/position.d.ts +46 -0
- package/dist/utils/position.js +25 -0
- package/dist/utils/position.js.map +1 -0
- package/dist/utils/position.mjs +4 -0
- package/dist/utils/position.mjs.map +1 -0
- package/dist/utils/presence.d.mts +40 -0
- package/dist/utils/presence.d.ts +40 -0
- package/dist/utils/presence.js +28 -0
- package/dist/utils/presence.js.map +1 -0
- package/dist/utils/presence.mjs +3 -0
- package/dist/utils/presence.mjs.map +1 -0
- package/dist/utils/roving-focus.d.mts +27 -0
- package/dist/utils/roving-focus.d.ts +27 -0
- package/dist/utils/roving-focus.js +21 -0
- package/dist/utils/roving-focus.js.map +1 -0
- package/dist/utils/roving-focus.mjs +4 -0
- package/dist/utils/roving-focus.mjs.map +1 -0
- package/package.json +118 -0
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { createPresenceManager } from './chunk-UF33V3RN.mjs';
|
|
2
|
+
import { computePosition } from './chunk-CH6WMHOM.mjs';
|
|
3
|
+
import { createStore } from './chunk-LNJ2UKA3.mjs';
|
|
4
|
+
import { createUIFnError } from './chunk-HTTKRX7S.mjs';
|
|
5
|
+
|
|
6
|
+
// src/primitives/tooltip.ts
|
|
7
|
+
function patchCleanup(store, presence) {
|
|
8
|
+
const presenceState = presence.getState();
|
|
9
|
+
store.patchState({
|
|
10
|
+
cleanup: {
|
|
11
|
+
timers: presenceState.timers,
|
|
12
|
+
listeners: presenceState.listeners,
|
|
13
|
+
complete: presenceState.cleanupComplete
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
function createTooltip(props) {
|
|
18
|
+
const open = props.open ?? props.defaultOpen ?? false;
|
|
19
|
+
const delayDuration = props.delayDuration ?? 700;
|
|
20
|
+
const skipDelayDuration = props.skipDelayDuration ?? 300;
|
|
21
|
+
const store = createStore({
|
|
22
|
+
open,
|
|
23
|
+
delayDuration,
|
|
24
|
+
skipDelayDuration,
|
|
25
|
+
disableHoverableContent: props.disableHoverableContent ?? false,
|
|
26
|
+
pendingOpenMs: null,
|
|
27
|
+
side: props.side ?? "bottom",
|
|
28
|
+
align: props.align ?? "center",
|
|
29
|
+
sideOffset: props.sideOffset ?? 5,
|
|
30
|
+
alignOffset: props.alignOffset ?? 0,
|
|
31
|
+
collisionPadding: props.collisionPadding ?? 5,
|
|
32
|
+
collisionDetection: props.collisionDetection ?? true,
|
|
33
|
+
position: null,
|
|
34
|
+
cleanup: {
|
|
35
|
+
timers: 0,
|
|
36
|
+
listeners: 0,
|
|
37
|
+
complete: !open
|
|
38
|
+
},
|
|
39
|
+
lastError: null
|
|
40
|
+
});
|
|
41
|
+
const presence = createPresenceManager(open, {
|
|
42
|
+
reducedMotion: props.reducedMotion ?? false
|
|
43
|
+
});
|
|
44
|
+
const applyOpen = (nextOpen, reason, source, inputModality) => {
|
|
45
|
+
const state = store.getState();
|
|
46
|
+
if (state.open === nextOpen && state.pendingOpenMs === null) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const meta = {
|
|
50
|
+
source,
|
|
51
|
+
reason,
|
|
52
|
+
previousValue: state.open,
|
|
53
|
+
nextValue: nextOpen,
|
|
54
|
+
inputModality
|
|
55
|
+
};
|
|
56
|
+
presence.setPresent(nextOpen);
|
|
57
|
+
if (!nextOpen) {
|
|
58
|
+
presence.cleanup();
|
|
59
|
+
}
|
|
60
|
+
store.patchState(
|
|
61
|
+
{
|
|
62
|
+
open: nextOpen,
|
|
63
|
+
pendingOpenMs: null,
|
|
64
|
+
cleanup: {
|
|
65
|
+
timers: presence.getState().timers,
|
|
66
|
+
listeners: presence.getState().listeners,
|
|
67
|
+
complete: presence.getState().cleanupComplete
|
|
68
|
+
},
|
|
69
|
+
lastChangeMeta: meta,
|
|
70
|
+
lastError: null
|
|
71
|
+
},
|
|
72
|
+
meta
|
|
73
|
+
);
|
|
74
|
+
props.onOpenChange?.(nextOpen);
|
|
75
|
+
};
|
|
76
|
+
const actions = {
|
|
77
|
+
setOpen(nextOpen) {
|
|
78
|
+
applyOpen(nextOpen, nextOpen ? "open-programmatic" : "close-programmatic", "programmatic");
|
|
79
|
+
},
|
|
80
|
+
openWithDelay() {
|
|
81
|
+
const state = store.getState();
|
|
82
|
+
if (state.delayDuration <= 0) {
|
|
83
|
+
applyOpen(true, "open-hover", "user", "pointer");
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
if (state.pendingOpenMs === null) {
|
|
87
|
+
presence.registerTimer();
|
|
88
|
+
}
|
|
89
|
+
store.patchState({
|
|
90
|
+
pendingOpenMs: state.delayDuration
|
|
91
|
+
});
|
|
92
|
+
patchCleanup(store, presence);
|
|
93
|
+
},
|
|
94
|
+
close() {
|
|
95
|
+
if (store.getState().pendingOpenMs !== null) {
|
|
96
|
+
presence.clearTimer();
|
|
97
|
+
}
|
|
98
|
+
applyOpen(false, "close-pointer-leave", "user", "pointer");
|
|
99
|
+
},
|
|
100
|
+
advanceTime(elapsedMs) {
|
|
101
|
+
const state = store.getState();
|
|
102
|
+
if (state.pendingOpenMs === null) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
const remaining = Math.max(0, state.pendingOpenMs - elapsedMs);
|
|
106
|
+
if (remaining === 0) {
|
|
107
|
+
presence.clearTimer();
|
|
108
|
+
patchCleanup(store, presence);
|
|
109
|
+
applyOpen(true, "open-hover-delayed", "user", "pointer");
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
store.patchState({
|
|
113
|
+
pendingOpenMs: remaining
|
|
114
|
+
});
|
|
115
|
+
},
|
|
116
|
+
computePosition(anchorRect, contentRect, viewport) {
|
|
117
|
+
const state = store.getState();
|
|
118
|
+
const options = {
|
|
119
|
+
side: state.side,
|
|
120
|
+
align: state.align,
|
|
121
|
+
sideOffset: state.sideOffset,
|
|
122
|
+
alignOffset: state.alignOffset,
|
|
123
|
+
collisionPadding: state.collisionPadding,
|
|
124
|
+
collisionDetection: state.collisionDetection,
|
|
125
|
+
viewportWidth: viewport.width,
|
|
126
|
+
viewportHeight: viewport.height,
|
|
127
|
+
scrollX: viewport.scrollX,
|
|
128
|
+
scrollY: viewport.scrollY
|
|
129
|
+
};
|
|
130
|
+
const position = computePosition(anchorRect, contentRect, options);
|
|
131
|
+
store.patchState({
|
|
132
|
+
position,
|
|
133
|
+
lastError: position.overflow ? createUIFnError({
|
|
134
|
+
code: "UIFN_ERR_POSITIONING_OVERFLOW",
|
|
135
|
+
package: "@uifn/core",
|
|
136
|
+
component: "Tooltip",
|
|
137
|
+
message: "Popup families MUST resolve collisions deterministically.",
|
|
138
|
+
recoverable: true,
|
|
139
|
+
details: {
|
|
140
|
+
overflowSides: position.overflowSides
|
|
141
|
+
}
|
|
142
|
+
}) : null
|
|
143
|
+
});
|
|
144
|
+
return position;
|
|
145
|
+
},
|
|
146
|
+
registerListener() {
|
|
147
|
+
presence.registerListener();
|
|
148
|
+
patchCleanup(store, presence);
|
|
149
|
+
},
|
|
150
|
+
clearListener() {
|
|
151
|
+
presence.clearListener();
|
|
152
|
+
patchCleanup(store, presence);
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
return {
|
|
156
|
+
get state() {
|
|
157
|
+
return store.getState();
|
|
158
|
+
},
|
|
159
|
+
actions,
|
|
160
|
+
getState: store.getState,
|
|
161
|
+
subscribe: store.subscribe
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
export { createTooltip };
|
|
166
|
+
//# sourceMappingURL=chunk-PMZEYBN3.mjs.map
|
|
167
|
+
//# sourceMappingURL=chunk-PMZEYBN3.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/tooltip.ts"],"names":[],"mappings":"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","file":"chunk-PMZEYBN3.mjs","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport {\n computePosition,\n type Align,\n type ComputePositionOptions,\n type PositionResult,\n type RectLike,\n type Side,\n} from '../utils/position';\nimport { createPresenceManager } from '../utils/presence';\nimport { type ChangeMeta, createStore } from './shared';\n\nexport interface TooltipProps {\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n delayDuration?: number;\n skipDelayDuration?: number;\n disableHoverableContent?: boolean;\n side?: Side;\n align?: Align;\n sideOffset?: number;\n alignOffset?: number;\n collisionPadding?: number;\n collisionDetection?: boolean;\n reducedMotion?: boolean;\n}\n\nexport interface TooltipState {\n open: boolean;\n delayDuration: number;\n skipDelayDuration: number;\n disableHoverableContent: boolean;\n pendingOpenMs: number | null;\n side: Side;\n align: Align;\n sideOffset: number;\n alignOffset: number;\n collisionPadding: number;\n collisionDetection: boolean;\n position: PositionResult | null;\n cleanup: {\n timers: number;\n listeners: number;\n complete: boolean;\n };\n lastChangeMeta?: ChangeMeta<boolean>;\n lastError: UIFnError | null;\n}\n\nexport interface TooltipActions {\n setOpen: (open: boolean) => void;\n openWithDelay: () => void;\n close: () => void;\n advanceTime: (elapsedMs: number) => void;\n computePosition: (\n anchorRect: RectLike,\n contentRect: RectLike,\n viewport: { width: number; height: number; scrollX?: number; scrollY?: number }\n ) => PositionResult;\n registerListener: () => void;\n clearListener: () => void;\n}\n\nexport interface TooltipMachine {\n readonly state: TooltipState;\n readonly actions: TooltipActions;\n getState: () => TooltipState;\n subscribe: (\n callback: (state: TooltipState, meta?: ChangeMeta<boolean>) => void\n ) => () => void;\n}\n\nfunction patchCleanup(\n store: ReturnType<typeof createStore<TooltipState, boolean>>,\n presence: ReturnType<typeof createPresenceManager>\n) {\n const presenceState = presence.getState();\n store.patchState({\n cleanup: {\n timers: presenceState.timers,\n listeners: presenceState.listeners,\n complete: presenceState.cleanupComplete,\n },\n });\n}\n\nexport function createTooltip(props: TooltipProps): TooltipMachine {\n const open = props.open ?? props.defaultOpen ?? false;\n const delayDuration = props.delayDuration ?? 700;\n const skipDelayDuration = props.skipDelayDuration ?? 300;\n const store = createStore<TooltipState, boolean>({\n open,\n delayDuration,\n skipDelayDuration,\n disableHoverableContent: props.disableHoverableContent ?? false,\n pendingOpenMs: null,\n side: props.side ?? 'bottom',\n align: props.align ?? 'center',\n sideOffset: props.sideOffset ?? 5,\n alignOffset: props.alignOffset ?? 0,\n collisionPadding: props.collisionPadding ?? 5,\n collisionDetection: props.collisionDetection ?? true,\n position: null,\n cleanup: {\n timers: 0,\n listeners: 0,\n complete: !open,\n },\n lastError: null,\n });\n\n const presence = createPresenceManager(open, {\n reducedMotion: props.reducedMotion ?? false,\n });\n\n const applyOpen = (\n nextOpen: boolean,\n reason: string,\n source: ChangeMeta<boolean>['source'],\n inputModality?: ChangeMeta<boolean>['inputModality']\n ) => {\n const state = store.getState();\n if (state.open === nextOpen && state.pendingOpenMs === null) {\n return;\n }\n\n const meta: ChangeMeta<boolean> = {\n source,\n reason,\n previousValue: state.open,\n nextValue: nextOpen,\n inputModality,\n };\n\n presence.setPresent(nextOpen);\n if (!nextOpen) {\n presence.cleanup();\n }\n\n store.patchState(\n {\n open: nextOpen,\n pendingOpenMs: null,\n cleanup: {\n timers: presence.getState().timers,\n listeners: presence.getState().listeners,\n complete: presence.getState().cleanupComplete,\n },\n lastChangeMeta: meta,\n lastError: null,\n },\n meta\n );\n\n props.onOpenChange?.(nextOpen);\n };\n\n const actions: TooltipActions = {\n setOpen(nextOpen) {\n applyOpen(nextOpen, nextOpen ? 'open-programmatic' : 'close-programmatic', 'programmatic');\n },\n openWithDelay() {\n const state = store.getState();\n if (state.delayDuration <= 0) {\n applyOpen(true, 'open-hover', 'user', 'pointer');\n return;\n }\n\n if (state.pendingOpenMs === null) {\n presence.registerTimer();\n }\n\n store.patchState({\n pendingOpenMs: state.delayDuration,\n });\n patchCleanup(store, presence);\n },\n close() {\n if (store.getState().pendingOpenMs !== null) {\n presence.clearTimer();\n }\n applyOpen(false, 'close-pointer-leave', 'user', 'pointer');\n },\n advanceTime(elapsedMs) {\n const state = store.getState();\n if (state.pendingOpenMs === null) {\n return;\n }\n\n const remaining = Math.max(0, state.pendingOpenMs - elapsedMs);\n if (remaining === 0) {\n presence.clearTimer();\n patchCleanup(store, presence);\n applyOpen(true, 'open-hover-delayed', 'user', 'pointer');\n return;\n }\n\n store.patchState({\n pendingOpenMs: remaining,\n });\n },\n computePosition(anchorRect, contentRect, viewport) {\n const state = store.getState();\n const options: ComputePositionOptions = {\n side: state.side,\n align: state.align,\n sideOffset: state.sideOffset,\n alignOffset: state.alignOffset,\n collisionPadding: state.collisionPadding,\n collisionDetection: state.collisionDetection,\n viewportWidth: viewport.width,\n viewportHeight: viewport.height,\n scrollX: viewport.scrollX,\n scrollY: viewport.scrollY,\n };\n const position = computePosition(anchorRect, contentRect, options);\n\n store.patchState({\n position,\n lastError: position.overflow\n ? createUIFnError({\n code: 'UIFN_ERR_POSITIONING_OVERFLOW',\n package: '@uifn/core',\n component: 'Tooltip',\n message: 'Popup families MUST resolve collisions deterministically.',\n recoverable: true,\n details: {\n overflowSides: position.overflowSides,\n },\n })\n : null,\n });\n\n return position;\n },\n registerListener() {\n presence.registerListener();\n patchCleanup(store, presence);\n },\n clearListener() {\n presence.clearListener();\n patchCleanup(store, presence);\n },\n };\n\n return {\n get state() {\n return store.getState();\n },\n actions,\n getState: store.getState,\n subscribe: store.subscribe,\n };\n}\n"]}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { createDropdownMenu } from './chunk-6RG3QJLI.mjs';
|
|
2
|
+
import { computePositionAtPoint } from './chunk-CH6WMHOM.mjs';
|
|
3
|
+
import { createStore } from './chunk-LNJ2UKA3.mjs';
|
|
4
|
+
import { createUIFnError } from './chunk-HTTKRX7S.mjs';
|
|
5
|
+
|
|
6
|
+
// src/primitives/context-menu.ts
|
|
7
|
+
function createContextMenu(props) {
|
|
8
|
+
const dropdown = createDropdownMenu({
|
|
9
|
+
...props,
|
|
10
|
+
side: "right",
|
|
11
|
+
align: "start"
|
|
12
|
+
});
|
|
13
|
+
const store = createStore({
|
|
14
|
+
open: dropdown.state.open,
|
|
15
|
+
x: 0,
|
|
16
|
+
y: 0,
|
|
17
|
+
disabled: props.disabled ?? false,
|
|
18
|
+
items: dropdown.state.items,
|
|
19
|
+
highlightedItem: dropdown.state.highlightedItem,
|
|
20
|
+
submenuPath: dropdown.state.submenuPath,
|
|
21
|
+
lastSelectedItem: dropdown.state.lastSelectedItem,
|
|
22
|
+
position: null,
|
|
23
|
+
lastError: null
|
|
24
|
+
});
|
|
25
|
+
dropdown.subscribe((dropdownState, meta) => {
|
|
26
|
+
store.patchState(
|
|
27
|
+
{
|
|
28
|
+
open: dropdownState.open,
|
|
29
|
+
items: dropdownState.items,
|
|
30
|
+
highlightedItem: dropdownState.highlightedItem,
|
|
31
|
+
submenuPath: dropdownState.submenuPath,
|
|
32
|
+
lastSelectedItem: dropdownState.lastSelectedItem,
|
|
33
|
+
lastChangeMeta: meta,
|
|
34
|
+
lastError: dropdownState.lastError
|
|
35
|
+
},
|
|
36
|
+
meta
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
const actions = {
|
|
40
|
+
setOpen(nextOpen, coords) {
|
|
41
|
+
const state = store.getState();
|
|
42
|
+
if (state.disabled) {
|
|
43
|
+
store.patchState({
|
|
44
|
+
lastError: createUIFnError({
|
|
45
|
+
code: "UIFN_ERR_DISABLED_INTERACTION",
|
|
46
|
+
package: "@uifn/core",
|
|
47
|
+
component: "ContextMenu",
|
|
48
|
+
message: "Disabled controls MUST ignore state-changing input.",
|
|
49
|
+
recoverable: true
|
|
50
|
+
})
|
|
51
|
+
});
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if (coords) {
|
|
55
|
+
store.patchState({
|
|
56
|
+
x: coords.x,
|
|
57
|
+
y: coords.y
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
dropdown.actions.setOpen(nextOpen);
|
|
61
|
+
props.onOpenChange?.(nextOpen);
|
|
62
|
+
},
|
|
63
|
+
openAt(coords) {
|
|
64
|
+
actions.setOpen(true, coords);
|
|
65
|
+
},
|
|
66
|
+
registerItem: dropdown.actions.registerItem,
|
|
67
|
+
setItems: dropdown.actions.setItems,
|
|
68
|
+
highlightItem: dropdown.actions.highlightItem,
|
|
69
|
+
handleKeyDown: dropdown.actions.handleKeyDown,
|
|
70
|
+
selectItem: dropdown.actions.selectItem,
|
|
71
|
+
openSubmenu: dropdown.actions.openSubmenu,
|
|
72
|
+
closeSubmenu: dropdown.actions.closeSubmenu,
|
|
73
|
+
computePosition(contentRect, viewport) {
|
|
74
|
+
const state = store.getState();
|
|
75
|
+
const options = {
|
|
76
|
+
side: "right",
|
|
77
|
+
align: "start",
|
|
78
|
+
sideOffset: 2,
|
|
79
|
+
collisionPadding: viewport.collisionPadding ?? 5,
|
|
80
|
+
collisionDetection: true,
|
|
81
|
+
viewportWidth: viewport.width,
|
|
82
|
+
viewportHeight: viewport.height,
|
|
83
|
+
scrollX: viewport.scrollX,
|
|
84
|
+
scrollY: viewport.scrollY
|
|
85
|
+
};
|
|
86
|
+
const position = computePositionAtPoint(
|
|
87
|
+
{ x: state.x, y: state.y },
|
|
88
|
+
contentRect,
|
|
89
|
+
options
|
|
90
|
+
);
|
|
91
|
+
store.patchState({
|
|
92
|
+
position,
|
|
93
|
+
lastError: position.overflow ? createUIFnError({
|
|
94
|
+
code: "UIFN_ERR_POSITIONING_OVERFLOW",
|
|
95
|
+
package: "@uifn/core",
|
|
96
|
+
component: "ContextMenu",
|
|
97
|
+
message: "Popup families MUST resolve collisions deterministically.",
|
|
98
|
+
recoverable: true,
|
|
99
|
+
details: {
|
|
100
|
+
overflowSides: position.overflowSides,
|
|
101
|
+
invocationPoint: {
|
|
102
|
+
x: state.x,
|
|
103
|
+
y: state.y
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}) : null
|
|
107
|
+
});
|
|
108
|
+
return position;
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
return {
|
|
112
|
+
get state() {
|
|
113
|
+
return store.getState();
|
|
114
|
+
},
|
|
115
|
+
actions,
|
|
116
|
+
getState: store.getState,
|
|
117
|
+
subscribe: store.subscribe
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
export { createContextMenu };
|
|
122
|
+
//# sourceMappingURL=chunk-QHZXEKPJ.mjs.map
|
|
123
|
+
//# sourceMappingURL=chunk-QHZXEKPJ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/context-menu.ts"],"names":[],"mappings":"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","file":"chunk-QHZXEKPJ.mjs","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport {\n computePositionAtPoint,\n type ComputePositionOptions,\n type PositionResult,\n type RectLike,\n} from '../utils/position';\nimport { type ChangeMeta, createStore } from './shared';\nimport {\n createDropdownMenu,\n type DropdownMenuActions,\n type DropdownMenuProps,\n type MenuItem,\n} from './dropdown-menu';\n\nexport interface ContextMenuProps extends Omit<DropdownMenuProps, 'side' | 'align'> {\n onOpenChange?: (open: boolean) => void;\n disabled?: boolean;\n}\n\nexport interface ContextMenuState {\n open: boolean;\n x: number;\n y: number;\n disabled: boolean;\n items: MenuItem[];\n highlightedItem: string | null;\n submenuPath: string[];\n lastSelectedItem: string | null;\n position: PositionResult | null;\n lastChangeMeta?: ChangeMeta<boolean>;\n lastError: UIFnError | null;\n}\n\nexport interface ContextMenuActions\n extends Pick<\n DropdownMenuActions,\n 'registerItem' | 'setItems' | 'highlightItem' | 'handleKeyDown' | 'selectItem' | 'openSubmenu' | 'closeSubmenu'\n > {\n setOpen: (open: boolean, coords?: { x: number; y: number }) => void;\n openAt: (coords: { x: number; y: number }) => void;\n computePosition: (\n contentRect: RectLike,\n viewport: {\n width: number;\n height: number;\n collisionPadding?: number;\n scrollX?: number;\n scrollY?: number;\n }\n ) => PositionResult;\n}\n\nexport interface ContextMenuMachine {\n readonly state: ContextMenuState;\n readonly actions: ContextMenuActions;\n getState: () => ContextMenuState;\n subscribe: (\n callback: (state: ContextMenuState, meta?: ChangeMeta<boolean>) => void\n ) => () => void;\n}\n\nexport function createContextMenu(props: ContextMenuProps): ContextMenuMachine {\n const dropdown = createDropdownMenu({\n ...props,\n side: 'right',\n align: 'start',\n });\n const store = createStore<ContextMenuState, boolean>({\n open: dropdown.state.open,\n x: 0,\n y: 0,\n disabled: props.disabled ?? false,\n items: dropdown.state.items,\n highlightedItem: dropdown.state.highlightedItem,\n submenuPath: dropdown.state.submenuPath,\n lastSelectedItem: dropdown.state.lastSelectedItem,\n position: null,\n lastError: null,\n });\n\n dropdown.subscribe((dropdownState, meta) => {\n store.patchState(\n {\n open: dropdownState.open,\n items: dropdownState.items,\n highlightedItem: dropdownState.highlightedItem,\n submenuPath: dropdownState.submenuPath,\n lastSelectedItem: dropdownState.lastSelectedItem,\n lastChangeMeta: meta,\n lastError: dropdownState.lastError,\n },\n meta\n );\n });\n\n const actions: ContextMenuActions = {\n setOpen(nextOpen, coords) {\n const state = store.getState();\n if (state.disabled) {\n store.patchState({\n lastError: createUIFnError({\n code: 'UIFN_ERR_DISABLED_INTERACTION',\n package: '@uifn/core',\n component: 'ContextMenu',\n message: 'Disabled controls MUST ignore state-changing input.',\n recoverable: true,\n }),\n });\n return;\n }\n\n if (coords) {\n store.patchState({\n x: coords.x,\n y: coords.y,\n });\n }\n\n dropdown.actions.setOpen(nextOpen);\n props.onOpenChange?.(nextOpen);\n },\n openAt(coords) {\n actions.setOpen(true, coords);\n },\n registerItem: dropdown.actions.registerItem,\n setItems: dropdown.actions.setItems,\n highlightItem: dropdown.actions.highlightItem,\n handleKeyDown: dropdown.actions.handleKeyDown,\n selectItem: dropdown.actions.selectItem,\n openSubmenu: dropdown.actions.openSubmenu,\n closeSubmenu: dropdown.actions.closeSubmenu,\n computePosition(contentRect, viewport) {\n const state = store.getState();\n const options: ComputePositionOptions = {\n side: 'right',\n align: 'start',\n sideOffset: 2,\n collisionPadding: viewport.collisionPadding ?? 5,\n collisionDetection: true,\n viewportWidth: viewport.width,\n viewportHeight: viewport.height,\n scrollX: viewport.scrollX,\n scrollY: viewport.scrollY,\n };\n const position = computePositionAtPoint(\n { x: state.x, y: state.y },\n contentRect,\n options\n );\n\n store.patchState({\n position,\n lastError: position.overflow\n ? createUIFnError({\n code: 'UIFN_ERR_POSITIONING_OVERFLOW',\n package: '@uifn/core',\n component: 'ContextMenu',\n message: 'Popup families MUST resolve collisions deterministically.',\n recoverable: true,\n details: {\n overflowSides: position.overflowSides,\n invocationPoint: {\n x: state.x,\n y: state.y,\n },\n },\n })\n : null,\n });\n\n return position;\n },\n };\n\n return {\n get state() {\n return store.getState();\n },\n actions,\n getState: store.getState,\n subscribe: store.subscribe,\n };\n}\n"]}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkRFARH4U4_js = require('./chunk-RFARH4U4.js');
|
|
4
|
+
var chunkK3WYDUIN_js = require('./chunk-K3WYDUIN.js');
|
|
5
|
+
var chunkEKMJ2G7A_js = require('./chunk-EKMJ2G7A.js');
|
|
6
|
+
|
|
7
|
+
// src/primitives/menu-bar.ts
|
|
8
|
+
function normalizeItems(items) {
|
|
9
|
+
const dedupe = /* @__PURE__ */ new Map();
|
|
10
|
+
(items ?? []).forEach((item) => {
|
|
11
|
+
dedupe.set(item.id, item);
|
|
12
|
+
});
|
|
13
|
+
return Array.from(dedupe.values());
|
|
14
|
+
}
|
|
15
|
+
function getEnabledItems(items) {
|
|
16
|
+
return items.filter((item) => !item.disabled).map((item) => item.id);
|
|
17
|
+
}
|
|
18
|
+
function createMenuBar(props = {}) {
|
|
19
|
+
const items = normalizeItems(props.items);
|
|
20
|
+
const enabledItems = getEnabledItems(items);
|
|
21
|
+
const initialValue = props.value ?? props.defaultValue ?? "";
|
|
22
|
+
const store = chunkK3WYDUIN_js.createStore({
|
|
23
|
+
value: initialValue,
|
|
24
|
+
items,
|
|
25
|
+
focusedItem: enabledItems.includes(initialValue) ? initialValue : enabledItems[0] ?? null,
|
|
26
|
+
orientation: "horizontal",
|
|
27
|
+
lastError: null
|
|
28
|
+
});
|
|
29
|
+
const emitValue = (nextValue, reason, source, inputModality) => {
|
|
30
|
+
const state = store.getState();
|
|
31
|
+
const meta = {
|
|
32
|
+
source,
|
|
33
|
+
reason,
|
|
34
|
+
previousValue: state.value,
|
|
35
|
+
nextValue,
|
|
36
|
+
inputModality
|
|
37
|
+
};
|
|
38
|
+
store.patchState(
|
|
39
|
+
{
|
|
40
|
+
value: nextValue,
|
|
41
|
+
focusedItem: nextValue || state.focusedItem,
|
|
42
|
+
lastChangeMeta: meta,
|
|
43
|
+
lastError: null
|
|
44
|
+
},
|
|
45
|
+
meta
|
|
46
|
+
);
|
|
47
|
+
props.onValueChange?.(nextValue);
|
|
48
|
+
};
|
|
49
|
+
const actions = {
|
|
50
|
+
setValue(nextValue) {
|
|
51
|
+
const state = store.getState();
|
|
52
|
+
const enabled = getEnabledItems(state.items);
|
|
53
|
+
if (nextValue !== "" && !enabled.includes(nextValue)) {
|
|
54
|
+
store.patchState({
|
|
55
|
+
lastError: chunkEKMJ2G7A_js.createUIFnError({
|
|
56
|
+
code: "UIFN_ERR_MENU_NAVIGATION",
|
|
57
|
+
package: "@uifn/core",
|
|
58
|
+
component: "MenuBar",
|
|
59
|
+
message: "Menu items navigate correctly with arrow keys, Home/End, and escape semantics.",
|
|
60
|
+
recoverable: true,
|
|
61
|
+
details: {
|
|
62
|
+
value: nextValue
|
|
63
|
+
}
|
|
64
|
+
})
|
|
65
|
+
});
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
emitValue(nextValue, "set-value", "programmatic");
|
|
69
|
+
},
|
|
70
|
+
close() {
|
|
71
|
+
emitValue("", "close", "programmatic");
|
|
72
|
+
},
|
|
73
|
+
registerItem(item) {
|
|
74
|
+
const state = store.getState();
|
|
75
|
+
if (state.items.some((entry) => entry.id === item.id)) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const nextItems = [...state.items, item];
|
|
79
|
+
const enabled = getEnabledItems(nextItems);
|
|
80
|
+
store.patchState({
|
|
81
|
+
items: nextItems,
|
|
82
|
+
focusedItem: state.focusedItem ?? enabled[0] ?? null
|
|
83
|
+
});
|
|
84
|
+
},
|
|
85
|
+
setItems(nextItems) {
|
|
86
|
+
const state = store.getState();
|
|
87
|
+
const normalized = normalizeItems(nextItems);
|
|
88
|
+
const enabled = getEnabledItems(normalized);
|
|
89
|
+
store.patchState({
|
|
90
|
+
items: normalized,
|
|
91
|
+
focusedItem: enabled.includes(state.focusedItem ?? "") ? state.focusedItem : enabled[0] ?? null
|
|
92
|
+
});
|
|
93
|
+
},
|
|
94
|
+
focusItem(itemId) {
|
|
95
|
+
const state = store.getState();
|
|
96
|
+
if (itemId === null) {
|
|
97
|
+
store.patchState({
|
|
98
|
+
focusedItem: null
|
|
99
|
+
});
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
if (!getEnabledItems(state.items).includes(itemId)) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
store.patchState({
|
|
106
|
+
focusedItem: itemId
|
|
107
|
+
});
|
|
108
|
+
},
|
|
109
|
+
handleKeyDown(key, currentItem) {
|
|
110
|
+
const state = store.getState();
|
|
111
|
+
const enabled = getEnabledItems(state.items);
|
|
112
|
+
if (enabled.length === 0) {
|
|
113
|
+
return null;
|
|
114
|
+
}
|
|
115
|
+
const current = currentItem ?? state.focusedItem ?? enabled[0];
|
|
116
|
+
const currentIndex = Math.max(0, enabled.indexOf(current));
|
|
117
|
+
const nextIndex = chunkRFARH4U4_js.getNextRovingFocusIndex({
|
|
118
|
+
key,
|
|
119
|
+
itemCount: enabled.length,
|
|
120
|
+
currentIndex,
|
|
121
|
+
orientation: "horizontal"
|
|
122
|
+
});
|
|
123
|
+
if (nextIndex < 0) {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
const nextItem = enabled[nextIndex] ?? null;
|
|
127
|
+
if (!nextItem) {
|
|
128
|
+
return null;
|
|
129
|
+
}
|
|
130
|
+
store.patchState({
|
|
131
|
+
focusedItem: nextItem
|
|
132
|
+
});
|
|
133
|
+
if (state.value !== "") {
|
|
134
|
+
emitValue(nextItem, "keyboard-navigation", "user", "keyboard");
|
|
135
|
+
}
|
|
136
|
+
return nextItem;
|
|
137
|
+
},
|
|
138
|
+
handleEscape() {
|
|
139
|
+
const state = store.getState();
|
|
140
|
+
const focused = state.value || state.focusedItem;
|
|
141
|
+
emitValue("", "close-escape", "user", "keyboard");
|
|
142
|
+
return focused;
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
return {
|
|
146
|
+
get state() {
|
|
147
|
+
return store.getState();
|
|
148
|
+
},
|
|
149
|
+
actions,
|
|
150
|
+
getState: store.getState,
|
|
151
|
+
subscribe: store.subscribe
|
|
152
|
+
};
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
exports.createMenuBar = createMenuBar;
|
|
156
|
+
//# sourceMappingURL=chunk-QT3WNPTI.js.map
|
|
157
|
+
//# sourceMappingURL=chunk-QT3WNPTI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/menu-bar.ts"],"names":["createStore","createUIFnError","getNextRovingFocusIndex"],"mappings":"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","file":"chunk-QT3WNPTI.js","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport { getNextRovingFocusIndex } from '../utils/roving-focus';\nimport { type ChangeMeta, createStore } from './shared';\n\nexport interface MenuBarItem {\n id: string;\n disabled?: boolean;\n}\n\nexport interface MenuBarState {\n value: string;\n items: MenuBarItem[];\n focusedItem: string | null;\n orientation: 'horizontal';\n lastChangeMeta?: ChangeMeta<string>;\n lastError: UIFnError | null;\n}\n\nexport interface MenuBarActions {\n setValue: (value: string) => void;\n close: () => void;\n registerItem: (item: MenuBarItem) => void;\n setItems: (items: MenuBarItem[]) => void;\n focusItem: (itemId: string | null) => void;\n handleKeyDown: (key: string, currentItem?: string | null) => string | null;\n handleEscape: () => string | null;\n}\n\nexport interface MenuBarMachine {\n readonly state: MenuBarState;\n readonly actions: MenuBarActions;\n getState: () => MenuBarState;\n subscribe: (\n callback: (state: MenuBarState, meta?: ChangeMeta<string>) => void\n ) => () => void;\n}\n\nexport interface CreateMenuBarProps {\n defaultValue?: string;\n value?: string;\n onValueChange?: (value: string) => void;\n items?: MenuBarItem[];\n}\n\nfunction normalizeItems(items: MenuBarItem[] | undefined): MenuBarItem[] {\n const dedupe = new Map<string, MenuBarItem>();\n (items ?? []).forEach((item) => {\n dedupe.set(item.id, item);\n });\n\n return Array.from(dedupe.values());\n}\n\nfunction getEnabledItems(items: MenuBarItem[]): string[] {\n return items.filter((item) => !item.disabled).map((item) => item.id);\n}\n\nexport function createMenuBar(props: CreateMenuBarProps = {}): MenuBarMachine {\n const items = normalizeItems(props.items);\n const enabledItems = getEnabledItems(items);\n const initialValue = props.value ?? props.defaultValue ?? '';\n const store = createStore<MenuBarState, string>({\n value: initialValue,\n items,\n focusedItem: enabledItems.includes(initialValue) ? initialValue : enabledItems[0] ?? null,\n orientation: 'horizontal',\n lastError: null,\n });\n\n const emitValue = (\n nextValue: string,\n reason: string,\n source: ChangeMeta<string>['source'],\n inputModality?: ChangeMeta<string>['inputModality']\n ) => {\n const state = store.getState();\n const meta: ChangeMeta<string> = {\n source,\n reason,\n previousValue: state.value,\n nextValue,\n inputModality,\n };\n store.patchState(\n {\n value: nextValue,\n focusedItem: nextValue || state.focusedItem,\n lastChangeMeta: meta,\n lastError: null,\n },\n meta\n );\n props.onValueChange?.(nextValue);\n };\n\n const actions: MenuBarActions = {\n setValue(nextValue) {\n const state = store.getState();\n const enabled = getEnabledItems(state.items);\n if (nextValue !== '' && !enabled.includes(nextValue)) {\n store.patchState({\n lastError: createUIFnError({\n code: 'UIFN_ERR_MENU_NAVIGATION',\n package: '@uifn/core',\n component: 'MenuBar',\n message: 'Menu items navigate correctly with arrow keys, Home/End, and escape semantics.',\n recoverable: true,\n details: {\n value: nextValue,\n },\n }),\n });\n return;\n }\n\n emitValue(nextValue, 'set-value', 'programmatic');\n },\n close() {\n emitValue('', 'close', 'programmatic');\n },\n registerItem(item) {\n const state = store.getState();\n if (state.items.some((entry) => entry.id === item.id)) {\n return;\n }\n\n const nextItems = [...state.items, item];\n const enabled = getEnabledItems(nextItems);\n store.patchState({\n items: nextItems,\n focusedItem: state.focusedItem ?? enabled[0] ?? null,\n });\n },\n setItems(nextItems) {\n const state = store.getState();\n const normalized = normalizeItems(nextItems);\n const enabled = getEnabledItems(normalized);\n store.patchState({\n items: normalized,\n focusedItem: enabled.includes(state.focusedItem ?? '') ? state.focusedItem : enabled[0] ?? null,\n });\n },\n focusItem(itemId) {\n const state = store.getState();\n if (itemId === null) {\n store.patchState({\n focusedItem: null,\n });\n return;\n }\n\n if (!getEnabledItems(state.items).includes(itemId)) {\n return;\n }\n\n store.patchState({\n focusedItem: itemId,\n });\n },\n handleKeyDown(key, currentItem) {\n const state = store.getState();\n const enabled = getEnabledItems(state.items);\n if (enabled.length === 0) {\n return null;\n }\n\n const current = currentItem ?? state.focusedItem ?? enabled[0];\n const currentIndex = Math.max(0, enabled.indexOf(current));\n const nextIndex = getNextRovingFocusIndex({\n key,\n itemCount: enabled.length,\n currentIndex,\n orientation: 'horizontal',\n });\n\n if (nextIndex < 0) {\n return null;\n }\n\n const nextItem = enabled[nextIndex] ?? null;\n if (!nextItem) {\n return null;\n }\n\n store.patchState({\n focusedItem: nextItem,\n });\n\n if (state.value !== '') {\n emitValue(nextItem, 'keyboard-navigation', 'user', 'keyboard');\n }\n\n return nextItem;\n },\n handleEscape() {\n const state = store.getState();\n const focused = state.value || state.focusedItem;\n emitValue('', 'close-escape', 'user', 'keyboard');\n return focused;\n },\n };\n\n return {\n get state() {\n return store.getState();\n },\n actions,\n getState: store.getState,\n subscribe: store.subscribe,\n };\n}\n"]}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkZ4Q2AFMC_js = require('./chunk-Z4Q2AFMC.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/roving-focus.ts
|
|
6
|
+
function getNextRovingFocusIndex(options) {
|
|
7
|
+
const { key, itemCount } = options;
|
|
8
|
+
if (itemCount <= 0) {
|
|
9
|
+
return -1;
|
|
10
|
+
}
|
|
11
|
+
const orientation = options.orientation;
|
|
12
|
+
const loop = options.loop ?? true;
|
|
13
|
+
const direction = options.direction ?? "ltr";
|
|
14
|
+
const isHorizontal = orientation !== "vertical";
|
|
15
|
+
const isVertical = orientation !== "horizontal";
|
|
16
|
+
const safeCurrentIndex = Math.max(0, Math.min(options.currentIndex, itemCount - 1));
|
|
17
|
+
let nextIndex = safeCurrentIndex;
|
|
18
|
+
switch (key) {
|
|
19
|
+
case chunkZ4Q2AFMC_js.K.ARROW_DOWN:
|
|
20
|
+
if (isVertical) {
|
|
21
|
+
nextIndex = safeCurrentIndex + 1;
|
|
22
|
+
}
|
|
23
|
+
break;
|
|
24
|
+
case chunkZ4Q2AFMC_js.K.ARROW_UP:
|
|
25
|
+
if (isVertical) {
|
|
26
|
+
nextIndex = safeCurrentIndex - 1;
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
case chunkZ4Q2AFMC_js.K.ARROW_RIGHT:
|
|
30
|
+
if (isHorizontal) {
|
|
31
|
+
nextIndex = safeCurrentIndex + (direction === "rtl" ? -1 : 1);
|
|
32
|
+
}
|
|
33
|
+
break;
|
|
34
|
+
case chunkZ4Q2AFMC_js.K.ARROW_LEFT:
|
|
35
|
+
if (isHorizontal) {
|
|
36
|
+
nextIndex = safeCurrentIndex + (direction === "rtl" ? 1 : -1);
|
|
37
|
+
}
|
|
38
|
+
break;
|
|
39
|
+
case chunkZ4Q2AFMC_js.K.HOME:
|
|
40
|
+
nextIndex = 0;
|
|
41
|
+
break;
|
|
42
|
+
case chunkZ4Q2AFMC_js.K.END:
|
|
43
|
+
nextIndex = itemCount - 1;
|
|
44
|
+
break;
|
|
45
|
+
default:
|
|
46
|
+
return safeCurrentIndex;
|
|
47
|
+
}
|
|
48
|
+
if (nextIndex === safeCurrentIndex) {
|
|
49
|
+
return safeCurrentIndex;
|
|
50
|
+
}
|
|
51
|
+
if (loop) {
|
|
52
|
+
return (nextIndex + itemCount) % itemCount;
|
|
53
|
+
}
|
|
54
|
+
return Math.max(0, Math.min(nextIndex, itemCount - 1));
|
|
55
|
+
}
|
|
56
|
+
function getNextEnabledRovingFocusIndex(options) {
|
|
57
|
+
const isItemEnabled = options.isItemEnabled ?? (() => true);
|
|
58
|
+
const safeCurrentIndex = Math.max(0, Math.min(options.currentIndex, options.itemCount - 1));
|
|
59
|
+
const initialIndex = getNextRovingFocusIndex(options);
|
|
60
|
+
if (initialIndex < 0 || initialIndex === safeCurrentIndex) {
|
|
61
|
+
return initialIndex;
|
|
62
|
+
}
|
|
63
|
+
if (isItemEnabled(initialIndex)) {
|
|
64
|
+
return initialIndex;
|
|
65
|
+
}
|
|
66
|
+
let nextIndex = initialIndex;
|
|
67
|
+
for (let visited = 0; visited < options.itemCount; visited += 1) {
|
|
68
|
+
nextIndex = getNextRovingFocusIndex({
|
|
69
|
+
...options,
|
|
70
|
+
currentIndex: nextIndex
|
|
71
|
+
});
|
|
72
|
+
if (nextIndex === safeCurrentIndex) {
|
|
73
|
+
return safeCurrentIndex;
|
|
74
|
+
}
|
|
75
|
+
if (nextIndex >= 0 && isItemEnabled(nextIndex)) {
|
|
76
|
+
return nextIndex;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return safeCurrentIndex;
|
|
80
|
+
}
|
|
81
|
+
function moveRovingFocus(options) {
|
|
82
|
+
const previousIndex = Math.max(0, Math.min(options.currentIndex, options.items.length - 1));
|
|
83
|
+
const nextIndex = getNextRovingFocusIndex({
|
|
84
|
+
key: options.key,
|
|
85
|
+
itemCount: options.items.length,
|
|
86
|
+
currentIndex: previousIndex,
|
|
87
|
+
orientation: options.orientation,
|
|
88
|
+
loop: options.loop,
|
|
89
|
+
direction: options.direction
|
|
90
|
+
});
|
|
91
|
+
if (nextIndex >= 0 && nextIndex !== previousIndex) {
|
|
92
|
+
options.items[nextIndex]?.focus();
|
|
93
|
+
}
|
|
94
|
+
return {
|
|
95
|
+
previousIndex,
|
|
96
|
+
nextIndex,
|
|
97
|
+
moved: nextIndex >= 0 && nextIndex !== previousIndex
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
exports.getNextEnabledRovingFocusIndex = getNextEnabledRovingFocusIndex;
|
|
102
|
+
exports.getNextRovingFocusIndex = getNextRovingFocusIndex;
|
|
103
|
+
exports.moveRovingFocus = moveRovingFocus;
|
|
104
|
+
//# sourceMappingURL=chunk-RFARH4U4.js.map
|
|
105
|
+
//# sourceMappingURL=chunk-RFARH4U4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/roving-focus.ts"],"names":["K"],"mappings":"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","file":"chunk-RFARH4U4.js","sourcesContent":["import { K } from '../aria/keys';\n\nexport type RovingFocusOrientation = 'horizontal' | 'vertical';\nexport type RovingFocusDirection = 'ltr' | 'rtl';\n\nexport interface RovingFocusOptions {\n orientation?: RovingFocusOrientation;\n loop?: boolean;\n direction?: RovingFocusDirection;\n}\n\nexport interface NextRovingFocusIndexOptions extends RovingFocusOptions {\n key: string;\n itemCount: number;\n currentIndex: number;\n}\n\nexport interface NextEnabledRovingFocusIndexOptions extends NextRovingFocusIndexOptions {\n isItemEnabled?: (index: number) => boolean;\n}\n\nexport function getNextRovingFocusIndex(options: NextRovingFocusIndexOptions): number {\n const { key, itemCount } = options;\n if (itemCount <= 0) {\n return -1;\n }\n\n const orientation = options.orientation;\n const loop = options.loop ?? true;\n const direction = options.direction ?? 'ltr';\n const isHorizontal = orientation !== 'vertical';\n const isVertical = orientation !== 'horizontal';\n const safeCurrentIndex = Math.max(0, Math.min(options.currentIndex, itemCount - 1));\n\n let nextIndex = safeCurrentIndex;\n\n switch (key) {\n case K.ARROW_DOWN:\n if (isVertical) {\n nextIndex = safeCurrentIndex + 1;\n }\n break;\n case K.ARROW_UP:\n if (isVertical) {\n nextIndex = safeCurrentIndex - 1;\n }\n break;\n case K.ARROW_RIGHT:\n if (isHorizontal) {\n nextIndex = safeCurrentIndex + (direction === 'rtl' ? -1 : 1);\n }\n break;\n case K.ARROW_LEFT:\n if (isHorizontal) {\n nextIndex = safeCurrentIndex + (direction === 'rtl' ? 1 : -1);\n }\n break;\n case K.HOME:\n nextIndex = 0;\n break;\n case K.END:\n nextIndex = itemCount - 1;\n break;\n default:\n return safeCurrentIndex;\n }\n\n if (nextIndex === safeCurrentIndex) {\n return safeCurrentIndex;\n }\n\n if (loop) {\n return (nextIndex + itemCount) % itemCount;\n }\n\n return Math.max(0, Math.min(nextIndex, itemCount - 1));\n}\n\nexport function getNextEnabledRovingFocusIndex(\n options: NextEnabledRovingFocusIndexOptions\n): number {\n const isItemEnabled = options.isItemEnabled ?? (() => true);\n const safeCurrentIndex = Math.max(0, Math.min(options.currentIndex, options.itemCount - 1));\n const initialIndex = getNextRovingFocusIndex(options);\n\n if (initialIndex < 0 || initialIndex === safeCurrentIndex) {\n return initialIndex;\n }\n\n if (isItemEnabled(initialIndex)) {\n return initialIndex;\n }\n\n let nextIndex = initialIndex;\n for (let visited = 0; visited < options.itemCount; visited += 1) {\n nextIndex = getNextRovingFocusIndex({\n ...options,\n currentIndex: nextIndex,\n });\n\n if (nextIndex === safeCurrentIndex) {\n return safeCurrentIndex;\n }\n\n if (nextIndex >= 0 && isItemEnabled(nextIndex)) {\n return nextIndex;\n }\n }\n\n return safeCurrentIndex;\n}\n\nexport interface MoveRovingFocusOptions extends NextRovingFocusIndexOptions {\n items: HTMLElement[];\n}\n\nexport function moveRovingFocus(options: MoveRovingFocusOptions): {\n previousIndex: number;\n nextIndex: number;\n moved: boolean;\n} {\n const previousIndex = Math.max(0, Math.min(options.currentIndex, options.items.length - 1));\n const nextIndex = getNextRovingFocusIndex({\n key: options.key,\n itemCount: options.items.length,\n currentIndex: previousIndex,\n orientation: options.orientation,\n loop: options.loop,\n direction: options.direction,\n });\n\n if (nextIndex >= 0 && nextIndex !== previousIndex) {\n options.items[nextIndex]?.focus();\n }\n\n return {\n previousIndex,\n nextIndex,\n moved: nextIndex >= 0 && nextIndex !== previousIndex,\n };\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-RISAMVRI.mjs"}
|