@itguy614/clean-ui 0.3.1 → 1.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/LICENSE +21 -0
- package/README.md +116 -0
- package/dist/_virtual/_plugin-vue_export-helper.js +9 -0
- package/dist/clean-ui.css +1 -1
- package/dist/components/CuiAccordion.vue.d.ts +3 -7
- package/dist/components/CuiAccordion.vue.d.ts.map +1 -1
- package/dist/components/CuiAccordion.vue.js +7 -0
- package/dist/components/CuiAccordion.vue2.js +55 -0
- package/dist/components/CuiAccordionItem.vue.d.ts +2 -5
- package/dist/components/CuiAccordionItem.vue.d.ts.map +1 -1
- package/dist/components/CuiAccordionItem.vue.js +7 -0
- package/dist/components/CuiAccordionItem.vue2.js +91 -0
- package/dist/components/CuiAlert.vue.d.ts +6 -7
- package/dist/components/CuiAlert.vue.d.ts.map +1 -1
- package/dist/components/CuiAlert.vue.js +7 -0
- package/dist/components/CuiAlert.vue2.js +110 -0
- package/dist/components/CuiAvatar.vue.d.ts +4 -11
- package/dist/components/CuiAvatar.vue.d.ts.map +1 -1
- package/dist/components/CuiAvatar.vue.js +99 -0
- package/dist/components/CuiAvatar.vue3.js +5 -0
- package/dist/components/CuiAvatarGroup.vue.d.ts +2 -3
- package/dist/components/CuiAvatarGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiAvatarGroup.vue.js +22 -0
- package/dist/components/CuiAvatarGroup.vue3.js +5 -0
- package/dist/components/CuiBackdrop.vue.d.ts +5 -6
- package/dist/components/CuiBackdrop.vue.d.ts.map +1 -1
- package/dist/components/CuiBackdrop.vue.js +7 -0
- package/dist/components/CuiBackdrop.vue2.js +49 -0
- package/dist/components/CuiBadge.vue.d.ts +7 -11
- package/dist/components/CuiBadge.vue.d.ts.map +1 -1
- package/dist/components/CuiBadge.vue.js +7 -0
- package/dist/components/CuiBadge.vue2.js +79 -0
- package/dist/components/CuiBanner.vue.d.ts +3 -7
- package/dist/components/CuiBanner.vue.d.ts.map +1 -1
- package/dist/components/CuiBanner.vue.js +81 -0
- package/dist/components/CuiBanner.vue2.js +4 -0
- package/dist/components/CuiBreadcrumb.vue.d.ts +2 -3
- package/dist/components/CuiBreadcrumb.vue.d.ts.map +1 -1
- package/dist/components/CuiBreadcrumb.vue.js +7 -0
- package/dist/components/CuiBreadcrumb.vue2.js +29 -0
- package/dist/components/CuiBreadcrumbItem.vue.d.ts +2 -3
- package/dist/components/CuiBreadcrumbItem.vue.d.ts.map +1 -1
- package/dist/components/CuiBreadcrumbItem.vue.js +7 -0
- package/dist/components/CuiBreadcrumbItem.vue2.js +46 -0
- package/dist/components/CuiButton.vue.d.ts +6 -16
- package/dist/components/CuiButton.vue.d.ts.map +1 -1
- package/dist/components/CuiButton.vue.js +7 -0
- package/dist/components/CuiButton.vue2.js +133 -0
- package/dist/components/CuiButtonGroup.vue.d.ts +2 -3
- package/dist/components/CuiButtonGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiButtonGroup.vue.js +7 -0
- package/dist/components/CuiButtonGroup.vue2.js +21 -0
- package/dist/components/CuiCard.vue.d.ts +6 -4
- package/dist/components/CuiCard.vue.d.ts.map +1 -1
- package/dist/components/CuiCard.vue.js +35 -0
- package/dist/components/CuiCard.vue2.js +4 -0
- package/dist/components/CuiCardBody.vue.d.ts +2 -3
- package/dist/components/CuiCardBody.vue.d.ts.map +1 -1
- package/dist/components/CuiCardBody.vue.js +20 -0
- package/dist/components/CuiCardBody.vue2.js +4 -0
- package/dist/components/CuiCardFooter.vue.d.ts +2 -3
- package/dist/components/CuiCardFooter.vue.d.ts.map +1 -1
- package/dist/components/CuiCardFooter.vue.js +32 -0
- package/dist/components/CuiCardFooter.vue2.js +4 -0
- package/dist/components/CuiCardHeader.vue.d.ts +2 -3
- package/dist/components/CuiCardHeader.vue.d.ts.map +1 -1
- package/dist/components/CuiCardHeader.vue.js +51 -0
- package/dist/components/CuiCardHeader.vue2.js +4 -0
- package/dist/components/CuiCardMedia.vue.d.ts +2 -3
- package/dist/components/CuiCardMedia.vue.d.ts.map +1 -1
- package/dist/components/CuiCardMedia.vue.js +7 -0
- package/dist/components/CuiCardMedia.vue2.js +38 -0
- package/dist/components/CuiCheckbox.vue.d.ts +3 -7
- package/dist/components/CuiCheckbox.vue.d.ts.map +1 -1
- package/dist/components/CuiCheckbox.vue.js +7 -0
- package/dist/components/CuiCheckbox.vue2.js +105 -0
- package/dist/components/CuiCheckboxGroup.vue.d.ts +8 -15
- package/dist/components/CuiCheckboxGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiCheckboxGroup.vue.js +7 -0
- package/dist/components/CuiCheckboxGroup.vue2.js +59 -0
- package/dist/components/CuiCodeBlock.vue.d.ts +3 -7
- package/dist/components/CuiCodeBlock.vue.d.ts.map +1 -1
- package/dist/components/CuiCodeBlock.vue.js +129 -0
- package/dist/components/CuiCodeBlock.vue2.js +4 -0
- package/dist/components/CuiColorPicker.vue.d.ts +10 -10
- package/dist/components/CuiColorPicker.vue.d.ts.map +1 -1
- package/dist/components/CuiColorPicker.vue.js +348 -0
- package/dist/components/CuiColorPicker.vue2.js +4 -0
- package/dist/components/CuiCombobox.vue.d.ts +15 -14
- package/dist/components/CuiCombobox.vue.d.ts.map +1 -1
- package/dist/components/CuiCombobox.vue.js +332 -0
- package/dist/components/CuiCombobox.vue2.js +4 -0
- package/dist/components/CuiConfigProvider.vue.d.ts +22 -0
- package/dist/components/CuiConfigProvider.vue.d.ts.map +1 -0
- package/dist/components/CuiConfigProvider.vue.js +18 -0
- package/dist/components/CuiConfigProvider.vue2.js +4 -0
- package/dist/components/CuiConfirmDialog.vue.d.ts +7 -11
- package/dist/components/CuiConfirmDialog.vue.d.ts.map +1 -1
- package/dist/components/CuiConfirmDialog.vue.js +208 -0
- package/dist/components/CuiConfirmDialog.vue2.js +4 -0
- package/dist/components/CuiContainer.vue.d.ts +2 -3
- package/dist/components/CuiContainer.vue.d.ts.map +1 -1
- package/dist/components/CuiContainer.vue.js +35 -0
- package/dist/components/CuiContainer.vue2.js +4 -0
- package/dist/components/CuiContextMenu.vue.d.ts +2 -5
- package/dist/components/CuiContextMenu.vue.d.ts.map +1 -1
- package/dist/components/CuiContextMenu.vue.js +7 -0
- package/dist/components/CuiContextMenu.vue2.js +136 -0
- package/dist/components/CuiCopyButton.vue.d.ts +4 -11
- package/dist/components/CuiCopyButton.vue.d.ts.map +1 -1
- package/dist/components/CuiCopyButton.vue.js +63 -0
- package/dist/components/CuiCopyButton.vue2.js +4 -0
- package/dist/components/CuiDataGrid.vue.d.ts +15 -4
- package/dist/components/CuiDataGrid.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGrid.vue.js +176 -0
- package/dist/components/CuiDataGrid.vue3.js +5 -0
- package/dist/components/CuiDataGridActiveFilters.vue.js +47 -0
- package/dist/components/CuiDataGridActiveFilters.vue3.js +5 -0
- package/dist/components/CuiDataGridBulkBar.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridBulkBar.vue.js +70 -0
- package/dist/components/CuiDataGridBulkBar.vue3.js +5 -0
- package/dist/components/CuiDataGridCardView.vue.js +31 -0
- package/dist/components/CuiDataGridCardView.vue2.js +4 -0
- package/dist/components/CuiDataGridColumnManager.vue.js +86 -0
- package/dist/components/CuiDataGridColumnManager.vue2.js +4 -0
- package/dist/components/CuiDataGridFilterPanel.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridFilterPanel.vue.js +181 -0
- package/dist/components/CuiDataGridFilterPanel.vue3.js +5 -0
- package/dist/components/CuiDataGridPagination.vue.js +28 -0
- package/dist/components/CuiDataGridPagination.vue2.js +4 -0
- package/dist/components/CuiDataGridSearch.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridSearch.vue.js +69 -0
- package/dist/components/CuiDataGridSearch.vue2.js +4 -0
- package/dist/components/CuiDataGridTable.vue.d.ts +22 -0
- package/dist/components/CuiDataGridTable.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridTable.vue.js +336 -0
- package/dist/components/CuiDataGridTable.vue2.js +4 -0
- package/dist/components/CuiDataGridToolbar.vue.js +73 -0
- package/dist/components/CuiDataGridToolbar.vue3.js +5 -0
- package/dist/components/CuiDataGridViewManager.vue.js +209 -0
- package/dist/components/CuiDataGridViewManager.vue2.js +4 -0
- package/dist/components/CuiDataGridViewToggle.vue.js +43 -0
- package/dist/components/CuiDataGridViewToggle.vue3.js +5 -0
- package/dist/components/CuiDatePicker.vue.d.ts +10 -7
- package/dist/components/CuiDatePicker.vue.d.ts.map +1 -1
- package/dist/components/CuiDatePicker.vue.js +382 -0
- package/dist/components/CuiDatePicker.vue2.js +4 -0
- package/dist/components/CuiDateRangePicker.vue.d.ts +3 -6
- package/dist/components/CuiDateRangePicker.vue.d.ts.map +1 -1
- package/dist/components/CuiDateRangePicker.vue.js +376 -0
- package/dist/components/CuiDateRangePicker.vue2.js +4 -0
- package/dist/components/CuiDivider.vue.d.ts +4 -5
- package/dist/components/CuiDivider.vue.d.ts.map +1 -1
- package/dist/components/CuiDivider.vue.js +124 -0
- package/dist/components/CuiDivider.vue2.js +4 -0
- package/dist/components/CuiDropdown.vue.d.ts +2 -5
- package/dist/components/CuiDropdown.vue.d.ts.map +1 -1
- package/dist/components/CuiDropdown.vue.js +7 -0
- package/dist/components/CuiDropdown.vue2.js +110 -0
- package/dist/components/CuiDropdownCheckItem.vue.d.ts +2 -3
- package/dist/components/CuiDropdownCheckItem.vue.d.ts.map +1 -1
- package/dist/components/CuiDropdownCheckItem.vue.js +7 -0
- package/dist/components/CuiDropdownCheckItem.vue2.js +45 -0
- package/dist/components/CuiDropdownDivider.vue.js +14 -0
- package/dist/components/CuiDropdownHeader.vue.js +16 -0
- package/dist/components/CuiDropdownItem.vue.d.ts +2 -5
- package/dist/components/CuiDropdownItem.vue.d.ts.map +1 -1
- package/dist/components/CuiDropdownItem.vue.js +7 -0
- package/dist/components/CuiDropdownItem.vue2.js +55 -0
- package/dist/components/CuiDropdownMenu.vue.js +7 -0
- package/dist/components/CuiDropdownMenu.vue2.js +79 -0
- package/dist/components/CuiDropdownRadioGroup.vue.js +23 -0
- package/dist/components/CuiDropdownRadioGroup.vue2.js +4 -0
- package/dist/components/CuiDropdownRadioItem.vue.d.ts +2 -3
- package/dist/components/CuiDropdownRadioItem.vue.d.ts.map +1 -1
- package/dist/components/CuiDropdownRadioItem.vue.js +7 -0
- package/dist/components/CuiDropdownRadioItem.vue2.js +43 -0
- package/dist/components/CuiDropdownSub.vue.d.ts +2 -3
- package/dist/components/CuiDropdownSub.vue.d.ts.map +1 -1
- package/dist/components/CuiDropdownSub.vue.js +7 -0
- package/dist/components/CuiDropdownSub.vue2.js +91 -0
- package/dist/components/CuiDropdownTrigger.vue.js +7 -0
- package/dist/components/CuiDropdownTrigger.vue2.js +25 -0
- package/dist/components/CuiEmptyState.vue.d.ts +4 -11
- package/dist/components/CuiEmptyState.vue.d.ts.map +1 -1
- package/dist/components/CuiEmptyState.vue.js +7 -0
- package/dist/components/CuiEmptyState.vue2.js +70 -0
- package/dist/components/CuiFieldset.vue.d.ts +10 -5
- package/dist/components/CuiFieldset.vue.d.ts.map +1 -1
- package/dist/components/CuiFieldset.vue.js +7 -0
- package/dist/components/CuiFieldset.vue2.js +79 -0
- package/dist/components/CuiFileUpload.vue.d.ts +10 -10
- package/dist/components/CuiFileUpload.vue.d.ts.map +1 -1
- package/dist/components/CuiFileUpload.vue.js +254 -0
- package/dist/components/CuiFileUpload.vue2.js +4 -0
- package/dist/components/CuiFlex.vue.d.ts +7 -4
- package/dist/components/CuiFlex.vue.d.ts.map +1 -1
- package/dist/components/CuiFlex.vue.js +7 -0
- package/dist/components/CuiFlex.vue2.js +72 -0
- package/dist/components/CuiFlexItem.vue.d.ts +2 -3
- package/dist/components/CuiFlexItem.vue.d.ts.map +1 -1
- package/dist/components/CuiFlexItem.vue.js +35 -0
- package/dist/components/CuiFlexItem.vue2.js +4 -0
- package/dist/components/CuiForm.vue.d.ts +65 -0
- package/dist/components/CuiForm.vue.d.ts.map +1 -0
- package/dist/components/CuiForm.vue.js +116 -0
- package/dist/components/CuiForm.vue2.js +4 -0
- package/dist/components/CuiFormField.vue.d.ts +13 -12
- package/dist/components/CuiFormField.vue.d.ts.map +1 -1
- package/dist/components/CuiFormField.vue.js +7 -0
- package/dist/components/CuiFormField.vue2.js +73 -0
- package/dist/components/CuiGrid.vue.d.ts +2 -3
- package/dist/components/CuiGrid.vue.d.ts.map +1 -1
- package/dist/components/CuiGrid.vue.js +7 -0
- package/dist/components/CuiGrid.vue2.js +51 -0
- package/dist/components/CuiGridItem.vue.d.ts +2 -3
- package/dist/components/CuiGridItem.vue.d.ts.map +1 -1
- package/dist/components/CuiGridItem.vue.js +30 -0
- package/dist/components/CuiGridItem.vue2.js +4 -0
- package/dist/components/CuiIcon.vue.d.ts +8 -9
- package/dist/components/CuiIcon.vue.d.ts.map +1 -1
- package/dist/components/CuiIcon.vue.js +7 -0
- package/dist/components/CuiIcon.vue2.js +72 -0
- package/dist/components/CuiInput.vue.d.ts +9 -15
- package/dist/components/CuiInput.vue.d.ts.map +1 -1
- package/dist/components/CuiInput.vue.js +7 -0
- package/dist/components/CuiInput.vue2.js +148 -0
- package/dist/components/CuiInputStepper.vue.d.ts +11 -14
- package/dist/components/CuiInputStepper.vue.d.ts.map +1 -1
- package/dist/components/CuiInputStepper.vue.js +189 -0
- package/dist/components/CuiInputStepper.vue2.js +4 -0
- package/dist/components/CuiKbd.vue.d.ts +3 -7
- package/dist/components/CuiKbd.vue.d.ts.map +1 -1
- package/dist/components/CuiKbd.vue.js +44 -0
- package/dist/components/CuiKbd.vue2.js +4 -0
- package/dist/components/CuiMaskedInput.vue.d.ts +21 -27
- package/dist/components/CuiMaskedInput.vue.d.ts.map +1 -1
- package/dist/components/CuiMaskedInput.vue.js +256 -0
- package/dist/components/CuiMaskedInput.vue2.js +4 -0
- package/dist/components/CuiModal.vue.d.ts +11 -9
- package/dist/components/CuiModal.vue.d.ts.map +1 -1
- package/dist/components/CuiModal.vue.js +7 -0
- package/dist/components/CuiModal.vue2.js +98 -0
- package/dist/components/CuiModalBody.vue.d.ts +2 -3
- package/dist/components/CuiModalBody.vue.d.ts.map +1 -1
- package/dist/components/CuiModalBody.vue.js +50 -0
- package/dist/components/CuiModalBody.vue2.js +4 -0
- package/dist/components/CuiModalFooter.vue.d.ts +2 -3
- package/dist/components/CuiModalFooter.vue.d.ts.map +1 -1
- package/dist/components/CuiModalFooter.vue.js +36 -0
- package/dist/components/CuiModalFooter.vue2.js +4 -0
- package/dist/components/CuiModalHeader.vue.d.ts +2 -3
- package/dist/components/CuiModalHeader.vue.d.ts.map +1 -1
- package/dist/components/CuiModalHeader.vue.js +85 -0
- package/dist/components/CuiModalHeader.vue2.js +4 -0
- package/dist/components/CuiPagination.vue.d.ts +4 -11
- package/dist/components/CuiPagination.vue.d.ts.map +1 -1
- package/dist/components/CuiPagination.vue.js +7 -0
- package/dist/components/CuiPagination.vue2.js +136 -0
- package/dist/components/CuiPopover.vue.d.ts +5 -5
- package/dist/components/CuiPopover.vue.d.ts.map +1 -1
- package/dist/components/CuiPopover.vue.js +227 -0
- package/dist/components/CuiPopover.vue2.js +4 -0
- package/dist/components/CuiProgress.vue.d.ts +4 -11
- package/dist/components/CuiProgress.vue.d.ts.map +1 -1
- package/dist/components/CuiProgress.vue.js +7 -0
- package/dist/components/CuiProgress.vue2.js +132 -0
- package/dist/components/CuiRadio.vue.d.ts +3 -9
- package/dist/components/CuiRadio.vue.d.ts.map +1 -1
- package/dist/components/CuiRadio.vue.js +7 -0
- package/dist/components/CuiRadio.vue2.js +139 -0
- package/dist/components/CuiRadioGroup.vue.d.ts +9 -18
- package/dist/components/CuiRadioGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiRadioGroup.vue.js +7 -0
- package/dist/components/CuiRadioGroup.vue2.js +78 -0
- package/dist/components/CuiRating.vue.d.ts +12 -15
- package/dist/components/CuiRating.vue.d.ts.map +1 -1
- package/dist/components/CuiRating.vue.js +129 -0
- package/dist/components/CuiRating.vue2.js +4 -0
- package/dist/components/CuiResizablePanels.vue.d.ts +5 -7
- package/dist/components/CuiResizablePanels.vue.d.ts.map +1 -1
- package/dist/components/CuiResizablePanels.vue.js +147 -0
- package/dist/components/CuiResizablePanels.vue2.js +4 -0
- package/dist/components/CuiSelect.vue.d.ts +9 -15
- package/dist/components/CuiSelect.vue.d.ts.map +1 -1
- package/dist/components/CuiSelect.vue.js +7 -0
- package/dist/components/CuiSelect.vue2.js +359 -0
- package/dist/components/CuiSkeleton.vue.d.ts +5 -6
- package/dist/components/CuiSkeleton.vue.d.ts.map +1 -1
- package/dist/components/CuiSkeleton.vue.js +7 -0
- package/dist/components/CuiSkeleton.vue2.js +80 -0
- package/dist/components/CuiSlideover.vue.d.ts +8 -9
- package/dist/components/CuiSlideover.vue.d.ts.map +1 -1
- package/dist/components/CuiSlideover.vue.js +109 -0
- package/dist/components/CuiSlideover.vue2.js +4 -0
- package/dist/components/CuiSlider.vue.d.ts +11 -14
- package/dist/components/CuiSlider.vue.d.ts.map +1 -1
- package/dist/components/CuiSlider.vue.js +156 -0
- package/dist/components/CuiSlider.vue2.js +4 -0
- package/dist/components/CuiSpacer.vue.d.ts +5 -6
- package/dist/components/CuiSpacer.vue.d.ts.map +1 -1
- package/dist/components/CuiSpacer.vue.js +32 -0
- package/dist/components/CuiSpacer.vue2.js +4 -0
- package/dist/components/CuiSpinner.vue.d.ts +5 -12
- package/dist/components/CuiSpinner.vue.d.ts.map +1 -1
- package/dist/components/CuiSpinner.vue.js +99 -0
- package/dist/components/CuiSpinner.vue3.js +5 -0
- package/dist/components/CuiStack.vue.d.ts +5 -6
- package/dist/components/CuiStack.vue.d.ts.map +1 -1
- package/dist/components/CuiStack.vue.js +30 -0
- package/dist/components/CuiStack.vue2.js +4 -0
- package/dist/components/CuiStepper.vue.d.ts +3 -7
- package/dist/components/CuiStepper.vue.d.ts.map +1 -1
- package/dist/components/CuiStepper.vue.js +153 -0
- package/dist/components/CuiStepper.vue2.js +4 -0
- package/dist/components/CuiTab.vue.d.ts +2 -5
- package/dist/components/CuiTab.vue.d.ts.map +1 -1
- package/dist/components/CuiTab.vue.js +7 -0
- package/dist/components/CuiTab.vue2.js +73 -0
- package/dist/components/CuiTable.vue.d.ts +12 -8
- package/dist/components/CuiTable.vue.d.ts.map +1 -1
- package/dist/components/CuiTable.vue.js +90 -0
- package/dist/components/CuiTable.vue3.js +5 -0
- package/dist/components/CuiTableBody.vue.d.ts +2 -3
- package/dist/components/CuiTableBody.vue.d.ts.map +1 -1
- package/dist/components/CuiTableBody.vue.js +18 -0
- package/dist/components/CuiTableBody.vue2.js +4 -0
- package/dist/components/CuiTableCell.vue.d.ts +2 -3
- package/dist/components/CuiTableCell.vue.d.ts.map +1 -1
- package/dist/components/CuiTableCell.vue.js +36 -0
- package/dist/components/CuiTableCell.vue2.js +4 -0
- package/dist/components/CuiTableFoot.vue.d.ts +2 -3
- package/dist/components/CuiTableFoot.vue.d.ts.map +1 -1
- package/dist/components/CuiTableFoot.vue.js +18 -0
- package/dist/components/CuiTableFoot.vue2.js +4 -0
- package/dist/components/CuiTableHead.vue.d.ts +2 -3
- package/dist/components/CuiTableHead.vue.d.ts.map +1 -1
- package/dist/components/CuiTableHead.vue.js +18 -0
- package/dist/components/CuiTableHead.vue2.js +4 -0
- package/dist/components/CuiTableRow.vue.d.ts +5 -4
- package/dist/components/CuiTableRow.vue.d.ts.map +1 -1
- package/dist/components/CuiTableRow.vue.js +23 -0
- package/dist/components/CuiTableRow.vue2.js +4 -0
- package/dist/components/CuiTabs.vue.d.ts +3 -7
- package/dist/components/CuiTabs.vue.d.ts.map +1 -1
- package/dist/components/CuiTabs.vue.js +7 -0
- package/dist/components/CuiTabs.vue2.js +124 -0
- package/dist/components/CuiTagInput.vue.d.ts +16 -13
- package/dist/components/CuiTagInput.vue.d.ts.map +1 -1
- package/dist/components/CuiTagInput.vue.js +296 -0
- package/dist/components/CuiTagInput.vue2.js +4 -0
- package/dist/components/CuiTextarea.vue.d.ts +9 -15
- package/dist/components/CuiTextarea.vue.d.ts.map +1 -1
- package/dist/components/CuiTextarea.vue.js +7 -0
- package/dist/components/CuiTextarea.vue2.js +112 -0
- package/dist/components/CuiTimePicker.vue.d.ts +10 -7
- package/dist/components/CuiTimePicker.vue.d.ts.map +1 -1
- package/dist/components/CuiTimePicker.vue.js +193 -0
- package/dist/components/CuiTimePicker.vue2.js +4 -0
- package/dist/components/CuiTimeline.vue.d.ts +2 -3
- package/dist/components/CuiTimeline.vue.d.ts.map +1 -1
- package/dist/components/CuiTimeline.vue.js +25 -0
- package/dist/components/CuiTimeline.vue2.js +4 -0
- package/dist/components/CuiTimelineItem.vue.d.ts +3 -7
- package/dist/components/CuiTimelineItem.vue.d.ts.map +1 -1
- package/dist/components/CuiTimelineItem.vue.js +113 -0
- package/dist/components/CuiTimelineItem.vue2.js +4 -0
- package/dist/components/CuiToast.vue.d.ts +4 -8
- package/dist/components/CuiToast.vue.d.ts.map +1 -1
- package/dist/components/CuiToast.vue.js +7 -0
- package/dist/components/CuiToast.vue2.js +129 -0
- package/dist/components/CuiToastProvider.vue.d.ts.map +1 -1
- package/dist/components/CuiToastProvider.vue.js +7 -0
- package/dist/components/CuiToastProvider.vue2.js +87 -0
- package/dist/components/CuiToggle.vue.d.ts +4 -13
- package/dist/components/CuiToggle.vue.d.ts.map +1 -1
- package/dist/components/CuiToggle.vue.js +7 -0
- package/dist/components/CuiToggle.vue2.js +116 -0
- package/dist/components/CuiToggleGroup.vue.d.ts +8 -15
- package/dist/components/CuiToggleGroup.vue.d.ts.map +1 -1
- package/dist/components/CuiToggleGroup.vue.js +7 -0
- package/dist/components/CuiToggleGroup.vue2.js +59 -0
- package/dist/components/CuiTooltip.vue.d.ts +2 -8
- package/dist/components/CuiTooltip.vue.d.ts.map +1 -1
- package/dist/components/CuiTooltip.vue.js +7 -0
- package/dist/components/CuiTooltip.vue2.js +128 -0
- package/dist/components/CuiTransferList.vue.d.ts +4 -7
- package/dist/components/CuiTransferList.vue.d.ts.map +1 -1
- package/dist/components/CuiTransferList.vue.js +442 -0
- package/dist/components/CuiTransferList.vue2.js +4 -0
- package/dist/components/CuiTreeNode.vue.d.ts +2 -1
- package/dist/components/CuiTreeNode.vue.d.ts.map +1 -1
- package/dist/components/CuiTreeNode.vue.js +180 -0
- package/dist/components/CuiTreeNode.vue2.js +4 -0
- package/dist/components/CuiTreeView.vue.d.ts +3 -4
- package/dist/components/CuiTreeView.vue.d.ts.map +1 -1
- package/dist/components/CuiTreeView.vue.js +73 -0
- package/dist/components/CuiTreeView.vue2.js +4 -0
- package/dist/components/accordion-context.d.ts +2 -2
- package/dist/components/accordion-context.d.ts.map +1 -1
- package/dist/components/accordion-context.js +4 -0
- package/dist/components/breadcrumb-context.js +4 -0
- package/dist/components/checkbox-context.d.ts +2 -2
- package/dist/components/checkbox-context.d.ts.map +1 -1
- package/dist/components/config-context.d.ts +5 -0
- package/dist/components/config-context.d.ts.map +1 -0
- package/dist/components/config-context.js +4 -0
- package/dist/components/data-grid-context.js +4 -0
- package/dist/components/dropdown-context.js +30 -0
- package/dist/components/form-context.d.ts +40 -0
- package/dist/components/form-context.d.ts.map +1 -0
- package/dist/components/form-context.js +4 -0
- package/dist/components/multi-select-group-context.d.ts +2 -2
- package/dist/components/multi-select-group-context.d.ts.map +1 -1
- package/dist/components/multi-select-group-context.js +5 -0
- package/dist/components/radio-context.d.ts +4 -4
- package/dist/components/radio-context.d.ts.map +1 -1
- package/dist/components/radio-context.js +4 -0
- package/dist/components/table-context.js +5 -0
- package/dist/components/tabs-context.d.ts +2 -2
- package/dist/components/tabs-context.d.ts.map +1 -1
- package/dist/components/tabs-context.js +4 -0
- package/dist/components/toast-context.d.ts +8 -2
- package/dist/components/toast-context.d.ts.map +1 -1
- package/dist/components/toast-context.js +45 -0
- package/dist/components/toggle-context.d.ts +2 -2
- package/dist/components/toggle-context.d.ts.map +1 -1
- package/dist/composables/useBreakpoint.d.ts.map +1 -1
- package/dist/composables/useBreakpoint.js +34 -0
- package/dist/composables/useClickOutside.js +14 -0
- package/dist/composables/useCopyToClipboard.js +25 -0
- package/dist/composables/useDataGrid.js +269 -0
- package/dist/composables/useDataGridInertia.js +35 -0
- package/dist/composables/useDataGridViews.js +67 -0
- package/dist/composables/useDensity.d.ts +23 -0
- package/dist/composables/useDensity.d.ts.map +1 -0
- package/dist/composables/useDensity.js +42 -0
- package/dist/composables/useLayoutContext.js +21 -0
- package/dist/composables/useMessages.d.ts +11 -0
- package/dist/composables/useMessages.d.ts.map +1 -0
- package/dist/composables/useMessages.js +10 -0
- package/dist/composables/useOverlay.js +57 -0
- package/dist/composables/usePopover.js +53 -0
- package/dist/composables/useScrollShadows.d.ts +4 -7
- package/dist/composables/useScrollShadows.d.ts.map +1 -1
- package/dist/composables/useScrollShadows.js +56 -0
- package/dist/composables/useTheme.d.ts.map +1 -1
- package/dist/composables/useTheme.js +57 -0
- package/dist/composables/useToast.js +23 -0
- package/dist/composables/useVirtualScroll.d.ts +45 -0
- package/dist/composables/useVirtualScroll.d.ts.map +1 -0
- package/dist/composables/useVirtualScroll.js +69 -0
- package/dist/index.d.ts +39 -24
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +290 -0
- package/dist/messages.d.ts +80 -0
- package/dist/messages.d.ts.map +1 -0
- package/dist/messages.js +57 -0
- package/dist/ssr-theme-init.d.ts +29 -0
- package/dist/ssr-theme-init.d.ts.map +1 -0
- package/dist/ssr-theme-init.js +13 -0
- package/dist/test-setup.d.ts +2 -0
- package/dist/test-setup.d.ts.map +1 -0
- package/dist/types/common.d.ts +71 -0
- package/dist/types/common.d.ts.map +1 -0
- package/dist/types/grid.d.ts +2 -0
- package/dist/types/grid.d.ts.map +1 -1
- package/dist/utils/color.d.ts +12 -0
- package/dist/utils/color.d.ts.map +1 -1
- package/dist/utils/color.js +195 -0
- package/dist/utils/colorIconMap.js +11 -0
- package/dist/utils/date.js +114 -0
- package/dist/utils/liveRegion.d.ts +20 -0
- package/dist/utils/liveRegion.d.ts.map +1 -0
- package/dist/utils/liveRegion.js +12 -0
- package/dist/utils/resolvers.d.ts +48 -0
- package/dist/utils/resolvers.d.ts.map +1 -0
- package/dist/utils/resolvers.js +28 -0
- package/dist/utils/responsive.d.ts.map +1 -1
- package/dist/utils/responsive.js +68 -0
- package/dist/utils/sizing.d.ts +21 -0
- package/dist/utils/sizing.d.ts.map +1 -1
- package/dist/utils/sizing.js +39 -0
- package/package.json +34 -10
- package/dist/clean-ui.js +0 -11263
- package/dist/clean-ui.umd.cjs +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiAccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAccordionItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiAccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAccordionItem.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,gBAAgB;IAC5E,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA6KD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B/C,QAAA,MAAM,eAAe;;;iBA9ML,OAAO;6EAqNrB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { defineComponent as y, inject as _, computed as p, ref as b, onMounted as x, nextTick as H, watch as k, withDirectives as C, openBlock as E, createElementBlock as O, normalizeClass as d, createElementVNode as c, renderSlot as g, createTextVNode as $, toDisplayString as w, createVNode as B, vShow as A } from "vue";
|
|
2
|
+
import I from "./CuiIcon.vue.js";
|
|
3
|
+
import { AccordionContextKey as z } from "./accordion-context.js";
|
|
4
|
+
const D = ["aria-expanded", "aria-disabled", "tabindex"], N = { class: "cui-accordion-item__header" }, S = { class: "cui-accordion-item__content" }, R = /* @__PURE__ */ y({
|
|
5
|
+
__name: "CuiAccordionItem",
|
|
6
|
+
props: {
|
|
7
|
+
value: {},
|
|
8
|
+
label: {},
|
|
9
|
+
defaultOpen: { type: Boolean, default: !1 },
|
|
10
|
+
hidden: { type: Boolean, default: !1 },
|
|
11
|
+
disabled: { type: Boolean, default: !1 }
|
|
12
|
+
},
|
|
13
|
+
setup(a) {
|
|
14
|
+
const n = a, e = _(z), l = p(() => (e == null ? void 0 : e.isOpen(n.value)) ?? !1), s = p(() => (e == null ? void 0 : e.noAnimation.value) ?? !1), o = b();
|
|
15
|
+
let r = !1;
|
|
16
|
+
x(() => {
|
|
17
|
+
n.defaultOpen && e && !e.isOpen(n.value) && e.toggle(n.value), H(() => {
|
|
18
|
+
e != null && e.isOpen(n.value) && o.value && (o.value.style.maxHeight = "none"), r = !0;
|
|
19
|
+
});
|
|
20
|
+
}), k(l, (t) => {
|
|
21
|
+
if (!r) return;
|
|
22
|
+
if (s.value) {
|
|
23
|
+
o.value && (o.value.style.maxHeight = t ? "none" : "0px");
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
const i = o.value;
|
|
27
|
+
if (i)
|
|
28
|
+
if (t) {
|
|
29
|
+
i.style.maxHeight = "0px", i.offsetHeight, i.style.maxHeight = `${i.scrollHeight}px`;
|
|
30
|
+
const v = () => {
|
|
31
|
+
i.style.maxHeight = "none", i.removeEventListener("transitionend", v);
|
|
32
|
+
};
|
|
33
|
+
i.addEventListener("transitionend", v);
|
|
34
|
+
} else
|
|
35
|
+
i.style.maxHeight = `${i.scrollHeight}px`, i.offsetHeight, i.style.maxHeight = "0px";
|
|
36
|
+
}, { flush: "post" });
|
|
37
|
+
function u() {
|
|
38
|
+
n.disabled || e == null || e.toggle(n.value);
|
|
39
|
+
}
|
|
40
|
+
function h(t) {
|
|
41
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), u());
|
|
42
|
+
}
|
|
43
|
+
const f = `cui-accordion-panel-${n.value}`, m = `cui-accordion-trigger-${n.value}`;
|
|
44
|
+
return (t, i) => C((E(), O("div", {
|
|
45
|
+
class: d(["cui-accordion-item", { "cui-accordion-item--open": l.value, "cui-accordion-item--disabled": a.disabled }])
|
|
46
|
+
}, [
|
|
47
|
+
c("button", {
|
|
48
|
+
id: m,
|
|
49
|
+
type: "button",
|
|
50
|
+
class: "cui-accordion-item__trigger",
|
|
51
|
+
"aria-expanded": l.value,
|
|
52
|
+
"aria-controls": f,
|
|
53
|
+
"aria-disabled": a.disabled || void 0,
|
|
54
|
+
tabindex: a.disabled ? -1 : 0,
|
|
55
|
+
onClick: u,
|
|
56
|
+
onKeydown: h
|
|
57
|
+
}, [
|
|
58
|
+
c("span", N, [
|
|
59
|
+
g(t.$slots, "header", {}, () => [
|
|
60
|
+
$(w(a.label), 1)
|
|
61
|
+
], !0)
|
|
62
|
+
]),
|
|
63
|
+
B(I, {
|
|
64
|
+
name: "caret-down",
|
|
65
|
+
size: "1rem",
|
|
66
|
+
class: d(["cui-accordion-item__chevron", { "cui-accordion-item__chevron--open": l.value }])
|
|
67
|
+
}, null, 8, ["class"])
|
|
68
|
+
], 40, D),
|
|
69
|
+
c("div", {
|
|
70
|
+
id: f,
|
|
71
|
+
ref_key: "contentRef",
|
|
72
|
+
ref: o,
|
|
73
|
+
class: d(["cui-accordion-item__panel", {
|
|
74
|
+
"cui-accordion-item__panel--open": l.value,
|
|
75
|
+
"cui-accordion-item__panel--no-animation": s.value
|
|
76
|
+
}]),
|
|
77
|
+
role: "region",
|
|
78
|
+
"aria-labelledby": m
|
|
79
|
+
}, [
|
|
80
|
+
c("div", S, [
|
|
81
|
+
g(t.$slots, "default", {}, void 0, !0)
|
|
82
|
+
])
|
|
83
|
+
], 2)
|
|
84
|
+
], 2)), [
|
|
85
|
+
[A, !a.hidden]
|
|
86
|
+
]);
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
export {
|
|
90
|
+
R as default
|
|
91
|
+
};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { HideableProps, ColorableProps, CuiRounded, LiveRegionProps } from "../types/common";
|
|
2
2
|
export type AlertVariant = "solid" | "subtle" | "outline";
|
|
3
3
|
export type AlertEntrance = "fade" | "slide-down" | "slide-left" | "none";
|
|
4
4
|
export type AlertAnimation = "pulse" | "glow" | "shake" | "none";
|
|
5
|
-
export interface CuiAlertProps {
|
|
6
|
-
/** Color role */
|
|
7
|
-
color?: ButtonColor;
|
|
5
|
+
export interface CuiAlertProps extends HideableProps, ColorableProps, LiveRegionProps {
|
|
8
6
|
/** Visual variant */
|
|
9
7
|
variant?: AlertVariant;
|
|
10
8
|
/** Title text */
|
|
@@ -19,8 +17,8 @@ export interface CuiAlertProps {
|
|
|
19
17
|
entrance?: AlertEntrance;
|
|
20
18
|
/** Persistent animation while visible */
|
|
21
19
|
animation?: AlertAnimation;
|
|
22
|
-
/**
|
|
23
|
-
|
|
20
|
+
/** Border radius */
|
|
21
|
+
rounded?: CuiRounded;
|
|
24
22
|
}
|
|
25
23
|
declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
|
|
26
24
|
type __VLS_Slots = {} & {
|
|
@@ -35,9 +33,10 @@ declare const __VLS_component: import("vue").DefineComponent<CuiAlertProps, {},
|
|
|
35
33
|
}, string, import("vue").PublicProps, Readonly<CuiAlertProps> & Readonly<{
|
|
36
34
|
onDismiss?: (() => any) | undefined;
|
|
37
35
|
}>, {
|
|
38
|
-
color: ButtonColor;
|
|
39
36
|
hidden: boolean;
|
|
37
|
+
color: import("..").CuiColor;
|
|
40
38
|
variant: AlertVariant;
|
|
39
|
+
rounded: CuiRounded;
|
|
41
40
|
animation: AlertAnimation;
|
|
42
41
|
noIcon: boolean;
|
|
43
42
|
dismissible: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiAlert.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAlert.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiAlert.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAlert.vue"],"names":[],"mappings":"AA0SA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclG,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,eAAe;IACnF,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,yCAAyC;IACzC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAqND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B/C,QAAA,MAAM,eAAe;;;;;;;aArQT,YAAY;aAcZ,UAAU;eAFR,cAAc;YARjB,OAAO;iBAEF,OAAO;cAIV,aAAa;6EAmQxB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { defineComponent as C, ref as f, onMounted as D, onUnmounted as B, computed as u, withDirectives as I, openBlock as s, createElementBlock as a, mergeProps as N, renderSlot as d, createVNode as b, createCommentVNode as r, createElementVNode as A, toDisplayString as M, unref as S, vShow as O } from "vue";
|
|
2
|
+
import $ from "./CuiIcon.vue.js";
|
|
3
|
+
import { COLOR_ICON_MAP as R } from "../utils/colorIconMap.js";
|
|
4
|
+
import { resolveLiveRegion as T } from "../utils/liveRegion.js";
|
|
5
|
+
import { useMessages as V } from "../composables/useMessages.js";
|
|
6
|
+
const w = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "cui-alert__icon"
|
|
9
|
+
}, z = { class: "cui-alert__body" }, E = {
|
|
10
|
+
key: 0,
|
|
11
|
+
class: "cui-alert__title"
|
|
12
|
+
}, L = {
|
|
13
|
+
key: 1,
|
|
14
|
+
class: "cui-alert__description"
|
|
15
|
+
}, P = {
|
|
16
|
+
key: 2,
|
|
17
|
+
class: "cui-alert__actions"
|
|
18
|
+
}, q = ["aria-label"], J = /* @__PURE__ */ C({
|
|
19
|
+
__name: "CuiAlert",
|
|
20
|
+
props: {
|
|
21
|
+
variant: { default: "subtle" },
|
|
22
|
+
title: {},
|
|
23
|
+
noIcon: { type: Boolean, default: !1 },
|
|
24
|
+
dismissible: { type: Boolean, default: !1 },
|
|
25
|
+
autoDismiss: {},
|
|
26
|
+
entrance: { default: "fade" },
|
|
27
|
+
animation: { default: "none" },
|
|
28
|
+
rounded: { default: "md" },
|
|
29
|
+
hidden: { type: Boolean, default: !1 },
|
|
30
|
+
color: { default: "info" },
|
|
31
|
+
live: {}
|
|
32
|
+
},
|
|
33
|
+
emits: ["dismiss"],
|
|
34
|
+
setup(o, { emit: _ }) {
|
|
35
|
+
const y = {
|
|
36
|
+
none: "0",
|
|
37
|
+
sm: "0.25rem",
|
|
38
|
+
md: "var(--cui-button-radius, 0.375rem)",
|
|
39
|
+
lg: "0.5rem",
|
|
40
|
+
full: "9999px"
|
|
41
|
+
}, i = o, g = _, m = f(!0), l = f(!1);
|
|
42
|
+
let n = null;
|
|
43
|
+
D(() => {
|
|
44
|
+
requestAnimationFrame(() => {
|
|
45
|
+
l.value = !0;
|
|
46
|
+
}), i.autoDismiss && i.autoDismiss > 0 && (n = setTimeout(() => {
|
|
47
|
+
v();
|
|
48
|
+
}, i.autoDismiss));
|
|
49
|
+
}), B(() => {
|
|
50
|
+
n && clearTimeout(n);
|
|
51
|
+
});
|
|
52
|
+
function v() {
|
|
53
|
+
l.value = !1, setTimeout(() => {
|
|
54
|
+
m.value = !1, g("dismiss");
|
|
55
|
+
}, 300);
|
|
56
|
+
}
|
|
57
|
+
const k = u(() => {
|
|
58
|
+
const e = i.color, c = i.variant, t = {
|
|
59
|
+
borderRadius: y[i.rounded],
|
|
60
|
+
"--_alert-color": `var(--cui-${e})`,
|
|
61
|
+
"--_alert-focus-ring": `var(--cui-${e}-focus-ring)`
|
|
62
|
+
};
|
|
63
|
+
return c === "solid" ? (t.background = `var(--cui-${e}-solid, var(--cui-${e}))`, t.color = `var(--cui-${e}-text)`, t.border = "1px solid transparent", t["--_alert-icon-color"] = `var(--cui-${e}-text)`, t["--_alert-dismiss-color"] = `var(--cui-${e}-text)`) : c === "outline" ? (t.background = "transparent", t.color = `var(--cui-${e})`, t.border = `1px solid var(--cui-${e}-border)`, t["--_alert-icon-color"] = `var(--cui-${e})`, t["--_alert-dismiss-color"] = `var(--cui-${e})`) : (t.background = `var(--cui-${e}-bg)`, t.color = "var(--cui-text-body)", t.border = `1px solid var(--cui-${e}-border)`, t["--_alert-icon-color"] = `var(--cui-${e})`, t["--_alert-dismiss-color"] = "var(--cui-text-secondary)"), t;
|
|
64
|
+
}), p = u(() => R[i.color] ?? "info"), h = u(() => T(i.color, i.live)), x = V();
|
|
65
|
+
return (e, c) => m.value ? I((s(), a("div", N({
|
|
66
|
+
key: 0,
|
|
67
|
+
class: ["cui-alert", [
|
|
68
|
+
`cui-alert--entrance-${o.entrance}`,
|
|
69
|
+
{ "cui-alert--mounted": l.value },
|
|
70
|
+
o.animation !== "none" ? `cui-alert--${o.animation}` : ""
|
|
71
|
+
]],
|
|
72
|
+
style: k.value
|
|
73
|
+
}, h.value), [
|
|
74
|
+
o.noIcon ? r("", !0) : (s(), a("div", w, [
|
|
75
|
+
d(e.$slots, "icon", {}, () => [
|
|
76
|
+
b($, {
|
|
77
|
+
name: p.value,
|
|
78
|
+
size: "1.25rem"
|
|
79
|
+
}, null, 8, ["name"])
|
|
80
|
+
], !0)
|
|
81
|
+
])),
|
|
82
|
+
A("div", z, [
|
|
83
|
+
o.title ? (s(), a("div", E, M(o.title), 1)) : r("", !0),
|
|
84
|
+
e.$slots.default ? (s(), a("div", L, [
|
|
85
|
+
d(e.$slots, "default", {}, void 0, !0)
|
|
86
|
+
])) : r("", !0),
|
|
87
|
+
e.$slots.actions ? (s(), a("div", P, [
|
|
88
|
+
d(e.$slots, "actions", {}, void 0, !0)
|
|
89
|
+
])) : r("", !0)
|
|
90
|
+
]),
|
|
91
|
+
o.dismissible ? (s(), a("button", {
|
|
92
|
+
key: 1,
|
|
93
|
+
type: "button",
|
|
94
|
+
class: "cui-alert__dismiss",
|
|
95
|
+
"aria-label": S(x).dismiss,
|
|
96
|
+
onClick: v
|
|
97
|
+
}, [
|
|
98
|
+
b($, {
|
|
99
|
+
name: "x",
|
|
100
|
+
size: "0.875rem"
|
|
101
|
+
})
|
|
102
|
+
], 8, q)) : r("", !0)
|
|
103
|
+
], 16)), [
|
|
104
|
+
[O, !o.hidden]
|
|
105
|
+
]) : r("", !0);
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
export {
|
|
109
|
+
J as default
|
|
110
|
+
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
1
|
+
import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps } from "../types/common";
|
|
3
2
|
export type AvatarShape = "circle" | "rounded";
|
|
4
3
|
export type AvatarStatus = "online" | "offline" | "away" | "busy";
|
|
5
4
|
export type AvatarStatusAnimation = "pulse" | "ping" | "none";
|
|
6
|
-
export interface CuiAvatarProps {
|
|
5
|
+
export interface CuiAvatarProps extends HideableProps, ColorableProps, SizeableProps {
|
|
7
6
|
/** Image URL */
|
|
8
7
|
src?: string;
|
|
9
8
|
/** Alt text for image */
|
|
@@ -14,23 +13,17 @@ export interface CuiAvatarProps {
|
|
|
14
13
|
initials?: string;
|
|
15
14
|
/** Fallback icon name when no image or initials */
|
|
16
15
|
icon?: string;
|
|
17
|
-
/** Size */
|
|
18
|
-
size?: AvatarSize;
|
|
19
16
|
/** Shape */
|
|
20
17
|
shape?: AvatarShape;
|
|
21
|
-
/** Color role for initials/icon background */
|
|
22
|
-
color?: ButtonColor;
|
|
23
18
|
/** Animate the status indicator */
|
|
24
19
|
statusAnimation?: AvatarStatusAnimation;
|
|
25
20
|
/** Status indicator dot */
|
|
26
21
|
status?: AvatarStatus;
|
|
27
|
-
/** Hide the component */
|
|
28
|
-
hidden?: boolean;
|
|
29
22
|
}
|
|
30
23
|
declare const _default: import("vue").DefineComponent<CuiAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiAvatarProps> & Readonly<{}>, {
|
|
31
|
-
size: AvatarSize;
|
|
32
|
-
color: ButtonColor;
|
|
33
24
|
hidden: boolean;
|
|
25
|
+
size: CuiSize;
|
|
26
|
+
color: CuiColor;
|
|
34
27
|
shape: AvatarShape;
|
|
35
28
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
36
29
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiAvatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiAvatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatar.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvG,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IAClF,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;;;;;WALS,WAAW;;AAuLrB,wBAOG"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { defineComponent as y, ref as x, computed as i, withDirectives as D, openBlock as o, createElementBlock as n, normalizeStyle as u, toDisplayString as k, createBlock as w, createCommentVNode as p, vShow as O } from "vue";
|
|
2
|
+
import z from "./CuiIcon.vue.js";
|
|
3
|
+
import { scaleDensity as t } from "../utils/sizing.js";
|
|
4
|
+
const C = ["src", "alt"], S = {
|
|
5
|
+
key: 1,
|
|
6
|
+
class: "cui-avatar__initials"
|
|
7
|
+
}, I = /* @__PURE__ */ y({
|
|
8
|
+
__name: "CuiAvatar",
|
|
9
|
+
props: {
|
|
10
|
+
src: {},
|
|
11
|
+
alt: {},
|
|
12
|
+
name: {},
|
|
13
|
+
initials: {},
|
|
14
|
+
icon: {},
|
|
15
|
+
shape: { default: "circle" },
|
|
16
|
+
statusAnimation: {},
|
|
17
|
+
status: {},
|
|
18
|
+
hidden: { type: Boolean, default: !1 },
|
|
19
|
+
color: { default: "primary" },
|
|
20
|
+
size: { default: "md" }
|
|
21
|
+
},
|
|
22
|
+
setup(s) {
|
|
23
|
+
const e = s, c = x(!1), l = i(() => e.src && !c.value), m = i(() => e.initials ? e.initials : e.name ? e.name.split(" ").filter(Boolean).slice(0, 2).map((r) => r[0].toUpperCase()).join("") : ""), b = {
|
|
24
|
+
xs: { box: t("1.5rem"), font: "0.5rem", icon: t("0.75rem"), statusDot: t("0.5rem"), statusOffset: t("-2px") },
|
|
25
|
+
sm: { box: t("2rem"), font: "0.625rem", icon: t("0.875rem"), statusDot: t("0.625rem"), statusOffset: t("-2px") },
|
|
26
|
+
md: { box: t("2.5rem"), font: "0.75rem", icon: t("1rem"), statusDot: t("0.625rem"), statusOffset: t("-1px") },
|
|
27
|
+
lg: { box: t("3.5rem"), font: "1rem", icon: t("1.25rem"), statusDot: t("0.75rem"), statusOffset: t("0px") },
|
|
28
|
+
xl: { box: t("5rem"), font: "1.375rem", icon: t("1.75rem"), statusDot: t("1rem"), statusOffset: t("2px") }
|
|
29
|
+
}, a = i(() => b[e.size]), g = i(() => ({
|
|
30
|
+
width: a.value.box,
|
|
31
|
+
height: a.value.box,
|
|
32
|
+
borderRadius: e.shape === "circle" ? "50%" : "20%",
|
|
33
|
+
fontSize: a.value.font,
|
|
34
|
+
background: l.value ? "transparent" : `var(--cui-${e.color}-bg)`,
|
|
35
|
+
color: l.value ? "transparent" : `var(--cui-${e.color})`
|
|
36
|
+
})), f = {
|
|
37
|
+
online: "var(--cui-success)",
|
|
38
|
+
offline: "var(--cui-text-tertiary, #999)",
|
|
39
|
+
away: "var(--cui-warning)",
|
|
40
|
+
busy: "var(--cui-error)"
|
|
41
|
+
}, h = i(() => {
|
|
42
|
+
if (!e.status) return {};
|
|
43
|
+
const r = {
|
|
44
|
+
width: a.value.statusDot,
|
|
45
|
+
height: a.value.statusDot,
|
|
46
|
+
background: f[e.status],
|
|
47
|
+
border: "2px solid var(--cui-surface-base, white)",
|
|
48
|
+
borderRadius: "50%",
|
|
49
|
+
position: "absolute",
|
|
50
|
+
bottom: a.value.statusOffset,
|
|
51
|
+
right: a.value.statusOffset
|
|
52
|
+
};
|
|
53
|
+
return e.statusAnimation === "pulse" && (r.animation = "cui-pulse 2s ease-in-out infinite"), r;
|
|
54
|
+
}), v = i(() => {
|
|
55
|
+
if (!(!e.status || e.statusAnimation !== "ping"))
|
|
56
|
+
return {
|
|
57
|
+
width: a.value.statusDot,
|
|
58
|
+
height: a.value.statusDot,
|
|
59
|
+
background: f[e.status],
|
|
60
|
+
borderRadius: "50%",
|
|
61
|
+
position: "absolute",
|
|
62
|
+
bottom: a.value.statusOffset,
|
|
63
|
+
right: a.value.statusOffset,
|
|
64
|
+
opacity: "0.75",
|
|
65
|
+
animation: "cui-avatar-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite"
|
|
66
|
+
};
|
|
67
|
+
});
|
|
68
|
+
return (r, d) => D((o(), n("div", {
|
|
69
|
+
class: "cui-avatar",
|
|
70
|
+
style: u(g.value)
|
|
71
|
+
}, [
|
|
72
|
+
l.value ? (o(), n("img", {
|
|
73
|
+
key: 0,
|
|
74
|
+
src: s.src,
|
|
75
|
+
alt: s.alt || s.name || "Avatar",
|
|
76
|
+
class: "cui-avatar__img",
|
|
77
|
+
style: u({ borderRadius: s.shape === "circle" ? "50%" : "20%" }),
|
|
78
|
+
onError: d[0] || (d[0] = (A) => c.value = !0)
|
|
79
|
+
}, null, 44, C)) : m.value ? (o(), n("span", S, k(m.value), 1)) : (o(), w(z, {
|
|
80
|
+
key: 2,
|
|
81
|
+
name: s.icon || "user",
|
|
82
|
+
size: a.value.icon
|
|
83
|
+
}, null, 8, ["name", "size"])),
|
|
84
|
+
v.value ? (o(), n("span", {
|
|
85
|
+
key: 3,
|
|
86
|
+
style: u(v.value)
|
|
87
|
+
}, null, 4)) : p("", !0),
|
|
88
|
+
s.status ? (o(), n("span", {
|
|
89
|
+
key: 4,
|
|
90
|
+
style: u(h.value)
|
|
91
|
+
}, null, 4)) : p("", !0)
|
|
92
|
+
], 4)), [
|
|
93
|
+
[O, !s.hidden]
|
|
94
|
+
]);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
export {
|
|
98
|
+
I as default
|
|
99
|
+
};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import type { HideableProps } from "../types/common";
|
|
2
|
+
export interface CuiAvatarGroupProps extends HideableProps {
|
|
2
3
|
/** Negative margin overlap between avatars */
|
|
3
4
|
spacing?: string;
|
|
4
5
|
/** Max avatars to show before "+N" overflow */
|
|
5
6
|
max?: number;
|
|
6
|
-
/** Hide the component */
|
|
7
|
-
hidden?: boolean;
|
|
8
7
|
}
|
|
9
8
|
declare var __VLS_1: {};
|
|
10
9
|
type __VLS_Slots = {} & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiAvatarGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatarGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiAvatarGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatarGroup.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA+BD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;;aAxDT,MAAM;6EA+DhB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { defineComponent as t, withDirectives as r, openBlock as n, createElementBlock as o, normalizeStyle as i, renderSlot as l, vShow as s } from "vue";
|
|
2
|
+
const u = /* @__PURE__ */ t({
|
|
3
|
+
__name: "CuiAvatarGroup",
|
|
4
|
+
props: {
|
|
5
|
+
spacing: { default: "-0.5rem" },
|
|
6
|
+
max: {},
|
|
7
|
+
hidden: { type: Boolean, default: !1 }
|
|
8
|
+
},
|
|
9
|
+
setup(e) {
|
|
10
|
+
return (a, c) => r((n(), o("div", {
|
|
11
|
+
class: "cui-avatar-group",
|
|
12
|
+
style: i({ "--_avatar-group-spacing": e.spacing })
|
|
13
|
+
}, [
|
|
14
|
+
l(a.$slots, "default")
|
|
15
|
+
], 4)), [
|
|
16
|
+
[s, !e.hidden]
|
|
17
|
+
]);
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
export {
|
|
21
|
+
u as default
|
|
22
|
+
};
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
+
import type { CuiColorOrCss, HideableProps } from "../types/common";
|
|
1
2
|
export type BackdropBlur = "none" | "sm" | "md" | "lg" | string;
|
|
2
|
-
export interface CuiBackdropProps {
|
|
3
|
+
export interface CuiBackdropProps extends HideableProps {
|
|
3
4
|
/** Backdrop opacity (0-1) */
|
|
4
5
|
opacity?: number;
|
|
5
6
|
/** Backdrop blur — named size or custom CSS value */
|
|
6
7
|
blur?: BackdropBlur;
|
|
7
|
-
/** Backdrop color (CSS color
|
|
8
|
-
color?:
|
|
8
|
+
/** Backdrop color — a color role (mapped to its token) or any CSS color (default black) */
|
|
9
|
+
color?: CuiColorOrCss;
|
|
9
10
|
/** Background image URL or data URI */
|
|
10
11
|
image?: string;
|
|
11
12
|
/** CSS gradient string */
|
|
12
13
|
gradient?: string;
|
|
13
14
|
/** External visibility control — when provided, overrides internal fade-in state */
|
|
14
15
|
visible?: boolean;
|
|
15
|
-
/** Hide the component */
|
|
16
|
-
hidden?: boolean;
|
|
17
16
|
}
|
|
18
17
|
declare const _default: import("vue").DefineComponent<CuiBackdropProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
18
|
click: (event: MouseEvent) => any;
|
|
20
19
|
}, string, import("vue").PublicProps, Readonly<CuiBackdropProps> & Readonly<{
|
|
21
20
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
22
21
|
}>, {
|
|
23
|
-
color: string;
|
|
24
22
|
hidden: boolean;
|
|
23
|
+
color: CuiColorOrCss;
|
|
25
24
|
blur: BackdropBlur;
|
|
26
25
|
opacity: number;
|
|
27
26
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiBackdrop.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBackdrop.vue"],"names":[],"mappings":"AAiHA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"CuiBackdrop.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBackdrop.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGpE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;;WAPS,aAAa;UAFd,YAAY;aAFT,MAAM;;AAoIlB,wBAQG"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { defineComponent as m, ref as k, onMounted as f, computed as c, withDirectives as v, openBlock as g, createElementBlock as y, normalizeStyle as h, normalizeClass as B, vShow as x } from "vue";
|
|
2
|
+
import { resolveColor as C } from "../utils/color.js";
|
|
3
|
+
const w = /* @__PURE__ */ m({
|
|
4
|
+
__name: "CuiBackdrop",
|
|
5
|
+
props: {
|
|
6
|
+
opacity: { default: 0.5 },
|
|
7
|
+
blur: { default: "none" },
|
|
8
|
+
color: { default: "black" },
|
|
9
|
+
image: {},
|
|
10
|
+
gradient: {},
|
|
11
|
+
visible: { type: Boolean },
|
|
12
|
+
hidden: { type: Boolean, default: !1 }
|
|
13
|
+
},
|
|
14
|
+
emits: ["click"],
|
|
15
|
+
setup(l, { emit: s }) {
|
|
16
|
+
const e = l, u = s, d = {
|
|
17
|
+
none: "none",
|
|
18
|
+
sm: "2px",
|
|
19
|
+
md: "4px",
|
|
20
|
+
lg: "8px"
|
|
21
|
+
}, r = k(!1);
|
|
22
|
+
f(() => {
|
|
23
|
+
requestAnimationFrame(() => {
|
|
24
|
+
r.value = !0;
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
const b = c(() => e.visible !== void 0 ? e.visible : r.value), p = c(() => {
|
|
28
|
+
const i = d[e.blur] ?? e.blur, n = i !== "none", o = {}, t = [];
|
|
29
|
+
e.gradient && t.push(e.gradient), e.image && t.push(`url("${e.image}") repeat`);
|
|
30
|
+
const a = C(e.color, "black");
|
|
31
|
+
return n ? (t.push(`color-mix(in srgb, ${a} ${Math.round(e.opacity * 100)}%, transparent)`), o.backdropFilter = `blur(${i})`, o.webkitBackdropFilter = `blur(${i})`) : t.push(a), o.background = t.join(", "), o;
|
|
32
|
+
});
|
|
33
|
+
return (i, n) => v((g(), y("div", {
|
|
34
|
+
class: B(["cui-backdrop", { "cui-backdrop--visible": b.value }]),
|
|
35
|
+
style: h({
|
|
36
|
+
...p.value,
|
|
37
|
+
// When no blur, use element opacity for the fade-in
|
|
38
|
+
...!l.blur || l.blur === "none" ? { "--_backdrop-opacity": String(l.opacity) } : {}
|
|
39
|
+
}),
|
|
40
|
+
"aria-hidden": "true",
|
|
41
|
+
onClick: n[0] || (n[0] = (o) => u("click", o))
|
|
42
|
+
}, null, 6)), [
|
|
43
|
+
[x, !l.hidden]
|
|
44
|
+
]);
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
export {
|
|
48
|
+
w as default
|
|
49
|
+
};
|
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ColorableProps, SizeableProps, HideableProps, CuiRounded } from "../types/common";
|
|
2
2
|
export type BadgeVariant = "solid" | "subtle" | "outline";
|
|
3
|
-
export type BadgeSize = "sm" | "md";
|
|
4
3
|
export type BadgeAnimation = "pulse" | "bounce" | "ping" | "none";
|
|
5
|
-
export interface CuiBadgeProps {
|
|
4
|
+
export interface CuiBadgeProps extends HideableProps, ColorableProps, SizeableProps {
|
|
6
5
|
/** Visual variant */
|
|
7
6
|
variant?: BadgeVariant;
|
|
8
|
-
/** Color role */
|
|
9
|
-
color?: ButtonColor;
|
|
10
|
-
/** Size */
|
|
11
|
-
size?: BadgeSize;
|
|
12
7
|
/** Render as a small dot with no text */
|
|
13
8
|
dot?: boolean;
|
|
14
9
|
/** Show remove button (tag mode) */
|
|
15
10
|
removable?: boolean;
|
|
16
11
|
/** Animation */
|
|
17
12
|
animation?: BadgeAnimation;
|
|
18
|
-
/**
|
|
19
|
-
|
|
13
|
+
/** Border radius */
|
|
14
|
+
rounded?: CuiRounded;
|
|
20
15
|
}
|
|
21
16
|
declare var __VLS_1: {};
|
|
22
17
|
type __VLS_Slots = {} & {
|
|
@@ -27,10 +22,11 @@ declare const __VLS_component: import("vue").DefineComponent<CuiBadgeProps, {},
|
|
|
27
22
|
}, string, import("vue").PublicProps, Readonly<CuiBadgeProps> & Readonly<{
|
|
28
23
|
onRemove?: (() => any) | undefined;
|
|
29
24
|
}>, {
|
|
30
|
-
size: BadgeSize;
|
|
31
|
-
color: ButtonColor;
|
|
32
25
|
hidden: boolean;
|
|
26
|
+
size: import("..").CuiSize;
|
|
27
|
+
color: import("..").CuiColor;
|
|
33
28
|
variant: BadgeVariant;
|
|
29
|
+
rounded: CuiRounded;
|
|
34
30
|
dot: boolean;
|
|
35
31
|
removable: boolean;
|
|
36
32
|
animation: BadgeAnimation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiBadge.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBadge.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiBadge.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBadge.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKhG,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAIlE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACjF,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,yCAAyC;IACzC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAoKD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;;aAzMT,YAAY;aAQZ,UAAU;SANd,OAAO;eAED,OAAO;eAEP,cAAc;6EA2M1B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|