@bridge-ui/vue 0.0.9 → 0.0.11
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/ai/skills/bridge-ui-components/SKILL.md +2 -1
- 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.js +5 -0
- package/dist/Components/Accordion/Accordion.vue.d.ts +26 -0
- package/dist/Components/Accordion/Accordion.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/Components/Accordion/accordion.types.d.ts +90 -0
- package/dist/Components/Accordion/accordionInjectionKey.d.ts +63 -0
- package/dist/Components/Accordion/accordionInjectionKey.js +4 -0
- package/dist/Components/Accordion/composables/useAccordion.d.ts +15 -0
- package/dist/Components/Accordion/composables/useAccordion.js +80 -0
- package/dist/Components/Accordion/index.d.ts +4 -0
- package/dist/Components/Accordion/index.js +4 -0
- package/dist/Components/AccordionItem/AccordionItem.js +5 -0
- package/dist/Components/AccordionItem/AccordionItem.vue.d.ts +11 -0
- package/dist/Components/AccordionItem/AccordionItem.vue_vue_type_script_setup_true_lang.js +25 -0
- package/dist/Components/AccordionItem/accordionItem.types.d.ts +105 -0
- package/dist/Components/AccordionItem/composables/useAccordionItem.d.ts +41 -0
- package/dist/Components/AccordionItem/composables/useAccordionItem.js +124 -0
- package/dist/Components/AccordionItem/index.d.ts +3 -0
- package/dist/Components/AccordionItem/index.js +3 -0
- package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +11 -11
- 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 +30 -30
- package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +9 -6
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +80 -67
- package/dist/Components/Autocomplete/autocomplete.types.d.ts +17 -5
- package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +34 -34
- package/dist/Components/Autocomplete/composables/useAutocomplete.js +214 -209
- package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/Avatar/avatar.types.d.ts +2 -1
- package/dist/Components/Avatar/composables/useAvatar.d.ts +5 -6
- package/dist/Components/Avatar/composables/useAvatar.js +34 -35
- package/dist/Components/Badge/Badge.vue.d.ts +11 -1
- package/dist/Components/Badge/Badge.vue_vue_type_script_setup_true_lang.js +7 -8
- 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.vue_vue_type_script_setup_true_lang.js +31 -27
- package/dist/Components/BaseField/BaseFieldLabel.vue.d.ts +11 -1
- package/dist/Components/BaseField/BaseFieldLabel.vue_vue_type_script_setup_true_lang.js +11 -10
- package/dist/Components/BaseField/baseField.types.d.ts +7 -1
- package/dist/Components/BaseField/baseField.types.js +11 -0
- package/dist/Components/BaseField/composables/useBaseField.d.ts +10 -10
- package/dist/Components/BaseField/composables/useBaseField.js +18 -18
- package/dist/Components/BaseField/index.d.ts +1 -0
- package/dist/Components/BaseField/index.js +4 -3
- package/dist/Components/Breadcrumb/Breadcrumb.js +5 -0
- package/dist/Components/Breadcrumb/Breadcrumb.vue.d.ts +13 -0
- package/dist/Components/Breadcrumb/Breadcrumb.vue_vue_type_script_setup_true_lang.js +49 -0
- package/dist/Components/Breadcrumb/breadcrumb.types.d.ts +102 -0
- package/dist/Components/Breadcrumb/breadcrumbInjectionKey.d.ts +35 -0
- package/dist/Components/Breadcrumb/breadcrumbInjectionKey.js +4 -0
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts +20 -0
- package/dist/Components/Breadcrumb/composables/useBreadcrumb.js +70 -0
- package/dist/Components/Breadcrumb/index.d.ts +4 -0
- package/dist/Components/Breadcrumb/index.js +4 -0
- package/dist/Components/BreadcrumbItem/BreadcrumbItem.js +5 -0
- package/dist/Components/BreadcrumbItem/BreadcrumbItem.vue.d.ts +14 -0
- package/dist/Components/BreadcrumbItem/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js +47 -0
- package/dist/Components/BreadcrumbItem/breadcrumbItem.types.d.ts +140 -0
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts +38 -0
- package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.js +87 -0
- package/dist/Components/BreadcrumbItem/index.d.ts +3 -0
- package/dist/Components/BreadcrumbItem/index.js +3 -0
- package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +17 -17
- 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 +4 -4
- package/dist/Components/Calendar/calendar.types.d.ts +3 -1
- package/dist/Components/Calendar/composables/useCalendar.d.ts +14 -12
- package/dist/Components/Calendar/composables/useCalendar.js +81 -80
- package/dist/Components/CalendarDate/CalendarDate.vue.d.ts +2 -2
- package/dist/Components/CalendarDate/calendarDate.types.d.ts +3 -1
- package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +8 -6
- package/dist/Components/CalendarDate/composables/useCalendarDate.js +45 -44
- package/dist/Components/CalendarMonth/calendarMonth.types.d.ts +2 -1
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +5 -4
- package/dist/Components/CalendarMonth/composables/useCalendarMonth.js +17 -16
- package/dist/Components/CalendarRange/CalendarRange.vue.d.ts +2 -2
- package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/Components/CalendarRange/calendarRange.types.d.ts +3 -1
- package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +16 -15
- package/dist/Components/CalendarRange/composables/useCalendarRange.js +30 -29
- package/dist/Components/CalendarYear/calendarYear.types.d.ts +2 -1
- package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +5 -4
- package/dist/Components/CalendarYear/composables/useCalendarYear.js +18 -17
- package/dist/Components/Card/Card.vue_vue_type_script_setup_true_lang.js +10 -10
- package/dist/Components/Card/card.types.d.ts +2 -1
- package/dist/Components/Card/composables/useCard.d.ts +6 -7
- package/dist/Components/Card/composables/useCard.js +64 -66
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +32 -26
- 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 +15 -15
- package/dist/Components/Chip/Chip.vue.d.ts +1 -1
- package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js +10 -10
- 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 +6 -1
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +75 -61
- package/dist/Components/DateField/composables/useDateField.d.ts +46 -36
- package/dist/Components/DateField/composables/useDateField.js +93 -84
- package/dist/Components/DateField/dateField.types.d.ts +23 -7
- package/dist/Components/DatePicker/DatePicker.vue.d.ts +7 -3
- package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +15 -6
- package/dist/Components/DatePicker/composables/useDatePicker.d.ts +10 -12
- package/dist/Components/DatePicker/composables/useDatePicker.js +57 -44
- package/dist/Components/DatePicker/datePicker.types.d.ts +49 -32
- package/dist/Components/DateRangeField/DateRangeField.vue.d.ts +6 -1
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +73 -59
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +46 -36
- package/dist/Components/DateRangeField/composables/useDateRangeField.js +35 -30
- package/dist/Components/DateRangeField/dateRangeField.types.d.ts +23 -7
- package/dist/Components/DateRangePicker/DateRangePicker.vue.d.ts +7 -3
- package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +14 -5
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +10 -12
- package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +57 -44
- package/dist/Components/DateRangePicker/dateRangePicker.types.d.ts +19 -2
- package/dist/Components/DateTimeField/DateTimeField.vue.d.ts +5 -0
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +79 -65
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +44 -34
- package/dist/Components/DateTimeField/composables/useDateTimeField.js +42 -33
- package/dist/Components/DateTimeField/dateTimeField.types.d.ts +23 -7
- package/dist/Components/DateTimePicker/DateTimePicker.vue.d.ts +5 -1
- package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +14 -5
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +11 -13
- package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +91 -77
- package/dist/Components/DateTimePicker/dateTimePicker.types.d.ts +56 -39
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue.d.ts +6 -1
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +79 -65
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +46 -36
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +59 -54
- package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +23 -7
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue.d.ts +7 -3
- package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +14 -5
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +11 -13
- package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +96 -82
- package/dist/Components/DateTimeRangePicker/dateTimeRangePicker.types.d.ts +56 -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 +19 -20
- 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 +15 -10
- 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/FormControl.vue.d.ts +2 -4
- package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +37 -23
- package/dist/Components/FormControl/FormControlLabel.vue.d.ts +11 -1
- package/dist/Components/FormControl/FormControlLabel.vue_vue_type_script_setup_true_lang.js +11 -10
- package/dist/Components/FormControl/composables/useFormControl.d.ts +5 -5
- package/dist/Components/FormControl/composables/useFormControl.js +10 -11
- package/dist/Components/FormControl/formControl.types.d.ts +6 -1
- package/dist/Components/FormControl/formControl.types.js +9 -0
- package/dist/Components/FormControl/index.d.ts +1 -0
- package/dist/Components/FormControl/index.js +3 -2
- package/dist/Components/FormField/FilledFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +23 -18
- package/dist/Components/FormField/FormField.vue_vue_type_script_setup_true_lang.js +32 -27
- package/dist/Components/FormField/FormFieldLabel.vue.d.ts +11 -1
- package/dist/Components/FormField/FormFieldLabel.vue_vue_type_script_setup_true_lang.js +11 -10
- package/dist/Components/FormField/NotchedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +22 -17
- package/dist/Components/FormField/OutlinedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -18
- package/dist/Components/FormField/StackedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +25 -20
- package/dist/Components/FormField/UnderlinedFormField.vue.d.ts +14 -2
- package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -18
- package/dist/Components/FormField/composables/useFormField.d.ts +21 -21
- package/dist/Components/FormField/composables/useFormField.js +33 -33
- package/dist/Components/FormField/formField.types.d.ts +7 -1
- package/dist/Components/FormField/formField.types.js +11 -0
- package/dist/Components/FormField/index.d.ts +1 -0
- package/dist/Components/FormField/index.js +3 -2
- 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/Label.vue.d.ts +11 -1
- package/dist/Components/Label/Label.vue_vue_type_script_setup_true_lang.js +7 -8
- package/dist/Components/Label/composables/useLabel.d.ts +3 -3
- package/dist/Components/Label/composables/useLabel.js +8 -8
- package/dist/Components/Label/label.types.d.ts +2 -1
- package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js +23 -23
- 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/List.vue.d.ts +11 -1
- package/dist/Components/List/List.vue_vue_type_script_setup_true_lang.js +9 -10
- 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/ListItem.vue_vue_type_script_setup_true_lang.js +18 -18
- package/dist/Components/ListItem/composables/useListItem.d.ts +9 -11
- package/dist/Components/ListItem/composables/useListItem.js +49 -55
- package/dist/Components/ListItem/listItem.types.d.ts +2 -1
- package/dist/Components/ListSection/ListSection.vue_vue_type_script_setup_true_lang.js +10 -9
- package/dist/Components/ListSection/composables/useListSection.d.ts +3 -5
- package/dist/Components/ListSection/composables/useListSection.js +29 -31
- 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 +98 -83
- package/dist/Components/Listbox/composables/useListbox.d.ts +8 -7
- package/dist/Components/Listbox/composables/useListbox.js +67 -51
- package/dist/Components/Listbox/listbox.types.d.ts +28 -7
- 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 +19 -19
- 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 +19 -20
- 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 +48 -43
- 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/OtpField.vue_vue_type_script_setup_true_lang.js +27 -22
- package/dist/Components/OtpField/composables/useOtpField.d.ts +15 -14
- package/dist/Components/OtpField/composables/useOtpField.js +25 -24
- package/dist/Components/OtpField/otpField.types.d.ts +3 -1
- 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 +34 -29
- 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/Radio.vue_vue_type_script_setup_true_lang.js +26 -21
- package/dist/Components/Radio/composables/useRadio.d.ts +10 -10
- package/dist/Components/Radio/composables/useRadio.js +15 -15
- 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 +78 -65
- package/dist/Components/Select/composables/useSelect.d.ts +34 -34
- package/dist/Components/Select/composables/useSelect.js +191 -186
- 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 +54 -49
- package/dist/Components/Slider/composables/useSlider.d.ts +25 -24
- package/dist/Components/Slider/composables/useSlider.js +47 -46
- package/dist/Components/Slider/slider.types.d.ts +4 -2
- package/dist/Components/Snackbar/Snackbar.vue.d.ts +1 -1
- package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +1 -1
- 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/Switch.vue_vue_type_script_setup_true_lang.js +28 -23
- package/dist/Components/Switch/composables/useSwitch.d.ts +10 -10
- package/dist/Components/Switch/composables/useSwitch.js +15 -15
- package/dist/Components/Switch/switch.types.d.ts +2 -1
- package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js +16 -16
- 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/TabList.vue_vue_type_script_setup_true_lang.js +7 -8
- 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/TabPanel.vue_vue_type_script_setup_true_lang.js +7 -8
- 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/Tabs.vue_vue_type_script_setup_true_lang.js +29 -26
- 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/TextField.vue_vue_type_script_setup_true_lang.js +21 -16
- package/dist/Components/TextField/composables/useTextField.d.ts +25 -25
- package/dist/Components/TextField/textField.types.d.ts +1 -1
- package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +25 -20
- 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 +6 -1
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +66 -52
- package/dist/Components/TimeField/composables/useTimeField.d.ts +45 -35
- package/dist/Components/TimeField/composables/useTimeField.js +43 -34
- package/dist/Components/TimeField/timeField.types.d.ts +26 -9
- package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/TimePanel/composables/useTimePanel.d.ts +8 -7
- package/dist/Components/TimePanel/composables/useTimePanel.js +15 -14
- package/dist/Components/TimePanel/timePanel.types.d.ts +3 -1
- package/dist/Components/TimePicker/TimePicker.vue.d.ts +14 -3
- package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +40 -31
- package/dist/Components/TimePicker/composables/useTimePicker.d.ts +9 -11
- package/dist/Components/TimePicker/composables/useTimePicker.js +64 -51
- package/dist/Components/TimePicker/index.d.ts +1 -1
- package/dist/Components/TimePicker/timePicker.types.d.ts +39 -20
- package/dist/Components/TimeRangeField/TimeRangeField.vue.d.ts +6 -1
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +66 -52
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +45 -35
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +56 -47
- package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +26 -9
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue.d.ts +16 -5
- package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +55 -46
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +12 -14
- package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +96 -82
- package/dist/Components/TimeRangePicker/index.d.ts +1 -1
- package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts +22 -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 +18 -18
- 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 +14 -5
- package/dist/Utils/index.js +27 -16
- package/dist/Utils/slotOrProp.d.ts +20 -11
- package/dist/Utils/slotOrProp.js +21 -17
- package/dist/Utils/useBreakpoint.d.ts +5 -6
- package/dist/Utils/useBreakpoint.js +26 -24
- package/dist/augments.d.ts +3 -3
- package/dist/index.d.ts +17 -2
- package/dist/index.js +142 -124
- package/dist/theme.css +3 -0
- package/docs/README.md +4 -0
- package/docs/components/Accordion.md +104 -0
- package/docs/components/Autocomplete.md +27 -23
- package/docs/components/Breadcrumb.md +74 -0
- package/docs/components/DateField.md +47 -31
- package/docs/components/DatePicker.md +41 -27
- package/docs/components/DateRangeField.md +30 -28
- package/docs/components/DateRangePicker.md +26 -25
- package/docs/components/DateTimeField.md +36 -34
- package/docs/components/DateTimePicker.md +33 -32
- package/docs/components/DateTimeRangeField.md +36 -34
- package/docs/components/DateTimeRangePicker.md +32 -31
- package/docs/components/FieldOverlay.md +11 -0
- package/docs/components/Pagination.md +63 -0
- package/docs/components/Select.md +26 -22
- package/docs/components/TimeField.md +25 -23
- package/docs/components/TimePicker.md +3 -1
- package/docs/components/TimeRangeField.md +25 -23
- package/docs/components/TimeRangePicker.md +2 -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,12 +1,12 @@
|
|
|
1
1
|
import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
|
|
2
2
|
import { computed as r, useAttrs as i } from "vue";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { get as a } from "es-toolkit/compat";
|
|
4
|
+
import { skeletonRoundedProps as o } from "@bridge-ui/core/Tokens";
|
|
5
|
+
import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core/Utils";
|
|
6
6
|
//#region src/Components/Skeleton/composables/useSkeleton.ts
|
|
7
7
|
var u = ["classes", "rounded"];
|
|
8
8
|
function d(d, f) {
|
|
9
|
-
let p = i(), m = r(() =>
|
|
9
|
+
let p = i(), m = r(() => l({
|
|
10
10
|
props: {
|
|
11
11
|
...p,
|
|
12
12
|
...d
|
|
@@ -20,12 +20,12 @@ function d(d, f) {
|
|
|
20
20
|
entry: g,
|
|
21
21
|
props: () => m.value.componentProps
|
|
22
22
|
}), v = r(() => {
|
|
23
|
-
let e = o
|
|
24
|
-
return
|
|
23
|
+
let e = c(o, g.value?.tokens?.rounded);
|
|
24
|
+
return a(e, h.value.rounded);
|
|
25
25
|
});
|
|
26
26
|
return {
|
|
27
27
|
merged: h,
|
|
28
|
-
rootBind: r(() => e({}, m.value.inheritedAttrs,
|
|
28
|
+
rootBind: r(() => e({}, m.value.inheritedAttrs, s({
|
|
29
29
|
"block animate-pulse bg-dark-200 dark:bg-dark-700": !0,
|
|
30
30
|
[v.value ?? ""]: !0,
|
|
31
31
|
[_.value.root ?? ""]: !0
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { SkeletonRounded } from '@bridge-ui/core/Tokens';
|
|
3
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
4
|
export interface SkeletonRoundedOverrides {}
|
|
4
5
|
export interface SkeletonClasses {
|
|
5
6
|
/**
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import e from "
|
|
2
|
-
import {
|
|
3
|
-
import n from "../
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
1
|
+
import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
|
|
2
|
+
import { BASE_FIELD_CHROME_SLOT_NAMES as t } from "../BaseField/baseField.types.js";
|
|
3
|
+
import n from "../BaseField/BaseField.js";
|
|
4
|
+
import { useSlider as r } from "./composables/useSlider.js";
|
|
5
|
+
import i from "../Tooltip/Tooltip.js";
|
|
6
|
+
import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, defineComponent as f, guardReactiveProps as p, mergeModels as m, mergeProps as h, normalizeProps as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
|
|
7
|
+
import { isUndefined as T } from "es-toolkit/compat";
|
|
8
|
+
import { resolveSliderBounds as E, resolveSliderDefaultValue as D } from "@bridge-ui/core/Domain";
|
|
7
9
|
//#region src/Components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
var
|
|
10
|
+
var O = /*@__PURE__*/ f({
|
|
9
11
|
inheritAttrs: !1,
|
|
10
12
|
__name: "Slider",
|
|
11
|
-
props: /*@__PURE__*/
|
|
13
|
+
props: /*@__PURE__*/ m({
|
|
12
14
|
classes: {},
|
|
13
15
|
color: {},
|
|
14
16
|
customProps: {},
|
|
@@ -39,9 +41,9 @@ var T = /*@__PURE__*/ l({
|
|
|
39
41
|
modelValue: { default: void 0 },
|
|
40
42
|
modelModifiers: {}
|
|
41
43
|
}),
|
|
42
|
-
emits: /*@__PURE__*/
|
|
43
|
-
setup(
|
|
44
|
-
let
|
|
44
|
+
emits: /*@__PURE__*/ m(["change", "update:modelValue"], ["update:modelValue"]),
|
|
45
|
+
setup(f, { emit: m }) {
|
|
46
|
+
let O = m, k = f, A = C(f, "modelValue"), j = {
|
|
45
47
|
min: 0,
|
|
46
48
|
step: 1,
|
|
47
49
|
max: 100,
|
|
@@ -50,64 +52,67 @@ var T = /*@__PURE__*/ l({
|
|
|
50
52
|
color: "primary",
|
|
51
53
|
showStops: !1,
|
|
52
54
|
showTooltip: !0
|
|
53
|
-
},
|
|
54
|
-
min:
|
|
55
|
-
max:
|
|
56
|
-
step:
|
|
57
|
-
}),
|
|
58
|
-
min:
|
|
59
|
-
max:
|
|
60
|
-
step:
|
|
61
|
-
range: !!
|
|
62
|
-
defaultValue:
|
|
63
|
-
})),
|
|
55
|
+
}, M = E({
|
|
56
|
+
min: k.min ?? j.min,
|
|
57
|
+
max: k.max ?? j.max,
|
|
58
|
+
step: k.step ?? j.step
|
|
59
|
+
}), N = v(D({
|
|
60
|
+
min: M.min,
|
|
61
|
+
max: M.max,
|
|
62
|
+
step: M.step,
|
|
63
|
+
range: !!k.range,
|
|
64
|
+
defaultValue: k.defaultValue
|
|
65
|
+
})), P = o({
|
|
64
66
|
set: (e) => {
|
|
65
|
-
|
|
67
|
+
A.value = e, N.value = e;
|
|
66
68
|
},
|
|
67
|
-
get: () =>
|
|
68
|
-
}),
|
|
69
|
-
|
|
69
|
+
get: () => T(A.value) ? N.value : A.value
|
|
70
|
+
}), F = v([null, null]), { barBind: I, trackRef: L, baseField: R, trackBind: z, controlBind: B, getStopBind: V, thumbIndexes: H, tooltipProps: U, getThumbBind: W, resolvedStops: G, isTooltipOpen: K, hasStopLabels: q, readThumbValue: J, stopLabelsBind: Y, getStopLabelBind: X, getThumbKnobBind: Z, showTooltip: Q } = r(() => k, j, P, { onChange: (e) => {
|
|
71
|
+
O("change", e);
|
|
70
72
|
} });
|
|
71
|
-
function
|
|
72
|
-
|
|
73
|
+
function $(e) {
|
|
74
|
+
L.value = e instanceof HTMLDivElement ? e : e?.$el ?? null;
|
|
73
75
|
}
|
|
74
|
-
function
|
|
76
|
+
function ee(e, t) {
|
|
75
77
|
let n = t instanceof HTMLButtonElement ? t : t?.$el ?? null;
|
|
76
|
-
|
|
78
|
+
F.value[e] = n;
|
|
77
79
|
}
|
|
78
|
-
return (
|
|
79
|
-
default:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
(
|
|
83
|
-
(
|
|
80
|
+
return (r, o) => (_(), s(n, { field: S(R) }, d({
|
|
81
|
+
default: w(() => [u("div", g(p(S(B))), [
|
|
82
|
+
u("div", h({ ref: $ }, S(z)), [
|
|
83
|
+
u("div", g(p(S(I))), null, 16),
|
|
84
|
+
(_(!0), l(a, null, y(S(G), (e) => (_(), l("div", h({ key: `stop-${e.value}` }, { ref_for: !0 }, S(V)(e)), null, 16))), 128)),
|
|
85
|
+
(_(!0), l(a, null, y(S(H), (e) => (_(), l("button", h({ key: e }, { ref_for: !0 }, S(W)(e), {
|
|
84
86
|
ref_for: !0,
|
|
85
|
-
ref: (t) =>
|
|
86
|
-
}), [
|
|
87
|
+
ref: (t) => ee(e, t)
|
|
88
|
+
}), [b(r.$slots, "thumb", {}, () => [u("span", h({ ref_for: !0 }, S(Z)(e)), null, 16)])], 16))), 128))
|
|
87
89
|
], 16),
|
|
88
|
-
|
|
90
|
+
S(Q) ? (_(!0), l(a, { key: 0 }, y(S(H), (e) => (_(), s(S(i), h({
|
|
89
91
|
arrow: "",
|
|
90
92
|
size: "sm",
|
|
91
93
|
"open-delay": 0,
|
|
92
94
|
placement: "top",
|
|
93
95
|
"close-delay": 0,
|
|
94
96
|
key: `tooltip-${e}`,
|
|
95
|
-
"anchor-el":
|
|
96
|
-
"model-value":
|
|
97
|
-
content: String(
|
|
98
|
-
}, { ref_for: !0 },
|
|
97
|
+
"anchor-el": F.value[e],
|
|
98
|
+
"model-value": S(K)(e),
|
|
99
|
+
content: String(S(J)(e))
|
|
100
|
+
}, { ref_for: !0 }, S(U)), null, 16, [
|
|
99
101
|
"anchor-el",
|
|
100
102
|
"model-value",
|
|
101
103
|
"content"
|
|
102
|
-
]))), 128)) :
|
|
103
|
-
|
|
104
|
+
]))), 128)) : c("", !0),
|
|
105
|
+
S(q) ? (_(), l("div", g(h({ key: 1 }, S(Y))), [(_(!0), l(a, null, y(S(G), (e) => (_(), l(a, { key: `label-${e.value}` }, [e.label ? (_(), l("div", h({
|
|
104
106
|
key: 0,
|
|
105
107
|
ref_for: !0
|
|
106
|
-
},
|
|
108
|
+
}, S(X)(e)), x(e.label), 17)) : c("", !0)], 64))), 128))], 16)) : c("", !0)
|
|
107
109
|
], 16)]),
|
|
108
|
-
_:
|
|
109
|
-
},
|
|
110
|
+
_: 2
|
|
111
|
+
}, [y(S(e)(S(t), r.$slots), (e) => ({
|
|
112
|
+
name: e,
|
|
113
|
+
fn: w((t) => [b(r.$slots, e, g(p(t || {})))])
|
|
114
|
+
}))]), 1032, ["field"]));
|
|
110
115
|
}
|
|
111
116
|
});
|
|
112
117
|
//#endregion
|
|
113
|
-
export {
|
|
118
|
+
export { O as default };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { MaybeRefOrGetter, Ref } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { SliderRangeValue, SliderStop } from '@bridge-ui/core/Domain';
|
|
3
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
3
4
|
import { SliderOwnProps } from '../slider.types';
|
|
4
5
|
export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
|
|
5
6
|
type SliderLibDefaults = LibDefaultsShape<SliderOwnProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip">;
|
|
@@ -14,9 +15,9 @@ export type UseSliderOptions = {
|
|
|
14
15
|
* Composes slider state, field chrome via BaseField, and pointer/keyboard handlers.
|
|
15
16
|
*/
|
|
16
17
|
export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDefaults: SliderLibDefaults, value: Ref<number | SliderRangeValue>, options?: UseSliderOptions): {
|
|
17
|
-
bounds: import('vue').ComputedRef<import('@bridge-ui/core').SliderBounds>;
|
|
18
|
+
bounds: import('vue').ComputedRef<import('@bridge-ui/core/Domain').SliderBounds>;
|
|
18
19
|
merged: import('vue').ComputedRef<SliderMerged>;
|
|
19
|
-
barBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
|
|
20
|
+
barBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
|
|
20
21
|
"aria-hidden": boolean;
|
|
21
22
|
style: {
|
|
22
23
|
width: string;
|
|
@@ -31,15 +32,15 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
31
32
|
}>;
|
|
32
33
|
merged: import('vue').ComputedRef<Omit<Omit<import('../../BaseField').BaseFieldOwnProps, "field">, "error" | "size" | "hideErrorMessage"> & {
|
|
33
34
|
error: NonNullable<boolean | undefined>;
|
|
34
|
-
size: NonNullable<keyof import('@bridge-ui/core').BaseFieldSize | undefined>;
|
|
35
|
+
size: NonNullable<keyof import('@bridge-ui/core/Tokens').BaseFieldSize | undefined>;
|
|
35
36
|
hideErrorMessage: NonNullable<boolean | undefined>;
|
|
36
37
|
}>;
|
|
37
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
38
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
38
39
|
slots?: import('../../BaseField').BaseFieldSlots | undefined;
|
|
39
40
|
class: string;
|
|
40
41
|
}>>;
|
|
41
|
-
errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
42
|
-
groupBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
42
|
+
errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
43
|
+
groupBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
43
44
|
role: string;
|
|
44
45
|
id: string;
|
|
45
46
|
"aria-describedby": string | undefined;
|
|
@@ -47,21 +48,21 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
47
48
|
"aria-invalid": true | undefined;
|
|
48
49
|
}>>;
|
|
49
50
|
controlId: import('vue').ComputedRef<string>;
|
|
50
|
-
headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
51
|
-
cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
51
|
+
headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
52
|
+
cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
52
53
|
isDisabled: import('vue').ComputedRef<boolean>;
|
|
53
54
|
isReadonly: import('vue').ComputedRef<boolean>;
|
|
54
|
-
sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').BaseFieldSizeItem | undefined>;
|
|
55
|
-
endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
55
|
+
sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
|
|
56
|
+
endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
56
57
|
invalidated: import('vue').ComputedRef<boolean>;
|
|
57
|
-
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
58
|
+
startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
58
59
|
mergedClasses: import('vue').ComputedRef<Partial<import('../../BaseField').BaseFieldClasses>>;
|
|
59
60
|
ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
|
|
60
61
|
fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
|
|
61
|
-
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
62
|
+
descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
62
63
|
showErrorMessageContent: import('vue').ComputedRef<boolean>;
|
|
63
64
|
};
|
|
64
|
-
trackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
|
|
65
|
+
trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
|
|
65
66
|
onPointerdown: (event: PointerEvent) => void;
|
|
66
67
|
onCopy?: ((payload: ClipboardEvent) => void) | undefined;
|
|
67
68
|
onCut?: ((payload: ClipboardEvent) => void) | undefined;
|
|
@@ -181,7 +182,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
181
182
|
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
182
183
|
'aria-flowto'?: string | undefined | undefined;
|
|
183
184
|
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
184
|
-
'aria-haspopup'?: (boolean | "true" | "false") | "
|
|
185
|
+
'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
185
186
|
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
186
187
|
'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
|
|
187
188
|
'aria-keyshortcuts'?: string | undefined | undefined;
|
|
@@ -217,7 +218,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
217
218
|
dir?: string | undefined | undefined;
|
|
218
219
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
219
220
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
220
|
-
enterKeyHint?: "done" | "
|
|
221
|
+
enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
221
222
|
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
222
223
|
inert?: (boolean | "true" | "false") | undefined;
|
|
223
224
|
placeholder?: string | undefined | undefined;
|
|
@@ -249,9 +250,9 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
249
250
|
exportparts?: string | undefined;
|
|
250
251
|
part?: string | undefined;
|
|
251
252
|
}, {}>>;
|
|
252
|
-
controlBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
|
|
253
|
+
controlBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
|
|
253
254
|
showTooltip: import('vue').ComputedRef<boolean>;
|
|
254
|
-
getStopBind: (stop: SliderStop) => import('@bridge-ui/core').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
|
|
255
|
+
getStopBind: (stop: SliderStop) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
|
|
255
256
|
"aria-hidden": boolean;
|
|
256
257
|
style: {
|
|
257
258
|
insetInlineStart: string;
|
|
@@ -259,7 +260,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
259
260
|
};
|
|
260
261
|
}>;
|
|
261
262
|
thumbIndexes: import('vue').ComputedRef<(0 | 1)[]>;
|
|
262
|
-
getThumbBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core').MergePartBind<object, "class", {
|
|
263
|
+
getThumbBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
|
|
263
264
|
role: string;
|
|
264
265
|
type: "button";
|
|
265
266
|
"aria-valuenow": number;
|
|
@@ -394,7 +395,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
394
395
|
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
395
396
|
'aria-flowto'?: string | undefined | undefined;
|
|
396
397
|
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
397
|
-
'aria-haspopup'?: (boolean | "true" | "false") | "
|
|
398
|
+
'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
398
399
|
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
399
400
|
'aria-keyshortcuts'?: string | undefined | undefined;
|
|
400
401
|
'aria-labelledby'?: string | undefined | undefined;
|
|
@@ -424,7 +425,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
424
425
|
dir?: string | undefined | undefined;
|
|
425
426
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
426
427
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
427
|
-
enterKeyHint?: "done" | "
|
|
428
|
+
enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
428
429
|
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
429
430
|
inert?: (boolean | "true" | "false") | undefined;
|
|
430
431
|
placeholder?: string | undefined | undefined;
|
|
@@ -467,15 +468,15 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
467
468
|
resolvedValue: import('vue').ComputedRef<number | SliderRangeValue>;
|
|
468
469
|
isTooltipOpen: (thumbIndex: 0 | 1) => boolean;
|
|
469
470
|
hasStopLabels: import('vue').ComputedRef<boolean>;
|
|
470
|
-
stopLabelsBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
471
|
+
stopLabelsBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
471
472
|
"aria-hidden": boolean;
|
|
472
473
|
}>>;
|
|
473
|
-
getStopLabelBind: (stop: SliderStop) => import('@bridge-ui/core').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
|
|
474
|
+
getStopLabelBind: (stop: SliderStop) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", Omit<import('vue').HTMLAttributes, "style">, {
|
|
474
475
|
style: {
|
|
475
476
|
insetInlineStart: string;
|
|
476
477
|
};
|
|
477
478
|
}>;
|
|
478
|
-
getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
479
|
+
getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
479
480
|
"aria-hidden": boolean;
|
|
480
481
|
}>;
|
|
481
482
|
tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "anchorEl" | "content" | "modelValue">> | undefined>;
|
|
@@ -2,9 +2,10 @@ import { useBridgeUI as e } from "../../../Provider/useBridgeUI.js";
|
|
|
2
2
|
import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
|
|
3
3
|
import { baseFieldBridgeKeys as i, useBaseField as a } from "../../BaseField/composables/useBaseField.js";
|
|
4
4
|
import { computed as o, ref as s, toValue as ee, useAttrs as te, watch as ne } from "vue";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
5
|
+
import { get as c, omit as l, pick as u } from "es-toolkit/compat";
|
|
6
|
+
import { getSliderBarGeometry as re, getSliderPointerClientX as d, isSliderStopCovered as ie, normalizeSliderStops as ae, percentFromSliderPointer as f, percentToValue as p, pickClosestSliderThumb as oe, resolveSliderBounds as se, snapSliderValue as m, sortSliderRangeValue as ce, stepSliderValue as h, valueToPercent as g, writeSliderRangeThumb as _ } from "@bridge-ui/core/Domain";
|
|
7
|
+
import { sliderColorProps as le, sliderInvalidatedProps as ue, sliderRoundedProps as de, sliderSizeProps as fe } from "@bridge-ui/core/Tokens";
|
|
8
|
+
import { cn as v, mergeBridgeUILayeredClasses as y, splitComponentProps as pe } from "@bridge-ui/core/Utils";
|
|
8
9
|
//#region src/Components/Slider/composables/useSlider.ts
|
|
9
10
|
var b = [
|
|
10
11
|
"max",
|
|
@@ -25,16 +26,16 @@ function C(e, t, n, r) {
|
|
|
25
26
|
return !r || !Array.isArray(e) ? {
|
|
26
27
|
thumbIndex: t,
|
|
27
28
|
value: n
|
|
28
|
-
} :
|
|
29
|
+
} : _(e, t, n);
|
|
29
30
|
}
|
|
30
|
-
function w(
|
|
31
|
-
let he = te(), ge = e(), E = s(null), D = s(null), O = s(null), k = s(null), A = o(() =>
|
|
31
|
+
function w(_, w, T, me = {}) {
|
|
32
|
+
let he = te(), ge = e(), E = s(null), D = s(null), O = s(null), k = s(null), A = o(() => pe({
|
|
32
33
|
bridgeKeys: x,
|
|
33
34
|
props: {
|
|
34
35
|
...he,
|
|
35
|
-
...ee(
|
|
36
|
+
...ee(_)
|
|
36
37
|
}
|
|
37
|
-
})), _e = o(() =>
|
|
38
|
+
})), _e = o(() => u(A.value.componentProps, i)), j = a(_e, {
|
|
38
39
|
error: !1,
|
|
39
40
|
hideErrorMessage: !1,
|
|
40
41
|
size: w.size ?? "md"
|
|
@@ -45,7 +46,7 @@ function w(g, w, T, me = {}) {
|
|
|
45
46
|
libDefaults: w,
|
|
46
47
|
componentName: "Slider",
|
|
47
48
|
props: () => ({
|
|
48
|
-
...
|
|
49
|
+
...u(A.value.componentProps, b),
|
|
49
50
|
size: j.merged.value.size,
|
|
50
51
|
classes: A.value.componentProps.classes,
|
|
51
52
|
customProps: A.value.componentProps.customProps
|
|
@@ -60,11 +61,11 @@ function w(g, w, T, me = {}) {
|
|
|
60
61
|
})), L = o(() => !!M.value.range), R = o(() => M.value.showTooltip !== !1), z = o(() => ge?.global.value.direction === "rtl"), { controlId: B, isDisabled: V, isReadonly: H, invalidated: U, ariaDescribedBy: ve } = j, W = o(() => {
|
|
61
62
|
let e = T.value, t = I.value;
|
|
62
63
|
if (L.value) {
|
|
63
|
-
if (Array.isArray(e)) return ce(
|
|
64
|
-
let n =
|
|
64
|
+
if (Array.isArray(e)) return ce(m(e[0], t.min, t.max, t.step), m(e[1], t.min, t.max, t.step));
|
|
65
|
+
let n = m(typeof e == "number" ? e : t.min, t.min, t.max, t.step);
|
|
65
66
|
return [n, n];
|
|
66
67
|
}
|
|
67
|
-
return
|
|
68
|
+
return m(Array.isArray(e) ? e[0] : typeof e == "number" ? e : t.min, t.min, t.max, t.step);
|
|
68
69
|
}), G = o(() => ae({
|
|
69
70
|
min: I.value.min,
|
|
70
71
|
max: I.value.max,
|
|
@@ -77,21 +78,21 @@ function w(g, w, T, me = {}) {
|
|
|
77
78
|
max: I.value.max,
|
|
78
79
|
value: W.value
|
|
79
80
|
})), ye = o(() => {
|
|
80
|
-
let e =
|
|
81
|
-
return
|
|
82
|
-
}), q = o(() =>
|
|
83
|
-
let e =
|
|
84
|
-
return
|
|
81
|
+
let e = y(le, N.value?.tokens?.color);
|
|
82
|
+
return c(e, M.value.color ?? "primary");
|
|
83
|
+
}), q = o(() => y(ue, N.value?.tokens?.invalidated, M.value.customProps?.invalidated)), J = o(() => U.value ? q.value : ye.value), Y = o(() => {
|
|
84
|
+
let e = y(fe, N.value?.tokens?.size);
|
|
85
|
+
return c(e, M.value.size ?? "md");
|
|
85
86
|
}), X = o(() => {
|
|
86
|
-
let e =
|
|
87
|
-
return
|
|
87
|
+
let e = y(de, N.value?.tokens?.rounded);
|
|
88
|
+
return c(e, M.value.rounded ?? "full");
|
|
88
89
|
}), be = o(() => G.value.some((e) => !!e.label)), Z = (e) => {
|
|
89
90
|
T.value = e, me.onChange?.(e);
|
|
90
91
|
}, xe = (e) => {
|
|
91
92
|
E.value &&= { thumbIndex: e }, D.value !== null && (D.value = e);
|
|
92
93
|
}, Se = (e, t) => {
|
|
93
94
|
if (V.value || H.value) return;
|
|
94
|
-
let n = I.value, r =
|
|
95
|
+
let n = I.value, r = p(t, n.min, n.max, n.step), i = C(W.value, e, r, L.value);
|
|
95
96
|
i.thumbIndex !== e && xe(i.thumbIndex), Z(i.value);
|
|
96
97
|
}, Q = (e, t) => {
|
|
97
98
|
V.value || H.value || (e.preventDefault(), E.value = { thumbIndex: t }, D.value = t);
|
|
@@ -99,11 +100,11 @@ function w(g, w, T, me = {}) {
|
|
|
99
100
|
if (V.value || H.value || e.target.closest("[data-bridge-slider-thumb]")) return;
|
|
100
101
|
let t = k.value?.getBoundingClientRect();
|
|
101
102
|
if (!t) return;
|
|
102
|
-
let n =
|
|
103
|
+
let n = f({
|
|
103
104
|
rect: t,
|
|
104
105
|
isRtl: z.value,
|
|
105
|
-
clientX:
|
|
106
|
-
}), r = I.value, i =
|
|
106
|
+
clientX: d(e)
|
|
107
|
+
}), r = I.value, i = p(n, r.min, r.max, r.step), a = 0, o = W.value;
|
|
107
108
|
L.value && Array.isArray(o) && (a = oe(i, o[0], o[1]));
|
|
108
109
|
let s = C(o, a, i, L.value);
|
|
109
110
|
Z(s.value), Q(e, s.thumbIndex);
|
|
@@ -114,16 +115,16 @@ function w(g, w, T, me = {}) {
|
|
|
114
115
|
let n = I.value, r = S(W.value, e, L.value), i = null, a = z.value;
|
|
115
116
|
switch (t.key) {
|
|
116
117
|
case "ArrowRight":
|
|
117
|
-
i =
|
|
118
|
+
i = h(r, a ? -1 : 1, n.min, n.max, n.step);
|
|
118
119
|
break;
|
|
119
120
|
case "ArrowLeft":
|
|
120
|
-
i =
|
|
121
|
+
i = h(r, a ? 1 : -1, n.min, n.max, n.step);
|
|
121
122
|
break;
|
|
122
123
|
case "ArrowUp":
|
|
123
|
-
i =
|
|
124
|
+
i = h(r, 1, n.min, n.max, n.step);
|
|
124
125
|
break;
|
|
125
126
|
case "ArrowDown":
|
|
126
|
-
i =
|
|
127
|
+
i = h(r, -1, n.min, n.max, n.step);
|
|
127
128
|
break;
|
|
128
129
|
case "Home":
|
|
129
130
|
i = n.min;
|
|
@@ -132,9 +133,9 @@ function w(g, w, T, me = {}) {
|
|
|
132
133
|
i = n.max;
|
|
133
134
|
break;
|
|
134
135
|
case "PageUp":
|
|
135
|
-
i =
|
|
136
|
+
i = h(r, 1, n.min, n.max, n.step * 10);
|
|
136
137
|
break;
|
|
137
|
-
case "PageDown": i =
|
|
138
|
+
case "PageDown": i = h(r, -1, n.min, n.max, n.step * 10);
|
|
138
139
|
}
|
|
139
140
|
if (i === null) return;
|
|
140
141
|
t.preventDefault();
|
|
@@ -146,10 +147,10 @@ function w(g, w, T, me = {}) {
|
|
|
146
147
|
let r = (e) => {
|
|
147
148
|
let t = k.value?.getBoundingClientRect();
|
|
148
149
|
if (!t || E.value === null) return;
|
|
149
|
-
let n =
|
|
150
|
+
let n = f({
|
|
150
151
|
rect: t,
|
|
151
152
|
isRtl: z.value,
|
|
152
|
-
clientX:
|
|
153
|
+
clientX: d(e)
|
|
153
154
|
});
|
|
154
155
|
Se(E.value.thumbIndex, n);
|
|
155
156
|
}, i = () => {
|
|
@@ -159,10 +160,10 @@ function w(g, w, T, me = {}) {
|
|
|
159
160
|
window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i);
|
|
160
161
|
});
|
|
161
162
|
});
|
|
162
|
-
let Ee = o(() => t({}, {},
|
|
163
|
-
...
|
|
163
|
+
let Ee = o(() => t({}, {}, v("relative w-full min-w-0 flex-1"))), $ = o(() => t({
|
|
164
|
+
...l(P.value?.track ?? {}, ["style"]),
|
|
164
165
|
onPointerdown: Ce
|
|
165
|
-
}, {},
|
|
166
|
+
}, {}, v({
|
|
166
167
|
"relative w-full select-none touch-none": !0,
|
|
167
168
|
"cursor-pointer": !V.value && !H.value,
|
|
168
169
|
"cursor-not-allowed": V.value,
|
|
@@ -170,21 +171,21 @@ function w(g, w, T, me = {}) {
|
|
|
170
171
|
[X.value ?? ""]: !0,
|
|
171
172
|
[J.value?.track ?? ""]: !0,
|
|
172
173
|
[F.value.track ?? ""]: !0
|
|
173
|
-
}))), De = o(() => t(
|
|
174
|
+
}))), De = o(() => t(l(P.value?.bar ?? {}, ["style"]), {
|
|
174
175
|
"aria-hidden": !0,
|
|
175
176
|
style: {
|
|
176
177
|
width: K.value.width,
|
|
177
178
|
insetInlineStart: K.value.start
|
|
178
179
|
}
|
|
179
|
-
},
|
|
180
|
+
}, v({
|
|
180
181
|
"absolute top-0 h-full": !0,
|
|
181
182
|
[X.value ?? ""]: !0,
|
|
182
183
|
[J.value?.bar ?? ""]: !0,
|
|
183
184
|
[F.value.bar ?? ""]: !0
|
|
184
185
|
}))), Oe = (e) => {
|
|
185
|
-
let n = S(W.value, e, L.value), r =
|
|
186
|
+
let n = S(W.value, e, L.value), r = g(n, I.value.min, I.value.max), i = D.value === e;
|
|
186
187
|
return t({
|
|
187
|
-
...
|
|
188
|
+
...l(P.value?.thumb ?? {}, ["style"]),
|
|
188
189
|
role: "slider",
|
|
189
190
|
type: "button",
|
|
190
191
|
"aria-valuenow": n,
|
|
@@ -215,7 +216,7 @@ function w(g, w, T, me = {}) {
|
|
|
215
216
|
D.value !== e && (O.value = O.value === e ? null : O.value);
|
|
216
217
|
},
|
|
217
218
|
"aria-label": P.value?.thumb?.["aria-label"] ?? (L.value ? e === 0 ? "Minimum" : "Maximum" : j.merged.value.label || "Slider")
|
|
218
|
-
}, {},
|
|
219
|
+
}, {}, v({
|
|
219
220
|
"group/thumb absolute z-10 flex -translate-x-1/2 items-center justify-center bg-transparent leading-none outline-none": !0,
|
|
220
221
|
"cursor-grab": !V.value && !H.value,
|
|
221
222
|
"cursor-grabbing": i,
|
|
@@ -225,7 +226,7 @@ function w(g, w, T, me = {}) {
|
|
|
225
226
|
}));
|
|
226
227
|
}, ke = (e) => {
|
|
227
228
|
let n = D.value === e;
|
|
228
|
-
return t(P.value?.thumbKnob, { "aria-hidden": !0 },
|
|
229
|
+
return t(P.value?.thumbKnob, { "aria-hidden": !0 }, v({
|
|
229
230
|
"block rounded-full border-2 shadow-sm transition-transform duration-100": !0,
|
|
230
231
|
"group-focus-visible/thumb:ring-2 group-focus-visible/thumb:ring-offset-2": !0,
|
|
231
232
|
"scale-120": n,
|
|
@@ -235,24 +236,24 @@ function w(g, w, T, me = {}) {
|
|
|
235
236
|
[F.value.thumbKnob ?? ""]: !0
|
|
236
237
|
}));
|
|
237
238
|
}, Ae = (e) => {
|
|
238
|
-
let n =
|
|
239
|
+
let n = g(e.value, I.value.min, I.value.max), r = ie({
|
|
239
240
|
range: L.value,
|
|
240
241
|
min: I.value.min,
|
|
241
242
|
max: I.value.max,
|
|
242
243
|
stopValue: e.value,
|
|
243
244
|
value: W.value
|
|
244
245
|
});
|
|
245
|
-
return t(
|
|
246
|
+
return t(l(P.value?.stop ?? {}, ["style"]), {
|
|
246
247
|
"aria-hidden": !0,
|
|
247
248
|
style: {
|
|
248
249
|
insetInlineStart: `${n}%`,
|
|
249
250
|
display: r ? "none" : void 0
|
|
250
251
|
}
|
|
251
|
-
},
|
|
252
|
+
}, v({
|
|
252
253
|
"absolute top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white dark:bg-dark-400": !0,
|
|
253
254
|
[F.value.stop ?? ""]: !0
|
|
254
255
|
}));
|
|
255
|
-
}, je = o(() => t(P.value?.stopLabels, { "aria-hidden": !0 },
|
|
256
|
+
}, je = o(() => t(P.value?.stopLabels, { "aria-hidden": !0 }, v({
|
|
256
257
|
"relative h-[1lh] w-full text-xs": !0,
|
|
257
258
|
[F.value.stopLabels ?? ""]: !0
|
|
258
259
|
})));
|
|
@@ -275,8 +276,8 @@ function w(g, w, T, me = {}) {
|
|
|
275
276
|
hasStopLabels: be,
|
|
276
277
|
stopLabelsBind: je,
|
|
277
278
|
getStopLabelBind: (e) => {
|
|
278
|
-
let n =
|
|
279
|
-
return t(
|
|
279
|
+
let n = g(e.value, I.value.min, I.value.max);
|
|
280
|
+
return t(l(P.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, v({
|
|
280
281
|
"absolute top-0 -translate-x-1/2 whitespace-nowrap": !0,
|
|
281
282
|
"text-dark-700 dark:text-dark-400": !U.value,
|
|
282
283
|
[q.value.stopLabel ?? ""]: U.value,
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { SliderRangeValue, SliderStopInput } from '@bridge-ui/core/Domain';
|
|
3
|
+
import { BaseFieldInvalidated, SliderColor, SliderInvalidated, SliderRounded } from '@bridge-ui/core/Tokens';
|
|
4
|
+
import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
|
|
3
5
|
import { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOwnProps, BaseFieldSlots } from '../BaseField/baseField.types';
|
|
4
6
|
import { TooltipOwnProps } from '../Tooltip/tooltip.types';
|
|
5
|
-
export type { SliderRangeValue, SliderStop, SliderStopInput, } from '@bridge-ui/core';
|
|
7
|
+
export type { SliderRangeValue, SliderStop, SliderStopInput, } from '@bridge-ui/core/Domain';
|
|
6
8
|
export interface SliderSizeOverrides {}
|
|
7
9
|
export interface SliderColorOverrides {}
|
|
8
10
|
export interface SliderRoundedOverrides {}
|
|
@@ -20,7 +20,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
|
|
|
20
20
|
progressbar: boolean;
|
|
21
21
|
closeButton: boolean;
|
|
22
22
|
duration: false | number;
|
|
23
|
-
position: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').SnackbarPosition, import('./snackbar.types').SnackbarPositionOverrides>;
|
|
23
|
+
position: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').SnackbarPosition, import('./snackbar.types').SnackbarPositionOverrides>;
|
|
24
24
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
25
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
26
|
declare const _default: typeof __VLS_export;
|
|
@@ -2,7 +2,7 @@ import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
|
|
|
2
2
|
import t from "../Icon/Icon.js";
|
|
3
3
|
import { useSnackbar as n } from "./composables/useSnackbar.js";
|
|
4
4
|
import { Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, useSlots as S } from "vue";
|
|
5
|
-
import { cn as C } from "@bridge-ui/core";
|
|
5
|
+
import { cn as C } from "@bridge-ui/core/Utils";
|
|
6
6
|
//#region src/Components/Snackbar/Snackbar.vue?vue&type=script&setup=true&lang.ts
|
|
7
7
|
var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { class: "flex ml-4 shrink-0" }, D = ["aria-label"], O = ["src"], k = { class: "flex ml-4 shrink-0" }, A = ["aria-label"], j = /*@__PURE__*/ d({
|
|
8
8
|
inheritAttrs: !1,
|