reka-ui 2.8.2 → 2.9.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/Autocomplete/AutocompleteInput.cjs +128 -0
- package/dist/Autocomplete/AutocompleteInput.cjs.map +1 -0
- package/dist/Autocomplete/AutocompleteInput.js +122 -0
- package/dist/Autocomplete/AutocompleteInput.js.map +1 -0
- package/dist/Autocomplete/AutocompleteRoot.cjs +258 -0
- package/dist/Autocomplete/AutocompleteRoot.cjs.map +1 -0
- package/dist/Autocomplete/AutocompleteRoot.js +246 -0
- package/dist/Autocomplete/AutocompleteRoot.js.map +1 -0
- package/dist/Calendar/CalendarCellTrigger.cjs +8 -5
- package/dist/Calendar/CalendarCellTrigger.cjs.map +1 -1
- package/dist/Calendar/CalendarCellTrigger.js +9 -6
- package/dist/Calendar/CalendarCellTrigger.js.map +1 -1
- package/dist/Calendar/CalendarNext.cjs +7 -3
- package/dist/Calendar/CalendarNext.cjs.map +1 -1
- package/dist/Calendar/CalendarNext.js +7 -3
- package/dist/Calendar/CalendarNext.js.map +1 -1
- package/dist/Calendar/CalendarPrev.cjs +7 -3
- package/dist/Calendar/CalendarPrev.cjs.map +1 -1
- package/dist/Calendar/CalendarPrev.js +7 -3
- package/dist/Calendar/CalendarPrev.js.map +1 -1
- package/dist/Checkbox/CheckboxGroupRoot.cjs +1 -1
- package/dist/Checkbox/CheckboxGroupRoot.js +1 -1
- package/dist/Checkbox/CheckboxRoot.cjs +21 -10
- package/dist/Checkbox/CheckboxRoot.cjs.map +1 -1
- package/dist/Checkbox/CheckboxRoot.js +21 -10
- package/dist/Checkbox/CheckboxRoot.js.map +1 -1
- package/dist/ColorArea/ColorAreaArea.cjs +143 -0
- package/dist/ColorArea/ColorAreaArea.cjs.map +1 -0
- package/dist/ColorArea/ColorAreaArea.js +137 -0
- package/dist/ColorArea/ColorAreaArea.js.map +1 -0
- package/dist/ColorArea/ColorAreaRoot.cjs +240 -0
- package/dist/ColorArea/ColorAreaRoot.cjs.map +1 -0
- package/dist/ColorArea/ColorAreaRoot.js +228 -0
- package/dist/ColorArea/ColorAreaRoot.js.map +1 -0
- package/dist/ColorArea/ColorAreaThumb.cjs +91 -0
- package/dist/ColorArea/ColorAreaThumb.cjs.map +1 -0
- package/dist/ColorArea/ColorAreaThumb.js +85 -0
- package/dist/ColorArea/ColorAreaThumb.js.map +1 -0
- package/dist/ColorArea/utils.cjs +32 -0
- package/dist/ColorArea/utils.cjs.map +1 -0
- package/dist/ColorArea/utils.js +21 -0
- package/dist/ColorArea/utils.js.map +1 -0
- package/dist/ColorField/ColorFieldInput.cjs +140 -0
- package/dist/ColorField/ColorFieldInput.cjs.map +1 -0
- package/dist/ColorField/ColorFieldInput.js +134 -0
- package/dist/ColorField/ColorFieldInput.js.map +1 -0
- package/dist/ColorField/ColorFieldRoot.cjs +281 -0
- package/dist/ColorField/ColorFieldRoot.cjs.map +1 -0
- package/dist/ColorField/ColorFieldRoot.js +269 -0
- package/dist/ColorField/ColorFieldRoot.js.map +1 -0
- package/dist/ColorSlider/ColorSliderRoot.cjs +230 -0
- package/dist/ColorSlider/ColorSliderRoot.cjs.map +1 -0
- package/dist/ColorSlider/ColorSliderRoot.js +218 -0
- package/dist/ColorSlider/ColorSliderRoot.js.map +1 -0
- package/dist/ColorSlider/ColorSliderThumb.cjs +66 -0
- package/dist/ColorSlider/ColorSliderThumb.cjs.map +1 -0
- package/dist/ColorSlider/ColorSliderThumb.js +60 -0
- package/dist/ColorSlider/ColorSliderThumb.js.map +1 -0
- package/dist/ColorSlider/ColorSliderTrack.cjs +55 -0
- package/dist/ColorSlider/ColorSliderTrack.cjs.map +1 -0
- package/dist/ColorSlider/ColorSliderTrack.js +49 -0
- package/dist/ColorSlider/ColorSliderTrack.js.map +1 -0
- package/dist/ColorSwatch/ColorSwatch.cjs +106 -0
- package/dist/ColorSwatch/ColorSwatch.cjs.map +1 -0
- package/dist/ColorSwatch/ColorSwatch.js +100 -0
- package/dist/ColorSwatch/ColorSwatch.js.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItem.cjs +78 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItem.cjs.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItem.js +66 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItem.js.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.cjs +40 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.cjs.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.js +34 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemIndicator.js.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.cjs +43 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.cjs.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.js +37 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerItemSwatch.js.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerRoot.cjs +110 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerRoot.cjs.map +1 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerRoot.js +104 -0
- package/dist/ColorSwatchPicker/ColorSwatchPickerRoot.js.map +1 -0
- package/dist/Combobox/ComboboxContent.cjs +4 -0
- package/dist/Combobox/ComboboxContent.cjs.map +1 -1
- package/dist/Combobox/ComboboxContent.js +4 -0
- package/dist/Combobox/ComboboxContent.js.map +1 -1
- package/dist/Combobox/ComboboxContentImpl.cjs +9 -2
- package/dist/Combobox/ComboboxContentImpl.cjs.map +1 -1
- package/dist/Combobox/ComboboxContentImpl.js +9 -2
- package/dist/Combobox/ComboboxContentImpl.js.map +1 -1
- package/dist/Combobox/ComboboxRoot.cjs +7 -1
- package/dist/Combobox/ComboboxRoot.js +2 -2
- package/dist/DateField/DateFieldRoot.cjs +1 -1
- package/dist/DateField/DateFieldRoot.js +1 -1
- package/dist/DateRangeField/DateRangeFieldRoot.cjs +1 -1
- package/dist/DateRangeField/DateRangeFieldRoot.cjs.map +1 -1
- package/dist/DateRangeField/DateRangeFieldRoot.js +1 -1
- package/dist/DateRangeField/DateRangeFieldRoot.js.map +1 -1
- package/dist/DismissableLayer/utils.cjs.map +1 -1
- package/dist/DismissableLayer/utils.js.map +1 -1
- package/dist/DropdownMenu/DropdownMenuFilter.cjs +134 -0
- package/dist/DropdownMenu/DropdownMenuFilter.cjs.map +1 -0
- package/dist/DropdownMenu/DropdownMenuFilter.js +128 -0
- package/dist/DropdownMenu/DropdownMenuFilter.js.map +1 -0
- package/dist/Listbox/ListboxRoot.cjs +1 -1
- package/dist/Listbox/ListboxRoot.js +1 -1
- package/dist/Listbox/ListboxVirtualizer.cjs +1 -1
- package/dist/Listbox/ListboxVirtualizer.js +1 -1
- package/dist/Menu/MenuContentImpl.cjs +44 -4
- package/dist/Menu/MenuContentImpl.cjs.map +1 -1
- package/dist/Menu/MenuContentImpl.js +44 -4
- package/dist/Menu/MenuContentImpl.js.map +1 -1
- package/dist/Menu/MenuItemImpl.cjs +8 -3
- package/dist/Menu/MenuItemImpl.cjs.map +1 -1
- package/dist/Menu/MenuItemImpl.js +9 -4
- package/dist/Menu/MenuItemImpl.js.map +1 -1
- package/dist/Menu/MenuSubContent.cjs +8 -2
- package/dist/Menu/MenuSubContent.cjs.map +1 -1
- package/dist/Menu/MenuSubContent.js +9 -3
- package/dist/Menu/MenuSubContent.js.map +1 -1
- package/dist/Menu/MenuSubTrigger.cjs +7 -0
- package/dist/Menu/MenuSubTrigger.cjs.map +1 -1
- package/dist/Menu/MenuSubTrigger.js +8 -1
- package/dist/Menu/MenuSubTrigger.js.map +1 -1
- package/dist/MonthPicker/MonthPickerCell.cjs +59 -0
- package/dist/MonthPicker/MonthPickerCell.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerCell.js +53 -0
- package/dist/MonthPicker/MonthPickerCell.js.map +1 -0
- package/dist/MonthPicker/MonthPickerCellTrigger.cjs +197 -0
- package/dist/MonthPicker/MonthPickerCellTrigger.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerCellTrigger.js +191 -0
- package/dist/MonthPicker/MonthPickerCellTrigger.js.map +1 -0
- package/dist/MonthPicker/MonthPickerGrid.cjs +59 -0
- package/dist/MonthPicker/MonthPickerGrid.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerGrid.js +53 -0
- package/dist/MonthPicker/MonthPickerGrid.js.map +1 -0
- package/dist/MonthPicker/MonthPickerGridBody.cjs +41 -0
- package/dist/MonthPicker/MonthPickerGridBody.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerGridBody.js +35 -0
- package/dist/MonthPicker/MonthPickerGridBody.js.map +1 -0
- package/dist/MonthPicker/MonthPickerGridRow.cjs +41 -0
- package/dist/MonthPicker/MonthPickerGridRow.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerGridRow.js +35 -0
- package/dist/MonthPicker/MonthPickerGridRow.js.map +1 -0
- package/dist/MonthPicker/MonthPickerHeader.cjs +41 -0
- package/dist/MonthPicker/MonthPickerHeader.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerHeader.js +35 -0
- package/dist/MonthPicker/MonthPickerHeader.js.map +1 -0
- package/dist/MonthPicker/MonthPickerHeading.cjs +48 -0
- package/dist/MonthPicker/MonthPickerHeading.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerHeading.js +42 -0
- package/dist/MonthPicker/MonthPickerHeading.js.map +1 -0
- package/dist/MonthPicker/MonthPickerNext.cjs +68 -0
- package/dist/MonthPicker/MonthPickerNext.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerNext.js +62 -0
- package/dist/MonthPicker/MonthPickerNext.js.map +1 -0
- package/dist/MonthPicker/MonthPickerPrev.cjs +68 -0
- package/dist/MonthPicker/MonthPickerPrev.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerPrev.js +62 -0
- package/dist/MonthPicker/MonthPickerPrev.js.map +1 -0
- package/dist/MonthPicker/MonthPickerRoot.cjs +281 -0
- package/dist/MonthPicker/MonthPickerRoot.cjs.map +1 -0
- package/dist/MonthPicker/MonthPickerRoot.js +269 -0
- package/dist/MonthPicker/MonthPickerRoot.js.map +1 -0
- package/dist/MonthPicker/useMonthPicker.cjs +148 -0
- package/dist/MonthPicker/useMonthPicker.cjs.map +1 -0
- package/dist/MonthPicker/useMonthPicker.js +136 -0
- package/dist/MonthPicker/useMonthPicker.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerCell.cjs +59 -0
- package/dist/MonthRangePicker/MonthRangePickerCell.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerCell.js +53 -0
- package/dist/MonthRangePicker/MonthRangePickerCell.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerCellTrigger.cjs +258 -0
- package/dist/MonthRangePicker/MonthRangePickerCellTrigger.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerCellTrigger.js +252 -0
- package/dist/MonthRangePicker/MonthRangePickerCellTrigger.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerGrid.cjs +59 -0
- package/dist/MonthRangePicker/MonthRangePickerGrid.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerGrid.js +53 -0
- package/dist/MonthRangePicker/MonthRangePickerGrid.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerGridBody.cjs +41 -0
- package/dist/MonthRangePicker/MonthRangePickerGridBody.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerGridBody.js +35 -0
- package/dist/MonthRangePicker/MonthRangePickerGridBody.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerGridRow.cjs +41 -0
- package/dist/MonthRangePicker/MonthRangePickerGridRow.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerGridRow.js +35 -0
- package/dist/MonthRangePicker/MonthRangePickerGridRow.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerHeader.cjs +41 -0
- package/dist/MonthRangePicker/MonthRangePickerHeader.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerHeader.js +35 -0
- package/dist/MonthRangePicker/MonthRangePickerHeader.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerHeading.cjs +48 -0
- package/dist/MonthRangePicker/MonthRangePickerHeading.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerHeading.js +42 -0
- package/dist/MonthRangePicker/MonthRangePickerHeading.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerNext.cjs +68 -0
- package/dist/MonthRangePicker/MonthRangePickerNext.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerNext.js +62 -0
- package/dist/MonthRangePicker/MonthRangePickerNext.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerPrev.cjs +68 -0
- package/dist/MonthRangePicker/MonthRangePickerPrev.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerPrev.js +62 -0
- package/dist/MonthRangePicker/MonthRangePickerPrev.js.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerRoot.cjs +347 -0
- package/dist/MonthRangePicker/MonthRangePickerRoot.cjs.map +1 -0
- package/dist/MonthRangePicker/MonthRangePickerRoot.js +335 -0
- package/dist/MonthRangePicker/MonthRangePickerRoot.js.map +1 -0
- package/dist/MonthRangePicker/useRangeMonthPicker.cjs +128 -0
- package/dist/MonthRangePicker/useRangeMonthPicker.cjs.map +1 -0
- package/dist/MonthRangePicker/useRangeMonthPicker.js +122 -0
- package/dist/MonthRangePicker/useRangeMonthPicker.js.map +1 -0
- package/dist/NavigationMenu/NavigationMenuItem.js +3 -3
- package/dist/NavigationMenu/NavigationMenuItem.js.map +1 -1
- package/dist/NumberField/NumberFieldRoot.cjs +3 -2
- package/dist/NumberField/NumberFieldRoot.cjs.map +1 -1
- package/dist/NumberField/NumberFieldRoot.js +3 -2
- package/dist/NumberField/NumberFieldRoot.js.map +1 -1
- package/dist/Progress/ProgressRoot.cjs.map +1 -1
- package/dist/Progress/ProgressRoot.js.map +1 -1
- package/dist/RadioGroup/RadioGroupRoot.cjs +1 -1
- package/dist/RadioGroup/RadioGroupRoot.js +1 -1
- package/dist/RangeCalendar/RangeCalendarNext.cjs +9 -5
- package/dist/RangeCalendar/RangeCalendarNext.cjs.map +1 -1
- package/dist/RangeCalendar/RangeCalendarNext.js +9 -5
- package/dist/RangeCalendar/RangeCalendarNext.js.map +1 -1
- package/dist/RangeCalendar/RangeCalendarPrev.cjs +9 -5
- package/dist/RangeCalendar/RangeCalendarPrev.cjs.map +1 -1
- package/dist/RangeCalendar/RangeCalendarPrev.js +9 -5
- package/dist/RangeCalendar/RangeCalendarPrev.js.map +1 -1
- package/dist/RangeCalendar/RangeCalendarRoot.cjs +1 -1
- package/dist/RangeCalendar/RangeCalendarRoot.cjs.map +1 -1
- package/dist/RangeCalendar/RangeCalendarRoot.js +1 -1
- package/dist/RangeCalendar/RangeCalendarRoot.js.map +1 -1
- package/dist/RangeCalendar/useRangeCalendar.cjs +9 -13
- package/dist/RangeCalendar/useRangeCalendar.cjs.map +1 -1
- package/dist/RangeCalendar/useRangeCalendar.js +9 -13
- package/dist/RangeCalendar/useRangeCalendar.js.map +1 -1
- package/dist/Splitter/SplitterGroup.cjs +136 -26
- package/dist/Splitter/SplitterGroup.cjs.map +1 -1
- package/dist/Splitter/SplitterGroup.js +136 -26
- package/dist/Splitter/SplitterGroup.js.map +1 -1
- package/dist/Splitter/SplitterPanel.cjs +7 -2
- package/dist/Splitter/SplitterPanel.cjs.map +1 -1
- package/dist/Splitter/SplitterPanel.js +7 -2
- package/dist/Splitter/SplitterPanel.js.map +1 -1
- package/dist/Switch/SwitchRoot.cjs +23 -9
- package/dist/Switch/SwitchRoot.cjs.map +1 -1
- package/dist/Switch/SwitchRoot.js +23 -9
- package/dist/Switch/SwitchRoot.js.map +1 -1
- package/dist/Switch/SwitchThumb.cjs +1 -1
- package/dist/Switch/SwitchThumb.cjs.map +1 -1
- package/dist/Switch/SwitchThumb.js +1 -1
- package/dist/Switch/SwitchThumb.js.map +1 -1
- package/dist/TimeField/TimeFieldRoot.cjs +1 -1
- package/dist/TimeField/TimeFieldRoot.cjs.map +1 -1
- package/dist/TimeField/TimeFieldRoot.js +1 -1
- package/dist/TimeField/TimeFieldRoot.js.map +1 -1
- package/dist/TimeRangeField/TimeRangeFieldInput.cjs +102 -0
- package/dist/TimeRangeField/TimeRangeFieldInput.cjs.map +1 -0
- package/dist/TimeRangeField/TimeRangeFieldInput.js +96 -0
- package/dist/TimeRangeField/TimeRangeFieldInput.js.map +1 -0
- package/dist/TimeRangeField/TimeRangeFieldRoot.cjs +402 -0
- package/dist/TimeRangeField/TimeRangeFieldRoot.cjs.map +1 -0
- package/dist/TimeRangeField/TimeRangeFieldRoot.js +390 -0
- package/dist/TimeRangeField/TimeRangeFieldRoot.js.map +1 -0
- package/dist/Toast/ToastAnnounce.cjs +4 -1
- package/dist/Toast/ToastAnnounce.cjs.map +1 -1
- package/dist/Toast/ToastAnnounce.js +4 -1
- package/dist/Toast/ToastAnnounce.js.map +1 -1
- package/dist/ToggleGroup/ToggleGroupRoot.cjs +1 -1
- package/dist/ToggleGroup/ToggleGroupRoot.js +1 -1
- package/dist/Tooltip/TooltipContent.cjs +1 -2
- package/dist/Tooltip/TooltipContent.cjs.map +1 -1
- package/dist/Tooltip/TooltipContent.js +1 -2
- package/dist/Tooltip/TooltipContent.js.map +1 -1
- package/dist/Tooltip/TooltipContentImpl.cjs +25 -18
- package/dist/Tooltip/TooltipContentImpl.cjs.map +1 -1
- package/dist/Tooltip/TooltipContentImpl.js +25 -18
- package/dist/Tooltip/TooltipContentImpl.js.map +1 -1
- package/dist/Tooltip/TooltipProvider.cjs +7 -2
- package/dist/Tooltip/TooltipProvider.cjs.map +1 -1
- package/dist/Tooltip/TooltipProvider.js +7 -2
- package/dist/Tooltip/TooltipProvider.js.map +1 -1
- package/dist/YearPicker/YearPickerCell.cjs +59 -0
- package/dist/YearPicker/YearPickerCell.cjs.map +1 -0
- package/dist/YearPicker/YearPickerCell.js +53 -0
- package/dist/YearPicker/YearPickerCell.js.map +1 -0
- package/dist/YearPicker/YearPickerCellTrigger.cjs +197 -0
- package/dist/YearPicker/YearPickerCellTrigger.cjs.map +1 -0
- package/dist/YearPicker/YearPickerCellTrigger.js +191 -0
- package/dist/YearPicker/YearPickerCellTrigger.js.map +1 -0
- package/dist/YearPicker/YearPickerGrid.cjs +59 -0
- package/dist/YearPicker/YearPickerGrid.cjs.map +1 -0
- package/dist/YearPicker/YearPickerGrid.js +53 -0
- package/dist/YearPicker/YearPickerGrid.js.map +1 -0
- package/dist/YearPicker/YearPickerGridBody.cjs +41 -0
- package/dist/YearPicker/YearPickerGridBody.cjs.map +1 -0
- package/dist/YearPicker/YearPickerGridBody.js +35 -0
- package/dist/YearPicker/YearPickerGridBody.js.map +1 -0
- package/dist/YearPicker/YearPickerGridRow.cjs +41 -0
- package/dist/YearPicker/YearPickerGridRow.cjs.map +1 -0
- package/dist/YearPicker/YearPickerGridRow.js +35 -0
- package/dist/YearPicker/YearPickerGridRow.js.map +1 -0
- package/dist/YearPicker/YearPickerHeader.cjs +41 -0
- package/dist/YearPicker/YearPickerHeader.cjs.map +1 -0
- package/dist/YearPicker/YearPickerHeader.js +35 -0
- package/dist/YearPicker/YearPickerHeader.js.map +1 -0
- package/dist/YearPicker/YearPickerHeading.cjs +48 -0
- package/dist/YearPicker/YearPickerHeading.cjs.map +1 -0
- package/dist/YearPicker/YearPickerHeading.js +42 -0
- package/dist/YearPicker/YearPickerHeading.js.map +1 -0
- package/dist/YearPicker/YearPickerNext.cjs +68 -0
- package/dist/YearPicker/YearPickerNext.cjs.map +1 -0
- package/dist/YearPicker/YearPickerNext.js +62 -0
- package/dist/YearPicker/YearPickerNext.js.map +1 -0
- package/dist/YearPicker/YearPickerPrev.cjs +68 -0
- package/dist/YearPicker/YearPickerPrev.cjs.map +1 -0
- package/dist/YearPicker/YearPickerPrev.js +62 -0
- package/dist/YearPicker/YearPickerPrev.js.map +1 -0
- package/dist/YearPicker/YearPickerRoot.cjs +287 -0
- package/dist/YearPicker/YearPickerRoot.cjs.map +1 -0
- package/dist/YearPicker/YearPickerRoot.js +275 -0
- package/dist/YearPicker/YearPickerRoot.js.map +1 -0
- package/dist/YearPicker/useYearPicker.cjs +180 -0
- package/dist/YearPicker/useYearPicker.cjs.map +1 -0
- package/dist/YearPicker/useYearPicker.js +168 -0
- package/dist/YearPicker/useYearPicker.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerCell.cjs +59 -0
- package/dist/YearRangePicker/YearRangePickerCell.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerCell.js +53 -0
- package/dist/YearRangePicker/YearRangePickerCell.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerCellTrigger.cjs +256 -0
- package/dist/YearRangePicker/YearRangePickerCellTrigger.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerCellTrigger.js +250 -0
- package/dist/YearRangePicker/YearRangePickerCellTrigger.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerGrid.cjs +59 -0
- package/dist/YearRangePicker/YearRangePickerGrid.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerGrid.js +53 -0
- package/dist/YearRangePicker/YearRangePickerGrid.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerGridBody.cjs +41 -0
- package/dist/YearRangePicker/YearRangePickerGridBody.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerGridBody.js +35 -0
- package/dist/YearRangePicker/YearRangePickerGridBody.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerGridRow.cjs +41 -0
- package/dist/YearRangePicker/YearRangePickerGridRow.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerGridRow.js +35 -0
- package/dist/YearRangePicker/YearRangePickerGridRow.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerHeader.cjs +41 -0
- package/dist/YearRangePicker/YearRangePickerHeader.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerHeader.js +35 -0
- package/dist/YearRangePicker/YearRangePickerHeader.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerHeading.cjs +48 -0
- package/dist/YearRangePicker/YearRangePickerHeading.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerHeading.js +42 -0
- package/dist/YearRangePicker/YearRangePickerHeading.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerNext.cjs +68 -0
- package/dist/YearRangePicker/YearRangePickerNext.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerNext.js +62 -0
- package/dist/YearRangePicker/YearRangePickerNext.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerPrev.cjs +68 -0
- package/dist/YearRangePicker/YearRangePickerPrev.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerPrev.js +62 -0
- package/dist/YearRangePicker/YearRangePickerPrev.js.map +1 -0
- package/dist/YearRangePicker/YearRangePickerRoot.cjs +350 -0
- package/dist/YearRangePicker/YearRangePickerRoot.cjs.map +1 -0
- package/dist/YearRangePicker/YearRangePickerRoot.js +338 -0
- package/dist/YearRangePicker/YearRangePickerRoot.js.map +1 -0
- package/dist/YearRangePicker/useRangeYearPicker.cjs +128 -0
- package/dist/YearRangePicker/useRangeYearPicker.cjs.map +1 -0
- package/dist/YearRangePicker/useRangeYearPicker.js +122 -0
- package/dist/YearRangePicker/useRangeYearPicker.js.map +1 -0
- package/dist/color/channel.cjs +378 -0
- package/dist/color/channel.cjs.map +1 -0
- package/dist/color/channel.js +349 -0
- package/dist/color/channel.js.map +1 -0
- package/dist/color/convert.cjs +285 -0
- package/dist/color/convert.cjs.map +1 -0
- package/dist/color/convert.js +237 -0
- package/dist/color/convert.js.map +1 -0
- package/dist/color/gradient.cjs +377 -0
- package/dist/color/gradient.cjs.map +1 -0
- package/dist/color/gradient.js +354 -0
- package/dist/color/gradient.js.map +1 -0
- package/dist/color/parse.cjs +113 -0
- package/dist/color/parse.cjs.map +1 -0
- package/dist/color/parse.js +95 -0
- package/dist/color/parse.js.map +1 -0
- package/dist/color/utils.cjs +112 -0
- package/dist/color/utils.cjs.map +1 -0
- package/dist/color/utils.js +100 -0
- package/dist/color/utils.js.map +1 -0
- package/dist/composables/useWindowSplitterPanelGroupBehavior.cjs +11 -7
- package/dist/composables/useWindowSplitterPanelGroupBehavior.cjs.map +1 -1
- package/dist/composables/useWindowSplitterPanelGroupBehavior.js +11 -7
- package/dist/composables/useWindowSplitterPanelGroupBehavior.js.map +1 -1
- package/dist/constant/components.cjs +87 -1
- package/dist/constant/components.cjs.map +1 -1
- package/dist/constant/components.js +87 -1
- package/dist/constant/components.js.map +1 -1
- package/dist/constant.d.cts +12 -1
- package/dist/constant.d.cts.map +1 -1
- package/dist/constant.d.ts +12 -1
- package/dist/constant.d.ts.map +1 -1
- package/dist/date/calendar.cjs +41 -0
- package/dist/date/calendar.cjs.map +1 -1
- package/dist/date/calendar.js +30 -1
- package/dist/date/calendar.js.map +1 -1
- package/dist/date/comparators.cjs +129 -0
- package/dist/date/comparators.cjs.map +1 -1
- package/dist/date/comparators.js +76 -1
- package/dist/date/comparators.js.map +1 -1
- package/dist/date/useDateField.cjs +0 -1
- package/dist/date/useDateField.cjs.map +1 -1
- package/dist/date/useDateField.js +0 -1
- package/dist/date/useDateField.js.map +1 -1
- package/dist/date.cjs +11 -0
- package/dist/date.d.cts +2 -2
- package/dist/date.d.ts +2 -2
- package/dist/date.js +3 -3
- package/dist/index.cjs +216 -46
- package/dist/index.d.cts +3 -8834
- package/dist/index.d.ts +3 -8834
- package/dist/index.js +116 -47
- package/dist/index2.d.cts +58 -2
- package/dist/index2.d.cts.map +1 -1
- package/dist/index2.d.ts +58 -2
- package/dist/index2.d.ts.map +1 -1
- package/dist/index3.d.cts +11061 -0
- package/dist/index3.d.cts.map +1 -0
- package/dist/index3.d.ts +11061 -0
- package/dist/index3.d.ts.map +1 -0
- package/dist/internal.cjs +81 -0
- package/dist/internal.d.cts +22 -0
- package/dist/internal.d.cts.map +1 -0
- package/dist/internal.d.ts +22 -0
- package/dist/internal.d.ts.map +1 -0
- package/dist/internal.js +64 -0
- package/dist/internal2.cjs +0 -0
- package/dist/internal2.js +0 -0
- package/dist/namespaced/index.cjs +33 -1
- package/dist/namespaced/index.d.cts +32 -4
- package/dist/namespaced/index.d.mts +32 -4
- package/dist/namespaced/index.mjs +32 -4
- package/dist/shared/useArrowNavigation.cjs +4 -2
- package/dist/shared/useArrowNavigation.cjs.map +1 -1
- package/dist/shared/useArrowNavigation.js +4 -2
- package/dist/shared/useArrowNavigation.js.map +1 -1
- package/dist/shared/useForwardExpose.cjs +6 -2
- package/dist/shared/useForwardExpose.cjs.map +1 -1
- package/dist/shared/useForwardExpose.js +7 -3
- package/dist/shared/useForwardExpose.js.map +1 -1
- package/dist/shared/useId.cjs +7 -4
- package/dist/shared/useId.cjs.map +1 -1
- package/dist/shared/useId.js +7 -4
- package/dist/shared/useId.js.map +1 -1
- package/dist/utils/storage.cjs +7 -1
- package/dist/utils/storage.cjs.map +1 -1
- package/dist/utils/storage.js +7 -1
- package/dist/utils/storage.js.map +1 -1
- package/dist/utils/units.cjs +101 -0
- package/dist/utils/units.cjs.map +1 -0
- package/dist/utils/units.js +83 -0
- package/dist/utils/units.js.map +1 -0
- package/package.json +6 -2
- package/src/Autocomplete/AutocompleteInput.vue +112 -0
- package/src/Autocomplete/AutocompleteRoot.vue +272 -0
- package/src/Autocomplete/index.ts +72 -0
- package/src/Calendar/CalendarCellTrigger.vue +2 -1
- package/src/Calendar/CalendarNext.vue +8 -2
- package/src/Calendar/CalendarPrev.vue +8 -2
- package/src/Calendar/CalendarRoot.vue +1 -1
- package/src/Checkbox/CheckboxRoot.vue +32 -13
- package/src/ColorArea/ColorAreaArea.vue +145 -0
- package/src/ColorArea/ColorAreaRoot.vue +255 -0
- package/src/ColorArea/ColorAreaThumb.vue +75 -0
- package/src/ColorArea/index.ts +14 -0
- package/src/ColorArea/utils.ts +24 -0
- package/src/ColorField/ColorFieldInput.vue +133 -0
- package/src/ColorField/ColorFieldRoot.vue +326 -0
- package/src/ColorField/index.ts +10 -0
- package/src/ColorSlider/ColorSliderRoot.vue +224 -0
- package/src/ColorSlider/ColorSliderThumb.vue +54 -0
- package/src/ColorSlider/ColorSliderTrack.vue +36 -0
- package/src/ColorSlider/index.ts +14 -0
- package/src/ColorSlider/utils.ts +39 -0
- package/src/ColorSwatch/ColorSwatch.vue +97 -0
- package/src/ColorSwatch/index.ts +4 -0
- package/src/ColorSwatchPicker/ColorSwatchPickerItem.vue +60 -0
- package/src/ColorSwatchPicker/ColorSwatchPickerItemIndicator.vue +17 -0
- package/src/ColorSwatchPicker/ColorSwatchPickerItemSwatch.vue +21 -0
- package/src/ColorSwatchPicker/ColorSwatchPickerRoot.vue +50 -0
- package/src/ColorSwatchPicker/index.ts +17 -0
- package/src/Combobox/ComboboxContentImpl.vue +13 -1
- package/src/DateField/DateFieldRoot.vue +1 -1
- package/src/DateRangeField/DateRangeFieldRoot.vue +11 -4
- package/src/DismissableLayer/utils.ts +1 -2
- package/src/DropdownMenu/DropdownMenuFilter.vue +119 -0
- package/src/DropdownMenu/index.ts +5 -0
- package/src/Menu/MenuContentImpl.vue +68 -2
- package/src/Menu/MenuItemImpl.vue +11 -6
- package/src/Menu/MenuSubContent.vue +14 -3
- package/src/Menu/MenuSubTrigger.vue +13 -1
- package/src/MonthPicker/MonthPickerCell.vue +30 -0
- package/src/MonthPicker/MonthPickerCellTrigger.vue +214 -0
- package/src/MonthPicker/MonthPickerGrid.vue +32 -0
- package/src/MonthPicker/MonthPickerGridBody.vue +17 -0
- package/src/MonthPicker/MonthPickerGridRow.vue +20 -0
- package/src/MonthPicker/MonthPickerHeader.vue +17 -0
- package/src/MonthPicker/MonthPickerHeading.vue +35 -0
- package/src/MonthPicker/MonthPickerNext.vue +52 -0
- package/src/MonthPicker/MonthPickerPrev.vue +52 -0
- package/src/MonthPicker/MonthPickerRoot.vue +311 -0
- package/src/MonthPicker/index.ts +42 -0
- package/src/MonthPicker/useMonthPicker.ts +193 -0
- package/src/MonthRangePicker/MonthRangePickerCell.vue +30 -0
- package/src/MonthRangePicker/MonthRangePickerCellTrigger.vue +309 -0
- package/src/MonthRangePicker/MonthRangePickerGrid.vue +32 -0
- package/src/MonthRangePicker/MonthRangePickerGridBody.vue +17 -0
- package/src/MonthRangePicker/MonthRangePickerGridRow.vue +20 -0
- package/src/MonthRangePicker/MonthRangePickerHeader.vue +17 -0
- package/src/MonthRangePicker/MonthRangePickerHeading.vue +35 -0
- package/src/MonthRangePicker/MonthRangePickerNext.vue +52 -0
- package/src/MonthRangePicker/MonthRangePickerPrev.vue +52 -0
- package/src/MonthRangePicker/MonthRangePickerRoot.vue +391 -0
- package/src/MonthRangePicker/index.ts +42 -0
- package/src/MonthRangePicker/useRangeMonthPicker.ts +165 -0
- package/src/NumberField/NumberFieldRoot.vue +2 -1
- package/src/Progress/ProgressRoot.vue +3 -1
- package/src/RangeCalendar/RangeCalendarNext.vue +10 -4
- package/src/RangeCalendar/RangeCalendarPrev.vue +10 -4
- package/src/RangeCalendar/RangeCalendarRoot.vue +2 -2
- package/src/RangeCalendar/useRangeCalendar.ts +5 -8
- package/src/Splitter/SplitterGroup.vue +218 -49
- package/src/Splitter/SplitterPanel.vue +11 -6
- package/src/Splitter/utils/composables/useWindowSplitterPanelGroupBehavior.ts +16 -6
- package/src/Splitter/utils/storage.ts +14 -0
- package/src/Splitter/utils/units.ts +161 -0
- package/src/Splitter/utils/validation.ts +3 -2
- package/src/Switch/SwitchRoot.vue +36 -19
- package/src/Switch/SwitchThumb.vue +1 -1
- package/src/TimeField/TimeFieldRoot.vue +0 -3
- package/src/TimeRangeField/TimeRangeFieldInput.vue +74 -0
- package/src/TimeRangeField/TimeRangeFieldRoot.vue +473 -0
- package/src/TimeRangeField/index.ts +2 -0
- package/src/Toast/ToastAnnounce.vue +4 -1
- package/src/Tooltip/TooltipContent.vue +1 -3
- package/src/Tooltip/TooltipContentImpl.vue +18 -10
- package/src/Tooltip/TooltipProvider.vue +8 -1
- package/src/YearPicker/YearPickerCell.vue +30 -0
- package/src/YearPicker/YearPickerCellTrigger.vue +218 -0
- package/src/YearPicker/YearPickerGrid.vue +32 -0
- package/src/YearPicker/YearPickerGridBody.vue +17 -0
- package/src/YearPicker/YearPickerGridRow.vue +20 -0
- package/src/YearPicker/YearPickerHeader.vue +17 -0
- package/src/YearPicker/YearPickerHeading.vue +35 -0
- package/src/YearPicker/YearPickerNext.vue +52 -0
- package/src/YearPicker/YearPickerPrev.vue +52 -0
- package/src/YearPicker/YearPickerRoot.vue +314 -0
- package/src/YearPicker/index.ts +42 -0
- package/src/YearPicker/useYearPicker.ts +202 -0
- package/src/YearRangePicker/YearRangePickerCell.vue +30 -0
- package/src/YearRangePicker/YearRangePickerCellTrigger.vue +311 -0
- package/src/YearRangePicker/YearRangePickerGrid.vue +32 -0
- package/src/YearRangePicker/YearRangePickerGridBody.vue +17 -0
- package/src/YearRangePicker/YearRangePickerGridRow.vue +20 -0
- package/src/YearRangePicker/YearRangePickerHeader.vue +17 -0
- package/src/YearRangePicker/YearRangePickerHeading.vue +35 -0
- package/src/YearRangePicker/YearRangePickerNext.vue +52 -0
- package/src/YearRangePicker/YearRangePickerPrev.vue +52 -0
- package/src/YearRangePicker/YearRangePickerRoot.vue +391 -0
- package/src/YearRangePicker/index.ts +42 -0
- package/src/YearRangePicker/useRangeYearPicker.ts +165 -0
- package/src/date/calendar.ts +29 -0
- package/src/date/comparators.ts +97 -0
- package/src/index.ts +41 -0
- package/src/internal.ts +7 -0
- package/src/shared/color/channel.ts +424 -0
- package/src/shared/color/convert.ts +293 -0
- package/src/shared/color/gradient.ts +347 -0
- package/src/shared/color/index.ts +35 -0
- package/src/shared/color/parse.ts +140 -0
- package/src/shared/color/types.ts +40 -0
- package/src/shared/color/utils.ts +143 -0
- package/src/shared/date/types.ts +6 -0
- package/src/shared/date/useDateField.ts +37 -39
- package/src/shared/macro.ts +11 -0
- package/src/shared/useArrowNavigation.ts +8 -2
- package/src/shared/useForwardExpose.ts +20 -5
- package/src/shared/useId.ts +6 -7
- package/dist/index.d.cts.map +0 -1
- package/dist/index.d.ts.map +0 -1
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
|
|
3
|
+
const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
|
|
4
|
+
const require_Menu_MenuRoot = require('../Menu/MenuRoot.cjs');
|
|
5
|
+
const require_Menu_MenuContentImpl = require('../Menu/MenuContentImpl.cjs');
|
|
6
|
+
const require_Menu_MenuSub = require('../Menu/MenuSub.cjs');
|
|
7
|
+
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
8
|
+
const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
|
|
9
|
+
|
|
10
|
+
//#region src/DropdownMenu/DropdownMenuFilter.vue?vue&type=script&setup=true&lang.ts
|
|
11
|
+
var DropdownMenuFilter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
12
|
+
__name: "DropdownMenuFilter",
|
|
13
|
+
props: {
|
|
14
|
+
modelValue: {
|
|
15
|
+
type: String,
|
|
16
|
+
required: false
|
|
17
|
+
},
|
|
18
|
+
autoFocus: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
required: false
|
|
21
|
+
},
|
|
22
|
+
disabled: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
required: false
|
|
25
|
+
},
|
|
26
|
+
asChild: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
required: false
|
|
29
|
+
},
|
|
30
|
+
as: {
|
|
31
|
+
type: null,
|
|
32
|
+
required: false,
|
|
33
|
+
default: "input"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
emits: ["update:modelValue"],
|
|
37
|
+
setup(__props, { emit: __emit }) {
|
|
38
|
+
const props = __props;
|
|
39
|
+
const emits = __emit;
|
|
40
|
+
const modelValue = (0, __vueuse_core.useVModel)(props, "modelValue", emits, {
|
|
41
|
+
defaultValue: "",
|
|
42
|
+
passive: props.modelValue === void 0
|
|
43
|
+
});
|
|
44
|
+
const rootContext = require_Menu_MenuRoot.injectMenuRootContext();
|
|
45
|
+
const contentContext = require_Menu_MenuContentImpl.injectMenuContentContext();
|
|
46
|
+
const subContext = require_Menu_MenuSub.injectMenuSubContext(null);
|
|
47
|
+
(0, vue.watch)(modelValue, (v) => {
|
|
48
|
+
contentContext.searchRef.value = v ?? "";
|
|
49
|
+
}, { immediate: true });
|
|
50
|
+
const { primitiveElement, currentElement } = require_Primitive_usePrimitiveElement.usePrimitiveElement();
|
|
51
|
+
const disabled = (0, vue.computed)(() => props.disabled || false);
|
|
52
|
+
const activedescendant = (0, vue.ref)();
|
|
53
|
+
(0, vue.watchSyncEffect)(() => activedescendant.value = contentContext.highlightedElement.value?.id);
|
|
54
|
+
(0, vue.onMounted)(() => {
|
|
55
|
+
contentContext.onFilterElementChange(currentElement.value);
|
|
56
|
+
setTimeout(() => {
|
|
57
|
+
if (props.autoFocus) {
|
|
58
|
+
const isSubmenu = !!subContext;
|
|
59
|
+
if (!isSubmenu || rootContext.isUsingKeyboardRef.value) currentElement.value?.focus();
|
|
60
|
+
}
|
|
61
|
+
}, 1);
|
|
62
|
+
});
|
|
63
|
+
(0, vue.onUnmounted)(() => {
|
|
64
|
+
contentContext.onFilterElementChange(void 0);
|
|
65
|
+
contentContext.searchRef.value = "";
|
|
66
|
+
});
|
|
67
|
+
function handleInput(event) {
|
|
68
|
+
if (disabled.value) return;
|
|
69
|
+
const target = event.target;
|
|
70
|
+
modelValue.value = target.value;
|
|
71
|
+
contentContext.searchRef.value = target.value;
|
|
72
|
+
}
|
|
73
|
+
function handleKeyDown(event) {
|
|
74
|
+
if (disabled.value) return;
|
|
75
|
+
if ([
|
|
76
|
+
"ArrowDown",
|
|
77
|
+
"ArrowUp",
|
|
78
|
+
"Home",
|
|
79
|
+
"End"
|
|
80
|
+
].includes(event.key)) {
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
contentContext.onKeydownNavigation(event);
|
|
83
|
+
} else if (event.key === "Enter") {
|
|
84
|
+
event.preventDefault();
|
|
85
|
+
contentContext.onKeydownEnter(event);
|
|
86
|
+
} else if (event.key === "Escape" && modelValue.value) {
|
|
87
|
+
event.stopPropagation();
|
|
88
|
+
modelValue.value = "";
|
|
89
|
+
contentContext.searchRef.value = "";
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
return (_ctx, _cache) => {
|
|
93
|
+
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
|
|
94
|
+
ref_key: "primitiveElement",
|
|
95
|
+
ref: primitiveElement,
|
|
96
|
+
as: _ctx.as,
|
|
97
|
+
"as-child": _ctx.asChild,
|
|
98
|
+
value: (0, vue.unref)(modelValue),
|
|
99
|
+
disabled: disabled.value ? "" : void 0,
|
|
100
|
+
"data-disabled": disabled.value ? "" : void 0,
|
|
101
|
+
"aria-disabled": disabled.value ? true : void 0,
|
|
102
|
+
"aria-activedescendant": activedescendant.value,
|
|
103
|
+
type: "text",
|
|
104
|
+
role: "searchbox",
|
|
105
|
+
onInput: handleInput,
|
|
106
|
+
onKeydown: handleKeyDown
|
|
107
|
+
}, {
|
|
108
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { modelValue: (0, vue.unref)(modelValue) })]),
|
|
109
|
+
_: 3
|
|
110
|
+
}, 8, [
|
|
111
|
+
"as",
|
|
112
|
+
"as-child",
|
|
113
|
+
"value",
|
|
114
|
+
"disabled",
|
|
115
|
+
"data-disabled",
|
|
116
|
+
"aria-disabled",
|
|
117
|
+
"aria-activedescendant"
|
|
118
|
+
]);
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
//#endregion
|
|
124
|
+
//#region src/DropdownMenu/DropdownMenuFilter.vue
|
|
125
|
+
var DropdownMenuFilter_default = DropdownMenuFilter_vue_vue_type_script_setup_true_lang_default;
|
|
126
|
+
|
|
127
|
+
//#endregion
|
|
128
|
+
Object.defineProperty(exports, 'DropdownMenuFilter_default', {
|
|
129
|
+
enumerable: true,
|
|
130
|
+
get: function () {
|
|
131
|
+
return DropdownMenuFilter_default;
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
//# sourceMappingURL=DropdownMenuFilter.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenuFilter.cjs","names":["as","asChild"],"sources":["../../src/DropdownMenu/DropdownMenuFilter.vue","../../src/DropdownMenu/DropdownMenuFilter.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EASd,MAAM,aAAa,6BAAU,OAAO,cAAc,OAAO;GACvD,cAAc;GACd,SAAU,MAAM;EACjB,EAAA;EAED,MAAM,cAAc,6CAAsB;EAC1C,MAAM,iBAAiB,uDAAyB;EAChD,MAAM,aAAa,0CAAqB,KAAI;AAG5C,iBAAM,YAAY,CAAC,MAAM;AAAE,kBAAe,UAAU,QAAQ,KAAK;EAAI,GAAE,EAAE,WAAW,KAAM,EAAA;EAE1F,MAAM,EAAE,kBAAkB,gBAAgB,GAAG,2DAAoB;EACjE,MAAM,WAAW,kBAAS,MAAM,MAAM,YAAY,MAAK;EAEvD,MAAM,mBAAmB,cAAwB;AACjD,2BAAgB,MAAM,iBAAiB,QAAQ,eAAe,mBAAmB,OAAO,GAAE;AAE1F,qBAAU,MAAM;AACd,kBAAe,sBAAsB,eAAe,MAAK;AACzD,cAAW,MAAM;AAEf,QAAI,MAAM,WAAW;KACnB,MAAM,cAAc;AACpB,UAAK,aAAa,YAAY,mBAAmB,MAC/C,gBAAe,OAAO,OAAM;IAChC;GACD,GAAE,EAAC;EACL,EAAA;AAED,uBAAY,MAAM;AAChB,kBAAe,6BAA+B;AAE9C,kBAAe,UAAU,QAAQ;EAClC,EAAA;EAED,SAAS,YAAY,OAAmB;AACtC,OAAI,SAAS,MACX;GACF,MAAM,SAAS,MAAM;AACrB,cAAW,QAAQ,OAAO;AAE1B,kBAAe,UAAU,QAAQ,OAAO;EAC1C;EAEA,SAAS,cAAc,OAAsB;AAC3C,OAAI,SAAS,MACX;AACF,OAAI;IAAC;IAAa;IAAW;IAAQ;GAAM,EAAC,SAAS,MAAM,IAAI,EAAE;AAC/D,UAAM,gBAAe;AACrB,mBAAe,oBAAoB,MAAK;GAC1C,WACS,MAAM,QAAQ,SAAS;AAC9B,UAAM,gBAAe;AACrB,mBAAe,eAAe,MAAK;GACrC,WAES,MAAM,QAAQ,YAAY,WAAW,OAAO;AACnD,UAAM,iBAAgB;AACtB,eAAW,QAAQ;AACnB,mBAAe,UAAU,QAAQ;GACnC;EACF;;gCAIE,qBAeY,eAAA,sCAAA,EAAA;aAdN;IAAJ,KAAI;IACH,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,OAAO,eAAA,WAAU;IACjB,UAAU,SAAA,QAAQ;IAClB,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA,QAAQ;IACvB,yBAAuB,iBAAA;IACxB,MAAK;IACL,MAAK;IACJ,SAAO;IACP,WAAS;;8BAEV,MAAkC,CAAlC,oBAAkC,KAAA,QAAA,WAAA,EAA3B,YAAa,eAAA,WAAU,CAAA,EAAA"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { Primitive } from "../Primitive/Primitive.js";
|
|
2
|
+
import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
|
|
3
|
+
import { injectMenuRootContext } from "../Menu/MenuRoot.js";
|
|
4
|
+
import { injectMenuContentContext } from "../Menu/MenuContentImpl.js";
|
|
5
|
+
import { injectMenuSubContext } from "../Menu/MenuSub.js";
|
|
6
|
+
import { computed, createBlock, defineComponent, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, watch, watchSyncEffect, withCtx } from "vue";
|
|
7
|
+
import { useVModel } from "@vueuse/core";
|
|
8
|
+
|
|
9
|
+
//#region src/DropdownMenu/DropdownMenuFilter.vue?vue&type=script&setup=true&lang.ts
|
|
10
|
+
var DropdownMenuFilter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
11
|
+
__name: "DropdownMenuFilter",
|
|
12
|
+
props: {
|
|
13
|
+
modelValue: {
|
|
14
|
+
type: String,
|
|
15
|
+
required: false
|
|
16
|
+
},
|
|
17
|
+
autoFocus: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
required: false
|
|
20
|
+
},
|
|
21
|
+
disabled: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
required: false
|
|
24
|
+
},
|
|
25
|
+
asChild: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
required: false
|
|
28
|
+
},
|
|
29
|
+
as: {
|
|
30
|
+
type: null,
|
|
31
|
+
required: false,
|
|
32
|
+
default: "input"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
emits: ["update:modelValue"],
|
|
36
|
+
setup(__props, { emit: __emit }) {
|
|
37
|
+
const props = __props;
|
|
38
|
+
const emits = __emit;
|
|
39
|
+
const modelValue = useVModel(props, "modelValue", emits, {
|
|
40
|
+
defaultValue: "",
|
|
41
|
+
passive: props.modelValue === void 0
|
|
42
|
+
});
|
|
43
|
+
const rootContext = injectMenuRootContext();
|
|
44
|
+
const contentContext = injectMenuContentContext();
|
|
45
|
+
const subContext = injectMenuSubContext(null);
|
|
46
|
+
watch(modelValue, (v) => {
|
|
47
|
+
contentContext.searchRef.value = v ?? "";
|
|
48
|
+
}, { immediate: true });
|
|
49
|
+
const { primitiveElement, currentElement } = usePrimitiveElement();
|
|
50
|
+
const disabled = computed(() => props.disabled || false);
|
|
51
|
+
const activedescendant = ref();
|
|
52
|
+
watchSyncEffect(() => activedescendant.value = contentContext.highlightedElement.value?.id);
|
|
53
|
+
onMounted(() => {
|
|
54
|
+
contentContext.onFilterElementChange(currentElement.value);
|
|
55
|
+
setTimeout(() => {
|
|
56
|
+
if (props.autoFocus) {
|
|
57
|
+
const isSubmenu = !!subContext;
|
|
58
|
+
if (!isSubmenu || rootContext.isUsingKeyboardRef.value) currentElement.value?.focus();
|
|
59
|
+
}
|
|
60
|
+
}, 1);
|
|
61
|
+
});
|
|
62
|
+
onUnmounted(() => {
|
|
63
|
+
contentContext.onFilterElementChange(void 0);
|
|
64
|
+
contentContext.searchRef.value = "";
|
|
65
|
+
});
|
|
66
|
+
function handleInput(event) {
|
|
67
|
+
if (disabled.value) return;
|
|
68
|
+
const target = event.target;
|
|
69
|
+
modelValue.value = target.value;
|
|
70
|
+
contentContext.searchRef.value = target.value;
|
|
71
|
+
}
|
|
72
|
+
function handleKeyDown(event) {
|
|
73
|
+
if (disabled.value) return;
|
|
74
|
+
if ([
|
|
75
|
+
"ArrowDown",
|
|
76
|
+
"ArrowUp",
|
|
77
|
+
"Home",
|
|
78
|
+
"End"
|
|
79
|
+
].includes(event.key)) {
|
|
80
|
+
event.preventDefault();
|
|
81
|
+
contentContext.onKeydownNavigation(event);
|
|
82
|
+
} else if (event.key === "Enter") {
|
|
83
|
+
event.preventDefault();
|
|
84
|
+
contentContext.onKeydownEnter(event);
|
|
85
|
+
} else if (event.key === "Escape" && modelValue.value) {
|
|
86
|
+
event.stopPropagation();
|
|
87
|
+
modelValue.value = "";
|
|
88
|
+
contentContext.searchRef.value = "";
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
return (_ctx, _cache) => {
|
|
92
|
+
return openBlock(), createBlock(unref(Primitive), {
|
|
93
|
+
ref_key: "primitiveElement",
|
|
94
|
+
ref: primitiveElement,
|
|
95
|
+
as: _ctx.as,
|
|
96
|
+
"as-child": _ctx.asChild,
|
|
97
|
+
value: unref(modelValue),
|
|
98
|
+
disabled: disabled.value ? "" : void 0,
|
|
99
|
+
"data-disabled": disabled.value ? "" : void 0,
|
|
100
|
+
"aria-disabled": disabled.value ? true : void 0,
|
|
101
|
+
"aria-activedescendant": activedescendant.value,
|
|
102
|
+
type: "text",
|
|
103
|
+
role: "searchbox",
|
|
104
|
+
onInput: handleInput,
|
|
105
|
+
onKeydown: handleKeyDown
|
|
106
|
+
}, {
|
|
107
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
|
|
108
|
+
_: 3
|
|
109
|
+
}, 8, [
|
|
110
|
+
"as",
|
|
111
|
+
"as-child",
|
|
112
|
+
"value",
|
|
113
|
+
"disabled",
|
|
114
|
+
"data-disabled",
|
|
115
|
+
"aria-disabled",
|
|
116
|
+
"aria-activedescendant"
|
|
117
|
+
]);
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
//#endregion
|
|
123
|
+
//#region src/DropdownMenu/DropdownMenuFilter.vue
|
|
124
|
+
var DropdownMenuFilter_default = DropdownMenuFilter_vue_vue_type_script_setup_true_lang_default;
|
|
125
|
+
|
|
126
|
+
//#endregion
|
|
127
|
+
export { DropdownMenuFilter_default };
|
|
128
|
+
//# sourceMappingURL=DropdownMenuFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenuFilter.js","names":["as","asChild"],"sources":["../../src/DropdownMenu/DropdownMenuFilter.vue","../../src/DropdownMenu/DropdownMenuFilter.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EASd,MAAM,aAAa,UAAU,OAAO,cAAc,OAAO;GACvD,cAAc;GACd,SAAU,MAAM;EACjB,EAAA;EAED,MAAM,cAAc,uBAAsB;EAC1C,MAAM,iBAAiB,0BAAyB;EAChD,MAAM,aAAa,qBAAqB,KAAI;AAG5C,QAAM,YAAY,CAAC,MAAM;AAAE,kBAAe,UAAU,QAAQ,KAAK;EAAI,GAAE,EAAE,WAAW,KAAM,EAAA;EAE1F,MAAM,EAAE,kBAAkB,gBAAgB,GAAG,qBAAoB;EACjE,MAAM,WAAW,SAAS,MAAM,MAAM,YAAY,MAAK;EAEvD,MAAM,mBAAmB,KAAwB;AACjD,kBAAgB,MAAM,iBAAiB,QAAQ,eAAe,mBAAmB,OAAO,GAAE;AAE1F,YAAU,MAAM;AACd,kBAAe,sBAAsB,eAAe,MAAK;AACzD,cAAW,MAAM;AAEf,QAAI,MAAM,WAAW;KACnB,MAAM,cAAc;AACpB,UAAK,aAAa,YAAY,mBAAmB,MAC/C,gBAAe,OAAO,OAAM;IAChC;GACD,GAAE,EAAC;EACL,EAAA;AAED,cAAY,MAAM;AAChB,kBAAe,6BAA+B;AAE9C,kBAAe,UAAU,QAAQ;EAClC,EAAA;EAED,SAAS,YAAY,OAAmB;AACtC,OAAI,SAAS,MACX;GACF,MAAM,SAAS,MAAM;AACrB,cAAW,QAAQ,OAAO;AAE1B,kBAAe,UAAU,QAAQ,OAAO;EAC1C;EAEA,SAAS,cAAc,OAAsB;AAC3C,OAAI,SAAS,MACX;AACF,OAAI;IAAC;IAAa;IAAW;IAAQ;GAAM,EAAC,SAAS,MAAM,IAAI,EAAE;AAC/D,UAAM,gBAAe;AACrB,mBAAe,oBAAoB,MAAK;GAC1C,WACS,MAAM,QAAQ,SAAS;AAC9B,UAAM,gBAAe;AACrB,mBAAe,eAAe,MAAK;GACrC,WAES,MAAM,QAAQ,YAAY,WAAW,OAAO;AACnD,UAAM,iBAAgB;AACtB,eAAW,QAAQ;AACnB,mBAAe,UAAU,QAAQ;GACnC;EACF;;uBAIE,YAeY,MAAA,UAAA,EAAA;aAdN;IAAJ,KAAI;IACH,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,OAAO,MAAA,WAAU;IACjB,UAAU,SAAA,QAAQ;IAClB,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA,QAAQ;IACvB,yBAAuB,iBAAA;IACxB,MAAK;IACL,MAAK;IACJ,SAAO;IACP,WAAS;;qBAEV,MAAkC,CAAlC,WAAkC,KAAA,QAAA,WAAA,EAA3B,YAAa,MAAA,WAAU,CAAA,EAAA"}
|
|
@@ -8,9 +8,9 @@ const require_shared_useTypeahead = require('../shared/useTypeahead.cjs');
|
|
|
8
8
|
const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
|
|
9
9
|
const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
|
|
10
10
|
const require_Collection_Collection = require('../Collection/Collection.cjs');
|
|
11
|
-
const require_RovingFocus_utils = require('../RovingFocus/utils.cjs');
|
|
12
11
|
const require_VisuallyHidden_VisuallyHiddenInput = require('../VisuallyHidden/VisuallyHiddenInput.cjs');
|
|
13
12
|
const require_Listbox_utils = require('./utils.cjs');
|
|
13
|
+
const require_RovingFocus_utils = require('../RovingFocus/utils.cjs');
|
|
14
14
|
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
15
15
|
const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
|
|
16
16
|
|
|
@@ -7,9 +7,9 @@ import { useTypeahead } from "../shared/useTypeahead.js";
|
|
|
7
7
|
import { Primitive } from "../Primitive/Primitive.js";
|
|
8
8
|
import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
|
|
9
9
|
import { useCollection } from "../Collection/Collection.js";
|
|
10
|
-
import { getFocusIntent } from "../RovingFocus/utils.js";
|
|
11
10
|
import { VisuallyHiddenInput_default } from "../VisuallyHidden/VisuallyHiddenInput.js";
|
|
12
11
|
import { compare } from "./utils.js";
|
|
12
|
+
import { getFocusIntent } from "../RovingFocus/utils.js";
|
|
13
13
|
import { createBlock, createCommentVNode, defineComponent, nextTick, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
|
|
14
14
|
import { createEventHook, useVModel } from "@vueuse/core";
|
|
15
15
|
|
|
@@ -3,8 +3,8 @@ const require_shared_arrays = require('../shared/arrays.cjs');
|
|
|
3
3
|
const require_shared_getActiveElement = require('../shared/getActiveElement.cjs');
|
|
4
4
|
const require_shared_useTypeahead = require('../shared/useTypeahead.cjs');
|
|
5
5
|
const require_Collection_Collection = require('../Collection/Collection.cjs');
|
|
6
|
-
const require_RovingFocus_utils = require('../RovingFocus/utils.cjs');
|
|
7
6
|
const require_Listbox_utils = require('./utils.cjs');
|
|
7
|
+
const require_RovingFocus_utils = require('../RovingFocus/utils.cjs');
|
|
8
8
|
const require_Listbox_ListboxRoot = require('./ListboxRoot.cjs');
|
|
9
9
|
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
10
10
|
const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
|
|
@@ -2,8 +2,8 @@ import { findValuesBetween } from "../shared/arrays.js";
|
|
|
2
2
|
import { getActiveElement } from "../shared/getActiveElement.js";
|
|
3
3
|
import { getNextMatch } from "../shared/useTypeahead.js";
|
|
4
4
|
import { useCollection } from "../Collection/Collection.js";
|
|
5
|
-
import { MAP_KEY_TO_FOCUS_INTENT } from "../RovingFocus/utils.js";
|
|
6
5
|
import { compare, queryCheckedElement } from "./utils.js";
|
|
6
|
+
import { MAP_KEY_TO_FOCUS_INTENT } from "../RovingFocus/utils.js";
|
|
7
7
|
import { injectListboxRootContext } from "./ListboxRoot.js";
|
|
8
8
|
import { Fragment, cloneVNode, computed, createBlock, createElementBlock, defineComponent, normalizeStyle, openBlock, renderList, resolveDynamicComponent, unref, useSlots } from "vue";
|
|
9
9
|
import { useParentElement } from "@vueuse/core";
|
|
@@ -9,8 +9,8 @@ const require_shared_useTypeahead = require('../shared/useTypeahead.cjs');
|
|
|
9
9
|
const require_DismissableLayer_DismissableLayer = require('../DismissableLayer/DismissableLayer.cjs');
|
|
10
10
|
const require_FocusScope_FocusScope = require('../FocusScope/FocusScope.cjs');
|
|
11
11
|
const require_Menu_utils = require('./utils.cjs');
|
|
12
|
-
const require_RovingFocus_RovingFocusGroup = require('../RovingFocus/RovingFocusGroup.cjs');
|
|
13
12
|
const require_Popper_PopperContent = require('../Popper/PopperContent.cjs');
|
|
13
|
+
const require_RovingFocus_RovingFocusGroup = require('../RovingFocus/RovingFocusGroup.cjs');
|
|
14
14
|
const require_Menu_MenuRoot = require('./MenuRoot.cjs');
|
|
15
15
|
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
16
16
|
|
|
@@ -144,6 +144,31 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
144
144
|
const rovingFocusGroupRef = (0, vue.ref)();
|
|
145
145
|
const { forwardRef, currentElement: contentElement } = require_shared_useForwardExpose.useForwardExpose();
|
|
146
146
|
const { handleTypeaheadSearch } = require_shared_useTypeahead.useTypeahead();
|
|
147
|
+
const highlightedElement = (0, vue.ref)();
|
|
148
|
+
function onKeydownNavigation(event) {
|
|
149
|
+
const el = require_shared_useArrowNavigation.useArrowNavigation(event, highlightedElement.value || require_shared_getActiveElement.getActiveElement(), contentElement.value, {
|
|
150
|
+
loop: loop.value,
|
|
151
|
+
arrowKeyOptions: "vertical",
|
|
152
|
+
dir: rootContext?.dir.value,
|
|
153
|
+
focus: false,
|
|
154
|
+
attributeName: "[data-reka-collection-item]:not([data-disabled])"
|
|
155
|
+
});
|
|
156
|
+
if (el) {
|
|
157
|
+
highlightedElement.value = el;
|
|
158
|
+
el.scrollIntoView({ block: "nearest" });
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
function onKeydownEnter() {
|
|
162
|
+
if (highlightedElement.value) highlightedElement.value.click();
|
|
163
|
+
}
|
|
164
|
+
const filterElement = (0, vue.ref)();
|
|
165
|
+
const activeSubmenuContext = (0, vue.ref)();
|
|
166
|
+
(0, vue.watch)(highlightedElement, (el) => {
|
|
167
|
+
if (activeSubmenuContext.value && (el === void 0 || el !== activeSubmenuContext.value.trigger.value)) {
|
|
168
|
+
activeSubmenuContext.value.onOpenChange(false);
|
|
169
|
+
activeSubmenuContext.value = void 0;
|
|
170
|
+
}
|
|
171
|
+
});
|
|
147
172
|
(0, vue.watch)(contentElement, (el) => {
|
|
148
173
|
menuContext.onContentChange(el);
|
|
149
174
|
});
|
|
@@ -164,6 +189,7 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
164
189
|
if (event.defaultPrevented) return;
|
|
165
190
|
const target = event.target;
|
|
166
191
|
const isKeyDownInside = target.closest("[data-reka-menu-content]") === event.currentTarget;
|
|
192
|
+
const isKeyDownInTextField = ["input", "textarea"].includes(target.tagName.toLowerCase());
|
|
167
193
|
const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
|
|
168
194
|
const isCharacterKey = event.key.length === 1;
|
|
169
195
|
const el = require_shared_useArrowNavigation.useArrowNavigation(event, require_shared_getActiveElement.getActiveElement(), contentElement.value, {
|
|
@@ -178,7 +204,7 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
178
204
|
const collectionItems = rovingFocusGroupRef.value?.getItems() ?? [];
|
|
179
205
|
if (isKeyDownInside) {
|
|
180
206
|
if (event.key === "Tab") event.preventDefault();
|
|
181
|
-
if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key, collectionItems);
|
|
207
|
+
if (!isModifierKey && isCharacterKey && !isKeyDownInTextField) handleTypeaheadSearch(event.key, collectionItems);
|
|
182
208
|
}
|
|
183
209
|
if (event.target !== contentElement.value) return;
|
|
184
210
|
if (!require_Menu_utils.FIRST_LAST_KEYS.includes(event.key)) return;
|
|
@@ -203,6 +229,10 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
203
229
|
lastPointerXRef.value = event.clientX;
|
|
204
230
|
}
|
|
205
231
|
}
|
|
232
|
+
function handlePointerEnter(event) {
|
|
233
|
+
if (!require_Menu_utils.isMouseEvent(event)) return;
|
|
234
|
+
if (filterElement.value) filterElement.value.focus();
|
|
235
|
+
}
|
|
206
236
|
provideMenuContentContext({
|
|
207
237
|
onItemEnter: (event) => {
|
|
208
238
|
if (isPointerMovingToSubmenu(event)) return true;
|
|
@@ -210,7 +240,8 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
210
240
|
},
|
|
211
241
|
onItemLeave: (event) => {
|
|
212
242
|
if (isPointerMovingToSubmenu(event)) return;
|
|
213
|
-
|
|
243
|
+
const isInputFocused = ["INPUT", "TEXTAREA"].includes(require_shared_getActiveElement.getActiveElement()?.tagName || "");
|
|
244
|
+
if (!isInputFocused) contentElement.value?.focus();
|
|
214
245
|
currentItemId.value = null;
|
|
215
246
|
},
|
|
216
247
|
onTriggerLeave: (event) => {
|
|
@@ -218,6 +249,14 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
218
249
|
else return false;
|
|
219
250
|
},
|
|
220
251
|
searchRef,
|
|
252
|
+
highlightedElement,
|
|
253
|
+
onKeydownNavigation,
|
|
254
|
+
onKeydownEnter,
|
|
255
|
+
filterElement,
|
|
256
|
+
onFilterElementChange: (el) => {
|
|
257
|
+
filterElement.value = el;
|
|
258
|
+
},
|
|
259
|
+
activeSubmenuContext,
|
|
221
260
|
pointerGraceTimerRef,
|
|
222
261
|
onPointerGraceIntentChange: (intent) => {
|
|
223
262
|
pointerGraceIntentRef.value = intent;
|
|
@@ -278,7 +317,8 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
278
317
|
reference: _ctx.reference,
|
|
279
318
|
onKeydown: handleKeyDown,
|
|
280
319
|
onBlur: handleBlur,
|
|
281
|
-
onPointermove: handlePointerMove
|
|
320
|
+
onPointermove: handlePointerMove,
|
|
321
|
+
onPointerenter: handlePointerEnter
|
|
282
322
|
}, {
|
|
283
323
|
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
284
324
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContentImpl.cjs","names":["as","asChild","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","prioritizePosition","positionStrategy","updatePositionStrategy","sticky","hideWhenDetached","reference"],"sources":["../../src/Menu/MenuContentImpl.vue","../../src/Menu/MenuContentImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MenuContentImpl.cjs","names":["as","asChild","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","prioritizePosition","positionStrategy","updatePositionStrategy","sticky","hideWhenDetached","reference"],"sources":["../../src/Menu/MenuContentImpl.vue","../../src/Menu/MenuContentImpl.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ import { useTypeahead } from "../shared/useTypeahead.js";
|
|
|
8
8
|
import { DismissableLayer_default } from "../DismissableLayer/DismissableLayer.js";
|
|
9
9
|
import { FocusScope_default } from "../FocusScope/FocusScope.js";
|
|
10
10
|
import { FIRST_LAST_KEYS, LAST_KEYS, focusFirst, getOpenState, isMouseEvent, isPointerInGraceArea } from "./utils.js";
|
|
11
|
-
import { RovingFocusGroup_default } from "../RovingFocus/RovingFocusGroup.js";
|
|
12
11
|
import { PopperContentPropsDefaultValue, PopperContent_default } from "../Popper/PopperContent.js";
|
|
12
|
+
import { RovingFocusGroup_default } from "../RovingFocus/RovingFocusGroup.js";
|
|
13
13
|
import { injectMenuContext, injectMenuRootContext } from "./MenuRoot.js";
|
|
14
14
|
import { createBlock, createVNode, defineComponent, mergeDefaults, onUnmounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
|
|
15
15
|
|
|
@@ -143,6 +143,31 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
143
143
|
const rovingFocusGroupRef = ref();
|
|
144
144
|
const { forwardRef, currentElement: contentElement } = useForwardExpose();
|
|
145
145
|
const { handleTypeaheadSearch } = useTypeahead();
|
|
146
|
+
const highlightedElement = ref();
|
|
147
|
+
function onKeydownNavigation(event) {
|
|
148
|
+
const el = useArrowNavigation(event, highlightedElement.value || getActiveElement(), contentElement.value, {
|
|
149
|
+
loop: loop.value,
|
|
150
|
+
arrowKeyOptions: "vertical",
|
|
151
|
+
dir: rootContext?.dir.value,
|
|
152
|
+
focus: false,
|
|
153
|
+
attributeName: "[data-reka-collection-item]:not([data-disabled])"
|
|
154
|
+
});
|
|
155
|
+
if (el) {
|
|
156
|
+
highlightedElement.value = el;
|
|
157
|
+
el.scrollIntoView({ block: "nearest" });
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
function onKeydownEnter() {
|
|
161
|
+
if (highlightedElement.value) highlightedElement.value.click();
|
|
162
|
+
}
|
|
163
|
+
const filterElement = ref();
|
|
164
|
+
const activeSubmenuContext = ref();
|
|
165
|
+
watch(highlightedElement, (el) => {
|
|
166
|
+
if (activeSubmenuContext.value && (el === void 0 || el !== activeSubmenuContext.value.trigger.value)) {
|
|
167
|
+
activeSubmenuContext.value.onOpenChange(false);
|
|
168
|
+
activeSubmenuContext.value = void 0;
|
|
169
|
+
}
|
|
170
|
+
});
|
|
146
171
|
watch(contentElement, (el) => {
|
|
147
172
|
menuContext.onContentChange(el);
|
|
148
173
|
});
|
|
@@ -163,6 +188,7 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
163
188
|
if (event.defaultPrevented) return;
|
|
164
189
|
const target = event.target;
|
|
165
190
|
const isKeyDownInside = target.closest("[data-reka-menu-content]") === event.currentTarget;
|
|
191
|
+
const isKeyDownInTextField = ["input", "textarea"].includes(target.tagName.toLowerCase());
|
|
166
192
|
const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
|
|
167
193
|
const isCharacterKey = event.key.length === 1;
|
|
168
194
|
const el = useArrowNavigation(event, getActiveElement(), contentElement.value, {
|
|
@@ -177,7 +203,7 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
177
203
|
const collectionItems = rovingFocusGroupRef.value?.getItems() ?? [];
|
|
178
204
|
if (isKeyDownInside) {
|
|
179
205
|
if (event.key === "Tab") event.preventDefault();
|
|
180
|
-
if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key, collectionItems);
|
|
206
|
+
if (!isModifierKey && isCharacterKey && !isKeyDownInTextField) handleTypeaheadSearch(event.key, collectionItems);
|
|
181
207
|
}
|
|
182
208
|
if (event.target !== contentElement.value) return;
|
|
183
209
|
if (!FIRST_LAST_KEYS.includes(event.key)) return;
|
|
@@ -202,6 +228,10 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
202
228
|
lastPointerXRef.value = event.clientX;
|
|
203
229
|
}
|
|
204
230
|
}
|
|
231
|
+
function handlePointerEnter(event) {
|
|
232
|
+
if (!isMouseEvent(event)) return;
|
|
233
|
+
if (filterElement.value) filterElement.value.focus();
|
|
234
|
+
}
|
|
205
235
|
provideMenuContentContext({
|
|
206
236
|
onItemEnter: (event) => {
|
|
207
237
|
if (isPointerMovingToSubmenu(event)) return true;
|
|
@@ -209,7 +239,8 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
209
239
|
},
|
|
210
240
|
onItemLeave: (event) => {
|
|
211
241
|
if (isPointerMovingToSubmenu(event)) return;
|
|
212
|
-
|
|
242
|
+
const isInputFocused = ["INPUT", "TEXTAREA"].includes(getActiveElement()?.tagName || "");
|
|
243
|
+
if (!isInputFocused) contentElement.value?.focus();
|
|
213
244
|
currentItemId.value = null;
|
|
214
245
|
},
|
|
215
246
|
onTriggerLeave: (event) => {
|
|
@@ -217,6 +248,14 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
217
248
|
else return false;
|
|
218
249
|
},
|
|
219
250
|
searchRef,
|
|
251
|
+
highlightedElement,
|
|
252
|
+
onKeydownNavigation,
|
|
253
|
+
onKeydownEnter,
|
|
254
|
+
filterElement,
|
|
255
|
+
onFilterElementChange: (el) => {
|
|
256
|
+
filterElement.value = el;
|
|
257
|
+
},
|
|
258
|
+
activeSubmenuContext,
|
|
220
259
|
pointerGraceTimerRef,
|
|
221
260
|
onPointerGraceIntentChange: (intent) => {
|
|
222
261
|
pointerGraceIntentRef.value = intent;
|
|
@@ -277,7 +316,8 @@ var MenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
277
316
|
reference: _ctx.reference,
|
|
278
317
|
onKeydown: handleKeyDown,
|
|
279
318
|
onBlur: handleBlur,
|
|
280
|
-
onPointermove: handlePointerMove
|
|
319
|
+
onPointermove: handlePointerMove,
|
|
320
|
+
onPointerenter: handlePointerEnter
|
|
281
321
|
}, {
|
|
282
322
|
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
283
323
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContentImpl.js","names":["as","asChild","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","prioritizePosition","positionStrategy","updatePositionStrategy","sticky","hideWhenDetached","reference"],"sources":["../../src/Menu/MenuContentImpl.vue","../../src/Menu/MenuContentImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MenuContentImpl.js","names":["as","asChild","side","sideOffset","align","alignOffset","avoidCollisions","collisionBoundary","collisionPadding","arrowPadding","prioritizePosition","positionStrategy","updatePositionStrategy","sticky","hideWhenDetached","reference"],"sources":["../../src/Menu/MenuContentImpl.vue","../../src/Menu/MenuContentImpl.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_shared_getActiveElement = require('../shared/getActiveElement.cjs');
|
|
2
3
|
const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
|
|
3
4
|
const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
|
|
4
5
|
const require_Menu_utils = require('./utils.cjs');
|
|
@@ -31,9 +32,10 @@ var MenuItemImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
|
|
|
31
32
|
setup(__props) {
|
|
32
33
|
const props = __props;
|
|
33
34
|
const contentContext = require_Menu_MenuContentImpl.injectMenuContentContext();
|
|
34
|
-
const { forwardRef } = require_shared_useForwardExpose.useForwardExpose();
|
|
35
|
+
const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
|
|
35
36
|
const { CollectionItem } = require_Collection_Collection.useCollection();
|
|
36
37
|
const isFocused = (0, vue.ref)(false);
|
|
38
|
+
const isHighlighted = (0, vue.computed)(() => isFocused.value || contentContext.highlightedElement.value === currentElement.value);
|
|
37
39
|
async function handlePointerMove(event) {
|
|
38
40
|
if (event.defaultPrevented) return;
|
|
39
41
|
if (!require_Menu_utils.isMouseEvent(event)) return;
|
|
@@ -42,7 +44,9 @@ var MenuItemImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
|
|
|
42
44
|
const defaultPrevented = contentContext.onItemEnter(event);
|
|
43
45
|
if (!defaultPrevented) {
|
|
44
46
|
const item = event.currentTarget;
|
|
45
|
-
|
|
47
|
+
contentContext.highlightedElement.value = item;
|
|
48
|
+
const isInputFocused = ["INPUT", "TEXTAREA"].includes(require_shared_getActiveElement.getActiveElement()?.tagName || "");
|
|
49
|
+
if (!isInputFocused) item.focus({ preventScroll: true });
|
|
46
50
|
}
|
|
47
51
|
}
|
|
48
52
|
}
|
|
@@ -63,13 +67,14 @@ var MenuItemImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
|
|
|
63
67
|
"as-child": _ctx.asChild,
|
|
64
68
|
"aria-disabled": _ctx.disabled || void 0,
|
|
65
69
|
"data-disabled": _ctx.disabled ? "" : void 0,
|
|
66
|
-
"data-highlighted":
|
|
70
|
+
"data-highlighted": isHighlighted.value ? "" : void 0,
|
|
67
71
|
onPointermove: handlePointerMove,
|
|
68
72
|
onPointerleave: handlePointerLeave,
|
|
69
73
|
onFocus: _cache[0] || (_cache[0] = async (event) => {
|
|
70
74
|
await (0, vue.nextTick)();
|
|
71
75
|
if (event.defaultPrevented || _ctx.disabled) return;
|
|
72
76
|
isFocused.value = true;
|
|
77
|
+
(0, vue.unref)(contentContext).highlightedElement.value = event.currentTarget;
|
|
73
78
|
}),
|
|
74
79
|
onBlur: _cache[1] || (_cache[1] = async (event) => {
|
|
75
80
|
await (0, vue.nextTick)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemImpl.cjs","names":["textValue","$attrs","as","asChild","disabled"],"sources":["../../src/Menu/MenuItemImpl.vue","../../src/Menu/MenuItemImpl.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuItemImpl.cjs","names":["textValue","$attrs","as","asChild","disabled"],"sources":["../../src/Menu/MenuItemImpl.vue","../../src/Menu/MenuItemImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,uDAAyB;EAChD,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;EACxD,MAAM,EAAE,gBAAgB,GAAG,6CAAc;EAEzC,MAAM,YAAY,aAAI,MAAK;EAC3B,MAAM,gBAAgB,kBAAS,MAAM,UAAU,SAAU,eAAe,mBAAmB,UAAU,eAAe,MAAM;EAE1H,eAAe,kBAAkB,OAAqB;AACpD,OAAI,MAAM,iBACR;AACF,QAAK,gCAAa,MAAM,CACtB;AAEF,OAAI,MAAM,SACR,gBAAe,YAAY,MAAK;QAE7B;IACH,MAAM,mBAAmB,eAAe,YAAY,MAAK;AACzD,SAAK,kBAAkB;KACrB,MAAM,OAAO,MAAM;AACnB,oBAAe,mBAAmB,QAAQ;KAC1C,MAAM,iBAAiB,CAAC,SAAS,UAAW,EAAC,SAAS,kDAAkB,EAAE,WAAW,GAAE;AACvF,UAAK,eACH,MAAK,MAAM,EAAE,eAAe,KAAM,EAAA;IACtC;GACF;EACF;EAEA,eAAe,mBAAmB,OAAqB;AACrD,SAAM,mBAAS;AACf,OAAI,MAAM,iBACR;AACF,QAAK,gCAAa,MAAM,CACtB;AAEF,kBAAe,YAAY,MAAK;EAClC;;gCAIE,qBA+BiB,eAAA,eAAA,EAAA,EA/BA,OAAK,EAAA,WAAIA,KAAAA,UAAS;8BACjC,MA6BY,CA7BZ,qBA6BY,eAAA,sCAAA,EA7BZ,oBA6BY;KA5BT,KAAK,eAAA,WAAU;KAChB,MAAK;KACL,UAAS;OACDC,KAAAA,QAAM;KACb,IAAIC,KAAAA;KACJ,YAAUC,KAAAA;KACV,iBAAeC,KAAAA;KACf,iBAAeA,KAAAA,WAAQ;KACvB,oBAAkB,cAAA,QAAa;KAC/B,eAAa;KACb,gBAAc;KACd,SAAK,OAAA,OAAA,OAAA,YAAkB,UAAK;YAAuB,mBAAQ;UAAkB,MAAM,oBAAoBA,KAAAA,SAAQ;AAAoB,gBAAA,QAAS;AAAmB,qBAAA,eAAc,CAAC,mBAAmB,QAAQ,MAAM;;KAQ/M,QAAI,OAAA,OAAA,OAAA,YAAkB,UAAK;YAAuB,mBAAQ;UAAkB,MAAM,iBAAgB;AAAoB,gBAAA,QAAS;;;+BAQhI,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}
|