@livestorm/ui-vue 2.0.5 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -6
- package/components-vite.js +2 -2
- package/dist/UiButton-uyW8EHRJ.mjs +602 -0
- package/dist/UiTimelineItem-EiOEi1yF.mjs +7293 -0
- package/dist/UiTooltip-DZcPD6_N.mjs +158 -0
- package/dist/a11y-CaZxRWzo.mjs +6 -0
- package/dist/breakpoints.mjs +4 -9
- package/dist/bus.mjs +5 -5
- package/dist/components.mjs +236 -222
- package/dist/i18n-B8QOMuFD.mjs +46 -0
- package/dist/index.mjs +4 -87
- package/dist/integrations.mjs +3 -14
- package/dist/layouts.mjs +228 -236
- package/dist/responsive.mjs +31 -36
- package/dist/slot.mjs +11 -17
- package/dist/toastDSV2-D3xDZPe5.mjs +105 -0
- package/dist/types/index.d.ts +23 -1
- package/dist/types/src/components/Toast/ToastMessage.vue.d.ts +17 -7
- package/dist/types/src/components/Toast/toastDSV2.d.ts +89 -64
- package/dist/types/src/components/UiActionBar/UiActionBar.vue.d.ts +3 -1
- package/dist/types/src/components/UiActionBar/UiActionBarItem.vue.d.ts +18 -3
- package/dist/types/src/components/UiActionBar/types.d.ts +5 -1
- package/dist/types/src/components/UiAvatar/UiAvatar.vue.d.ts +4 -2
- package/dist/types/src/components/UiAvatarList/UiAvatarList.vue.d.ts +3 -2
- package/dist/types/src/components/UiBanner/UiBanner.vue.d.ts +13 -1
- package/dist/types/src/components/UiButton/UiButton.vue.d.ts +102 -38
- package/dist/types/src/components/UiButtonGroup/UiButtonGroup.vue.d.ts +8 -2
- package/dist/types/src/components/UiButtonGroup/UiButtonGroupItem.vue.d.ts +3 -0
- package/dist/types/src/components/UiButtonGroup/types.d.ts +5 -1
- package/dist/types/src/components/UiChoice/UiChoice.vue.d.ts +71 -0
- package/dist/types/src/components/UiChoice/index.d.ts +2 -0
- package/dist/types/src/components/UiChoice/types.d.ts +7 -0
- package/dist/types/src/components/UiColorField/UiColorField.vue.d.ts +1 -1
- package/dist/types/src/components/UiColorPicker/UiColorPicker.vue.d.ts +2 -2
- package/dist/types/src/components/UiCombobox/UiCombobox.types.d.ts +47 -0
- package/dist/types/src/components/UiCombobox/UiCombobox.vue.d.ts +40 -0
- package/dist/types/src/components/UiCombobox/index.d.ts +2 -0
- package/dist/types/src/components/UiDataTable/UiDataTable.types.d.ts +46 -0
- package/dist/types/src/components/UiDataTable/UiDataTable.vue.d.ts +136 -0
- package/dist/types/src/components/UiDataTable/index.d.ts +5 -0
- package/dist/types/src/components/UiDrawer/UiDrawer.vue.d.ts +28 -0
- package/dist/types/src/components/UiDrawer/UiDrawerContent.vue.d.ts +18 -0
- package/dist/types/src/components/UiDrawer/UiDrawerTrigger.vue.d.ts +14 -0
- package/dist/types/src/components/UiDropdown/DropdownItemCheckbox.vue.d.ts +3 -0
- package/dist/types/src/components/UiDropdown/UiDropdownContent.vue.d.ts +10 -0
- package/dist/types/src/components/UiDropdown/UiDropdownGroup.vue.d.ts +17 -0
- package/dist/types/src/components/UiDropdown/UiDropdownItem.vue.d.ts +9 -4
- package/dist/types/src/components/UiDropdown/UiDropdownTrigger.vue.d.ts +21 -5
- package/dist/types/src/components/UiDropdown/index.d.ts +1 -0
- package/dist/types/src/components/UiEmojiPickerList/UiEmojiPickerList.vue.d.ts +22 -0
- package/dist/types/src/components/UiEmptyState/UiEmptyState.vue.d.ts +8 -3
- package/dist/types/src/components/UiFieldWrapper/UiFieldWrapper.vue.d.ts +2 -2
- package/dist/types/src/components/UiInputCheckbox/CheckboxGlyph.vue.d.ts +17 -0
- package/dist/types/src/components/UiInputCheckbox/UiInputCheckbox.vue.d.ts +35 -4
- package/dist/types/src/components/UiInputEmoji/UiInputEmoji.vue.d.ts +45 -0
- package/dist/types/src/components/UiInputRadio/RadioGlyph.vue.d.ts +19 -0
- package/dist/types/src/components/UiInputRadio/UiInputRadio.vue.d.ts +80 -0
- package/dist/types/src/components/UiInputRadio/UiInputRadioGroup.vue.d.ts +86 -0
- package/dist/types/src/components/UiInputRadio/types.d.ts +19 -0
- package/dist/types/src/components/UiInputSelect/UiInputSelect.vue.d.ts +5 -5
- package/dist/types/src/components/UiInputTextarea/UiInputTextarea.vue.d.ts +5 -5
- package/dist/types/src/components/UiListItem/UiListItem.vue.d.ts +18 -4
- package/dist/types/src/components/UiLoader/UiLoader.vue.d.ts +6 -5
- package/dist/types/src/components/UiLoader/UiSpinnerIcon.vue.d.ts +3 -0
- package/dist/types/src/components/UiLogo/UiLogo.vue.d.ts +9 -3
- package/dist/types/src/components/UiMenu/UiMenuContent.vue.d.ts +15 -2
- package/dist/types/src/components/UiMenu/UiMenuItem.vue.d.ts +9 -3
- package/dist/types/src/components/UiNestedOptions/UiNestedOptions.vue.d.ts +13 -0
- package/dist/types/src/components/UiPage/UiPage.vue.d.ts +106 -8
- package/dist/types/src/components/UiPagination/UiPagination.vue.d.ts +36 -0
- package/dist/types/src/components/UiPagination/index.d.ts +2 -0
- package/dist/types/src/components/UiPagination/types.d.ts +4 -0
- package/dist/types/src/components/UiPane/UiPane.vue.d.ts +22 -0
- package/dist/types/src/components/UiPane/UiPaneContent.vue.d.ts +75 -0
- package/dist/types/src/components/UiPane/UiPaneTrigger.vue.d.ts +14 -0
- package/dist/types/src/components/UiPane/index.d.ts +5 -0
- package/dist/types/src/components/UiProgress/UiProgress.vue.d.ts +1 -1
- package/dist/types/src/components/UiRating/UiRating.vue.d.ts +62 -0
- package/dist/types/src/components/UiRating/types.d.ts +1 -0
- package/dist/types/src/components/UiRoomButton/UiRoomButton.vue.d.ts +5 -3
- package/dist/types/src/components/UiRoomCountdown/UiRoomCountdown.vue.d.ts +32 -0
- package/dist/types/src/components/UiShell/UiShell.vue.d.ts +3 -0
- package/dist/types/src/components/UiSideMenu/UiSideMenu.vue.d.ts +22 -1
- package/dist/types/src/components/UiSideMenu/UiSideMenuItemContent.vue.d.ts +2 -2
- package/dist/types/src/components/UiSwitch/UiSwitch.vue.d.ts +114 -0
- package/dist/types/src/components/UiSwitch/types.d.ts +3 -0
- package/dist/types/src/components/UiTable/UiTable.vue.d.ts +13 -4
- package/dist/types/src/components/UiTable/UiTableActionsCell.vue.d.ts +49 -0
- package/dist/types/src/components/UiTable/UiTableActionsHeaderCell.vue.d.ts +3 -0
- package/dist/types/src/components/UiTable/UiTableBody.vue.d.ts +11 -1
- package/dist/types/src/components/UiTable/UiTableCell.vue.d.ts +16 -1
- package/dist/types/src/components/UiTable/UiTableHeaderCell.vue.d.ts +31 -2
- package/dist/types/src/components/UiTable/UiTableRow.vue.d.ts +32 -2
- package/dist/types/src/components/UiTable/context.d.ts +3 -0
- package/dist/types/src/components/UiTable/index.d.ts +4 -0
- package/dist/types/src/components/UiTabs/UiTabs.vue.d.ts +8 -2
- package/dist/types/src/components/UiTag/UiTag.types.d.ts +25 -0
- package/dist/types/src/components/UiTag/UiTag.vue.d.ts +5 -26
- package/dist/types/src/components/UiTag/index.d.ts +2 -1
- package/dist/types/src/components/UiTextField/UiTextField.vue.d.ts +10 -5
- package/dist/types/src/components/UiTooltip/UiTooltipProvider.vue.d.ts +1 -0
- package/dist/types/src/components/UiTooltip/UiTooltipTrigger.vue.d.ts +2 -2
- package/dist/types/src/composables/storedThemingApplies.d.ts +17 -0
- package/dist/types/src/composables/useButtonStyles.d.ts +1 -0
- package/dist/types/src/composables/useChoiceboxSurface.d.ts +11 -0
- package/dist/types/src/composables/useContentMode.d.ts +23 -0
- package/dist/types/src/composables/useControlModes.d.ts +7 -0
- package/dist/types/src/composables/useControlShape.d.ts +24 -0
- package/dist/types/src/composables/useFieldFocusEvents.d.ts +12 -0
- package/dist/types/src/composables/useIconSize.d.ts +13 -0
- package/dist/types/src/composables/usePullGesture.d.ts +42 -0
- package/dist/types/src/composables/useThemeAndModes.d.ts +4 -0
- package/dist/types/src/constants/sizes.d.ts +1 -1
- package/dist/types/src/theming/colorScale.d.ts +165 -0
- package/dist/types/src/theming/legacyColorScale.d.ts +27 -0
- package/dist/types/src/theming/presetColors.d.ts +11 -0
- package/dist/types/src/theming/primitiveTokens.d.ts +2 -0
- package/dist/types/src/utils/effectiveOpacity.d.ts +2 -0
- package/dist/types/src/utils/numbers.d.ts +1 -2
- package/dist/types/src/utils/tokenColor.d.ts +2 -0
- package/dist/ui-vue.css +2 -1
- package/dist/utils.mjs +165 -194
- package/index.d.ts +22 -0
- package/index.js +44 -0
- package/package.json +28 -20
- package/src/components/Toast/LayoutToasts.vue +19 -11
- package/src/components/Toast/ToastMessage.vue +130 -73
- package/src/components/Toast/toastDSV2.ts +238 -67
- package/src/components/UiActionBar/UiActionBar.vue +15 -5
- package/src/components/UiActionBar/UiActionBarItem.vue +65 -38
- package/src/components/UiActionBar/types.ts +16 -1
- package/src/components/UiAvatar/UiAvatar.vue +9 -3
- package/src/components/UiAvatarList/UiAvatarList.vue +51 -20
- package/src/components/UiBadge/UiBadge.vue +1 -1
- package/src/components/UiBanner/UiBanner.vue +77 -27
- package/src/components/UiBreadcrumb/UiBreadcrumb.vue +1 -1
- package/src/components/UiButton/UiButton.vue +96 -29
- package/src/components/UiButtonGroup/UiButtonGroup.vue +22 -16
- package/src/components/UiButtonGroup/UiButtonGroupItem.vue +44 -14
- package/src/components/UiButtonGroup/types.ts +20 -1
- package/src/components/UiCard/UiCard.vue +20 -23
- package/src/components/UiCarousel/UiCarousel.vue +2 -2
- package/src/components/UiChoice/UiChoice.vue +187 -0
- package/src/components/UiChoice/index.ts +2 -0
- package/src/components/UiChoice/types.ts +11 -0
- package/src/components/UiColorField/UiColorField.vue +2 -2
- package/src/components/UiColorPicker/UiColorPicker.vue +16 -13
- package/src/components/UiCombobox/UiCombobox.types.ts +52 -0
- package/src/components/UiCombobox/UiCombobox.vue +296 -0
- package/src/components/UiCombobox/index.ts +2 -0
- package/src/components/UiDataTable/UiDataTable.types.ts +47 -0
- package/src/components/UiDataTable/UiDataTable.vue +422 -0
- package/src/components/UiDataTable/index.ts +12 -0
- package/src/components/UiDialog/UiDialogClose.vue +1 -1
- package/src/components/UiDialog/UiDialogContent.vue +22 -7
- package/src/components/UiDrawer/UiDrawer.vue +16 -0
- package/src/components/UiDrawer/UiDrawerContent.vue +42 -0
- package/src/components/UiDrawer/UiDrawerTrigger.vue +17 -0
- package/src/components/UiDropdown/DropdownItemCheckbox.vue +10 -0
- package/src/components/UiDropdown/UiDropdownContent.vue +32 -21
- package/src/components/UiDropdown/UiDropdownGroup.vue +23 -0
- package/src/components/UiDropdown/UiDropdownItem.vue +45 -18
- package/src/components/UiDropdown/UiDropdownSeparator.vue +1 -1
- package/src/components/UiDropdown/UiDropdownTrigger.vue +139 -45
- package/src/components/UiDropdown/index.ts +1 -0
- package/src/components/UiEmojiPickerList/UiEmojiPickerList.vue +122 -0
- package/src/components/UiEmptyState/UiEmptyState.vue +16 -4
- package/src/components/UiFieldWrapper/UiFieldWrapper.vue +10 -4
- package/src/components/UiHorizontalSeparator/UiHorizontalSeparator.vue +2 -2
- package/src/components/UiInputCheckbox/CheckboxGlyph.vue +78 -0
- package/src/components/UiInputCheckbox/UiInputCheckbox.vue +213 -177
- package/src/components/UiInputEmoji/UiInputEmoji.vue +96 -0
- package/src/components/UiInputRadio/RadioGlyph.vue +45 -0
- package/src/components/UiInputRadio/UiInputRadio.vue +382 -0
- package/src/components/UiInputRadio/UiInputRadioGroup.vue +166 -0
- package/src/components/UiInputRadio/types.ts +24 -0
- package/src/components/UiInputSelect/UiInputSelect.vue +9 -7
- package/src/components/UiInputTextarea/UiInputTextarea.vue +20 -35
- package/src/components/UiLabel/UiLabel.vue +1 -1
- package/src/components/UiListItem/UiListItem.vue +55 -9
- package/src/components/UiLoader/UiLoader.vue +11 -29
- package/src/components/UiLoader/UiSpinnerIcon.vue +21 -0
- package/src/components/UiLogo/UiLogo.vue +41 -7
- package/src/components/UiMenu/UiMenuContent.vue +24 -3
- package/src/components/UiMenu/UiMenuGroup.vue +1 -1
- package/src/components/UiMenu/UiMenuItem.vue +14 -3
- package/src/components/UiMenu/UiMenuSubContent.vue +1 -1
- package/src/components/UiMenu/UiMenuSubTrigger.vue +2 -2
- package/src/components/UiNestedOptions/UiNestedOptions.vue +6 -0
- package/src/components/UiPage/UiPage.vue +273 -47
- package/src/components/UiPageHeader/UiPageHeader.vue +29 -9
- package/src/components/UiPagination/UiPagination.vue +99 -0
- package/src/components/UiPagination/index.ts +2 -0
- package/src/components/UiPagination/types.ts +28 -0
- package/src/components/UiPane/UiPane.vue +20 -0
- package/src/components/UiPane/UiPaneContent.vue +232 -0
- package/src/components/UiPane/UiPaneTrigger.vue +14 -0
- package/src/components/UiPane/index.ts +12 -0
- package/src/components/UiPopover/UiPopoverContent.vue +21 -1
- package/src/components/UiProgress/UiProgress.vue +2 -2
- package/src/components/UiRating/UiRating.vue +258 -0
- package/src/components/UiRating/types.ts +1 -0
- package/src/components/UiRoomButton/UiRoomButton.vue +14 -45
- package/src/components/UiRoomCountdown/UiRoomCountdown.vue +376 -0
- package/src/components/UiShell/UiShell.vue +10 -4
- package/src/components/UiSideMenu/UiSideMenu.vue +158 -18
- package/src/components/UiSideMenu/UiSideMenuItemContent.vue +22 -18
- package/src/components/UiStepper/UiStepper.vue +3 -16
- package/src/components/UiStepper/UiStepperDescription.vue +1 -13
- package/src/components/UiStepper/UiStepperIndicator.vue +17 -57
- package/src/components/UiStepper/UiStepperItem.vue +1 -8
- package/src/components/UiStepper/UiStepperSeparator.vue +5 -16
- package/src/components/UiStepper/UiStepperTitle.vue +1 -10
- package/src/components/UiSwitch/UiSwitch.vue +375 -0
- package/src/components/UiSwitch/types.ts +5 -0
- package/src/components/UiTable/UiTable.vue +98 -8
- package/src/components/UiTable/UiTableActionsCell.vue +135 -0
- package/src/components/UiTable/UiTableActionsHeaderCell.vue +19 -0
- package/src/components/UiTable/UiTableBody.vue +16 -1
- package/src/components/UiTable/UiTableCell.vue +33 -16
- package/src/components/UiTable/UiTableHeader.vue +6 -5
- package/src/components/UiTable/UiTableHeaderCell.vue +61 -9
- package/src/components/UiTable/UiTableRow.vue +46 -10
- package/src/components/UiTable/context.ts +5 -0
- package/src/components/UiTable/index.ts +4 -0
- package/src/components/UiTabs/UiTabs.vue +61 -63
- package/src/components/UiTag/UiTag.types.ts +28 -0
- package/src/components/UiTag/UiTag.vue +24 -42
- package/src/components/UiTag/index.ts +2 -0
- package/src/components/UiTextField/UiTextField.vue +27 -47
- package/src/components/UiTimeline/README.md +6 -6
- package/src/components/UiTimeline/UiTimelineItem.vue +3 -3
- package/src/components/UiTooltip/UiTooltipContent.vue +1 -1
- package/src/components/UiTooltip/UiTooltipProvider.vue +3 -0
- package/src/components/UiTooltip/UiTooltipTrigger.vue +16 -1
- package/src/composables/storedThemingApplies.ts +19 -0
- package/src/composables/useButtonStyles.ts +9 -13
- package/src/composables/useChoiceboxSurface.ts +36 -0
- package/src/composables/useContentMode.ts +66 -0
- package/src/composables/useControlModes.ts +11 -0
- package/src/composables/useControlShape.ts +34 -0
- package/src/composables/useFieldFocusEvents.ts +30 -0
- package/src/composables/useIconSize.ts +43 -0
- package/src/composables/usePullGesture.ts +142 -0
- package/src/composables/useThemeAndModes.ts +28 -1
- package/src/constants/sizes.ts +1 -1
- package/src/css/body.css +16 -1
- package/src/css/fonts.css +39 -5
- package/src/global.d.ts +44 -0
- package/src/theming/colorScale.ts +173 -0
- package/src/theming/legacyColorScale.ts +58 -0
- package/src/theming/presetColors.ts +33 -0
- package/src/theming/primitiveTokens.ts +71 -0
- package/src/utils/effectiveOpacity.ts +8 -0
- package/src/utils/i18n.ts +6 -0
- package/src/utils/numbers.ts +1 -1
- package/src/utils/responsive.d.ts +14 -0
- package/src/utils/tokenColor.ts +9 -0
- package/dist/UiTimelineItem.vue_vue_type_style_index_0_lang-DJFdCn2R.mjs +0 -5456
- package/dist/a11y-BhF_nl7L.mjs +0 -159
- package/dist/i18n-Cktw9hIu.mjs +0 -49
- package/dist/toastDSV2-wMh-UMzW.mjs +0 -74
- package/dist/types/src/components/UiAvatar/index.d.ts +0 -1
- package/dist/types/src/components/UiAvatarList/index.d.ts +0 -1
- package/dist/types/src/components/UiBadge/index.d.ts +0 -1
- package/dist/types/src/components/UiBanner/index.d.ts +0 -2
- package/dist/types/src/components/UiButtonGroup/index.d.ts +0 -3
- package/dist/types/src/components/UiCarousel/index.d.ts +0 -2
- package/dist/types/src/components/UiColorField/index.d.ts +0 -2
- package/dist/types/src/components/UiDialog/MarketplaceHeaderExample.vue.d.ts +0 -28
- package/dist/types/src/components/UiDialog/index.d.ts +0 -7
- package/dist/types/src/components/UiFieldWrapper/index.d.ts +0 -1
- package/dist/types/src/components/UiInputCheckbox/index.d.ts +0 -2
- package/dist/types/src/components/UiInputSelect/index.d.ts +0 -2
- package/dist/types/src/components/UiInputTextarea/index.d.ts +0 -2
- package/dist/types/src/components/UiMenu/index.d.ts +0 -10
- package/dist/types/src/components/UiProgress/index.d.ts +0 -2
- package/dist/types/src/components/UiTabs/index.d.ts +0 -2
- package/dist/types/src/components/UiTimeline/index.d.ts +0 -2
- package/dist/types/src/components/UiTooltip/index.d.ts +0 -4
- package/dist/types/src/mixins/DynamicAction.d.ts +0 -30
- package/dist/useThemeAndModes-BzYwSOEv.mjs +0 -108
- package/src/components/UiAvatar/index.js +0 -1
- package/src/components/UiAvatarList/index.js +0 -1
- package/src/components/UiBadge/index.ts +0 -2
- package/src/components/UiBanner/index.ts +0 -2
- package/src/components/UiButtonGroup/index.ts +0 -3
- package/src/components/UiCarousel/index.ts +0 -2
- package/src/components/UiColorField/index.ts +0 -2
- package/src/components/UiDialog/MarketplaceHeaderExample.vue +0 -217
- package/src/components/UiDialog/index.ts +0 -18
- package/src/components/UiFieldWrapper/index.ts +0 -1
- package/src/components/UiInputCheckbox/index.ts +0 -2
- package/src/components/UiInputSelect/index.ts +0 -2
- package/src/components/UiInputTextarea/index.ts +0 -2
- package/src/components/UiMenu/index.ts +0 -10
- package/src/components/UiProgress/index.ts +0 -2
- package/src/components/UiTabs/index.ts +0 -5
- package/src/components/UiTag/index.js +0 -1
- package/src/components/UiTimeline/index.ts +0 -2
- package/src/components/UiTooltip/index.js +0 -4
- package/src/mixins/DynamicAction.js +0 -61
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { RatingSize } from './types';
|
|
2
|
+
interface UiRatingProps {
|
|
3
|
+
/**
|
|
4
|
+
* The selected star, from 1 to `max`. `null` means no selection.
|
|
5
|
+
* @default null
|
|
6
|
+
*/
|
|
7
|
+
modelValue?: number | null;
|
|
8
|
+
/**
|
|
9
|
+
* Number of stars
|
|
10
|
+
* @default 5
|
|
11
|
+
*/
|
|
12
|
+
max?: number;
|
|
13
|
+
/**
|
|
14
|
+
* Caption under each star, in star order. The caption is also the star's
|
|
15
|
+
* accessible name; a star without one is named by its number.
|
|
16
|
+
*/
|
|
17
|
+
labels?: string[];
|
|
18
|
+
/**
|
|
19
|
+
* Size of the stars
|
|
20
|
+
* @default 'md'
|
|
21
|
+
*/
|
|
22
|
+
size?: RatingSize;
|
|
23
|
+
/**
|
|
24
|
+
* Whether the rating only displays its value. The stars stay focusable so
|
|
25
|
+
* the value can be read, but cannot be changed.
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
readonly?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether the rating is disabled
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Whether a rating is required
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
required?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Name attribute, submitted with the form via a hidden input
|
|
41
|
+
*/
|
|
42
|
+
name?: string;
|
|
43
|
+
}
|
|
44
|
+
declare function focus(): void;
|
|
45
|
+
declare const __VLS_export: import("vue").DefineComponent<UiRatingProps, {
|
|
46
|
+
focus: typeof focus;
|
|
47
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
48
|
+
"update:modelValue": (value: number) => any;
|
|
49
|
+
}, string, import("vue").PublicProps, Readonly<UiRatingProps> & Readonly<{
|
|
50
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
51
|
+
}>, {
|
|
52
|
+
size: RatingSize;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
required: boolean;
|
|
55
|
+
max: number;
|
|
56
|
+
name: string;
|
|
57
|
+
modelValue: number | null;
|
|
58
|
+
readonly: boolean;
|
|
59
|
+
labels: string[];
|
|
60
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
61
|
+
declare const _default: typeof __VLS_export;
|
|
62
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type RatingSize = 'sm' | 'md' | 'lg';
|
|
@@ -4,20 +4,22 @@ type __VLS_Props = {
|
|
|
4
4
|
icon?: string;
|
|
5
5
|
tooltip?: string;
|
|
6
6
|
tooltipSide?: "top" | "bottom" | "left" | "right";
|
|
7
|
+
tooltipDisabled?: boolean;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
active?: boolean;
|
|
9
10
|
loading?: boolean;
|
|
10
11
|
};
|
|
11
|
-
declare var
|
|
12
|
+
declare var __VLS_25: {}, __VLS_38: {};
|
|
12
13
|
type __VLS_Slots = {} & {
|
|
13
|
-
default?: (props: typeof
|
|
14
|
+
default?: (props: typeof __VLS_25) => any;
|
|
14
15
|
} & {
|
|
15
|
-
default?: (props: typeof
|
|
16
|
+
default?: (props: typeof __VLS_38) => any;
|
|
16
17
|
};
|
|
17
18
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
19
|
tooltipSide: "top" | "bottom" | "left" | "right";
|
|
19
20
|
variant: "ghost" | "glass" | "solid";
|
|
20
21
|
color: "neutral" | "danger" | "primary" | "success";
|
|
22
|
+
tooltipDisabled: boolean;
|
|
21
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
24
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
23
25
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
seconds?: number;
|
|
3
|
+
label?: string;
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
finished?: boolean;
|
|
6
|
+
live?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare var __VLS_7: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
action?: (props: typeof __VLS_7) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
+
finished: () => any;
|
|
14
|
+
tick: (remaining: number) => any;
|
|
15
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
onFinished?: (() => any) | undefined;
|
|
17
|
+
onTick?: ((remaining: number) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
size: "sm" | "md" | "lg";
|
|
20
|
+
label: string;
|
|
21
|
+
seconds: number;
|
|
22
|
+
finished: boolean;
|
|
23
|
+
live: boolean;
|
|
24
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
openMenuLabel?: string;
|
|
3
|
+
/** The shell canvas (gradient and overlays). Off when the host paints its own surface. */
|
|
4
|
+
showBackground?: boolean;
|
|
3
5
|
};
|
|
4
6
|
declare var __VLS_1: {}, __VLS_3: {
|
|
5
7
|
isOpen: boolean;
|
|
@@ -13,6 +15,7 @@ type __VLS_Slots = {} & {
|
|
|
13
15
|
};
|
|
14
16
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
15
17
|
openMenuLabel: string;
|
|
18
|
+
showBackground: boolean;
|
|
16
19
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
20
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
21
|
declare const _default: typeof __VLS_export;
|
|
@@ -11,6 +11,10 @@ type __VLS_Slots = {
|
|
|
11
11
|
collapsedMenuExtra?(props: {
|
|
12
12
|
close: () => void;
|
|
13
13
|
}): Slot;
|
|
14
|
+
/** Tooltip shown under the logo while it is pulled, with the stage reached so far. */
|
|
15
|
+
logoPullHint?(props: {
|
|
16
|
+
stage: number;
|
|
17
|
+
}): Slot;
|
|
14
18
|
};
|
|
15
19
|
type __VLS_Props = {
|
|
16
20
|
topMenuItems?: SideMenuItemProps[];
|
|
@@ -34,6 +38,16 @@ type __VLS_Props = {
|
|
|
34
38
|
*/
|
|
35
39
|
moreBadge?: number | boolean;
|
|
36
40
|
showLivestormLogo?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Pointer travel (px, ascending) at which pulling the logo, in any
|
|
43
|
+
* direction, reaches each stage; `logoPull` emits the stage reached on
|
|
44
|
+
* release. Empty disables the gesture.
|
|
45
|
+
*/
|
|
46
|
+
logoPullStages?: number[];
|
|
47
|
+
/** Travel (px) after which the pulled logo starts resisting; defaults to the last stage. */
|
|
48
|
+
logoPullResistFrom?: number;
|
|
49
|
+
/** Visible travel the resisting logo tends toward; defaults to five times the last stage. */
|
|
50
|
+
logoPullMaxOffset?: number;
|
|
37
51
|
logoAlt?: string;
|
|
38
52
|
closeMenuLabel?: string;
|
|
39
53
|
mainNavigationLabel?: string;
|
|
@@ -43,8 +57,15 @@ type __VLS_Props = {
|
|
|
43
57
|
skipToMainContentLabel?: string;
|
|
44
58
|
organizationId?: string;
|
|
45
59
|
};
|
|
46
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
60
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
61
|
+
logoPull: (stage: number) => any;
|
|
62
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
63
|
+
onLogoPull?: ((stage: number) => any) | undefined;
|
|
64
|
+
}>, {
|
|
47
65
|
showLivestormLogo: boolean;
|
|
66
|
+
logoPullStages: number[];
|
|
67
|
+
logoPullResistFrom: number;
|
|
68
|
+
logoPullMaxOffset: number;
|
|
48
69
|
logoAlt: string;
|
|
49
70
|
closeMenuLabel: string;
|
|
50
71
|
mainNavigationLabel: string;
|
|
@@ -21,11 +21,11 @@ type __VLS_Props = SideMenuItemProps & {
|
|
|
21
21
|
*/
|
|
22
22
|
alwaysShowLabel?: boolean;
|
|
23
23
|
};
|
|
24
|
-
declare var __VLS_7: {},
|
|
24
|
+
declare var __VLS_7: {}, __VLS_14: {};
|
|
25
25
|
type __VLS_Slots = {} & {
|
|
26
26
|
avatar?: (props: typeof __VLS_7) => any;
|
|
27
27
|
} & {
|
|
28
|
-
default?: (props: typeof
|
|
28
|
+
default?: (props: typeof __VLS_14) => any;
|
|
29
29
|
};
|
|
30
30
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
31
31
|
badge: number | boolean;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import type { SwitchColor, SwitchPosition, SwitchSize } from './types';
|
|
2
|
+
interface UiSwitchProps {
|
|
3
|
+
/**
|
|
4
|
+
* Whether the switch is on
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
modelValue?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* The label text
|
|
10
|
+
*/
|
|
11
|
+
label?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Description text below the label
|
|
14
|
+
*/
|
|
15
|
+
description?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Info tooltip for the label
|
|
18
|
+
*/
|
|
19
|
+
labelInfo?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Icon class rendered between the switch and the text (e.g. `i-ph-bell`)
|
|
22
|
+
*/
|
|
23
|
+
icon?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Whether the switch is disabled
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether the switch has an error
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
error?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Color of the on state (error takes precedence)
|
|
36
|
+
* @default 'primary'
|
|
37
|
+
*/
|
|
38
|
+
color?: SwitchColor;
|
|
39
|
+
/**
|
|
40
|
+
* Size of the switch
|
|
41
|
+
* @default 'sm'
|
|
42
|
+
*/
|
|
43
|
+
size?: SwitchSize;
|
|
44
|
+
/**
|
|
45
|
+
* Which side of the text the switch sits on
|
|
46
|
+
* @default 'left'
|
|
47
|
+
*/
|
|
48
|
+
switchPosition?: SwitchPosition;
|
|
49
|
+
/**
|
|
50
|
+
* Whether to show a background behind the switch and its text
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
showBg?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Whether the switch stretches to fill its container, which spreads the
|
|
56
|
+
* text and the switch to opposite edges
|
|
57
|
+
* @default false
|
|
58
|
+
*/
|
|
59
|
+
fullWidth?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Switch name attribute (renders a hidden input for native forms)
|
|
62
|
+
*/
|
|
63
|
+
name?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Switch id attribute
|
|
66
|
+
*/
|
|
67
|
+
id?: string;
|
|
68
|
+
/**
|
|
69
|
+
* Accessible name for the switch, for switches rendered without a label
|
|
70
|
+
*/
|
|
71
|
+
ariaLabel?: string;
|
|
72
|
+
}
|
|
73
|
+
declare var __VLS_18: {}, __VLS_26: {};
|
|
74
|
+
type __VLS_Slots = {} & {
|
|
75
|
+
icon?: (props: typeof __VLS_18) => any;
|
|
76
|
+
} & {
|
|
77
|
+
label?: (props: typeof __VLS_26) => any;
|
|
78
|
+
};
|
|
79
|
+
declare const __VLS_base: import("vue").DefineComponent<UiSwitchProps, {
|
|
80
|
+
focus: () => void | undefined;
|
|
81
|
+
blur: () => void | undefined;
|
|
82
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
83
|
+
"update:modelValue": (value: boolean) => any;
|
|
84
|
+
focus: (event: FocusEvent) => any;
|
|
85
|
+
blur: (event: FocusEvent) => any;
|
|
86
|
+
}, string, import("vue").PublicProps, Readonly<UiSwitchProps> & Readonly<{
|
|
87
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
88
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
89
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
90
|
+
}>, {
|
|
91
|
+
size: SwitchSize;
|
|
92
|
+
ariaLabel: string;
|
|
93
|
+
label: string;
|
|
94
|
+
icon: string;
|
|
95
|
+
disabled: boolean;
|
|
96
|
+
color: SwitchColor;
|
|
97
|
+
error: boolean;
|
|
98
|
+
name: string;
|
|
99
|
+
description: string;
|
|
100
|
+
modelValue: boolean;
|
|
101
|
+
fullWidth: boolean;
|
|
102
|
+
labelInfo: string;
|
|
103
|
+
id: string;
|
|
104
|
+
showBg: boolean;
|
|
105
|
+
switchPosition: SwitchPosition;
|
|
106
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
107
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
108
|
+
declare const _default: typeof __VLS_export;
|
|
109
|
+
export default _default;
|
|
110
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
111
|
+
new (): {
|
|
112
|
+
$slots: S;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
+
import { type UiTableSize } from './context';
|
|
1
2
|
export interface UiTableProps {
|
|
2
|
-
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Row heights: `md` = 40px header / 48px rows, `lg` = 48px header / 64px rows.
|
|
5
|
+
* @default 'md'
|
|
6
|
+
*/
|
|
7
|
+
size?: UiTableSize;
|
|
8
|
+
/**
|
|
9
|
+
* Alternating row backgrounds. Preferred over row dividers for readability.
|
|
10
|
+
* @default true
|
|
11
|
+
*/
|
|
12
|
+
zebra?: boolean;
|
|
4
13
|
}
|
|
5
14
|
declare var __VLS_1: {};
|
|
6
15
|
type __VLS_Slots = {} & {
|
|
7
16
|
default?: (props: typeof __VLS_1) => any;
|
|
8
17
|
};
|
|
9
18
|
declare const __VLS_base: import("vue").DefineComponent<UiTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiTableProps> & Readonly<{}>, {
|
|
10
|
-
|
|
11
|
-
|
|
19
|
+
size: UiTableSize;
|
|
20
|
+
zebra: boolean;
|
|
12
21
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
22
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
23
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Host for trailing row actions. Place it as the last cell of a row, under a
|
|
3
|
+
* UiTableActionsHeaderCell. The overlay variants reveal the actions over the
|
|
4
|
+
* preceding cells on row hover or keyboard focus; the menu variant renders a
|
|
5
|
+
* persistent trigger instead. Without content it renders an empty cell, for
|
|
6
|
+
* rows that have no actions.
|
|
7
|
+
*/
|
|
8
|
+
export interface UiTableActionsCellProps {
|
|
9
|
+
/**
|
|
10
|
+
* `default` masks the cells behind the actions with a row-state backdrop,
|
|
11
|
+
* for bare buttons per the Figma spec. `floating` drops the backdrop for
|
|
12
|
+
* self-contained content that brings its own surface, like a UiActionBar.
|
|
13
|
+
* `menu` tucks the actions behind an always-visible trigger button that
|
|
14
|
+
* opens them in a popover on click — no hover needed, so it also works
|
|
15
|
+
* on touch devices.
|
|
16
|
+
* @default 'default'
|
|
17
|
+
*/
|
|
18
|
+
variant?: 'default' | 'floating' | 'menu';
|
|
19
|
+
/**
|
|
20
|
+
* Accessible label of the menu trigger. Defaults to the built-in
|
|
21
|
+
* "More actions" label.
|
|
22
|
+
*/
|
|
23
|
+
menuLabel?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Keeps the overlay actions shown without row hover or focus, e.g. while
|
|
26
|
+
* a menu they opened is open.
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
revealed?: boolean;
|
|
30
|
+
}
|
|
31
|
+
declare var __VLS_27: {}, __VLS_29: {};
|
|
32
|
+
type __VLS_Slots = {} & {
|
|
33
|
+
default?: (props: typeof __VLS_27) => any;
|
|
34
|
+
} & {
|
|
35
|
+
default?: (props: typeof __VLS_29) => any;
|
|
36
|
+
};
|
|
37
|
+
declare const __VLS_base: import("vue").DefineComponent<UiTableActionsCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiTableActionsCellProps> & Readonly<{}>, {
|
|
38
|
+
variant: "default" | "floating" | "menu";
|
|
39
|
+
menuLabel: string;
|
|
40
|
+
revealed: boolean;
|
|
41
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
42
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
43
|
+
declare const _default: typeof __VLS_export;
|
|
44
|
+
export default _default;
|
|
45
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
46
|
+
new (): {
|
|
47
|
+
$slots: S;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
declare const _default: typeof __VLS_export;
|
|
3
|
+
export default _default;
|
|
@@ -1,8 +1,18 @@
|
|
|
1
|
+
export interface UiTableBodyProps {
|
|
2
|
+
/**
|
|
3
|
+
* Starts the zebra on the first row, so a body that follows another body
|
|
4
|
+
* with an odd number of rows keeps the stripes alternating.
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
zebraOffset?: boolean;
|
|
8
|
+
}
|
|
1
9
|
declare var __VLS_1: {};
|
|
2
10
|
type __VLS_Slots = {} & {
|
|
3
11
|
default?: (props: typeof __VLS_1) => any;
|
|
4
12
|
};
|
|
5
|
-
declare const __VLS_base: import("vue").DefineComponent<
|
|
13
|
+
declare const __VLS_base: import("vue").DefineComponent<UiTableBodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiTableBodyProps> & Readonly<{}>, {
|
|
14
|
+
zebraOffset: boolean;
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
16
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
17
|
declare const _default: typeof __VLS_export;
|
|
8
18
|
export default _default;
|
|
@@ -1,8 +1,23 @@
|
|
|
1
|
+
export interface UiTableCellProps {
|
|
2
|
+
/**
|
|
3
|
+
* Renders an en dash (–), the convention for missing values.
|
|
4
|
+
* @default false
|
|
5
|
+
*/
|
|
6
|
+
empty?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Content alignment. Textual data stays left-aligned; reserve `right` for numeric data.
|
|
9
|
+
* @default 'left'
|
|
10
|
+
*/
|
|
11
|
+
align?: 'left' | 'right';
|
|
12
|
+
}
|
|
1
13
|
declare var __VLS_1: {};
|
|
2
14
|
type __VLS_Slots = {} & {
|
|
3
15
|
default?: (props: typeof __VLS_1) => any;
|
|
4
16
|
};
|
|
5
|
-
declare const __VLS_base: import("vue").DefineComponent<
|
|
17
|
+
declare const __VLS_base: import("vue").DefineComponent<UiTableCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiTableCellProps> & Readonly<{}>, {
|
|
18
|
+
align: "left" | "right";
|
|
19
|
+
empty: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
21
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
22
|
declare const _default: typeof __VLS_export;
|
|
8
23
|
export default _default;
|
|
@@ -1,8 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
export type UiTableSortDirection = 'asc' | 'desc' | 'none';
|
|
2
|
+
export interface UiTableHeaderCellProps {
|
|
3
|
+
/**
|
|
4
|
+
* Renders the sort affordance and makes the header interactive.
|
|
5
|
+
* Sorting itself stays in the consumer: listen to `sort` and update `sort-direction`.
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Current sort direction, controlled by the consumer.
|
|
11
|
+
* @default 'none'
|
|
12
|
+
*/
|
|
13
|
+
sortDirection?: UiTableSortDirection;
|
|
14
|
+
/**
|
|
15
|
+
* Content alignment. Textual data stays left-aligned; reserve `right` for numeric data.
|
|
16
|
+
* @default 'left'
|
|
17
|
+
*/
|
|
18
|
+
align?: 'left' | 'right';
|
|
19
|
+
}
|
|
20
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
2
21
|
type __VLS_Slots = {} & {
|
|
3
22
|
default?: (props: typeof __VLS_1) => any;
|
|
23
|
+
} & {
|
|
24
|
+
default?: (props: typeof __VLS_3) => any;
|
|
4
25
|
};
|
|
5
|
-
declare const __VLS_base: import("vue").DefineComponent<
|
|
26
|
+
declare const __VLS_base: import("vue").DefineComponent<UiTableHeaderCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
27
|
+
sort: () => any;
|
|
28
|
+
}, string, import("vue").PublicProps, Readonly<UiTableHeaderCellProps> & Readonly<{
|
|
29
|
+
onSort?: (() => any) | undefined;
|
|
30
|
+
}>, {
|
|
31
|
+
align: "left" | "right";
|
|
32
|
+
sortable: boolean;
|
|
33
|
+
sortDirection: UiTableSortDirection;
|
|
34
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
35
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
36
|
declare const _default: typeof __VLS_export;
|
|
8
37
|
export default _default;
|
|
@@ -1,11 +1,41 @@
|
|
|
1
1
|
export interface UiTableRowProps {
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Marks the row as selected.
|
|
4
|
+
* @default false
|
|
5
|
+
*/
|
|
6
|
+
selected?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Makes the row interactive: hover feedback, pointer cursor and keyboard focus.
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
clickable?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* The row hosts a link stretched over it: positions the row for the link
|
|
14
|
+
* and gives it the hover and focus tone.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
linked?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Takes part in the table zebra. Turn it off for a row that is not a data
|
|
20
|
+
* row, such as an overlay over the rows: it is neither striped nor counted.
|
|
21
|
+
* @default true
|
|
22
|
+
*/
|
|
23
|
+
zebra?: boolean;
|
|
3
24
|
}
|
|
4
25
|
declare var __VLS_1: {};
|
|
5
26
|
type __VLS_Slots = {} & {
|
|
6
27
|
default?: (props: typeof __VLS_1) => any;
|
|
7
28
|
};
|
|
8
|
-
declare const __VLS_base: import("vue").DefineComponent<UiTableRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
29
|
+
declare const __VLS_base: import("vue").DefineComponent<UiTableRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
30
|
+
click: (event: MouseEvent | KeyboardEvent) => any;
|
|
31
|
+
}, string, import("vue").PublicProps, Readonly<UiTableRowProps> & Readonly<{
|
|
32
|
+
onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
selected: boolean;
|
|
35
|
+
zebra: boolean;
|
|
36
|
+
clickable: boolean;
|
|
37
|
+
linked: boolean;
|
|
38
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
39
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
10
40
|
declare const _default: typeof __VLS_export;
|
|
11
41
|
export default _default;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export { default as UiTable } from './UiTable.vue';
|
|
2
2
|
export { default as UiTableHeader } from './UiTableHeader.vue';
|
|
3
3
|
export { default as UiTableHeaderCell } from './UiTableHeaderCell.vue';
|
|
4
|
+
export { default as UiTableActionsHeaderCell } from './UiTableActionsHeaderCell.vue';
|
|
4
5
|
export { default as UiTableBody } from './UiTableBody.vue';
|
|
5
6
|
export { default as UiTableRow } from './UiTableRow.vue';
|
|
6
7
|
export { default as UiTableCell } from './UiTableCell.vue';
|
|
8
|
+
export { default as UiTableActionsCell } from './UiTableActionsCell.vue';
|
|
9
|
+
export type { UiTableSize } from './context';
|
|
10
|
+
export type { UiTableSortDirection } from './UiTableHeaderCell.vue';
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type Slot } from 'vue';
|
|
2
1
|
export interface Tab {
|
|
3
2
|
/** Unique identifier for the tab */
|
|
4
3
|
value: string;
|
|
@@ -8,6 +7,8 @@ export interface Tab {
|
|
|
8
7
|
icon?: string;
|
|
9
8
|
/** Whether the tab is disabled */
|
|
10
9
|
disabled?: boolean;
|
|
10
|
+
/** Optional data-testid rendered on the tab button */
|
|
11
|
+
testId?: string;
|
|
11
12
|
}
|
|
12
13
|
export interface UiTabsProps {
|
|
13
14
|
/** Array of tab items */
|
|
@@ -16,9 +17,13 @@ export interface UiTabsProps {
|
|
|
16
17
|
modelValue: string;
|
|
17
18
|
/** Size of the tabs */
|
|
18
19
|
size?: 'sm' | 'md';
|
|
20
|
+
/** Horizontal alignment of the tabs inside the component */
|
|
21
|
+
align?: 'start' | 'center';
|
|
19
22
|
}
|
|
20
23
|
type __VLS_Slots = {
|
|
21
|
-
badge?(
|
|
24
|
+
badge?(props: {
|
|
25
|
+
tab: Tab;
|
|
26
|
+
}): unknown;
|
|
22
27
|
};
|
|
23
28
|
declare const __VLS_base: import("vue").DefineComponent<UiTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
29
|
"update:modelValue": (value: string) => any;
|
|
@@ -26,6 +31,7 @@ declare const __VLS_base: import("vue").DefineComponent<UiTabsProps, {}, {}, {},
|
|
|
26
31
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
27
32
|
}>, {
|
|
28
33
|
size: "sm" | "md";
|
|
34
|
+
align: "start" | "center";
|
|
29
35
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
36
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
31
37
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type UiTagSize = 'xxs' | 'xs' | 'sm' | 'md';
|
|
2
|
+
export type UiTagColor = 'primary' | 'neutral' | 'danger' | 'warning' | 'success' | 'neutral-invert';
|
|
3
|
+
export type UiTagVariant = 'light' | 'strong';
|
|
4
|
+
export interface UiTagProps {
|
|
5
|
+
/**
|
|
6
|
+
* Size of the tag
|
|
7
|
+
*/
|
|
8
|
+
size?: UiTagSize;
|
|
9
|
+
/**
|
|
10
|
+
* Color variant of the tag
|
|
11
|
+
*/
|
|
12
|
+
color?: UiTagColor;
|
|
13
|
+
/**
|
|
14
|
+
* Variant of the tag
|
|
15
|
+
*/
|
|
16
|
+
variant?: UiTagVariant;
|
|
17
|
+
/**
|
|
18
|
+
* Label text for the tag
|
|
19
|
+
*/
|
|
20
|
+
label?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Whether to show hover effects
|
|
23
|
+
*/
|
|
24
|
+
withHoverEffect?: boolean;
|
|
25
|
+
}
|
|
@@ -1,36 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Size of the tag
|
|
4
|
-
*/
|
|
5
|
-
size?: 'xxs' | 'xs' | 'sm' | 'md';
|
|
6
|
-
/**
|
|
7
|
-
* Color variant of the tag
|
|
8
|
-
*/
|
|
9
|
-
color?: 'primary' | 'neutral' | 'danger' | 'warning' | 'success' | 'neutral-invert';
|
|
10
|
-
/**
|
|
11
|
-
* Variant of the tag
|
|
12
|
-
*/
|
|
13
|
-
variant?: 'light' | 'strong';
|
|
14
|
-
/**
|
|
15
|
-
* Label text for the tag
|
|
16
|
-
*/
|
|
17
|
-
label?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Whether to show hover effects
|
|
20
|
-
*/
|
|
21
|
-
withHoverEffect?: boolean;
|
|
22
|
-
}
|
|
1
|
+
import type { UiTagProps } from './UiTag.types';
|
|
23
2
|
declare var __VLS_1: {}, __VLS_3: {};
|
|
24
3
|
type __VLS_Slots = {} & {
|
|
25
4
|
'left-icon'?: (props: typeof __VLS_1) => any;
|
|
26
5
|
} & {
|
|
27
6
|
default?: (props: typeof __VLS_3) => any;
|
|
28
7
|
};
|
|
29
|
-
declare const __VLS_base: import("vue").DefineComponent<
|
|
30
|
-
size: "
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<UiTagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiTagProps> & Readonly<{}>, {
|
|
9
|
+
size: import("./UiTag.types").UiTagSize;
|
|
31
10
|
label: string;
|
|
32
|
-
variant: "
|
|
33
|
-
color: "
|
|
11
|
+
variant: import("./UiTag.types").UiTagVariant;
|
|
12
|
+
color: import("./UiTag.types").UiTagColor;
|
|
34
13
|
withHoverEffect: boolean;
|
|
35
14
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
36
15
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default } from './UiTag.vue';
|
|
2
|
+
export type { UiTagColor, UiTagProps, UiTagSize, UiTagVariant } from './UiTag.types';
|