@rotki/ui-library 2.8.0 → 2.8.2
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/README.md +276 -0
- package/dist/_virtual/_plugin-vue_export-helper.js +11 -0
- package/dist/_virtual/_plugin-vue_export-helper.js.map +1 -0
- package/dist/components/accordions/accordion/RuiAccordion.vue.js +11 -0
- package/dist/components/accordions/accordion/RuiAccordion.vue.js.map +1 -0
- package/dist/components/accordions/accordion/RuiAccordion.vue2.js +66 -0
- package/dist/components/accordions/accordion/RuiAccordion.vue2.js.map +1 -0
- package/dist/components/accordions/accordion/RuiAccordion.vue3.js +18 -0
- package/dist/components/accordions/accordion/RuiAccordion.vue3.js.map +1 -0
- package/dist/components/accordions/accordions/RuiAccordions.vue.js +78 -0
- package/dist/components/accordions/accordions/RuiAccordions.vue.js.map +1 -0
- package/dist/components/accordions/accordions/RuiAccordions.vue2.js +5 -0
- package/dist/components/accordions/accordions/RuiAccordions.vue2.js.map +1 -0
- package/dist/components/alerts/RuiAlert.vue.d.ts +2 -2
- package/dist/components/alerts/RuiAlert.vue.js +11 -0
- package/dist/components/alerts/RuiAlert.vue.js.map +1 -0
- package/dist/components/alerts/RuiAlert.vue2.js +123 -0
- package/dist/components/alerts/RuiAlert.vue2.js.map +1 -0
- package/dist/components/alerts/RuiAlert.vue3.js +50 -0
- package/dist/components/alerts/RuiAlert.vue3.js.map +1 -0
- package/dist/components/buttons/button/RuiButton.vue.d.ts +1 -1
- package/dist/components/buttons/button/RuiButton.vue.js +11 -0
- package/dist/components/buttons/button/RuiButton.vue.js.map +1 -0
- package/dist/components/buttons/button/RuiButton.vue2.js +94 -0
- package/dist/components/buttons/button/RuiButton.vue2.js.map +1 -0
- package/dist/components/buttons/button/RuiButton.vue3.js +74 -0
- package/dist/components/buttons/button/RuiButton.vue3.js.map +1 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +1 -1
- package/dist/components/buttons/button-group/RuiButtonGroup.vue.js +11 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue.js.map +1 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue2.js +112 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue2.js.map +1 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue3.js +58 -0
- package/dist/components/buttons/button-group/RuiButtonGroup.vue3.js.map +1 -0
- package/dist/components/calendar/RuiCalendar.vue.js +128 -0
- package/dist/components/calendar/RuiCalendar.vue.js.map +1 -0
- package/dist/components/calendar/RuiCalendar.vue3.js +6 -0
- package/dist/components/calendar/RuiCalendar.vue3.js.map +1 -0
- package/dist/components/calendar/RuiCalendarGrid.vue.js +8 -0
- package/dist/components/calendar/RuiCalendarGrid.vue.js.map +1 -0
- package/dist/components/calendar/RuiCalendarGrid.vue2.js +149 -0
- package/dist/components/calendar/RuiCalendarGrid.vue2.js.map +1 -0
- package/dist/components/calendar/RuiCalendarHeader.vue.d.ts +1 -1
- package/dist/components/calendar/RuiCalendarHeader.vue.js +8 -0
- package/dist/components/calendar/RuiCalendarHeader.vue.js.map +1 -0
- package/dist/components/calendar/RuiCalendarHeader.vue2.js +112 -0
- package/dist/components/calendar/RuiCalendarHeader.vue2.js.map +1 -0
- package/dist/components/calendar/RuiCalendarMenu.vue.d.ts +1 -1
- package/dist/components/calendar/RuiCalendarMenu.vue.js +8 -0
- package/dist/components/calendar/RuiCalendarMenu.vue.js.map +1 -0
- package/dist/components/calendar/RuiCalendarMenu.vue2.js +261 -0
- package/dist/components/calendar/RuiCalendarMenu.vue2.js.map +1 -0
- package/dist/components/calendar/state.js +25 -0
- package/dist/components/calendar/state.js.map +1 -0
- package/dist/components/cards/RuiCard.vue.js +11 -0
- package/dist/components/cards/RuiCard.vue.js.map +1 -0
- package/dist/components/cards/RuiCard.vue2.js +88 -0
- package/dist/components/cards/RuiCard.vue2.js.map +1 -0
- package/dist/components/cards/RuiCard.vue3.js +40 -0
- package/dist/components/cards/RuiCard.vue3.js.map +1 -0
- package/dist/components/cards/RuiCardHeader.vue.js +11 -0
- package/dist/components/cards/RuiCardHeader.vue.js.map +1 -0
- package/dist/components/cards/RuiCardHeader.vue2.js +51 -0
- package/dist/components/cards/RuiCardHeader.vue2.js.map +1 -0
- package/dist/components/cards/RuiCardHeader.vue3.js +27 -0
- package/dist/components/cards/RuiCardHeader.vue3.js.map +1 -0
- package/dist/components/chips/RuiChip.vue.d.ts +2 -2
- package/dist/components/chips/RuiChip.vue.js +11 -0
- package/dist/components/chips/RuiChip.vue.js.map +1 -0
- package/dist/components/chips/RuiChip.vue2.js +95 -0
- package/dist/components/chips/RuiChip.vue2.js.map +1 -0
- package/dist/components/chips/RuiChip.vue3.js +88 -0
- package/dist/components/chips/RuiChip.vue3.js.map +1 -0
- package/dist/components/color-picker/RuiColorBoard.vue.d.ts +1 -1
- package/dist/components/color-picker/RuiColorBoard.vue.js +11 -0
- package/dist/components/color-picker/RuiColorBoard.vue.js.map +1 -0
- package/dist/components/color-picker/RuiColorBoard.vue2.js +102 -0
- package/dist/components/color-picker/RuiColorBoard.vue2.js.map +1 -0
- package/dist/components/color-picker/RuiColorBoard.vue3.js +18 -0
- package/dist/components/color-picker/RuiColorBoard.vue3.js.map +1 -0
- package/dist/components/color-picker/RuiColorDisplay.vue.js +49 -0
- package/dist/components/color-picker/RuiColorDisplay.vue.js.map +1 -0
- package/dist/components/color-picker/RuiColorDisplay.vue2.js +5 -0
- package/dist/components/color-picker/RuiColorDisplay.vue2.js.map +1 -0
- package/dist/components/color-picker/RuiColorHue.vue.js +11 -0
- package/dist/components/color-picker/RuiColorHue.vue.js.map +1 -0
- package/dist/components/color-picker/RuiColorHue.vue2.js +89 -0
- package/dist/components/color-picker/RuiColorHue.vue2.js.map +1 -0
- package/dist/components/color-picker/RuiColorHue.vue3.js +12 -0
- package/dist/components/color-picker/RuiColorHue.vue3.js.map +1 -0
- package/dist/components/color-picker/RuiColorInput.vue.d.ts +1 -1
- package/dist/components/color-picker/RuiColorInput.vue.js +139 -0
- package/dist/components/color-picker/RuiColorInput.vue.js.map +1 -0
- package/dist/components/color-picker/RuiColorInput.vue2.js +5 -0
- package/dist/components/color-picker/RuiColorInput.vue2.js.map +1 -0
- package/dist/components/color-picker/RuiColorPicker.vue.js +72 -0
- package/dist/components/color-picker/RuiColorPicker.vue.js.map +1 -0
- package/dist/components/color-picker/RuiColorPicker.vue2.js +5 -0
- package/dist/components/color-picker/RuiColorPicker.vue2.js.map +1 -0
- package/dist/components/color-picker/utils.js +182 -0
- package/dist/components/color-picker/utils.js.map +1 -0
- package/dist/components/date-time-picker/RuiDateTimePicker.vue.d.ts +1 -1
- package/dist/components/date-time-picker/RuiDateTimePicker.vue.js +11 -0
- package/dist/components/date-time-picker/RuiDateTimePicker.vue.js.map +1 -0
- package/dist/components/date-time-picker/RuiDateTimePicker.vue2.js +570 -0
- package/dist/components/date-time-picker/RuiDateTimePicker.vue2.js.map +1 -0
- package/dist/components/date-time-picker/RuiDateTimePicker.vue3.js +66 -0
- package/dist/components/date-time-picker/RuiDateTimePicker.vue3.js.map +1 -0
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.d.ts +2 -2
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.js +120 -0
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.js.map +1 -0
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue2.js +5 -0
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue2.js.map +1 -0
- package/dist/components/date-time-picker/timezones.js +601 -0
- package/dist/components/date-time-picker/timezones.js.map +1 -0
- package/dist/components/date-time-picker/types.js +17 -0
- package/dist/components/date-time-picker/types.js.map +1 -0
- package/dist/components/date-time-picker/use-input-handler.d.ts +2 -2
- package/dist/components/date-time-picker/use-input-handler.js +31 -0
- package/dist/components/date-time-picker/use-input-handler.js.map +1 -0
- package/dist/components/date-time-picker/use-keyboard-handler.d.ts +2 -2
- package/dist/components/date-time-picker/use-keyboard-handler.js +308 -0
- package/dist/components/date-time-picker/use-keyboard-handler.js.map +1 -0
- package/dist/components/date-time-picker/utils.d.ts +1 -1
- package/dist/components/date-time-picker/utils.js +19 -0
- package/dist/components/date-time-picker/utils.js.map +1 -0
- package/dist/components/divider/RuiDivider.vue.js +22 -0
- package/dist/components/divider/RuiDivider.vue.js.map +1 -0
- package/dist/components/divider/RuiDivider.vue2.js +5 -0
- package/dist/components/divider/RuiDivider.vue2.js.map +1 -0
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts +2 -2
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue.js +11 -0
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue.js.map +1 -0
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue2.js +585 -0
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue2.js.map +1 -0
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue3.js +60 -0
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue3.js.map +1 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts +1 -1
- package/dist/components/forms/checkbox/RuiCheckbox.vue.js +11 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue.js.map +1 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue2.js +137 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue2.js.map +1 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue3.js +54 -0
- package/dist/components/forms/checkbox/RuiCheckbox.vue3.js.map +1 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue.d.ts +1 -1
- package/dist/components/forms/radio-button/radio/RuiRadio.vue.js +11 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue.js.map +1 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue2.js +115 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue2.js.map +1 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue3.js +54 -0
- package/dist/components/forms/radio-button/radio/RuiRadio.vue3.js.map +1 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.d.ts +1 -1
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.js +11 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue.js.map +1 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue2.js +78 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue2.js.map +1 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue3.js +9 -0
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue3.js.map +1 -0
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts +5 -5
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.js +82 -0
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.js.map +1 -0
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue2.js +5 -0
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue2.js.map +1 -0
- package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +2 -2
- package/dist/components/forms/select/RuiMenuSelect.vue.js +11 -0
- package/dist/components/forms/select/RuiMenuSelect.vue.js.map +1 -0
- package/dist/components/forms/select/RuiMenuSelect.vue2.js +297 -0
- package/dist/components/forms/select/RuiMenuSelect.vue2.js.map +1 -0
- package/dist/components/forms/select/RuiMenuSelect.vue3.js +60 -0
- package/dist/components/forms/select/RuiMenuSelect.vue3.js.map +1 -0
- package/dist/components/forms/select/RuiSimpleSelect.vue.js +11 -0
- package/dist/components/forms/select/RuiSimpleSelect.vue.js.map +1 -0
- package/dist/components/forms/select/RuiSimpleSelect.vue2.js +67 -0
- package/dist/components/forms/select/RuiSimpleSelect.vue2.js.map +1 -0
- package/dist/components/forms/select/RuiSimpleSelect.vue3.js +21 -0
- package/dist/components/forms/select/RuiSimpleSelect.vue3.js.map +1 -0
- package/dist/components/forms/slider/RuiSlider.vue.d.ts +1 -1
- package/dist/components/forms/slider/RuiSlider.vue.js +11 -0
- package/dist/components/forms/slider/RuiSlider.vue.js.map +1 -0
- package/dist/components/forms/slider/RuiSlider.vue2.js +165 -0
- package/dist/components/forms/slider/RuiSlider.vue2.js.map +1 -0
- package/dist/components/forms/slider/RuiSlider.vue3.js +80 -0
- package/dist/components/forms/slider/RuiSlider.vue3.js.map +1 -0
- package/dist/components/forms/switch/RuiSwitch.vue.d.ts +1 -1
- package/dist/components/forms/switch/RuiSwitch.vue.js +11 -0
- package/dist/components/forms/switch/RuiSwitch.vue.js.map +1 -0
- package/dist/components/forms/switch/RuiSwitch.vue2.js +89 -0
- package/dist/components/forms/switch/RuiSwitch.vue2.js.map +1 -0
- package/dist/components/forms/switch/RuiSwitch.vue3.js +54 -0
- package/dist/components/forms/switch/RuiSwitch.vue3.js.map +1 -0
- package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +2 -2
- package/dist/components/forms/text-area/RuiTextArea.vue.js +11 -0
- package/dist/components/forms/text-area/RuiTextArea.vue.js.map +1 -0
- package/dist/components/forms/text-area/RuiTextArea.vue2.js +252 -0
- package/dist/components/forms/text-area/RuiTextArea.vue2.js.map +1 -0
- package/dist/components/forms/text-area/RuiTextArea.vue3.js +92 -0
- package/dist/components/forms/text-area/RuiTextArea.vue3.js.map +1 -0
- package/dist/components/forms/text-field/RuiTextField.vue.d.ts +2 -2
- package/dist/components/forms/text-field/RuiTextField.vue.js +11 -0
- package/dist/components/forms/text-field/RuiTextField.vue.js.map +1 -0
- package/dist/components/forms/text-field/RuiTextField.vue2.js +220 -0
- package/dist/components/forms/text-field/RuiTextField.vue2.js.map +1 -0
- package/dist/components/forms/text-field/RuiTextField.vue3.js +89 -0
- package/dist/components/forms/text-field/RuiTextField.vue3.js.map +1 -0
- package/dist/components/helpers/RuiFormTextDetail.vue.js +54 -0
- package/dist/components/helpers/RuiFormTextDetail.vue.js.map +1 -0
- package/dist/components/helpers/RuiFormTextDetail.vue2.js +5 -0
- package/dist/components/helpers/RuiFormTextDetail.vue2.js.map +1 -0
- package/dist/components/icons/RuiIcon.vue.d.ts +2 -2
- package/dist/components/icons/RuiIcon.vue.js +11 -0
- package/dist/components/icons/RuiIcon.vue.js.map +1 -0
- package/dist/components/icons/RuiIcon.vue2.js +60 -0
- package/dist/components/icons/RuiIcon.vue2.js.map +1 -0
- package/dist/components/icons/RuiIcon.vue3.js +29 -0
- package/dist/components/icons/RuiIcon.vue3.js.map +1 -0
- package/dist/components/index.d.ts +45 -45
- package/dist/components/index.js +92 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/loaders/RuiSkeletonBase.vue.js +11 -0
- package/dist/components/loaders/RuiSkeletonBase.vue.js.map +1 -0
- package/dist/components/loaders/RuiSkeletonBase.vue2.js +22 -0
- package/dist/components/loaders/RuiSkeletonBase.vue2.js.map +1 -0
- package/dist/components/loaders/RuiSkeletonBase.vue3.js +12 -0
- package/dist/components/loaders/RuiSkeletonBase.vue3.js.map +1 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue.d.ts +1 -1
- package/dist/components/loaders/RuiSkeletonLoader.vue.js +11 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue.js.map +1 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue2.js +47 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue2.js.map +1 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue3.js +33 -0
- package/dist/components/loaders/RuiSkeletonLoader.vue3.js.map +1 -0
- package/dist/components/logos/RuiLogo.vue.js +114 -0
- package/dist/components/logos/RuiLogo.vue.js.map +1 -0
- package/dist/components/logos/RuiLogo.vue2.js +5 -0
- package/dist/components/logos/RuiLogo.vue2.js.map +1 -0
- package/dist/components/logos/logo.svg.js +5 -0
- package/dist/components/logos/logo.svg.js.map +1 -0
- package/dist/components/overlays/badge/RuiBadge.vue.d.ts +2 -2
- package/dist/components/overlays/badge/RuiBadge.vue.js +11 -0
- package/dist/components/overlays/badge/RuiBadge.vue.js.map +1 -0
- package/dist/components/overlays/badge/RuiBadge.vue2.js +95 -0
- package/dist/components/overlays/badge/RuiBadge.vue2.js.map +1 -0
- package/dist/components/overlays/badge/RuiBadge.vue3.js +77 -0
- package/dist/components/overlays/badge/RuiBadge.vue3.js.map +1 -0
- package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.js +34 -0
- package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue.js.map +1 -0
- package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue2.js +5 -0
- package/dist/components/overlays/bottom-sheet/RuiBottomSheet.vue2.js.map +1 -0
- package/dist/components/overlays/dialog/RuiDialog.vue.js +11 -0
- package/dist/components/overlays/dialog/RuiDialog.vue.js.map +1 -0
- package/dist/components/overlays/dialog/RuiDialog.vue2.js +172 -0
- package/dist/components/overlays/dialog/RuiDialog.vue2.js.map +1 -0
- package/dist/components/overlays/dialog/RuiDialog.vue3.js +18 -0
- package/dist/components/overlays/dialog/RuiDialog.vue3.js.map +1 -0
- package/dist/components/overlays/menu/RuiMenu.vue.d.ts +1 -1
- package/dist/components/overlays/menu/RuiMenu.vue.js +11 -0
- package/dist/components/overlays/menu/RuiMenu.vue.js.map +1 -0
- package/dist/components/overlays/menu/RuiMenu.vue2.js +221 -0
- package/dist/components/overlays/menu/RuiMenu.vue2.js.map +1 -0
- package/dist/components/overlays/menu/RuiMenu.vue3.js +21 -0
- package/dist/components/overlays/menu/RuiMenu.vue3.js.map +1 -0
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.js +11 -0
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.js.map +1 -0
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue2.js +112 -0
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue2.js.map +1 -0
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue3.js +28 -0
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue3.js.map +1 -0
- package/dist/components/overlays/notification/RuiNotification.vue.js +74 -0
- package/dist/components/overlays/notification/RuiNotification.vue.js.map +1 -0
- package/dist/components/overlays/notification/RuiNotification.vue2.js +5 -0
- package/dist/components/overlays/notification/RuiNotification.vue2.js.map +1 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts +1 -1
- package/dist/components/overlays/tooltip/RuiTooltip.vue.js +11 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue.js.map +1 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue2.js +105 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue2.js.map +1 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue3.js +27 -0
- package/dist/components/overlays/tooltip/RuiTooltip.vue3.js.map +1 -0
- package/dist/components/progress/RuiProgress.vue.d.ts +1 -1
- package/dist/components/progress/RuiProgress.vue.js +11 -0
- package/dist/components/progress/RuiProgress.vue.js.map +1 -0
- package/dist/components/progress/RuiProgress.vue2.js +98 -0
- package/dist/components/progress/RuiProgress.vue2.js.map +1 -0
- package/dist/components/progress/RuiProgress.vue3.js +48 -0
- package/dist/components/progress/RuiProgress.vue3.js.map +1 -0
- package/dist/components/steppers/RuiFooterStepper.vue.js +11 -0
- package/dist/components/steppers/RuiFooterStepper.vue.js.map +1 -0
- package/dist/components/steppers/RuiFooterStepper.vue2.js +143 -0
- package/dist/components/steppers/RuiFooterStepper.vue2.js.map +1 -0
- package/dist/components/steppers/RuiFooterStepper.vue3.js +31 -0
- package/dist/components/steppers/RuiFooterStepper.vue3.js.map +1 -0
- package/dist/components/steppers/RuiStepper.vue.d.ts +1 -1
- package/dist/components/steppers/RuiStepper.vue.js +11 -0
- package/dist/components/steppers/RuiStepper.vue.js.map +1 -0
- package/dist/components/steppers/RuiStepper.vue2.js +130 -0
- package/dist/components/steppers/RuiStepper.vue2.js.map +1 -0
- package/dist/components/steppers/RuiStepper.vue3.js +58 -0
- package/dist/components/steppers/RuiStepper.vue3.js.map +1 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +1 -1
- package/dist/components/steppers/RuiStepperCustomIcon.vue.js +11 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue.js.map +1 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue2.js +38 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue2.js.map +1 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue3.js +15 -0
- package/dist/components/steppers/RuiStepperCustomIcon.vue3.js.map +1 -0
- package/dist/components/steppers/RuiStepperIcon.vue.d.ts +1 -1
- package/dist/components/steppers/RuiStepperIcon.vue.js +11 -0
- package/dist/components/steppers/RuiStepperIcon.vue.js.map +1 -0
- package/dist/components/steppers/RuiStepperIcon.vue2.js +43 -0
- package/dist/components/steppers/RuiStepperIcon.vue2.js.map +1 -0
- package/dist/components/steppers/RuiStepperIcon.vue3.js +21 -0
- package/dist/components/steppers/RuiStepperIcon.vue3.js.map +1 -0
- package/dist/components/tables/RuiDataTable.vue.d.ts +2 -2
- package/dist/components/tables/RuiDataTable.vue.js +11 -0
- package/dist/components/tables/RuiDataTable.vue.js.map +1 -0
- package/dist/components/tables/RuiDataTable.vue2.js +943 -0
- package/dist/components/tables/RuiDataTable.vue2.js.map +1 -0
- package/dist/components/tables/RuiDataTable.vue3.js +79 -0
- package/dist/components/tables/RuiDataTable.vue3.js.map +1 -0
- package/dist/components/tables/RuiExpandButton.vue.d.ts +1 -1
- package/dist/components/tables/RuiExpandButton.vue.js +11 -0
- package/dist/components/tables/RuiExpandButton.vue.js.map +1 -0
- package/dist/components/tables/RuiExpandButton.vue2.js +42 -0
- package/dist/components/tables/RuiExpandButton.vue2.js.map +1 -0
- package/dist/components/tables/RuiExpandButton.vue3.js +15 -0
- package/dist/components/tables/RuiExpandButton.vue3.js.map +1 -0
- package/dist/components/tables/RuiTableHead.vue.js +11 -0
- package/dist/components/tables/RuiTableHead.vue.js.map +1 -0
- package/dist/components/tables/RuiTableHead.vue2.js +195 -0
- package/dist/components/tables/RuiTableHead.vue2.js.map +1 -0
- package/dist/components/tables/RuiTableHead.vue3.js +69 -0
- package/dist/components/tables/RuiTableHead.vue3.js.map +1 -0
- package/dist/components/tables/RuiTablePagination.vue.js +11 -0
- package/dist/components/tables/RuiTablePagination.vue.js.map +1 -0
- package/dist/components/tables/RuiTablePagination.vue2.js +196 -0
- package/dist/components/tables/RuiTablePagination.vue2.js.map +1 -0
- package/dist/components/tables/RuiTablePagination.vue3.js +28 -0
- package/dist/components/tables/RuiTablePagination.vue3.js.map +1 -0
- package/dist/components/tables/table_no_data_placeholder.svg.js +5 -0
- package/dist/components/tables/table_no_data_placeholder.svg.js.map +1 -0
- package/dist/components/tables/table_no_data_placeholder_dark.svg.js +5 -0
- package/dist/components/tables/table_no_data_placeholder_dark.svg.js.map +1 -0
- package/dist/components/tabs/tab/RuiTab.vue.d.ts +1 -1
- package/dist/components/tabs/tab/RuiTab.vue.js +11 -0
- package/dist/components/tabs/tab/RuiTab.vue.js.map +1 -0
- package/dist/components/tabs/tab/RuiTab.vue2.js +135 -0
- package/dist/components/tabs/tab/RuiTab.vue2.js.map +1 -0
- package/dist/components/tabs/tab/RuiTab.vue3.js +17 -0
- package/dist/components/tabs/tab/RuiTab.vue3.js.map +1 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue.js +11 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue.js.map +1 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue2.js +51 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue2.js.map +1 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue3.js +9 -0
- package/dist/components/tabs/tab-item/RuiTabItem.vue3.js.map +1 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue.js +11 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue.js.map +1 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue2.js +90 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue2.js.map +1 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue3.js +9 -0
- package/dist/components/tabs/tab-items/RuiTabItems.vue3.js.map +1 -0
- package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +1 -1
- package/dist/components/tabs/tabs/RuiTabs.vue.js +11 -0
- package/dist/components/tabs/tabs/RuiTabs.vue.js.map +1 -0
- package/dist/components/tabs/tabs/RuiTabs.vue2.js +281 -0
- package/dist/components/tabs/tabs/RuiTabs.vue2.js.map +1 -0
- package/dist/components/tabs/tabs/RuiTabs.vue3.js +20 -0
- package/dist/components/tabs/tabs/RuiTabs.vue3.js.map +1 -0
- package/dist/components/time-picker/RuiTimePicker.vue.d.ts +1 -1
- package/dist/components/time-picker/RuiTimePicker.vue.js +11 -0
- package/dist/components/time-picker/RuiTimePicker.vue.js.map +1 -0
- package/dist/components/time-picker/RuiTimePicker.vue2.js +414 -0
- package/dist/components/time-picker/RuiTimePicker.vue2.js.map +1 -0
- package/dist/components/time-picker/RuiTimePicker.vue3.js +21 -0
- package/dist/components/time-picker/RuiTimePicker.vue3.js.map +1 -0
- package/dist/composables/breakpoint.js +49 -0
- package/dist/composables/breakpoint.js.map +1 -0
- package/dist/composables/defaults/table.js +23 -0
- package/dist/composables/defaults/table.js.map +1 -0
- package/dist/composables/dropdown-menu.js +218 -0
- package/dist/composables/dropdown-menu.js.map +1 -0
- package/dist/composables/forms/auto-complete/focus.js +71 -0
- package/dist/composables/forms/auto-complete/focus.js.map +1 -0
- package/dist/composables/forms/auto-complete/index.d.ts +4 -4
- package/dist/composables/forms/auto-complete/keyboard-navigation.js +133 -0
- package/dist/composables/forms/auto-complete/keyboard-navigation.js.map +1 -0
- package/dist/composables/forms/auto-complete/search.js +93 -0
- package/dist/composables/forms/auto-complete/search.js.map +1 -0
- package/dist/composables/forms/auto-complete/value.js +129 -0
- package/dist/composables/forms/auto-complete/value.js.map +1 -0
- package/dist/composables/icons.js +60 -0
- package/dist/composables/icons.js.map +1 -0
- package/dist/composables/index.d.ts +3 -3
- package/dist/composables/index.js +9 -0
- package/dist/composables/index.js.map +1 -0
- package/dist/composables/popper.js +164 -0
- package/dist/composables/popper.js.map +1 -0
- package/dist/composables/sticky-header.js +105 -0
- package/dist/composables/sticky-header.js.map +1 -0
- package/dist/composables/theme.d.ts +1 -1
- package/dist/composables/theme.js +75 -0
- package/dist/composables/theme.js.map +1 -0
- package/dist/composables/timeout-manager.js +21 -0
- package/dist/composables/timeout-manager.js.map +1 -0
- package/dist/composables/use-rui-i18n.js +24 -0
- package/dist/composables/use-rui-i18n.js.map +1 -0
- package/dist/consts/colors.js +50 -0
- package/dist/consts/colors.js.map +1 -0
- package/dist/consts/time-accuracy.js +9 -0
- package/dist/consts/time-accuracy.js.map +1 -0
- package/dist/i18n/keys.js +20 -0
- package/dist/i18n/keys.js.map +1 -0
- package/dist/icons/icons_1.js +2503 -0
- package/dist/icons/icons_1.js.map +1 -0
- package/dist/icons/icons_2.js +2503 -0
- package/dist/icons/icons_2.js.map +1 -0
- package/dist/icons/icons_3.js +2503 -0
- package/dist/icons/icons_3.js.map +1 -0
- package/dist/icons/icons_4.js +923 -0
- package/dist/icons/icons_4.js.map +1 -0
- package/dist/icons/index.d.ts +4 -4
- package/dist/icons/index.js +9 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +11 -11
- package/dist/index.js +1852 -0
- package/dist/index.js.map +1 -0
- package/dist/style.css +12852 -1
- package/dist/theme/index.js +185 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/types/stepper.js +17 -0
- package/dist/types/stepper.js.map +1 -0
- package/dist/types/theme.js +27 -0
- package/dist/types/theme.js.map +1 -0
- package/dist/utils/assert.js +14 -0
- package/dist/utils/assert.js.map +1 -0
- package/dist/utils/blockie.js +79 -0
- package/dist/utils/blockie.js.map +1 -0
- package/dist/utils/form-text-detail.js +31 -0
- package/dist/utils/form-text-detail.js.map +1 -0
- package/dist/utils/generate-id.js +21 -0
- package/dist/utils/generate-id.js.map +1 -0
- package/dist/utils/helpers.js +51 -0
- package/dist/utils/helpers.js.map +1 -0
- package/dist/utils/is-equal.js +33 -0
- package/dist/utils/is-equal.js.map +1 -0
- package/dist/web-types.json +1 -1
- package/package.json +16 -14
- package/dist/components/index.es.js +0 -8030
- package/dist/composables/index-CC7A7CEh.js +0 -737
- package/dist/composables/index.es.js +0 -7
- package/dist/consts/colors-D563Ic3q.js +0 -48
- package/dist/consts/forms/auto-complete/index-l0sNRNKZ.js +0 -2
- package/dist/consts/time-accuracy-BnKA5GyT.js +0 -9
- package/dist/i18n/keys-CNGXWOJX.js +0 -20
- package/dist/icons/icons_1.es.js +0 -2004
- package/dist/icons/icons_2.es.js +0 -2004
- package/dist/icons/icons_3.es.js +0 -2004
- package/dist/icons/icons_4.es.js +0 -740
- package/dist/icons/index.es.js +0 -1697
- package/dist/index-D7l4d7N2.js +0 -54
- package/dist/index.es.js +0 -1757
- package/dist/theme/index.es.js +0 -177
- package/dist/types/index-CN6Ip1GL.js +0 -39
- package/dist/utils/index-DJ-ueLCs.js +0 -158
- package/dist/vendor-Hqbg5uCG.js +0 -1931
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
const wrapper = "_wrapper_xauli_2";
|
|
2
|
+
const activator = "_activator_xauli_5";
|
|
3
|
+
const outlined = "_outlined_xauli_10";
|
|
4
|
+
const dense = "_dense_xauli_13";
|
|
5
|
+
const fieldset = "_fieldset_xauli_16";
|
|
6
|
+
const disabled = "_disabled_xauli_19";
|
|
7
|
+
const readonly = "_readonly_xauli_22";
|
|
8
|
+
const opened = "_opened_xauli_28";
|
|
9
|
+
const label = "_label_xauli_45";
|
|
10
|
+
const value = "_value_xauli_62";
|
|
11
|
+
const clear = "_clear_xauli_68";
|
|
12
|
+
const icon = "_icon_xauli_71";
|
|
13
|
+
const icon__wrapper = "_icon__wrapper_xauli_74";
|
|
14
|
+
const float = "_float_xauli_78";
|
|
15
|
+
const menu = "_menu_xauli_106";
|
|
16
|
+
const highlighted = "_highlighted_xauli_110";
|
|
17
|
+
const active = "_active_xauli_113";
|
|
18
|
+
const style0 = {
|
|
19
|
+
wrapper,
|
|
20
|
+
activator,
|
|
21
|
+
outlined,
|
|
22
|
+
dense,
|
|
23
|
+
fieldset,
|
|
24
|
+
disabled,
|
|
25
|
+
readonly,
|
|
26
|
+
"with-error": "_with-error_xauli_28",
|
|
27
|
+
"with-success": "_with-success_xauli_28",
|
|
28
|
+
opened,
|
|
29
|
+
label,
|
|
30
|
+
value,
|
|
31
|
+
clear,
|
|
32
|
+
icon,
|
|
33
|
+
icon__wrapper,
|
|
34
|
+
float,
|
|
35
|
+
"with-value": "_with-value_xauli_84",
|
|
36
|
+
menu,
|
|
37
|
+
highlighted,
|
|
38
|
+
active
|
|
39
|
+
};
|
|
40
|
+
export {
|
|
41
|
+
activator,
|
|
42
|
+
active,
|
|
43
|
+
clear,
|
|
44
|
+
style0 as default,
|
|
45
|
+
dense,
|
|
46
|
+
disabled,
|
|
47
|
+
fieldset,
|
|
48
|
+
float,
|
|
49
|
+
highlighted,
|
|
50
|
+
icon,
|
|
51
|
+
icon__wrapper,
|
|
52
|
+
label,
|
|
53
|
+
menu,
|
|
54
|
+
opened,
|
|
55
|
+
outlined,
|
|
56
|
+
readonly,
|
|
57
|
+
value,
|
|
58
|
+
wrapper
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=RuiAutoComplete.vue3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiAutoComplete.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _sfc_main from "./RuiCheckbox.vue2.js";
|
|
2
|
+
import style0 from "./RuiCheckbox.vue3.js";
|
|
3
|
+
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const RuiCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
RuiCheckbox as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=RuiCheckbox.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiCheckbox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, normalizeProps, guardReactiveProps, unref, createElementVNode, createBlock, createCommentVNode, mergeProps, withDirectives, isRef, vModelCheckbox, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
|
|
2
|
+
import { get, objectPick } from "@vueuse/shared";
|
|
3
|
+
import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
|
|
4
|
+
import RuiIcon from "../../icons/RuiIcon.vue.js";
|
|
5
|
+
import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
|
|
6
|
+
import { useFormTextDetail } from "../../../utils/form-text-detail.js";
|
|
7
|
+
const _hoisted_1 = ["disabled"];
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
...{
|
|
10
|
+
name: "RuiCheckbox",
|
|
11
|
+
inheritAttrs: false
|
|
12
|
+
},
|
|
13
|
+
__name: "RuiCheckbox",
|
|
14
|
+
props: {
|
|
15
|
+
modelValue: { type: Boolean, default: false },
|
|
16
|
+
indeterminate: { type: Boolean, default: false },
|
|
17
|
+
disabled: { type: Boolean, default: false },
|
|
18
|
+
color: { default: void 0 },
|
|
19
|
+
size: { default: void 0 },
|
|
20
|
+
label: { default: "" },
|
|
21
|
+
hint: { default: "" },
|
|
22
|
+
errorMessages: { default: () => [] },
|
|
23
|
+
successMessages: { default: () => [] },
|
|
24
|
+
hideDetails: { type: Boolean, default: false }
|
|
25
|
+
},
|
|
26
|
+
emits: ["update:modelValue", "update:indeterminate"],
|
|
27
|
+
setup(__props, { emit: __emit }) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const emit = __emit;
|
|
30
|
+
const { size, modelValue, indeterminate, errorMessages, successMessages } = toRefs(props);
|
|
31
|
+
const el = ref(null);
|
|
32
|
+
const internalModelValue = computed({
|
|
33
|
+
get: () => get(modelValue),
|
|
34
|
+
set: (checked) => {
|
|
35
|
+
if (checked)
|
|
36
|
+
emit("update:indeterminate", false);
|
|
37
|
+
emit("update:modelValue", checked);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const iconSize = computed(() => {
|
|
41
|
+
const sizeVal = get(size);
|
|
42
|
+
if (sizeVal === "lg")
|
|
43
|
+
return 28;
|
|
44
|
+
if (sizeVal === "sm")
|
|
45
|
+
return 20;
|
|
46
|
+
return 24;
|
|
47
|
+
});
|
|
48
|
+
const { hasError, hasSuccess } = useFormTextDetail(
|
|
49
|
+
errorMessages,
|
|
50
|
+
successMessages
|
|
51
|
+
);
|
|
52
|
+
watch(indeterminate, (val) => {
|
|
53
|
+
const input = get(el);
|
|
54
|
+
if (input) {
|
|
55
|
+
input.checked = !val;
|
|
56
|
+
if (val)
|
|
57
|
+
input.value = "off";
|
|
58
|
+
else
|
|
59
|
+
input.value = "on";
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
watch(internalModelValue, (val) => {
|
|
63
|
+
const input = get(el);
|
|
64
|
+
if (input && input.checked !== val)
|
|
65
|
+
input.checked = val;
|
|
66
|
+
});
|
|
67
|
+
return (_ctx, _cache) => {
|
|
68
|
+
return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
|
|
69
|
+
createElementVNode("label", mergeProps({
|
|
70
|
+
class: [
|
|
71
|
+
_ctx.$style.wrapper,
|
|
72
|
+
_ctx.$style[unref(size) ?? ""],
|
|
73
|
+
{
|
|
74
|
+
[_ctx.$style.disabled]: __props.disabled
|
|
75
|
+
}
|
|
76
|
+
]
|
|
77
|
+
}, unref(objectPick)(_ctx.$attrs, ["onClick"])), [
|
|
78
|
+
withDirectives(createElementVNode("input", mergeProps({
|
|
79
|
+
ref_key: "el",
|
|
80
|
+
ref: el,
|
|
81
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(internalModelValue) ? internalModelValue.value = $event : null),
|
|
82
|
+
type: "checkbox",
|
|
83
|
+
class: _ctx.$style.input,
|
|
84
|
+
disabled: __props.disabled
|
|
85
|
+
}, unref(getNonRootAttrs)(_ctx.$attrs, ["onInput", "onClick"])), null, 16, _hoisted_1), [
|
|
86
|
+
[vModelCheckbox, unref(internalModelValue)]
|
|
87
|
+
]),
|
|
88
|
+
createElementVNode("span", {
|
|
89
|
+
class: normalizeClass([
|
|
90
|
+
_ctx.$style.checkbox,
|
|
91
|
+
_ctx.$style[__props.color ?? ""],
|
|
92
|
+
_ctx.$style[unref(size) ?? ""],
|
|
93
|
+
{
|
|
94
|
+
[_ctx.$style.checked]: unref(modelValue) || unref(indeterminate),
|
|
95
|
+
[_ctx.$style.disabled]: __props.disabled,
|
|
96
|
+
[_ctx.$style["with-error"]]: unref(hasError),
|
|
97
|
+
[_ctx.$style["with-success"]]: unref(hasSuccess) && !unref(hasError)
|
|
98
|
+
}
|
|
99
|
+
])
|
|
100
|
+
}, [
|
|
101
|
+
unref(indeterminate) ? (openBlock(), createBlock(RuiIcon, {
|
|
102
|
+
key: 0,
|
|
103
|
+
name: "lu-checkbox-indeterminate-fill",
|
|
104
|
+
size: unref(iconSize)
|
|
105
|
+
}, null, 8, ["size"])) : unref(modelValue) ? (openBlock(), createBlock(RuiIcon, {
|
|
106
|
+
key: 1,
|
|
107
|
+
name: "lu-checkbox-fill",
|
|
108
|
+
size: unref(iconSize)
|
|
109
|
+
}, null, 8, ["size"])) : (openBlock(), createBlock(RuiIcon, {
|
|
110
|
+
key: 2,
|
|
111
|
+
name: "lu-checkbox-blank",
|
|
112
|
+
size: unref(iconSize)
|
|
113
|
+
}, null, 8, ["size"]))
|
|
114
|
+
], 2),
|
|
115
|
+
__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
|
|
116
|
+
key: 0,
|
|
117
|
+
class: normalizeClass([_ctx.$style.label, "text-body-1"])
|
|
118
|
+
}, [
|
|
119
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
120
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
121
|
+
])
|
|
122
|
+
], 2)) : createCommentVNode("", true)
|
|
123
|
+
], 16),
|
|
124
|
+
!__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
|
|
125
|
+
key: 0,
|
|
126
|
+
"error-messages": unref(errorMessages),
|
|
127
|
+
"success-messages": unref(successMessages),
|
|
128
|
+
hint: __props.hint
|
|
129
|
+
}, null, 8, ["error-messages", "success-messages", "hint"])) : createCommentVNode("", true)
|
|
130
|
+
], 16);
|
|
131
|
+
};
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
export {
|
|
135
|
+
_sfc_main as default
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=RuiCheckbox.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiCheckbox.vue2.js","sources":["../../../../src/components/forms/checkbox/RuiCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { objectPick } from '@vueuse/shared';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props {\n modelValue?: boolean;\n indeterminate?: boolean;\n disabled?: boolean;\n color?: ContextColorsType;\n size?: 'sm' | 'lg';\n label?: string;\n hint?: string;\n errorMessages?: string | string[];\n successMessages?: string | string[];\n hideDetails?: boolean;\n}\n\ndefineOptions({\n name: 'RuiCheckbox',\n inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n modelValue: false,\n indeterminate: false,\n disabled: false,\n color: undefined,\n size: undefined,\n label: '',\n hint: '',\n errorMessages: () => [],\n successMessages: () => [],\n hideDetails: false,\n});\n\nconst emit = defineEmits<{\n (e: 'update:modelValue', modelValue: boolean): void;\n (e: 'update:indeterminate', indeterminate: boolean): void;\n}>();\n\nconst { size, modelValue, indeterminate, errorMessages, successMessages } = toRefs(props);\n\nconst el = ref<HTMLInputElement | null>(null);\n\nconst internalModelValue = computed<boolean>({\n get: () => get(modelValue),\n set: (checked: boolean) => {\n if (checked)\n emit('update:indeterminate', false);\n emit('update:modelValue', checked);\n },\n});\n\nconst iconSize = computed<number>(() => {\n const sizeVal = get(size);\n if (sizeVal === 'lg')\n return 28;\n\n if (sizeVal === 'sm')\n return 20;\n\n return 24;\n});\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n errorMessages,\n successMessages,\n);\n\nwatch(indeterminate, (val) => {\n const input = get(el);\n if (input) {\n input.checked = !val;\n if (val)\n input.value = 'off';\n else\n input.value = 'on';\n }\n});\n\nwatch(internalModelValue, (val) => {\n const input = get(el);\n if (input && input.checked !== val)\n input.checked = val;\n});\n</script>\n\n<template>\n <div v-bind=\"getRootAttrs($attrs)\">\n <label\n :class=\"[\n $style.wrapper,\n $style[size ?? ''],\n {\n [$style.disabled]: disabled,\n },\n ]\"\n v-bind=\"objectPick($attrs, ['onClick'])\"\n >\n <input\n ref=\"el\"\n v-model=\"internalModelValue\"\n type=\"checkbox\"\n :class=\"$style.input\"\n :disabled=\"disabled\"\n v-bind=\"getNonRootAttrs($attrs, ['onInput', 'onClick'])\"\n />\n <span\n :class=\"[\n $style.checkbox,\n $style[color ?? ''],\n $style[size ?? ''],\n {\n [$style.checked]: modelValue || indeterminate,\n [$style.disabled]: disabled,\n [$style['with-error']]: hasError,\n [$style['with-success']]: hasSuccess && !hasError,\n },\n ]\"\n >\n <RuiIcon\n v-if=\"indeterminate\"\n name=\"lu-checkbox-indeterminate-fill\"\n :size=\"iconSize\"\n />\n <RuiIcon\n v-else-if=\"modelValue\"\n name=\"lu-checkbox-fill\"\n :size=\"iconSize\"\n />\n <RuiIcon\n v-else\n name=\"lu-checkbox-blank\"\n :size=\"iconSize\"\n />\n </span>\n <span\n v-if=\"label || $slots.default\"\n :class=\"$style.label\"\n class=\"text-body-1\"\n >\n <slot>{{ label }}</slot>\n </span>\n </label>\n <RuiFormTextDetail\n v-if=\"!hideDetails\"\n :error-messages=\"errorMessages\"\n :success-messages=\"successMessages\"\n :hint=\"hint\"\n />\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.wrapper {\n @apply relative flex items-start cursor-pointer -ml-[9px];\n\n &.disabled {\n @apply cursor-not-allowed;\n\n .checkbox {\n @apply opacity-50;\n\n &:before {\n content: none !important;\n }\n }\n\n .label {\n @apply text-rui-text-disabled;\n }\n }\n\n .input {\n @apply appearance-none w-[1px] h-[1px] absolute z-[2] outline-none select-none;\n\n &:focus {\n + .checkbox {\n &:before {\n @apply opacity-15;\n }\n }\n }\n }\n\n .checkbox {\n @apply relative text-rui-text-secondary p-[9px];\n\n &:before {\n content: '';\n @apply absolute top-1/2 left-1/2 block h-[42px] w-[42px] -translate-y-1/2 -translate-x-1/2 rounded-full opacity-0 transition-opacity;\n @apply bg-black dark:bg-white;\n }\n\n &.with-error {\n @apply text-rui-error #{!important};\n }\n\n &.with-success {\n @apply text-rui-success #{!important};\n }\n\n &:hover {\n &:before {\n @apply opacity-5;\n }\n }\n\n &:active {\n &:before {\n @apply opacity-30;\n }\n }\n\n &.lg {\n &:before {\n @apply h-[46px] w-[46px];\n }\n }\n\n &.sm {\n &:before {\n @apply h-[38px] w-[38px];\n }\n }\n\n @each $color in c.$context-colors {\n &.#{$color} {\n @apply before:bg-rui-#{$color};\n &.checked {\n @apply text-rui-#{$color};\n }\n }\n }\n }\n\n .label {\n @apply flex-1 text-rui-text;\n\n &:not(:empty) {\n @apply mt-[9px] mb-1;\n }\n }\n\n &.sm {\n .label {\n &:not(:empty) {\n @apply mt-[7px];\n }\n }\n }\n\n &.lg {\n .label {\n &:not(:empty) {\n @apply mt-[11px];\n }\n }\n }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_mergeProps","$style","_withDirectives","_normalizeClass","_createBlock","$slots","_renderSlot","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQ;AAad,UAAM,OAAO;AAKb,UAAM,EAAE,MAAM,YAAY,eAAe,eAAe,gBAAA,IAAoB,OAAO,KAAK;AAExF,UAAM,KAAK,IAA6B,IAAI;AAE5C,UAAM,qBAAqB,SAAkB;AAAA,MAC3C,KAAK,MAAM,IAAI,UAAU;AAAA,MACzB,KAAK,CAAC,YAAqB;AACzB,YAAI;AACF,eAAK,wBAAwB,KAAK;AACpC,aAAK,qBAAqB,OAAO;AAAA,MACnC;AAAA,IAAA,CACD;AAED,UAAM,WAAW,SAAiB,MAAM;AACtC,YAAM,UAAU,IAAI,IAAI;AACxB,UAAI,YAAY;AACd,eAAO;AAET,UAAI,YAAY;AACd,eAAO;AAET,aAAO;AAAA,IACT,CAAC;AAED,UAAM,EAAE,UAAU,WAAA,IAAe;AAAA,MAC/B;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,eAAe,CAAC,QAAQ;AAC5B,YAAM,QAAQ,IAAI,EAAE;AACpB,UAAI,OAAO;AACT,cAAM,UAAU,CAAC;AACjB,YAAI;AACF,gBAAM,QAAQ;AAAA;AAEd,gBAAM,QAAQ;AAAA,MAClB;AAAA,IACF,CAAC;AAED,UAAM,oBAAoB,CAAC,QAAQ;AACjC,YAAM,QAAQ,IAAI,EAAE;AACpB,UAAI,SAAS,MAAM,YAAY;AAC7B,cAAM,UAAU;AAAA,IACpB,CAAC;;0BAICA,mBA8DM,OAAAC,eAAAC,mBA9DOC,MAAA,YAAA,EAAaC,KAAAA,MAAM,CAAA,CAAA,GAAA;AAAA,QAC9BC,mBAsDQ,SAtDRC,WAsDQ;AAAA,UArDL,OAAK;AAAA,YAAYC,KAAAA,OAAO;AAAA,YAAiBA,KAAAA,OAAOJ,MAAA,IAAA,KAAI,EAAA;AAAA;eAA8BI,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,YAAA;AAAA;WAO7FJ,MAAA,UAAA,EAAWC,KAAAA,QAAM,CAAA,SAAA,CAAA,CAAA,GAAA;AAAA,UAEzBI,eAAAH,mBAOE,SAPFC,WAOE;AAAA,qBANI;AAAA,YAAJ,KAAI;AAAA,qGACK,mBAAkB,QAAA,SAAA;AAAA,YAC3B,MAAK;AAAA,YACJ,OAAOC,KAAAA,OAAO;AAAA,YACd,UAAU,QAAA;AAAA,UAAA,GACHJ,MAAA,eAAA,EAAgBC,KAAAA,QAAM,CAAA,WAAA,SAAA,CAAA,CAAA,GAAA,MAAA,IAAA,UAAA,GAAA;AAAA,6BAJrBD,MAAA,kBAAA,CAAkB;AAAA,UAAA;UAM7BE,mBA4BO,QAAA;AAAA,YA3BJ,OAAKI,eAAA;AAAA,cAAcF,KAAAA,OAAO;AAAA,cAAoBA,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA,cAAmBA,KAAAA,OAAOJ,MAAA,IAAA,KAAI,EAAA;AAAA;gBAAkCI,CAAAA,KAAAA,OAAO,OAAO,GAAGJ,MAAA,UAAA,KAAcA,MAAA,aAAA;AAAA,iBAA4BI,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,gBAAuBA,CAAAA,KAAAA,uBAAuBJ,MAAA,QAAA;AAAA,iBAAuBI,KAAAA,OAAM,cAAA,CAAA,GAAmBJ,MAAA,UAAA,KAAU,CAAKA,MAAA,QAAA;AAAA,cAAA;AAAA;;YAa7SA,MAAA,aAAA,kBADRO,YAIE,SAAA;AAAA;cAFA,MAAK;AAAA,cACJ,MAAMP,MAAA,QAAA;AAAA,YAAA,yBAGIA,MAAA,UAAA,kBADbO,YAIE,SAAA;AAAA;cAFA,MAAK;AAAA,cACJ,MAAMP,MAAA,QAAA;AAAA,YAAA,uCAETO,YAIE,SAAA;AAAA;cAFA,MAAK;AAAA,cACJ,MAAMP,MAAA,QAAA;AAAA,YAAA;;UAIH,QAAA,SAASQ,KAAAA,OAAO,wBADxBX,mBAMO,QAAA;AAAA;YAJJ,OAAKS,eAAA,CAAEF,KAAAA,OAAO,OACT,aAAa,CAAA;AAAA,UAAA;YAEnBK,WAAwB,4BAAxB,MAAwB;AAAA,8CAAf,QAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;SAIT,QAAA,4BADTF,YAKEG,aAAA;AAAA;UAHC,kBAAgBV,MAAA,aAAA;AAAA,UAChB,oBAAkBA,MAAA,eAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
const wrapper = "_wrapper_1564x_315";
|
|
2
|
+
const disabled = "_disabled_1564x_318";
|
|
3
|
+
const checkbox = "_checkbox_1564x_321";
|
|
4
|
+
const label = "_label_1564x_327";
|
|
5
|
+
const input = "_input_1564x_330";
|
|
6
|
+
const lg = "_lg_1564x_356";
|
|
7
|
+
const sm = "_sm_1564x_359";
|
|
8
|
+
const primary = "_primary_1564x_362";
|
|
9
|
+
const checked = "_checked_1564x_365";
|
|
10
|
+
const secondary = "_secondary_1564x_368";
|
|
11
|
+
const error = "_error_1564x_374";
|
|
12
|
+
const warning = "_warning_1564x_380";
|
|
13
|
+
const info = "_info_1564x_386";
|
|
14
|
+
const success = "_success_1564x_392";
|
|
15
|
+
const style0 = {
|
|
16
|
+
wrapper,
|
|
17
|
+
disabled,
|
|
18
|
+
checkbox,
|
|
19
|
+
label,
|
|
20
|
+
input,
|
|
21
|
+
"with-error": "_with-error_1564x_344",
|
|
22
|
+
"with-success": "_with-success_1564x_347",
|
|
23
|
+
lg,
|
|
24
|
+
sm,
|
|
25
|
+
primary,
|
|
26
|
+
checked,
|
|
27
|
+
secondary,
|
|
28
|
+
error,
|
|
29
|
+
warning,
|
|
30
|
+
info,
|
|
31
|
+
success,
|
|
32
|
+
"bg-tint": "_bg-tint_1564x_1",
|
|
33
|
+
"bg-shade": "_bg-shade_1564x_1",
|
|
34
|
+
"text-tint": "_text-tint_1564x_1",
|
|
35
|
+
"text-shade": "_text-shade_1564x_1"
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
checkbox,
|
|
39
|
+
checked,
|
|
40
|
+
style0 as default,
|
|
41
|
+
disabled,
|
|
42
|
+
error,
|
|
43
|
+
info,
|
|
44
|
+
input,
|
|
45
|
+
label,
|
|
46
|
+
lg,
|
|
47
|
+
primary,
|
|
48
|
+
secondary,
|
|
49
|
+
sm,
|
|
50
|
+
success,
|
|
51
|
+
warning,
|
|
52
|
+
wrapper
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=RuiCheckbox.vue3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiCheckbox.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _sfc_main from "./RuiRadio.vue2.js";
|
|
2
|
+
import style0 from "./RuiRadio.vue3.js";
|
|
3
|
+
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const RuiRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
RuiRadio as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=RuiRadio.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiRadio.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { defineComponent, mergeModels, useModel, toRefs, computed, createElementBlock, openBlock, normalizeProps, guardReactiveProps, unref, createElementVNode, createBlock, createCommentVNode, normalizeClass, mergeProps, renderSlot, createTextVNode, toDisplayString } from "vue";
|
|
2
|
+
import _sfc_main$1 from "../../../helpers/RuiFormTextDetail.vue.js";
|
|
3
|
+
import RuiIcon from "../../../icons/RuiIcon.vue.js";
|
|
4
|
+
import { getRootAttrs, getNonRootAttrs } from "../../../../utils/helpers.js";
|
|
5
|
+
import { get, set } from "@vueuse/shared";
|
|
6
|
+
import { useFormTextDetail } from "../../../../utils/form-text-detail.js";
|
|
7
|
+
const _hoisted_1 = ["checked", "disabled", "value"];
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
...{
|
|
10
|
+
name: "RuiRadio",
|
|
11
|
+
inheritAttrs: false
|
|
12
|
+
},
|
|
13
|
+
__name: "RuiRadio",
|
|
14
|
+
props: /* @__PURE__ */ mergeModels({
|
|
15
|
+
value: {},
|
|
16
|
+
disabled: { type: Boolean, default: false },
|
|
17
|
+
color: { default: void 0 },
|
|
18
|
+
size: { default: void 0 },
|
|
19
|
+
label: { default: "" },
|
|
20
|
+
hint: { default: "" },
|
|
21
|
+
errorMessages: { default: () => [] },
|
|
22
|
+
successMessages: { default: () => [] },
|
|
23
|
+
hideDetails: { type: Boolean, default: false }
|
|
24
|
+
}, {
|
|
25
|
+
"modelValue": { required: false },
|
|
26
|
+
"modelModifiers": {}
|
|
27
|
+
}),
|
|
28
|
+
emits: ["update:modelValue"],
|
|
29
|
+
setup(__props) {
|
|
30
|
+
const modelValue = useModel(__props, "modelValue");
|
|
31
|
+
const props = __props;
|
|
32
|
+
const { value, successMessages, errorMessages } = toRefs(props);
|
|
33
|
+
function input(event) {
|
|
34
|
+
const checked = event.target.checked;
|
|
35
|
+
if (checked)
|
|
36
|
+
set(modelValue, get(value));
|
|
37
|
+
}
|
|
38
|
+
const iconSize = computed(() => {
|
|
39
|
+
const size = props.size;
|
|
40
|
+
if (size === "lg")
|
|
41
|
+
return 28;
|
|
42
|
+
if (size === "sm")
|
|
43
|
+
return 20;
|
|
44
|
+
return 24;
|
|
45
|
+
});
|
|
46
|
+
const selected = computed(() => get(modelValue) === get(value));
|
|
47
|
+
const { hasError, hasSuccess } = useFormTextDetail(
|
|
48
|
+
errorMessages,
|
|
49
|
+
successMessages
|
|
50
|
+
);
|
|
51
|
+
return (_ctx, _cache) => {
|
|
52
|
+
return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(getRootAttrs)(_ctx.$attrs))), [
|
|
53
|
+
createElementVNode("label", {
|
|
54
|
+
class: normalizeClass([
|
|
55
|
+
_ctx.$style.wrapper,
|
|
56
|
+
_ctx.$style[__props.size ?? ""],
|
|
57
|
+
{
|
|
58
|
+
[_ctx.$style.disabled]: __props.disabled
|
|
59
|
+
}
|
|
60
|
+
])
|
|
61
|
+
}, [
|
|
62
|
+
createElementVNode("input", mergeProps({
|
|
63
|
+
checked: unref(selected),
|
|
64
|
+
type: "radio",
|
|
65
|
+
class: _ctx.$style.input,
|
|
66
|
+
disabled: __props.disabled
|
|
67
|
+
}, unref(getNonRootAttrs)(_ctx.$attrs), {
|
|
68
|
+
value: unref(value),
|
|
69
|
+
onInput: _cache[0] || (_cache[0] = ($event) => input($event))
|
|
70
|
+
}), null, 16, _hoisted_1),
|
|
71
|
+
createElementVNode("div", {
|
|
72
|
+
class: normalizeClass([
|
|
73
|
+
_ctx.$style.radio,
|
|
74
|
+
_ctx.$style[__props.color ?? ""],
|
|
75
|
+
_ctx.$style[__props.size ?? ""],
|
|
76
|
+
{
|
|
77
|
+
[_ctx.$style.checked]: unref(selected),
|
|
78
|
+
[_ctx.$style.disabled]: __props.disabled,
|
|
79
|
+
[_ctx.$style["with-error"]]: unref(hasError),
|
|
80
|
+
[_ctx.$style["with-success"]]: unref(hasSuccess) && !unref(hasError)
|
|
81
|
+
}
|
|
82
|
+
])
|
|
83
|
+
}, [
|
|
84
|
+
unref(selected) ? (openBlock(), createBlock(RuiIcon, {
|
|
85
|
+
key: 0,
|
|
86
|
+
name: "lu-radio-button-fill",
|
|
87
|
+
size: unref(iconSize)
|
|
88
|
+
}, null, 8, ["size"])) : (openBlock(), createBlock(RuiIcon, {
|
|
89
|
+
key: 1,
|
|
90
|
+
name: "lu-checkbox-blank-circle",
|
|
91
|
+
size: unref(iconSize)
|
|
92
|
+
}, null, 8, ["size"]))
|
|
93
|
+
], 2),
|
|
94
|
+
createElementVNode("div", {
|
|
95
|
+
class: normalizeClass([_ctx.$style.label, "text-body-1"])
|
|
96
|
+
}, [
|
|
97
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
98
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
99
|
+
])
|
|
100
|
+
], 2)
|
|
101
|
+
], 2),
|
|
102
|
+
!__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
|
|
103
|
+
key: 0,
|
|
104
|
+
"error-messages": unref(errorMessages),
|
|
105
|
+
"success-messages": unref(successMessages),
|
|
106
|
+
hint: __props.hint
|
|
107
|
+
}, null, 8, ["error-messages", "success-messages", "hint"])) : createCommentVNode("", true)
|
|
108
|
+
], 16);
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
export {
|
|
113
|
+
_sfc_main as default
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=RuiRadio.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiRadio.vue2.js","sources":["../../../../../src/components/forms/radio-button/radio/RuiRadio.vue"],"sourcesContent":["<script lang=\"ts\" setup generic='TValue'>\nimport type { ContextColorsType } from '@/consts/colors';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface RadioProps<TValue> {\n value: TValue;\n disabled?: boolean;\n color?: ContextColorsType;\n size?: 'sm' | 'lg';\n label?: string;\n hint?: string;\n errorMessages?: string | string[];\n successMessages?: string | string[];\n hideDetails?: boolean;\n}\n\ndefineOptions({\n name: 'RuiRadio',\n inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst props = withDefaults(defineProps<RadioProps<TValue>>(), {\n disabled: false,\n color: undefined,\n size: undefined,\n label: '',\n hint: '',\n errorMessages: () => [],\n successMessages: () => [],\n hideDetails: false,\n});\n\nconst { value, successMessages, errorMessages }\n = toRefs(props);\n\nfunction input(event: Event) {\n const checked = (event.target as HTMLInputElement).checked;\n if (checked)\n set(modelValue, get(value));\n}\n\nconst iconSize: ComputedRef<number> = computed(() => {\n const size = props.size;\n if (size === 'lg')\n return 28;\n\n if (size === 'sm')\n return 20;\n\n return 24;\n});\n\nconst selected = computed(() => get(modelValue) === get(value));\n\nconst { hasError, hasSuccess } = useFormTextDetail(\n errorMessages,\n successMessages,\n);\n</script>\n\n<template>\n <div v-bind=\"getRootAttrs($attrs)\">\n <label\n :class=\"[\n $style.wrapper,\n $style[size ?? ''],\n {\n [$style.disabled]: disabled,\n },\n ]\"\n >\n <input\n :checked=\"selected\"\n type=\"radio\"\n :class=\"$style.input\"\n :disabled=\"disabled\"\n v-bind=\"getNonRootAttrs($attrs)\"\n :value=\"value\"\n @input=\"input($event)\"\n />\n <div\n :class=\"[\n $style.radio,\n $style[color ?? ''],\n $style[size ?? ''],\n {\n [$style.checked]: selected,\n [$style.disabled]: disabled,\n [$style['with-error']]: hasError,\n [$style['with-success']]: hasSuccess && !hasError,\n },\n ]\"\n >\n <RuiIcon\n v-if=\"selected\"\n name=\"lu-radio-button-fill\"\n :size=\"iconSize\"\n />\n <RuiIcon\n v-else\n name=\"lu-checkbox-blank-circle\"\n :size=\"iconSize\"\n />\n </div>\n <div\n :class=\"$style.label\"\n class=\"text-body-1\"\n >\n <slot>{{ label }}</slot>\n </div>\n </label>\n <RuiFormTextDetail\n v-if=\"!hideDetails\"\n :error-messages=\"errorMessages\"\n :success-messages=\"successMessages\"\n :hint=\"hint\"\n />\n </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.wrapper {\n @apply relative flex items-start cursor-pointer -ml-[9px];\n\n &.disabled {\n @apply cursor-not-allowed;\n\n .radio {\n @apply opacity-50;\n\n &:before {\n content: none !important;\n }\n }\n\n .label {\n @apply text-rui-text-disabled;\n }\n }\n\n .input {\n @apply appearance-none w-[1px] h-[1px] absolute z-[2] outline-none select-none;\n\n &:focus {\n + .radio {\n &:before {\n @apply opacity-15;\n }\n }\n }\n }\n\n .radio {\n @apply relative text-rui-text-secondary p-[9px];\n\n &:before {\n content: '';\n @apply absolute top-1/2 left-1/2 block h-[42px] w-[42px] -translate-y-1/2 -translate-x-1/2 rounded-full opacity-0 transition-opacity;\n @apply bg-black dark:bg-white;\n }\n\n &.with-error {\n @apply text-rui-error #{!important};\n }\n\n &.with-success {\n @apply text-rui-success #{!important};\n }\n\n &:hover {\n &:before {\n @apply opacity-5;\n }\n }\n\n &:active {\n &:before {\n @apply opacity-30;\n }\n }\n\n &.lg {\n &:before {\n @apply h-[46px] w-[46px];\n }\n }\n\n &.sm {\n &:before {\n @apply h-[38px] w-[38px];\n }\n }\n\n @each $color in c.$context-colors {\n &.#{$color} {\n @apply before:bg-rui-#{$color};\n &.checked {\n @apply text-rui-#{$color};\n }\n }\n }\n }\n\n .label {\n @apply flex-1 text-rui-text;\n\n &:not(:empty) {\n @apply mt-[9px] mb-1;\n }\n }\n\n &.sm {\n .label {\n &:not(:empty) {\n @apply mt-[7px];\n }\n }\n }\n\n &.lg {\n .label {\n &:not(:empty) {\n @apply mt-[11px];\n }\n }\n }\n}\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","$attrs","_createElementVNode","_normalizeClass","$style","_mergeProps","_createBlock","_renderSlot","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAM,aAAaA,SAAmB,SAAA,YAAoB;AAE1D,UAAM,QAAQ;AAWd,UAAM,EAAE,OAAO,iBAAiB,cAAA,IAC5B,OAAO,KAAK;AAEhB,aAAS,MAAM,OAAc;AAC3B,YAAM,UAAW,MAAM,OAA4B;AACnD,UAAI;AACF,YAAI,YAAY,IAAI,KAAK,CAAC;AAAA,IAC9B;AAEA,UAAM,WAAgC,SAAS,MAAM;AACnD,YAAM,OAAO,MAAM;AACnB,UAAI,SAAS;AACX,eAAO;AAET,UAAI,SAAS;AACX,eAAO;AAET,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW,SAAS,MAAM,IAAI,UAAU,MAAM,IAAI,KAAK,CAAC;AAE9D,UAAM,EAAE,UAAU,WAAA,IAAe;AAAA,MAC/B;AAAA,MACA;AAAA,IAAA;;0BAKAC,mBAwDM,OAAAC,eAAAC,mBAxDOC,MAAA,YAAA,EAAaC,KAAAA,MAAM,CAAA,CAAA,GAAA;AAAA,QAC9BC,mBAgDQ,SAAA;AAAA,UA/CL,OAAKC,eAAA;AAAA,YAAYC,KAAAA,OAAO;AAAA,YAAiBA,KAAAA,OAAO,QAAA,QAAI,EAAA;AAAA;eAA8BA,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,YAAA;AAAA;;UAQrGF,mBAQE,SARFG,WAQE;AAAA,YAPC,SAASL,MAAA,QAAA;AAAA,YACV,MAAK;AAAA,YACJ,OAAOI,KAAAA,OAAO;AAAA,YACd,UAAU,QAAA;AAAA,UAAA,GACHJ,MAAA,eAAA,EAAgBC,KAAAA,MAAM,GAAA;AAAA,YAC7B,OAAOD,MAAA,KAAA;AAAA,YACP,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,MAAM,MAAM;AAAA,UAAA;UAEtBE,mBAuBM,OAAA;AAAA,YAtBH,OAAKC,eAAA;AAAA,cAAcC,KAAAA,OAAO;AAAA,cAAiBA,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA,cAAmBA,KAAAA,OAAO,QAAA,QAAI,EAAA;AAAA;iBAAkCA,KAAAA,OAAO,OAAO,GAAGJ,MAAA,QAAA;AAAA,iBAAuBI,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,gBAAuBA,CAAAA,KAAAA,uBAAuBJ,MAAA,QAAA;AAAA,iBAAuBI,KAAAA,OAAM,cAAA,CAAA,GAAmBJ,MAAA,UAAA,KAAU,CAAKA,MAAA,QAAA;AAAA,cAAA;AAAA;;YAavRA,MAAA,QAAA,kBADRM,YAIE,SAAA;AAAA;cAFA,MAAK;AAAA,cACJ,MAAMN,MAAA,QAAA;AAAA,YAAA,uCAETM,YAIE,SAAA;AAAA;cAFA,MAAK;AAAA,cACJ,MAAMN,MAAA,QAAA;AAAA,YAAA;;UAGXE,mBAKM,OAAA;AAAA,YAJH,OAAKC,eAAA,CAAEC,KAAAA,OAAO,OACT,aAAa,CAAA;AAAA,UAAA;YAEnBG,WAAwB,4BAAxB,MAAwB;AAAA,8CAAf,QAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;SAIT,QAAA,4BADTD,YAKEE,aAAA;AAAA;UAHC,kBAAgBR,MAAA,aAAA;AAAA,UAChB,oBAAkBA,MAAA,eAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
const wrapper = "_wrapper_1s6jd_315";
|
|
2
|
+
const disabled = "_disabled_1s6jd_318";
|
|
3
|
+
const radio = "_radio_1s6jd_321";
|
|
4
|
+
const label = "_label_1s6jd_327";
|
|
5
|
+
const input = "_input_1s6jd_330";
|
|
6
|
+
const lg = "_lg_1s6jd_356";
|
|
7
|
+
const sm = "_sm_1s6jd_359";
|
|
8
|
+
const primary = "_primary_1s6jd_362";
|
|
9
|
+
const checked = "_checked_1s6jd_365";
|
|
10
|
+
const secondary = "_secondary_1s6jd_368";
|
|
11
|
+
const error = "_error_1s6jd_374";
|
|
12
|
+
const warning = "_warning_1s6jd_380";
|
|
13
|
+
const info = "_info_1s6jd_386";
|
|
14
|
+
const success = "_success_1s6jd_392";
|
|
15
|
+
const style0 = {
|
|
16
|
+
wrapper,
|
|
17
|
+
disabled,
|
|
18
|
+
radio,
|
|
19
|
+
label,
|
|
20
|
+
input,
|
|
21
|
+
"with-error": "_with-error_1s6jd_344",
|
|
22
|
+
"with-success": "_with-success_1s6jd_347",
|
|
23
|
+
lg,
|
|
24
|
+
sm,
|
|
25
|
+
primary,
|
|
26
|
+
checked,
|
|
27
|
+
secondary,
|
|
28
|
+
error,
|
|
29
|
+
warning,
|
|
30
|
+
info,
|
|
31
|
+
success,
|
|
32
|
+
"bg-tint": "_bg-tint_1s6jd_1",
|
|
33
|
+
"bg-shade": "_bg-shade_1s6jd_1",
|
|
34
|
+
"text-tint": "_text-tint_1s6jd_1",
|
|
35
|
+
"text-shade": "_text-shade_1s6jd_1"
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
checked,
|
|
39
|
+
style0 as default,
|
|
40
|
+
disabled,
|
|
41
|
+
error,
|
|
42
|
+
info,
|
|
43
|
+
input,
|
|
44
|
+
label,
|
|
45
|
+
lg,
|
|
46
|
+
primary,
|
|
47
|
+
radio,
|
|
48
|
+
secondary,
|
|
49
|
+
sm,
|
|
50
|
+
success,
|
|
51
|
+
warning,
|
|
52
|
+
wrapper
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=RuiRadio.vue3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiRadio.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _sfc_main from "./RuiRadioGroup.vue2.js";
|
|
2
|
+
import style0 from "./RuiRadioGroup.vue3.js";
|
|
3
|
+
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const RuiRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
RuiRadioGroup as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=RuiRadioGroup.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiRadioGroup.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { defineComponent, mergeModels, useModel, ref, onMounted, useSlots, computed, Fragment, isVNode, createElementBlock, openBlock, normalizeProps, guardReactiveProps, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeClass, renderList, unref, resolveDynamicComponent, mergeProps } from "vue";
|
|
2
|
+
import { set, objectPick } from "@vueuse/shared";
|
|
3
|
+
import _sfc_main$1 from "../../../helpers/RuiFormTextDetail.vue.js";
|
|
4
|
+
import { assert } from "../../../../utils/assert.js";
|
|
5
|
+
import { generateId } from "../../../../utils/generate-id.js";
|
|
6
|
+
const _hoisted_1 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "text-rui-text-secondary text-body-1"
|
|
9
|
+
};
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
|
+
...{
|
|
12
|
+
name: "RuiRadioGroup",
|
|
13
|
+
inheritAttrs: false
|
|
14
|
+
},
|
|
15
|
+
__name: "RuiRadioGroup",
|
|
16
|
+
props: /* @__PURE__ */ mergeModels({
|
|
17
|
+
inline: { type: Boolean, default: false },
|
|
18
|
+
label: { default: "" },
|
|
19
|
+
hint: { default: "" },
|
|
20
|
+
errorMessages: { default: () => [] },
|
|
21
|
+
successMessages: { default: () => [] },
|
|
22
|
+
hideDetails: { type: Boolean, default: false },
|
|
23
|
+
disabled: { type: Boolean, default: false },
|
|
24
|
+
color: { default: void 0 },
|
|
25
|
+
size: { default: void 0 }
|
|
26
|
+
}, {
|
|
27
|
+
"modelValue": { required: false },
|
|
28
|
+
"modelModifiers": {}
|
|
29
|
+
}),
|
|
30
|
+
emits: ["update:modelValue"],
|
|
31
|
+
setup(__props) {
|
|
32
|
+
const modelValue = useModel(__props, "modelValue");
|
|
33
|
+
const radioGroupName = ref("");
|
|
34
|
+
onMounted(() => {
|
|
35
|
+
set(radioGroupName, generateId("radio-group"));
|
|
36
|
+
});
|
|
37
|
+
const slots = useSlots();
|
|
38
|
+
const children = computed(() => {
|
|
39
|
+
const slotContent = slots.default?.() ?? [];
|
|
40
|
+
if (slotContent.length === 1) {
|
|
41
|
+
const firstChild = slotContent[0];
|
|
42
|
+
assert(firstChild);
|
|
43
|
+
if (firstChild.type === Fragment) {
|
|
44
|
+
return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return slotContent;
|
|
48
|
+
});
|
|
49
|
+
return (_ctx, _cache) => {
|
|
50
|
+
return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(_ctx.$attrs)), [
|
|
51
|
+
__props.label ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
|
|
52
|
+
createElementVNode("div", {
|
|
53
|
+
class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.wrapper__inline ?? ""]: __props.inline }])
|
|
54
|
+
}, [
|
|
55
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
|
|
56
|
+
return openBlock(), createBlock(resolveDynamicComponent(child), mergeProps({ ref_for: true }, unref(objectPick)(_ctx.$props, ["disabled", "color", "size"]), {
|
|
57
|
+
key: i,
|
|
58
|
+
modelValue: modelValue.value,
|
|
59
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
|
|
60
|
+
"hide-details": "",
|
|
61
|
+
name: unref(radioGroupName)
|
|
62
|
+
}), null, 16, ["modelValue", "name"]);
|
|
63
|
+
}), 128))
|
|
64
|
+
], 2),
|
|
65
|
+
!__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {
|
|
66
|
+
key: 1,
|
|
67
|
+
"error-messages": __props.errorMessages,
|
|
68
|
+
"success-messages": __props.successMessages,
|
|
69
|
+
hint: __props.hint
|
|
70
|
+
}, null, 8, ["error-messages", "success-messages", "hint"])) : createCommentVNode("", true)
|
|
71
|
+
], 16);
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
export {
|
|
76
|
+
_sfc_main as default
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=RuiRadioGroup.vue2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiRadioGroup.vue2.js","sources":["../../../../../src/components/forms/radio-button/radio-group/RuiRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic='TValue'>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { objectPick } from '@vueuse/shared';\nimport { Fragment, isVNode } from 'vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { assert } from '@/utils/assert';\n\nexport interface Props {\n inline?: boolean;\n label?: string;\n hint?: string;\n errorMessages?: string | string[];\n successMessages?: string | string[];\n hideDetails?: boolean;\n disabled?: boolean;\n color?: ContextColorsType;\n size?: 'sm' | 'lg';\n}\n\ndefineOptions({\n name: 'RuiRadioGroup',\n inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nwithDefaults(defineProps<Props>(), {\n inline: false,\n label: '',\n hint: '',\n errorMessages: () => [],\n successMessages: () => [],\n hideDetails: false,\n disabled: false,\n color: undefined,\n size: undefined,\n});\n\nconst radioGroupName = ref('');\n\nonMounted(() => {\n set(radioGroupName, generateId('radio-group'));\n});\n\nconst slots = useSlots();\nconst children = computed(() => {\n const slotContent = slots.default?.() ?? [];\n\n // When using dynamic content with v-for the slot content is a single fragment\n // containing the children components.\n if (slotContent.length === 1) {\n const firstChild = slotContent[0];\n assert(firstChild);\n if (firstChild.type === Fragment) {\n return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];\n }\n }\n return slotContent;\n});\n</script>\n\n<template>\n <div v-bind=\"$attrs\">\n <div\n v-if=\"label\"\n class=\"text-rui-text-secondary text-body-1\"\n >\n {{ label }}\n </div>\n <div :class=\"[$style.wrapper, { [$style.wrapper__inline ?? '']: inline }]\">\n <Component\n :is=\"child\"\n v-for=\"(child, i) in children\"\n v-bind=\"objectPick($props, ['disabled', 'color', 'size'])\"\n :key=\"i\"\n v-model=\"modelValue\"\n hide-details\n :name=\"radioGroupName\"\n />\n </div>\n <RuiFormTextDetail\n v-if=\"!hideDetails\"\n :error-messages=\"errorMessages\"\n :success-messages=\"successMessages\"\n :hint=\"hint\"\n />\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n &__inline {\n @apply flex space-x-6;\n }\n}\n</style>\n"],"names":["_useModel","_openBlock","_createElementBlock","$attrs","_toDisplayString","_createElementVNode","_normalizeClass","$style","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent","_mergeProps","$props","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,aAAaA,SAAmB,SAAA,YAAoB;AAc1D,UAAM,iBAAiB,IAAI,EAAE;AAE7B,cAAU,MAAM;AACd,UAAI,gBAAgB,WAAW,aAAa,CAAC;AAAA,IAC/C,CAAC;AAED,UAAM,QAAQ,SAAA;AACd,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,cAAc,MAAM,UAAA,KAAe,CAAA;AAIzC,UAAI,YAAY,WAAW,GAAG;AAC5B,cAAM,aAAa,YAAY,CAAC;AAChC,eAAO,UAAU;AACjB,YAAI,WAAW,SAAS,UAAU;AAChC,iBAAO,MAAM,QAAQ,WAAW,QAAQ,IAAI,WAAW,SAAS,OAAO,OAAO,IAAI,CAAA;AAAA,QACpF;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAwBM,yCAxBOC,KAAAA,MAAM,CAAA,GAAA;AAAA,QAET,QAAA,sBADRD,mBAKM,OALN,YAKME,gBADD,QAAA,KAAK,GAAA,CAAA;QAEVC,mBAUM,OAAA;AAAA,UAVA,OAAKC,eAAA,CAAGC,YAAO,YAAYA,KAAAA,OAAO,mBAAe,EAAA,GAAS,QAAA,OAAA,CAAM,CAAA;AAAA,QAAA;WACpEN,UAAA,IAAA,GAAAC,mBAQEM,UAAA,MAAAC,WANqBC,MAAA,QAAA,GAAQ,CAArB,OAAO,MAAC;AAFlB,mBAAAT,UAAA,GAAAU,YAQEC,wBAPK,KAAK,GADZC,WAQE,EAAA,SAAA,KAAA,GALQH,MAAA,UAAA,EAAWI,KAAAA,QAAM,CAAA,YAAA,SAAA,MAAA,CAAA,GAAA;AAAA,cACxB,KAAK;AAAA,0BACG,WAAA;AAAA,2EAAA,WAAU,QAAA;AAAA,cACnB,gBAAA;AAAA,cACC,MAAMJ,MAAA,cAAA;AAAA,YAAA;;;SAIF,QAAA,4BADTC,YAKEI,aAAA;AAAA;UAHC,kBAAgB,QAAA;AAAA,UAChB,oBAAkB,QAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuiRadioGroup.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|