@bridge-ui/vue 0.0.10 → 0.1.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/Actions/BridgeUIHosts.vue.d.ts +1 -1
- package/dist/Actions/Dialog/BridgeDialogItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Dialog/bridgeDialog.types.d.ts +2 -1
- package/dist/Actions/Dialog/createBridgeDialogApi.js +1 -1
- package/dist/Actions/Dialog/useDialogAction.js +1 -1
- package/dist/Actions/Drawer/BridgeDrawerHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Drawer/bridgeDrawer.types.d.ts +1 -1
- package/dist/Actions/Drawer/createBridgeDrawerApi.js +1 -1
- package/dist/Actions/Drawer/useDrawerAction.js +1 -1
- package/dist/Actions/Modal/BridgeModalHost.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Modal/bridgeModal.types.d.ts +1 -1
- package/dist/Actions/Modal/createBridgeModalApi.js +1 -1
- package/dist/Actions/Modal/useModalAction.js +1 -1
- package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +9 -8
- package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +7 -6
- package/dist/Actions/Snackbar/BridgeSnackbarItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Actions/Snackbar/bridgeSnackbar.types.d.ts +2 -1
- package/dist/Actions/Snackbar/createBridgeSnackbarApi.js +17 -17
- package/dist/Actions/Snackbar/useSnackbarAction.js +1 -1
- package/dist/Adapters/Date/useDateAdapter.d.ts +1 -1
- package/dist/Adapters/Date/useDateAdapter.js +1 -1
- package/dist/Adapters/I18n/useI18nAdapter.d.ts +1 -1
- package/dist/Adapters/I18n/useI18nAdapter.js +1 -1
- package/dist/Adapters/Icon/iconSource.types.d.ts +1 -1
- package/dist/Adapters/Icon/useIconAdapter.d.ts +1 -1
- package/dist/Components/Accordion/Accordion.vue.d.ts +1 -1
- package/dist/Components/Accordion/accordion.types.d.ts +3 -1
- package/dist/Components/Accordion/accordionInjectionKey.d.ts +1 -1
- package/dist/Components/Accordion/composables/useAccordion.d.ts +3 -2
- package/dist/Components/Accordion/composables/useAccordion.js +22 -21
- package/dist/Components/AccordionItem/accordionItem.types.d.ts +1 -1
- package/dist/Components/AccordionItem/composables/useAccordionItem.d.ts +6 -6
- package/dist/Components/AccordionItem/composables/useAccordionItem.js +15 -14
- package/dist/Components/Alert/alert.types.d.ts +2 -1
- package/dist/Components/Alert/alertDefaultIcons.d.ts +1 -1
- package/dist/Components/Alert/composables/useAlert.d.ts +5 -5
- package/dist/Components/Alert/composables/useAlert.js +26 -26
- package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +9 -6
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +15 -6
- package/dist/Components/Autocomplete/autocomplete.types.d.ts +17 -5
- package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +35 -35
- package/dist/Components/Autocomplete/composables/useAutocomplete.js +222 -218
- package/dist/Components/Avatar/avatar.types.d.ts +2 -1
- package/dist/Components/Avatar/composables/useAvatar.d.ts +5 -5
- package/dist/Components/Avatar/composables/useAvatar.js +23 -23
- package/dist/Components/Badge/badge.types.d.ts +2 -1
- package/dist/Components/Badge/composables/useBadge.d.ts +2 -2
- package/dist/Components/Badge/composables/useBadge.js +14 -14
- package/dist/Components/BaseField/baseField.types.d.ts +2 -8
- package/dist/Components/BaseField/composables/useBaseField.d.ts +10 -10
- package/dist/Components/BaseField/composables/useBaseField.js +80 -84
- package/dist/Components/Breadcrumb/breadcrumb.types.d.ts +2 -1
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts +4 -4
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.js +18 -17
- package/dist/Components/BreadcrumbItem/breadcrumbItem.types.d.ts +1 -1
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +7 -7
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.js +14 -14
- package/dist/Components/Button/button.types.d.ts +2 -1
- package/dist/Components/Button/composables/useButton.d.ts +8 -8
- package/dist/Components/Button/composables/useButton.js +21 -21
- package/dist/Components/Calendar/Calendar.vue.d.ts +2 -2
- package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js +6 -4
- package/dist/Components/Calendar/calendar.types.d.ts +16 -1
- package/dist/Components/Calendar/composables/useCalendar.d.ts +15 -12
- package/dist/Components/Calendar/composables/useCalendar.js +85 -81
- package/dist/Components/CalendarDate/CalendarDate.vue.d.ts +2 -2
- package/dist/Components/CalendarDate/CalendarDate.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/CalendarDate/calendarDate.types.d.ts +9 -1
- package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +8 -6
- package/dist/Components/CalendarDate/composables/useCalendarDate.js +97 -88
- package/dist/Components/CalendarMonth/CalendarMonth.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/CalendarMonth/calendarMonth.types.d.ts +8 -1
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +5 -4
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.js +56 -47
- package/dist/Components/CalendarRange/CalendarRange.vue.d.ts +2 -2
- package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js +8 -6
- package/dist/Components/CalendarRange/calendarRange.types.d.ts +16 -1
- package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +18 -16
- package/dist/Components/CalendarRange/composables/useCalendarRange.js +44 -41
- package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/CalendarYear/calendarYear.types.d.ts +8 -1
- package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +5 -4
- package/dist/Components/CalendarYear/composables/useCalendarYear.js +58 -49
- package/dist/Components/Card/card.types.d.ts +2 -1
- package/dist/Components/Card/composables/useCard.d.ts +6 -6
- package/dist/Components/Card/composables/useCard.js +35 -35
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +4 -3
- package/dist/Components/Checkbox/checkbox.types.d.ts +2 -1
- package/dist/Components/Checkbox/composables/useCheckbox.d.ts +10 -10
- package/dist/Components/Checkbox/composables/useCheckbox.js +28 -24
- package/dist/Components/Chip/Chip.vue.d.ts +1 -1
- package/dist/Components/Chip/chip.types.d.ts +2 -1
- package/dist/Components/Chip/composables/useChip.d.ts +4 -4
- package/dist/Components/Chip/composables/useChip.js +9 -9
- package/dist/Components/DateField/DateField.vue.d.ts +7 -1
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +42 -51
- package/dist/Components/DateField/composables/useDateField.d.ts +36 -37
- package/dist/Components/DateField/composables/useDateField.js +91 -94
- package/dist/Components/DateField/dateField.types.d.ts +36 -4
- package/dist/Components/DatePicker/DatePicker.vue.d.ts +7 -3
- package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +21 -6
- package/dist/Components/DatePicker/composables/useDatePicker.d.ts +10 -12
- package/dist/Components/DatePicker/composables/useDatePicker.js +59 -69
- package/dist/Components/DatePicker/datePicker.types.d.ts +62 -32
- package/dist/Components/DateRangeField/DateRangeField.vue.d.ts +7 -1
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +44 -26
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +37 -36
- package/dist/Components/DateRangeField/composables/useDateRangeField.js +60 -48
- package/dist/Components/DateRangeField/dateRangeField.types.d.ts +36 -4
- package/dist/Components/DateRangePicker/DateRangePicker.vue.d.ts +7 -3
- package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +20 -5
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +10 -12
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +61 -44
- package/dist/Components/DateRangePicker/dateRangePicker.types.d.ts +32 -2
- package/dist/Components/DateTimeField/DateTimeField.vue.d.ts +6 -0
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +42 -26
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +35 -34
- package/dist/Components/DateTimeField/composables/useDateTimeField.js +73 -84
- package/dist/Components/DateTimeField/dateTimeField.types.d.ts +36 -4
- package/dist/Components/DateTimePicker/DateTimePicker.vue.d.ts +5 -1
- package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +24 -5
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +11 -13
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +93 -77
- package/dist/Components/DateTimePicker/dateTimePicker.types.d.ts +69 -39
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue.d.ts +7 -1
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +42 -26
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +37 -36
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +71 -86
- package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +36 -4
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue.d.ts +7 -3
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +28 -5
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +11 -13
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +100 -83
- package/dist/Components/DateTimeRangePicker/dateTimeRangePicker.types.d.ts +69 -39
- package/dist/Components/Divider/composables/useDivider.d.ts +3 -3
- package/dist/Components/Divider/composables/useDivider.js +9 -9
- package/dist/Components/Divider/divider.types.d.ts +2 -1
- package/dist/Components/Drawer/Drawer.vue.d.ts +2 -2
- package/dist/Components/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js +4 -3
- package/dist/Components/Drawer/composables/useDrawer.d.ts +5 -5
- package/dist/Components/Drawer/composables/useDrawer.js +82 -81
- package/dist/Components/Drawer/drawer.types.d.ts +2 -1
- package/dist/Components/FieldOverlay/FieldOverlay.vue.d.ts +1 -1
- package/dist/Components/FieldOverlay/FieldOverlay.vue_vue_type_script_setup_true_lang.js +43 -34
- package/dist/Components/FieldOverlay/composables/useFieldOverlay.d.ts +1 -1
- package/dist/Components/FieldOverlay/composables/useFieldOverlay.js +17 -11
- package/dist/Components/FieldOverlay/fieldOverlay.types.d.ts +1 -1
- package/dist/Components/FieldOverlay/fieldOverlayInjectionKey.d.ts +17 -0
- package/dist/Components/FieldOverlay/fieldOverlayInjectionKey.js +4 -0
- package/dist/Components/FieldOverlay/index.d.ts +1 -0
- package/dist/Components/FieldOverlay/index.js +3 -2
- package/dist/Components/FormControl/composables/useFormControl.d.ts +5 -5
- package/dist/Components/FormControl/composables/useFormControl.js +62 -67
- package/dist/Components/FormControl/formControl.types.d.ts +2 -7
- package/dist/Components/FormField/composables/useFormField.d.ts +21 -21
- package/dist/Components/FormField/composables/useFormField.js +117 -118
- package/dist/Components/FormField/formField.types.d.ts +2 -7
- package/dist/Components/Icon/composables/useIcon.d.ts +2 -2
- package/dist/Components/Icon/composables/useIcon.js +9 -8
- package/dist/Components/Icon/icon.types.d.ts +2 -1
- package/dist/Components/Label/composables/useLabel.d.ts +3 -3
- package/dist/Components/Label/composables/useLabel.js +29 -29
- package/dist/Components/Label/label.types.d.ts +2 -1
- package/dist/Components/Link/composables/useLink.d.ts +4 -4
- package/dist/Components/Link/composables/useLink.js +15 -15
- package/dist/Components/Link/link.types.d.ts +2 -1
- package/dist/Components/List/composables/useList.d.ts +1 -1
- package/dist/Components/List/composables/useList.js +6 -6
- package/dist/Components/List/list.types.d.ts +1 -1
- package/dist/Components/ListItem/composables/useListItem.d.ts +8 -8
- package/dist/Components/ListItem/composables/useListItem.js +19 -17
- package/dist/Components/ListItem/listItem.types.d.ts +2 -1
- package/dist/Components/ListSection/composables/useListSection.d.ts +2 -2
- package/dist/Components/ListSection/composables/useListSection.js +8 -8
- package/dist/Components/ListSection/listSection.types.d.ts +1 -1
- package/dist/Components/Listbox/Listbox.vue.d.ts +7 -6
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +87 -72
- package/dist/Components/Listbox/composables/useListbox.d.ts +11 -10
- package/dist/Components/Listbox/composables/useListbox.js +72 -52
- package/dist/Components/Listbox/listbox.types.d.ts +34 -13
- package/dist/Components/Listbox/listboxInjectionKey.d.ts +5 -2
- package/dist/Components/Menu/Menu.vue.d.ts +3 -3
- package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +3 -5
- package/dist/Components/Menu/composables/useMenu.d.ts +4 -4
- package/dist/Components/Menu/composables/useMenu.js +59 -57
- package/dist/Components/Menu/menu.types.d.ts +3 -1
- package/dist/Components/Modal/Modal.vue.d.ts +1 -1
- package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js +4 -3
- package/dist/Components/Modal/composables/useModal.d.ts +5 -5
- package/dist/Components/Modal/composables/useModal.js +77 -76
- package/dist/Components/Modal/modal.types.d.ts +2 -1
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/Components/NumberField/composables/useNumberField.d.ts +25 -25
- package/dist/Components/NumberField/composables/useNumberField.js +7 -7
- package/dist/Components/NumberField/numberField.types.d.ts +1 -1
- package/dist/Components/OtpField/OtpField.vue.d.ts +5 -5
- package/dist/Components/OtpField/composables/useOtpField.d.ts +15 -14
- package/dist/Components/OtpField/composables/useOtpField.js +94 -92
- package/dist/Components/OtpField/otpField.types.d.ts +4 -9
- package/dist/Components/Pagination/Pagination.js +5 -0
- package/dist/Components/Pagination/Pagination.vue.d.ts +30 -0
- package/dist/Components/Pagination/Pagination.vue_vue_type_script_setup_true_lang.js +77 -0
- package/dist/Components/Pagination/composables/usePagination.d.ts +62 -0
- package/dist/Components/Pagination/composables/usePagination.js +188 -0
- package/dist/Components/Pagination/index.d.ts +3 -0
- package/dist/Components/Pagination/index.js +3 -0
- package/dist/Components/Pagination/pagination.types.d.ts +218 -0
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +25 -25
- package/dist/Components/PasswordField/passwordField.types.d.ts +1 -1
- package/dist/Components/Progress/composables/useProgress.d.ts +4 -4
- package/dist/Components/Progress/composables/useProgress.js +19 -19
- package/dist/Components/Progress/progress.types.d.ts +2 -1
- package/dist/Components/Radio/composables/useRadio.d.ts +10 -10
- package/dist/Components/Radio/composables/useRadio.js +29 -25
- package/dist/Components/Radio/radio.types.d.ts +2 -1
- package/dist/Components/Select/Select.vue.d.ts +9 -6
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +15 -6
- package/dist/Components/Select/composables/useSelect.d.ts +35 -35
- package/dist/Components/Select/composables/useSelect.js +195 -191
- package/dist/Components/Select/select.types.d.ts +17 -5
- package/dist/Components/Skeleton/composables/useSkeleton.d.ts +2 -2
- package/dist/Components/Skeleton/composables/useSkeleton.js +7 -7
- package/dist/Components/Skeleton/skeleton.types.d.ts +2 -1
- package/dist/Components/Slider/Slider.vue.d.ts +1 -1
- package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/Components/Slider/composables/useSlider.d.ts +25 -24
- package/dist/Components/Slider/composables/useSlider.js +172 -167
- package/dist/Components/Slider/slider.types.d.ts +5 -10
- package/dist/Components/Snackbar/Snackbar.vue.d.ts +1 -1
- package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +4 -3
- package/dist/Components/Snackbar/composables/useSnackbar.d.ts +10 -10
- package/dist/Components/Snackbar/composables/useSnackbar.js +132 -130
- package/dist/Components/Snackbar/snackbar.types.d.ts +2 -1
- package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts +1 -1
- package/dist/Components/Spinner/composables/useSpinner.d.ts +4 -4
- package/dist/Components/Spinner/composables/useSpinner.js +19 -18
- package/dist/Components/Spinner/spinner.types.d.ts +2 -1
- package/dist/Components/Switch/composables/useSwitch.d.ts +10 -10
- package/dist/Components/Switch/composables/useSwitch.js +33 -29
- package/dist/Components/Switch/switch.types.d.ts +2 -1
- package/dist/Components/Tab/composables/useTab.d.ts +6 -6
- package/dist/Components/Tab/composables/useTab.js +10 -9
- package/dist/Components/Tab/tab.types.d.ts +1 -1
- package/dist/Components/TabList/composables/useTabList.d.ts +1 -1
- package/dist/Components/TabList/composables/useTabList.js +6 -5
- package/dist/Components/TabList/tabList.types.d.ts +1 -1
- package/dist/Components/TabPanel/composables/useTabPanel.d.ts +1 -1
- package/dist/Components/TabPanel/composables/useTabPanel.js +6 -5
- package/dist/Components/TabPanel/tabPanel.types.d.ts +1 -1
- package/dist/Components/Tabs/composables/useTabs.d.ts +6 -6
- package/dist/Components/Tabs/composables/useTabs.js +23 -22
- package/dist/Components/Tabs/tabs.types.d.ts +3 -1
- package/dist/Components/Tabs/tabsInjectionKey.d.ts +1 -1
- package/dist/Components/TextField/composables/useTextField.d.ts +25 -25
- package/dist/Components/TextField/textField.types.d.ts +1 -1
- package/dist/Components/Textarea/composables/useTextarea.d.ts +25 -25
- package/dist/Components/Textarea/composables/useTextarea.js +10 -10
- package/dist/Components/Textarea/textarea.types.d.ts +2 -1
- package/dist/Components/TimeField/TimeField.vue.d.ts +7 -1
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +66 -48
- package/dist/Components/TimeField/composables/useTimeField.d.ts +36 -35
- package/dist/Components/TimeField/composables/useTimeField.js +76 -60
- package/dist/Components/TimeField/timeField.types.d.ts +39 -6
- package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js +3 -1
- package/dist/Components/TimePanel/composables/useTimePanel.d.ts +8 -7
- package/dist/Components/TimePanel/composables/useTimePanel.js +76 -64
- package/dist/Components/TimePanel/timePanel.types.d.ts +16 -1
- package/dist/Components/TimePicker/TimePicker.vue.d.ts +14 -3
- package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +46 -31
- package/dist/Components/TimePicker/composables/useTimePicker.d.ts +9 -11
- package/dist/Components/TimePicker/composables/useTimePicker.js +68 -51
- package/dist/Components/TimePicker/index.d.ts +1 -1
- package/dist/Components/TimePicker/timePicker.types.d.ts +52 -20
- package/dist/Components/TimeRangeField/TimeRangeField.vue.d.ts +7 -1
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +66 -48
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +36 -35
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +79 -63
- package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +39 -6
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue.d.ts +16 -5
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +65 -46
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +12 -14
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +100 -82
- package/dist/Components/TimeRangePicker/index.d.ts +1 -1
- package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts +35 -3
- package/dist/Components/ToggleGroup/ToggleGroup.js +5 -0
- package/dist/Components/ToggleGroup/ToggleGroup.vue.d.ts +27 -0
- package/dist/Components/ToggleGroup/ToggleGroup.vue_vue_type_script_setup_true_lang.js +47 -0
- package/dist/Components/ToggleGroup/composables/useToggleGroup.d.ts +23 -0
- package/dist/Components/ToggleGroup/composables/useToggleGroup.js +128 -0
- package/dist/Components/ToggleGroup/index.d.ts +4 -0
- package/dist/Components/ToggleGroup/index.js +4 -0
- package/dist/Components/ToggleGroup/toggleGroup.types.d.ts +110 -0
- package/dist/Components/ToggleGroup/toggleGroupInjectionKey.d.ts +79 -0
- package/dist/Components/ToggleGroup/toggleGroupInjectionKey.js +4 -0
- package/dist/Components/ToggleItem/ToggleItem.js +5 -0
- package/dist/Components/ToggleItem/ToggleItem.vue.d.ts +11 -0
- package/dist/Components/ToggleItem/ToggleItem.vue_vue_type_script_setup_true_lang.js +24 -0
- package/dist/Components/ToggleItem/composables/useToggleItem.d.ts +19 -0
- package/dist/Components/ToggleItem/composables/useToggleItem.js +80 -0
- package/dist/Components/ToggleItem/index.d.ts +3 -0
- package/dist/Components/ToggleItem/index.js +3 -0
- package/dist/Components/ToggleItem/toggleItem.types.d.ts +64 -0
- package/dist/Components/Tooltip/Tooltip.vue.d.ts +4 -4
- package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +4 -6
- package/dist/Components/Tooltip/composables/useTooltip.d.ts +4 -4
- package/dist/Components/Tooltip/composables/useTooltip.js +133 -131
- package/dist/Components/Tooltip/tooltip.types.d.ts +3 -1
- package/dist/Provider/BridgeUIProvider.vue.d.ts +1 -1
- package/dist/Provider/bridgeUITypes.d.ts +1 -1
- package/dist/Provider/createBridgeUI.d.ts +1 -1
- package/dist/Provider/createBridgeUIApi.d.ts +1 -1
- package/dist/Provider/createBridgeUIApi.js +10 -10
- package/dist/Utils/index.d.ts +22 -4
- package/dist/Utils/index.js +37 -15
- package/dist/Utils/useBreakpoint.d.ts +5 -2
- package/dist/Utils/useBreakpoint.js +26 -24
- package/dist/augments.d.ts +3 -3
- package/dist/index.d.ts +9 -2
- package/dist/index.js +54 -45
- package/dist/theme.css +3 -0
- package/docs/README.md +3 -0
- package/docs/components/Autocomplete.md +27 -23
- package/docs/components/BaseField.md +1 -1
- package/docs/components/BridgeUIProvider.md +3 -3
- package/docs/components/Calendar.md +2 -0
- package/docs/components/CalendarDate.md +1 -0
- package/docs/components/CalendarMonth.md +1 -0
- package/docs/components/CalendarRange.md +2 -0
- package/docs/components/CalendarYear.md +17 -16
- package/docs/components/DateField.md +56 -31
- package/docs/components/DatePicker.md +43 -27
- package/docs/components/DateRangeField.md +38 -28
- package/docs/components/DateRangePicker.md +28 -25
- package/docs/components/DateTimeField.md +43 -34
- package/docs/components/DateTimePicker.md +35 -32
- package/docs/components/DateTimeRangeField.md +44 -34
- package/docs/components/DateTimeRangePicker.md +34 -31
- package/docs/components/FieldOverlay.md +15 -3
- package/docs/components/FormControl.md +1 -1
- package/docs/components/Pagination.md +63 -0
- package/docs/components/Select.md +26 -22
- package/docs/components/TimeField.md +32 -23
- package/docs/components/TimePanel.md +2 -0
- package/docs/components/TimePicker.md +5 -1
- package/docs/components/TimeRangeField.md +33 -23
- package/docs/components/TimeRangePicker.md +4 -0
- package/docs/components/ToggleGroup.md +86 -0
- package/docs/examples/date-date-fns.ts +1 -1
- package/docs/examples/date-dayjs.ts +1 -1
- package/docs/examples/date-luxon.ts +1 -1
- package/docs/examples/date-moment.ts +1 -1
- package/docs/examples/i18n-dictionary.ts +1 -1
- package/docs/examples/i18n-vue-i18n.ts +1 -1
- package/docs/examples/icon-fontawesome.ts +2 -2
- package/docs/examples/icon-heroicons.ts +1 -1
- package/docs/examples/icon-lucide.ts +1 -1
- package/docs/examples/icon-phosphor.ts +1 -1
- package/docs/examples/icon-tabler.ts +1 -1
- package/package.json +2 -2
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as
|
|
2
|
-
import { computed as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
|
|
2
|
+
import { computed as r, nextTick as i, onBeforeUnmount as te, ref as a, toValue as ne, useAttrs as re, watch as o } from "vue";
|
|
3
|
+
import { get as s } from "es-toolkit/compat";
|
|
4
|
+
import { drawerBlurProps as c, drawerPlacementPanelProps as ie, drawerPlacementProps as ae, drawerSizeProps as oe } from "@bridge-ui/core/Tokens";
|
|
5
|
+
import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
|
|
6
|
+
import { createFocusTrap as f, isModalBackdropClick as p } from "@bridge-ui/core/Runtime";
|
|
7
|
+
import { DRAWER_LEAVE_FALLBACK_MS as se, LAYER_STACK_BASE_Z_INDEX as m, acquireLayerStackOrder as ce, countDrawerTransitionLayers as le, getDrawerOverlayTransitionClass as ue, getDrawerPanelTransitionClass as de, getLayerStackEntry as fe, hasDrawerTransition as pe, pushLayerStack as me, resolveEffectiveDrawerTransition as he, subscribeLayerStack as ge } from "@bridge-ui/core/Layer";
|
|
7
8
|
//#region src/Components/Drawer/composables/useDrawer.ts
|
|
8
|
-
var
|
|
9
|
+
var _e = [
|
|
9
10
|
"blur",
|
|
10
11
|
"size",
|
|
11
12
|
"scroll",
|
|
@@ -27,58 +28,58 @@ var he = [
|
|
|
27
28
|
"disableEnforceFocus",
|
|
28
29
|
"disableRestoreFocus"
|
|
29
30
|
];
|
|
30
|
-
function
|
|
31
|
-
let
|
|
31
|
+
function h(h, g, _ = {}) {
|
|
32
|
+
let ve = re(), v = a(!1), y = a(!1), b = a(""), x = !1, S = 0, C = null, w = null, T = a(null), E = null, D = a(m), O = null, k = a("closed"), A = null, j = r(() => ne(_.show ?? !1));
|
|
32
33
|
function M(e) {
|
|
33
|
-
e ||
|
|
34
|
+
e || _.onClose?.(), _.show && (_.show.value = e), _.onShowChange?.(e);
|
|
34
35
|
}
|
|
35
|
-
let N =
|
|
36
|
-
bridgeKeys:
|
|
36
|
+
let N = r(() => d({
|
|
37
|
+
bridgeKeys: _e,
|
|
37
38
|
props: {
|
|
38
|
-
...
|
|
39
|
-
...
|
|
39
|
+
...ve,
|
|
40
|
+
...h
|
|
40
41
|
}
|
|
41
|
-
})), { merged: P, entry: F } =
|
|
42
|
-
libDefaults:
|
|
42
|
+
})), { merged: P, entry: F } = n({
|
|
43
|
+
libDefaults: g,
|
|
43
44
|
componentName: "Drawer",
|
|
44
45
|
props: () => N.value.componentProps
|
|
45
|
-
}), I =
|
|
46
|
+
}), I = r(() => P.value.customProps), L = ee({
|
|
46
47
|
entry: F,
|
|
47
48
|
props: () => N.value.componentProps
|
|
48
|
-
}), R =
|
|
49
|
-
let e =
|
|
50
|
-
return
|
|
51
|
-
}),
|
|
52
|
-
let e =
|
|
53
|
-
return
|
|
54
|
-
}),
|
|
55
|
-
let e =
|
|
56
|
-
return
|
|
57
|
-
}),
|
|
58
|
-
onTransitionend:
|
|
49
|
+
}), R = r(() => he(P.value.transition ?? "none")), z = r(() => pe(R.value)), B = r(() => P.value.scroll ?? "paper"), V = r(() => P.value.keepMounted && !v.value), H = r(() => P.value.placement ?? "left"), U = r(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), ye = r(() => {
|
|
50
|
+
let e = u(ae, F.value?.tokens?.placement);
|
|
51
|
+
return s(e, H.value);
|
|
52
|
+
}), be = r(() => s(ie, H.value)), xe = r(() => {
|
|
53
|
+
let e = u(c, F.value?.tokens?.blur);
|
|
54
|
+
return s(e, P.value.blur);
|
|
55
|
+
}), Se = r(() => {
|
|
56
|
+
let e = u(oe, F.value?.tokens?.size);
|
|
57
|
+
return s(e, [P.value.size, U.value]);
|
|
58
|
+
}), Ce = r(() => ue(R.value)), we = r(() => de(R.value, H.value)), W = r(() => !P.value.persistent), Te = r(() => N.value.inheritedAttrs), Ee = r(() => e(I.value?.root, Te.value, {
|
|
59
|
+
onTransitionend: Me,
|
|
59
60
|
style: { zIndex: D.value },
|
|
60
61
|
"aria-hidden": V.value ? !0 : void 0,
|
|
61
|
-
class:
|
|
62
|
+
class: l({
|
|
62
63
|
"fixed inset-0": !0,
|
|
63
64
|
"overflow-y-auto": B.value === "body",
|
|
64
65
|
"overflow-hidden": B.value === "paper",
|
|
65
66
|
"invisible pointer-events-none": V.value,
|
|
66
|
-
[
|
|
67
|
+
[s(L.value, "root") ?? ""]: !0
|
|
67
68
|
})
|
|
68
|
-
})),
|
|
69
|
+
})), De = r(() => e(I.value?.overlay, { onClick: Z }, {
|
|
69
70
|
"data-drawer-part": "overlay",
|
|
70
71
|
"data-state": k.value,
|
|
71
|
-
class:
|
|
72
|
+
class: l({
|
|
72
73
|
"fixed inset-0 bg-black/50": !0,
|
|
73
|
-
[
|
|
74
|
-
[
|
|
75
|
-
[
|
|
74
|
+
[xe.value ?? ""]: !0,
|
|
75
|
+
[Ce.value]: z.value,
|
|
76
|
+
[s(L.value, "overlay") ?? ""]: !0
|
|
76
77
|
})
|
|
77
|
-
})),
|
|
78
|
+
})), Oe = r(() => e(I.value?.wrapper, { onClick: Q }, l({
|
|
78
79
|
"flex min-h-full w-full transform": !0,
|
|
79
|
-
[
|
|
80
|
-
[
|
|
81
|
-
}))),
|
|
80
|
+
[ye.value ?? ""]: !0,
|
|
81
|
+
[s(L.value, "wrapper") ?? ""]: !0
|
|
82
|
+
}))), ke = r(() => e(I.value?.panel, {
|
|
82
83
|
role: "dialog",
|
|
83
84
|
"aria-modal": !0,
|
|
84
85
|
"aria-label": P.value.ariaLabel,
|
|
@@ -86,65 +87,65 @@ function _(_, ge, v = {}) {
|
|
|
86
87
|
}, {
|
|
87
88
|
"data-drawer-part": "panel",
|
|
88
89
|
"data-state": k.value,
|
|
89
|
-
class:
|
|
90
|
+
class: l({
|
|
90
91
|
"relative rounded-none": !0,
|
|
91
|
-
[
|
|
92
|
-
[
|
|
92
|
+
[be.value ?? ""]: !0,
|
|
93
|
+
[Se.value ?? ""]: !0,
|
|
93
94
|
"overflow-y-auto": B.value === "paper",
|
|
94
|
-
[
|
|
95
|
-
[
|
|
95
|
+
[we.value]: z.value,
|
|
96
|
+
[s(L.value, "panel") ?? ""]: !0
|
|
96
97
|
})
|
|
97
98
|
}));
|
|
98
99
|
function G() {
|
|
99
100
|
w?.release(), w = null;
|
|
100
101
|
}
|
|
101
102
|
function K() {
|
|
102
|
-
if (!
|
|
103
|
+
if (!v.value || k.value !== "open" || !T.value) {
|
|
103
104
|
G();
|
|
104
105
|
return;
|
|
105
106
|
}
|
|
106
|
-
G(), w =
|
|
107
|
+
G(), w = f({
|
|
107
108
|
container: T.value,
|
|
108
109
|
disableAutoFocus: !P.value.autoFocus,
|
|
109
110
|
disableEnforceFocus: P.value.disableEnforceFocus,
|
|
110
111
|
disableRestoreFocus: P.value.disableRestoreFocus
|
|
111
112
|
});
|
|
112
113
|
}
|
|
113
|
-
function
|
|
114
|
+
function Ae(e) {
|
|
114
115
|
T.value = t(e), K();
|
|
115
116
|
}
|
|
116
117
|
function q() {
|
|
117
118
|
A !== null && (clearTimeout(A), A = null);
|
|
118
119
|
}
|
|
119
120
|
function J() {
|
|
120
|
-
q(), S = 0,
|
|
121
|
+
x && (x = !1, q(), S = 0, v.value = !1, G(), j.value ? M(!1) : _.onShowChange?.(!1), k.value = "closed", P.value.keepMounted || (y.value = !1));
|
|
121
122
|
}
|
|
122
123
|
function Y() {
|
|
123
|
-
if (E?.releaseScrollLock(), !z.value) {
|
|
124
|
+
if (E?.releaseScrollLock(), x = !0, !z.value) {
|
|
124
125
|
J();
|
|
125
126
|
return;
|
|
126
127
|
}
|
|
127
|
-
if (k.value = "closed", S =
|
|
128
|
+
if (k.value = "closed", S = le(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
|
|
128
129
|
J();
|
|
129
130
|
return;
|
|
130
131
|
}
|
|
131
132
|
q(), A = setTimeout(() => {
|
|
132
133
|
A = null, S > 0 && J();
|
|
133
|
-
},
|
|
134
|
+
}, se);
|
|
134
135
|
}
|
|
135
|
-
function
|
|
136
|
-
if (!z.value) {
|
|
136
|
+
function je() {
|
|
137
|
+
if (x = !1, q(), S = 0, !z.value) {
|
|
137
138
|
k.value = "open";
|
|
138
139
|
return;
|
|
139
140
|
}
|
|
140
|
-
k.value = "closed",
|
|
141
|
+
k.value = "closed", i(() => {
|
|
141
142
|
requestAnimationFrame(() => {
|
|
142
143
|
k.value = "open";
|
|
143
144
|
});
|
|
144
145
|
});
|
|
145
146
|
}
|
|
146
|
-
function
|
|
147
|
-
if (!
|
|
147
|
+
function Me(e) {
|
|
148
|
+
if (!x || !y.value || k.value !== "closed") return;
|
|
148
149
|
let t = e.target;
|
|
149
150
|
(t?.dataset.drawerPart === "overlay" || t?.dataset.drawerPart === "panel") && e.propertyName !== "none" && e.elapsedTime !== 0 && (--S, S <= 0 && J());
|
|
150
151
|
}
|
|
@@ -154,64 +155,64 @@ function _(_, ge, v = {}) {
|
|
|
154
155
|
M(!1);
|
|
155
156
|
return;
|
|
156
157
|
}
|
|
157
|
-
|
|
158
|
+
y.value && Y();
|
|
158
159
|
}
|
|
159
160
|
}
|
|
160
161
|
function Z() {
|
|
161
162
|
P.value.closeOnOverlay === !1 || !W.value || X();
|
|
162
163
|
}
|
|
163
164
|
function Q(e) {
|
|
164
|
-
|
|
165
|
+
p(e) && Z();
|
|
165
166
|
}
|
|
166
|
-
function
|
|
167
|
+
function Ne() {
|
|
167
168
|
!j.value || P.value.closeOnEscape === !1 || !W.value || X();
|
|
168
169
|
}
|
|
169
|
-
|
|
170
|
+
o(j, (e) => {
|
|
170
171
|
if (e) {
|
|
171
|
-
|
|
172
|
+
y.value = !0, v.value = !0, je();
|
|
172
173
|
return;
|
|
173
174
|
}
|
|
174
|
-
|
|
175
|
-
}, { immediate: !0 }),
|
|
176
|
-
|
|
175
|
+
y.value && Y();
|
|
176
|
+
}, { immediate: !0 }), o([
|
|
177
|
+
v,
|
|
177
178
|
k,
|
|
178
179
|
() => P.value.autoFocus,
|
|
179
180
|
() => P.value.disableEnforceFocus,
|
|
180
181
|
() => P.value.disableRestoreFocus
|
|
181
182
|
], () => {
|
|
182
|
-
|
|
183
|
+
i(() => {
|
|
183
184
|
K();
|
|
184
185
|
});
|
|
185
186
|
});
|
|
186
187
|
function $() {
|
|
187
|
-
let e =
|
|
188
|
+
let e = fe(b.value);
|
|
188
189
|
e && (D.value = e.zIndex);
|
|
189
190
|
}
|
|
190
|
-
return
|
|
191
|
+
return o(v, (e) => {
|
|
191
192
|
if (e) {
|
|
192
|
-
C === null && (C =
|
|
193
|
+
C === null && (C = ce()), E = me({
|
|
193
194
|
order: C,
|
|
194
|
-
id:
|
|
195
|
-
onEscape:
|
|
195
|
+
id: _.stackId,
|
|
196
|
+
onEscape: Ne,
|
|
196
197
|
lockScroll: P.value.disableScrollLock !== !0
|
|
197
|
-
}),
|
|
198
|
+
}), b.value = E.id, D.value = E.zIndex, $(), O = ge($);
|
|
198
199
|
return;
|
|
199
200
|
}
|
|
200
|
-
O?.(), O = null, E?.release(), E = null,
|
|
201
|
-
}, { immediate: !0 }),
|
|
201
|
+
O?.(), O = null, E?.release(), E = null, b.value = "", D.value = m, y.value || (C = null);
|
|
202
|
+
}, { immediate: !0 }), te(() => {
|
|
202
203
|
q(), O?.(), O = null, G(), E?.release(), E = null, C = null;
|
|
203
204
|
}), {
|
|
204
205
|
merged: P,
|
|
205
|
-
mounted:
|
|
206
|
-
rootBind:
|
|
207
|
-
panelBind:
|
|
208
|
-
overlayBind:
|
|
209
|
-
wrapperBind:
|
|
210
|
-
setPanelRef:
|
|
211
|
-
layerStackId:
|
|
206
|
+
mounted: y,
|
|
207
|
+
rootBind: Ee,
|
|
208
|
+
panelBind: ke,
|
|
209
|
+
overlayBind: De,
|
|
210
|
+
wrapperBind: Oe,
|
|
211
|
+
setPanelRef: Ae,
|
|
212
|
+
layerStackId: b,
|
|
212
213
|
handleOverlayClick: Z,
|
|
213
214
|
handleWrapperClick: Q
|
|
214
215
|
};
|
|
215
216
|
}
|
|
216
217
|
//#endregion
|
|
217
|
-
export {
|
|
218
|
+
export { h as useDrawer };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import { DrawerBlur, DrawerPlacement, DrawerScroll, DrawerSize, DrawerTransition
|
|
2
|
+
import { DrawerBlur, DrawerPlacement, DrawerScroll, DrawerSize, DrawerTransition } from '@bridge-ui/core/Tokens';
|
|
3
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
4
|
export interface DrawerBlurOverrides {}
|
|
4
5
|
export interface DrawerSizeOverrides {}
|
|
5
6
|
export interface DrawerScrollOverrides {}
|
|
@@ -14,7 +14,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
|
|
|
14
14
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
15
15
|
"onShow-change"?: ((show: boolean) => any) | undefined;
|
|
16
16
|
}>, {
|
|
17
|
-
overlay: import('@bridge-ui/core').FieldOverlayMode;
|
|
17
|
+
overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
|
|
18
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
19
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
20
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { useFieldOverlay as e } from "./composables/useFieldOverlay.js";
|
|
2
2
|
import t from "../Drawer/Drawer.js";
|
|
3
|
-
import n from "
|
|
4
|
-
import r from "../
|
|
5
|
-
import
|
|
3
|
+
import { FIELD_OVERLAY_INJECTION_KEY as n } from "./fieldOverlayInjectionKey.js";
|
|
4
|
+
import r from "../Menu/Menu.js";
|
|
5
|
+
import i from "../Modal/Modal.js";
|
|
6
|
+
import { createBlock as a, defineComponent as o, mergeModels as s, mergeProps as c, openBlock as l, provide as u, renderSlot as d, unref as f, useModel as p, withCtx as m } from "vue";
|
|
6
7
|
//#region src/Components/FieldOverlay/FieldOverlay.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
-
var
|
|
8
|
+
var h = /*@__PURE__*/ o({
|
|
8
9
|
inheritAttrs: !1,
|
|
9
10
|
__name: "FieldOverlay",
|
|
10
|
-
props: /*@__PURE__*/
|
|
11
|
+
props: /*@__PURE__*/ s({
|
|
11
12
|
customProps: {},
|
|
12
13
|
overlay: { default: "auto" }
|
|
13
14
|
}, {
|
|
@@ -17,47 +18,55 @@ var p = /*@__PURE__*/ a({
|
|
|
17
18
|
},
|
|
18
19
|
modelModifiers: {}
|
|
19
20
|
}),
|
|
20
|
-
emits: /*@__PURE__*/
|
|
21
|
-
setup(
|
|
22
|
-
let
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
emits: /*@__PURE__*/ s(["close", "show-change"], ["update:modelValue"]),
|
|
22
|
+
setup(o, { emit: s }) {
|
|
23
|
+
let h = s, g = o, _ = p(o, "modelValue"), { menuBind: v, modalBind: y, drawerBind: b, resolvedOverlay: x } = e(g);
|
|
24
|
+
u(n, {
|
|
25
|
+
apply: () => {
|
|
26
|
+
_.value = !1;
|
|
27
|
+
},
|
|
28
|
+
cancel: () => {
|
|
29
|
+
_.value = !1;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
function S(e) {
|
|
33
|
+
h("show-change", e);
|
|
25
34
|
}
|
|
26
|
-
function
|
|
27
|
-
|
|
35
|
+
function C() {
|
|
36
|
+
h("close");
|
|
28
37
|
}
|
|
29
|
-
return (e,
|
|
38
|
+
return (e, n) => f(x) === "menu" ? (l(), a(f(r), c({
|
|
30
39
|
key: 0,
|
|
31
|
-
modelValue:
|
|
32
|
-
"onUpdate:modelValue":
|
|
33
|
-
},
|
|
34
|
-
onClose:
|
|
35
|
-
"onUpdate:modelValue":
|
|
40
|
+
modelValue: _.value,
|
|
41
|
+
"onUpdate:modelValue": n[0] ||= (e) => _.value = e
|
|
42
|
+
}, f(v), {
|
|
43
|
+
onClose: C,
|
|
44
|
+
"onUpdate:modelValue": S
|
|
36
45
|
}), {
|
|
37
|
-
default:
|
|
46
|
+
default: m(() => [d(e.$slots, "default")]),
|
|
38
47
|
_: 3
|
|
39
|
-
}, 16, ["modelValue"])) :
|
|
48
|
+
}, 16, ["modelValue"])) : f(x) === "modal" ? (l(), a(f(i), c({
|
|
40
49
|
key: 1,
|
|
41
|
-
modelValue:
|
|
42
|
-
"onUpdate:modelValue":
|
|
43
|
-
},
|
|
44
|
-
onClose:
|
|
45
|
-
onShowChange:
|
|
50
|
+
modelValue: _.value,
|
|
51
|
+
"onUpdate:modelValue": n[1] ||= (e) => _.value = e
|
|
52
|
+
}, f(y), {
|
|
53
|
+
onClose: C,
|
|
54
|
+
onShowChange: S
|
|
46
55
|
}), {
|
|
47
|
-
default:
|
|
56
|
+
default: m(() => [d(e.$slots, "default")]),
|
|
48
57
|
_: 3
|
|
49
|
-
}, 16, ["modelValue"])) : (
|
|
58
|
+
}, 16, ["modelValue"])) : (l(), a(f(t), c({
|
|
50
59
|
key: 2,
|
|
51
|
-
modelValue:
|
|
52
|
-
"onUpdate:modelValue":
|
|
53
|
-
},
|
|
54
|
-
onClose:
|
|
55
|
-
onShowChange:
|
|
60
|
+
modelValue: _.value,
|
|
61
|
+
"onUpdate:modelValue": n[2] ||= (e) => _.value = e
|
|
62
|
+
}, f(b), {
|
|
63
|
+
onClose: C,
|
|
64
|
+
onShowChange: S
|
|
56
65
|
}), {
|
|
57
|
-
default:
|
|
66
|
+
default: m(() => [d(e.$slots, "default")]),
|
|
58
67
|
_: 3
|
|
59
68
|
}, 16, ["modelValue"]));
|
|
60
69
|
}
|
|
61
70
|
});
|
|
62
71
|
//#endregion
|
|
63
|
-
export {
|
|
72
|
+
export { h as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ResolvedFieldOverlay } from '@bridge-ui/core';
|
|
1
|
+
import { ResolvedFieldOverlay } from '@bridge-ui/core/Domain';
|
|
2
2
|
import { DrawerOwnProps } from '../../Drawer/drawer.types';
|
|
3
3
|
import { FieldOverlayOwnProps } from '../fieldOverlay.types';
|
|
4
4
|
import { MenuOwnProps } from '../../Menu/menu.types';
|
|
@@ -1,34 +1,40 @@
|
|
|
1
1
|
import { useBreakpoint as e } from "../../../Utils/useBreakpoint.js";
|
|
2
2
|
import { computed as t } from "vue";
|
|
3
|
-
import {
|
|
3
|
+
import { resolveFieldOverlay as n } from "@bridge-ui/core/Domain";
|
|
4
|
+
import { cn as r } from "@bridge-ui/core/Utils";
|
|
4
5
|
import { toMerged as i } from "es-toolkit/object";
|
|
5
6
|
//#region src/Components/FieldOverlay/composables/useFieldOverlay.ts
|
|
6
7
|
function a(e, t) {
|
|
7
|
-
let
|
|
8
|
+
let n = e.customProps?.panel;
|
|
8
9
|
return i(e, { customProps: { panel: {
|
|
9
|
-
...
|
|
10
|
-
class:
|
|
10
|
+
...n,
|
|
11
|
+
class: r(t, n?.class)
|
|
11
12
|
} } });
|
|
12
13
|
}
|
|
13
|
-
function o(
|
|
14
|
-
let i = e(), o = t(() => r
|
|
14
|
+
function o(r) {
|
|
15
|
+
let i = e(), o = t(() => n(r.overlay, i.mobile));
|
|
15
16
|
return {
|
|
16
17
|
menuBind: t(() => ({
|
|
17
18
|
closeOnClickAway: !0,
|
|
18
19
|
placement: "bottom-start",
|
|
19
|
-
...
|
|
20
|
+
...r.customProps?.menu
|
|
20
21
|
})),
|
|
21
22
|
modalBind: t(() => a({
|
|
22
23
|
size: "md",
|
|
23
24
|
scroll: "paper",
|
|
25
|
+
closeOnOverlay: !0,
|
|
24
26
|
align: "middle-center",
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
disableRestoreFocus: !0,
|
|
28
|
+
...r.customProps?.modal
|
|
29
|
+
}, "flex w-fit max-w-full sm:max-w-full flex-col items-stretch p-0")),
|
|
27
30
|
drawerBind: t(() => a({
|
|
28
31
|
size: "md",
|
|
32
|
+
scroll: "paper",
|
|
29
33
|
placement: "bottom",
|
|
30
|
-
|
|
31
|
-
|
|
34
|
+
closeOnOverlay: !0,
|
|
35
|
+
disableRestoreFocus: !0,
|
|
36
|
+
...r.customProps?.drawer
|
|
37
|
+
}, "flex h-auto max-h-[90dvh] w-full flex-col items-stretch overflow-x-auto p-0")),
|
|
32
38
|
resolvedOverlay: o
|
|
33
39
|
};
|
|
34
40
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Slot } from 'vue';
|
|
2
|
-
import { FieldOverlayMode } from '@bridge-ui/core';
|
|
2
|
+
import { FieldOverlayMode } from '@bridge-ui/core/Domain';
|
|
3
3
|
import { DrawerOwnProps } from '../Drawer/drawer.types';
|
|
4
4
|
import { MenuOwnProps } from '../Menu/menu.types';
|
|
5
5
|
import { ModalOwnProps } from '../Modal/modal.types';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { InjectionKey } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Footer Apply / Cancel actions for the nearest FieldOverlay.
|
|
4
|
+
* These only close the overlay. Picker and listbox `footer` slot
|
|
5
|
+
* `apply` / `cancel` commit or discard first, then call these.
|
|
6
|
+
*/
|
|
7
|
+
export type FieldOverlayFooterApi = {
|
|
8
|
+
/**
|
|
9
|
+
* Closes the overlay. Call after committing draft state.
|
|
10
|
+
*/
|
|
11
|
+
apply: () => void;
|
|
12
|
+
/**
|
|
13
|
+
* Closes the overlay. Call after discarding draft state.
|
|
14
|
+
*/
|
|
15
|
+
cancel: () => void;
|
|
16
|
+
};
|
|
17
|
+
export declare const FIELD_OVERLAY_INJECTION_KEY: InjectionKey<FieldOverlayFooterApi>;
|
|
@@ -2,3 +2,4 @@ export { useFieldOverlay } from './composables/useFieldOverlay';
|
|
|
2
2
|
export type { FieldOverlayOptions } from './composables/useFieldOverlay';
|
|
3
3
|
export type { FieldOverlayCustomProps, FieldOverlayEmits, FieldOverlayOwnProps, FieldOverlayProps, FieldOverlaySlots, } from './fieldOverlay.types';
|
|
4
4
|
export { default as FieldOverlay } from './FieldOverlay.vue';
|
|
5
|
+
export { FIELD_OVERLAY_INJECTION_KEY, type FieldOverlayFooterApi, } from './fieldOverlayInjectionKey';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { useFieldOverlay as e } from "./composables/useFieldOverlay.js";
|
|
2
|
-
import t from "./
|
|
3
|
-
|
|
2
|
+
import { FIELD_OVERLAY_INJECTION_KEY as t } from "./fieldOverlayInjectionKey.js";
|
|
3
|
+
import n from "./FieldOverlay.js";
|
|
4
|
+
export { t as FIELD_OVERLAY_INJECTION_KEY, n as FieldOverlay, e as useFieldOverlay };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
|
|
2
|
-
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
|
|
2
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
3
3
|
import { FormControlOwnProps } from '../formControl.types';
|
|
4
4
|
import { LabelProps } from '../../Label/label.types';
|
|
5
5
|
export declare const formControlBridgeKeys: readonly ["size", "error", "classes", "disabled", "endLabel", "readonly", "required", "controlId", "startLabel", "customProps", "description", "errorMessage", "hideErrorMessage"];
|
|
@@ -19,8 +19,8 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
|
|
|
19
19
|
[name: string]: import('vue').Slot<any> | undefined;
|
|
20
20
|
}>;
|
|
21
21
|
merged: import('vue').ComputedRef<FormControlMerged>;
|
|
22
|
-
rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
23
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, Partial<Omit<Omit<FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
|
|
22
|
+
rowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
|
|
23
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, Partial<Omit<Omit<FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
|
|
24
24
|
controlId: import('vue').ComputedRef<string>;
|
|
25
25
|
isDisabled: import('vue').ComputedRef<boolean>;
|
|
26
26
|
isReadonly: import('vue').ComputedRef<boolean>;
|
|
@@ -37,10 +37,10 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
|
|
|
37
37
|
endLabel: LabelProps;
|
|
38
38
|
startLabel: LabelProps;
|
|
39
39
|
}>;
|
|
40
|
-
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
40
|
+
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
41
41
|
id: string;
|
|
42
42
|
}>>;
|
|
43
|
-
errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
43
|
+
errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
|
|
44
44
|
id: string;
|
|
45
45
|
}>>;
|
|
46
46
|
showErrorMessageContent: import('vue').ComputedRef<boolean>;
|