@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 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/tabs.ts"],"names":["createUIFnError","uniqueStrings","createControllableStateController","createStore","getNextEnabledRovingFocusIndex"],"mappings":"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","file":"chunk-WJKHFUXF.js","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport { createControllableStateController } from '../state/machine';\nimport { getNextEnabledRovingFocusIndex } from '../utils/roving-focus';\nimport { type ChangeMeta, createStore, uniqueStrings } from './shared';\n\nexport interface TabsProps {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n orientation?: 'horizontal' | 'vertical';\n activationMode?: 'automatic' | 'manual';\n disabled?: boolean;\n items?: string[];\n disabledItems?: string[];\n}\n\nexport interface TabsState {\n value: string;\n orientation: 'horizontal' | 'vertical';\n activationMode: 'automatic' | 'manual';\n controlled: boolean;\n disabled: boolean;\n items: string[];\n disabledItems: string[];\n focusedItem: string | null;\n lastChangeMeta?: ChangeMeta<string>;\n lastError: UIFnError | null;\n}\n\nexport interface TabsActions {\n setValue: (value: string) => void;\n registerItem: (value: string, disabled?: boolean) => void;\n unregisterItem: (value: string) => void;\n setItemDisabled: (value: string, disabled: boolean) => void;\n focusItem: (value: string) => void;\n handleKeyDown: (key: string, currentItem: string) => string | null;\n syncValue: (value: string) => void;\n}\n\nexport interface TabsMachine {\n readonly state: TabsState;\n readonly actions: TabsActions;\n setValue: (value: string) => void;\n getState: () => TabsState;\n subscribe: (callback: (state: TabsState, meta?: ChangeMeta<string>) => void) => () => void;\n}\n\nfunction getEnabledTabsItems(items: string[], disabledItems: string[]): string[] {\n return items.filter((item) => !disabledItems.includes(item));\n}\n\nfunction validateTabsValue(\n value: string,\n items: string[],\n disabledItems: string[]\n): void {\n if (!value || items.length === 0) {\n return;\n }\n\n if (!items.includes(value) || disabledItems.includes(value)) {\n throw createUIFnError({\n code: 'UIFN_ERR_INVALID_VALUE',\n package: '@uifn/core',\n component: 'Tabs',\n message: 'Invalid external values MUST be handled deterministically.',\n details: {\n value,\n items,\n disabledItems,\n },\n });\n }\n}\n\nexport function createTabs(props: TabsProps): TabsMachine {\n const orientation = props.orientation ?? 'horizontal';\n const activationMode = props.activationMode ?? 'automatic';\n const disabled = props.disabled ?? false;\n const items = uniqueStrings(props.items ?? []);\n const disabledItems = uniqueStrings(props.disabledItems ?? []).filter((item) =>\n items.includes(item)\n );\n const initialValue = props.value ?? props.defaultValue ?? '';\n const controlledState = createControllableStateController({\n value: props.value,\n defaultValue: props.defaultValue ?? '',\n onChange: props.onValueChange,\n });\n const initialFocusedItem =\n initialValue || getEnabledTabsItems(items, disabledItems)[0] || items[0] || null;\n\n validateTabsValue(initialValue, items, disabledItems);\n\n const store = createStore<TabsState, string>({\n value: controlledState.getValue(),\n orientation,\n activationMode,\n controlled: controlledState.isControlled(),\n disabled,\n items,\n disabledItems,\n focusedItem: initialFocusedItem,\n lastError: null,\n });\n\n const emitValue = (\n nextValue: string,\n meta: ChangeMeta<string>,\n options: { preserveValue?: boolean; focusedItem?: string | null } = {}\n ) => {\n const state = store.getState();\n validateTabsValue(nextValue, state.items, state.disabledItems);\n const result = options.preserveValue\n ? {\n value: state.value,\n changed: false,\n controlled: controlledState.isControlled(),\n }\n : meta.source === 'controlled-sync'\n ? controlledState.syncValue(nextValue)\n : controlledState.requestValue(nextValue);\n store.patchState(\n {\n value: result.value,\n focusedItem:\n options.focusedItem === undefined\n ? nextValue || state.focusedItem\n : options.focusedItem,\n lastChangeMeta: meta,\n lastError: null,\n },\n meta\n );\n };\n\n const actions: TabsActions = {\n setValue(nextValue) {\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: 'Tabs',\n message: 'Disabled controls MUST ignore state-changing input.',\n recoverable: true,\n }),\n });\n return;\n }\n\n if (state.disabledItems.includes(nextValue)) {\n store.patchState({\n lastError: createUIFnError({\n code: 'UIFN_ERR_DISABLED_INTERACTION',\n package: '@uifn/core',\n component: 'Tabs',\n message: 'Disabled controls MUST ignore state-changing input.',\n recoverable: true,\n }),\n });\n return;\n }\n\n if (state.value === nextValue) {\n return;\n }\n\n emitValue(nextValue, {\n source: 'programmatic',\n reason: 'set-value',\n previousValue: state.value,\n nextValue,\n });\n },\n registerItem(value, itemDisabled = false) {\n const state = store.getState();\n if (state.items.includes(value)) {\n if (itemDisabled !== state.disabledItems.includes(value)) {\n actions.setItemDisabled(value, itemDisabled);\n }\n return;\n }\n\n const nextItems = [...state.items, value];\n const nextDisabledItems = itemDisabled\n ? uniqueStrings([...state.disabledItems, value])\n : state.disabledItems;\n validateTabsValue(state.value, nextItems, nextDisabledItems);\n store.patchState({\n items: nextItems,\n disabledItems: nextDisabledItems,\n focusedItem: state.focusedItem ?? (itemDisabled ? null : value),\n lastError: null,\n });\n },\n unregisterItem(value) {\n const state = store.getState();\n const nextItems = state.items.filter((entry) => entry !== value);\n const nextDisabledItems = state.disabledItems.filter((entry) => entry !== value);\n const enabledItems = getEnabledTabsItems(nextItems, nextDisabledItems);\n const nextValue = state.value === value ? enabledItems[0] ?? nextItems[0] ?? '' : state.value;\n if (nextValue !== state.value) {\n controlledState.syncValue(nextValue);\n }\n store.patchState({\n items: nextItems,\n disabledItems: nextDisabledItems,\n value: nextValue,\n focusedItem:\n state.focusedItem === value ? enabledItems[0] ?? nextItems[0] ?? null : state.focusedItem,\n });\n },\n setItemDisabled(value, itemDisabled) {\n const state = store.getState();\n if (!state.items.includes(value)) {\n return;\n }\n\n const nextDisabledItems = itemDisabled\n ? uniqueStrings([...state.disabledItems, value])\n : state.disabledItems.filter((entry) => entry !== value);\n const enabledItems = getEnabledTabsItems(state.items, nextDisabledItems);\n const nextValue = itemDisabled && state.value === value ? '' : state.value;\n const nextFocusedItem =\n itemDisabled && state.focusedItem === value\n ? enabledItems[0] ?? state.items[0] ?? null\n : state.focusedItem;\n if (nextValue !== state.value) {\n controlledState.syncValue(nextValue);\n }\n store.patchState({\n disabledItems: nextDisabledItems,\n value: nextValue,\n focusedItem: nextFocusedItem,\n });\n },\n focusItem(value) {\n const state = store.getState();\n if (!state.items.includes(value) || state.disabledItems.includes(value)) {\n return;\n }\n\n store.patchState({\n focusedItem: value,\n });\n },\n handleKeyDown(key, currentItem) {\n const state = store.getState();\n const enabledItems = getEnabledTabsItems(state.items, state.disabledItems);\n if (enabledItems.length === 0) {\n return null;\n }\n\n const current =\n enabledItems.includes(currentItem)\n ? currentItem\n : enabledItems.includes(state.focusedItem ?? '')\n ? (state.focusedItem as string)\n : enabledItems[0];\n const currentIndex = Math.max(0, enabledItems.indexOf(current));\n const nextIndex = getNextEnabledRovingFocusIndex({\n key,\n itemCount: enabledItems.length,\n currentIndex,\n orientation: state.orientation,\n });\n\n if (nextIndex < 0 || nextIndex === currentIndex) {\n return null;\n }\n\n const nextItem = enabledItems[nextIndex] ?? null;\n if (!nextItem) {\n return null;\n }\n\n if (state.activationMode === 'automatic') {\n emitValue(nextItem, {\n source: 'user',\n reason: 'keyboard-navigation',\n previousValue: state.value,\n nextValue: nextItem,\n inputModality: 'keyboard',\n });\n } else {\n emitValue(state.value, {\n source: 'user',\n reason: 'keyboard-navigation',\n previousValue: state.value,\n nextValue: state.value,\n inputModality: 'keyboard',\n },\n {\n preserveValue: true,\n focusedItem: nextItem,\n });\n }\n\n return nextItem;\n },\n syncValue(value) {\n const state = store.getState();\n if (state.value === value) {\n return;\n }\n\n emitValue(value, {\n source: 'controlled-sync',\n reason: 'sync-value',\n previousValue: state.value,\n nextValue: value,\n });\n },\n };\n\n return {\n get state() {\n return store.getState();\n },\n actions,\n setValue: actions.setValue,\n getState: store.getState,\n subscribe: store.subscribe,\n };\n}\n"]}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkK3WYDUIN_js = require('./chunk-K3WYDUIN.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/position.ts
|
|
6
|
+
function withEdges(rect) {
|
|
7
|
+
return {
|
|
8
|
+
top: rect.top,
|
|
9
|
+
left: rect.left,
|
|
10
|
+
width: rect.width,
|
|
11
|
+
height: rect.height,
|
|
12
|
+
right: rect.right ?? rect.left + rect.width,
|
|
13
|
+
bottom: rect.bottom ?? rect.top + rect.height
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
function getOppositeSide(side) {
|
|
17
|
+
switch (side) {
|
|
18
|
+
case "top":
|
|
19
|
+
return "bottom";
|
|
20
|
+
case "bottom":
|
|
21
|
+
return "top";
|
|
22
|
+
case "left":
|
|
23
|
+
return "right";
|
|
24
|
+
case "right":
|
|
25
|
+
return "left";
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
function calculateAlignedPosition(side, align, triggerRect, contentRect, scrollX, scrollY, sideOffset, alignOffset) {
|
|
29
|
+
let top = 0;
|
|
30
|
+
let left = 0;
|
|
31
|
+
switch (side) {
|
|
32
|
+
case "top":
|
|
33
|
+
top = triggerRect.top + scrollY - contentRect.height - sideOffset;
|
|
34
|
+
break;
|
|
35
|
+
case "bottom":
|
|
36
|
+
top = triggerRect.bottom + scrollY + sideOffset;
|
|
37
|
+
break;
|
|
38
|
+
case "left":
|
|
39
|
+
left = triggerRect.left + scrollX - contentRect.width - sideOffset;
|
|
40
|
+
break;
|
|
41
|
+
case "right":
|
|
42
|
+
left = triggerRect.right + scrollX + sideOffset;
|
|
43
|
+
break;
|
|
44
|
+
}
|
|
45
|
+
if (side === "top" || side === "bottom") {
|
|
46
|
+
if (align === "start") {
|
|
47
|
+
left = triggerRect.left + scrollX + alignOffset;
|
|
48
|
+
} else if (align === "center") {
|
|
49
|
+
left = triggerRect.left + scrollX + triggerRect.width / 2 - contentRect.width / 2;
|
|
50
|
+
} else {
|
|
51
|
+
left = triggerRect.right + scrollX - contentRect.width - alignOffset;
|
|
52
|
+
}
|
|
53
|
+
} else {
|
|
54
|
+
if (align === "start") {
|
|
55
|
+
top = triggerRect.top + scrollY + alignOffset;
|
|
56
|
+
} else if (align === "center") {
|
|
57
|
+
top = triggerRect.top + scrollY + triggerRect.height / 2 - contentRect.height / 2;
|
|
58
|
+
} else {
|
|
59
|
+
top = triggerRect.bottom + scrollY - contentRect.height - alignOffset;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
return { top, left };
|
|
63
|
+
}
|
|
64
|
+
function getOverflowSides(position, contentRect, viewportWidth, viewportHeight, scrollX, scrollY, collisionPadding) {
|
|
65
|
+
const overflow = [];
|
|
66
|
+
const minLeft = scrollX + collisionPadding;
|
|
67
|
+
const minTop = scrollY + collisionPadding;
|
|
68
|
+
const maxRight = scrollX + viewportWidth - collisionPadding;
|
|
69
|
+
const maxBottom = scrollY + viewportHeight - collisionPadding;
|
|
70
|
+
if (position.left < minLeft) {
|
|
71
|
+
overflow.push("left");
|
|
72
|
+
}
|
|
73
|
+
if (position.left + contentRect.width > maxRight) {
|
|
74
|
+
overflow.push("right");
|
|
75
|
+
}
|
|
76
|
+
if (position.top < minTop) {
|
|
77
|
+
overflow.push("top");
|
|
78
|
+
}
|
|
79
|
+
if (position.top + contentRect.height > maxBottom) {
|
|
80
|
+
overflow.push("bottom");
|
|
81
|
+
}
|
|
82
|
+
return overflow;
|
|
83
|
+
}
|
|
84
|
+
function clampPosition(position, contentRect, viewportWidth, viewportHeight, scrollX, scrollY, collisionPadding) {
|
|
85
|
+
const minLeft = scrollX + collisionPadding;
|
|
86
|
+
const maxLeft = scrollX + viewportWidth - contentRect.width - collisionPadding;
|
|
87
|
+
const minTop = scrollY + collisionPadding;
|
|
88
|
+
const maxTop = scrollY + viewportHeight - contentRect.height - collisionPadding;
|
|
89
|
+
return {
|
|
90
|
+
left: chunkK3WYDUIN_js.clamp(position.left, minLeft, Math.max(minLeft, maxLeft)),
|
|
91
|
+
top: chunkK3WYDUIN_js.clamp(position.top, minTop, Math.max(minTop, maxTop))
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
function computePosition(triggerRectLike, contentRectLike, options) {
|
|
95
|
+
const triggerRect = withEdges(triggerRectLike);
|
|
96
|
+
const contentRect = withEdges(contentRectLike);
|
|
97
|
+
const side = options.side ?? "bottom";
|
|
98
|
+
const align = options.align ?? "center";
|
|
99
|
+
const sideOffset = options.sideOffset ?? 0;
|
|
100
|
+
const alignOffset = options.alignOffset ?? 0;
|
|
101
|
+
const collisionDetection = options.collisionDetection ?? true;
|
|
102
|
+
const collisionPadding = options.collisionPadding ?? 5;
|
|
103
|
+
const scrollX = options.scrollX ?? 0;
|
|
104
|
+
const scrollY = options.scrollY ?? 0;
|
|
105
|
+
const viewportWidth = options.viewportWidth;
|
|
106
|
+
const viewportHeight = options.viewportHeight;
|
|
107
|
+
let finalSide = side;
|
|
108
|
+
let collisionResolved = false;
|
|
109
|
+
let position = calculateAlignedPosition(
|
|
110
|
+
side,
|
|
111
|
+
align,
|
|
112
|
+
triggerRect,
|
|
113
|
+
contentRect,
|
|
114
|
+
scrollX,
|
|
115
|
+
scrollY,
|
|
116
|
+
sideOffset,
|
|
117
|
+
alignOffset
|
|
118
|
+
);
|
|
119
|
+
let overflowSides = getOverflowSides(
|
|
120
|
+
position,
|
|
121
|
+
contentRect,
|
|
122
|
+
viewportWidth,
|
|
123
|
+
viewportHeight,
|
|
124
|
+
scrollX,
|
|
125
|
+
scrollY,
|
|
126
|
+
collisionPadding
|
|
127
|
+
);
|
|
128
|
+
if (collisionDetection && overflowSides.length > 0) {
|
|
129
|
+
const oppositeSide = getOppositeSide(side);
|
|
130
|
+
const flippedPosition = calculateAlignedPosition(
|
|
131
|
+
oppositeSide,
|
|
132
|
+
align,
|
|
133
|
+
triggerRect,
|
|
134
|
+
contentRect,
|
|
135
|
+
scrollX,
|
|
136
|
+
scrollY,
|
|
137
|
+
sideOffset,
|
|
138
|
+
alignOffset
|
|
139
|
+
);
|
|
140
|
+
const flippedOverflow = getOverflowSides(
|
|
141
|
+
flippedPosition,
|
|
142
|
+
contentRect,
|
|
143
|
+
viewportWidth,
|
|
144
|
+
viewportHeight,
|
|
145
|
+
scrollX,
|
|
146
|
+
scrollY,
|
|
147
|
+
collisionPadding
|
|
148
|
+
);
|
|
149
|
+
if (flippedOverflow.length < overflowSides.length) {
|
|
150
|
+
position = flippedPosition;
|
|
151
|
+
overflowSides = flippedOverflow;
|
|
152
|
+
finalSide = oppositeSide;
|
|
153
|
+
collisionResolved = true;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
const clamped = clampPosition(
|
|
157
|
+
position,
|
|
158
|
+
contentRect,
|
|
159
|
+
viewportWidth,
|
|
160
|
+
viewportHeight,
|
|
161
|
+
scrollX,
|
|
162
|
+
scrollY,
|
|
163
|
+
collisionPadding
|
|
164
|
+
);
|
|
165
|
+
if (clamped.top !== position.top || clamped.left !== position.left) {
|
|
166
|
+
collisionResolved = true;
|
|
167
|
+
}
|
|
168
|
+
position = clamped;
|
|
169
|
+
overflowSides = getOverflowSides(
|
|
170
|
+
position,
|
|
171
|
+
contentRect,
|
|
172
|
+
viewportWidth,
|
|
173
|
+
viewportHeight,
|
|
174
|
+
scrollX,
|
|
175
|
+
scrollY,
|
|
176
|
+
collisionPadding
|
|
177
|
+
);
|
|
178
|
+
return {
|
|
179
|
+
top: Math.round(position.top),
|
|
180
|
+
left: Math.round(position.left),
|
|
181
|
+
side: finalSide,
|
|
182
|
+
align,
|
|
183
|
+
collisionResolved,
|
|
184
|
+
overflow: overflowSides.length > 0,
|
|
185
|
+
overflowSides
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
function computePositionAtPoint(point, contentRectLike, options) {
|
|
189
|
+
return computePosition(
|
|
190
|
+
{
|
|
191
|
+
top: point.y,
|
|
192
|
+
left: point.x,
|
|
193
|
+
width: 0,
|
|
194
|
+
height: 0,
|
|
195
|
+
right: point.x,
|
|
196
|
+
bottom: point.y
|
|
197
|
+
},
|
|
198
|
+
contentRectLike,
|
|
199
|
+
options
|
|
200
|
+
);
|
|
201
|
+
}
|
|
202
|
+
function toPositionStyle(result) {
|
|
203
|
+
return {
|
|
204
|
+
position: "absolute",
|
|
205
|
+
top: result.top,
|
|
206
|
+
left: result.left,
|
|
207
|
+
opacity: 1
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
function applyPositionDataAttributes(node, result) {
|
|
211
|
+
node.setAttribute("data-side", result.side);
|
|
212
|
+
node.setAttribute("data-align", result.align);
|
|
213
|
+
node.setAttribute("data-collision-resolved", result.collisionResolved ? "true" : "false");
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
exports.applyPositionDataAttributes = applyPositionDataAttributes;
|
|
217
|
+
exports.computePosition = computePosition;
|
|
218
|
+
exports.computePositionAtPoint = computePositionAtPoint;
|
|
219
|
+
exports.toPositionStyle = toPositionStyle;
|
|
220
|
+
//# sourceMappingURL=chunk-WV2D7BZS.js.map
|
|
221
|
+
//# sourceMappingURL=chunk-WV2D7BZS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/position.ts"],"names":["clamp"],"mappings":"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","file":"chunk-WV2D7BZS.js","sourcesContent":["import { clamp } from '../primitives/shared';\n\nexport type Side = 'top' | 'right' | 'bottom' | 'left';\nexport type Align = 'start' | 'center' | 'end';\n\nexport interface RectLike {\n top: number;\n right?: number;\n bottom?: number;\n left: number;\n width: number;\n height: number;\n}\n\nexport interface ComputePositionOptions {\n side?: Side;\n align?: Align;\n sideOffset?: number;\n alignOffset?: number;\n collisionDetection?: boolean;\n collisionPadding?: number;\n viewportWidth: number;\n viewportHeight: number;\n scrollX?: number;\n scrollY?: number;\n}\n\nexport interface PositionResult {\n top: number;\n left: number;\n side: Side;\n align: Align;\n collisionResolved: boolean;\n overflow: boolean;\n overflowSides: Array<'top' | 'right' | 'bottom' | 'left'>;\n}\n\nexport interface PointLike {\n x: number;\n y: number;\n}\n\nfunction withEdges(rect: RectLike): Required<RectLike> {\n return {\n top: rect.top,\n left: rect.left,\n width: rect.width,\n height: rect.height,\n right: rect.right ?? rect.left + rect.width,\n bottom: rect.bottom ?? rect.top + rect.height,\n };\n}\n\nfunction getOppositeSide(side: Side): Side {\n switch (side) {\n case 'top':\n return 'bottom';\n case 'bottom':\n return 'top';\n case 'left':\n return 'right';\n case 'right':\n return 'left';\n }\n}\n\nfunction calculateAlignedPosition(\n side: Side,\n align: Align,\n triggerRect: Required<RectLike>,\n contentRect: Required<RectLike>,\n scrollX: number,\n scrollY: number,\n sideOffset: number,\n alignOffset: number\n): { top: number; left: number } {\n let top = 0;\n let left = 0;\n\n switch (side) {\n case 'top':\n top = triggerRect.top + scrollY - contentRect.height - sideOffset;\n break;\n case 'bottom':\n top = triggerRect.bottom + scrollY + sideOffset;\n break;\n case 'left':\n left = triggerRect.left + scrollX - contentRect.width - sideOffset;\n break;\n case 'right':\n left = triggerRect.right + scrollX + sideOffset;\n break;\n }\n\n if (side === 'top' || side === 'bottom') {\n if (align === 'start') {\n left = triggerRect.left + scrollX + alignOffset;\n } else if (align === 'center') {\n left = triggerRect.left + scrollX + triggerRect.width / 2 - contentRect.width / 2;\n } else {\n left = triggerRect.right + scrollX - contentRect.width - alignOffset;\n }\n } else {\n if (align === 'start') {\n top = triggerRect.top + scrollY + alignOffset;\n } else if (align === 'center') {\n top = triggerRect.top + scrollY + triggerRect.height / 2 - contentRect.height / 2;\n } else {\n top = triggerRect.bottom + scrollY - contentRect.height - alignOffset;\n }\n }\n\n return { top, left };\n}\n\nfunction getOverflowSides(\n position: { top: number; left: number },\n contentRect: Required<RectLike>,\n viewportWidth: number,\n viewportHeight: number,\n scrollX: number,\n scrollY: number,\n collisionPadding: number\n): Array<'top' | 'right' | 'bottom' | 'left'> {\n const overflow: Array<'top' | 'right' | 'bottom' | 'left'> = [];\n const minLeft = scrollX + collisionPadding;\n const minTop = scrollY + collisionPadding;\n const maxRight = scrollX + viewportWidth - collisionPadding;\n const maxBottom = scrollY + viewportHeight - collisionPadding;\n\n if (position.left < minLeft) {\n overflow.push('left');\n }\n\n if (position.left + contentRect.width > maxRight) {\n overflow.push('right');\n }\n\n if (position.top < minTop) {\n overflow.push('top');\n }\n\n if (position.top + contentRect.height > maxBottom) {\n overflow.push('bottom');\n }\n\n return overflow;\n}\n\nfunction clampPosition(\n position: { top: number; left: number },\n contentRect: Required<RectLike>,\n viewportWidth: number,\n viewportHeight: number,\n scrollX: number,\n scrollY: number,\n collisionPadding: number\n): { top: number; left: number } {\n const minLeft = scrollX + collisionPadding;\n const maxLeft = scrollX + viewportWidth - contentRect.width - collisionPadding;\n const minTop = scrollY + collisionPadding;\n const maxTop = scrollY + viewportHeight - contentRect.height - collisionPadding;\n\n return {\n left: clamp(position.left, minLeft, Math.max(minLeft, maxLeft)),\n top: clamp(position.top, minTop, Math.max(minTop, maxTop)),\n };\n}\n\nexport function computePosition(\n triggerRectLike: RectLike,\n contentRectLike: RectLike,\n options: ComputePositionOptions\n): PositionResult {\n const triggerRect = withEdges(triggerRectLike);\n const contentRect = withEdges(contentRectLike);\n const side = options.side ?? 'bottom';\n const align = options.align ?? 'center';\n const sideOffset = options.sideOffset ?? 0;\n const alignOffset = options.alignOffset ?? 0;\n const collisionDetection = options.collisionDetection ?? true;\n const collisionPadding = options.collisionPadding ?? 5;\n const scrollX = options.scrollX ?? 0;\n const scrollY = options.scrollY ?? 0;\n const viewportWidth = options.viewportWidth;\n const viewportHeight = options.viewportHeight;\n\n let finalSide = side;\n let collisionResolved = false;\n\n let position = calculateAlignedPosition(\n side,\n align,\n triggerRect,\n contentRect,\n scrollX,\n scrollY,\n sideOffset,\n alignOffset\n );\n\n let overflowSides = getOverflowSides(\n position,\n contentRect,\n viewportWidth,\n viewportHeight,\n scrollX,\n scrollY,\n collisionPadding\n );\n\n if (collisionDetection && overflowSides.length > 0) {\n const oppositeSide = getOppositeSide(side);\n const flippedPosition = calculateAlignedPosition(\n oppositeSide,\n align,\n triggerRect,\n contentRect,\n scrollX,\n scrollY,\n sideOffset,\n alignOffset\n );\n\n const flippedOverflow = getOverflowSides(\n flippedPosition,\n contentRect,\n viewportWidth,\n viewportHeight,\n scrollX,\n scrollY,\n collisionPadding\n );\n\n if (flippedOverflow.length < overflowSides.length) {\n position = flippedPosition;\n overflowSides = flippedOverflow;\n finalSide = oppositeSide;\n collisionResolved = true;\n }\n }\n\n const clamped = clampPosition(\n position,\n contentRect,\n viewportWidth,\n viewportHeight,\n scrollX,\n scrollY,\n collisionPadding\n );\n\n if (clamped.top !== position.top || clamped.left !== position.left) {\n collisionResolved = true;\n }\n\n position = clamped;\n overflowSides = getOverflowSides(\n position,\n contentRect,\n viewportWidth,\n viewportHeight,\n scrollX,\n scrollY,\n collisionPadding\n );\n\n return {\n top: Math.round(position.top),\n left: Math.round(position.left),\n side: finalSide,\n align,\n collisionResolved,\n overflow: overflowSides.length > 0,\n overflowSides,\n };\n}\n\nexport function computePositionAtPoint(\n point: PointLike,\n contentRectLike: RectLike,\n options: ComputePositionOptions\n): PositionResult {\n return computePosition(\n {\n top: point.y,\n left: point.x,\n width: 0,\n height: 0,\n right: point.x,\n bottom: point.y,\n },\n contentRectLike,\n options\n );\n}\n\nexport function toPositionStyle(result: Pick<PositionResult, 'top' | 'left'>): {\n position: 'absolute';\n top: number;\n left: number;\n opacity: 1;\n} {\n return {\n position: 'absolute',\n top: result.top,\n left: result.left,\n opacity: 1,\n };\n}\n\nexport function applyPositionDataAttributes(\n node: HTMLElement,\n result: Pick<PositionResult, 'side' | 'align' | 'collisionResolved'>\n): void {\n node.setAttribute('data-side', result.side);\n node.setAttribute('data-align', result.align);\n node.setAttribute('data-collision-resolved', result.collisionResolved ? 'true' : 'false');\n}\n"]}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkL67UQEPI_js = require('./chunk-L67UQEPI.js');
|
|
4
|
+
var chunkK3WYDUIN_js = require('./chunk-K3WYDUIN.js');
|
|
5
|
+
var chunkEKMJ2G7A_js = require('./chunk-EKMJ2G7A.js');
|
|
6
|
+
var chunkZ4Q2AFMC_js = require('./chunk-Z4Q2AFMC.js');
|
|
7
|
+
|
|
8
|
+
// src/primitives/switch.ts
|
|
9
|
+
function getFormValue(name, value, checked) {
|
|
10
|
+
if (!name || !checked) {
|
|
11
|
+
return {};
|
|
12
|
+
}
|
|
13
|
+
return {
|
|
14
|
+
[name]: value
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
function createSwitch(props) {
|
|
18
|
+
props.checked ?? props.defaultChecked ?? false;
|
|
19
|
+
const disabled = props.disabled ?? false;
|
|
20
|
+
const required = props.required ?? false;
|
|
21
|
+
const value = props.value ?? "on";
|
|
22
|
+
const name = props.name;
|
|
23
|
+
const controlledState = chunkL67UQEPI_js.createControllableStateController({
|
|
24
|
+
value: props.checked,
|
|
25
|
+
defaultValue: props.defaultChecked ?? false,
|
|
26
|
+
onChange: props.onCheckedChange
|
|
27
|
+
});
|
|
28
|
+
const store = chunkK3WYDUIN_js.createStore({
|
|
29
|
+
checked: controlledState.getValue(),
|
|
30
|
+
controlled: controlledState.isControlled(),
|
|
31
|
+
disabled,
|
|
32
|
+
required,
|
|
33
|
+
name,
|
|
34
|
+
value,
|
|
35
|
+
ariaChecked: controlledState.getValue() ? "true" : "false",
|
|
36
|
+
pressed: controlledState.getValue(),
|
|
37
|
+
formValue: getFormValue(name, value, controlledState.getValue()),
|
|
38
|
+
lastError: null
|
|
39
|
+
});
|
|
40
|
+
const emitChecked = (nextChecked, meta) => {
|
|
41
|
+
const result = meta.source === "controlled-sync" ? controlledState.syncValue(nextChecked) : controlledState.requestValue(nextChecked);
|
|
42
|
+
store.patchState(
|
|
43
|
+
{
|
|
44
|
+
checked: result.value,
|
|
45
|
+
ariaChecked: result.value ? "true" : "false",
|
|
46
|
+
pressed: result.value,
|
|
47
|
+
formValue: getFormValue(name, value, result.value),
|
|
48
|
+
lastChangeMeta: meta,
|
|
49
|
+
lastError: null
|
|
50
|
+
},
|
|
51
|
+
meta
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
const ensureEnabled = () => {
|
|
55
|
+
const state = store.getState();
|
|
56
|
+
if (!state.disabled) {
|
|
57
|
+
return true;
|
|
58
|
+
}
|
|
59
|
+
store.patchState({
|
|
60
|
+
lastError: chunkEKMJ2G7A_js.createUIFnError({
|
|
61
|
+
code: "UIFN_ERR_DISABLED_INTERACTION",
|
|
62
|
+
package: "@uifn/core",
|
|
63
|
+
component: "Switch",
|
|
64
|
+
message: "Disabled controls MUST ignore state-changing input.",
|
|
65
|
+
recoverable: true
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
return false;
|
|
69
|
+
};
|
|
70
|
+
const actions = {
|
|
71
|
+
setChecked(checked) {
|
|
72
|
+
if (!ensureEnabled()) {
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
const state = store.getState();
|
|
76
|
+
if (state.checked === checked) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
emitChecked(checked, {
|
|
80
|
+
source: "programmatic",
|
|
81
|
+
reason: "set-checked",
|
|
82
|
+
previousValue: state.checked,
|
|
83
|
+
nextValue: checked
|
|
84
|
+
});
|
|
85
|
+
},
|
|
86
|
+
toggle() {
|
|
87
|
+
if (!ensureEnabled()) {
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
const state = store.getState();
|
|
91
|
+
const nextChecked = !state.checked;
|
|
92
|
+
emitChecked(nextChecked, {
|
|
93
|
+
source: "user",
|
|
94
|
+
reason: "toggle",
|
|
95
|
+
previousValue: state.checked,
|
|
96
|
+
nextValue: nextChecked,
|
|
97
|
+
inputModality: "pointer"
|
|
98
|
+
});
|
|
99
|
+
},
|
|
100
|
+
handleKeyDown(key) {
|
|
101
|
+
if (key !== chunkZ4Q2AFMC_js.K.SPACE) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
if (!ensureEnabled()) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
const state = store.getState();
|
|
108
|
+
const nextChecked = !state.checked;
|
|
109
|
+
emitChecked(nextChecked, {
|
|
110
|
+
source: "user",
|
|
111
|
+
reason: "keyboard-toggle",
|
|
112
|
+
previousValue: state.checked,
|
|
113
|
+
nextValue: nextChecked,
|
|
114
|
+
inputModality: "keyboard"
|
|
115
|
+
});
|
|
116
|
+
},
|
|
117
|
+
syncChecked(checked) {
|
|
118
|
+
const state = store.getState();
|
|
119
|
+
if (state.checked === checked) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
emitChecked(checked, {
|
|
123
|
+
source: "controlled-sync",
|
|
124
|
+
reason: "sync-checked",
|
|
125
|
+
previousValue: state.checked,
|
|
126
|
+
nextValue: checked
|
|
127
|
+
});
|
|
128
|
+
},
|
|
129
|
+
getFormValue() {
|
|
130
|
+
return store.getState().formValue;
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
return {
|
|
134
|
+
get state() {
|
|
135
|
+
return store.getState();
|
|
136
|
+
},
|
|
137
|
+
actions,
|
|
138
|
+
getState: store.getState,
|
|
139
|
+
subscribe: store.subscribe
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
exports.createSwitch = createSwitch;
|
|
144
|
+
//# sourceMappingURL=chunk-YUHQTWI5.js.map
|
|
145
|
+
//# sourceMappingURL=chunk-YUHQTWI5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/switch.ts"],"names":["createControllableStateController","createStore","createUIFnError","K"],"mappings":"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","file":"chunk-YUHQTWI5.js","sourcesContent":["import { createUIFnError, type UIFnError } from '../errors';\nimport { K } from '../aria/keys';\nimport { createControllableStateController } from '../state/machine';\nimport { type ChangeMeta, createStore } from './shared';\n\nexport interface SwitchProps {\n checked?: boolean;\n defaultChecked?: boolean;\n required?: boolean;\n disabled?: boolean;\n name?: string;\n value?: string;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport interface SwitchState {\n checked: boolean;\n controlled: boolean;\n disabled: boolean;\n required: boolean;\n name?: string;\n value: string;\n ariaChecked: 'true' | 'false';\n pressed: boolean;\n formValue: Record<string, string>;\n lastChangeMeta?: ChangeMeta<boolean>;\n lastError: UIFnError | null;\n}\n\nexport interface SwitchActions {\n setChecked: (checked: boolean) => void;\n toggle: () => void;\n handleKeyDown: (key: string) => void;\n syncChecked: (checked: boolean) => void;\n getFormValue: () => Record<string, string>;\n}\n\nexport interface SwitchMachine {\n readonly state: SwitchState;\n readonly actions: SwitchActions;\n getState: () => SwitchState;\n subscribe: (callback: (state: SwitchState, meta?: ChangeMeta<boolean>) => void) => () => void;\n}\n\nfunction getFormValue(name: string | undefined, value: string, checked: boolean): Record<string, string> {\n if (!name || !checked) {\n return {};\n }\n\n return {\n [name]: value,\n };\n}\n\nexport function createSwitch(props: SwitchProps): SwitchMachine {\n const initialChecked = props.checked ?? props.defaultChecked ?? false;\n const disabled = props.disabled ?? false;\n const required = props.required ?? false;\n const value = props.value ?? 'on';\n const name = props.name;\n const controlledState = createControllableStateController<boolean>({\n value: props.checked,\n defaultValue: props.defaultChecked ?? false,\n onChange: props.onCheckedChange,\n });\n\n const store = createStore<SwitchState, boolean>({\n checked: controlledState.getValue(),\n controlled: controlledState.isControlled(),\n disabled,\n required,\n name,\n value,\n ariaChecked: controlledState.getValue() ? 'true' : 'false',\n pressed: controlledState.getValue(),\n formValue: getFormValue(name, value, controlledState.getValue()),\n lastError: null,\n });\n\n const emitChecked = (nextChecked: boolean, meta: ChangeMeta<boolean>) => {\n const result =\n meta.source === 'controlled-sync'\n ? controlledState.syncValue(nextChecked)\n : controlledState.requestValue(nextChecked);\n store.patchState(\n {\n checked: result.value,\n ariaChecked: result.value ? 'true' : 'false',\n pressed: result.value,\n formValue: getFormValue(name, value, result.value),\n lastChangeMeta: meta,\n lastError: null,\n },\n meta\n );\n };\n\n const ensureEnabled = (): boolean => {\n const state = store.getState();\n if (!state.disabled) {\n return true;\n }\n\n store.patchState({\n lastError: createUIFnError({\n code: 'UIFN_ERR_DISABLED_INTERACTION',\n package: '@uifn/core',\n component: 'Switch',\n message: 'Disabled controls MUST ignore state-changing input.',\n recoverable: true,\n }),\n });\n return false;\n };\n\n const actions: SwitchActions = {\n setChecked(checked) {\n if (!ensureEnabled()) {\n return;\n }\n\n const state = store.getState();\n if (state.checked === checked) {\n return;\n }\n emitChecked(checked, {\n source: 'programmatic',\n reason: 'set-checked',\n previousValue: state.checked,\n nextValue: checked,\n });\n },\n toggle() {\n if (!ensureEnabled()) {\n return;\n }\n\n const state = store.getState();\n const nextChecked = !state.checked;\n emitChecked(nextChecked, {\n source: 'user',\n reason: 'toggle',\n previousValue: state.checked,\n nextValue: nextChecked,\n inputModality: 'pointer',\n });\n },\n handleKeyDown(key) {\n if (key !== K.SPACE) {\n return;\n }\n\n if (!ensureEnabled()) {\n return;\n }\n\n const state = store.getState();\n const nextChecked = !state.checked;\n emitChecked(nextChecked, {\n source: 'user',\n reason: 'keyboard-toggle',\n previousValue: state.checked,\n nextValue: nextChecked,\n inputModality: 'keyboard',\n });\n },\n syncChecked(checked) {\n const state = store.getState();\n if (state.checked === checked) {\n return;\n }\n\n emitChecked(checked, {\n source: 'controlled-sync',\n reason: 'sync-checked',\n previousValue: state.checked,\n nextValue: checked,\n });\n },\n getFormValue() {\n return store.getState().formValue;\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,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/aria/keys.ts
|
|
4
|
+
var K = {
|
|
5
|
+
ENTER: "Enter",
|
|
6
|
+
SPACE: " ",
|
|
7
|
+
ESCAPE: "Escape",
|
|
8
|
+
TAB: "Tab",
|
|
9
|
+
ARROW_UP: "ArrowUp",
|
|
10
|
+
ARROW_DOWN: "ArrowDown",
|
|
11
|
+
ARROW_LEFT: "ArrowLeft",
|
|
12
|
+
ARROW_RIGHT: "ArrowRight",
|
|
13
|
+
HOME: "Home",
|
|
14
|
+
END: "End",
|
|
15
|
+
PAGE_UP: "PageUp",
|
|
16
|
+
PAGE_DOWN: "PageDown"
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.K = K;
|
|
20
|
+
//# sourceMappingURL=chunk-Z4Q2AFMC.js.map
|
|
21
|
+
//# sourceMappingURL=chunk-Z4Q2AFMC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/aria/keys.ts"],"names":[],"mappings":";;;AAAO,IAAM,CAAA,GAAI;AAAA,EACf,KAAA,EAAO,OAAA;AAAA,EACP,KAAA,EAAO,GAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,KAAA;AAAA,EACL,QAAA,EAAU,SAAA;AAAA,EACV,UAAA,EAAY,WAAA;AAAA,EACZ,UAAA,EAAY,WAAA;AAAA,EACZ,WAAA,EAAa,YAAA;AAAA,EACb,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,KAAA;AAAA,EACL,OAAA,EAAS,QAAA;AAAA,EACT,SAAA,EAAW;AACb","file":"chunk-Z4Q2AFMC.js","sourcesContent":["export const K = {\n ENTER: 'Enter',\n SPACE: ' ',\n ESCAPE: 'Escape',\n TAB: 'Tab',\n ARROW_UP: 'ArrowUp',\n ARROW_DOWN: 'ArrowDown',\n ARROW_LEFT: 'ArrowLeft',\n ARROW_RIGHT: 'ArrowRight',\n HOME: 'Home',\n END: 'End',\n PAGE_UP: 'PageUp',\n PAGE_DOWN: 'PageDown',\n} as const;\n\nexport type Key = (typeof K)[keyof typeof K];\n"]}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkZ4Q2AFMC_js = require('./chunk-Z4Q2AFMC.js');
|
|
4
|
+
|
|
5
|
+
// src/utils/focus-trap.ts
|
|
6
|
+
var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
|
|
7
|
+
function createFocusTrapState(options = {}) {
|
|
8
|
+
let state = {
|
|
9
|
+
active: options.active ?? false,
|
|
10
|
+
trapped: options.active ?? false,
|
|
11
|
+
entryFocusId: options.entryFocusId ?? null,
|
|
12
|
+
currentFocusId: options.entryFocusId ?? null,
|
|
13
|
+
returnFocusId: options.returnFocusId ?? null
|
|
14
|
+
};
|
|
15
|
+
const getState = () => ({ ...state });
|
|
16
|
+
return {
|
|
17
|
+
getState,
|
|
18
|
+
activate(nextOptions) {
|
|
19
|
+
const entryFocusId = nextOptions?.entryFocusId ?? state.entryFocusId;
|
|
20
|
+
const returnFocusId = nextOptions?.returnFocusId ?? state.returnFocusId;
|
|
21
|
+
state = {
|
|
22
|
+
...state,
|
|
23
|
+
active: true,
|
|
24
|
+
trapped: true,
|
|
25
|
+
entryFocusId,
|
|
26
|
+
currentFocusId: entryFocusId ?? state.currentFocusId,
|
|
27
|
+
returnFocusId
|
|
28
|
+
};
|
|
29
|
+
return getState();
|
|
30
|
+
},
|
|
31
|
+
deactivate(nextOptions) {
|
|
32
|
+
const shouldRestoreFocus = nextOptions?.restoreFocus ?? true;
|
|
33
|
+
const nextFocus = shouldRestoreFocus ? state.returnFocusId : state.currentFocusId;
|
|
34
|
+
state = {
|
|
35
|
+
...state,
|
|
36
|
+
active: false,
|
|
37
|
+
trapped: false,
|
|
38
|
+
currentFocusId: nextFocus ?? state.currentFocusId
|
|
39
|
+
};
|
|
40
|
+
return getState();
|
|
41
|
+
},
|
|
42
|
+
setReturnFocus(focusId) {
|
|
43
|
+
state = {
|
|
44
|
+
...state,
|
|
45
|
+
returnFocusId: focusId
|
|
46
|
+
};
|
|
47
|
+
return getState();
|
|
48
|
+
},
|
|
49
|
+
recordFocus(focusId) {
|
|
50
|
+
state = {
|
|
51
|
+
...state,
|
|
52
|
+
currentFocusId: focusId
|
|
53
|
+
};
|
|
54
|
+
return getState();
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
function getFocusableElements(container, selector = FOCUSABLE_SELECTOR) {
|
|
59
|
+
return Array.from(container.querySelectorAll(selector));
|
|
60
|
+
}
|
|
61
|
+
function createFocusTrap(container, options = {}) {
|
|
62
|
+
const ownerDocument = options.ownerDocument ?? container.ownerDocument;
|
|
63
|
+
const focusableSelector = options.focusableSelector ?? FOCUSABLE_SELECTOR;
|
|
64
|
+
let enabled = options.active ?? true;
|
|
65
|
+
let isActive = false;
|
|
66
|
+
let returnFocus = options.returnFocus ?? true;
|
|
67
|
+
let previousFocus = null;
|
|
68
|
+
const handleKeyDown = (event) => {
|
|
69
|
+
if (!isActive || event.key !== chunkZ4Q2AFMC_js.K.TAB) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const focusable = getFocusableElements(container, focusableSelector);
|
|
73
|
+
if (focusable.length === 0) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
const first = focusable[0];
|
|
77
|
+
const last = focusable[focusable.length - 1];
|
|
78
|
+
const current = ownerDocument.activeElement;
|
|
79
|
+
if (event.shiftKey && current === first) {
|
|
80
|
+
last.focus();
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if (!event.shiftKey && current === last) {
|
|
85
|
+
first.focus();
|
|
86
|
+
event.preventDefault();
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
const activate = () => {
|
|
90
|
+
if (isActive) {
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
isActive = true;
|
|
94
|
+
previousFocus = ownerDocument.activeElement;
|
|
95
|
+
const focusable = getFocusableElements(container, focusableSelector);
|
|
96
|
+
const target = focusable[0] ?? container;
|
|
97
|
+
target.focus({ preventScroll: true });
|
|
98
|
+
ownerDocument.addEventListener("keydown", handleKeyDown);
|
|
99
|
+
};
|
|
100
|
+
const deactivate = () => {
|
|
101
|
+
if (!isActive) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
isActive = false;
|
|
105
|
+
ownerDocument.removeEventListener("keydown", handleKeyDown);
|
|
106
|
+
if (returnFocus && previousFocus) {
|
|
107
|
+
previousFocus.focus({ preventScroll: true });
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
if (enabled) {
|
|
111
|
+
activate();
|
|
112
|
+
}
|
|
113
|
+
return {
|
|
114
|
+
activate,
|
|
115
|
+
deactivate,
|
|
116
|
+
update(nextOptions) {
|
|
117
|
+
const wasEnabled = enabled;
|
|
118
|
+
enabled = nextOptions.active ?? enabled;
|
|
119
|
+
returnFocus = nextOptions.returnFocus ?? returnFocus;
|
|
120
|
+
if (!wasEnabled && enabled) {
|
|
121
|
+
activate();
|
|
122
|
+
} else if (wasEnabled && !enabled) {
|
|
123
|
+
deactivate();
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
destroy() {
|
|
127
|
+
deactivate();
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
exports.FOCUSABLE_SELECTOR = FOCUSABLE_SELECTOR;
|
|
133
|
+
exports.createFocusTrap = createFocusTrap;
|
|
134
|
+
exports.createFocusTrapState = createFocusTrapState;
|
|
135
|
+
exports.getFocusableElements = getFocusableElements;
|
|
136
|
+
//# sourceMappingURL=chunk-ZBIA3D6U.js.map
|
|
137
|
+
//# sourceMappingURL=chunk-ZBIA3D6U.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/focus-trap.ts"],"names":["K"],"mappings":"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","file":"chunk-ZBIA3D6U.js","sourcesContent":["import { K } from '../aria/keys';\n\nexport const FOCUSABLE_SELECTOR =\n 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport interface FocusTrapOptions {\n active?: boolean;\n returnFocus?: boolean;\n ownerDocument?: Document;\n focusableSelector?: string;\n}\n\nexport interface FocusTrapController {\n activate: () => void;\n deactivate: () => void;\n update: (options: FocusTrapOptions) => void;\n destroy: () => void;\n}\n\nexport interface FocusTrapSnapshot {\n active: boolean;\n trapped: boolean;\n entryFocusId: string | null;\n currentFocusId: string | null;\n returnFocusId: string | null;\n}\n\nexport interface FocusTrapStateOptions {\n active?: boolean;\n entryFocusId?: string | null;\n returnFocusId?: string | null;\n}\n\nexport interface FocusTrapStateController {\n getState: () => FocusTrapSnapshot;\n activate: (options?: Pick<FocusTrapStateOptions, 'entryFocusId' | 'returnFocusId'>) => FocusTrapSnapshot;\n deactivate: (options?: { restoreFocus?: boolean }) => FocusTrapSnapshot;\n setReturnFocus: (focusId: string | null) => FocusTrapSnapshot;\n recordFocus: (focusId: string | null) => FocusTrapSnapshot;\n}\n\nexport function createFocusTrapState(\n options: FocusTrapStateOptions = {}\n): FocusTrapStateController {\n let state: FocusTrapSnapshot = {\n active: options.active ?? false,\n trapped: options.active ?? false,\n entryFocusId: options.entryFocusId ?? null,\n currentFocusId: options.entryFocusId ?? null,\n returnFocusId: options.returnFocusId ?? null,\n };\n\n const getState = (): FocusTrapSnapshot => ({ ...state });\n\n return {\n getState,\n activate(nextOptions) {\n const entryFocusId = nextOptions?.entryFocusId ?? state.entryFocusId;\n const returnFocusId = nextOptions?.returnFocusId ?? state.returnFocusId;\n\n state = {\n ...state,\n active: true,\n trapped: true,\n entryFocusId,\n currentFocusId: entryFocusId ?? state.currentFocusId,\n returnFocusId,\n };\n\n return getState();\n },\n deactivate(nextOptions) {\n const shouldRestoreFocus = nextOptions?.restoreFocus ?? true;\n const nextFocus = shouldRestoreFocus ? state.returnFocusId : state.currentFocusId;\n\n state = {\n ...state,\n active: false,\n trapped: false,\n currentFocusId: nextFocus ?? state.currentFocusId,\n };\n\n return getState();\n },\n setReturnFocus(focusId) {\n state = {\n ...state,\n returnFocusId: focusId,\n };\n\n return getState();\n },\n recordFocus(focusId) {\n state = {\n ...state,\n currentFocusId: focusId,\n };\n\n return getState();\n },\n };\n}\n\nexport function getFocusableElements(\n container: ParentNode,\n selector: string = FOCUSABLE_SELECTOR\n): HTMLElement[] {\n return Array.from(container.querySelectorAll(selector)) as HTMLElement[];\n}\n\nexport function createFocusTrap(\n container: HTMLElement,\n options: FocusTrapOptions = {}\n): FocusTrapController {\n const ownerDocument = options.ownerDocument ?? container.ownerDocument;\n const focusableSelector = options.focusableSelector ?? FOCUSABLE_SELECTOR;\n let enabled = options.active ?? true;\n let isActive = false;\n let returnFocus = options.returnFocus ?? true;\n let previousFocus: HTMLElement | null = null;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (!isActive || event.key !== K.TAB) {\n return;\n }\n\n const focusable = getFocusableElements(container, focusableSelector);\n if (focusable.length === 0) {\n return;\n }\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n const current = ownerDocument.activeElement;\n\n if (event.shiftKey && current === first) {\n last.focus();\n event.preventDefault();\n return;\n }\n\n if (!event.shiftKey && current === last) {\n first.focus();\n event.preventDefault();\n }\n };\n\n const activate = () => {\n if (isActive) {\n return;\n }\n\n isActive = true;\n previousFocus = ownerDocument.activeElement as HTMLElement | null;\n const focusable = getFocusableElements(container, focusableSelector);\n const target = focusable[0] ?? container;\n target.focus({ preventScroll: true });\n ownerDocument.addEventListener('keydown', handleKeyDown);\n };\n\n const deactivate = () => {\n if (!isActive) {\n return;\n }\n\n isActive = false;\n ownerDocument.removeEventListener('keydown', handleKeyDown);\n\n if (returnFocus && previousFocus) {\n previousFocus.focus({ preventScroll: true });\n }\n };\n\n if (enabled) {\n activate();\n }\n\n return {\n activate,\n deactivate,\n update(nextOptions) {\n const wasEnabled = enabled;\n enabled = nextOptions.active ?? enabled;\n returnFocus = nextOptions.returnFocus ?? returnFocus;\n\n if (!wasEnabled && enabled) {\n activate();\n } else if (wasEnabled && !enabled) {\n deactivate();\n }\n },\n destroy() {\n deactivate();\n },\n };\n}\n"]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createDialog } from './chunk-HFNYFUZ3.mjs';
|
|
2
|
+
|
|
3
|
+
// src/primitives/alert-dialog.ts
|
|
4
|
+
function createAlertDialog(props) {
|
|
5
|
+
const dialog = createDialog({
|
|
6
|
+
...props,
|
|
7
|
+
role: "alertdialog",
|
|
8
|
+
modal: true,
|
|
9
|
+
outsideInteractionBehavior: "disallow",
|
|
10
|
+
closeOnOutsideInteraction: false
|
|
11
|
+
});
|
|
12
|
+
return {
|
|
13
|
+
get state() {
|
|
14
|
+
return dialog.state;
|
|
15
|
+
},
|
|
16
|
+
actions: dialog.actions,
|
|
17
|
+
setOpen: dialog.setOpen,
|
|
18
|
+
getState: dialog.getState,
|
|
19
|
+
subscribe: dialog.subscribe
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { createAlertDialog };
|
|
24
|
+
//# sourceMappingURL=chunk-ZGNMHRPN.mjs.map
|
|
25
|
+
//# sourceMappingURL=chunk-ZGNMHRPN.mjs.map
|