reka-ui 2.9.9 → 2.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AlertDialog/AlertDialogContent.cjs +2 -1
- package/dist/AlertDialog/AlertDialogContent.cjs.map +1 -1
- package/dist/AlertDialog/AlertDialogContent.js +2 -1
- package/dist/AlertDialog/AlertDialogContent.js.map +1 -1
- package/dist/AlertDialog/AlertDialogRoot.cjs +4 -0
- package/dist/AlertDialog/AlertDialogRoot.cjs.map +1 -1
- package/dist/AlertDialog/AlertDialogRoot.js +4 -0
- package/dist/AlertDialog/AlertDialogRoot.js.map +1 -1
- package/dist/Checkbox/CheckboxRoot.cjs +27 -18
- package/dist/Checkbox/CheckboxRoot.cjs.map +1 -1
- package/dist/Checkbox/CheckboxRoot.js +28 -19
- package/dist/Checkbox/CheckboxRoot.js.map +1 -1
- package/dist/Collection/Collection.cjs +2 -1
- package/dist/Collection/Collection.cjs.map +1 -1
- package/dist/Collection/Collection.js +2 -1
- package/dist/Collection/Collection.js.map +1 -1
- package/dist/Combobox/ComboboxContent.cjs +8 -0
- package/dist/Combobox/ComboboxContent.cjs.map +1 -1
- package/dist/Combobox/ComboboxContent.js +8 -0
- package/dist/Combobox/ComboboxContent.js.map +1 -1
- package/dist/Combobox/ComboboxContentImpl.cjs +18 -2
- package/dist/Combobox/ComboboxContentImpl.cjs.map +1 -1
- package/dist/Combobox/ComboboxContentImpl.js +18 -2
- package/dist/Combobox/ComboboxContentImpl.js.map +1 -1
- package/dist/Combobox/ComboboxItem.cjs +11 -2
- package/dist/Combobox/ComboboxItem.cjs.map +1 -1
- package/dist/Combobox/ComboboxItem.js +12 -3
- package/dist/Combobox/ComboboxItem.js.map +1 -1
- package/dist/ConfigProvider/ConfigProvider.cjs +7 -1
- package/dist/ConfigProvider/ConfigProvider.cjs.map +1 -1
- package/dist/ConfigProvider/ConfigProvider.js +7 -1
- package/dist/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/ContextMenu/ContextMenuContent.cjs +4 -0
- package/dist/ContextMenu/ContextMenuContent.cjs.map +1 -1
- package/dist/ContextMenu/ContextMenuContent.js +4 -0
- package/dist/ContextMenu/ContextMenuContent.js.map +1 -1
- package/dist/ContextMenu/ContextMenuSubContent.cjs +4 -0
- package/dist/ContextMenu/ContextMenuSubContent.cjs.map +1 -1
- package/dist/ContextMenu/ContextMenuSubContent.js +4 -0
- package/dist/ContextMenu/ContextMenuSubContent.js.map +1 -1
- package/dist/DateField/DateFieldInput.cjs +3 -1
- package/dist/DateField/DateFieldInput.cjs.map +1 -1
- package/dist/DateField/DateFieldInput.js +3 -1
- package/dist/DateField/DateFieldInput.js.map +1 -1
- package/dist/DateField/DateFieldRoot.cjs +7 -1
- package/dist/DateField/DateFieldRoot.cjs.map +1 -1
- package/dist/DateField/DateFieldRoot.js +7 -1
- package/dist/DateField/DateFieldRoot.js.map +1 -1
- package/dist/DatePicker/DatePickerContent.cjs +8 -0
- package/dist/DatePicker/DatePickerContent.cjs.map +1 -1
- package/dist/DatePicker/DatePickerContent.js +8 -0
- package/dist/DatePicker/DatePickerContent.js.map +1 -1
- package/dist/DatePicker/DatePickerRoot.cjs +4 -0
- package/dist/DatePicker/DatePickerRoot.cjs.map +1 -1
- package/dist/DatePicker/DatePickerRoot.js +4 -0
- package/dist/DatePicker/DatePickerRoot.js.map +1 -1
- package/dist/DateRangePicker/DateRangePickerContent.cjs +8 -0
- package/dist/DateRangePicker/DateRangePickerContent.cjs.map +1 -1
- package/dist/DateRangePicker/DateRangePickerContent.js +8 -0
- package/dist/DateRangePicker/DateRangePickerContent.js.map +1 -1
- package/dist/Dialog/DialogContent.cjs +16 -10
- package/dist/Dialog/DialogContent.cjs.map +1 -1
- package/dist/Dialog/DialogContent.js +17 -11
- package/dist/Dialog/DialogContent.js.map +1 -1
- package/dist/Dialog/DialogContentImpl.cjs +8 -1
- package/dist/Dialog/DialogContentImpl.cjs.map +1 -1
- package/dist/Dialog/DialogContentImpl.js +8 -1
- package/dist/Dialog/DialogContentImpl.js.map +1 -1
- package/dist/Dialog/DialogContentModal.cjs +23 -5
- package/dist/Dialog/DialogContentModal.cjs.map +1 -1
- package/dist/Dialog/DialogContentModal.js +24 -6
- package/dist/Dialog/DialogContentModal.js.map +1 -1
- package/dist/Dialog/DialogContentNonModal.cjs +18 -2
- package/dist/Dialog/DialogContentNonModal.cjs.map +1 -1
- package/dist/Dialog/DialogContentNonModal.js +19 -3
- package/dist/Dialog/DialogContentNonModal.js.map +1 -1
- package/dist/Dialog/DialogOverlay.cjs +12 -6
- package/dist/Dialog/DialogOverlay.cjs.map +1 -1
- package/dist/Dialog/DialogOverlay.js +13 -7
- package/dist/Dialog/DialogOverlay.js.map +1 -1
- package/dist/Dialog/DialogOverlayImpl.cjs +8 -1
- package/dist/Dialog/DialogOverlayImpl.cjs.map +1 -1
- package/dist/Dialog/DialogOverlayImpl.js +9 -2
- package/dist/Dialog/DialogOverlayImpl.js.map +1 -1
- package/dist/Dialog/DialogRoot.cjs +7 -1
- package/dist/Dialog/DialogRoot.cjs.map +1 -1
- package/dist/Dialog/DialogRoot.js +7 -1
- package/dist/Dialog/DialogRoot.js.map +1 -1
- package/dist/DismissableLayer/DismissableLayer.cjs +27 -10
- package/dist/DismissableLayer/DismissableLayer.cjs.map +1 -1
- package/dist/DismissableLayer/DismissableLayer.js +28 -11
- package/dist/DismissableLayer/DismissableLayer.js.map +1 -1
- package/dist/Drawer/DrawerClose.cjs +48 -0
- package/dist/Drawer/DrawerClose.cjs.map +1 -0
- package/dist/Drawer/DrawerClose.js +42 -0
- package/dist/Drawer/DrawerClose.js.map +1 -0
- package/dist/Drawer/DrawerContent.cjs +139 -0
- package/dist/Drawer/DrawerContent.cjs.map +1 -0
- package/dist/Drawer/DrawerContent.js +133 -0
- package/dist/Drawer/DrawerContent.js.map +1 -0
- package/dist/Drawer/DrawerContentImpl.cjs +298 -0
- package/dist/Drawer/DrawerContentImpl.cjs.map +1 -0
- package/dist/Drawer/DrawerContentImpl.js +292 -0
- package/dist/Drawer/DrawerContentImpl.js.map +1 -0
- package/dist/Drawer/DrawerDescription.cjs +45 -0
- package/dist/Drawer/DrawerDescription.cjs.map +1 -0
- package/dist/Drawer/DrawerDescription.js +39 -0
- package/dist/Drawer/DrawerDescription.js.map +1 -0
- package/dist/Drawer/DrawerHandle.cjs +48 -0
- package/dist/Drawer/DrawerHandle.cjs.map +1 -0
- package/dist/Drawer/DrawerHandle.js +42 -0
- package/dist/Drawer/DrawerHandle.js.map +1 -0
- package/dist/Drawer/DrawerIndent.cjs +78 -0
- package/dist/Drawer/DrawerIndent.cjs.map +1 -0
- package/dist/Drawer/DrawerIndent.js +72 -0
- package/dist/Drawer/DrawerIndent.js.map +1 -0
- package/dist/Drawer/DrawerIndentBackground.cjs +49 -0
- package/dist/Drawer/DrawerIndentBackground.cjs.map +1 -0
- package/dist/Drawer/DrawerIndentBackground.js +43 -0
- package/dist/Drawer/DrawerIndentBackground.js.map +1 -0
- package/dist/Drawer/DrawerOverlay.cjs +66 -0
- package/dist/Drawer/DrawerOverlay.cjs.map +1 -0
- package/dist/Drawer/DrawerOverlay.js +60 -0
- package/dist/Drawer/DrawerOverlay.js.map +1 -0
- package/dist/Drawer/DrawerOverlayImpl.cjs +69 -0
- package/dist/Drawer/DrawerOverlayImpl.cjs.map +1 -0
- package/dist/Drawer/DrawerOverlayImpl.js +63 -0
- package/dist/Drawer/DrawerOverlayImpl.js.map +1 -0
- package/dist/Drawer/DrawerPortal.cjs +47 -0
- package/dist/Drawer/DrawerPortal.cjs.map +1 -0
- package/dist/Drawer/DrawerPortal.js +41 -0
- package/dist/Drawer/DrawerPortal.js.map +1 -0
- package/dist/Drawer/DrawerProvider.cjs +80 -0
- package/dist/Drawer/DrawerProvider.cjs.map +1 -0
- package/dist/Drawer/DrawerProvider.js +68 -0
- package/dist/Drawer/DrawerProvider.js.map +1 -0
- package/dist/Drawer/DrawerRoot.cjs +197 -0
- package/dist/Drawer/DrawerRoot.cjs.map +1 -0
- package/dist/Drawer/DrawerRoot.js +185 -0
- package/dist/Drawer/DrawerRoot.js.map +1 -0
- package/dist/Drawer/DrawerSwipeArea.cjs +87 -0
- package/dist/Drawer/DrawerSwipeArea.cjs.map +1 -0
- package/dist/Drawer/DrawerSwipeArea.js +81 -0
- package/dist/Drawer/DrawerSwipeArea.js.map +1 -0
- package/dist/Drawer/DrawerTitle.cjs +45 -0
- package/dist/Drawer/DrawerTitle.cjs.map +1 -0
- package/dist/Drawer/DrawerTitle.js +39 -0
- package/dist/Drawer/DrawerTitle.js.map +1 -0
- package/dist/Drawer/DrawerTrigger.cjs +64 -0
- package/dist/Drawer/DrawerTrigger.cjs.map +1 -0
- package/dist/Drawer/DrawerTrigger.js +58 -0
- package/dist/Drawer/DrawerTrigger.js.map +1 -0
- package/dist/Drawer/DrawerViewport.cjs +49 -0
- package/dist/Drawer/DrawerViewport.cjs.map +1 -0
- package/dist/Drawer/DrawerViewport.js +43 -0
- package/dist/Drawer/DrawerViewport.js.map +1 -0
- package/dist/Drawer/utils.cjs +185 -0
- package/dist/Drawer/utils.cjs.map +1 -0
- package/dist/Drawer/utils.js +149 -0
- package/dist/Drawer/utils.js.map +1 -0
- package/dist/DropdownMenu/DropdownMenuContent.cjs +4 -0
- package/dist/DropdownMenu/DropdownMenuContent.cjs.map +1 -1
- package/dist/DropdownMenu/DropdownMenuContent.js +4 -0
- package/dist/DropdownMenu/DropdownMenuContent.js.map +1 -1
- package/dist/DropdownMenu/DropdownMenuSubContent.cjs +4 -0
- package/dist/DropdownMenu/DropdownMenuSubContent.cjs.map +1 -1
- package/dist/DropdownMenu/DropdownMenuSubContent.js +4 -0
- package/dist/DropdownMenu/DropdownMenuSubContent.js.map +1 -1
- package/dist/FocusScope/FocusScope.cjs +31 -11
- package/dist/FocusScope/FocusScope.cjs.map +1 -1
- package/dist/FocusScope/FocusScope.js +32 -12
- package/dist/FocusScope/FocusScope.js.map +1 -1
- package/dist/HoverCard/HoverCardContent.cjs +8 -0
- package/dist/HoverCard/HoverCardContent.cjs.map +1 -1
- package/dist/HoverCard/HoverCardContent.js +8 -0
- package/dist/HoverCard/HoverCardContent.js.map +1 -1
- package/dist/HoverCard/HoverCardContentImpl.cjs +8 -0
- package/dist/HoverCard/HoverCardContentImpl.cjs.map +1 -1
- package/dist/HoverCard/HoverCardContentImpl.js +8 -0
- package/dist/HoverCard/HoverCardContentImpl.js.map +1 -1
- package/dist/HoverCard/HoverCardRoot.cjs +9 -2
- package/dist/HoverCard/HoverCardRoot.cjs.map +1 -1
- package/dist/HoverCard/HoverCardRoot.js +9 -2
- package/dist/HoverCard/HoverCardRoot.js.map +1 -1
- package/dist/HoverCard/HoverCardTrigger.cjs +6 -0
- package/dist/HoverCard/HoverCardTrigger.cjs.map +1 -1
- package/dist/HoverCard/HoverCardTrigger.js +6 -0
- package/dist/HoverCard/HoverCardTrigger.js.map +1 -1
- package/dist/Listbox/ListboxRoot.cjs +4 -1
- package/dist/Listbox/ListboxRoot.cjs.map +1 -1
- package/dist/Listbox/ListboxRoot.js +4 -1
- package/dist/Listbox/ListboxRoot.js.map +1 -1
- package/dist/Listbox/ListboxVirtualizer.cjs +7 -3
- package/dist/Listbox/ListboxVirtualizer.cjs.map +1 -1
- package/dist/Listbox/ListboxVirtualizer.js +7 -3
- package/dist/Listbox/ListboxVirtualizer.js.map +1 -1
- package/dist/Menu/MenuContent.cjs +4 -0
- package/dist/Menu/MenuContent.cjs.map +1 -1
- package/dist/Menu/MenuContent.js +4 -0
- package/dist/Menu/MenuContent.js.map +1 -1
- package/dist/Menu/MenuContentImpl.cjs +4 -0
- package/dist/Menu/MenuContentImpl.cjs.map +1 -1
- package/dist/Menu/MenuContentImpl.js +4 -0
- package/dist/Menu/MenuContentImpl.js.map +1 -1
- package/dist/Menu/MenuRootContentModal.cjs +4 -0
- package/dist/Menu/MenuRootContentModal.cjs.map +1 -1
- package/dist/Menu/MenuRootContentModal.js +4 -0
- package/dist/Menu/MenuRootContentModal.js.map +1 -1
- package/dist/Menu/MenuRootContentNonModal.cjs +4 -0
- package/dist/Menu/MenuRootContentNonModal.cjs.map +1 -1
- package/dist/Menu/MenuRootContentNonModal.js +4 -0
- package/dist/Menu/MenuRootContentNonModal.js.map +1 -1
- package/dist/Menu/MenuSubContent.cjs +4 -0
- package/dist/Menu/MenuSubContent.cjs.map +1 -1
- package/dist/Menu/MenuSubContent.js +4 -0
- package/dist/Menu/MenuSubContent.js.map +1 -1
- package/dist/Menubar/MenubarContent.cjs +4 -0
- package/dist/Menubar/MenubarContent.cjs.map +1 -1
- package/dist/Menubar/MenubarContent.js +4 -0
- package/dist/Menubar/MenubarContent.js.map +1 -1
- package/dist/Menubar/MenubarSubContent.cjs +4 -0
- package/dist/Menubar/MenubarSubContent.cjs.map +1 -1
- package/dist/Menubar/MenubarSubContent.js +4 -0
- package/dist/Menubar/MenubarSubContent.js.map +1 -1
- package/dist/Popover/PopoverContent.cjs +8 -0
- package/dist/Popover/PopoverContent.cjs.map +1 -1
- package/dist/Popover/PopoverContent.js +8 -0
- package/dist/Popover/PopoverContent.js.map +1 -1
- package/dist/Popover/PopoverContentImpl.cjs +8 -0
- package/dist/Popover/PopoverContentImpl.cjs.map +1 -1
- package/dist/Popover/PopoverContentImpl.js +8 -0
- package/dist/Popover/PopoverContentImpl.js.map +1 -1
- package/dist/Popover/PopoverContentModal.cjs +8 -0
- package/dist/Popover/PopoverContentModal.cjs.map +1 -1
- package/dist/Popover/PopoverContentModal.js +8 -0
- package/dist/Popover/PopoverContentModal.js.map +1 -1
- package/dist/Popover/PopoverContentNonModal.cjs +8 -0
- package/dist/Popover/PopoverContentNonModal.cjs.map +1 -1
- package/dist/Popover/PopoverContentNonModal.js +8 -0
- package/dist/Popover/PopoverContentNonModal.js.map +1 -1
- package/dist/Popper/PopperContent.cjs +49 -6
- package/dist/Popper/PopperContent.cjs.map +1 -1
- package/dist/Popper/PopperContent.js +50 -7
- package/dist/Popper/PopperContent.js.map +1 -1
- package/dist/Popper/utils.cjs +10 -5
- package/dist/Popper/utils.cjs.map +1 -1
- package/dist/Popper/utils.js +10 -5
- package/dist/Popper/utils.js.map +1 -1
- package/dist/RadioGroup/Radio.cjs +27 -22
- package/dist/RadioGroup/Radio.cjs.map +1 -1
- package/dist/RadioGroup/Radio.js +28 -23
- package/dist/RadioGroup/Radio.js.map +1 -1
- package/dist/Rating/RatingItem.cjs +66 -0
- package/dist/Rating/RatingItem.cjs.map +1 -0
- package/dist/Rating/RatingItem.js +54 -0
- package/dist/Rating/RatingItem.js.map +1 -0
- package/dist/Rating/RatingItemIndicator.cjs +89 -0
- package/dist/Rating/RatingItemIndicator.cjs.map +1 -0
- package/dist/Rating/RatingItemIndicator.js +83 -0
- package/dist/Rating/RatingItemIndicator.js.map +1 -0
- package/dist/Rating/RatingRoot.cjs +136 -0
- package/dist/Rating/RatingRoot.cjs.map +1 -0
- package/dist/Rating/RatingRoot.js +124 -0
- package/dist/Rating/RatingRoot.js.map +1 -0
- package/dist/RovingFocus/RovingFocusItem.cjs +5 -0
- package/dist/RovingFocus/RovingFocusItem.cjs.map +1 -1
- package/dist/RovingFocus/RovingFocusItem.js +6 -1
- package/dist/RovingFocus/RovingFocusItem.js.map +1 -1
- package/dist/Select/SelectContent.cjs +8 -0
- package/dist/Select/SelectContent.cjs.map +1 -1
- package/dist/Select/SelectContent.js +8 -0
- package/dist/Select/SelectContent.js.map +1 -1
- package/dist/Select/SelectContentImpl.cjs +8 -0
- package/dist/Select/SelectContentImpl.cjs.map +1 -1
- package/dist/Select/SelectContentImpl.js +8 -0
- package/dist/Select/SelectContentImpl.js.map +1 -1
- package/dist/Select/SelectPopperPosition.cjs +8 -0
- package/dist/Select/SelectPopperPosition.cjs.map +1 -1
- package/dist/Select/SelectPopperPosition.js +8 -0
- package/dist/Select/SelectPopperPosition.js.map +1 -1
- package/dist/Select/SelectRoot.cjs +10 -5
- package/dist/Select/SelectRoot.cjs.map +1 -1
- package/dist/Select/SelectRoot.js +10 -5
- package/dist/Select/SelectRoot.js.map +1 -1
- package/dist/Select/SelectTrigger.cjs +25 -14
- package/dist/Select/SelectTrigger.cjs.map +1 -1
- package/dist/Select/SelectTrigger.js +25 -14
- package/dist/Select/SelectTrigger.js.map +1 -1
- package/dist/Switch/SwitchRoot.cjs +25 -18
- package/dist/Switch/SwitchRoot.cjs.map +1 -1
- package/dist/Switch/SwitchRoot.js +26 -19
- package/dist/Switch/SwitchRoot.js.map +1 -1
- package/dist/Tabs/TabsIndicator.cjs +4 -0
- package/dist/Tabs/TabsIndicator.cjs.map +1 -1
- package/dist/Tabs/TabsIndicator.js +4 -0
- package/dist/Tabs/TabsIndicator.js.map +1 -1
- package/dist/Teleport/Teleport.cjs +6 -3
- package/dist/Teleport/Teleport.cjs.map +1 -1
- package/dist/Teleport/Teleport.js +7 -4
- package/dist/Teleport/Teleport.js.map +1 -1
- package/dist/Toggle/Toggle.cjs +21 -16
- package/dist/Toggle/Toggle.cjs.map +1 -1
- package/dist/Toggle/Toggle.js +22 -17
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/Toolbar/ToolbarToggleItem.cjs +5 -2
- package/dist/Toolbar/ToolbarToggleItem.cjs.map +1 -1
- package/dist/Toolbar/ToolbarToggleItem.js +5 -2
- package/dist/Toolbar/ToolbarToggleItem.js.map +1 -1
- package/dist/Tree/TreeItem.cjs +18 -2
- package/dist/Tree/TreeItem.cjs.map +1 -1
- package/dist/Tree/TreeItem.js +18 -2
- package/dist/Tree/TreeItem.js.map +1 -1
- package/dist/Tree/TreeVirtualizer.cjs +2 -1
- package/dist/Tree/TreeVirtualizer.cjs.map +1 -1
- package/dist/Tree/TreeVirtualizer.js +2 -1
- package/dist/Tree/TreeVirtualizer.js.map +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.cjs +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.cjs.map +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.js +1 -1
- package/dist/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/composables/useDrawerSnapPoints.cjs +130 -0
- package/dist/composables/useDrawerSnapPoints.cjs.map +1 -0
- package/dist/composables/useDrawerSnapPoints.js +124 -0
- package/dist/composables/useDrawerSnapPoints.js.map +1 -0
- package/dist/composables/useSwipeDismiss.cjs +397 -0
- package/dist/composables/useSwipeDismiss.cjs.map +1 -0
- package/dist/composables/useSwipeDismiss.js +391 -0
- package/dist/composables/useSwipeDismiss.js.map +1 -0
- package/dist/constant/components.cjs +20 -0
- package/dist/constant/components.cjs.map +1 -1
- package/dist/constant/components.js +20 -0
- package/dist/constant/components.js.map +1 -1
- package/dist/constant.d.cts +2 -0
- package/dist/constant.d.cts.map +1 -1
- package/dist/constant.d.ts +2 -0
- package/dist/constant.d.ts.map +1 -1
- package/dist/date/utils.cjs +1 -1
- package/dist/date/utils.cjs.map +1 -1
- package/dist/date/utils.js +1 -1
- package/dist/date/utils.js.map +1 -1
- package/dist/index.cjs +45 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +24 -2
- package/dist/index2.d.cts.map +1 -1
- package/dist/index3.d.cts +68 -29
- package/dist/index3.d.cts.map +1 -1
- package/dist/index3.d.ts +68 -29
- package/dist/index3.d.ts.map +1 -1
- package/dist/index4.d.cts +1648 -1190
- package/dist/index4.d.cts.map +1 -1
- package/dist/index4.d.ts +1660 -1202
- package/dist/index4.d.ts.map +1 -1
- package/dist/internal.cjs +1 -1
- package/dist/internal.d.cts +3 -3
- package/dist/internal.d.ts +3 -3
- package/dist/internal.js +1 -1
- package/dist/namespaced/index.cjs +22 -0
- package/dist/namespaced/index.d.cts +22 -2
- package/dist/namespaced/index.d.mts +22 -2
- package/dist/namespaced/index.mjs +22 -2
- package/dist/nuxt/index.d.cts +2 -1
- package/dist/nuxt/index.d.mts +2 -1
- package/dist/resolver/index.d.cts +2 -1
- package/dist/resolver/index.d.mts +2 -1
- package/dist/shared/useEmitAsProps.cjs +5 -0
- package/dist/shared/useEmitAsProps.cjs.map +1 -1
- package/dist/shared/useEmitAsProps.js +5 -0
- package/dist/shared/useEmitAsProps.js.map +1 -1
- package/dist/shared/useForwardPropsEmits.cjs +0 -12
- package/dist/shared/useForwardPropsEmits.cjs.map +1 -1
- package/dist/shared/useForwardPropsEmits.js +0 -12
- package/dist/shared/useForwardPropsEmits.js.map +1 -1
- package/dist/shared/useForwardScopeId.cjs +34 -0
- package/dist/shared/useForwardScopeId.cjs.map +1 -0
- package/dist/shared/useForwardScopeId.js +28 -0
- package/dist/shared/useForwardScopeId.js.map +1 -0
- package/dist/shared/useId.cjs +7 -8
- package/dist/shared/useId.cjs.map +1 -1
- package/dist/shared/useId.js +7 -8
- package/dist/shared/useId.js.map +1 -1
- package/dist/shared/useSize.cjs +6 -2
- package/dist/shared/useSize.cjs.map +1 -1
- package/dist/shared/useSize.js +7 -3
- package/dist/shared/useSize.js.map +1 -1
- package/dist/shared.cjs +2 -2
- package/dist/shared.d.cts +2 -2
- package/dist/shared.d.ts +2 -2
- package/dist/shared.js +2 -2
- package/dist/utils/style.cjs +1 -1
- package/dist/utils/style.cjs.map +1 -1
- package/dist/utils/style.js +1 -1
- package/dist/utils/style.js.map +1 -1
- package/package.json +7 -5
- package/src/AlertDialog/AlertDialogContent.vue +6 -1
- package/src/Checkbox/CheckboxRoot.vue +28 -16
- package/src/Collection/Collection.ts +2 -1
- package/src/Combobox/ComboboxContentImpl.vue +20 -4
- package/src/Combobox/ComboboxItem.vue +1 -0
- package/src/ConfigProvider/ConfigProvider.vue +11 -1
- package/src/DateField/DateFieldInput.vue +6 -1
- package/src/DateField/DateFieldRoot.vue +6 -1
- package/src/Dialog/DialogContent.vue +16 -2
- package/src/Dialog/DialogContentImpl.vue +9 -2
- package/src/Dialog/DialogContentModal.vue +23 -4
- package/src/Dialog/DialogContentNonModal.vue +21 -3
- package/src/Dialog/DialogOverlay.vue +4 -0
- package/src/Dialog/DialogOverlayImpl.vue +7 -2
- package/src/Dialog/DialogRoot.vue +10 -1
- package/src/DismissableLayer/DismissableLayer.vue +75 -23
- package/src/Drawer/DrawerClose.vue +25 -0
- package/src/Drawer/DrawerContent.vue +98 -0
- package/src/Drawer/DrawerContentImpl.vue +386 -0
- package/src/Drawer/DrawerDescription.vue +24 -0
- package/src/Drawer/DrawerHandle.vue +25 -0
- package/src/Drawer/DrawerIndent.vue +61 -0
- package/src/Drawer/DrawerIndentBackground.vue +26 -0
- package/src/Drawer/DrawerOverlay.vue +42 -0
- package/src/Drawer/DrawerOverlayImpl.vue +54 -0
- package/src/Drawer/DrawerPortal.vue +17 -0
- package/src/Drawer/DrawerProvider.vue +87 -0
- package/src/Drawer/DrawerRoot.vue +244 -0
- package/src/Drawer/DrawerSwipeArea.vue +73 -0
- package/src/Drawer/DrawerTitle.vue +24 -0
- package/src/Drawer/DrawerTrigger.vue +44 -0
- package/src/Drawer/DrawerViewport.vue +34 -0
- package/src/Drawer/composables/useDrawerSnapPoints.ts +200 -0
- package/src/Drawer/composables/useSwipeDismiss.ts +557 -0
- package/src/Drawer/index.ts +74 -0
- package/src/Drawer/utils.ts +205 -0
- package/src/FocusScope/FocusScope.vue +76 -19
- package/src/HoverCard/HoverCardRoot.vue +7 -1
- package/src/HoverCard/HoverCardTrigger.vue +11 -0
- package/src/Listbox/ListboxRoot.vue +7 -4
- package/src/Listbox/ListboxVirtualizer.vue +19 -3
- package/src/Popper/PopperContent.vue +45 -4
- package/src/Popper/utils.ts +17 -7
- package/src/RadioGroup/Radio.vue +22 -14
- package/src/Rating/RatingItem.vue +1 -0
- package/src/Rating/RatingItemIndicator.vue +3 -2
- package/src/Rating/RatingRoot.vue +6 -3
- package/src/Rating/index.ts +3 -3
- package/src/RovingFocus/RovingFocusItem.vue +12 -1
- package/src/Select/SelectRoot.vue +4 -1
- package/src/Select/SelectTrigger.vue +49 -33
- package/src/Splitter/utils/style.ts +1 -1
- package/src/Switch/SwitchRoot.vue +20 -12
- package/src/Tabs/TabsIndicator.vue +5 -0
- package/src/Teleport/Teleport.vue +8 -4
- package/src/Toggle/Toggle.vue +18 -9
- package/src/Toolbar/ToolbarToggleItem.vue +4 -1
- package/src/Tree/TreeItem.vue +18 -0
- package/src/Tree/TreeRoot.vue +2 -2
- package/src/Tree/TreeVirtualizer.vue +3 -1
- package/src/VisuallyHidden/VisuallyHidden.vue +1 -1
- package/src/index.ts +2 -0
- package/src/shared/date/utils.ts +1 -1
- package/src/shared/index.ts +2 -2
- package/src/shared/useEmitAsProps.test-d.ts +77 -0
- package/src/shared/useEmitAsProps.ts +83 -4
- package/src/shared/useForwardProps.ts +1 -1
- package/src/shared/useForwardPropsEmits.ts +17 -2
- package/src/shared/useForwardScopeId.ts +26 -0
- package/src/shared/useId.ts +14 -6
- package/src/shared/useSize.ts +9 -4
- package/dist/shared/trap-focus.cjs +0 -35
- package/dist/shared/trap-focus.cjs.map +0 -1
- package/dist/shared/trap-focus.js +0 -30
- package/dist/shared/trap-focus.js.map +0 -1
- package/src/shared/trap-focus.ts +0 -43
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
|
|
3
|
+
const require_DismissableLayer_DismissableLayer = require('../DismissableLayer/DismissableLayer.cjs');
|
|
4
|
+
const require_FocusScope_FocusScope = require('../FocusScope/FocusScope.cjs');
|
|
5
|
+
const require_Drawer_utils = require('./utils.cjs');
|
|
6
|
+
const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
|
|
7
|
+
const require_composables_useDrawerSnapPoints = require('../composables/useDrawerSnapPoints.cjs');
|
|
8
|
+
const require_composables_useSwipeDismiss = require('../composables/useSwipeDismiss.cjs');
|
|
9
|
+
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
10
|
+
const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
|
|
11
|
+
|
|
12
|
+
//#region src/Drawer/DrawerContentImpl.vue?vue&type=script&setup=true&lang.ts
|
|
13
|
+
var DrawerContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
14
|
+
__name: "DrawerContentImpl",
|
|
15
|
+
props: {
|
|
16
|
+
trapFocus: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
required: false
|
|
19
|
+
},
|
|
20
|
+
initialFocus: {
|
|
21
|
+
type: [Boolean, null],
|
|
22
|
+
required: false,
|
|
23
|
+
skipCheck: true
|
|
24
|
+
},
|
|
25
|
+
finalFocus: {
|
|
26
|
+
type: [Boolean, null],
|
|
27
|
+
required: false,
|
|
28
|
+
skipCheck: true
|
|
29
|
+
},
|
|
30
|
+
disableOutsidePointerEvents: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
required: false
|
|
33
|
+
},
|
|
34
|
+
asChild: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
required: false
|
|
37
|
+
},
|
|
38
|
+
as: {
|
|
39
|
+
type: null,
|
|
40
|
+
required: false
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
emits: [
|
|
44
|
+
"escapeKeyDown",
|
|
45
|
+
"pointerDownOutside",
|
|
46
|
+
"focusOutside",
|
|
47
|
+
"interactOutside",
|
|
48
|
+
"openAutoFocus",
|
|
49
|
+
"closeAutoFocus"
|
|
50
|
+
],
|
|
51
|
+
setup(__props, { emit: __emit }) {
|
|
52
|
+
const props = __props;
|
|
53
|
+
const emits = __emit;
|
|
54
|
+
const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
|
|
55
|
+
const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
|
|
56
|
+
require_Drawer_utils.registerDrawerCssProperties();
|
|
57
|
+
const { activeSnapPointOffset, snapToNearest } = require_composables_useDrawerSnapPoints.useDrawerSnapPoints({
|
|
58
|
+
snapPoints: rootContext.snapPoints,
|
|
59
|
+
activeSnapPoint: rootContext.activeSnapPoint,
|
|
60
|
+
popupHeight: rootContext.popupHeight,
|
|
61
|
+
viewportRef: currentElement,
|
|
62
|
+
onSnapPointChange: (point) => {
|
|
63
|
+
if (point === null) rootContext.onOpenChange(false);
|
|
64
|
+
else rootContext.setActiveSnapPoint(point);
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
function writeSnapPointOffset() {
|
|
68
|
+
const el = currentElement.value;
|
|
69
|
+
if (!el) return;
|
|
70
|
+
const offset = activeSnapPointOffset.value;
|
|
71
|
+
if (offset != null) {
|
|
72
|
+
const dir = rootContext.swipeDirection.value;
|
|
73
|
+
const signedOffset = dir === "up" || dir === "left" ? -offset : offset;
|
|
74
|
+
el.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.snapPointOffset, `${signedOffset}px`);
|
|
75
|
+
} else el.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.snapPointOffset, "0px");
|
|
76
|
+
}
|
|
77
|
+
(0, vue.watch)(activeSnapPointOffset, writeSnapPointOffset);
|
|
78
|
+
(0, __vueuse_core.useResizeObserver)(currentElement, ([entry]) => {
|
|
79
|
+
if (!entry) return;
|
|
80
|
+
if (rootContext.hasNestedDrawer.value && rootContext.popupHeight.value > 0) return;
|
|
81
|
+
const h = entry.contentRect.height;
|
|
82
|
+
rootContext.onPopupHeightChange(h);
|
|
83
|
+
currentElement.value?.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.height, `${h}px`);
|
|
84
|
+
});
|
|
85
|
+
(0, vue.watch)(() => rootContext.frontmostHeight.value, (h) => {
|
|
86
|
+
currentElement.value?.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.frontmostHeight, `${h}px`);
|
|
87
|
+
});
|
|
88
|
+
const hasSnapPoints = (0, vue.computed)(() => (rootContext.snapPoints.value?.length ?? 0) > 0);
|
|
89
|
+
const swipeDirections = (0, vue.computed)(() => {
|
|
90
|
+
const dismiss = rootContext.swipeDirection.value;
|
|
91
|
+
if (!hasSnapPoints.value) return [dismiss];
|
|
92
|
+
const opposite = {
|
|
93
|
+
up: "down",
|
|
94
|
+
down: "up",
|
|
95
|
+
left: "right",
|
|
96
|
+
right: "left"
|
|
97
|
+
};
|
|
98
|
+
return [dismiss, opposite[dismiss]];
|
|
99
|
+
});
|
|
100
|
+
let lastRawDelta = {
|
|
101
|
+
x: 0,
|
|
102
|
+
y: 0
|
|
103
|
+
};
|
|
104
|
+
const { isSwiping, dragOffset } = require_composables_useSwipeDismiss.useSwipeDismiss({
|
|
105
|
+
enabled: (0, vue.computed)(() => rootContext.open.value),
|
|
106
|
+
elementRef: currentElement,
|
|
107
|
+
directions: swipeDirections,
|
|
108
|
+
movementCssVars: {
|
|
109
|
+
x: require_Drawer_utils.DRAWER_CSS_VARS.swipeMovementX,
|
|
110
|
+
y: require_Drawer_utils.DRAWER_CSS_VARS.swipeMovementY
|
|
111
|
+
},
|
|
112
|
+
canStart: () => !rootContext.nestedSwiping.value,
|
|
113
|
+
onDismiss() {
|
|
114
|
+
if (!hasSnapPoints.value) rootContext.onOpenChange(false, "swipe");
|
|
115
|
+
},
|
|
116
|
+
onRelease(velocity) {
|
|
117
|
+
const el = currentElement.value;
|
|
118
|
+
if (el) {
|
|
119
|
+
const dir = rootContext.swipeDirection.value;
|
|
120
|
+
const size = dir === "left" || dir === "right" ? el.offsetWidth : el.offsetHeight;
|
|
121
|
+
const axisDelta = dir === "left" || dir === "right" ? lastRawDelta.x : lastRawDelta.y;
|
|
122
|
+
const releaseVelocity = dir === "left" || dir === "right" ? velocity.x : velocity.y;
|
|
123
|
+
const scalar = require_Drawer_utils.computeSwipeReleaseScalar({
|
|
124
|
+
direction: dir,
|
|
125
|
+
size,
|
|
126
|
+
axisDelta,
|
|
127
|
+
snapPointOffset: activeSnapPointOffset.value ?? 0,
|
|
128
|
+
releaseVelocity
|
|
129
|
+
});
|
|
130
|
+
if (scalar != null) el.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.swipeStrength, `${scalar}`);
|
|
131
|
+
else el.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.swipeStrength, "1");
|
|
132
|
+
}
|
|
133
|
+
if (hasSnapPoints.value) {
|
|
134
|
+
const dir = rootContext.swipeDirection.value;
|
|
135
|
+
const dragDelta = require_Drawer_utils.getDisplacement(dir, lastRawDelta.x, lastRawDelta.y);
|
|
136
|
+
snapToNearest(dragDelta, velocity, dir, rootContext.snapToSequentialPoints.value);
|
|
137
|
+
if (el) {
|
|
138
|
+
writeSnapPointOffset();
|
|
139
|
+
el.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.swipeMovementX, "0px");
|
|
140
|
+
el.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.swipeMovementY, "0px");
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
return hasSnapPoints.value;
|
|
144
|
+
},
|
|
145
|
+
onSwipingChange(swiping) {
|
|
146
|
+
rootContext.onSwipingChange(swiping);
|
|
147
|
+
rootContext.onNestedSwipingChange(swiping);
|
|
148
|
+
},
|
|
149
|
+
onProgress(progress, details) {
|
|
150
|
+
if (details) lastRawDelta = {
|
|
151
|
+
x: details.deltaX,
|
|
152
|
+
y: details.deltaY
|
|
153
|
+
};
|
|
154
|
+
rootContext.onNestedSwipeProgressChange(progress);
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
let pendingDismissReason;
|
|
158
|
+
function onDismiss() {
|
|
159
|
+
if (isSwiping.value) return;
|
|
160
|
+
rootContext.onOpenChange(false, pendingDismissReason ?? "outside-press");
|
|
161
|
+
pendingDismissReason = void 0;
|
|
162
|
+
}
|
|
163
|
+
function onEscapeKeyDown(event) {
|
|
164
|
+
pendingDismissReason = "escape-key";
|
|
165
|
+
emits("escapeKeyDown", event);
|
|
166
|
+
}
|
|
167
|
+
function onPointerDownOutside(event) {
|
|
168
|
+
if (isSwiping.value) {
|
|
169
|
+
event.preventDefault();
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
pendingDismissReason = "outside-press";
|
|
173
|
+
emits("pointerDownOutside", event);
|
|
174
|
+
}
|
|
175
|
+
function onFocusOutside(event) {
|
|
176
|
+
if (isSwiping.value) {
|
|
177
|
+
event.preventDefault();
|
|
178
|
+
return;
|
|
179
|
+
}
|
|
180
|
+
emits("focusOutside", event);
|
|
181
|
+
}
|
|
182
|
+
function onInteractOutside(event) {
|
|
183
|
+
if (isSwiping.value) {
|
|
184
|
+
event.preventDefault();
|
|
185
|
+
return;
|
|
186
|
+
}
|
|
187
|
+
emits("interactOutside", event);
|
|
188
|
+
}
|
|
189
|
+
let openCompleteCleanup;
|
|
190
|
+
function clearOpenCompleteListener() {
|
|
191
|
+
openCompleteCleanup?.();
|
|
192
|
+
openCompleteCleanup = void 0;
|
|
193
|
+
}
|
|
194
|
+
(0, vue.watch)(() => rootContext.open.value, (isOpen) => {
|
|
195
|
+
clearOpenCompleteListener();
|
|
196
|
+
const el = currentElement.value;
|
|
197
|
+
if (!el) {
|
|
198
|
+
rootContext.notifyOpenComplete(isOpen);
|
|
199
|
+
return;
|
|
200
|
+
}
|
|
201
|
+
const handler = (event) => {
|
|
202
|
+
if (event.target !== el) return;
|
|
203
|
+
clearOpenCompleteListener();
|
|
204
|
+
rootContext.notifyOpenComplete(isOpen);
|
|
205
|
+
};
|
|
206
|
+
el.addEventListener("transitionend", handler);
|
|
207
|
+
el.addEventListener("animationend", handler);
|
|
208
|
+
openCompleteCleanup = () => {
|
|
209
|
+
el.removeEventListener("transitionend", handler);
|
|
210
|
+
el.removeEventListener("animationend", handler);
|
|
211
|
+
};
|
|
212
|
+
});
|
|
213
|
+
const dataAttributes = (0, vue.computed)(() => {
|
|
214
|
+
const attrs = {
|
|
215
|
+
"data-state": rootContext.open.value ? "open" : "closed",
|
|
216
|
+
"data-swipe-direction": rootContext.swipeDirection.value
|
|
217
|
+
};
|
|
218
|
+
if (isSwiping.value) attrs["data-swiping"] = "";
|
|
219
|
+
if (rootContext.hasNestedDrawer.value) attrs["data-nested-drawer-open"] = "";
|
|
220
|
+
return attrs;
|
|
221
|
+
});
|
|
222
|
+
(0, vue.watch)(() => rootContext.nestedOpenDrawerCount.value, (n) => {
|
|
223
|
+
currentElement.value?.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.nestedDrawers, `${n}`);
|
|
224
|
+
});
|
|
225
|
+
let unsubscribeNestedProgress;
|
|
226
|
+
(0, vue.onMounted)(() => {
|
|
227
|
+
rootContext.contentElement.value = currentElement.value;
|
|
228
|
+
rootContext.notifyParentHasNestedDrawer?.(true);
|
|
229
|
+
currentElement.value?.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.nestedDrawers, `${rootContext.nestedOpenDrawerCount.value}`);
|
|
230
|
+
writeSnapPointOffset();
|
|
231
|
+
unsubscribeNestedProgress = rootContext.nestedSwipeProgressStore.subscribe(() => {
|
|
232
|
+
const progress = rootContext.nestedSwipeProgressStore.getSnapshot();
|
|
233
|
+
currentElement.value?.style.setProperty(require_Drawer_utils.DRAWER_CSS_VARS.swipeProgress, `${progress}`);
|
|
234
|
+
});
|
|
235
|
+
});
|
|
236
|
+
(0, vue.onUnmounted)(() => {
|
|
237
|
+
rootContext.notifyParentHasNestedDrawer?.(false);
|
|
238
|
+
unsubscribeNestedProgress?.();
|
|
239
|
+
clearOpenCompleteListener();
|
|
240
|
+
});
|
|
241
|
+
if (process.env.NODE_ENV !== "production") (0, vue.onMounted)(() => {
|
|
242
|
+
if (!document.getElementById(rootContext.titleId)) console.warn(`Warning: \`DrawerContent\` requires a \`DrawerTitle\` for accessibility.`);
|
|
243
|
+
});
|
|
244
|
+
return (_ctx, _cache) => {
|
|
245
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_FocusScope_FocusScope.FocusScope_default), {
|
|
246
|
+
"as-child": "",
|
|
247
|
+
loop: "",
|
|
248
|
+
trapped: props.trapFocus,
|
|
249
|
+
onMountAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("openAutoFocus", $event)),
|
|
250
|
+
onUnmountAutoFocus: _cache[1] || (_cache[1] = ($event) => emits("closeAutoFocus", $event))
|
|
251
|
+
}, {
|
|
252
|
+
default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DismissableLayer_DismissableLayer.DismissableLayer_default), (0, vue.mergeProps)({
|
|
253
|
+
id: (0, vue.unref)(rootContext).contentId,
|
|
254
|
+
ref: (0, vue.unref)(forwardRef),
|
|
255
|
+
as: _ctx.as,
|
|
256
|
+
"as-child": _ctx.asChild,
|
|
257
|
+
"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
|
|
258
|
+
role: "dialog",
|
|
259
|
+
"aria-describedby": (0, vue.unref)(rootContext).descriptionId,
|
|
260
|
+
"aria-labelledby": (0, vue.unref)(rootContext).titleId
|
|
261
|
+
}, {
|
|
262
|
+
...dataAttributes.value,
|
|
263
|
+
..._ctx.$attrs
|
|
264
|
+
}, {
|
|
265
|
+
onDismiss,
|
|
266
|
+
onEscapeKeyDown,
|
|
267
|
+
onFocusOutside,
|
|
268
|
+
onInteractOutside,
|
|
269
|
+
onPointerDownOutside
|
|
270
|
+
}), {
|
|
271
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
272
|
+
_: 3
|
|
273
|
+
}, 16, [
|
|
274
|
+
"id",
|
|
275
|
+
"as",
|
|
276
|
+
"as-child",
|
|
277
|
+
"disable-outside-pointer-events",
|
|
278
|
+
"aria-describedby",
|
|
279
|
+
"aria-labelledby"
|
|
280
|
+
])]),
|
|
281
|
+
_: 3
|
|
282
|
+
}, 8, ["trapped"]);
|
|
283
|
+
};
|
|
284
|
+
}
|
|
285
|
+
});
|
|
286
|
+
|
|
287
|
+
//#endregion
|
|
288
|
+
//#region src/Drawer/DrawerContentImpl.vue
|
|
289
|
+
var DrawerContentImpl_default = DrawerContentImpl_vue_vue_type_script_setup_true_lang_default;
|
|
290
|
+
|
|
291
|
+
//#endregion
|
|
292
|
+
Object.defineProperty(exports, 'DrawerContentImpl_default', {
|
|
293
|
+
enumerable: true,
|
|
294
|
+
get: function () {
|
|
295
|
+
return DrawerContentImpl_default;
|
|
296
|
+
}
|
|
297
|
+
});
|
|
298
|
+
//# sourceMappingURL=DrawerContentImpl.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContentImpl.cjs","names":["as","asChild","disableOutsidePointerEvents","$attrs"],"sources":["../../src/Drawer/DrawerContentImpl.vue","../../src/Drawer/DrawerContentImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAEd,MAAM,cAAc,mDAAwB;EAC5C,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;AAExD,oDAA4B;EAG5B,MAAM,EAAE,uBAAuB,eAAe,GAAG,4DAAoB;GACnE,YAAY,YAAY;GACxB,iBAAiB,YAAY;GAC7B,aAAa,YAAY;GACzB,aAAa;GACb,mBAAmB,CAAC,UAAU;AAC5B,QAAI,UAAU,KACZ,aAAY,aAAa,MAAK;QAE9B,aAAY,mBAAmB,MAAK;GACvC;EACF,EAAA;EAYD,SAAS,uBAAuB;GAC9B,MAAM,KAAK,eAAe;AAC1B,QAAK,GACH;GACF,MAAM,SAAS,sBAAsB;AACrC,OAAI,UAAU,MAAM;IAClB,MAAM,MAAM,YAAY,eAAe;IACvC,MAAM,eAAgB,QAAQ,QAAQ,QAAQ,UAAW,SAAS;AAClE,OAAG,MAAM,YAAY,qCAAgB,iBAAiB,GAAG,aAAa,EAAE,CAAC,CAAA;GAC3E,MAEE,IAAG,MAAM,YAAY,qCAAgB,iBAAiB,MAAK;EAE/D;AAEA,iBAAM,uBAAuB,qBAAoB;AAKjD,uCAAkB,gBAAgB,CAAC,CAAC,MAAM,KAAK;AAC7C,QAAK,MACH;AACF,OAAI,YAAY,gBAAgB,SAAS,YAAY,YAAY,QAAQ,EACvE;GACF,MAAM,IAAI,MAAM,YAAY;AAC5B,eAAY,oBAAoB,EAAC;AACjC,kBAAe,OAAO,MAAM,YAAY,qCAAgB,QAAQ,GAAG,EAAE,EAAE,CAAC,CAAA;EACzE,EAAA;AAGD,iBAAM,MAAM,YAAY,gBAAgB,OAAO,CAAC,MAAM;AACpD,kBAAe,OAAO,MAAM,YAAY,qCAAgB,iBAAiB,GAAG,EAAE,EAAE,CAAC,CAAA;EAClF,EAAA;EAGD,MAAM,gBAAgB,kBAAS,OAAO,YAAY,WAAW,OAAO,UAAU,KAAK,EAAC;EACpF,MAAM,kBAAkB,kBAA2B,MAAM;GACvD,MAAM,UAAU,YAAY,eAAe;AAC3C,QAAK,cAAc,MACjB,QAAO,CAAC,OAAO;GAEjB,MAAM,WAA2C;IAAE,IAAI;IAAQ,MAAM;IAAM,MAAM;IAAS,OAAO;GAAO;AACxG,UAAO,CAAC,SAAS,SAAS,QAAQ;EACnC,EAAA;EAKD,IAAI,eAAe;GAAE,GAAG;GAAG,GAAG;EAAE;EAGhC,MAAM,EAAE,WAAW,YAAY,GAAG,oDAAgB;GAChD,SAAS,kBAAS,MAAM,YAAY,KAAK,MAAM;GAC/C,YAAY;GACZ,YAAY;GACZ,iBAAiB;IACf,GAAG,qCAAgB;IACnB,GAAG,qCAAgB;GACpB;GACD,UAAU,OAAO,YAAY,cAAc;GAC3C,YAAY;AACV,SAAK,cAAc,MACjB,aAAY,aAAa,OAAO,QAAO;GAG1C;GACD,UAAU,UAAU;IAIlB,MAAM,KAAK,eAAe;AAC1B,QAAI,IAAI;KACN,MAAM,MAAM,YAAY,eAAe;KACvC,MAAM,OAAQ,QAAQ,UAAU,QAAQ,UAAW,GAAG,cAAc,GAAG;KACvE,MAAM,YAAa,QAAQ,UAAU,QAAQ,UAAW,aAAa,IAAI,aAAa;KACtF,MAAM,kBAAmB,QAAQ,UAAU,QAAQ,UAAW,SAAS,IAAI,SAAS;KACpF,MAAM,SAAS,+CAA0B;MACvC,WAAW;MACX;MACA;MACA,iBAAiB,sBAAsB,SAAS;MAChD;KACD,EAAA;AACD,SAAI,UAAU,KACZ,IAAG,MAAM,YAAY,qCAAgB,eAAe,GAAG,QAAQ,CAAA;SAE/D,IAAG,MAAM,YAAY,qCAAgB,eAAe,IAAG;IAC3D;AAEA,QAAI,cAAc,OAAO;KAIvB,MAAM,MAAM,YAAY,eAAe;KACvC,MAAM,YAAY,qCAAgB,KAAK,aAAa,GAAG,aAAa,EAAC;AACrE,mBAAc,WAAW,UAAU,KAAK,YAAY,uBAAuB,MAAK;AAoBhF,SAAI,IAAI;AACN,4BAAqB;AACrB,SAAG,MAAM,YAAY,qCAAgB,gBAAgB,MAAK;AAC1D,SAAG,MAAM,YAAY,qCAAgB,gBAAgB,MAAK;KAC5D;IACF;AAKA,WAAO,cAAc;GACtB;GACD,gBAAgB,SAAS;AACvB,gBAAY,gBAAgB,QAAO;AACnC,gBAAY,sBAAsB,QAAO;GAC1C;GACD,WAAW,UAAU,SAAS;AAC5B,QAAI,QACF,gBAAe;KAAE,GAAG,QAAQ;KAAQ,GAAG,QAAQ;IAAO;AAExD,gBAAY,4BAA4B,SAAQ;GACjD;EACF,EAAA;EAMD,IAAI;EAEJ,SAAS,YAAY;AACnB,OAAI,UAAU,MACZ;AACF,eAAY,aAAa,OAAO,wBAAwB,gBAAe;AACvE;EACF;EAEA,SAAS,gBAAgB,OAAsB;AAC7C,0BAAuB;AACvB,SAAM,iBAAiB,MAAK;EAC9B;EAEA,SAAS,qBAAqB,OAAY;AACxC,OAAI,UAAU,OAAO;AACnB,UAAM,gBAAe;AACrB;GACF;AACA,0BAAuB;AACvB,SAAM,sBAAsB,MAAK;EACnC;EAEA,SAAS,eAAe,OAAY;AAClC,OAAI,UAAU,OAAO;AACnB,UAAM,gBAAe;AACrB;GACF;AACA,SAAM,gBAAgB,MAAK;EAC7B;EAEA,SAAS,kBAAkB,OAAY;AACrC,OAAI,UAAU,OAAO;AACnB,UAAM,gBAAe;AACrB;GACF;AACA,SAAM,mBAAmB,MAAK;EAChC;EAQA,IAAI;EAEJ,SAAS,4BAA4B;AACnC,0BAAsB;AACtB;EACF;AAEA,iBAAM,MAAM,YAAY,KAAK,OAAO,CAAC,WAAW;AAC9C,8BAA0B;GAC1B,MAAM,KAAK,eAAe;AAC1B,QAAK,IAAI;AAGP,gBAAY,mBAAmB,OAAM;AACrC;GACF;GACA,MAAM,UAAU,CAAC,UAAiB;AAChC,QAAI,MAAM,WAAW,GACnB;AACF,+BAA0B;AAC1B,gBAAY,mBAAmB,OAAM;GACvC;AACA,MAAG,iBAAiB,iBAAiB,QAAO;AAC5C,MAAG,iBAAiB,gBAAgB,QAAO;AAC3C,yBAAsB,MAAM;AAC1B,OAAG,oBAAoB,iBAAiB,QAAO;AAC/C,OAAG,oBAAoB,gBAAgB,QAAO;GAChD;EACD,EAAA;EAGD,MAAM,iBAAiB,kBAAS,MAAM;GACpC,MAAM,QAA4C;IAChD,cAAc,YAAY,KAAK,QAAQ,SAAS;IAChD,wBAAwB,YAAY,eAAe;GACrD;AACA,OAAI,UAAU,MACZ,OAAM,kBAAkB;AAC1B,OAAI,YAAY,gBAAgB,MAC9B,OAAM,6BAA6B;AACrC,UAAO;EACR,EAAA;AAID,iBAAM,MAAM,YAAY,sBAAsB,OAAO,CAAC,MAAM;AAC1D,kBAAe,OAAO,MAAM,YAAY,qCAAgB,eAAe,GAAG,GAAG,CAAA;EAC9E,EAAA;EAOD,IAAI;AAEJ,qBAAU,MAAM;AACd,eAAY,eAAe,QAAQ,eAAe;AAClD,eAAY,8BAA8B,KAAI;AAG9C,kBAAe,OAAO,MAAM,YAC1B,qCAAgB,eAChB,GAAG,YAAY,sBAAsB,OAAO,CAC9C;AAKA,yBAAqB;AAErB,+BAA4B,YAAY,yBAAyB,UAAU,MAAM;IAC/E,MAAM,WAAW,YAAY,yBAAyB,aAAY;AAClE,mBAAe,OAAO,MAAM,YAAY,qCAAgB,eAAe,GAAG,UAAU,CAAA;GACrF,EAAA;EACF,EAAA;AAED,uBAAY,MAAM;AAChB,eAAY,8BAA8B,MAAK;AAC/C,gCAA4B;AAC5B,8BAA0B;EAC3B,EAAA;AAGD,MAAI,QAAQ,IAAI,aAAa,aAC3B,oBAAU,MAAM;AACd,QAAK,SAAS,eAAe,YAAY,QAAQ,CAC/C,SAAQ,KACN,CAAC,wEAAwE,CAAC,CAC5E;EAEH,EAAA;;gCAKD,qBAyBa,eAAA,iDAAA,EAAA;IAxBX,YAAA;IACA,MAAA;IACC,SAAS,MAAM;IACf,kBAAgB,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,MAAK,iBAAkB,OAAM;IAC/C,oBAAkB,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,MAAK,kBAAmB,OAAM;;8BAEnD,MAiBmB,CAjBnB,qBAiBmB,eAAA,mEAAA,EAjBnB,oBAiBmB;KAhBhB,IAAI,eAAA,YAAW,CAAC;KAChB,KAAK,eAAA,WAAU;KACf,IAAIA,KAAAA;KACJ,YAAUC,KAAAA;KACV,kCAAgCC,KAAAA;KACjC,MAAK;KACJ,oBAAkB,eAAA,YAAW,CAAC;KAC9B,mBAAiB,eAAA,YAAW,CAAC;;QACjB,eAAA;KAAc,GAAKC,KAAAA;IAAM,GAAA;KAC5B;KACQ;KACF;KACG;KACI;;+BAEvB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -0,0 +1,292 @@
|
|
|
1
|
+
import { useForwardExpose } from "../shared/useForwardExpose.js";
|
|
2
|
+
import { DismissableLayer_default } from "../DismissableLayer/DismissableLayer.js";
|
|
3
|
+
import { FocusScope_default } from "../FocusScope/FocusScope.js";
|
|
4
|
+
import { DRAWER_CSS_VARS, computeSwipeReleaseScalar, getDisplacement, registerDrawerCssProperties } from "./utils.js";
|
|
5
|
+
import { injectDrawerRootContext } from "./DrawerRoot.js";
|
|
6
|
+
import { useDrawerSnapPoints } from "../composables/useDrawerSnapPoints.js";
|
|
7
|
+
import { useSwipeDismiss } from "../composables/useSwipeDismiss.js";
|
|
8
|
+
import { computed, createBlock, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, renderSlot, unref, watch, withCtx } from "vue";
|
|
9
|
+
import { useResizeObserver } from "@vueuse/core";
|
|
10
|
+
|
|
11
|
+
//#region src/Drawer/DrawerContentImpl.vue?vue&type=script&setup=true&lang.ts
|
|
12
|
+
var DrawerContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
13
|
+
__name: "DrawerContentImpl",
|
|
14
|
+
props: {
|
|
15
|
+
trapFocus: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
required: false
|
|
18
|
+
},
|
|
19
|
+
initialFocus: {
|
|
20
|
+
type: [Boolean, null],
|
|
21
|
+
required: false,
|
|
22
|
+
skipCheck: true
|
|
23
|
+
},
|
|
24
|
+
finalFocus: {
|
|
25
|
+
type: [Boolean, null],
|
|
26
|
+
required: false,
|
|
27
|
+
skipCheck: true
|
|
28
|
+
},
|
|
29
|
+
disableOutsidePointerEvents: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
required: false
|
|
32
|
+
},
|
|
33
|
+
asChild: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
required: false
|
|
36
|
+
},
|
|
37
|
+
as: {
|
|
38
|
+
type: null,
|
|
39
|
+
required: false
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
emits: [
|
|
43
|
+
"escapeKeyDown",
|
|
44
|
+
"pointerDownOutside",
|
|
45
|
+
"focusOutside",
|
|
46
|
+
"interactOutside",
|
|
47
|
+
"openAutoFocus",
|
|
48
|
+
"closeAutoFocus"
|
|
49
|
+
],
|
|
50
|
+
setup(__props, { emit: __emit }) {
|
|
51
|
+
const props = __props;
|
|
52
|
+
const emits = __emit;
|
|
53
|
+
const rootContext = injectDrawerRootContext();
|
|
54
|
+
const { forwardRef, currentElement } = useForwardExpose();
|
|
55
|
+
registerDrawerCssProperties();
|
|
56
|
+
const { activeSnapPointOffset, snapToNearest } = useDrawerSnapPoints({
|
|
57
|
+
snapPoints: rootContext.snapPoints,
|
|
58
|
+
activeSnapPoint: rootContext.activeSnapPoint,
|
|
59
|
+
popupHeight: rootContext.popupHeight,
|
|
60
|
+
viewportRef: currentElement,
|
|
61
|
+
onSnapPointChange: (point) => {
|
|
62
|
+
if (point === null) rootContext.onOpenChange(false);
|
|
63
|
+
else rootContext.setActiveSnapPoint(point);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
function writeSnapPointOffset() {
|
|
67
|
+
const el = currentElement.value;
|
|
68
|
+
if (!el) return;
|
|
69
|
+
const offset = activeSnapPointOffset.value;
|
|
70
|
+
if (offset != null) {
|
|
71
|
+
const dir = rootContext.swipeDirection.value;
|
|
72
|
+
const signedOffset = dir === "up" || dir === "left" ? -offset : offset;
|
|
73
|
+
el.style.setProperty(DRAWER_CSS_VARS.snapPointOffset, `${signedOffset}px`);
|
|
74
|
+
} else el.style.setProperty(DRAWER_CSS_VARS.snapPointOffset, "0px");
|
|
75
|
+
}
|
|
76
|
+
watch(activeSnapPointOffset, writeSnapPointOffset);
|
|
77
|
+
useResizeObserver(currentElement, ([entry]) => {
|
|
78
|
+
if (!entry) return;
|
|
79
|
+
if (rootContext.hasNestedDrawer.value && rootContext.popupHeight.value > 0) return;
|
|
80
|
+
const h$1 = entry.contentRect.height;
|
|
81
|
+
rootContext.onPopupHeightChange(h$1);
|
|
82
|
+
currentElement.value?.style.setProperty(DRAWER_CSS_VARS.height, `${h$1}px`);
|
|
83
|
+
});
|
|
84
|
+
watch(() => rootContext.frontmostHeight.value, (h$1) => {
|
|
85
|
+
currentElement.value?.style.setProperty(DRAWER_CSS_VARS.frontmostHeight, `${h$1}px`);
|
|
86
|
+
});
|
|
87
|
+
const hasSnapPoints = computed(() => (rootContext.snapPoints.value?.length ?? 0) > 0);
|
|
88
|
+
const swipeDirections = computed(() => {
|
|
89
|
+
const dismiss = rootContext.swipeDirection.value;
|
|
90
|
+
if (!hasSnapPoints.value) return [dismiss];
|
|
91
|
+
const opposite = {
|
|
92
|
+
up: "down",
|
|
93
|
+
down: "up",
|
|
94
|
+
left: "right",
|
|
95
|
+
right: "left"
|
|
96
|
+
};
|
|
97
|
+
return [dismiss, opposite[dismiss]];
|
|
98
|
+
});
|
|
99
|
+
let lastRawDelta = {
|
|
100
|
+
x: 0,
|
|
101
|
+
y: 0
|
|
102
|
+
};
|
|
103
|
+
const { isSwiping, dragOffset } = useSwipeDismiss({
|
|
104
|
+
enabled: computed(() => rootContext.open.value),
|
|
105
|
+
elementRef: currentElement,
|
|
106
|
+
directions: swipeDirections,
|
|
107
|
+
movementCssVars: {
|
|
108
|
+
x: DRAWER_CSS_VARS.swipeMovementX,
|
|
109
|
+
y: DRAWER_CSS_VARS.swipeMovementY
|
|
110
|
+
},
|
|
111
|
+
canStart: () => !rootContext.nestedSwiping.value,
|
|
112
|
+
onDismiss() {
|
|
113
|
+
if (!hasSnapPoints.value) rootContext.onOpenChange(false, "swipe");
|
|
114
|
+
},
|
|
115
|
+
onRelease(velocity) {
|
|
116
|
+
const el = currentElement.value;
|
|
117
|
+
if (el) {
|
|
118
|
+
const dir = rootContext.swipeDirection.value;
|
|
119
|
+
const size = dir === "left" || dir === "right" ? el.offsetWidth : el.offsetHeight;
|
|
120
|
+
const axisDelta = dir === "left" || dir === "right" ? lastRawDelta.x : lastRawDelta.y;
|
|
121
|
+
const releaseVelocity = dir === "left" || dir === "right" ? velocity.x : velocity.y;
|
|
122
|
+
const scalar = computeSwipeReleaseScalar({
|
|
123
|
+
direction: dir,
|
|
124
|
+
size,
|
|
125
|
+
axisDelta,
|
|
126
|
+
snapPointOffset: activeSnapPointOffset.value ?? 0,
|
|
127
|
+
releaseVelocity
|
|
128
|
+
});
|
|
129
|
+
if (scalar != null) el.style.setProperty(DRAWER_CSS_VARS.swipeStrength, `${scalar}`);
|
|
130
|
+
else el.style.setProperty(DRAWER_CSS_VARS.swipeStrength, "1");
|
|
131
|
+
}
|
|
132
|
+
if (hasSnapPoints.value) {
|
|
133
|
+
const dir = rootContext.swipeDirection.value;
|
|
134
|
+
const dragDelta = getDisplacement(dir, lastRawDelta.x, lastRawDelta.y);
|
|
135
|
+
snapToNearest(dragDelta, velocity, dir, rootContext.snapToSequentialPoints.value);
|
|
136
|
+
if (el) {
|
|
137
|
+
writeSnapPointOffset();
|
|
138
|
+
el.style.setProperty(DRAWER_CSS_VARS.swipeMovementX, "0px");
|
|
139
|
+
el.style.setProperty(DRAWER_CSS_VARS.swipeMovementY, "0px");
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
return hasSnapPoints.value;
|
|
143
|
+
},
|
|
144
|
+
onSwipingChange(swiping) {
|
|
145
|
+
rootContext.onSwipingChange(swiping);
|
|
146
|
+
rootContext.onNestedSwipingChange(swiping);
|
|
147
|
+
},
|
|
148
|
+
onProgress(progress, details) {
|
|
149
|
+
if (details) lastRawDelta = {
|
|
150
|
+
x: details.deltaX,
|
|
151
|
+
y: details.deltaY
|
|
152
|
+
};
|
|
153
|
+
rootContext.onNestedSwipeProgressChange(progress);
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
let pendingDismissReason;
|
|
157
|
+
function onDismiss() {
|
|
158
|
+
if (isSwiping.value) return;
|
|
159
|
+
rootContext.onOpenChange(false, pendingDismissReason ?? "outside-press");
|
|
160
|
+
pendingDismissReason = void 0;
|
|
161
|
+
}
|
|
162
|
+
function onEscapeKeyDown(event) {
|
|
163
|
+
pendingDismissReason = "escape-key";
|
|
164
|
+
emits("escapeKeyDown", event);
|
|
165
|
+
}
|
|
166
|
+
function onPointerDownOutside(event) {
|
|
167
|
+
if (isSwiping.value) {
|
|
168
|
+
event.preventDefault();
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
pendingDismissReason = "outside-press";
|
|
172
|
+
emits("pointerDownOutside", event);
|
|
173
|
+
}
|
|
174
|
+
function onFocusOutside(event) {
|
|
175
|
+
if (isSwiping.value) {
|
|
176
|
+
event.preventDefault();
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
emits("focusOutside", event);
|
|
180
|
+
}
|
|
181
|
+
function onInteractOutside(event) {
|
|
182
|
+
if (isSwiping.value) {
|
|
183
|
+
event.preventDefault();
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
emits("interactOutside", event);
|
|
187
|
+
}
|
|
188
|
+
let openCompleteCleanup;
|
|
189
|
+
function clearOpenCompleteListener() {
|
|
190
|
+
openCompleteCleanup?.();
|
|
191
|
+
openCompleteCleanup = void 0;
|
|
192
|
+
}
|
|
193
|
+
watch(() => rootContext.open.value, (isOpen) => {
|
|
194
|
+
clearOpenCompleteListener();
|
|
195
|
+
const el = currentElement.value;
|
|
196
|
+
if (!el) {
|
|
197
|
+
rootContext.notifyOpenComplete(isOpen);
|
|
198
|
+
return;
|
|
199
|
+
}
|
|
200
|
+
const handler = (event) => {
|
|
201
|
+
if (event.target !== el) return;
|
|
202
|
+
clearOpenCompleteListener();
|
|
203
|
+
rootContext.notifyOpenComplete(isOpen);
|
|
204
|
+
};
|
|
205
|
+
el.addEventListener("transitionend", handler);
|
|
206
|
+
el.addEventListener("animationend", handler);
|
|
207
|
+
openCompleteCleanup = () => {
|
|
208
|
+
el.removeEventListener("transitionend", handler);
|
|
209
|
+
el.removeEventListener("animationend", handler);
|
|
210
|
+
};
|
|
211
|
+
});
|
|
212
|
+
const dataAttributes = computed(() => {
|
|
213
|
+
const attrs = {
|
|
214
|
+
"data-state": rootContext.open.value ? "open" : "closed",
|
|
215
|
+
"data-swipe-direction": rootContext.swipeDirection.value
|
|
216
|
+
};
|
|
217
|
+
if (isSwiping.value) attrs["data-swiping"] = "";
|
|
218
|
+
if (rootContext.hasNestedDrawer.value) attrs["data-nested-drawer-open"] = "";
|
|
219
|
+
return attrs;
|
|
220
|
+
});
|
|
221
|
+
watch(() => rootContext.nestedOpenDrawerCount.value, (n) => {
|
|
222
|
+
currentElement.value?.style.setProperty(DRAWER_CSS_VARS.nestedDrawers, `${n}`);
|
|
223
|
+
});
|
|
224
|
+
let unsubscribeNestedProgress;
|
|
225
|
+
onMounted(() => {
|
|
226
|
+
rootContext.contentElement.value = currentElement.value;
|
|
227
|
+
rootContext.notifyParentHasNestedDrawer?.(true);
|
|
228
|
+
currentElement.value?.style.setProperty(DRAWER_CSS_VARS.nestedDrawers, `${rootContext.nestedOpenDrawerCount.value}`);
|
|
229
|
+
writeSnapPointOffset();
|
|
230
|
+
unsubscribeNestedProgress = rootContext.nestedSwipeProgressStore.subscribe(() => {
|
|
231
|
+
const progress = rootContext.nestedSwipeProgressStore.getSnapshot();
|
|
232
|
+
currentElement.value?.style.setProperty(DRAWER_CSS_VARS.swipeProgress, `${progress}`);
|
|
233
|
+
});
|
|
234
|
+
});
|
|
235
|
+
onUnmounted(() => {
|
|
236
|
+
rootContext.notifyParentHasNestedDrawer?.(false);
|
|
237
|
+
unsubscribeNestedProgress?.();
|
|
238
|
+
clearOpenCompleteListener();
|
|
239
|
+
});
|
|
240
|
+
if (process.env.NODE_ENV !== "production") onMounted(() => {
|
|
241
|
+
if (!document.getElementById(rootContext.titleId)) console.warn(`Warning: \`DrawerContent\` requires a \`DrawerTitle\` for accessibility.`);
|
|
242
|
+
});
|
|
243
|
+
return (_ctx, _cache) => {
|
|
244
|
+
return openBlock(), createBlock(unref(FocusScope_default), {
|
|
245
|
+
"as-child": "",
|
|
246
|
+
loop: "",
|
|
247
|
+
trapped: props.trapFocus,
|
|
248
|
+
onMountAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("openAutoFocus", $event)),
|
|
249
|
+
onUnmountAutoFocus: _cache[1] || (_cache[1] = ($event) => emits("closeAutoFocus", $event))
|
|
250
|
+
}, {
|
|
251
|
+
default: withCtx(() => [createVNode(unref(DismissableLayer_default), mergeProps({
|
|
252
|
+
id: unref(rootContext).contentId,
|
|
253
|
+
ref: unref(forwardRef),
|
|
254
|
+
as: _ctx.as,
|
|
255
|
+
"as-child": _ctx.asChild,
|
|
256
|
+
"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
|
|
257
|
+
role: "dialog",
|
|
258
|
+
"aria-describedby": unref(rootContext).descriptionId,
|
|
259
|
+
"aria-labelledby": unref(rootContext).titleId
|
|
260
|
+
}, {
|
|
261
|
+
...dataAttributes.value,
|
|
262
|
+
..._ctx.$attrs
|
|
263
|
+
}, {
|
|
264
|
+
onDismiss,
|
|
265
|
+
onEscapeKeyDown,
|
|
266
|
+
onFocusOutside,
|
|
267
|
+
onInteractOutside,
|
|
268
|
+
onPointerDownOutside
|
|
269
|
+
}), {
|
|
270
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
271
|
+
_: 3
|
|
272
|
+
}, 16, [
|
|
273
|
+
"id",
|
|
274
|
+
"as",
|
|
275
|
+
"as-child",
|
|
276
|
+
"disable-outside-pointer-events",
|
|
277
|
+
"aria-describedby",
|
|
278
|
+
"aria-labelledby"
|
|
279
|
+
])]),
|
|
280
|
+
_: 3
|
|
281
|
+
}, 8, ["trapped"]);
|
|
282
|
+
};
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
|
|
286
|
+
//#endregion
|
|
287
|
+
//#region src/Drawer/DrawerContentImpl.vue
|
|
288
|
+
var DrawerContentImpl_default = DrawerContentImpl_vue_vue_type_script_setup_true_lang_default;
|
|
289
|
+
|
|
290
|
+
//#endregion
|
|
291
|
+
export { DrawerContentImpl_default };
|
|
292
|
+
//# sourceMappingURL=DrawerContentImpl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContentImpl.js","names":["as","asChild","disableOutsidePointerEvents","$attrs"],"sources":["../../src/Drawer/DrawerContentImpl.vue","../../src/Drawer/DrawerContentImpl.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
|
|
3
|
+
const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
|
|
4
|
+
const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
|
|
5
|
+
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
6
|
+
|
|
7
|
+
//#region src/Drawer/DrawerDescription.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var DrawerDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
9
|
+
__name: "DrawerDescription",
|
|
10
|
+
props: {
|
|
11
|
+
asChild: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
required: false
|
|
14
|
+
},
|
|
15
|
+
as: {
|
|
16
|
+
type: null,
|
|
17
|
+
required: false,
|
|
18
|
+
default: "p"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
require_shared_useForwardExpose.useForwardExpose();
|
|
24
|
+
const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(rootContext).descriptionId }), {
|
|
27
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
28
|
+
_: 3
|
|
29
|
+
}, 16, ["id"]);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/Drawer/DrawerDescription.vue
|
|
36
|
+
var DrawerDescription_default = DrawerDescription_vue_vue_type_script_setup_true_lang_default;
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
Object.defineProperty(exports, 'DrawerDescription_default', {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function () {
|
|
42
|
+
return DrawerDescription_default;
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=DrawerDescription.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerDescription.cjs","names":[],"sources":["../../src/Drawer/DrawerDescription.vue","../../src/Drawer/DrawerDescription.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;AACd,oDAAiB;EACjB,MAAM,cAAc,mDAAwB;;gCAI1C,qBAKY,eAAA,sCAAA,EALZ,oBACU,OAAK,EACZ,IAAI,eAAA,YAAW,CAAC;8BAEjB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}
|