From aa338ee1df72ae945938826c15c19f771b8e499d Mon Sep 17 00:00:00 2001 From: Malikin Sergey Date: Mon, 12 Sep 2022 23:11:52 +0300 Subject: [PATCH 001/325] Typo fix --- packages/docs/components/modal.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md index d8524249..4cbfa1fa 100644 --- a/packages/docs/components/modal.md +++ b/packages/docs/components/modal.md @@ -802,12 +802,12 @@ Modals have three optional sizes, available via modifier classes to be placed on ## Fullscreen Modal -Another override is the option to pop up a modal that covers the user viewport, available via property `fullscrean`. +Another override is the option to pop up a modal that covers the user viewport, available via property `fullscreen`. - + @@ -1090,4 +1090,4 @@ $modal-scale-transform: scale(1.02); !!!include(./api/modal/CModalHeader.api.md)!!! -!!!include(./api/modal/CModalTitle.api.md)!!! \ No newline at end of file +!!!include(./api/modal/CModalTitle.api.md)!!! From 7eeeb5ec68102e8c3bc996997b44c9ac9b83c0de Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sun, 18 Sep 2022 17:56:53 +0200 Subject: [PATCH 002/325] fix(CSidebar): the background doesn't disappear on mobile devices --- packages/coreui-vue/src/components/sidebar/CSidebar.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts index 97f6d04c..7b86ee68 100644 --- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts +++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts @@ -121,6 +121,7 @@ const CSidebar = defineComponent({ const handleHide = () => { visible.value = false + emit('visible-change', false) } const handleResize = () => { @@ -173,9 +174,7 @@ const CSidebar = defineComponent({ h(CBackdrop, { class: 'sidebar-backdrop d-none', visible: props.visible, - onClick: () => { - visible.value = false - }, + onClick: () => handleHide(), }), ] }, From 1f5543e889242da12bc5a6296a5200290454c5ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sun, 18 Sep 2022 18:28:08 +0200 Subject: [PATCH 003/325] refactor(CModal): prevent body scroll when the modal is visible --- packages/coreui-vue/src/components/modal/CModal.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts index c17b2e36..a03cff21 100644 --- a/packages/coreui-vue/src/components/modal/CModal.ts +++ b/packages/coreui-vue/src/components/modal/CModal.ts @@ -145,6 +145,8 @@ const CModal = defineComponent({ const handleEnter = (el: RendererElement, done: () => void) => { executeAfterTransition(() => done(), el as HTMLElement) document.body.classList.add('modal-open') + document.body.style.overflow = 'hidden' + document.body.style.paddingRight = '0px' el.style.display = 'block' setTimeout(() => { el.classList.add('show') @@ -160,6 +162,8 @@ const CModal = defineComponent({ const handleLeave = (el: RendererElement, done: () => void) => { executeAfterTransition(() => done(), el as HTMLElement) document.body.classList.remove('modal-open') + document.body.style.removeProperty('overflow') + document.body.style.removeProperty('padding-right') if (document.body.className === '') { document.body.removeAttribute('class') } From cbeabe1eb5dabf2e76b6d8098deef3e4e5ff0650 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sun, 18 Sep 2022 18:40:39 +0200 Subject: [PATCH 004/325] feat(CDropdown): add centered dropdown and centered dropup --- .../src/components/dropdown/CDropdown.ts | 21 ++++++- packages/docs/api/dropdown/CDropdown.api.md | 2 +- packages/docs/components/dropdown.md | 62 +++++++++++++++++++ 3 files changed, 81 insertions(+), 4 deletions(-) diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts index 97b78fd3..6a9ec4c9 100644 --- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts +++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts @@ -64,14 +64,14 @@ const CDropdown = defineComponent({ /** * Sets a specified direction and location of the dropdown menu. * - * @values 'dropup', 'dropend', 'dropstart' + * @values 'center', 'dropup', 'dropup-center', 'dropend', 'dropstart' */ direction: { type: String, default: undefined, required: false, validator: (value: string) => { - return ['dropup', 'dropend', 'dropstart'].includes(value) + return ['center', 'dropup', 'dropup-center', 'dropend', 'dropstart'].includes(value) }, }, /** @@ -164,15 +164,26 @@ const CDropdown = defineComponent({ provide('dropdownToggleRef', dropdownToggleRef) provide('dropdownMenuRef', dropdownMenuRef) + if (props.direction === 'center') { + placement.value = 'bottom' + } + if (props.direction === 'dropup') { placement.value = 'top-start' } + + if (props.direction === 'dropup-center') { + placement.value = 'top' + } + if (props.direction === 'dropend') { placement.value = 'right-start' } + if (props.direction === 'dropstart') { placement.value = 'left-start' } + if (props.alignment === 'end') { placement.value = 'bottom-end' } @@ -240,7 +251,11 @@ const CDropdown = defineComponent({ { class: [ props.variant === 'nav-item' ? 'nav-item dropdown' : props.variant, - props.direction, + props.direction === 'center' + ? 'dropdown-center' + : props.direction === 'dropup-center' + ? 'dropup dropup-center' + : props.direction, ], }, slots.default && slots.default(), diff --git a/packages/docs/api/dropdown/CDropdown.api.md b/packages/docs/api/dropdown/CDropdown.api.md index aba5202e..35deb462 100644 --- a/packages/docs/api/dropdown/CDropdown.api.md +++ b/packages/docs/api/dropdown/CDropdown.api.md @@ -13,7 +13,7 @@ import CDropdown from '@coreui/vue/src/components/dropdown/CDropdown' | **alignment** | Set aligment of dropdown menu. | string\|object | `{ 'start' \| 'end' \| { xs: 'start' \| 'end' } \| { sm: 'start' \| 'end' } \| { md: 'start' \| 'end' } \| { lg: 'start' \| 'end' } \| { xl: 'start' \| 'end'} \| { xxl: 'start' \| 'end'} }` | - | | **auto-close** | Configure the auto close behavior of the dropdown:
- `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
- `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
- `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
- `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu. | boolean\|string | - | true | | **dark** | Sets a darker color scheme to match a dark navbar. | boolean | - | | -| **direction** | Sets a specified direction and location of the dropdown menu. | string | `'dropup'`, `'dropend'`, `'dropstart'` | - | +| **direction** | Sets a specified direction and location of the dropdown menu. | string | `'center'`, `'dropup'`, `'dropup-center'`, `'dropend'`, `'dropstart'` | - | | **disabled** | Toggle the disabled state for the component. | boolean | - | | | **placement** | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | Placement | `'auto'`, `'top-end'`, `'top'`, `'top-start'`, `'bottom-end'`, `'bottom'`, `'bottom-start'`, `'right-start'`, `'right'`, `'right-end'`, `'left-start'`, `'left'`, `'left-end'` | 'bottom-start' | | **popper** | If you want to disable dynamic positioning set this property to `true`. | boolean | - | true | diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md index 18b9dffe..2c7be824 100644 --- a/packages/docs/components/dropdown.md +++ b/packages/docs/components/dropdown.md @@ -299,6 +299,39 @@ And putting it to use in a navbar:

+### Centered + +Make the dropdown menu centered below the toggle by adding `direction="center"` to the `` component. + +::: demo + + Centered dropdown + + Action + Another action + Something else here + + Separated link + + +::: +```vue + + Centered dropdown + + Action + Another action + Something else here + + Separated link + + +``` + +### Dropup + +Trigger dropdown menus above elements by adding `direction="dropup"` to the `` component. + ::: demo Dropup @@ -346,6 +379,35 @@ And putting it to use in a navbar: ``` +### Dropup centered + +Make the dropup menu centered above the toggle by adding `direction="dropup-center"` to the `` component. + +::: demo + + Centered dropup + + Action + Another action + Something else here + + Separated link + + +::: +```vue + + Centered dropup + + Action + Another action + Something else here + + Separated link + + +``` + ### Dropright Trigger dropdown menus at the right of the elements by adding `direction="dropend"` to the `` component. From 25c890211507f14d4e550833dde5ef38232e3a9f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sun, 18 Sep 2022 20:17:03 +0200 Subject: [PATCH 005/325] feat(CTable): add striped columns --- .../coreui-vue/src/components/table/CTable.ts | 10 +++++ packages/docs/api/form/CFormInput.api.md | 36 ++++++++-------- packages/docs/api/table/CTable.api.md | 25 +++++------ packages/docs/components/table.md | 42 ++++++++++++++++++- 4 files changed, 81 insertions(+), 32 deletions(-) diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts index 6f41d275..0d517aec 100644 --- a/packages/coreui-vue/src/components/table/CTable.ts +++ b/packages/coreui-vue/src/components/table/CTable.ts @@ -97,6 +97,15 @@ const CTable = defineComponent({ type: Boolean, required: false, }, + /** + * Add zebra-striping to any table column. + * + * @since 4.4.0 + */ + stripedColumns: { + type: Boolean, + required: false, + }, }, setup(props, { slots, attrs }) { const table = () => @@ -115,6 +124,7 @@ const CTable = defineComponent({ 'table-hover': props.hover, 'table-sm': props.small, 'table-striped': props.striped, + 'table-striped-columns': props.stripedColumns, }, attrs.class, ], diff --git a/packages/docs/api/form/CFormInput.api.md b/packages/docs/api/form/CFormInput.api.md index ce652ed1..b695b8ca 100644 --- a/packages/docs/api/form/CFormInput.api.md +++ b/packages/docs/api/form/CFormInput.api.md @@ -8,24 +8,24 @@ import CFormInput from '@coreui/vue/src/components/form/CFormInput' #### Props -| Prop name | Description | Type | Values | Default | -| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------------------------------------- | ------- | -| **disabled** | Toggle the disabled state for the component. | boolean | - | | -| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | -| **invalid** | Set component validation state to invalid. | boolean | - | | -| **label**
4.3.0+
| Add a caption for a component.false | string | - | | -| **model-value** | The default name for a value passed using v-model. | string | - | - | -| **plain-text** | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | - | | -| **readonly** | Toggle the readonly state for the component. | boolean | - | | -| **size** | Size the component small or large. | string | `'sm' \| 'lg'` | | -| **text**
4.3.0+
| Add helper text to the component.false | string | - | | -| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | -| **type** | Specifies the type of component. | string | `'color' \| 'file' \| 'text' \| string` | 'text' | -| **valid** | Set component validation state to valid. | boolean | - | | +| Prop name | Description | Type | Values | Default | +| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------- | ------- | +| **disabled** | Toggle the disabled state for the component. | boolean | - | | +| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | +| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | +| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | +| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | +| **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | +| **invalid** | Set component validation state to invalid. | boolean | - | | +| **label**
4.3.0+
| Add a caption for a component.false | string | - | | +| **model-value** | The default name for a value passed using v-model. | File\|number\|string | - | - | +| **plain-text** | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | - | | +| **readonly** | Toggle the readonly state for the component. | boolean | - | | +| **size** | Size the component small or large. | string | `'sm' \| 'lg'` | | +| **text**
4.3.0+
| Add helper text to the component.false | string | - | | +| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | +| **type** | Specifies the type of component. | string | `'color' \| 'file' \| 'text' \| string` | 'text' | +| **valid** | Set component validation state to valid. | boolean | - | | #### Events diff --git a/packages/docs/api/table/CTable.api.md b/packages/docs/api/table/CTable.api.md index 6fd6e4c1..111c2b52 100644 --- a/packages/docs/api/table/CTable.api.md +++ b/packages/docs/api/table/CTable.api.md @@ -8,15 +8,16 @@ import CTable from '@coreui/vue/src/components/table/CTable' #### Props -| Prop name | Description | Type | Values | Default | -| ---------------- | ------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------- | -| **align** | Set the vertical aligment. | string | `'bottom'`, `'middle'`, `'top'` | - | -| **border-color** | Sets the border color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | -| **bordered** | Add borders on all sides of the table and cells. | boolean | - | | -| **borderless** | Remove borders on all sides of the table and cells. | boolean | - | | -| **caption** | Put the `Default slot"`; +exports[`Customize CTableBody component renders correctly 1`] = `"Default slot"`; -exports[`Loads and display CTableBody component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CTableBody component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap index 06451f4e..75f33858 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CTableDataCell component renders correctly 1`] = `""`; +exports[`Customize CTableDataCell component renders correctly 1`] = `""`; -exports[`Loads and display CTableDataCell component renders correctly 1`] = `""`; +exports[`Loads and display CTableDataCell component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap index 1d441f68..4d50b597 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableFoot.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CTableFoot component renders correctly 1`] = `"Default slot"`; +exports[`Customize CTableFoot component renders correctly 1`] = `"Default slot"`; -exports[`Loads and display CTableFoot component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CTableFoot component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap index 340dff97..e2a9c114 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHead.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CTableHead component renders correctly 1`] = `"Default slot"`; +exports[`Customize CTableHead component renders correctly 1`] = `"Default slot"`; -exports[`Loads and display CTableHead component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CTableHead component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap index 814d9ad4..b5523d84 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CTableHeaderCell component renders correctly 1`] = `""`; +exports[`Customize CTableHeaderCell component renders correctly 1`] = `""`; -exports[`Loads and display CTableHeaderCell component renders correctly 1`] = `""`; +exports[`Loads and display CTableHeaderCell component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap index 3e798a33..11c6d246 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableRow.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CTableRow component renders correctly 1`] = `"Default slot"`; +exports[`Customize CTableRow component renders correctly 1`] = `"Default slot"`; -exports[`Loads and display CTableRow component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CTableRow component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap b/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap index dddea15c..a6fe655d 100644 --- a/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap +++ b/packages/coreui-vue/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CTabContent component renders correctly 1`] = `"
Default slot
"`; +exports[`Loads and display CTabContent component renders correctly 1`] = `"
Default slot
"`; diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap index 19fd8765..0636c970 100644 --- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap +++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastBody.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CToastBody component renders correctly 1`] = `"
Default slot
"`; +exports[`Loads and display CToastBody component renders correctly 1`] = `"
Default slot
"`; diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap index 7bfc900e..6944431f 100644 --- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap +++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CToastClose component renders correctly 1`] = `""`; +exports[`Customize CToastClose component renders correctly 1`] = `""`; -exports[`Loads and display CToastClose component renders correctly 1`] = `""`; +exports[`Loads and display CToastClose component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap index 0a22bada..6682d823 100644 --- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap +++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToastHeader.spec.ts.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CToastHeader component renders correctly 1`] = `"
Default slot
"`; +exports[`Customize CToastHeader component renders correctly 1`] = `"
Default slot
"`; exports[`Loads and display CToastHeader component renders correctly 1`] = ` -"
Default slot +"
Default slot
" `; diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap index cf4120d0..8f23150f 100644 --- a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap +++ b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CToaster component renders correctly 1`] = `"
Default slot
"`; +exports[`Customize CToaster component renders correctly 1`] = `"
Default slot
"`; -exports[`Loads and display CToaster component renders correctly 1`] = `"
Default slot
"`; +exports[`Loads and display CToaster component renders correctly 1`] = `"
Default slot
"`; diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap index febb42ea..c8e5f776 100644 --- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap +++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap @@ -1,10 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loads and display CWidgetStatsA component renders correctly 1`] = ` -"
-
+"
+
-
75
+
75
title
action
chartDefault slot diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap index 92099d9f..33f7850e 100644 --- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap +++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap @@ -1,13 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loads and display CWidgetStatsB component renders correctly 1`] = ` -"
-
-
75
+"
+
+
75
title
-
-
-
text +
+
+
text
" `; diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap index f1b38db8..8793d1ec 100644 --- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap +++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap @@ -1,13 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loads and display CWidgetStatsC component renders correctly 1`] = ` -"
-
-
icon
-
75
-
title
-
-
+"
+
+
icon
+
75
+
title
+
+
" diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap index cf88699f..77bab6a7 100644 --- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap +++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap @@ -1,18 +1,18 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loads and display CWidgetStatsD component renders correctly 1`] = ` -"
-
iconchart
-
+"
+
iconchart
+
-
-
bb
-
aa
+
+
bb
+
aa
-
-
-
dd
-
cc
+
+
+
dd
+
cc
" diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap index 75efdd7e..c1c85e62 100644 --- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap +++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.ts.snap @@ -1,10 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loads and display CWidgetStatsE component renders correctly 1`] = ` -"
-
-
title
-
value
chartdefault +"
+
+
title
+
value
chartdefault
" `; diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap index 34bbce53..81b9aa42 100644 --- a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap +++ b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap @@ -1,14 +1,14 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loads and display CWidgetStatsF component renders correctly 1`] = ` -"
-
-
default
+"
+
+
default
-
75
-
title
+
75
+
title
-
footer
+
footer
" `; From e07b767307744624d83da88a94305a2172d2cdaf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sat, 25 Mar 2023 17:08:39 +0100 Subject: [PATCH 051/325] refactor: clean-up, improvements, and shorthands in props definition --- packages/coreui-vue-chartjs/src/CChart.ts | 11 ---- .../src/components/accordion/CAccordion.ts | 6 +-- .../components/accordion/CAccordionItem.ts | 7 +-- .../coreui-vue/src/components/alert/CAlert.ts | 9 +--- .../src/components/alert/CAlertHeading.ts | 1 - .../src/components/avatar/CAvatar.ts | 10 +--- .../src/components/backdrop/CBackdrop.ts | 3 +- .../coreui-vue/src/components/badge/CBadge.ts | 5 -- .../components/breadcrumb/CBreadcrumbItem.ts | 11 +--- .../components/button-group/CButtonGroup.ts | 7 +-- .../src/components/button/CButton.ts | 23 ++------ .../src/components/card/CCardHeader.ts | 1 - .../src/components/card/CCardImage.ts | 3 -- .../src/components/card/CCardLink.ts | 1 - .../src/components/card/CCardSubtitle.ts | 1 - .../src/components/card/CCardText.ts | 1 - .../src/components/card/CCardTitle.ts | 1 - .../src/components/carousel/CCarousel.ts | 7 +-- .../src/components/carousel/CCarouselItem.ts | 2 - .../components/close-button/CCloseButton.ts | 10 +--- .../src/components/collapse/CCollapse.ts | 12 ++--- .../src/components/dropdown/CDropdown.ts | 23 ++------ .../components/dropdown/CDropdownHeader.ts | 1 - .../src/components/dropdown/CDropdownItem.ts | 17 ++---- .../src/components/dropdown/CDropdownMenu.ts | 1 - .../components/dropdown/CDropdownToggle.ts | 25 ++------- .../src/components/footer/CFooter.ts | 2 - .../coreui-vue/src/components/form/CForm.ts | 5 +- .../src/components/form/CFormCheck.ts | 32 +++-------- .../components/form/CFormControlValidation.ts | 16 ++---- .../components/form/CFormControlWrapper.ts | 16 ++---- .../src/components/form/CFormFeedback.ts | 1 - .../src/components/form/CFormInput.ts | 48 ++++------------- .../src/components/form/CFormLabel.ts | 6 +-- .../src/components/form/CFormRange.ts | 38 +++---------- .../src/components/form/CFormSelect.ts | 49 ++++------------- .../src/components/form/CFormSwitch.ts | 21 ++------ .../src/components/form/CFormText.ts | 1 - .../src/components/form/CFormTextarea.ts | 45 ++++------------ .../src/components/form/CInputGroup.ts | 2 - .../src/components/form/CInputGroupText.ts | 1 - .../coreui-vue/src/components/grid/CCol.ts | 12 ----- .../src/components/grid/CContainer.ts | 30 +++-------- .../coreui-vue/src/components/grid/CRow.ts | 46 ++++------------ .../src/components/header/CHeader.ts | 4 -- .../src/components/header/CHeaderBrand.ts | 1 - .../src/components/header/CHeaderNav.ts | 1 - .../coreui-vue/src/components/image/CImage.ts | 17 ++---- .../coreui-vue/src/components/link/CLink.ts | 17 ++---- .../src/components/list-group/CListGroup.ts | 8 +-- .../components/list-group/CListGroupItem.ts | 11 +--- .../coreui-vue/src/components/modal/CModal.ts | 13 ++--- .../src/components/modal/CModalHeader.ts | 1 - .../src/components/modal/CModalTitle.ts | 1 - .../coreui-vue/src/components/nav/CNav.ts | 5 -- .../coreui-vue/src/components/nav/CNavLink.ts | 17 ++---- .../src/components/navbar/CNavbar.ts | 9 ---- .../src/components/navbar/CNavbarBrand.ts | 7 +-- .../src/components/navbar/CNavbarNav.ts | 1 - .../src/components/offcanvas/COffcanvas.ts | 19 ++++--- .../components/offcanvas/COffcanvasTitle.ts | 1 - .../src/components/pagination/CPagination.ts | 4 -- .../components/pagination/CPaginationItem.ts | 22 ++------ .../components/placeholder/CPlaceholder.ts | 41 +++----------- .../src/components/popover/CPopover.ts | 17 ++---- .../src/components/progress/CProgress.ts | 6 +-- .../src/components/progress/CProgressBar.ts | 8 +-- .../src/components/sidebar/CSidebar.ts | 14 ++--- .../src/components/spinner/CSpinner.ts | 7 --- .../coreui-vue/src/components/table/CTable.ts | 53 +++---------------- .../src/components/table/CTableDataCell.ts | 12 +---- .../src/components/table/CTableRow.ts | 7 +-- .../src/components/tabs/CTabPane.ts | 3 +- .../coreui-vue/src/components/toast/CToast.ts | 18 ++----- .../src/components/toast/CToastClose.ts | 6 +-- .../src/components/toast/CToastHeader.ts | 5 +- .../src/components/toast/CToaster.ts | 2 - .../src/components/tooltip/CTooltip.ts | 11 +--- .../src/components/widgets/CWidgetStatsA.ts | 15 ++---- .../src/components/widgets/CWidgetStatsB.ts | 21 ++------ .../src/components/widgets/CWidgetStatsC.ts | 15 ++---- .../src/components/widgets/CWidgetStatsD.ts | 3 +- .../src/components/widgets/CWidgetStatsE.ts | 9 +--- .../src/components/widgets/CWidgetStatsF.ts | 15 ++---- packages/docs/api/CChart.api.md | 4 +- packages/docs/api/accordion/CAccordion.api.md | 4 +- packages/docs/api/alert/CAlert.api.md | 4 +- packages/docs/api/avatar/CAvatar.api.md | 6 +-- packages/docs/api/badge/CBadge.api.md | 6 +-- .../api/breadcrumb/CBreadcrumbItem.api.md | 2 +- .../docs/api/button-group/CButtonGroup.api.md | 2 +- packages/docs/api/button/CButton.api.md | 8 +-- packages/docs/api/callout/CCallout.api.md | 2 +- packages/docs/api/card/CCard.api.md | 4 +- packages/docs/api/carousel/CCarousel.api.md | 6 +-- .../docs/api/close-button/CCloseButton.api.md | 4 +- packages/docs/api/collapse/CCollapse.api.md | 4 +- packages/docs/api/dropdown/CDropdown.api.md | 6 +-- .../docs/api/dropdown/CDropdownItem.api.md | 4 +- .../docs/api/dropdown/CDropdownToggle.api.md | 10 ++-- packages/docs/api/form/CForm.api.md | 2 +- packages/docs/api/form/CFormCheck.api.md | 27 +++++----- .../api/form/CFormControlValidation.api.md | 12 ++--- .../docs/api/form/CFormControlWrapper.api.md | 6 +-- packages/docs/api/form/CFormFeedback.api.md | 6 +-- packages/docs/api/form/CFormInput.api.md | 28 +++++----- packages/docs/api/form/CFormRange.api.md | 6 +-- packages/docs/api/form/CFormSelect.api.md | 20 +++---- packages/docs/api/form/CFormSwitch.api.md | 13 ++--- packages/docs/api/form/CFormTextarea.api.md | 26 ++++----- packages/docs/api/grid/CContainer.api.md | 12 ++--- packages/docs/api/grid/CRow.api.md | 1 + packages/docs/api/image/CImage.api.md | 6 +-- packages/docs/api/link/CLink.api.md | 4 +- .../docs/api/list-group/CListGroup.api.md | 10 ++-- .../docs/api/list-group/CListGroupItem.api.md | 6 +-- packages/docs/api/modal/CModal.api.md | 4 +- packages/docs/api/nav/CNavGroup.api.md | 4 +- packages/docs/api/nav/CNavLink.api.md | 4 +- packages/docs/api/navbar/CNavbar.api.md | 2 +- packages/docs/api/offcanvas/COffcanvas.api.md | 2 +- .../api/pagination/CPaginationItem.api.md | 4 +- .../docs/api/placeholder/CPlaceholder.api.md | 2 +- packages/docs/api/popover/CPopover.api.md | 2 +- packages/docs/api/progress/CProgress.api.md | 4 +- .../docs/api/progress/CProgressBar.api.md | 4 +- packages/docs/api/sidebar/CSidebar.api.md | 8 +-- packages/docs/api/table/CTable.api.md | 22 ++++---- packages/docs/api/table/CTableBody.api.md | 2 +- packages/docs/api/table/CTableDataCell.api.md | 4 +- packages/docs/api/table/CTableFoot.api.md | 2 +- packages/docs/api/table/CTableHead.api.md | 2 +- .../docs/api/table/CTableHeaderCell.api.md | 2 +- packages/docs/api/table/CTableRow.api.md | 4 +- packages/docs/api/toast/CToast.api.md | 2 +- packages/docs/api/toast/CToastHeader.api.md | 2 +- packages/docs/api/tooltip/CTooltip.api.md | 2 +- .../docs/api/widgets/CWidgetStatsB.api.md | 2 +- .../docs/api/widgets/CWidgetStatsC.api.md | 2 +- .../docs/api/widgets/CWidgetStatsD.api.md | 2 +- .../docs/api/widgets/CWidgetStatsF.api.md | 2 +- 141 files changed, 365 insertions(+), 1005 deletions(-) diff --git a/packages/coreui-vue-chartjs/src/CChart.ts b/packages/coreui-vue-chartjs/src/CChart.ts index 225a19fe..387b2d42 100644 --- a/packages/coreui-vue-chartjs/src/CChart.ts +++ b/packages/coreui-vue-chartjs/src/CChart.ts @@ -29,7 +29,6 @@ const CChart = defineComponent({ customTooltips: { type: Boolean, default: true, - required: false, }, /** * The data object that is passed into the Chart.js chart (more info). @@ -46,15 +45,12 @@ const CChart = defineComponent({ height: { type: Number, default: 150, - required: false, }, /** * ID attribute applied to the rendered canvas. */ id: { type: String, - default: undefined, - required: false, }, /** * The options object that is passed into the Chart.js chart. @@ -63,8 +59,6 @@ const CChart = defineComponent({ */ options: { type: Object as PropType, - default: undefined, - required: false, }, /** * The plugins array that is passed into the Chart.js chart (more info) @@ -73,8 +67,6 @@ const CChart = defineComponent({ */ plugins: { type: Array as PropType, - default: undefined, - required: false, }, /** * If true, will tear down and redraw chart on all updates. @@ -88,7 +80,6 @@ const CChart = defineComponent({ type: { type: String as PropType, default: 'bar', - required: false, }, /** * Width attribute applied to the rendered canvas. @@ -98,7 +89,6 @@ const CChart = defineComponent({ width: { type: Number, default: 300, - required: false, }, /** * Put the chart into the wrapper div element. @@ -108,7 +98,6 @@ const CChart = defineComponent({ wrapper: { type: Boolean, default: true, - required: false, }, }, emits: [ diff --git a/packages/coreui-vue/src/components/accordion/CAccordion.ts b/packages/coreui-vue/src/components/accordion/CAccordion.ts index 2864a782..1422d40b 100644 --- a/packages/coreui-vue/src/components/accordion/CAccordion.ts +++ b/packages/coreui-vue/src/components/accordion/CAccordion.ts @@ -6,11 +6,7 @@ const CAccordion = defineComponent({ /** * The active item key. */ - activeItemKey: { - type: [Number, String], - default: undefined, - require: false, - }, + activeItemKey: [Number, String], /** * Make accordion items stay open when another item is opened */ diff --git a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts index 4aa020ac..1e749e71 100644 --- a/packages/coreui-vue/src/components/accordion/CAccordionItem.ts +++ b/packages/coreui-vue/src/components/accordion/CAccordionItem.ts @@ -6,16 +6,11 @@ const CAccordionItem = defineComponent({ /** * The item key. */ - itemKey: { - type: [Number, String], - default: undefined, - require: false, - }, + itemKey: [Number, String] }, setup(props, { slots }) { const activeItemKey = inject('activeItemKey') as Ref const alwaysOpen = inject('alwaysOpen') as boolean - // eslint-disable-next-line no-unused-vars const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void const itemKey = ref(props.itemKey ? props.itemKey : Math.random().toString(36).substr(2, 9)) diff --git a/packages/coreui-vue/src/components/alert/CAlert.ts b/packages/coreui-vue/src/components/alert/CAlert.ts index 36398262..cfc61ab9 100644 --- a/packages/coreui-vue/src/components/alert/CAlert.ts +++ b/packages/coreui-vue/src/components/alert/CAlert.ts @@ -15,11 +15,7 @@ export const CAlert = defineComponent({ /** * Optionally add a close button to alert and allow it to self dismisss. */ - dismissible: { - type: Boolean, - default: false, - required: false, - }, + dismissible: Boolean, /** * Set the alert variant to a solid. * @@ -27,8 +23,6 @@ export const CAlert = defineComponent({ */ variant: { type: String, - default: undefined, - required: false, validator: (value: string) => { return value === 'solid' }, @@ -39,7 +33,6 @@ export const CAlert = defineComponent({ visible: { type: Boolean, default: true, - required: false, }, }, emits: [ diff --git a/packages/coreui-vue/src/components/alert/CAlertHeading.ts b/packages/coreui-vue/src/components/alert/CAlertHeading.ts index dbae5e6e..fbf38c69 100644 --- a/packages/coreui-vue/src/components/alert/CAlertHeading.ts +++ b/packages/coreui-vue/src/components/alert/CAlertHeading.ts @@ -9,7 +9,6 @@ export const CAlertHeading = defineComponent({ component: { type: String, default: 'h4', - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/avatar/CAvatar.ts b/packages/coreui-vue/src/components/avatar/CAvatar.ts index c424f40d..c3a5eb86 100644 --- a/packages/coreui-vue/src/components/avatar/CAvatar.ts +++ b/packages/coreui-vue/src/components/avatar/CAvatar.ts @@ -23,8 +23,6 @@ const CAvatar = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['sm', 'md', 'lg', 'xl'].includes(value) }, @@ -32,11 +30,7 @@ const CAvatar = defineComponent({ /** * The src attribute for the img element. */ - src: { - type: String, - default: undefined, - required: false, - }, + src: String, /** * Sets the color context of the status indicator to one of CoreUI’s themed colors. * @@ -44,8 +38,6 @@ const CAvatar = defineComponent({ */ status: { type: String, - default: undefined, - required: false, validator: (value: string) => { return [ 'primary', diff --git a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts index 36cc4e11..8e6ce219 100644 --- a/packages/coreui-vue/src/components/backdrop/CBackdrop.ts +++ b/packages/coreui-vue/src/components/backdrop/CBackdrop.ts @@ -1,6 +1,6 @@ import { defineComponent, h, RendererElement, Transition } from 'vue' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const CBackdrop = defineComponent({ name: 'CBackdrop', @@ -11,7 +11,6 @@ const CBackdrop = defineComponent({ visible: { type: Boolean, default: false, - required: false, }, }, setup(props) { diff --git a/packages/coreui-vue/src/components/badge/CBadge.ts b/packages/coreui-vue/src/components/badge/CBadge.ts index d6194e53..d619c120 100644 --- a/packages/coreui-vue/src/components/badge/CBadge.ts +++ b/packages/coreui-vue/src/components/badge/CBadge.ts @@ -16,7 +16,6 @@ const CBadge = defineComponent({ */ component: { type: String, - required: false, default: 'span', }, /** @@ -26,8 +25,6 @@ const CBadge = defineComponent({ */ position: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['top-start', 'top-end', 'bottom-end', 'bottom-start'].includes(value) }, @@ -45,8 +42,6 @@ const CBadge = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return value === 'sm' }, diff --git a/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts b/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts index 3debd8bc..4b5fa4a6 100644 --- a/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts +++ b/packages/coreui-vue/src/components/breadcrumb/CBreadcrumbItem.ts @@ -6,18 +6,11 @@ const CBreadcrumbItem = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * The `href` attribute for the inner link component. */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/button-group/CButtonGroup.ts b/packages/coreui-vue/src/components/button-group/CButtonGroup.ts index 59650248..58add3d8 100644 --- a/packages/coreui-vue/src/components/button-group/CButtonGroup.ts +++ b/packages/coreui-vue/src/components/button-group/CButtonGroup.ts @@ -10,8 +10,6 @@ const CButtonGroup = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['sm', 'lg'].includes(value) }, @@ -19,10 +17,7 @@ const CButtonGroup = defineComponent({ /** * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. */ - vertical: { - type: Boolean, - required: false, - }, + vertical: Boolean, }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts index 7d9f95f8..11b9d7f3 100644 --- a/packages/coreui-vue/src/components/button/CButton.ts +++ b/packages/coreui-vue/src/components/button/CButton.ts @@ -7,11 +7,7 @@ export const CButton = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - default: false, - required: false, - }, + active: Boolean, /** * Sets the color context of the component to one of CoreUI’s themed colors. * @@ -24,23 +20,15 @@ export const CButton = defineComponent({ component: { type: String, default: 'button', - required: false, }, /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * The href attribute specifies the URL of the page the link goes to. */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, /** * Select the shape of the component. * @@ -54,8 +42,6 @@ export const CButton = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['sm', 'lg'].includes(value) }, @@ -69,7 +55,6 @@ export const CButton = defineComponent({ type: { type: String, default: 'button', - required: false, validator: (value: string) => { return ['button', 'submit', 'reset'].includes(value) }, @@ -81,8 +66,6 @@ export const CButton = defineComponent({ */ variant: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['ghost', 'outline'].includes(value) }, diff --git a/packages/coreui-vue/src/components/card/CCardHeader.ts b/packages/coreui-vue/src/components/card/CCardHeader.ts index a44c4f72..722ba187 100644 --- a/packages/coreui-vue/src/components/card/CCardHeader.ts +++ b/packages/coreui-vue/src/components/card/CCardHeader.ts @@ -8,7 +8,6 @@ const CCardHeader = defineComponent({ */ component: { type: String, - required: false, default: 'div', }, }, diff --git a/packages/coreui-vue/src/components/card/CCardImage.ts b/packages/coreui-vue/src/components/card/CCardImage.ts index d09d5e81..ee8695b9 100644 --- a/packages/coreui-vue/src/components/card/CCardImage.ts +++ b/packages/coreui-vue/src/components/card/CCardImage.ts @@ -8,7 +8,6 @@ const CCardImage = defineComponent({ */ component: { type: String, - required: false, default: 'img', }, /** @@ -18,8 +17,6 @@ const CCardImage = defineComponent({ */ orientation: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['top', 'bottom'].includes(value) }, diff --git a/packages/coreui-vue/src/components/card/CCardLink.ts b/packages/coreui-vue/src/components/card/CCardLink.ts index d42a94ea..b80d1865 100644 --- a/packages/coreui-vue/src/components/card/CCardLink.ts +++ b/packages/coreui-vue/src/components/card/CCardLink.ts @@ -10,7 +10,6 @@ const CCardLink = defineComponent({ href: { type: String, default: '#', - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/card/CCardSubtitle.ts b/packages/coreui-vue/src/components/card/CCardSubtitle.ts index 8f13c9d9..5a950776 100644 --- a/packages/coreui-vue/src/components/card/CCardSubtitle.ts +++ b/packages/coreui-vue/src/components/card/CCardSubtitle.ts @@ -8,7 +8,6 @@ const CCardSubtitle = defineComponent({ */ component: { type: String, - required: false, default: 'h6', }, }, diff --git a/packages/coreui-vue/src/components/card/CCardText.ts b/packages/coreui-vue/src/components/card/CCardText.ts index 290b0bb5..759ff7e8 100644 --- a/packages/coreui-vue/src/components/card/CCardText.ts +++ b/packages/coreui-vue/src/components/card/CCardText.ts @@ -8,7 +8,6 @@ const CCardText = defineComponent({ */ component: { type: String, - required: false, default: 'p', }, }, diff --git a/packages/coreui-vue/src/components/card/CCardTitle.ts b/packages/coreui-vue/src/components/card/CCardTitle.ts index 2e53873d..bc540e15 100644 --- a/packages/coreui-vue/src/components/card/CCardTitle.ts +++ b/packages/coreui-vue/src/components/card/CCardTitle.ts @@ -8,7 +8,6 @@ const CCardTitle = defineComponent({ */ component: { type: String, - required: false, default: 'h5', }, }, diff --git a/packages/coreui-vue/src/components/carousel/CCarousel.ts b/packages/coreui-vue/src/components/carousel/CCarousel.ts index 0bfb3988..10439586 100644 --- a/packages/coreui-vue/src/components/carousel/CCarousel.ts +++ b/packages/coreui-vue/src/components/carousel/CCarousel.ts @@ -10,7 +10,7 @@ import { watch, } from 'vue' -import { isInViewport } from './../../utils' +import { isInViewport } from '../../utils' const CCarousel = defineComponent({ name: 'CCarousel', @@ -29,7 +29,6 @@ const CCarousel = defineComponent({ index: { type: Number, default: 0, - required: false, }, /** * Adding indicators at the bottom of the carousel for each item. @@ -41,7 +40,6 @@ const CCarousel = defineComponent({ interval: { type: [Boolean, Number], default: 5000, - required: false, }, /** * If set to 'hover', pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to false, hovering over the carousel won't pause it. @@ -49,7 +47,6 @@ const CCarousel = defineComponent({ pause: { type: [Boolean, String], default: 'hover', - required: false, validator: (value: boolean | string) => { return typeof value === 'boolean' || value === 'hover' }, @@ -62,7 +59,6 @@ const CCarousel = defineComponent({ transition: { type: String, default: 'slide', - required: false, validator: (value: string) => { return ['crossfade', 'slide'].includes(value) }, @@ -73,7 +69,6 @@ const CCarousel = defineComponent({ wrap: { type: Boolean, default: true, - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/carousel/CCarouselItem.ts b/packages/coreui-vue/src/components/carousel/CCarouselItem.ts index d3611381..a83022f6 100644 --- a/packages/coreui-vue/src/components/carousel/CCarouselItem.ts +++ b/packages/coreui-vue/src/components/carousel/CCarouselItem.ts @@ -16,7 +16,6 @@ const CCarouselItem = defineComponent({ direction: { type: String, default: 'next', - required: false, }, /** * The amount of time to delay between automatically cycling an item. @@ -24,7 +23,6 @@ const CCarouselItem = defineComponent({ interval: { type: [Boolean, Number], default: false, - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/close-button/CCloseButton.ts b/packages/coreui-vue/src/components/close-button/CCloseButton.ts index c19ed9c0..6e329f9e 100644 --- a/packages/coreui-vue/src/components/close-button/CCloseButton.ts +++ b/packages/coreui-vue/src/components/close-button/CCloseButton.ts @@ -6,17 +6,11 @@ export const CCloseButton = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * Change the default color to white. */ - white: { - type: Boolean, - required: false, - }, + white: Boolean, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/collapse/CCollapse.ts b/packages/coreui-vue/src/components/collapse/CCollapse.ts index 8014194a..c495f147 100644 --- a/packages/coreui-vue/src/components/collapse/CCollapse.ts +++ b/packages/coreui-vue/src/components/collapse/CCollapse.ts @@ -1,7 +1,7 @@ import { defineComponent, h, Transition, ref, RendererElement, withDirectives } from 'vue' import { vVisible } from '../../directives/v-c-visible' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const CCollapse = defineComponent({ name: 'CCollapse', @@ -9,17 +9,11 @@ const CCollapse = defineComponent({ /** * Set horizontal collapsing to transition the width instead of height. */ - horizontal: { - type: Boolean, - required: false, - }, + horizontal: Boolean, /** * Toggle the visibility of component. */ - visible: { - type: Boolean, - required: false, - }, + visible: Boolean, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/dropdown/CDropdown.ts b/packages/coreui-vue/src/components/dropdown/CDropdown.ts index 6a9ec4c9..1691bdfd 100644 --- a/packages/coreui-vue/src/components/dropdown/CDropdown.ts +++ b/packages/coreui-vue/src/components/dropdown/CDropdown.ts @@ -11,8 +11,6 @@ const CDropdown = defineComponent({ */ alignment: { type: [String, Object], - default: undefined, - required: false, // eslint-disable-next-line @typescript-eslint/no-explicit-any validator: (value: string | any) => { if (value === 'start' || value === 'end') { @@ -57,10 +55,7 @@ const CDropdown = defineComponent({ /** * Sets a darker color scheme to match a dark navbar. */ - dark: { - type: Boolean, - required: false, - }, + dark: Boolean, /** * Sets a specified direction and location of the dropdown menu. * @@ -68,8 +63,6 @@ const CDropdown = defineComponent({ */ direction: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['center', 'dropup', 'dropup-center', 'dropend', 'dropstart'].includes(value) }, @@ -77,10 +70,7 @@ const CDropdown = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. * @@ -89,7 +79,6 @@ const CDropdown = defineComponent({ placement: { type: String as PropType, default: 'bottom-start', - required: false, }, /** * If you want to disable dynamic positioning set this property to `true`. @@ -97,14 +86,12 @@ const CDropdown = defineComponent({ popper: { type: Boolean, default: true, - required: false, }, /** * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. */ trigger: { type: [String, Array], - required: false, default: 'click', }, /** @@ -115,7 +102,6 @@ const CDropdown = defineComponent({ variant: { type: String, default: 'btn-group', - required: false, validator: (value: string) => { return ['btn-group', 'dropdown', 'input-group', 'nav-item'].includes(value) }, @@ -123,10 +109,7 @@ const CDropdown = defineComponent({ /** * Toggle the visibility of dropdown menu component. */ - visible: { - type: Boolean, - required: false, - }, + visible: Boolean, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts b/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts index 10753cb4..0ee6018e 100644 --- a/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts +++ b/packages/coreui-vue/src/components/dropdown/CDropdownHeader.ts @@ -9,7 +9,6 @@ const CDropdownHeader = defineComponent({ component: { type: String, default: 'h6', - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts b/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts index 321c2a32..fdd01393 100644 --- a/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts +++ b/packages/coreui-vue/src/components/dropdown/CDropdownItem.ts @@ -8,33 +8,22 @@ const CDropdownItem = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Component used for the root node. Either a string to use a HTML element or a component. */ component: { type: String, default: 'a', - required: false, }, /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * The href attribute specifies the URL of the page the link goes to. */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts index d6adf3cb..217a0792 100644 --- a/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts +++ b/packages/coreui-vue/src/components/dropdown/CDropdownMenu.ts @@ -11,7 +11,6 @@ const CDropdownMenu = defineComponent({ component: { type: String, default: 'div', - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts index b5aae5d3..b13ec032 100644 --- a/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts +++ b/packages/coreui-vue/src/components/dropdown/CDropdownToggle.ts @@ -9,11 +9,7 @@ const CDropdownToggle = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - default: false, - required: false, - }, + active: Boolean, /** * Sets the color context of the component to one of CoreUI’s themed colors. * @@ -26,15 +22,13 @@ const CDropdownToggle = defineComponent({ caret: { type: Boolean, default: true, - required: false, }, /** * Component used for the root node. Either a string to use a HTML element or a component. */ component: { type: String, - default: 'button', - require: false, + default: 'button' }, /** * Create a custom toggler which accepts any content. @@ -43,10 +37,7 @@ const CDropdownToggle = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3' */ @@ -58,8 +49,6 @@ const CDropdownToggle = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['sm', 'lg'].includes(value) }, @@ -67,10 +56,7 @@ const CDropdownToggle = defineComponent({ /** * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret. */ - split: { - type: Boolean, - required: false, - }, + split: Boolean, /** * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. * @@ -79,7 +65,6 @@ const CDropdownToggle = defineComponent({ trigger: { type: String as PropType, default: 'click', - required: false, }, /** * Set the button variant to an outlined button or a ghost button. @@ -88,8 +73,6 @@ const CDropdownToggle = defineComponent({ */ variant: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['ghost', 'outline'].includes(value) }, diff --git a/packages/coreui-vue/src/components/footer/CFooter.ts b/packages/coreui-vue/src/components/footer/CFooter.ts index 2c494dd3..81de0158 100644 --- a/packages/coreui-vue/src/components/footer/CFooter.ts +++ b/packages/coreui-vue/src/components/footer/CFooter.ts @@ -10,8 +10,6 @@ const CFooter = defineComponent({ */ position: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['fixed', 'sticky'].includes(value) }, diff --git a/packages/coreui-vue/src/components/form/CForm.ts b/packages/coreui-vue/src/components/form/CForm.ts index 6cd172b8..2747caa7 100644 --- a/packages/coreui-vue/src/components/form/CForm.ts +++ b/packages/coreui-vue/src/components/form/CForm.ts @@ -6,10 +6,7 @@ const CForm = defineComponent({ /** * Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component. */ - validated: { - type: Boolean, - required: false, - }, + validated: Boolean, }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/form/CFormCheck.ts b/packages/coreui-vue/src/components/form/CFormCheck.ts index ca952574..a5c57ce6 100644 --- a/packages/coreui-vue/src/components/form/CFormCheck.ts +++ b/packages/coreui-vue/src/components/form/CFormCheck.ts @@ -13,33 +13,25 @@ const CFormCheck = defineComponent({ * * @see http://coreui.io/vue/docs/components/button.html */ - button: { - type: Object, - }, + button: Object, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedback: { - type: String, - }, + feedback: String, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedbackInvalid: { - type: String, - }, + feedbackInvalid: String, /** * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - feedbackValid: { - type: String, - }, + feedbackValid: String, /** * Sets hit area to the full area of the component. */ @@ -53,9 +45,7 @@ const CFormCheck = defineComponent({ /** * The id global attribute defines an identifier (ID) that must be unique in the whole document. */ - id: { - type: String, - }, + id: String, /** * Input Checkbox indeterminate Property */ @@ -63,9 +53,7 @@ const CFormCheck = defineComponent({ /** * Group checkboxes or radios on the same horizontal row by adding. */ - inline: { - type: Boolean, - }, + inline: Boolean, /** * Set component validation state to invalid. */ @@ -73,9 +61,7 @@ const CFormCheck = defineComponent({ /** * The element represents a caption for a component. */ - label: { - type: String, - }, + label: String, /** * The default name for a value passed using v-model. */ @@ -107,9 +93,7 @@ const CFormCheck = defineComponent({ /** * Set component validation state to valid. */ - valid: { - type: Boolean, - }, + valid: Boolean, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/form/CFormControlValidation.ts b/packages/coreui-vue/src/components/form/CFormControlValidation.ts index cdfabb70..e8723aa7 100644 --- a/packages/coreui-vue/src/components/form/CFormControlValidation.ts +++ b/packages/coreui-vue/src/components/form/CFormControlValidation.ts @@ -8,33 +8,25 @@ const CFormControlValidation = defineComponent({ /** * @ignore */ - describedby: { - type: String, - }, + describedby: String, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedback: { - type: String, - }, + feedback: String, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedbackInvalid: { - type: String, - }, + feedbackInvalid: String, /** * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - feedbackValid: { - type: String, - }, + feedbackValid: String, /** * Set component validation state to invalid. */ diff --git a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts index 8392ef4a..e4aee290 100644 --- a/packages/coreui-vue/src/components/form/CFormControlWrapper.ts +++ b/packages/coreui-vue/src/components/form/CFormControlWrapper.ts @@ -14,31 +14,23 @@ const CFormControlWrapper = defineComponent({ * * @since 4.3.0 */ - floatingLabel: { - type: String, - }, + floatingLabel: String, /** * @ignore */ - id: { - type: String, - }, + id: String, /** * Add a caption for a component. * * @since 4.3.0 */ - label: { - type: String, - }, + label: String, /** * Add helper text to the component. * * @since 4.3.0 */ - text: { - type: String, - }, + text: String, }, setup(props, { slots }) { const formControlValidation = () => diff --git a/packages/coreui-vue/src/components/form/CFormFeedback.ts b/packages/coreui-vue/src/components/form/CFormFeedback.ts index b4fb0715..3a7d9a16 100644 --- a/packages/coreui-vue/src/components/form/CFormFeedback.ts +++ b/packages/coreui-vue/src/components/form/CFormFeedback.ts @@ -8,7 +8,6 @@ const CFormFeedback = defineComponent({ */ component: { type: String, - required: false, default: 'div', }, /** diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts index aaffb2d9..b79e4b7f 100644 --- a/packages/coreui-vue/src/components/form/CFormInput.ts +++ b/packages/coreui-vue/src/components/form/CFormInput.ts @@ -9,10 +9,7 @@ const CFormInput = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, // Inherited Props from CFormControlWrapper /** @@ -20,39 +17,29 @@ const CFormInput = defineComponent({ * * @since 4.3.0 */ - feedback: { - type: String, - }, + feedback: String, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedbackInvalid: { - type: String, - }, + feedbackInvalid: String, /** * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - feedbackValid: { - type: String, - }, + feedbackValid: String, /** * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - floatingLabel: { - type: String, - }, + floatingLabel: String, /** * The id global attribute defines an identifier (ID) that must be unique in the whole document. */ - id: { - type: String, - }, + id: String, /** * Set component validation state to invalid. */ @@ -62,30 +49,19 @@ const CFormInput = defineComponent({ * * @since 4.3.0 */ - label: { - type: String, - }, + label: String, /** * The default name for a value passed using v-model. */ - modelValue: { - type: [File, Number, String], - default: undefined, - }, + modelValue: [File, Number, String], /** * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. */ - plainText: { - type: Boolean, - required: false, - }, + plainText: Boolean, /** * Toggle the readonly state for the component. */ - readonly: { - type: Boolean, - required: false, - }, + readonly: Boolean, /** * Size the component small or large. * @@ -102,9 +78,7 @@ const CFormInput = defineComponent({ * * @since 4.3.0 */ - text: { - type: String, - }, + text: String, /** * Display validation feedback in a styled tooltip. * diff --git a/packages/coreui-vue/src/components/form/CFormLabel.ts b/packages/coreui-vue/src/components/form/CFormLabel.ts index 2b768616..e0db72f4 100644 --- a/packages/coreui-vue/src/components/form/CFormLabel.ts +++ b/packages/coreui-vue/src/components/form/CFormLabel.ts @@ -6,11 +6,7 @@ const CFormLabel = defineComponent({ /** * A string of all className you want to be applied to the component, and override standard className value. */ - customClassName: { - type: [Array, String], - default: undefined, - required: false, - }, + customClassName: [Array, String], }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/form/CFormRange.ts b/packages/coreui-vue/src/components/form/CFormRange.ts index 9b03a624..fcefa832 100644 --- a/packages/coreui-vue/src/components/form/CFormRange.ts +++ b/packages/coreui-vue/src/components/form/CFormRange.ts @@ -7,61 +7,39 @@ const CFormRange = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - default: undefined, - }, + disabled: Boolean, /** * Add a caption for a component. * * @since 4.3.0 */ - label: { - type: String, - }, + label: String, /** * Specifies the maximum value for the component. */ - max: { - type: Number, - default: undefined, - }, + max: Number, /** * Specifies the minimum value for the component. */ - min: { - type: Number, - default: undefined, - }, + min: Number, /** * The default name for a value passed using v-model. */ - modelValue: { - type: String, - value: undefined, - }, + modelValue: String, /** * Toggle the readonly state for the component. */ - readonly: { - type: Boolean, - }, + readonly: Boolean, /** * Specifies the interval between legal numbers in the component. */ - steps: { - type: Number, - default: undefined, - }, + steps: Number, /** * The `value` attribute of component. * * @controllable onChange * */ - value: { - type: Number, - default: undefined, - }, + value: Number, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/form/CFormSelect.ts b/packages/coreui-vue/src/components/form/CFormSelect.ts index a4fb4b70..e2fc5f66 100644 --- a/packages/coreui-vue/src/components/form/CFormSelect.ts +++ b/packages/coreui-vue/src/components/form/CFormSelect.ts @@ -16,47 +16,33 @@ const CFormSelect = defineComponent({ * * @since 4.3.0 */ - feedback: { - type: String, - }, + feedback: String, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedbackInvalid: { - type: String, - }, + feedbackInvalid: String, /** * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - feedbackValid: { - type: String, - }, + feedbackValid: String, /** * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - floatingLabel: { - type: String, - }, + floatingLabel: String, /** * Specifies the number of visible options in a drop-down list. */ - htmlSize: { - type: Number, - default: undefined, - required: false, - }, + htmlSize: Number, /** * The id global attribute defines an identifier (ID) that must be unique in the whole document. */ - id: { - type: String, - }, + id: String, /** * Set component validation state to invalid. */ @@ -66,32 +52,21 @@ const CFormSelect = defineComponent({ * * @since 4.3.0 */ - label: { - type: String, - }, + label: String, /** * The default name for a value passed using v-model. */ modelValue: { type: [String, Array] as PropType, - default: undefined, - require: false, - }, - multiple: { - type: Boolean, - required: false, }, + multiple: Boolean, /** * Options list of the select component. Available keys: `label`, `value`, `disabled`. * Examples: * - `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"` * - `:options="['js', 'html']"` */ - options: { - type: Array as PropType, - default: undefined, - required: false, - }, + options: Array as PropType, /** * Size the component small or large. * @@ -99,8 +74,6 @@ const CFormSelect = defineComponent({ */ size: { type: String, - default: undefined, - require: false, validator: (value: string) => { return ['sm', 'lg'].includes(value) }, @@ -110,9 +83,7 @@ const CFormSelect = defineComponent({ * * @since 4.3.0 */ - text: { - type: String, - }, + text: String, /** * Display validation feedback in a styled tooltip. * diff --git a/packages/coreui-vue/src/components/form/CFormSwitch.ts b/packages/coreui-vue/src/components/form/CFormSwitch.ts index d188dc60..6265e87c 100644 --- a/packages/coreui-vue/src/components/form/CFormSwitch.ts +++ b/packages/coreui-vue/src/components/form/CFormSwitch.ts @@ -9,28 +9,19 @@ const CFormSwitch = defineComponent({ /** * The id global attribute defines an identifier (ID) that must be unique in the whole document */ - id: { - type: String, - }, + id: String, /** * Set component validation state to invalid. */ - invalid: { - type: Boolean, - }, + invalid: Boolean, /** * The element represents a caption for a component. */ - label: { - type: String, - }, + label: String, /** * The default name for a value passed using v-model. */ - modelValue: { - type: [Boolean, String], - value: undefined, - }, + modelValue: [Boolean, String], /** * Put checkboxes or radios on the opposite side. * @@ -60,9 +51,7 @@ const CFormSwitch = defineComponent({ /** * Set component validation state to valid. */ - valid: { - type: Boolean, - }, + valid: Boolean, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/form/CFormText.ts b/packages/coreui-vue/src/components/form/CFormText.ts index dcde6e37..13b47ada 100644 --- a/packages/coreui-vue/src/components/form/CFormText.ts +++ b/packages/coreui-vue/src/components/form/CFormText.ts @@ -8,7 +8,6 @@ const CFormText = defineComponent({ */ component: { type: String, - required: false, default: 'div', }, }, diff --git a/packages/coreui-vue/src/components/form/CFormTextarea.ts b/packages/coreui-vue/src/components/form/CFormTextarea.ts index b852cd5b..21fb3596 100644 --- a/packages/coreui-vue/src/components/form/CFormTextarea.ts +++ b/packages/coreui-vue/src/components/form/CFormTextarea.ts @@ -7,47 +7,35 @@ const CFormTextarea = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - }, + disabled: Boolean, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedback: { - type: String, - }, + feedback: String, /** * Provide valuable, actionable feedback. * * @since 4.3.0 */ - feedbackInvalid: { - type: String, - }, + feedbackInvalid: String, /** * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - feedbackValid: { - type: String, - }, + feedbackValid: String, /** * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. * * @since 4.3.0 */ - floatingLabel: { - type: String, - }, + floatingLabel: String, /** * The id global attribute defines an identifier (ID) that must be unique in the whole document. */ - id: { - type: String, - }, + id: String, /** * Set component validation state to invalid. */ @@ -57,36 +45,25 @@ const CFormTextarea = defineComponent({ * * @since 4.3.0 */ - label: { - type: String, - }, + label: String, /** * The default name for a value passed using v-model. */ - modelValue: { - type: String, - default: undefined, - }, + modelValue: String, /** * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. */ - plainText: { - type: Boolean, - }, + plainText: Boolean, /** * Toggle the readonly state for the component. */ - readonly: { - type: Boolean, - }, + readonly: Boolean, /** * Add helper text to the component. * * @since 4.3.0 */ - text: { - type: String, - }, + text: String, /** * Display validation feedback in a styled tooltip. * diff --git a/packages/coreui-vue/src/components/form/CInputGroup.ts b/packages/coreui-vue/src/components/form/CInputGroup.ts index 193dcbd7..56a8418c 100644 --- a/packages/coreui-vue/src/components/form/CInputGroup.ts +++ b/packages/coreui-vue/src/components/form/CInputGroup.ts @@ -10,8 +10,6 @@ const CInputGroup = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['sm', 'lg'].includes(value) }, diff --git a/packages/coreui-vue/src/components/form/CInputGroupText.ts b/packages/coreui-vue/src/components/form/CInputGroupText.ts index 107e722f..92717357 100644 --- a/packages/coreui-vue/src/components/form/CInputGroupText.ts +++ b/packages/coreui-vue/src/components/form/CInputGroupText.ts @@ -8,7 +8,6 @@ const CInputGroupText = defineComponent({ */ component: { type: String, - required: false, default: 'span', }, }, diff --git a/packages/coreui-vue/src/components/grid/CCol.ts b/packages/coreui-vue/src/components/grid/CCol.ts index b6f48080..8a532e92 100644 --- a/packages/coreui-vue/src/components/grid/CCol.ts +++ b/packages/coreui-vue/src/components/grid/CCol.ts @@ -29,8 +29,6 @@ const CCol = defineComponent({ */ xs: { type: [Boolean, Number, String, Object] as PropType
, - default: undefined, - require: false, }, /** * The number of columns/offset/order on small devices (<768px). @@ -39,8 +37,6 @@ const CCol = defineComponent({ */ sm: { type: [Boolean, Number, String, Object] as PropType, - default: undefined, - require: false, }, /** * The number of columns/offset/order on medium devices (<992px). @@ -49,8 +45,6 @@ const CCol = defineComponent({ */ md: { type: [Boolean, Number, String, Object] as PropType, - default: undefined, - require: false, }, /** * The number of columns/offset/order on large devices (<1200px). @@ -59,8 +53,6 @@ const CCol = defineComponent({ */ lg: { type: [Boolean, Number, String, Object] as PropType, - default: undefined, - require: false, }, /** * The number of columns/offset/order on X-Large devices (<1400px). @@ -69,8 +61,6 @@ const CCol = defineComponent({ */ xl: { type: [Boolean, Number, String, Object] as PropType, - default: undefined, - require: false, }, /** * The number of columns/offset/order on XX-Large devices (≥1400px). @@ -79,8 +69,6 @@ const CCol = defineComponent({ */ xxl: { type: [Boolean, Number, String, Object] as PropType, - default: undefined, - require: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/grid/CContainer.ts b/packages/coreui-vue/src/components/grid/CContainer.ts index 6ca6e876..ad999eb7 100644 --- a/packages/coreui-vue/src/components/grid/CContainer.ts +++ b/packages/coreui-vue/src/components/grid/CContainer.ts @@ -15,45 +15,27 @@ const CContainer = defineComponent({ /** * Set container 100% wide until small breakpoint. */ - sm: { - type: Boolean, - required: false, - }, + sm: Boolean, /** * Set container 100% wide until medium breakpoint. */ - md: { - type: Boolean, - required: false, - }, + md: Boolean, /** * Set container 100% wide until large breakpoint. */ - lg: { - type: Boolean, - required: false, - }, + lg: Boolean, /** * Set container 100% wide until X-large breakpoint. */ - xl: { - type: Boolean, - required: false, - }, + xl: Boolean, /** * Set container 100% wide until XX-large breakpoint. */ - xxl: { - type: Boolean, - required: false, - }, + xxl: Boolean, /** * Set container 100% wide, spanning the entire width of the viewport. */ - fluid: { - type: Boolean, - required: false, - }, + fluid: Boolean, }, setup(props, { slots }) { const repsonsiveClassNames: string[] = [] diff --git a/packages/coreui-vue/src/components/grid/CRow.ts b/packages/coreui-vue/src/components/grid/CRow.ts index e17a4cd0..4501cffd 100644 --- a/packages/coreui-vue/src/components/grid/CRow.ts +++ b/packages/coreui-vue/src/components/grid/CRow.ts @@ -24,61 +24,37 @@ const CRow = defineComponent({ * * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } */ - xs: { - type: Object as () => BPObject, - default: undefined, - required: false, - }, + xs: Object as () => BPObject, /** * The number of columns/offset/order on small devices (<768px). * * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } */ - sm: { - type: Object as () => BPObject, - default: undefined, - required: false, - /** - * The number of columns/offset/order on medium devices (<992px). - * - * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } - */ - }, - md: { - type: Object as () => BPObject, - default: undefined, - required: false, - }, + sm: Object as () => BPObject, + /** + * The number of columns/offset/order on medium devices (<992px). + * + * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } + */ + md: Object as () => BPObject, /** * The number of columns/offset/order on large devices (<1200px). * * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } */ - lg: { - type: Object as () => BPObject, - default: undefined, - required: false, - }, + lg: Object as () => BPObject, /** * The number of columns/offset/order on X-Large devices (<1400px). * * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } */ - xl: { - type: Object as () => BPObject, - default: undefined, - required: false, - }, + xl: Object as () => BPObject, /** * The number of columns/offset/order on XX-Large devices (≥1400px). * * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string } */ - xxl: { - type: Object as () => BPObject, - default: undefined, - required: false, - }, + xxl: Object as () => BPObject, }, setup(props, { slots }) { const repsonsiveClassNames: string[] = [] diff --git a/packages/coreui-vue/src/components/header/CHeader.ts b/packages/coreui-vue/src/components/header/CHeader.ts index 76e2a03c..777a203a 100644 --- a/packages/coreui-vue/src/components/header/CHeader.ts +++ b/packages/coreui-vue/src/components/header/CHeader.ts @@ -10,8 +10,6 @@ const CHeader = defineComponent({ */ container: { type: [Boolean, String], - default: undefined, - required: false, validator: (value: boolean | string) => { return ( typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl', 'fluid'].includes(value) @@ -25,8 +23,6 @@ const CHeader = defineComponent({ */ position: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['fixed', 'sticky'].includes(value) }, diff --git a/packages/coreui-vue/src/components/header/CHeaderBrand.ts b/packages/coreui-vue/src/components/header/CHeaderBrand.ts index a1a6d96c..97ee9581 100644 --- a/packages/coreui-vue/src/components/header/CHeaderBrand.ts +++ b/packages/coreui-vue/src/components/header/CHeaderBrand.ts @@ -8,7 +8,6 @@ const CHeaderBrand = defineComponent({ */ component: { type: String, - required: false, default: 'a', }, }, diff --git a/packages/coreui-vue/src/components/header/CHeaderNav.ts b/packages/coreui-vue/src/components/header/CHeaderNav.ts index 462ae5c9..1fa1e7c7 100644 --- a/packages/coreui-vue/src/components/header/CHeaderNav.ts +++ b/packages/coreui-vue/src/components/header/CHeaderNav.ts @@ -8,7 +8,6 @@ const CHeaderNav = defineComponent({ */ component: { type: String, - required: false, default: 'ul', }, }, diff --git a/packages/coreui-vue/src/components/image/CImage.ts b/packages/coreui-vue/src/components/image/CImage.ts index 7bae46c3..9d122ee3 100644 --- a/packages/coreui-vue/src/components/image/CImage.ts +++ b/packages/coreui-vue/src/components/image/CImage.ts @@ -10,8 +10,6 @@ const CImage = defineComponent({ */ align: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['start', 'center', 'end'].includes(value) }, @@ -19,24 +17,15 @@ const CImage = defineComponent({ /** * Make image responsive. */ - fluid: { - type: Boolean, - required: false, - }, + fluid: Boolean, /** * Make image rounded. */ - rounded: { - type: Boolean, - required: false, - }, + rounded: Boolean, /** * Give an image a rounded 1px border appearance. */ - thumbnail: { - type: Boolean, - required: false, - }, + thumbnail: Boolean, }, setup(props) { return () => diff --git a/packages/coreui-vue/src/components/link/CLink.ts b/packages/coreui-vue/src/components/link/CLink.ts index 7b124e59..63766e56 100644 --- a/packages/coreui-vue/src/components/link/CLink.ts +++ b/packages/coreui-vue/src/components/link/CLink.ts @@ -6,33 +6,22 @@ const CLink = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Component used for the root node. Either a string to use a HTML element or a component. */ component: { type: String, - required: false, default: 'a', }, /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * The href attribute specifies the URL of the page the link goes to. */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/list-group/CListGroup.ts b/packages/coreui-vue/src/components/list-group/CListGroup.ts index 0fbf71de..57003be4 100644 --- a/packages/coreui-vue/src/components/list-group/CListGroup.ts +++ b/packages/coreui-vue/src/components/list-group/CListGroup.ts @@ -8,16 +8,12 @@ const CListGroup = defineComponent({ */ component: { type: String, - required: false, default: 'ul', }, /** * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., ``) */ - flush: { - type: Boolean, - required: false, - }, + flush: Boolean, /** * Specify a layout type. * @@ -25,8 +21,6 @@ const CListGroup = defineComponent({ */ layout: { type: String, - default: undefined, - required: false, validator: (value: string) => { return [ 'horizontal', diff --git a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts index c301206f..5b4fde03 100644 --- a/packages/coreui-vue/src/components/list-group/CListGroupItem.ts +++ b/packages/coreui-vue/src/components/list-group/CListGroupItem.ts @@ -8,10 +8,7 @@ const CListGroupItem = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Sets the color context of the component to one of CoreUI’s themed colors. * @@ -21,16 +18,12 @@ const CListGroupItem = defineComponent({ /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * Component used for the root node. Either a string to use a HTML element or a component. */ component: { type: String, - required: false, default: 'li', }, }, diff --git a/packages/coreui-vue/src/components/modal/CModal.ts b/packages/coreui-vue/src/components/modal/CModal.ts index 90ccf5df..854ca450 100644 --- a/packages/coreui-vue/src/components/modal/CModal.ts +++ b/packages/coreui-vue/src/components/modal/CModal.ts @@ -12,7 +12,7 @@ import { import { CBackdrop } from './../backdrop/CBackdrop' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const CModal = defineComponent({ name: 'CModal', @@ -50,10 +50,7 @@ const CModal = defineComponent({ /** * A string of all className you want applied to the modal content component. */ - contentClassName: { - type: String, - default: undefined, - }, + contentClassName: String, /** * Set modal to covers the entire user viewport * @@ -61,7 +58,6 @@ const CModal = defineComponent({ */ fullscreen: { type: [Boolean, String], - default: undefined, validator: (value: boolean | string) => { if (typeof value == 'string') { return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value) @@ -82,9 +78,7 @@ const CModal = defineComponent({ /** * Create a scrollable modal that allows scrolling the modal body. */ - scrollable: { - type: Boolean, - }, + scrollable: Boolean, /** * Size the component small, large, or extra large. * @@ -92,7 +86,6 @@ const CModal = defineComponent({ */ size: { type: String, - default: undefined, validator: (value: string) => { return ['sm', 'lg', 'xl'].includes(value) }, diff --git a/packages/coreui-vue/src/components/modal/CModalHeader.ts b/packages/coreui-vue/src/components/modal/CModalHeader.ts index 93481575..108a8ff2 100644 --- a/packages/coreui-vue/src/components/modal/CModalHeader.ts +++ b/packages/coreui-vue/src/components/modal/CModalHeader.ts @@ -10,7 +10,6 @@ const CModalHeader = defineComponent({ */ closeButton: { type: Boolean, - required: false, default: true, }, }, diff --git a/packages/coreui-vue/src/components/modal/CModalTitle.ts b/packages/coreui-vue/src/components/modal/CModalTitle.ts index e31e9635..ea970c09 100644 --- a/packages/coreui-vue/src/components/modal/CModalTitle.ts +++ b/packages/coreui-vue/src/components/modal/CModalTitle.ts @@ -9,7 +9,6 @@ const CModalTitle = defineComponent({ component: { type: String, default: 'h5', - required: false, }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/nav/CNav.ts b/packages/coreui-vue/src/components/nav/CNav.ts index 93d0d39e..add7ef70 100644 --- a/packages/coreui-vue/src/components/nav/CNav.ts +++ b/packages/coreui-vue/src/components/nav/CNav.ts @@ -8,7 +8,6 @@ const CNav = defineComponent({ */ component: { type: String, - required: false, default: 'ul', }, /** @@ -18,8 +17,6 @@ const CNav = defineComponent({ */ layout: { type: String, - required: false, - default: undefined, validator: (value: string) => { return ['fill', 'justified'].includes(value) }, @@ -31,8 +28,6 @@ const CNav = defineComponent({ */ variant: { type: String, - required: false, - default: undefined, validator: (value: string) => { return ['tabs', 'pills'].includes(value) }, diff --git a/packages/coreui-vue/src/components/nav/CNavLink.ts b/packages/coreui-vue/src/components/nav/CNavLink.ts index 1700d5aa..db5c183d 100644 --- a/packages/coreui-vue/src/components/nav/CNavLink.ts +++ b/packages/coreui-vue/src/components/nav/CNavLink.ts @@ -8,33 +8,22 @@ const CNavLink = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Component used for the root node. Either a string to use a HTML element or a component. */ component: { type: String, - required: false, default: 'a', }, /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * @ignore */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/navbar/CNavbar.ts b/packages/coreui-vue/src/components/navbar/CNavbar.ts index 1bd032ec..33a4d4f0 100644 --- a/packages/coreui-vue/src/components/navbar/CNavbar.ts +++ b/packages/coreui-vue/src/components/navbar/CNavbar.ts @@ -18,8 +18,6 @@ const CNavbar = defineComponent({ */ colorScheme: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['dark', 'light'].includes(value) }, @@ -30,7 +28,6 @@ const CNavbar = defineComponent({ component: { type: String, default: 'nav', - required: false, }, /** * Defines optional container wrapping children elements. @@ -39,8 +36,6 @@ const CNavbar = defineComponent({ */ container: { type: [Boolean, String], - default: undefined, - required: false, validator: (value: boolean | string) => { return ( typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl', 'fluid'].includes(value) @@ -54,8 +49,6 @@ const CNavbar = defineComponent({ */ expand: { type: [Boolean, String], - default: undefined, - required: false, validator: (value: boolean | string) => { return typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value) }, @@ -67,8 +60,6 @@ const CNavbar = defineComponent({ */ placement: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['fixed-top', 'fixed-bottom', 'sticky-top'].includes(value) }, diff --git a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts index 8e053e22..b7d63931 100644 --- a/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts +++ b/packages/coreui-vue/src/components/navbar/CNavbarBrand.ts @@ -10,16 +10,11 @@ const CNavbarBrand = defineComponent({ component: { type: String, default: 'a', - required: false, }, /** * The href attribute specifies the URL of the page the link goes to. */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/navbar/CNavbarNav.ts b/packages/coreui-vue/src/components/navbar/CNavbarNav.ts index 96f707a4..7a36931f 100644 --- a/packages/coreui-vue/src/components/navbar/CNavbarNav.ts +++ b/packages/coreui-vue/src/components/navbar/CNavbarNav.ts @@ -8,7 +8,6 @@ const CNavbarNav = defineComponent({ */ component: { type: String, - required: false, default: 'ul', }, }, diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts index 7285df6e..dd0d0474 100644 --- a/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts +++ b/packages/coreui-vue/src/components/offcanvas/COffcanvas.ts @@ -3,7 +3,7 @@ import { defineComponent, h, ref, RendererElement, Transition, watch, withDirect import { CBackdrop } from '../backdrop' import { vVisible } from '../../directives/v-c-visible' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const COffcanvas = defineComponent({ name: 'COffcanvas', @@ -40,7 +40,6 @@ const COffcanvas = defineComponent({ */ placement: { type: String, - default: undefined, require: true, validator: (value: string) => { return ['start', 'end', 'top', 'bottom'].includes(value) @@ -72,10 +71,14 @@ const COffcanvas = defineComponent({ type: Boolean, default: false, }, + /** * Toggle the visibility of offcanvas component. */ - visible: Boolean, + visible: { + type: Boolean, + default: false, + }, }, emits: [ /** @@ -98,12 +101,12 @@ const COffcanvas = defineComponent({ }, ) + watch(visible, () => { - if (visible.value) { - if (!props.scroll) { - document.body.style.overflow = 'hidden' - document.body.style.paddingRight = '0px' - } + if (visible.value && !props.scroll) { + document.body.style.overflow = 'hidden' + document.body.style.paddingRight = '0px' + return } diff --git a/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts b/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts index 7003dc6a..0ea9f496 100644 --- a/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts +++ b/packages/coreui-vue/src/components/offcanvas/COffcanvasTitle.ts @@ -8,7 +8,6 @@ const COffcanvasTitle = defineComponent({ */ component: { type: String, - required: false, default: 'h5', }, }, diff --git a/packages/coreui-vue/src/components/pagination/CPagination.ts b/packages/coreui-vue/src/components/pagination/CPagination.ts index 76ad5e36..9f0bc7c4 100644 --- a/packages/coreui-vue/src/components/pagination/CPagination.ts +++ b/packages/coreui-vue/src/components/pagination/CPagination.ts @@ -10,8 +10,6 @@ const CPagination = defineComponent({ */ align: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['start', 'center', 'end'].includes(value) }, @@ -23,8 +21,6 @@ const CPagination = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['sm', 'lg'].includes(value) }, diff --git a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts index d2242c96..3695ba1c 100644 --- a/packages/coreui-vue/src/components/pagination/CPaginationItem.ts +++ b/packages/coreui-vue/src/components/pagination/CPaginationItem.ts @@ -8,33 +8,19 @@ const CPaginationItem = defineComponent({ /** * Toggle the active state for the component. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Component used for the root node. Either a string to use a HTML element or a component. */ - component: { - type: String, - default: undefined, - required: false, - }, + component: String, /** * Toggle the disabled state for the component. */ - disabled: { - type: Boolean, - required: false, - }, + disabled: Boolean, /** * The href attribute specifies the URL of the page the link goes to. */ - href: { - type: String, - default: undefined, - required: false, - }, + href: String, }, setup(props, { slots }) { return () => { diff --git a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts index 07098013..12d37edc 100644 --- a/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts +++ b/packages/coreui-vue/src/components/placeholder/CPlaceholder.ts @@ -21,8 +21,6 @@ export const CPlaceholder = defineComponent({ */ animation: { type: String, - default: undefined, - require: false, validator: (value: string) => { return ['glow', 'wave'].includes(value) }, @@ -39,7 +37,6 @@ export const CPlaceholder = defineComponent({ component: { type: String, default: 'span', - required: false, }, /** * Size the component extra small, small, or large. @@ -48,8 +45,6 @@ export const CPlaceholder = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['xs', 'sm', 'lg'].includes(value) }, @@ -57,51 +52,27 @@ export const CPlaceholder = defineComponent({ /** * The number of columns on extra small devices (<576px). */ - xs: { - type: Number, - default: undefined, - require: false, - }, + xs: Number, /** * The number of columns on small devices (<768px). */ - sm: { - type: Number, - default: undefined, - require: false, - }, + sm: Number, /** * The number of columns on medium devices (<992px). */ - md: { - type: Number, - default: undefined, - require: false, - }, + md: Number, /** * The number of columns on large devices (<1200px). */ - lg: { - type: Number, - default: undefined, - require: false, - }, + lg: Number, /** * The number of columns on X-Large devices (<1400px). */ - xl: { - type: Number, - default: undefined, - require: false, - }, + xl: Number, /** * The number of columns on XX-Large devices (≥1400px). */ - xxl: { - type: Number, - default: undefined, - require: false, - }, + xxl: Number, }, setup(props, { slots }) { const repsonsiveClassNames: string[] = [] diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts index 5abd76d2..2201fe56 100644 --- a/packages/coreui-vue/src/components/popover/CPopover.ts +++ b/packages/coreui-vue/src/components/popover/CPopover.ts @@ -1,7 +1,7 @@ import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue' import { createPopper, Placement } from '@popperjs/core' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const CPopover = defineComponent({ name: 'CPopover', @@ -9,18 +9,13 @@ const CPopover = defineComponent({ /** * Content for your component. If you want to pass non-string value please use dedicated slot `` */ - content: { - type: String, - default: undefined, - required: false, - }, + content: String, /** * Offset of the popover relative to its target. */ offset: { type: Array, default: () => [0, 8], - required: false, }, /** * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. @@ -28,7 +23,6 @@ const CPopover = defineComponent({ placement: { type: String as PropType, default: 'top', - required: false, validator: (value: string) => { return ['top', 'right', 'bottom', 'left'].includes(value) }, @@ -36,11 +30,7 @@ const CPopover = defineComponent({ /** * Title for your component. If you want to pass non-string value please use dedicated slot `` */ - title: { - type: String, - default: undefined, - required: false, - }, + title: String, /** * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. * @@ -49,7 +39,6 @@ const CPopover = defineComponent({ trigger: { type: [String, Array] as PropType, default: 'click', - required: false, validator: (value: string | string[]) => { if (typeof value === 'string') { return ['click', 'focus', 'hover'].includes(value) diff --git a/packages/coreui-vue/src/components/progress/CProgress.ts b/packages/coreui-vue/src/components/progress/CProgress.ts index 3063be07..66a9c84f 100644 --- a/packages/coreui-vue/src/components/progress/CProgress.ts +++ b/packages/coreui-vue/src/components/progress/CProgress.ts @@ -8,11 +8,7 @@ const CProgress = defineComponent({ /** * Sets the height of the component. If you set that value the inner `` will automatically resize accordingly. */ - height: { - type: Number, - default: undefined, - required: false, - }, + height: Number, /** * Makes progress bar thinner. */ diff --git a/packages/coreui-vue/src/components/progress/CProgressBar.ts b/packages/coreui-vue/src/components/progress/CProgressBar.ts index 1da80822..f825d79a 100644 --- a/packages/coreui-vue/src/components/progress/CProgressBar.ts +++ b/packages/coreui-vue/src/components/progress/CProgressBar.ts @@ -8,10 +8,7 @@ const CProgressBar = defineComponent({ /** * Use to animate the stripes right to left via CSS3 animations. */ - animated: { - type: Boolean, - required: false, - }, + animated: Boolean, /** * Sets the color context of the component to one of CoreUI’s themed colors. * @@ -23,7 +20,6 @@ const CProgressBar = defineComponent({ */ value: { type: Number, - required: false, default: 0, }, /** @@ -33,8 +29,6 @@ const CProgressBar = defineComponent({ */ variant: { type: String, - default: undefined, - require: false, validator: (value: string) => { return value === 'striped' }, diff --git a/packages/coreui-vue/src/components/sidebar/CSidebar.ts b/packages/coreui-vue/src/components/sidebar/CSidebar.ts index 9f2ad49a..e9122cb7 100644 --- a/packages/coreui-vue/src/components/sidebar/CSidebar.ts +++ b/packages/coreui-vue/src/components/sidebar/CSidebar.ts @@ -1,7 +1,7 @@ import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue' import { CBackdrop } from '../backdrop' -import { isInViewport } from './../../utils' +import { isInViewport } from '../../utils' const isOnMobile = (element: HTMLDivElement) => Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile')) @@ -12,23 +12,16 @@ const CSidebar = defineComponent({ /** * Make sidebar narrow. */ - narrow: { - type: Boolean, - required: false, - }, + narrow: Boolean, /** * Set sidebar to overlaid variant. */ - overlaid: { - type: Boolean, - required: false, - }, + overlaid: Boolean, /** * Place sidebar in non-static positions. */ position: { type: String, - default: undefined, validator: (value: string) => { return ['fixed'].includes(value) }, @@ -38,7 +31,6 @@ const CSidebar = defineComponent({ */ size: { type: String, - default: undefined, validator: (value: string) => { return ['sm', 'lg', 'xl'].includes(value) }, diff --git a/packages/coreui-vue/src/components/spinner/CSpinner.ts b/packages/coreui-vue/src/components/spinner/CSpinner.ts index a0e92579..02b0ad45 100644 --- a/packages/coreui-vue/src/components/spinner/CSpinner.ts +++ b/packages/coreui-vue/src/components/spinner/CSpinner.ts @@ -10,8 +10,6 @@ const CSpinner = defineComponent({ */ color: { type: String, - default: undefined, - required: false, validator: (value: string) => { return [ 'primary', @@ -31,7 +29,6 @@ const CSpinner = defineComponent({ component: { type: String, default: 'div', - required: false, }, /** * Size the component small. @@ -40,8 +37,6 @@ const CSpinner = defineComponent({ */ size: { type: String, - default: undefined, - required: false, validator: (value: string) => { return value === 'sm' }, @@ -54,7 +49,6 @@ const CSpinner = defineComponent({ variant: { type: String, default: 'border', - required: false, validator: (value: string) => { return ['border', 'grow'].includes(value) }, @@ -65,7 +59,6 @@ const CSpinner = defineComponent({ visuallyHiddenLabel: { type: String, default: 'Loading...', - required: false, }, }, setup(props) { diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts index ec991aa9..56111fa9 100644 --- a/packages/coreui-vue/src/components/table/CTable.ts +++ b/packages/coreui-vue/src/components/table/CTable.ts @@ -57,8 +57,6 @@ const CTable = defineComponent({ */ align: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['bottom', 'middle', 'top'].includes(value) }, @@ -72,37 +70,23 @@ const CTable = defineComponent({ /** * Add borders on all sides of the table and cells. */ - bordered: { - type: Boolean, - required: false, - }, + bordered: Boolean, /** * Remove borders on all sides of the table and cells. */ - borderless: { - type: Boolean, - required: false, - }, + borderless: Boolean, /** * Put the `
Property fullscreanProperty fullscreen Availability
` on the top of the table. | string | `'top'` | - | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | -| **hover** | Enable a hover state on table rows within a ``. | boolean | - | | -| **responsive** | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | - | -| **small** | Make table more compact by cutting all cell `padding` in half. | boolean | - | | -| **striped** | Add zebra-striping to any table row within the ``. | boolean | - | | +| Prop name | Description | Type | Values | Default | +| ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------- | +| **align** | Set the vertical aligment. | string | `'bottom'`, `'middle'`, `'top'` | - | +| **border-color** | Sets the border color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **bordered** | Add borders on all sides of the table and cells. | boolean | - | | +| **borderless** | Remove borders on all sides of the table and cells. | boolean | - | | +| **caption** | Put the `` on the top of the table. | string | `'top'` | - | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **hover** | Enable a hover state on table rows within a ``. | boolean | - | | +| **responsive** | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | - | +| **small** | Make table more compact by cutting all cell `padding` in half. | boolean | - | | +| **striped** | Add zebra-striping to any table row within the ``. | boolean | - | | +| **striped-columns**
4.4.0+
| Add zebra-striping to any table column.false | boolean | - | | diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md index 249b0793..858da101 100644 --- a/packages/docs/components/table.md +++ b/packages/docs/components/table.md @@ -196,7 +196,7 @@ Use contextual classes to color tables, table rows or individual cells. ## Accented tables -### striped rows +### Striped rows Use `striped` property to add zebra-striping to any table row within the ``. @@ -233,6 +233,16 @@ Use `striped` property to add zebra-striping to any table row within the ` + ... + +``` + +### Striped columns + +Use `stripedColumns` boolean property to add zebra-striping to any table column. + +::: demo + # @@ -256,11 +266,17 @@ Use `striped` property to add zebra-striping to any table row within the ` 3 - Larry the Bird + Larry the Bird @twitter +::: + +```vue + + ... + ``` These classes can also be added to table variants: @@ -298,6 +314,12 @@ These classes can also be added to table variants: ::: ```vue + ... + +``` + +::: demo + # @@ -326,6 +348,11 @@ These classes can also be added to table variants: +::: +```vue + + ... + ``` ::: demo @@ -361,6 +388,12 @@ These classes can also be added to table variants: ::: ```vue + ... + +``` + +::: demo + # @@ -389,6 +422,11 @@ These classes can also be added to table variants: +::: +```vue + + ... + ``` ### Hoverable rows From b85adb2f6aea52189b8aa2a2733698b542a19991 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Mon, 19 Sep 2022 17:23:19 +0200 Subject: [PATCH 006/325] release: v4.4.0 --- README.md | 2 +- lerna.json | 2 +- package.json | 16 +- packages/coreui-vue-chartjs/package.json | 14 +- packages/coreui-vue/README.md | 2 +- packages/coreui-vue/package.json | 18 +- packages/docs/package.json | 6 +- yarn.lock | 1281 ++++++++++++---------- 8 files changed, 706 insertions(+), 635 deletions(-) diff --git a/README.md b/README.md index aad68123..8293a55c 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ Several quick start options are available: -- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.1.zip) +- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.4.0.zip) - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git` - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue` - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue` diff --git a/lerna.json b/lerna.json index 8e4573d0..c9a141ac 100644 --- a/lerna.json +++ b/lerna.json @@ -4,5 +4,5 @@ "packages/*" ], "useWorkspaces": true, - "version": "4.3.1" + "version": "4.4.0" } diff --git a/package.json b/package.json index 4d717661..7676447a 100644 --- a/package.json +++ b/package.json @@ -20,21 +20,21 @@ "test:update": "jest --coverage --updateSnapshot" }, "devDependencies": { - "@types/jest": "^28.1.6", - "@typescript-eslint/eslint-plugin": "^5.30.7", - "@typescript-eslint/parser": "^5.30.7", - "@vue/compiler-sfc": "^3.2.37", + "@types/jest": "^28.1.8", + "@typescript-eslint/eslint-plugin": "^5.37.0", + "@typescript-eslint/parser": "^5.37.0", + "@vue/compiler-sfc": "^3.2.39", "@vue/eslint-config-prettier": "^7.0.0", - "@vue/eslint-config-typescript": "^11.0.0", + "@vue/eslint-config-typescript": "^11.0.1", "@vue/vue3-jest": "28.0.1", - "eslint": "8.20.0", + "eslint": "8.23.1", "eslint-plugin-prettier": "^4.2.1", - "eslint-plugin-vue": "^9.3.0", + "eslint-plugin-vue": "^9.5.1", "jest": "^28.1.3", "jest-canvas-mock": "^2.4.0", "jest-environment-jsdom": "^28.1.3", "lerna": "^4.0.0", "prettier": "^2.7.1", - "ts-jest": "^28.0.7" + "ts-jest": "^28.0.8" } } diff --git a/packages/coreui-vue-chartjs/package.json b/packages/coreui-vue-chartjs/package.json index d8892d21..5c76a1a2 100644 --- a/packages/coreui-vue-chartjs/package.json +++ b/packages/coreui-vue-chartjs/package.json @@ -36,19 +36,19 @@ }, "devDependencies": { "@coreui/chartjs": "^3.0.0", - "@rollup/plugin-commonjs": "^22.0.1", + "@rollup/plugin-commonjs": "^22.0.2", "@rollup/plugin-node-resolve": "^13.3.0", - "@rollup/plugin-typescript": "^8.3.3", - "@types/lodash": "^4.14.181", + "@rollup/plugin-typescript": "^8.5.0", + "@types/lodash": "^4.14.185", "@vue/test-utils": "^2.0.2", "chart.js": "^3.8.2", "lodash": "^4.17.21", - "rollup": "^2.77.0", + "rollup": "^2.79.0", "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-vue": "^6.0.0", - "typescript": "^4.7.4", - "vue": "^3.2.37", - "vue-types": "^4.2.0" + "typescript": "^4.8.3", + "vue": "^3.2.39", + "vue-types": "^4.2.1" }, "peerDependencies": { "@coreui/chartjs": "^3.0.0", diff --git a/packages/coreui-vue/README.md b/packages/coreui-vue/README.md index aad68123..8293a55c 100644 --- a/packages/coreui-vue/README.md +++ b/packages/coreui-vue/README.md @@ -46,7 +46,7 @@ Several quick start options are available: -- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.3.1.zip) +- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.4.0.zip) - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git` - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue` - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue` diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json index 3e45126a..738b9beb 100644 --- a/packages/coreui-vue/package.json +++ b/packages/coreui-vue/package.json @@ -1,6 +1,6 @@ { "name": "@coreui/vue", - "version": "4.3.1", + "version": "4.4.0", "description": "UI Components Library for Vue.js", "keywords": [ "vue", @@ -37,19 +37,19 @@ "version_short": "4.3" }, "devDependencies": { - "@popperjs/core": "^2.11.5", - "@rollup/plugin-commonjs": "^22.0.1", + "@popperjs/core": "^2.11.6", + "@rollup/plugin-commonjs": "^22.0.2", "@rollup/plugin-node-resolve": "^13.3.0", - "@rollup/plugin-typescript": "^8.3.3", + "@rollup/plugin-typescript": "^8.5.0", "@vue/test-utils": "^2.0.2", - "rollup": "^2.77.0", + "rollup": "^2.79.0", "rollup-plugin-vue": "^6.0.0", - "typescript": "^4.7.4", - "vue": "^3.2.37", - "vue-types": "^4.2.0" + "typescript": "^4.8.3", + "vue": "^3.2.39", + "vue-types": "^4.2.1" }, "peerDependencies": { - "@coreui/coreui": "^4.2.0", + "@coreui/coreui": "^4.2.2", "vue": "^3.2.21" }, "standard": { diff --git a/packages/docs/package.json b/packages/docs/package.json index a95c5f5b..bbd17f8e 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -1,8 +1,8 @@ { "name": "@coreui/vue-docs", - "version": "4.3.1", + "version": "4.4.0", "config": { - "version_short": "4.3" + "version_short": "4.4" }, "scripts": { "api": "vue-docgen -c build/docgen.config.js", @@ -12,7 +12,7 @@ "license": "MIT", "devDependencies": { "@coreui/chartjs": "^3.0.0", - "@coreui/coreui": "^4.2.0", + "@coreui/coreui": "^4.2.2", "@coreui/icons": "^2.1.0", "@coreui/icons-vue": "^2.0.0", "@coreui/vue-chartjs": "^2.0.1", diff --git a/yarn.lock b/yarn.lock index 71254e88..541d4d85 100644 --- a/yarn.lock +++ b/yarn.lock @@ -17,49 +17,49 @@ dependencies: "@babel/highlight" "^7.18.6" -"@babel/compat-data@^7.18.8": - version "7.18.8" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.8.tgz#2483f565faca607b8535590e84e7de323f27764d" - integrity sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ== +"@babel/compat-data@^7.19.1": + version "7.19.1" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.1.tgz#72d647b4ff6a4f82878d184613353af1dd0290f9" + integrity sha512-72a9ghR0gnESIa7jBN53U32FOVCEoztyIlKaNoU05zRhEecduGK9L9c3ww7Mp06JiR+0ls0GBPFJQwwtjn9ksg== "@babel/core@^7.11.6", "@babel/core@^7.12.3": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59" - integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g== + version "7.19.1" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.19.1.tgz#c8fa615c5e88e272564ace3d42fbc8b17bfeb22b" + integrity sha512-1H8VgqXme4UXCRv7/Wa1bq7RVymKOzC7znjyFM8KiEzwFqcKUKYNoQef4GhdklgNvoBXyW4gYhuBNCM5o1zImw== dependencies: "@ampproject/remapping" "^2.1.0" "@babel/code-frame" "^7.18.6" - "@babel/generator" "^7.18.9" - "@babel/helper-compilation-targets" "^7.18.9" - "@babel/helper-module-transforms" "^7.18.9" - "@babel/helpers" "^7.18.9" - "@babel/parser" "^7.18.9" - "@babel/template" "^7.18.6" - "@babel/traverse" "^7.18.9" - "@babel/types" "^7.18.9" + "@babel/generator" "^7.19.0" + "@babel/helper-compilation-targets" "^7.19.1" + "@babel/helper-module-transforms" "^7.19.0" + "@babel/helpers" "^7.19.0" + "@babel/parser" "^7.19.1" + "@babel/template" "^7.18.10" + "@babel/traverse" "^7.19.1" + "@babel/types" "^7.19.0" convert-source-map "^1.7.0" debug "^4.1.0" gensync "^1.0.0-beta.2" json5 "^2.2.1" semver "^6.3.0" -"@babel/generator@^7.18.9", "@babel/generator@^7.7.2": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.9.tgz#68337e9ea8044d6ddc690fb29acae39359cca0a5" - integrity sha512-wt5Naw6lJrL1/SGkipMiFxJjtyczUWTP38deiP1PO60HsBjDeKk08CGC3S8iVuvf0FmTdgKwU1KIXzSKL1G0Ug== +"@babel/generator@^7.19.0", "@babel/generator@^7.7.2": + version "7.19.0" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.19.0.tgz#785596c06425e59334df2ccee63ab166b738419a" + integrity sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg== dependencies: - "@babel/types" "^7.18.9" + "@babel/types" "^7.19.0" "@jridgewell/gen-mapping" "^0.3.2" jsesc "^2.5.1" -"@babel/helper-compilation-targets@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.9.tgz#69e64f57b524cde3e5ff6cc5a9f4a387ee5563bf" - integrity sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg== +"@babel/helper-compilation-targets@^7.19.1": + version "7.19.1" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.19.1.tgz#7f630911d83b408b76fe584831c98e5395d7a17c" + integrity sha512-LlLkkqhCMyz2lkQPvJNdIYU7O5YjWRgC2R4omjCTpZd8u8KMQzZvX4qce+/BluN1rcQiV7BoGUpmQ0LeHerbhg== dependencies: - "@babel/compat-data" "^7.18.8" + "@babel/compat-data" "^7.19.1" "@babel/helper-validator-option" "^7.18.6" - browserslist "^4.20.2" + browserslist "^4.21.3" semver "^6.3.0" "@babel/helper-environment-visitor@^7.18.9": @@ -67,13 +67,13 @@ resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be" integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg== -"@babel/helper-function-name@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.18.9.tgz#940e6084a55dee867d33b4e487da2676365e86b0" - integrity sha512-fJgWlZt7nxGksJS9a0XdSaI4XvpExnNIgRP+rVefWh5U7BL8pPuir6SJUmFKRfjWQ51OtWSzwOxhaH/EBWWc0A== +"@babel/helper-function-name@^7.19.0": + version "7.19.0" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c" + integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w== dependencies: - "@babel/template" "^7.18.6" - "@babel/types" "^7.18.9" + "@babel/template" "^7.18.10" + "@babel/types" "^7.19.0" "@babel/helper-hoist-variables@^7.18.6": version "7.18.6" @@ -89,24 +89,24 @@ dependencies: "@babel/types" "^7.18.6" -"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.9.tgz#5a1079c005135ed627442df31a42887e80fcb712" - integrity sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g== +"@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.0": + version "7.19.0" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.19.0.tgz#309b230f04e22c58c6a2c0c0c7e50b216d350c30" + integrity sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ== dependencies: "@babel/helper-environment-visitor" "^7.18.9" "@babel/helper-module-imports" "^7.18.6" "@babel/helper-simple-access" "^7.18.6" "@babel/helper-split-export-declaration" "^7.18.6" "@babel/helper-validator-identifier" "^7.18.6" - "@babel/template" "^7.18.6" - "@babel/traverse" "^7.18.9" - "@babel/types" "^7.18.9" + "@babel/template" "^7.18.10" + "@babel/traverse" "^7.19.0" + "@babel/types" "^7.19.0" "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.8.0": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.18.9.tgz#4b8aea3b069d8cb8a72cdfe28ddf5ceca695ef2f" - integrity sha512-aBXPT3bmtLryXaoJLyYPXPlSD4p1ld9aYeR+sJNOZjJJGiOpb+fKfh3NkcCu7J54nUJwCERPBExCCpyCOHnu/w== + version "7.19.0" + resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.19.0.tgz#4796bb14961521f0f8715990bee2fb6e51ce21bf" + integrity sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw== "@babel/helper-simple-access@^7.18.6": version "7.18.6" @@ -122,24 +122,29 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-string-parser@^7.18.10": + version "7.18.10" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56" + integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw== + "@babel/helper-validator-identifier@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076" - integrity sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g== + version "7.19.1" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2" + integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w== "@babel/helper-validator-option@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8" integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw== -"@babel/helpers@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.9.tgz#4bef3b893f253a1eced04516824ede94dcfe7ff9" - integrity sha512-Jf5a+rbrLoR4eNdUmnFu8cN5eNJT6qdTdOg5IHIzq87WwyRw9PwguLFOWYgktN/60IP4fgDUawJvs7PjQIzELQ== +"@babel/helpers@^7.19.0": + version "7.19.0" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.19.0.tgz#f30534657faf246ae96551d88dd31e9d1fa1fc18" + integrity sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg== dependencies: - "@babel/template" "^7.18.6" - "@babel/traverse" "^7.18.9" - "@babel/types" "^7.18.9" + "@babel/template" "^7.18.10" + "@babel/traverse" "^7.19.0" + "@babel/types" "^7.19.0" "@babel/highlight@^7.18.6": version "7.18.6" @@ -150,10 +155,10 @@ chalk "^2.0.0" js-tokens "^4.0.0" -"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.18.6", "@babel/parser@^7.18.9", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.9.tgz#f2dde0c682ccc264a9a8595efd030a5cc8fd2539" - integrity sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg== +"@babel/parser@^7.1.0", "@babel/parser@^7.13.12", "@babel/parser@^7.14.7", "@babel/parser@^7.16.4", "@babel/parser@^7.18.10", "@babel/parser@^7.19.1", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6": + version "7.19.1" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.1.tgz#6f6d6c2e621aad19a92544cc217ed13f1aac5b4c" + integrity sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A== "@babel/plugin-syntax-async-generators@^7.8.4": version "7.8.4" @@ -256,36 +261,37 @@ "@babel/helper-simple-access" "^7.18.6" babel-plugin-dynamic-import-node "^2.3.3" -"@babel/template@^7.18.6", "@babel/template@^7.3.3": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31" - integrity sha512-JoDWzPe+wgBsTTgdnIma3iHNFC7YVJoPssVBDjiHfNlyt4YcunDtcDOUmfVDfCK5MfdsaIoX9PkijPhjH3nYUw== +"@babel/template@^7.18.10", "@babel/template@^7.3.3": + version "7.18.10" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71" + integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA== dependencies: "@babel/code-frame" "^7.18.6" - "@babel/parser" "^7.18.6" - "@babel/types" "^7.18.6" + "@babel/parser" "^7.18.10" + "@babel/types" "^7.18.10" -"@babel/traverse@^7.18.9", "@babel/traverse@^7.7.2": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98" - integrity sha512-LcPAnujXGwBgv3/WHv01pHtb2tihcyW1XuL9wd7jqh1Z8AQkTd+QVjMrMijrln0T7ED3UXLIy36P9Ao7W75rYg== +"@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.7.2": + version "7.19.1" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.19.1.tgz#0fafe100a8c2a603b4718b1d9bf2568d1d193347" + integrity sha512-0j/ZfZMxKukDaag2PtOPDbwuELqIar6lLskVPPJDjXMXjfLb1Obo/1yjxIGqqAJrmfaTIY3z2wFLAQ7qSkLsuA== dependencies: "@babel/code-frame" "^7.18.6" - "@babel/generator" "^7.18.9" + "@babel/generator" "^7.19.0" "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-function-name" "^7.18.9" + "@babel/helper-function-name" "^7.19.0" "@babel/helper-hoist-variables" "^7.18.6" "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/parser" "^7.18.9" - "@babel/types" "^7.18.9" + "@babel/parser" "^7.19.1" + "@babel/types" "^7.19.0" debug "^4.1.0" globals "^11.1.0" -"@babel/types@^7.0.0", "@babel/types@^7.13.12", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.9.tgz#7148d64ba133d8d73a41b3172ac4b83a1452205f" - integrity sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg== +"@babel/types@^7.0.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.8", "@babel/types@^7.19.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.6.1", "@babel/types@^7.9.6": + version "7.19.0" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600" + integrity sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA== dependencies: + "@babel/helper-string-parser" "^7.18.10" "@babel/helper-validator-identifier" "^7.18.6" to-fast-properties "^2.0.0" @@ -307,10 +313,10 @@ resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.0.0.tgz#52ebe0197411a829ba48057ade61923e05859eec" integrity sha512-8vH6fJrmvCR/Oy5v0E+/1AL3Ygb4jhQ7NXK2fMYWJyK13BePDm9muB3y6S0IdqkpBwjY3hHVwHyt2lJqJdesmQ== -"@coreui/coreui@^4.2.0": - version "4.2.0" - resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.0.tgz#f5e7f345de2fbf4043f15976bcd3de6a0bd016fd" - integrity sha512-WN5DoVFaf8Mfx1kd+zqdOn8fV8VGLo8PT8YuiSWu8W78TqKeL1Wla2V88YwizFAWa/V2GffWjxflWhzhadXc9Q== +"@coreui/coreui@^4.2.2": + version "4.2.2" + resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.2.2.tgz#9702c1bec21ffd03415598aedf1ee58b752b3e1e" + integrity sha512-aPL7Rv98CBkIU4y7wmZOUBHuBN2qwRS3CFeWmUV3kPeGiPQe9FG4+kOtcITbttNQ35HVMSZeauJyoy2LSM0ygA== dependencies: postcss-combine-duplicated-selectors "^10.0.3" @@ -324,14 +330,19 @@ resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-2.1.0.tgz#b21641d3d034fdef308c87dc347c8684c408a753" integrity sha512-3yY9J0088TSY403jwJeP5YERH3RLOvxdhOa4VIQsGOX4fuQZiyVUM+vwlzyCSpgAv9NwKPkCor+gc+JJaYf0TA== -"@eslint/eslintrc@^1.3.0": - version "1.3.0" - resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.0.tgz#29f92c30bb3e771e4a2048c95fa6855392dfac4f" - integrity sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw== +"@esbuild/linux-loong64@0.14.54": + version "0.14.54" + resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028" + integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw== + +"@eslint/eslintrc@^1.3.2": + version "1.3.2" + resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.2.tgz#58b69582f3b7271d8fa67fe5251767a5b38ea356" + integrity sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ== dependencies: ajv "^6.12.4" debug "^4.3.2" - espree "^9.3.2" + espree "^9.4.0" globals "^13.15.0" ignore "^5.2.0" import-fresh "^3.2.1" @@ -344,15 +355,25 @@ resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6" integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw== -"@humanwhocodes/config-array@^0.9.2": - version "0.9.5" - resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7" - integrity sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw== +"@humanwhocodes/config-array@^0.10.4": + version "0.10.4" + resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.4.tgz#01e7366e57d2ad104feea63e72248f22015c520c" + integrity sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw== dependencies: "@humanwhocodes/object-schema" "^1.2.1" debug "^4.1.1" minimatch "^3.0.4" +"@humanwhocodes/gitignore-to-minimatch@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz#316b0a63b91c10e53f242efb4ace5c3b34e8728d" + integrity sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA== + +"@humanwhocodes/module-importer@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c" + integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA== + "@humanwhocodes/object-schema@^1.2.1": version "1.2.1" resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45" @@ -605,9 +626,9 @@ integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw== "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13", "@jridgewell/trace-mapping@^0.3.9": - version "0.3.14" - resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed" - integrity sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ== + version "0.3.15" + resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774" + integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g== dependencies: "@jridgewell/resolve-uri" "^3.0.3" "@jridgewell/sourcemap-codec" "^1.4.10" @@ -1407,10 +1428,10 @@ "@octokit/types" "^6.0.3" universal-user-agent "^6.0.0" -"@octokit/openapi-types@^12.10.0": - version "12.10.1" - resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.10.1.tgz#57b5cc6c7b4e55d8642c93d06401fb1af4839899" - integrity sha512-P+SukKanjFY0ZhsK6wSVnQmxTP2eVPPE8OPSNuxaMYtgVzwJZgfGdwlYjf4RlRU4vLEw4ts2fsE2icG4nZ5ddQ== +"@octokit/openapi-types@^12.11.0": + version "12.11.0" + resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.11.0.tgz#da5638d64f2b919bca89ce6602d059f1b52d3ef0" + integrity sha512-VsXyi8peyRq9PqIz/tpqiL2w3w80OgVMwBHltTml3LmVvXiphgeqmY9mvBw9Wu7e0QWk/fqD37ux8yP5uVekyQ== "@octokit/plugin-enterprise-rest@^6.0.1": version "6.0.1" @@ -1469,21 +1490,21 @@ "@octokit/plugin-rest-endpoint-methods" "^5.12.0" "@octokit/types@^6.0.3", "@octokit/types@^6.16.1", "@octokit/types@^6.39.0", "@octokit/types@^6.40.0": - version "6.40.0" - resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.40.0.tgz#f2e665196d419e19bb4265603cf904a820505d0e" - integrity sha512-MFZOU5r8SwgJWDMhrLUSvyJPtVsqA6VnbVI3TNbsmw+Jnvrktzvq2fYES/6RiJA/5Ykdwq4mJmtlYUfW7CGjmw== + version "6.41.0" + resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.41.0.tgz#e58ef78d78596d2fb7df9c6259802464b5f84a04" + integrity sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg== dependencies: - "@octokit/openapi-types" "^12.10.0" + "@octokit/openapi-types" "^12.11.0" -"@popperjs/core@^2.11.5": - version "2.11.5" - resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.5.tgz#db5a11bf66bdab39569719555b0f76e138d7bd64" - integrity sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw== +"@popperjs/core@^2.11.6": + version "2.11.6" + resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45" + integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw== -"@rollup/plugin-commonjs@^22.0.1": - version "22.0.1" - resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.1.tgz#f7cb777d20de3eeeaf994f39080115c336bef810" - integrity sha512-dGfEZvdjDHObBiP5IvwTKMVeq/tBZGMBHZFMdIV1ClMM/YoWS34xrHFGfag9SN2ZtMgNZRFruqvxZQEa70O6nQ== +"@rollup/plugin-commonjs@^22.0.2": + version "22.0.2" + resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz#ee8ca8415cda30d383b4096aad5222435b4b69b6" + integrity sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg== dependencies: "@rollup/pluginutils" "^3.1.0" commondir "^1.0.1" @@ -1505,10 +1526,10 @@ is-module "^1.0.0" resolve "^1.19.0" -"@rollup/plugin-typescript@^8.3.3": - version "8.3.3" - resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.3.3.tgz#eee7edab9cfc064f1cfd16570492693cf1432215" - integrity sha512-55L9SyiYu3r/JtqdjhwcwaECXP7JeJ9h1Sg1VWRJKIutla2MdZQodTgcCNybXLMCnqpNLEhS2vGENww98L1npg== +"@rollup/plugin-typescript@^8.5.0": + version "8.5.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.5.0.tgz#7ea11599a15b0a30fa7ea69ce3b791d41b862515" + integrity sha512-wMv1/scv0m/rXx21wD2IsBbJFba8wGF3ErJIr6IKRfRj49S85Lszbxb4DCo8iILpluTjk2GAAu9CoZt4G3ppgQ== dependencies: "@rollup/pluginutils" "^3.1.0" resolve "^1.17.0" @@ -1523,9 +1544,9 @@ picomatch "^2.2.2" "@sinclair/typebox@^0.24.1": - version "0.24.20" - resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.20.tgz#11a657875de6008622d53f56e063a6347c51a6dd" - integrity sha512-kVaO5aEFZb33nPMTZBxiPEkY+slxiPtqC7QX8f9B3eGOMBvEfuMfxp9DSTTCsRJPumPKjrge4yagyssO4q6qzQ== + version "0.24.42" + resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.42.tgz#a74b608d494a1f4cc079738e050142a678813f52" + integrity sha512-d+2AtrHGyWek2u2ITF0lHRIv6Tt7X0dEHW+0rP+5aDCEjC3fiN2RBjrLD0yU0at52BcZbRGxLbAtXiR0hFCjYw== "@sinonjs/commons@^1.7.0": version "1.8.3" @@ -1578,9 +1599,9 @@ "@babel/types" "^7.0.0" "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6": - version "7.17.1" - resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.17.1.tgz#1a0e73e8c28c7e832656db372b779bfd2ef37314" - integrity sha512-kVzjari1s2YVi77D3w1yuvohV2idweYXMCDzqBiVNN63TcDWrIlTVOYpqVrvbbyOE/IyzBoTKF0fdnLPEORFxA== + version "7.18.1" + resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.1.tgz#ce5e2c8c272b99b7a9fd69fa39f0b4cd85028bd9" + integrity sha512-FSdLaZh2UxaMuLp9lixWaHq/golWTRWOnRsAXzDTDSDOQLuZb1nsdCt6pJSPWSEQt2eFZ2YVk3oYhn+1kLMeMA== dependencies: "@babel/types" "^7.3.0" @@ -1647,12 +1668,12 @@ dependencies: "@types/istanbul-lib-report" "*" -"@types/jest@^28.1.6": - version "28.1.6" - resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.6.tgz#d6a9cdd38967d2d746861fb5be6b120e38284dd4" - integrity sha512-0RbGAFMfcBJKOmqRazM8L98uokwuwD5F8rHrv/ZMbrZBwVOWZUyPG6VFNscjYr/vjM3Vu4fRrCPbOs42AfemaQ== +"@types/jest@^28.1.8": + version "28.1.8" + resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.8.tgz#6936409f3c9724ea431efd412ea0238a0f03b09b" + integrity sha512-8TJkV++s7B6XqnDrzR1m/TT0A0h948Pnl/097veySPN67VRAgQ4gZ7n2KfJo2rVq6njQjdxU3GCCyDvAeuHoiw== dependencies: - jest-matcher-utils "^28.0.0" + expect "^28.0.0" pretty-format "^28.0.0" "@types/jsdom@^16.2.4": @@ -1674,10 +1695,10 @@ resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.2.tgz#fd2cd2edbaa7eaac7e7f3c1748b52a19143846c9" integrity sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA== -"@types/lodash@^4.14.181": - version "4.14.182" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.182.tgz#05301a4d5e62963227eaafe0ce04dd77c54ea5c2" - integrity sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q== +"@types/lodash@^4.14.185": + version "4.14.185" + resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.185.tgz#c9843f5a40703a8f5edfd53358a58ae729816908" + integrity sha512-evMDG1bC4rgQg4ku9tKpuMh5iBNEwNa3tf9zRHdP1qlv+1WUg44xat4IxCE14gIpZRGUUWAx2VhItCZc25NfMA== "@types/markdown-it@^12.2.3": version "12.2.3" @@ -1692,7 +1713,12 @@ resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9" integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA== -"@types/minimatch@*", "@types/minimatch@^3.0.3": +"@types/minimatch@*": + version "5.1.2" + resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca" + integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA== + +"@types/minimatch@^3.0.3": version "3.0.5" resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40" integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ== @@ -1708,9 +1734,9 @@ integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA== "@types/node@*": - version "18.6.1" - resolved "https://registry.yarnpkg.com/@types/node/-/node-18.6.1.tgz#828e4785ccca13f44e2fb6852ae0ef11e3e20ba5" - integrity sha512-z+2vB6yDt1fNwKOeGbckpmirO+VBDuQqecXkgeIqDlaOtmKn6hPR/viQ8cxCfqLU4fTlvM3+YjM367TukWdxpg== + version "18.7.18" + resolved "https://registry.yarnpkg.com/@types/node/-/node-18.7.18.tgz#633184f55c322e4fb08612307c274ee6d5ed3154" + integrity sha512-m+6nTEOadJZuTPkKR/SYK3A2d7FZrgElol9UP1Kae90VVU4a6mxnPuLiIW1m4Cq4gZ/nWb9GrdVXJCoCazDAbg== "@types/normalize-package-data@^2.4.0": version "2.4.1" @@ -1728,9 +1754,9 @@ integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g== "@types/prettier@^2.1.5": - version "2.6.3" - resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.3.tgz#68ada76827b0010d0db071f739314fa429943d0a" - integrity sha512-ymZk3LEC/fsut+/Q5qejp6R9O1rMxz3XaRHDV6kX8MrGAhOSPqVARbDi+EZvInBpw+BnCX3TD240byVkOfQsHg== + version "2.7.0" + resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.0.tgz#ea03e9f0376a4446f44797ca19d9c46c36e352dc" + integrity sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A== "@types/resolve@1.17.1": version "1.17.1" @@ -1770,20 +1796,20 @@ integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA== "@types/yargs@^17.0.8": - version "17.0.10" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.10.tgz#591522fce85d8739bca7b8bb90d048e4478d186a" - integrity sha512-gmEaFwpj/7f/ROdtIlci1R1VYU1J4j95m8T+Tj3iBgiBFKg1foE/PSl93bBd5T9LDXNPo8UlNN6W0qwD8O5OaA== + version "17.0.12" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.12.tgz#0745ff3e4872b4ace98616d4b7e37ccbd75f9526" + integrity sha512-Nz4MPhecOFArtm81gFQvQqdV7XYCrWKx5uUt6GNHredFHn1i2mtWqXTON7EPXMtNi1qjtjEM/VCHDhcHsAMLXQ== dependencies: "@types/yargs-parser" "*" -"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.30.7": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.31.0.tgz#cae1967b1e569e6171bbc6bec2afa4e0c8efccfe" - integrity sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ== +"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.37.0.tgz#5ccdd5d9004120f28fc6e717fb4b5c9bddcfbc04" + integrity sha512-Fde6W0IafXktz1UlnhGkrrmnnGpAo1kyX7dnyHHVrmwJOn72Oqm3eYtddrpOwwel2W8PAK9F3pIL5S+lfoM0og== dependencies: - "@typescript-eslint/scope-manager" "5.31.0" - "@typescript-eslint/type-utils" "5.31.0" - "@typescript-eslint/utils" "5.31.0" + "@typescript-eslint/scope-manager" "5.37.0" + "@typescript-eslint/type-utils" "5.37.0" + "@typescript-eslint/utils" "5.37.0" debug "^4.3.4" functional-red-black-tree "^1.0.1" ignore "^5.2.0" @@ -1791,117 +1817,118 @@ semver "^7.3.7" tsutils "^3.21.0" -"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.30.7": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.31.0.tgz#7f42d7dcc68a0a6d80a0f3d9a65063aee7bb8d2c" - integrity sha512-UStjQiZ9OFTFReTrN+iGrC6O/ko9LVDhreEK5S3edmXgR396JGq7CoX2TWIptqt/ESzU2iRKXAHfSF2WJFcWHw== +"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.37.0.tgz#c382077973f3a4ede7453fb14cadcad3970cbf3b" + integrity sha512-01VzI/ipYKuaG5PkE5+qyJ6m02fVALmMPY3Qq5BHflDx3y4VobbLdHQkSMg9VPRS4KdNt4oYTMaomFoHonBGAw== dependencies: - "@typescript-eslint/scope-manager" "5.31.0" - "@typescript-eslint/types" "5.31.0" - "@typescript-eslint/typescript-estree" "5.31.0" + "@typescript-eslint/scope-manager" "5.37.0" + "@typescript-eslint/types" "5.37.0" + "@typescript-eslint/typescript-estree" "5.37.0" debug "^4.3.4" -"@typescript-eslint/scope-manager@5.31.0": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.31.0.tgz#f47a794ba84d9b818ab7f8f44fff55a61016c606" - integrity sha512-8jfEzBYDBG88rcXFxajdVavGxb5/XKXyvWgvD8Qix3EEJLCFIdVloJw+r9ww0wbyNLOTYyBsR+4ALNGdlalLLg== +"@typescript-eslint/scope-manager@5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.37.0.tgz#044980e4f1516a774a418dafe701a483a6c9f9ca" + integrity sha512-F67MqrmSXGd/eZnujjtkPgBQzgespu/iCZ+54Ok9X5tALb9L2v3G+QBSoWkXG0p3lcTJsL+iXz5eLUEdSiJU9Q== dependencies: - "@typescript-eslint/types" "5.31.0" - "@typescript-eslint/visitor-keys" "5.31.0" + "@typescript-eslint/types" "5.37.0" + "@typescript-eslint/visitor-keys" "5.37.0" -"@typescript-eslint/type-utils@5.31.0": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.31.0.tgz#70a0b7201360b5adbddb0c36080495aa08f6f3d9" - integrity sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w== +"@typescript-eslint/type-utils@5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.37.0.tgz#43ed2f567ada49d7e33a6e4b6f9babd060445fe5" + integrity sha512-BSx/O0Z0SXOF5tY0bNTBcDEKz2Ec20GVYvq/H/XNKiUorUFilH7NPbFUuiiyzWaSdN3PA8JV0OvYx0gH/5aFAQ== dependencies: - "@typescript-eslint/utils" "5.31.0" + "@typescript-eslint/typescript-estree" "5.37.0" + "@typescript-eslint/utils" "5.37.0" debug "^4.3.4" tsutils "^3.21.0" -"@typescript-eslint/types@5.31.0": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.31.0.tgz#7aa389122b64b18e473c1672fb3b8310e5f07a9a" - integrity sha512-/f/rMaEseux+I4wmR6mfpM2wvtNZb1p9hAV77hWfuKc3pmaANp5dLAZSiE3/8oXTYTt3uV9KW5yZKJsMievp6g== +"@typescript-eslint/types@5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.37.0.tgz#09e4870a5f3af7af3f84e08d792644a87d232261" + integrity sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA== -"@typescript-eslint/typescript-estree@5.31.0": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.31.0.tgz#eb92970c9d6e3946690d50c346fb9b1d745ee882" - integrity sha512-3S625TMcARX71wBc2qubHaoUwMEn+l9TCsaIzYI/ET31Xm2c9YQ+zhGgpydjorwQO9pLfR/6peTzS/0G3J/hDw== +"@typescript-eslint/typescript-estree@5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.37.0.tgz#956dcf5c98363bcb97bdd5463a0a86072ff79355" + integrity sha512-JkFoFIt/cx59iqEDSgIGnQpCTRv96MQnXCYvJi7QhBC24uyuzbD8wVbajMB1b9x4I0octYFJ3OwjAwNqk1AjDA== dependencies: - "@typescript-eslint/types" "5.31.0" - "@typescript-eslint/visitor-keys" "5.31.0" + "@typescript-eslint/types" "5.37.0" + "@typescript-eslint/visitor-keys" "5.37.0" debug "^4.3.4" globby "^11.1.0" is-glob "^4.0.3" semver "^7.3.7" tsutils "^3.21.0" -"@typescript-eslint/utils@5.31.0": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.31.0.tgz#e146fa00dca948bfe547d665b2138a2dc1b79acd" - integrity sha512-kcVPdQS6VIpVTQ7QnGNKMFtdJdvnStkqS5LeALr4rcwx11G6OWb2HB17NMPnlRHvaZP38hL9iK8DdE9Fne7NYg== +"@typescript-eslint/utils@5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.37.0.tgz#7784cb8e91390c4f90ccaffd24a0cf9874df81b2" + integrity sha512-jUEJoQrWbZhmikbcWSMDuUSxEE7ID2W/QCV/uz10WtQqfOuKZUqFGjqLJ+qhDd17rjgp+QJPqTdPIBWwoob2NQ== dependencies: "@types/json-schema" "^7.0.9" - "@typescript-eslint/scope-manager" "5.31.0" - "@typescript-eslint/types" "5.31.0" - "@typescript-eslint/typescript-estree" "5.31.0" + "@typescript-eslint/scope-manager" "5.37.0" + "@typescript-eslint/types" "5.37.0" + "@typescript-eslint/typescript-estree" "5.37.0" eslint-scope "^5.1.1" eslint-utils "^3.0.0" -"@typescript-eslint/visitor-keys@5.31.0": - version "5.31.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.31.0.tgz#b0eca264df01ce85dceb76aebff3784629258f54" - integrity sha512-ZK0jVxSjS4gnPirpVjXHz7mgdOsZUHzNYSfTw2yPa3agfbt9YfqaBiBZFSSxeBWnpWkzCxTfUpnzA3Vily/CSg== +"@typescript-eslint/visitor-keys@5.37.0": + version "5.37.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.37.0.tgz#7b72dd343295ea11e89b624995abc7103c554eee" + integrity sha512-Hp7rT4cENBPIzMwrlehLW/28EVCOcE9U1Z1BQTc8EA8v5qpr7GRGuG+U58V5tTY48zvUOA3KHvw3rA8tY9fbdA== dependencies: - "@typescript-eslint/types" "5.31.0" + "@typescript-eslint/types" "5.37.0" eslint-visitor-keys "^3.3.0" "@vitejs/plugin-vue@^2.3.1": - version "2.3.3" - resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.3.tgz#fbf80cc039b82ac21a1acb0f0478de8f61fbf600" - integrity sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw== + version "2.3.4" + resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz#966a6279060eb2d9d1a02ea1a331af071afdcf9e" + integrity sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg== -"@vue/compiler-core@3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz#b3c42e04c0e0f2c496ff1784e543fbefe91e215a" - integrity sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg== +"@vue/compiler-core@3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.39.tgz#0d77e635f4bdb918326669155a2dc977c053943e" + integrity sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw== dependencies: "@babel/parser" "^7.16.4" - "@vue/shared" "3.2.37" + "@vue/shared" "3.2.39" estree-walker "^2.0.2" source-map "^0.6.1" -"@vue/compiler-dom@3.2.37", "@vue/compiler-dom@^3.2.0": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5" - integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ== +"@vue/compiler-dom@3.2.39", "@vue/compiler-dom@^3.2.0": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf" + integrity sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw== dependencies: - "@vue/compiler-core" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/compiler-core" "3.2.39" + "@vue/shared" "3.2.39" -"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4" - integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg== +"@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.31", "@vue/compiler-sfc@^3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2" + integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA== dependencies: "@babel/parser" "^7.16.4" - "@vue/compiler-core" "3.2.37" - "@vue/compiler-dom" "3.2.37" - "@vue/compiler-ssr" "3.2.37" - "@vue/reactivity-transform" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/compiler-core" "3.2.39" + "@vue/compiler-dom" "3.2.39" + "@vue/compiler-ssr" "3.2.39" + "@vue/reactivity-transform" "3.2.39" + "@vue/shared" "3.2.39" estree-walker "^2.0.2" magic-string "^0.25.7" postcss "^8.1.10" source-map "^0.6.1" -"@vue/compiler-ssr@3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz#4899d19f3a5fafd61524a9d1aee8eb0505313cff" - integrity sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw== +"@vue/compiler-ssr@3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633" + integrity sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ== dependencies: - "@vue/compiler-dom" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/compiler-dom" "3.2.39" + "@vue/shared" "3.2.39" "@vue/devtools-api@^6.1.4": version "6.2.1" @@ -1916,62 +1943,62 @@ eslint-config-prettier "^8.3.0" eslint-plugin-prettier "^4.0.0" -"@vue/eslint-config-typescript@^11.0.0": - version "11.0.0" - resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.0.tgz#bac0cb2d381625b5bf568d2025acffc0fd09113e" - integrity sha512-txuRzxnQVmtUvvy9UyWUy9sHWXNeRPGmSPqP53hRtaiUeCTAondI9Ho9GQYI/8/eWljYOST7iA4Aa8sANBkWaA== +"@vue/eslint-config-typescript@^11.0.1": + version "11.0.1" + resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.1.tgz#d79b3656aecea844ec9875bc93155163f684dde7" + integrity sha512-0U+nL0nA7ahnGPk3rTN49x76miUwuQtQPQNWOFvAcjg6nFJkIkA8qbGNtXwsuHtwBwRtWpHhShL3zK07v+632w== dependencies: "@typescript-eslint/eslint-plugin" "^5.0.0" "@typescript-eslint/parser" "^5.0.0" vue-eslint-parser "^9.0.0" -"@vue/reactivity-transform@3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz#0caa47c4344df4ae59f5a05dde2a8758829f8eca" - integrity sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg== +"@vue/reactivity-transform@3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa" + integrity sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A== dependencies: "@babel/parser" "^7.16.4" - "@vue/compiler-core" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/compiler-core" "3.2.39" + "@vue/shared" "3.2.39" estree-walker "^2.0.2" magic-string "^0.25.7" -"@vue/reactivity@3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848" - integrity sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A== +"@vue/reactivity@3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.39.tgz#e6e3615fe2288d4232b104640ddabd0729a78c80" + integrity sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ== dependencies: - "@vue/shared" "3.2.37" + "@vue/shared" "3.2.39" -"@vue/runtime-core@3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz#7ba7c54bb56e5d70edfc2f05766e1ca8519966e3" - integrity sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ== +"@vue/runtime-core@3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.39.tgz#dc1faccab11b3e81197aba33fb30c9447c1d2c84" + integrity sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g== dependencies: - "@vue/reactivity" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/reactivity" "3.2.39" + "@vue/shared" "3.2.39" -"@vue/runtime-dom@3.2.37": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz#002bdc8228fa63949317756fb1e92cdd3f9f4bbd" - integrity sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw== +"@vue/runtime-dom@3.2.39": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz#4a8cb132bcef316e8151c5ed07fc7272eb064614" + integrity sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA== dependencies: - "@vue/runtime-core" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/runtime-core" "3.2.39" + "@vue/shared" "3.2.39" csstype "^2.6.8" -"@vue/server-renderer@3.2.37", "@vue/server-renderer@^3.2.31": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.37.tgz#840a29c8dcc29bddd9b5f5ffa22b95c0e72afdfc" - integrity sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA== +"@vue/server-renderer@3.2.39", "@vue/server-renderer@^3.2.31": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.39.tgz#4358292d925233b0d8b54cf0513eaece8b2351c5" + integrity sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ== dependencies: - "@vue/compiler-ssr" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/compiler-ssr" "3.2.39" + "@vue/shared" "3.2.39" -"@vue/shared@3.2.37", "@vue/shared@^3.2.31": - version "3.2.37" - resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702" - integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw== +"@vue/shared@3.2.39", "@vue/shared@^3.2.31": + version "3.2.39" + resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3" + integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw== "@vue/test-utils@^2.0.2": version "2.0.2" @@ -2287,7 +2314,7 @@ acorn@^7.1.1: resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== -acorn@^8.5.0, acorn@^8.7.1: +acorn@^8.5.0, acorn@^8.8.0: version "8.8.0" resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8" integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w== @@ -2470,6 +2497,13 @@ ast-types@0.14.2: dependencies: tslib "^2.0.1" +ast-types@0.15.2: + version "0.15.2" + resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.15.2.tgz#39ae4809393c4b16df751ee563411423e85fb49d" + integrity sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg== + dependencies: + tslib "^2.0.1" + asynckit@^0.4.0: version "0.4.0" resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" @@ -2481,12 +2515,12 @@ at-least-node@^1.0.0: integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg== autoprefixer@^10.4.4: - version "10.4.7" - resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.7.tgz#1db8d195f41a52ca5069b7593be167618edbbedf" - integrity sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA== + version "10.4.11" + resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.11.tgz#835136aff1d9cd43640151e0d2dba00f8eac7c1c" + integrity sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg== dependencies: - browserslist "^4.20.3" - caniuse-lite "^1.0.30001335" + browserslist "^4.21.3" + caniuse-lite "^1.0.30001399" fraction.js "^4.2.0" normalize-range "^0.1.2" picocolors "^1.0.0" @@ -2637,15 +2671,15 @@ browser-process-hrtime@^1.0.0: resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626" integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow== -browserslist@^4.20.2, browserslist@^4.20.3: - version "4.21.2" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.2.tgz#59a400757465535954946a400b841ed37e2b4ecf" - integrity sha512-MonuOgAtUB46uP5CezYbRaYKBNt2LxP0yX+Pmj4LkcDFGkn9Cbpi83d9sCjwQDErXsIJSzY5oKGDbgOlF/LPAA== +browserslist@^4.21.3: + version "4.21.4" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987" + integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw== dependencies: - caniuse-lite "^1.0.30001366" - electron-to-chromium "^1.4.188" + caniuse-lite "^1.0.30001400" + electron-to-chromium "^1.4.251" node-releases "^2.0.6" - update-browserslist-db "^1.0.4" + update-browserslist-db "^1.0.9" bs-logger@0.x: version "0.2.6" @@ -2674,7 +2708,7 @@ buffer@^5.5.0: base64-js "^1.3.1" ieee754 "^1.1.13" -builtin-modules@^3.0.0: +builtin-modules@^3.3.0: version "3.3.0" resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6" integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw== @@ -2695,9 +2729,9 @@ byte-size@^7.0.0: integrity sha512-crQdqyCwhokxwV1UyDzLZanhkugAgft7vt0qbbdt60C6Zf3CAiGmtUCylbtYwrU6loOUw3euGrNtW1J651ot1A== cac@^6.7.12: - version "6.7.12" - resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.12.tgz#6fb5ea2ff50bd01490dbda497f4ae75a99415193" - integrity sha512-rM7E2ygtMkJqD9c7WnFU6fruFcN3xe4FM5yUmgxhZzIKJk4uHl9U/fhwdajGFQbQuv43FAUo1Fe8gX/oIKDeSA== + version "6.7.14" + resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959" + integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ== cacache@^15.0.5, cacache@^15.2.0: version "15.3.0" @@ -2755,10 +2789,10 @@ camelcase@^6.2.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a" integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA== -caniuse-lite@^1.0.30001335, caniuse-lite@^1.0.30001366: - version "1.0.30001370" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001370.tgz#0a30d4f20d38b9e108cc5ae7cc62df9fe66cd5ba" - integrity sha512-3PDmaP56wz/qz7G508xzjx8C+MC2qEm4SYhSEzC9IBROo+dGXFWRuaXkWti0A9tuI00g+toiriVqxtWMgl350g== +caniuse-lite@^1.0.30001399, caniuse-lite@^1.0.30001400: + version "1.0.30001402" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001402.tgz#aa29e1f47f5055b0d0c07696a67b8b08023d14c8" + integrity sha512-Mx4MlhXO5NwuvXGgVb+hg65HZ+bhUYsz8QtDGDo2QmaJS2GBX47Xfi2koL86lc8K+l+htXeTEB/Aeqvezoo6Ew== caseless@~0.12.0: version "0.12.0" @@ -2800,9 +2834,9 @@ chardet@^0.7.0: integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA== chart.js@^3.4.0, chart.js@^3.8.2: - version "3.8.2" - resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.8.2.tgz#e3ebb88f7072780eec4183a788a990f4a58ba7a1" - integrity sha512-7rqSlHWMUKFyBDOJvmFGW2lxULtcwaPLegDjX/Nu5j6QybY+GCiQkEY+6cqHw62S5tcwXMD8Y+H5OBGoR7d+ZQ== + version "3.9.1" + resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.9.1.tgz#3abf2c775169c4c71217a107163ac708515924b8" + integrity sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w== "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.3: version "3.5.3" @@ -2835,9 +2869,9 @@ ci-info@^2.0.0: integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ== ci-info@^3.2.0: - version "3.3.2" - resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.2.tgz#6d2967ffa407466481c6c90b6e16b3098f080128" - integrity sha512-xmDt/QIAdeZ9+nfdPsaBCpMvHNLFiLdjj59qjqn+6iPe6YmHGQ35sBnQ8uslRBXFmXkiZQOJRjvQeoGppoTjjg== + version "3.4.0" + resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.4.0.tgz#b28484fd436cbc267900364f096c9dc185efb251" + integrity sha512-t5QdPT5jq3o262DOQ8zA6E1tlH2upmUc4Hlvrbx1pGYJuiiHl7O7rvVNI+l8HTVhd/q3Qc9vqimkNk5yiXsAug== cjs-module-lexer@^1.0.0: version "1.2.2" @@ -3123,20 +3157,12 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3: shebang-command "^2.0.0" which "^2.0.1" -css-tree@^2.0.1: - version "2.1.0" - resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.1.0.tgz#170e27ccf94e7c5facb183765c25898be843d1d2" - integrity sha512-PcysZRzToBbrpoUrZ9qfblRIRf8zbEAkU0AIpQFtgkFK0vSbzOmBCvdSAx2Zg7Xx5wiYJKUKk0NMP7kxevie/A== - dependencies: - mdn-data "2.0.27" - source-map-js "^1.0.1" - -css-tree@~2.0.4: - version "2.0.4" - resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.0.4.tgz#be44314f17e9ac85fe894a5888941782e1123c29" - integrity sha512-b4IS9ZUMtGBiNjzYbcj9JhYbyei99R3ai2CSxlu8GQDnoPA/P+NU85hAm0eKDc/Zp660rpK6tFJQ2OSdacMHVg== +css-tree@^2.0.1, css-tree@~2.2.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032" + integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA== dependencies: - mdn-data "2.0.23" + mdn-data "2.0.28" source-map-js "^1.0.1" cssesc@^3.0.0: @@ -3149,12 +3175,12 @@ cssfontparser@^1.2.1: resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3" integrity sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg== -csso@^5.0.1: - version "5.0.4" - resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.4.tgz#ea5e6c023faf0baa9230e69b4f91ccaaa0a3db8b" - integrity sha512-AxnuDS5yBhDT5TQMdNS+6o2OdWTKC8ioi7C+G5a30Zgo8XMAQSuMItktj/jvqh8QWOH85kDf0/S6mH1DMgyq1Q== +csso@^5.0.5: + version "5.0.5" + resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6" + integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ== dependencies: - css-tree "~2.0.4" + css-tree "~2.2.0" cssom@^0.5.0: version "0.5.0" @@ -3174,9 +3200,9 @@ cssstyle@^2.3.0: cssom "~0.3.6" csstype@^2.6.8: - version "2.6.20" - resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda" - integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA== + version "2.6.21" + resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e" + integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w== dargs@^7.0.0: version "7.0.0" @@ -3230,9 +3256,9 @@ decamelize@^1.1.0: integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA== decimal.js@^10.3.1: - version "10.3.1" - resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783" - integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ== + version "10.4.1" + resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.1.tgz#be75eeac4a2281aace80c1a8753587c27ef053e7" + integrity sha512-F29o+vci4DodHYT9UrR5IEbfBw9pE5eSapIJdTqXK5+6hq+t8VRxwQyKlW2i+KDKFkkJQRvFyI/QXD83h8LyQw== decode-uri-component@^0.2.0: version "0.2.0" @@ -3370,10 +3396,10 @@ ecc-jsbn@~0.1.1: jsbn "~0.1.0" safer-buffer "^2.1.0" -electron-to-chromium@^1.4.188: - version "1.4.199" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.199.tgz#e0384fde79fdda89880e8be58196a9153e04db3b" - integrity sha512-WIGME0Cs7oob3mxsJwHbeWkH0tYkIE/sjkJ8ML2BYmuRcjhRl/q5kVDXG7W9LOOKwzPU5M0LBlXRq9rlSgnNlg== +electron-to-chromium@^1.4.251: + version "1.4.254" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.254.tgz#c6203583890abf88dfc0be046cd72d3b48f8beb6" + integrity sha512-Sh/7YsHqQYkA6ZHuHMy24e6TE4eX6KZVsZb9E/DvU1nQRIrH4BflO/4k+83tfdYvDl+MObvlqHPRICzEdC9c6Q== emittery@^0.10.2: version "0.10.2" @@ -3420,15 +3446,15 @@ error-ex@^1.3.1: is-arrayish "^0.2.1" es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20.1: - version "1.20.1" - resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.1.tgz#027292cd6ef44bd12b1913b828116f54787d1814" - integrity sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA== + version "1.20.2" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.2.tgz#8495a07bc56d342a3b8ea3ab01bd986700c2ccb3" + integrity sha512-XxXQuVNrySBNlEkTYJoDNFe5+s2yIOpzq80sUHEdPdQr0S5nTLz4ZPPPswNIpKseDDUS5yghX1gfLIHQZ1iNuQ== dependencies: call-bind "^1.0.2" es-to-primitive "^1.2.1" function-bind "^1.1.1" function.prototype.name "^1.1.5" - get-intrinsic "^1.1.1" + get-intrinsic "^1.1.2" get-symbol-description "^1.0.0" has "^1.0.3" has-property-descriptors "^1.0.0" @@ -3440,9 +3466,9 @@ es-abstract@^1.19.0, es-abstract@^1.19.2, es-abstract@^1.19.5, es-abstract@^1.20 is-shared-array-buffer "^1.0.2" is-string "^1.0.7" is-weakref "^1.0.2" - object-inspect "^1.12.0" + object-inspect "^1.12.2" object-keys "^1.1.1" - object.assign "^4.1.2" + object.assign "^4.1.4" regexp.prototype.flags "^1.4.3" string.prototype.trimend "^1.0.5" string.prototype.trimstart "^1.0.5" @@ -3462,131 +3488,132 @@ es-to-primitive@^1.2.1: is-date-object "^1.0.1" is-symbol "^1.0.2" -esbuild-android-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.50.tgz#a46fc80fa2007690e647680d837483a750a3097f" - integrity sha512-H7iUEm7gUJHzidsBlFPGF6FTExazcgXL/46xxLo6i6bMtPim6ZmXyTccS8yOMpy6HAC6dPZ/JCQqrkkin69n6Q== - -esbuild-android-arm64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.50.tgz#bdda7851fa7f5f770d6ff0ad593a8945d3a0fcdd" - integrity sha512-NFaoqEwa+OYfoYVpQWDMdKII7wZZkAjtJFo1WdnBeCYlYikvUhTnf2aPwPu5qEAw/ie1NYK0yn3cafwP+kP+OQ== - -esbuild-darwin-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.50.tgz#f0535435f9760766f30db14a991ee5ca94c022a4" - integrity sha512-gDQsCvGnZiJv9cfdO48QqxkRV8oKAXgR2CGp7TdIpccwFdJMHf8hyIJhMW/05b/HJjET/26Us27Jx91BFfEVSA== - -esbuild-darwin-arm64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.50.tgz#76a41a40e8947a15ae62970e9ed2853883c4b16c" - integrity sha512-36nNs5OjKIb/Q50Sgp8+rYW/PqirRiFN0NFc9hEvgPzNJxeJedktXwzfJSln4EcRFRh5Vz4IlqFRScp+aiBBzA== - -esbuild-freebsd-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.50.tgz#2ed6633c17ed42c20a1bd68e82c4bbc75ea4fb57" - integrity sha512-/1pHHCUem8e/R86/uR+4v5diI2CtBdiWKiqGuPa9b/0x3Nwdh5AOH7lj+8823C6uX1e0ufwkSLkS+aFZiBCWxA== - -esbuild-freebsd-arm64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.50.tgz#cb115f4cdafe9cdbe58875ba482fccc54d32aa43" - integrity sha512-iKwUVMQztnPZe5pUYHdMkRc9aSpvoV1mkuHlCoPtxZA3V+Kg/ptpzkcSY+fKd0kuom+l6Rc93k0UPVkP7xoqrw== - -esbuild-linux-32@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.50.tgz#fe2b724994dcf1d4e48dc4832ff008ad7d00bcfd" - integrity sha512-sWUwvf3uz7dFOpLzYuih+WQ7dRycrBWHCdoXJ4I4XdMxEHCECd8b7a9N9u7FzT6XR2gHPk9EzvchQUtiEMRwqw== - -esbuild-linux-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.50.tgz#7851ab5151df9501a2187bd4909c594ad232b623" - integrity sha512-u0PQxPhaeI629t4Y3EEcQ0wmWG+tC/LpP2K7yDFvwuPq0jSQ8SIN+ARNYfRjGW15O2we3XJvklbGV0wRuUCPig== - -esbuild-linux-arm64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.50.tgz#76a76afef484a0512f1fbbcc762edd705dee8892" - integrity sha512-ZyfoNgsTftD7Rp5S7La5auomKdNeB3Ck+kSKXC4pp96VnHyYGjHHXWIlcbH8i+efRn9brszo1/Thl1qn8RqmhQ== - -esbuild-linux-arm@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.50.tgz#6d7a8c0712091b0c3a668dd5d8b5c924adbaeb12" - integrity sha512-VALZq13bhmFJYFE/mLEb+9A0w5vo8z+YDVOWeaf9vOTrSC31RohRIwtxXBnVJ7YKLYfEMzcgFYf+OFln3Y0cWg== - -esbuild-linux-mips64le@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.50.tgz#43426909c1884c5dc6b40765673a08a7ec1d2064" - integrity sha512-ygo31Vxn/WrmjKCHkBoutOlFG5yM9J2UhzHb0oWD9O61dGg+Hzjz9hjf5cmM7FBhAzdpOdEWHIrVOg2YAi6rTw== - -esbuild-linux-ppc64le@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.50.tgz#c754ea3da1dd180c6e9b6b508dc18ce983d92b11" - integrity sha512-xWCKU5UaiTUT6Wz/O7GKP9KWdfbsb7vhfgQzRfX4ahh5NZV4ozZ4+SdzYG8WxetsLy84UzLX3Pi++xpVn1OkFQ== - -esbuild-linux-riscv64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.50.tgz#f3b2dd3c4c2b91bf191d3b98a9819c8aa6f5ad7f" - integrity sha512-0+dsneSEihZTopoO9B6Z6K4j3uI7EdxBP7YSF5rTwUgCID+wHD3vM1gGT0m+pjCW+NOacU9kH/WE9N686FHAJg== - -esbuild-linux-s390x@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.50.tgz#3dfbc4578b2a81995caabb79df2b628ea86a5390" - integrity sha512-tVjqcu8o0P9H4StwbIhL1sQYm5mWATlodKB6dpEZFkcyTI8kfIGWiWcrGmkNGH2i1kBUOsdlBafPxR3nzp3TDA== - -esbuild-netbsd-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.50.tgz#17dbf51eaa48d983e794b588d195415410ef8c85" - integrity sha512-0R/glfqAQ2q6MHDf7YJw/TulibugjizBxyPvZIcorH0Mb7vSimdHy0XF5uCba5CKt+r4wjax1mvO9lZ4jiAhEg== - -esbuild-openbsd-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.50.tgz#cf6b1a50c8cf67b0725aaa4bce9773976168c50e" - integrity sha512-7PAtmrR5mDOFubXIkuxYQ4bdNS6XCK8AIIHUiZxq1kL8cFIH5731jPcXQ4JNy/wbj1C9sZ8rzD8BIM80Tqk29w== - -esbuild-sunos-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.50.tgz#f705ae0dd914c3b45dc43319c4f532216c3d841f" - integrity sha512-gBxNY/wyptvD7PkHIYcq7se6SQEXcSC8Y7mE0FJB+CGgssEWf6vBPfTTZ2b6BWKnmaP6P6qb7s/KRIV5T2PxsQ== - -esbuild-windows-32@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.50.tgz#6364905a99c1e6c1e2fe7bfccebd958131b1cd6c" - integrity sha512-MOOe6J9cqe/iW1qbIVYSAqzJFh0p2LBLhVUIWdMVnNUNjvg2/4QNX4oT4IzgDeldU+Bym9/Tn6+DxvUHJXL5Zw== - -esbuild-windows-64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.50.tgz#56603cb6367e30d14098deb77de6aa18d76dd89b" - integrity sha512-r/qE5Ex3w1jjGv/JlpPoWB365ldkppUlnizhMxJgojp907ZF1PgLTuW207kgzZcSCXyquL9qJkMsY+MRtaZ5yQ== - -esbuild-windows-arm64@0.14.50: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.50.tgz#e7ddde6a97194051a5a4ac05f4f5900e922a7ea5" - integrity sha512-EMS4lQnsIe12ZyAinOINx7eq2mjpDdhGZZWDwPZE/yUTN9cnc2Ze/xUTYIAyaJqrqQda3LnDpADKpvLvol6ENQ== +esbuild-android-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be" + integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ== + +esbuild-android-arm64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771" + integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg== + +esbuild-darwin-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25" + integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug== + +esbuild-darwin-arm64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73" + integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw== + +esbuild-freebsd-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d" + integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg== + +esbuild-freebsd-arm64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48" + integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q== + +esbuild-linux-32@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5" + integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw== + +esbuild-linux-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652" + integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg== + +esbuild-linux-arm64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b" + integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig== + +esbuild-linux-arm@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59" + integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw== + +esbuild-linux-mips64le@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34" + integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw== + +esbuild-linux-ppc64le@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e" + integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ== + +esbuild-linux-riscv64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8" + integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg== + +esbuild-linux-s390x@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6" + integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA== + +esbuild-netbsd-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81" + integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w== + +esbuild-openbsd-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b" + integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw== + +esbuild-sunos-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da" + integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw== + +esbuild-windows-32@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31" + integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w== + +esbuild-windows-64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz#bf54b51bd3e9b0f1886ffdb224a4176031ea0af4" + integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ== + +esbuild-windows-arm64@0.14.54: + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982" + integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg== esbuild@^0.14.27, esbuild@^0.14.29: - version "0.14.50" - resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.50.tgz#7a665392c8df94bf6e1ae1e999966a5ee62c6cbc" - integrity sha512-SbC3k35Ih2IC6trhbMYW7hYeGdjPKf9atTKwBUHqMCYFZZ9z8zhuvfnZihsnJypl74FjiAKjBRqFkBkAd0rS/w== + version "0.14.54" + resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2" + integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA== optionalDependencies: - esbuild-android-64 "0.14.50" - esbuild-android-arm64 "0.14.50" - esbuild-darwin-64 "0.14.50" - esbuild-darwin-arm64 "0.14.50" - esbuild-freebsd-64 "0.14.50" - esbuild-freebsd-arm64 "0.14.50" - esbuild-linux-32 "0.14.50" - esbuild-linux-64 "0.14.50" - esbuild-linux-arm "0.14.50" - esbuild-linux-arm64 "0.14.50" - esbuild-linux-mips64le "0.14.50" - esbuild-linux-ppc64le "0.14.50" - esbuild-linux-riscv64 "0.14.50" - esbuild-linux-s390x "0.14.50" - esbuild-netbsd-64 "0.14.50" - esbuild-openbsd-64 "0.14.50" - esbuild-sunos-64 "0.14.50" - esbuild-windows-32 "0.14.50" - esbuild-windows-64 "0.14.50" - esbuild-windows-arm64 "0.14.50" + "@esbuild/linux-loong64" "0.14.54" + esbuild-android-64 "0.14.54" + esbuild-android-arm64 "0.14.54" + esbuild-darwin-64 "0.14.54" + esbuild-darwin-arm64 "0.14.54" + esbuild-freebsd-64 "0.14.54" + esbuild-freebsd-arm64 "0.14.54" + esbuild-linux-32 "0.14.54" + esbuild-linux-64 "0.14.54" + esbuild-linux-arm "0.14.54" + esbuild-linux-arm64 "0.14.54" + esbuild-linux-mips64le "0.14.54" + esbuild-linux-ppc64le "0.14.54" + esbuild-linux-riscv64 "0.14.54" + esbuild-linux-s390x "0.14.54" + esbuild-netbsd-64 "0.14.54" + esbuild-openbsd-64 "0.14.54" + esbuild-sunos-64 "0.14.54" + esbuild-windows-32 "0.14.54" + esbuild-windows-64 "0.14.54" + esbuild-windows-arm64 "0.14.54" escalade@^3.1.1: version "3.1.1" @@ -3632,10 +3659,10 @@ eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1: dependencies: prettier-linter-helpers "^1.0.0" -eslint-plugin-vue@^9.3.0: - version "9.3.0" - resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.3.0.tgz#c3f5ce515dae387e062428725c5cf96098d9da0b" - integrity sha512-iscKKkBZgm6fGZwFt6poRoWC0Wy2dQOlwUPW++CiPoQiw1enctV2Hj5DBzzjJZfyqs+FAXhgzL4q0Ww03AgSmQ== +eslint-plugin-vue@^9.5.1: + version "9.5.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.5.1.tgz#87ce075882cf7d824b95f46c224f91495fafcc54" + integrity sha512-Y0sL2RY7Xc9S8kNih9lbwHIDmewUg9bfas6WSzsOWRgDXhIHKxRBZYNAnVcXBFfE+bMWHUA5GLChl7TcTYUI8w== dependencies: eslint-utils "^3.0.0" natural-compare "^1.4.0" @@ -3678,13 +3705,15 @@ eslint-visitor-keys@^3.3.0: resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826" integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA== -eslint@8.20.0: - version "8.20.0" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.20.0.tgz#048ac56aa18529967da8354a478be4ec0a2bc81b" - integrity sha512-d4ixhz5SKCa1D6SCPrivP7yYVi7nyD6A4vs6HIAul9ujBzcEmZVM3/0NN/yu5nKhmO1wjp5xQ46iRfmDGlOviA== +eslint@8.23.1: + version "8.23.1" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.23.1.tgz#cfd7b3f7fdd07db8d16b4ac0516a29c8d8dca5dc" + integrity sha512-w7C1IXCc6fNqjpuYd0yPlcTKKmHlHHktRkzmBPZ+7cvNBQuiNjx0xaMTjAJGCafJhQkrFJooREv0CtrVzmHwqg== dependencies: - "@eslint/eslintrc" "^1.3.0" - "@humanwhocodes/config-array" "^0.9.2" + "@eslint/eslintrc" "^1.3.2" + "@humanwhocodes/config-array" "^0.10.4" + "@humanwhocodes/gitignore-to-minimatch" "^1.0.2" + "@humanwhocodes/module-importer" "^1.0.1" ajv "^6.10.0" chalk "^4.0.0" cross-spawn "^7.0.2" @@ -3694,18 +3723,21 @@ eslint@8.20.0: eslint-scope "^7.1.1" eslint-utils "^3.0.0" eslint-visitor-keys "^3.3.0" - espree "^9.3.2" + espree "^9.4.0" esquery "^1.4.0" esutils "^2.0.2" fast-deep-equal "^3.1.3" file-entry-cache "^6.0.1" - functional-red-black-tree "^1.0.1" + find-up "^5.0.0" glob-parent "^6.0.1" globals "^13.15.0" + globby "^11.1.0" + grapheme-splitter "^1.0.4" ignore "^5.2.0" import-fresh "^3.0.0" imurmurhash "^0.1.4" is-glob "^4.0.0" + js-sdsl "^4.1.4" js-yaml "^4.1.0" json-stable-stringify-without-jsonify "^1.0.1" levn "^0.4.1" @@ -3717,14 +3749,13 @@ eslint@8.20.0: strip-ansi "^6.0.1" strip-json-comments "^3.1.0" text-table "^0.2.0" - v8-compile-cache "^2.0.3" -espree@^9.3.1, espree@^9.3.2: - version "9.3.2" - resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596" - integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA== +espree@^9.3.1, espree@^9.4.0: + version "9.4.0" + resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.0.tgz#cd4bc3d6e9336c433265fc0aa016fc1aaf182f8a" + integrity sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw== dependencies: - acorn "^8.7.1" + acorn "^8.8.0" acorn-jsx "^5.3.2" eslint-visitor-keys "^3.3.0" @@ -3802,7 +3833,7 @@ exit@^0.1.2: resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c" integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ== -expect@^28.1.3: +expect@^28.0.0, expect@^28.1.3: version "28.1.3" resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.3.tgz#90a7c1a124f1824133dd4533cce2d2bdcb6603ec" integrity sha512-eEh0xn8HlsuOBxFgIss+2mX85VAS4Qy3OSkjV7rlBWljtA4oWH37glVGyOZSZvErDT/yBywZdPGwCXuTvSG85g== @@ -3855,9 +3886,9 @@ fast-diff@^1.1.2: integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w== fast-glob@^3.0.3, fast-glob@^3.2.9: - version "3.2.11" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9" - integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew== + version "3.2.12" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80" + integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" @@ -3930,6 +3961,14 @@ find-up@^4.0.0, find-up@^4.1.0: locate-path "^5.0.0" path-exists "^4.0.0" +find-up@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc" + integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng== + dependencies: + locate-path "^6.0.0" + path-exists "^4.0.0" + flat-cache@^3.0.4: version "3.0.4" resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11" @@ -3939,9 +3978,9 @@ flat-cache@^3.0.4: rimraf "^3.0.2" flatted@^3.1.0: - version "3.2.6" - resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.6.tgz#022e9218c637f9f3fc9c35ab9c9193f05add60b2" - integrity sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ== + version "3.2.7" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787" + integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ== forever-agent@~0.6.1: version "0.6.1" @@ -4063,10 +4102,10 @@ get-caller-file@^2.0.5: resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== -get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1: - version "1.1.2" - resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.2.tgz#336975123e05ad0b7ba41f152ee4aadbea6cf598" - integrity sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA== +get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1, get-intrinsic@^1.1.2: + version "1.1.3" + resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385" + integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A== dependencies: function-bind "^1.1.1" has "^1.0.3" @@ -4230,6 +4269,11 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6 resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c" integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA== +grapheme-splitter@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e" + integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ== + gray-matter@^4.0.3: version "4.0.3" resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-4.0.3.tgz#e893c064825de73ea1f5f7d88c7a9f7274288798" @@ -4292,7 +4336,7 @@ has-property-descriptors@^1.0.0: dependencies: get-intrinsic "^1.1.1" -has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3: +has-symbols@^1.0.2, has-symbols@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8" integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A== @@ -4561,16 +4605,16 @@ is-boolean-object@^1.1.0: has-tostringtag "^1.0.0" is-builtin-module@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.1.0.tgz#6fdb24313b1c03b75f8b9711c0feb8c30b903b00" - integrity sha512-OV7JjAgOTfAFJmHZLvpSTb4qi0nIILDV1gWPYDnDJUTNFM5aGlRAhk4QcT8i7TuAleeEV5Fdkqn3t4mS+Q11fg== + version "3.2.0" + resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0" + integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw== dependencies: - builtin-modules "^3.0.0" + builtin-modules "^3.3.0" is-callable@^1.1.4, is-callable@^1.2.4: - version "1.2.4" - resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945" - integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w== + version "1.2.6" + resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.6.tgz#fd6170b0b8c7e2cc73de342ef8284a2202023c44" + integrity sha512-krO72EO2NptOGAX2KYyqbP9vYMlNAXdB53rq6f8LXY6RY7JdSR/3BD6wLUlPHSAesmY9vstNrjvqGaCiRK/91Q== is-ci@^2.0.0: version "2.0.0" @@ -4580,9 +4624,9 @@ is-ci@^2.0.0: ci-info "^2.0.0" is-core-module@^2.5.0, is-core-module@^2.9.0: - version "2.9.0" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69" - integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A== + version "2.10.0" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed" + integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg== dependencies: has "^1.0.3" @@ -5011,7 +5055,7 @@ jest-leak-detector@^28.1.3: jest-get-type "^28.0.2" pretty-format "^28.1.3" -jest-matcher-utils@^28.0.0, jest-matcher-utils@^28.1.3: +jest-matcher-utils@^28.1.3: version "28.1.3" resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz#5a77f1c129dd5ba3b4d7fc20728806c78893146e" integrity sha512-kQeJ7qHemKfbzKoGjHHrRKH6atgxMk8Enkk2iPQ3XwO6oE/KYD8lMYOziCkeSB9G4adPM4nR1DE8Tf5JeWH6Bw== @@ -5218,6 +5262,11 @@ jest@^28.1.3: import-local "^3.0.2" jest-cli "^28.1.3" +js-sdsl@^4.1.4: + version "4.1.4" + resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6" + integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw== + js-stringify@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db" @@ -5481,6 +5530,13 @@ locate-path@^5.0.0: dependencies: p-locate "^4.1.0" +locate-path@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286" + integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw== + dependencies: + p-locate "^5.0.0" + lodash._reinterpolate@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d" @@ -5632,9 +5688,9 @@ map-obj@^4.0.0: integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ== markdown-it-anchor@^8.4.1: - version "8.6.4" - resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.4.tgz#affb8aa0910a504c114e9fcad53ac3a5b907b0e6" - integrity sha512-Ul4YVYZNxMJYALpKtu+ZRdrryYt/GlQ5CK+4l1bp/gWXOG2QWElt6AqF3Mih/wfUKdZbNAZVXGR73/n6U/8img== + version "8.6.5" + resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.5.tgz#30c4bc5bbff327f15ce3c429010ec7ba75e7b5f8" + integrity sha512-PI1qEHHkTNWT+X6Ip9w+paonfIQ+QZP9sCeMYi47oqhH+EsW8CrJ8J7CzV19QVOj6il8ATGbK2nTECj22ZHGvQ== markdown-it-container@^3.0.0: version "3.0.0" @@ -5662,15 +5718,10 @@ markdown-it@^12.3.2: mdurl "^1.0.1" uc.micro "^1.0.5" -mdn-data@2.0.23: - version "2.0.23" - resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.23.tgz#dfb6c41e50a0edb808cf340973ab29321b70808e" - integrity sha512-IonVb7pfla2U4zW8rc7XGrtgq11BvYeCxWN8HS+KFBnLDE7XDK9AAMVhRuG6fj9BBsjc69Fqsp6WEActEdNTDQ== - -mdn-data@2.0.27: - version "2.0.27" - resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.27.tgz#1710baa7b0db8176d3b3d565ccb7915fc69525ab" - integrity sha512-kwqO0I0jtWr25KcfLm9pia8vLZ8qoAKhWZuZMbneJq3jjBD3gl5nZs8l8Tu3ZBlBAHVQtDur9rdDGyvtfVraHQ== +mdn-data@2.0.28: + version "2.0.28" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba" + integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g== mdurl@^1.0.1: version "1.0.1" @@ -6139,9 +6190,9 @@ number-is-nan@^1.0.0: integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ== nwsapi@^2.2.0: - version "2.2.1" - resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.1.tgz#10a9f268fbf4c461249ebcfe38e359aa36e2577c" - integrity sha512-JYOWTeFoS0Z93587vRJgASD5Ut11fYl5NyihP3KrYBvMe1FRRs6RN7m20SA/16GM4P6hTnZjT+UmDOt38UeXNg== + version "2.2.2" + resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0" + integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw== oauth-sign@~0.9.0: version "0.9.0" @@ -6153,7 +6204,7 @@ object-assign@^4.1.0, object-assign@^4.1.1: resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg== -object-inspect@^1.12.0, object-inspect@^1.9.0: +object-inspect@^1.12.2, object-inspect@^1.9.0: version "1.12.2" resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea" integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ== @@ -6163,14 +6214,14 @@ object-keys@^1.1.1: resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e" integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA== -object.assign@^4.1.0, object.assign@^4.1.2: - version "4.1.2" - resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940" - integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ== +object.assign@^4.1.0, object.assign@^4.1.4: + version "4.1.4" + resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f" + integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ== dependencies: - call-bind "^1.0.0" - define-properties "^1.1.3" - has-symbols "^1.0.1" + call-bind "^1.0.2" + define-properties "^1.1.4" + has-symbols "^1.0.3" object-keys "^1.1.1" object.getownpropertydescriptors@^2.0.3: @@ -6273,7 +6324,7 @@ p-limit@^2.2.0: dependencies: p-try "^2.0.0" -p-limit@^3.1.0: +p-limit@^3.0.2, p-limit@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b" integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ== @@ -6294,6 +6345,13 @@ p-locate@^4.1.0: dependencies: p-limit "^2.2.0" +p-locate@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834" + integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw== + dependencies: + p-limit "^3.0.2" + p-map-series@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/p-map-series/-/p-map-series-2.1.0.tgz#7560d4c452d9da0c07e692fdbfe6e2c81a2a91f2" @@ -6515,11 +6573,11 @@ postcss-combine-duplicated-selectors@^10.0.3: postcss-selector-parser "^6.0.4" postcss-csso@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/postcss-csso/-/postcss-csso-6.0.0.tgz#ff3ec8ce0694d797b75f7f7e10c4ac5a35e7780f" - integrity sha512-LsrU+LVR0mNIYauoTEbYVC81i+yXcGWa9kqW6Lvm+gYUZTaNTJmJT6Dbv+fqT8gOnwXAH1RV+5RXvAVoRtwO+g== + version "6.0.1" + resolved "https://registry.yarnpkg.com/postcss-csso/-/postcss-csso-6.0.1.tgz#6a3e812e236fde6d710a525f2b63e6d9da5a5008" + integrity sha512-ZV4yEziMrx6CEiqabGLrDva0pMD7Fbw7yP+LzJvaynM4OJgTssGN6dHiMsJMJdpmNaLJltXVLsrb/5sxbFa8sA== dependencies: - csso "^5.0.1" + csso "^5.0.5" postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9: version "6.0.10" @@ -6535,9 +6593,9 @@ postcss-value-parser@^4.2.0: integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== postcss@^8.1.10, postcss@^8.4.12, postcss@^8.4.13: - version "8.4.14" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf" - integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig== + version "8.4.16" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c" + integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ== dependencies: nanoid "^3.3.4" picocolors "^1.0.0" @@ -6581,9 +6639,9 @@ pretty-format@^28.0.0, pretty-format@^28.1.3: react-is "^18.0.0" prismjs@^1.27.0: - version "1.28.0" - resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.28.0.tgz#0d8f561fa0f7cf6ebca901747828b149147044b6" - integrity sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw== + version "1.29.0" + resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12" + integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q== process-nextick-args@~2.0.0: version "2.0.1" @@ -6785,6 +6843,11 @@ query-string@^6.13.8: split-on-first "^1.0.0" strict-uri-encode "^2.0.0" +querystringify@^2.1.1: + version "2.2.0" + resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6" + integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ== + queue-microtask@^1.2.2: version "1.2.3" resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243" @@ -6934,12 +6997,12 @@ readdirp@~3.6.0: dependencies: picomatch "^2.2.1" -recast@0.20.5: - version "0.20.5" - resolved "https://registry.yarnpkg.com/recast/-/recast-0.20.5.tgz#8e2c6c96827a1b339c634dd232957d230553ceae" - integrity sha512-E5qICoPoNL4yU0H0NoBDntNB0Q5oMSNh9usFctYniLBluTthi3RsQVBXIJNbApOlvSwW/RGxIuokPcAc59J5fQ== +recast@0.21.1: + version "0.21.1" + resolved "https://registry.yarnpkg.com/recast/-/recast-0.21.1.tgz#9b3f4f68c1fe9c1513a1c02ff572fdef02231de2" + integrity sha512-PF61BHLaOGF5oIKTpSrDM6Qfy2d7DIx5qblgqG+wjqHuFH97OgAqBYFIJwEuHTrM6pQGT17IJ8D0C/jVu/0tig== dependencies: - ast-types "0.14.2" + ast-types "0.15.2" esprima "~4.0.0" source-map "~0.6.1" tslib "^2.0.1" @@ -6997,6 +7060,11 @@ require-directory@^2.1.1: resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q== +requires-port@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff" + integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ== + resolve-cwd@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d" @@ -7081,10 +7149,17 @@ rollup-pluginutils@^2.8.2: dependencies: estree-walker "^0.6.1" -rollup@^2.59.0, rollup@^2.70.1, rollup@^2.77.0: - version "2.77.0" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.0.tgz#749eaa5ac09b6baa52acc076bc46613eddfd53f4" - integrity sha512-vL8xjY4yOQEw79DvyXLijhnhh+R/O9zpF/LEgkCebZFtb6ELeN9H3/2T0r8+mp+fFTBHZ5qGpOpW2ela2zRt3g== +"rollup@>=2.59.0 <2.78.0": + version "2.77.3" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12" + integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g== + optionalDependencies: + fsevents "~2.3.2" + +rollup@^2.70.1, rollup@^2.79.0: + version "2.79.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.0.tgz#9177992c9f09eb58c5e56cbfa641607a12b57ce2" + integrity sha512-x4KsrCgwQ7ZJPcFA/SUu6QVcYlO7uRLfLAy0DSA4NS2eG8japdbpM50ToH7z4iObodRYOJ0soneF0iaQRJ6zhA== optionalDependencies: fsevents "~2.3.2" @@ -7131,9 +7206,9 @@ sass-loader@^12.6.0: neo-async "^2.6.2" sass@^1.49.10: - version "1.54.0" - resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.0.tgz#24873673265e2a4fe3d3a997f714971db2fba1f4" - integrity sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ== + version "1.54.9" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.9.tgz#b05f14ed572869218d1a76961de60cd647221762" + integrity sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q== dependencies: chokidar ">=3.0.0 <4.0.0" immutable "^4.0.0" @@ -7319,9 +7394,9 @@ spdx-expression-parse@^3.0.0: spdx-license-ids "^3.0.0" spdx-license-ids@^3.0.0: - version "3.0.11" - resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz#50c0d8c40a14ec1bf449bae69a0ea4685a9d9f95" - integrity sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g== + version "3.0.12" + resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779" + integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA== split-on-first@^1.0.0: version "1.1.0" @@ -7521,9 +7596,9 @@ supports-color@^8.0.0: has-flag "^4.0.0" supports-hyperlinks@^2.0.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb" - integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ== + version "2.3.0" + resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624" + integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA== dependencies: has-flag "^4.0.0" supports-color "^7.0.0" @@ -7661,13 +7736,14 @@ toml@^3.0.0: integrity sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w== tough-cookie@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.0.0.tgz#d822234eeca882f991f0f908824ad2622ddbece4" - integrity sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg== + version "4.1.2" + resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874" + integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ== dependencies: psl "^1.1.33" punycode "^2.1.1" - universalify "^0.1.2" + universalify "^0.2.0" + url-parse "^1.5.3" tough-cookie@~2.5.0: version "2.5.0" @@ -7706,10 +7782,10 @@ ts-debounce@^4.0.0: resolved "https://registry.yarnpkg.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841" integrity sha512-+1iDGY6NmOGidq7i7xZGA4cm8DAa6fqdYcvO5Z6yBevH++Bdo9Qt/mN0TzHUgcCcKv1gmh9+W5dHqz8pMWbCbg== -ts-jest@^28.0.7: - version "28.0.7" - resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.7.tgz#e18757a9e44693da9980a79127e5df5a98b37ac6" - integrity sha512-wWXCSmTwBVmdvWrOpYhal79bDpioDy4rTT+0vyUnE3ZzM7LOAAGG9NXwzkEL/a516rQEgnMmS/WKP9jBPCVJyA== +ts-jest@^28.0.8: + version "28.0.8" + resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-28.0.8.tgz#cd204b8e7a2f78da32cf6c95c9a6165c5b99cc73" + integrity sha512-5FaG0lXmRPzApix8oFG8RKjAz4ehtm8yMKOTy5HX3fY6W8kmvOrmcY0hKDElW52FJov+clhUbrKAqofnj4mXTg== dependencies: bs-logger "0.x" fast-json-stable-stringify "2.x" @@ -7825,10 +7901,10 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA== -typescript@^4.7.4: - version "4.7.4" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235" - integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ== +typescript@^4.8.3: + version "4.8.3" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.3.tgz#d59344522c4bc464a65a730ac695007fdb66dd88" + integrity sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig== uc.micro@^1.0.1, uc.micro@^1.0.5: version "1.0.6" @@ -7836,9 +7912,9 @@ uc.micro@^1.0.1, uc.micro@^1.0.5: integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA== uglify-js@^3.1.4: - version "3.16.3" - resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.16.3.tgz#94c7a63337ee31227a18d03b8a3041c210fd1f1d" - integrity sha512-uVbFqx9vvLhQg0iBaau9Z75AxWJ8tqM9AV890dIZCLApF4rTcyHwmAvLeEdYRs+BzYWu8Iw81F79ah0EfTXbaw== + version "3.17.0" + resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.0.tgz#55bd6e9d19ce5eef0d5ad17cd1f587d85b180a85" + integrity sha512-aTeNPVmgIMPpm1cxXr2Q/nEbvkmV8yq66F3om7X3P/cvOXQ0TMQ64Wk63iyT1gPlmdmGzjGpyLh1f3y8MZWXGg== uid-number@0.0.6: version "0.0.6" @@ -7879,10 +7955,10 @@ universal-user-agent@^6.0.0: resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee" integrity sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w== -universalify@^0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66" - integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg== +universalify@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0" + integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg== universalify@^2.0.0: version "2.0.0" @@ -7894,10 +7970,10 @@ upath@^2.0.1: resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b" integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w== -update-browserslist-db@^1.0.4: - version "1.0.5" - resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz#be06a5eedd62f107b7c19eb5bcefb194411abf38" - integrity sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q== +update-browserslist-db@^1.0.9: + version "1.0.9" + resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz#2924d3927367a38d5c555413a7ce138fc95fcb18" + integrity sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg== dependencies: escalade "^3.1.1" picocolors "^1.0.0" @@ -7909,6 +7985,14 @@ uri-js@^4.2.2: dependencies: punycode "^2.1.0" +url-parse@^1.5.3: + version "1.5.10" + resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1" + integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ== + dependencies: + querystringify "^2.1.1" + requires-port "^1.0.0" + util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" @@ -7926,11 +8010,6 @@ uuid@^3.3.2: resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee" integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A== -v8-compile-cache@^2.0.3: - version "2.3.0" - resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee" - integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA== - v8-to-istanbul@^9.0.1: version "9.0.1" resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4" @@ -7965,14 +8044,14 @@ verror@1.10.0: extsprintf "^1.2.0" vite@~2.9.1: - version "2.9.14" - resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.14.tgz#c438324c6594afd1050df3777da981dee988bb1b" - integrity sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw== + version "2.9.15" + resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b" + integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ== dependencies: esbuild "^0.14.27" postcss "^8.4.13" resolve "^1.22.0" - rollup "^2.59.0" + rollup ">=2.59.0 <2.78.0" optionalDependencies: fsevents "~2.3.2" @@ -7982,31 +8061,31 @@ void-elements@^3.1.0: integrity sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w== vue-demi@*: - version "0.13.5" - resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.5.tgz#d5eddbc9eaefb89ce5995269d1fa6b0486312092" - integrity sha512-tO3K2bML3AwiHmVHeKCq6HLef2st4zBXIV5aEkoJl6HZ+gJWxWv2O8wLH8qrA3SX3lDoTDHNghLX1xZg83MXvw== + version "0.13.11" + resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99" + integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A== vue-docgen-api@^4.45.0: - version "4.47.0" - resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.47.0.tgz#605a797886dbe1c941ea73af5f2ba23090722e81" - integrity sha512-xUsD8vDpcIZNVQM/Jh8/ZUw+sfwLSvpW5awi7kxDX9bGvTIIDh7mXEEqnOmndYXR6620lGNj23uY9bJTFhim6w== + version "4.52.0" + resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.52.0.tgz#83d38e23f640913ec4fd2107c2a9dff1b5af5d0f" + integrity sha512-2HSt9KLQ/ehJiwV4+6LgOjRqzh37vtUv6sKhSIp3CAPlwSd4/Bq2uvbs0+GJxdfrMnVquwY5DOavgNSEHsPA2w== dependencies: "@babel/parser" "^7.13.12" - "@babel/types" "^7.13.12" + "@babel/types" "^7.18.8" "@vue/compiler-dom" "^3.2.0" "@vue/compiler-sfc" "^3.2.0" ast-types "0.14.2" hash-sum "^1.0.2" lru-cache "^4.1.5" pug "^3.0.2" - recast "0.20.5" + recast "0.21.1" ts-map "^1.0.3" - vue-inbrowser-compiler-utils "^4.44.23" + vue-inbrowser-compiler-independent-utils "^4.52.0" vue-docgen-cli@^4.45.0: - version "4.45.0" - resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.45.0.tgz#c775c786be220397d0e04e3d719e7859ff52cfc5" - integrity sha512-eFuaUPywt9Bx5FVMhI+twh8ieg7pcU32uZ4NL0MWXDivjTYqe57sUK70brZTf3vZ8u/OKiQ9OnLEZ65WeqSNEA== + version "4.51.0" + resolved "https://registry.yarnpkg.com/vue-docgen-cli/-/vue-docgen-cli-4.51.0.tgz#84fd5b0412fb3abbff5ca5f4283cab8d397fc464" + integrity sha512-w9IzAT2cwSRrnT9Hq48YerIHbd5g1MhWQEGuQw4h699yUoTlmBW/RGZ5y/IBZ1noKVIW9j77q6zyyrjJh29Tpw== dependencies: chokidar "^3.5.1" globby "^10.0.2" @@ -8017,9 +8096,9 @@ vue-docgen-cli@^4.45.0: vue-docgen-api "^4.45.0" vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1: - version "9.0.3" - resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.0.3.tgz#0c17a89e0932cc94fa6a79f0726697e13bfe3c96" - integrity sha512-yL+ZDb+9T0ELG4VIFo/2anAOz8SvBdlqEnQnvJ3M7Scq56DvtjY0VY88bByRZB0D4J0u8olBcfrXTVONXsh4og== + version "9.1.0" + resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz#0e121d1bb29bd10763c83e3cc583ee03434a9dd5" + integrity sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ== dependencies: debug "^4.3.4" eslint-scope "^7.1.1" @@ -8029,43 +8108,35 @@ vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1: lodash "^4.17.21" semver "^7.3.6" -vue-inbrowser-compiler-demi@^4.45.0: - version "4.45.0" - resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.45.0.tgz#d5b75479490dc7c7c9bd4ec34a4e0d3c7e4c6c98" - integrity sha512-nZnPwiW0y2d7vEyAGI/0lZS/iVFHmHMDhdLiakcW5Wn5HJ+wiKWYUU4ZkKqErBKFSpmbnpFFS0mUToUZq0NhZA== - -vue-inbrowser-compiler-utils@^4.44.23: - version "4.46.0" - resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.46.0.tgz#1bc0ce4e7ac95a53b2c62bc8b77fd80379d028b1" - integrity sha512-leyj8EpYJixnrjWL/YZF/cF88jEyrAEUiorqoVkIxlkxWlxwQWHPoiAHZBLAfUXc5ZLzQ6uoBJXA2kHJ7A2EJg== - dependencies: - camelcase "^5.3.1" - vue-inbrowser-compiler-demi "^4.45.0" +vue-inbrowser-compiler-independent-utils@^4.52.0: + version "4.54.1" + resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.54.1.tgz#2628fe92c99a06672d1b91b0f838e0272551ed02" + integrity sha512-hQN3mzLmWM33Ua2Oua5OgF8/BJjP6+T1Wzea5xHDRYCwVvJo2pxSJLhVqluaeBe3PB5vquMddceaKC4mhLe25A== vue-router@^4.0.14: - version "4.1.2" - resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.2.tgz#ae08f63c9610afa6bff6743e8f128b7054d4c9f5" - integrity sha512-5BP1qXFncVRwgV/XnqzsKApdMjQPqWIpoUBdL1ynz8HyLxIX/UDAx7Ql2BjmA5CXT/p61JfZvkpiFWFpaqcfag== + version "4.1.5" + resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.5.tgz#256f597e3f5a281a23352a6193aa6e342c8d9f9a" + integrity sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ== dependencies: "@vue/devtools-api" "^6.1.4" -vue-types@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.2.0.tgz#db054e242a099f006c84d62fd4ab831767accf18" - integrity sha512-iMllg63ZQ61DP7C2ZR1Ez7D6hqcP5/pcNP9SgXg6Nmrt82r2Mx06+xEw7GRrrysR6Sfoh3w+TLLflMTk6I/D0A== +vue-types@^4.2.1: + version "4.2.1" + resolved "https://registry.yarnpkg.com/vue-types/-/vue-types-4.2.1.tgz#f8f7e5fb42d4a6acda6d92c9736b510e5534c753" + integrity sha512-DNQZmJuOvovLUIp0BENRkdnZHbI0V4e2mNvjAZOAXKD56YGvRchtUYOXA/XqTxdv7Ng5SJLZqRKRpAhm5NLaPQ== dependencies: is-plain-object "5.0.0" -vue@^3.2.31, vue@^3.2.37: - version "3.2.37" - resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e" - integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ== +vue@^3.2.31, vue@^3.2.39: + version "3.2.39" + resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.39.tgz#de071c56c4c32c41cbd54e55f11404295c0dd62d" + integrity sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g== dependencies: - "@vue/compiler-dom" "3.2.37" - "@vue/compiler-sfc" "3.2.37" - "@vue/runtime-dom" "3.2.37" - "@vue/server-renderer" "3.2.37" - "@vue/shared" "3.2.37" + "@vue/compiler-dom" "3.2.39" + "@vue/compiler-sfc" "3.2.39" + "@vue/runtime-dom" "3.2.39" + "@vue/server-renderer" "3.2.39" + "@vue/shared" "3.2.39" vuepress-vite@2.0.0-beta.38: version "2.0.0-beta.38" @@ -8258,9 +8329,9 @@ write-file-atomic@^3.0.0, write-file-atomic@^3.0.3: typedarray-to-buffer "^3.1.5" write-file-atomic@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f" - integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ== + version "4.0.2" + resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd" + integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg== dependencies: imurmurhash "^0.1.4" signal-exit "^3.0.7" @@ -8354,9 +8425,9 @@ yargs-parser@^20.2.2, yargs-parser@^20.2.3: integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w== yargs-parser@^21.0.0, yargs-parser@^21.0.1: - version "21.0.1" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.0.1.tgz#0267f286c877a4f0f728fceb6f8a3e4cb95c6e35" - integrity sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg== + version "21.1.1" + resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35" + integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw== yargs@^16.2.0: version "16.2.0" From d5ecf898c8221d2c135dcfb77cf5b80b13b4f2bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=BCnther=20Foidl?= Date: Sat, 15 Oct 2022 15:30:39 +0200 Subject: [PATCH 007/325] CFormInput modelValue = 0 (number) handled correctly --- packages/coreui-vue/src/components/form/CFormInput.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts index dd800d6f..23f7c783 100644 --- a/packages/coreui-vue/src/components/form/CFormInput.ts +++ b/packages/coreui-vue/src/components/form/CFormInput.ts @@ -188,7 +188,7 @@ const CFormInput = defineComponent({ onInput: (event: InputEvent) => handleInput(event), readonly: props.readonly, type: props.type, - ...(props.modelValue && { value: props.modelValue }), + ...((props.modelValue || props.modelValue === 0) && { value: props.modelValue }) }, slots.default && slots.default(), ), From 78c735dffd6fccbd64f87c02d52ebf2c9c316db9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sat, 29 Oct 2022 00:35:48 +0200 Subject: [PATCH 008/325] build: update API generator --- packages/docs/build/templates/props.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/build/templates/props.js b/packages/docs/build/templates/props.js index b7eeebb6..c75bdc35 100644 --- a/packages/docs/build/templates/props.js +++ b/packages/docs/build/templates/props.js @@ -11,7 +11,7 @@ const renderTags = (tags) => { } return Object.entries(tags) .map(([tag, values]) => { - return tag !== 'since' && values.map(v => `
\`@${tag}\` ${isTag(v) ? v.content : v.description}`).join(''); + return tag !== 'since' ? values.map(v => `
\`@${tag}\` ${isTag(v) ? v.content : v.description}`).join(''): ''; }) .join(''); }; From ab91bac2bd888c916ba77f81415de6d3fac078cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sat, 29 Oct 2022 00:38:13 +0200 Subject: [PATCH 009/325] feat(CTable): allow to create table from arrays --- .../coreui-vue/src/components/table/CTable.ts | 252 ++- .../src/components/table/CTableDataCell.ts | 10 +- packages/docs/api/table/CTable.api.md | 31 +- packages/docs/components/table.md | 1964 +++++++---------- 4 files changed, 1107 insertions(+), 1150 deletions(-) diff --git a/packages/coreui-vue/src/components/table/CTable.ts b/packages/coreui-vue/src/components/table/CTable.ts index 0d517aec..cdbeea13 100644 --- a/packages/coreui-vue/src/components/table/CTable.ts +++ b/packages/coreui-vue/src/components/table/CTable.ts @@ -1,6 +1,51 @@ -import { defineComponent, h } from 'vue' +import { computed, defineComponent, h, PropType } from 'vue' import { Color } from '../props' +import { CTableBody } from './CTableBody' +import { CTableCaption } from './CTableCaption' +import { CTableDataCell } from './CTableDataCell' +import { CTableFoot } from './CTableFoot' +import { CTableHead } from './CTableHead' +import { CTableHeaderCell } from './CTableHeaderCell' +import { CTableRow } from './CTableRow' + +export interface Column { + label?: string + key: string + // eslint-disable-next-line @typescript-eslint/no-explicit-any + _style?: any + // eslint-disable-next-line @typescript-eslint/no-explicit-any + _props?: any +} + +export interface FooterItem { + label?: string + // eslint-disable-next-line @typescript-eslint/no-explicit-any + _props?: any +} + +export type Item = { + [key: string]: number | string | any + // eslint-disable-next-line @typescript-eslint/no-explicit-any + _props?: any +} + +const pretifyName = (name: string) => { + return name + .replace(/[-_.]/g, ' ') + .replace(/ +/g, ' ') + .replace(/([a-z0-9])([A-Z])/g, '$1 $2') + .split(' ') + .map((word) => word.charAt(0).toUpperCase() + word.slice(1)) + .join(' ') +} + +const label = (column: Column | string) => + typeof column === 'object' + ? column.label !== undefined + ? column.label + : pretifyName(column.key) + : pretifyName(column) const CTable = defineComponent({ name: 'CTable', @@ -41,15 +86,39 @@ const CTable = defineComponent({ /** * Put the `` on the top of the table. * - * @values 'top' + * @values 'top' | string */ caption: { type: String, default: undefined, required: false, - validator: (value: string) => { - return value === 'top' - }, + }, + /** + * Set the text of the table caption and the caption on the top of the table. + * + * @since 4.5.0 + */ + captionTop: { + type: String, + default: undefined, + required: false, + }, + /** + * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props') + * + * In columns prop each array item represents one column. Item might be specified in two ways: + * String: each item define column name equal to item value. + * Object: item is object with following keys available as column configuration: + * - key (required)(String) - define column name equal to item key. + * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word. + * - _props (Object) - adds classes to all cels in column, ex. _props: { scope: 'col', className: 'custom-class' }, + * - _style (Object) - adds styles to the column header (useful for defining widths) + * + * @since 4.5.0 + */ + columns: { + type: Array as PropType, + required: false, }, /** * Sets the color context of the component to one of CoreUI’s themed colors. @@ -57,6 +126,21 @@ const CTable = defineComponent({ * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string */ color: Color, + /** + * Array of objects or strings, where each element represents one cell in the table footer. + * + * Example items: + * ['FooterCell', 'FooterCell', 'FooterCell'] + * or + * [{ label: 'FooterCell', _props: { color: 'success' }, ...] + * + * @since 4.5.0 + */ + footer: { + type: Array as PropType, + default: () => [], + required: false, + }, /** * Enable a hover state on table rows within a ``. */ @@ -65,10 +149,18 @@ const CTable = defineComponent({ required: false, }, /** - * Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. + * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'. * - * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl' + * Example item: + * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}} + * + * @since 4.5.0 */ + items: { + type: Array as PropType, + default: () => [], + required: false, + }, responsive: { type: [Boolean, String], default: undefined, @@ -106,8 +198,39 @@ const CTable = defineComponent({ type: Boolean, required: false, }, + /** + * Properties that will be passed to the table footer component. + * + * Properties to [CTableFoot](#ctablefoot) component. + * @since 4.5.0 + */ + tableFootProps: { + type: Object, + default: undefined, + required: false, + }, + /** + * Properties that will be passed to the table head component. + * + * Properties to [CTableHead](#ctablehead) component. + * @since 4.5.0 + */ + tableHeadProps: { + type: Object, + default: undefined, + required: false, + }, }, setup(props, { slots, attrs }) { + const rawColumnNames = computed(() => + props.columns + ? props.columns.map((column: Column | string) => { + if (typeof column === 'object') return column.key + else return column + }) + : Object.keys(props.items[0] || {}).filter((el) => el.charAt(0) !== '_'), + ) + const table = () => h( 'table', @@ -116,7 +239,7 @@ const CTable = defineComponent({ 'table', { [`align-${props.align}`]: props.align, - [`caption-${props.caption}`]: props.caption, + [`caption-top`]: props.captionTop || props.caption === 'top', [`border-${props.borderColor}`]: props.borderColor, 'table-bordered': props.bordered, 'table-borderless': props.borderless, @@ -129,7 +252,118 @@ const CTable = defineComponent({ attrs.class, ], }, - slots.default && slots.default(), + { + default: () => [ + ((props.caption && props.caption !== 'top') || props.captionTop) && + h( + CTableCaption, + {}, + { + default: () => props.caption || props.captionTop, + }, + ), + props.columns && + h( + CTableHead, + { + ...props.tableHeadProps, + }, + { + default: () => + h( + CTableRow, + {}, + { + default: () => [ + props.columns && + props.columns.map((column: Column | string) => + h( + CTableHeaderCell, + { + ...(typeof column === 'object' && + column._props && { ...column._props }), + ...(typeof column === 'object' && + column._style && { style: { ...column._style } }), + }, + { + default: () => label(column), + }, + ), + ), + ], + }, + ), + }, + ), + props.items && + h( + CTableBody, + {}, + { + default: () => [ + props.items.map((item: Item) => + h( + CTableRow, + { + ...(item._props && { ...item._props }), + }, + { + default: () => [ + rawColumnNames.value.map( + (colName: string) => + item[colName] && + h( + CTableDataCell, + { + ...(item._cellProps && + item._cellProps['all'] && { ...item._cellProps['all'] }), + ...(item._cellProps && + item._cellProps[colName] && { ...item._cellProps[colName] }), + }, + { + default: () => item[colName], + }, + ), + ), + ], + }, + ), + ), + ], + }, + ), + slots.default && slots.default(), + props.footer && + h( + CTableFoot, + { + ...props.tableFootProps, + }, + { + default: () => + h( + CTableRow, + {}, + { + default: () => [ + props.footer.map((item: FooterItem | string) => + h( + CTableDataCell, + { + ...(typeof item === 'object' && item._props && { ...item._props }), + }, + { + default: () => (typeof item === 'object' ? item.label : item), + }, + ), + ), + ], + }, + ), + }, + ), + ], + }, ) return () => [ props.responsive diff --git a/packages/coreui-vue/src/components/table/CTableDataCell.ts b/packages/coreui-vue/src/components/table/CTableDataCell.ts index d2bf7500..02723090 100644 --- a/packages/coreui-vue/src/components/table/CTableDataCell.ts +++ b/packages/coreui-vue/src/components/table/CTableDataCell.ts @@ -31,11 +31,18 @@ const CTableDataCell = defineComponent({ * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string */ color: Color, + /** + * @ignore + */ + scope: { + type: String, + required: false, + }, }, setup(props, { slots }) { return () => h( - 'td', + props.scope ? 'th' : 'td', { class: [ { @@ -44,6 +51,7 @@ const CTableDataCell = defineComponent({ [`table-${props.color}`]: props.color, }, ], + ...(props.scope && { scope: props.scope }), }, slots.default && slots.default(), ) diff --git a/packages/docs/api/table/CTable.api.md b/packages/docs/api/table/CTable.api.md index 111c2b52..e8325987 100644 --- a/packages/docs/api/table/CTable.api.md +++ b/packages/docs/api/table/CTable.api.md @@ -8,16 +8,21 @@ import CTable from '@coreui/vue/src/components/table/CTable' #### Props -| Prop name | Description | Type | Values | Default | -| ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ | --------------- | --------------------------------------------------------------------------------------------------------- | ------- | -| **align** | Set the vertical aligment. | string | `'bottom'`, `'middle'`, `'top'` | - | -| **border-color** | Sets the border color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | -| **bordered** | Add borders on all sides of the table and cells. | boolean | - | | -| **borderless** | Remove borders on all sides of the table and cells. | boolean | - | | -| **caption** | Put the `` on the top of the table. | string | `'top'` | - | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | -| **hover** | Enable a hover state on table rows within a ``. | boolean | - | | -| **responsive** | Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to. | boolean\|string | `boolean`, `'sm'`, `'md'`, `'lg'`, `'xl'`, `'xxl'` | - | -| **small** | Make table more compact by cutting all cell `padding` in half. | boolean | - | | -| **striped** | Add zebra-striping to any table row within the ``. | boolean | - | | -| **striped-columns**
4.4.0+
| Add zebra-striping to any table column.false | boolean | - | | +| Prop name | Description | Type | Values | Default | +| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------------------------------------------------------------------------- | -------- | +| **align** | Set the vertical aligment. | string | `'bottom'`, `'middle'`, `'top'` | - | +| **border-color** | Sets the border color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **bordered** | Add borders on all sides of the table and cells. | boolean | - | | +| **borderless** | Remove borders on all sides of the table and cells. | boolean | - | | +| **caption** | Put the `` on the top of the table. | string | `'top' \| string` | - | +| **caption-top**
4.5.0+
| Set the text of the table caption and the caption on the top of the table. | string | - | - | +| **columns**
4.5.0+
| Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')

In columns prop each array item represents one column. Item might be specified in two ways:
String: each item define column name equal to item value.
Object: item is object with following keys available as column configuration:
- key (required)(String) - define column name equal to item key.
- label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
- \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },
- \_style (Object) - adds styles to the column header (useful for defining widths) | Column[] \| string[] | - | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **footer**
4.5.0+
| Array of objects or strings, where each element represents one cell in the table footer.

Example items:
['FooterCell', 'FooterCell', 'FooterCell']
or
[{ label: 'FooterCell', _props: { color: 'success' }, ...] | FooterItem[] | - | () => [] | +| **hover** | Enable a hover state on table rows within a ``. | boolean | - | | +| **items**
4.5.0+
| Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.

Example item:
{ name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}} | Item[] | - | () => [] | +| **small** | Make table more compact by cutting all cell `padding` in half. | boolean | - | | +| **striped** | Add zebra-striping to any table row within the ``. | boolean | - | | +| **striped-columns**
4.4.0+
| Add zebra-striping to any table column. | boolean | - | | +| **table-foot-props**
4.5.0+
| Properties that will be passed to the table footer component.

Properties to [CTableFoot](#ctablefoot) component. | object | - | - | +| **table-head-props**
4.5.0+
| Properties that will be passed to the table head component.

Properties to [CTableHead](#ctablehead) component. | object | - | - | diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md index 858da101..66c45642 100644 --- a/packages/docs/components/table.md +++ b/packages/docs/components/table.md @@ -4,43 +4,78 @@ name: Table description: Documentation and examples for opt-in styling of tables. --- -## Overview +## How to use Vue Table Component Due to the widespread use of `` elements across third-party widgets like calendars and date pickers, CoreUI's tables are **opt-in**. All table styles are not inherited in CoreUI, meaning any nested tables can be styled independent from the parent. Using the most basic table CoreUI, here's how ``-based tables look in CoreUI. ::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - + ::: + +In version **4.5.0** we introduced a new way to create a table, similarly to our [Smart Table component](https://coreui.io/vue/docs/components/smart-table.html). + + +```vue + + +``` + +You can also put all table components together manually as hitherto. + ```vue @@ -78,62 +113,7 @@ Using the most basic table CoreUI, here's how ``-based tables look in Co Use contextual classes to color tables, table rows or individual cells. ::: demo - - - - Class - Heading - Heading - - - - - Default - Cell - Cell - - - Primary - Cell - Cell - - - Secondary - Cell - Cell - - - Success - Cell - Cell - - - Danger - Cell - Cell - - - Warning - Cell - Cell - - - Info - Cell - Cell - - - Light - Cell - Cell - - - Dark - Cell - Cell - - - + ::: ```vue @@ -194,6 +174,91 @@ Use contextual classes to color tables, table rows or individual cells. ``` +Since version **4.5.0** also this way. + +```vue + + +``` + ## Accented tables ### Striped rows @@ -629,6 +694,70 @@ These hoverable rows can also be combined with the striped variant: Highlight a table row or cell by adding a `active` property. ::: demo + +::: + +As mentioned before since version **4.5.0** we have two ways to generate tables, also with custom properties for rows, and cells. + +```vue + + +``` + +```vue @@ -658,41 +787,205 @@ Highlight a table row or cell by adding a `active` property. +``` + +::: demo + ::: ```vue - + + +``` + +## Table borders + +### Bordered tables + +Add `bordered` property for borders on all sides of the table and cells. + +::: demo + +::: +```vue + + ... + +``` + +[Border color utilities](https://coreui.io/docs/4.0/utilities/borders#border-color) can be added to change colors: + +::: demo + +::: +```vue + + ... + +``` + +### Tables without borders + +Add `borderless` property for a table without borders. + +::: demo + +::: +```vue + + ... + +``` + +::: demo + +::: +```vue + + ... + +``` + +## Small tables + +Add `small` property to make any `` more compact by cutting all cell `padding` in half. + +::: demo + +::: +```vue + + ... + +``` + +## Vertical alignment + +Table cells of `` are always vertical aligned to the bottom. Table cells in `` inherit their alignment from `` and are aligned to the the top by default. Use the align property to re-align where needed. + +::: demo + - # - Class - Heading - Heading + Heading 1 + Heading 2 + Heading 3 + Heading 4 - - 1 - Mark - Otto - @mdo + + This cell inherits vertical-align: middle; from the table + This cell inherits vertical-align: middle; from the table + This cell inherits vertical-align: middle; from the table + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. + + + This cell inherits vertical-align: bottom; from the table row + This cell inherits vertical-align: bottom; from the table row + This cell inherits vertical-align: bottom; from the table row + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - 2 - Jacob - Thornton - @fat + This cell inherits vertical-align: middle; from the table + This cell inherits vertical-align: middle; from the table + This cell is aligned to the top. + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. + + + +::: +```vue + + + + Heading 1 + Heading 2 + Heading 3 + Heading 4 + + - 3 - Larry the Bird - @twitter + This cell inherits vertical-align: middle; from the table + This cell inherits vertical-align: middle; from the table + This cell inherits vertical-align: middle; from the table + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. + + + This cell inherits vertical-align: bottom; from the table row + This cell inherits vertical-align: bottom; from the table row + This cell inherits vertical-align: bottom; from the table row + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. + + + This cell inherits vertical-align: middle; from the table + This cell inherits vertical-align: middle; from the table + This cell is aligned to the top. + This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - + ``` +## Nesting + +Border styles, active styles, and table variants are not inherited by nested tables. + ::: demo - + # @@ -702,529 +995,7 @@ Highlight a table row or cell by adding a `active` property. - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -## Table borders - -### Bordered tables - -Add `bordered` property for borders on all sides of the table and cells. - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -[Border color utilities](https://coreui.io/docs/4.0/utilities/borders#border-color) can be added to change colors: - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -### Tables without borders - -Add `borderless` property for a table without borders. - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -## Small tables - -Add `small` property to make any `` more compact by cutting all cell `padding` in half. - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -## Vertical alignment - -Table cells of `` are always vertical aligned to the bottom. Table cells in `` inherit their alignment from `` and are aligned to the the top by default. Use the align property to re-align where needed. - -::: demo - - - - Heading 1 - Heading 2 - Heading 3 - Heading 4 - - - - - This cell inherits vertical-align: middle; from the table - This cell inherits vertical-align: middle; from the table - This cell inherits vertical-align: middle; from the table - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - - - This cell inherits vertical-align: bottom; from the table row - This cell inherits vertical-align: bottom; from the table row - This cell inherits vertical-align: bottom; from the table row - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - - - This cell inherits vertical-align: middle; from the table - This cell inherits vertical-align: middle; from the table - This cell is aligned to the top. - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - - - -::: -```vue - - - - Heading 1 - Heading 2 - Heading 3 - Heading 4 - - - - - This cell inherits vertical-align: middle; from the table - This cell inherits vertical-align: middle; from the table - This cell inherits vertical-align: middle; from the table - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - - - This cell inherits vertical-align: bottom; from the table row - This cell inherits vertical-align: bottom; from the table row - This cell inherits vertical-align: bottom; from the table row - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - - - This cell inherits vertical-align: middle; from the table - This cell inherits vertical-align: middle; from the table - This cell is aligned to the top. - This here is some placeholder text, intended to take up quite a bit of vertical space, to demonsCTableRowate how the vertical alignment works in the preceding cells. - - - -``` - -## Nesting - -Border styles, active styles, and table variants are not inherited by nested tables. - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - - - - - Header - Header - Header - - - - - A - First - Last - - - B - First - Last - - - C - First - Last - - - - - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - + 1 Mark Otto @@ -1250,183 +1021,15 @@ Border styles, active styles, and table variants are not inherited by nested tab B First Last - - - C - First - Last - - - - - - - 3 - Larry the Bird - @twitter - - - -``` - -## Anatomy - -### Table head - -Similar to tables and dark tables, use the modifier prop `color="light"` or `color="dark"` to make ``s appear light or dark gray. - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry - the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry - the Bird - @twitter - - - -``` - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -::: -```vue - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry the Bird - @twitter - - - -``` - -### Table foot - -::: demo - - - - # - Class - Heading - Heading - - - - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat + + + C + First + Last + + + + 3 @@ -1434,19 +1037,11 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col @twitter - - - Footer - Footer - Footer - Footer - - ::: ```vue - - + + # Class @@ -1462,10 +1057,34 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col @mdo - 2 - Jacob - Thornton - @fat + + + + + Header + Header + Header + + + + + A + First + Last + + + B + First + Last + + + C + First + Last + + + + 3 @@ -1473,25 +1092,18 @@ Similar to tables and dark tables, use the modifier prop `color="light"` or `col @twitter - - - Footer - Footer - Footer - Footer - - ``` -### Captions +## Anatomy -A `` functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it. +### Table head + +Similar to tables and dark tables, use the modifier prop `color="light"` or `color="dark"` to make ``s appear light or dark gray. ::: demo - List of users - + # Class @@ -1523,44 +1135,36 @@ A `` functions like a heading for a table. It helps users with sc ::: ```vue - List of users - - - # - Class - Heading - Heading - + + ... - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry - the Bird - @twitter - + ... ``` -You can also put the `` on the top of the table with `caption="top"`. +If you generate a table using the new method incorporated in version **4.5.0**, you have to use tableHeadProps property to pass properties to the table header component. + +```vue + + +``` ::: demo - - List of users - + + # Class @@ -1583,167 +1187,49 @@ You can also put the `` on the top of the table with `caption="to 3 - Larry - the Bird + Larry the Bird @twitter ::: ```vue - - List of users - - - # - Class - Heading - Heading - + + + ... - - 1 - Mark - Otto - @mdo - - - 2 - Jacob - Thornton - @fat - - - 3 - Larry - the Bird - @twitter - + ... ``` -## Responsive tables - -Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by adding a `responsive` property. Or, pick a maximum breakpoint with which to have a responsive table up to by using `responsive="{-sm|-md|-lg|-xl|-xxl}"`. +Starting from version **4.5.0** also this way. -::: demo - - - - # - Heading - Heading - Heading - Heading - Heading - Heading - Heading - Heading - - - - - 1 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell - - - 2 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell - - - 3 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell - - - -::: ```vue - - - - # - Heading - Heading - Heading - Heading - Heading - Heading - Heading - Heading - - - - - 1 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell - - - 2 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell - - - 3 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell - - - + + ``` +### Table foot + ::: demo - - - - # - Heading - Heading - Heading - Heading - Heading - Heading + + + + # + Class Heading Heading @@ -1751,51 +1237,78 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t 1 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Mark + Otto + @mdo 2 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Jacob + Thornton + @fat 3 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Larry the Bird + @twitter ::: ```vue - + + + ... + + + ... + + + + Footer + Footer + Footer + Footer + + + +``` + +Starting from version **4.5.0** also this way. + +```vue + + +``` + +### Captions + +A `` functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it. + +::: demo + + List of users # - Heading - Heading - Heading - Heading - Heading - Heading + Class Heading Heading @@ -1803,52 +1316,64 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t 1 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Mark + Otto + @mdo 2 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Jacob + Thornton + @fat 3 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Larry + the Bird + @twitter +::: +```vue + + List of users + + ... + + + ... + + +``` + +Starting from version **4.5.0** also this way. + +```vue + + ``` +You can also put the `` on the top of the table with `caption="top"`. + ::: demo - + + List of users # - Heading - Heading - Heading - Heading - Heading - Heading + Class Heading Heading @@ -1856,51 +1381,32 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t 1 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Mark + Otto + @mdo 2 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Jacob + Thornton + @fat 3 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Larry + the Bird + @twitter ::: ```vue - + + List of users # - Heading - Heading - Heading - Heading - Heading - Heading + Class Heading Heading @@ -1908,43 +1414,49 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t 1 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Mark + Otto + @mdo 2 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Jacob + Thornton + @fat 3 - Cell - Cell - Cell - Cell - Cell - Cell - Cell - Cell + Larry + the Bird + @twitter ``` +Since version **4.5.0** also this way. + +```vue + + +``` +## Responsive tables + +Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by adding a `responsive` property. Or, pick a maximum breakpoint with which to have a responsive table up to by using `responsive="{-sm|-md|-lg|-xl|-xxl}"`. + ::: demo - + # @@ -1996,7 +1508,13 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t ::: ```vue - + + ... + +``` + +::: demo + # @@ -2046,10 +1564,15 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t +::: +```vue + + ... + ``` ::: demo - + # @@ -2101,7 +1624,13 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t ::: ```vue - + + ... + +``` + +::: demo + # @@ -2151,10 +1680,15 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t +::: +```vue + + ... + ``` ::: demo - + # @@ -2206,6 +1740,12 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t ::: ```vue + + ... + +``` + +::: demo @@ -2256,8 +1796,178 @@ Responsive tables allow tables to be scrolled horizontally with ease. Make any t +::: +```vue + + ... + ``` + + ## API !!!include(./api/table/CTable.api.md)!!! From 4e6611b9ea09c5d5b02e595bf9056cc66b2d26d7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sat, 29 Oct 2022 00:38:46 +0200 Subject: [PATCH 010/325] docs: update API documentation --- packages/docs/api/form/CFormCheck.api.md | 32 +++++++++---------- .../api/form/CFormControlValidation.api.md | 16 +++++----- .../docs/api/form/CFormControlWrapper.api.md | 10 +++--- packages/docs/api/form/CFormInput.api.md | 14 ++++---- packages/docs/api/form/CFormRange.api.md | 2 +- packages/docs/api/form/CFormSelect.api.md | 14 ++++---- packages/docs/api/form/CFormTextarea.api.md | 14 ++++---- 7 files changed, 51 insertions(+), 51 deletions(-) diff --git a/packages/docs/api/form/CFormCheck.api.md b/packages/docs/api/form/CFormCheck.api.md index 7fff0eda..3a3488b4 100644 --- a/packages/docs/api/form/CFormCheck.api.md +++ b/packages/docs/api/form/CFormCheck.api.md @@ -8,22 +8,22 @@ import CFormCheck from '@coreui/vue/src/components/form/CFormCheck' #### Props -| Prop name | Description | Type | Values | Default | -| ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- | -| **button** | Create button-like checkboxes and radio buttons.
`@see` http://coreui.io/vue/docs/components/button.html | object | - | | -| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **hit-area** | Sets hit area to the full area of the component. | string | - | | -| **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | -| **indeterminate** | Input Checkbox indeterminate Property | boolean | - | | -| **inline** | Group checkboxes or radios on the same horizontal row by adding. | boolean | - | | -| **invalid** | Set component validation state to invalid. | boolean | - | | -| **label** | The element represents a caption for a component. | string | - | | -| **model-value** | The default name for a value passed using v-model. | boolean\|string | - | | -| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | -| **type** | Specifies the type of component. | string | `'checkbox'`, `'radio'` | 'checkbox' | -| **valid** | Set component validation state to valid. | boolean | - | | +| Prop name | Description | Type | Values | Default | +| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------------------- | ---------- | +| **button** | Create button-like checkboxes and radio buttons.
`@see` http://coreui.io/vue/docs/components/button.html | object | - | | +| **feedback**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | +| **hit-area** | Sets hit area to the full area of the component. | string | - | | +| **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | +| **indeterminate** | Input Checkbox indeterminate Property | boolean | - | | +| **inline** | Group checkboxes or radios on the same horizontal row by adding. | boolean | - | | +| **invalid** | Set component validation state to invalid. | boolean | - | | +| **label** | The element represents a caption for a component. | string | - | | +| **model-value** | The default name for a value passed using v-model. | boolean\|string | - | | +| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip. | boolean | - | | +| **type** | Specifies the type of component. | string | `'checkbox'`, `'radio'` | 'checkbox' | +| **valid** | Set component validation state to valid. | boolean | - | | #### Events diff --git a/packages/docs/api/form/CFormControlValidation.api.md b/packages/docs/api/form/CFormControlValidation.api.md index e7825e67..8ecea6d5 100644 --- a/packages/docs/api/form/CFormControlValidation.api.md +++ b/packages/docs/api/form/CFormControlValidation.api.md @@ -8,11 +8,11 @@ import CFormControlValidation from '@coreui/vue/src/components/form/CFormControl #### Props -| Prop name | Description | Type | Values | Default | -| ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- | -| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **invalid** | Set component validation state to invalid. | boolean | - | | -| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | -| **valid** | Set component validation state to valid. | boolean | - | | +| Prop name | Description | Type | Values | Default | +| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- | +| **feedback**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | +| **invalid** | Set component validation state to invalid. | boolean | - | | +| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip. | boolean | - | | +| **valid** | Set component validation state to valid. | boolean | - | | diff --git a/packages/docs/api/form/CFormControlWrapper.api.md b/packages/docs/api/form/CFormControlWrapper.api.md index cbe3023d..6e5aef5c 100644 --- a/packages/docs/api/form/CFormControlWrapper.api.md +++ b/packages/docs/api/form/CFormControlWrapper.api.md @@ -8,8 +8,8 @@ import CFormControlWrapper from '@coreui/vue/src/components/form/CFormControlWra #### Props -| Prop name | Description | Type | Values | Default | -| ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- | -| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **label**
4.3.0+
| Add a caption for a component.false | string | - | | -| **text**
4.3.0+
| Add helper text to the component.false | string | - | | +| Prop name | Description | Type | Values | Default | +| ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------ | ------- | +| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | +| **label**
4.3.0+
| Add a caption for a component. | string | - | | +| **text**
4.3.0+
| Add helper text to the component. | string | - | | diff --git a/packages/docs/api/form/CFormInput.api.md b/packages/docs/api/form/CFormInput.api.md index b695b8ca..b64db069 100644 --- a/packages/docs/api/form/CFormInput.api.md +++ b/packages/docs/api/form/CFormInput.api.md @@ -11,19 +11,19 @@ import CFormInput from '@coreui/vue/src/components/form/CFormInput' | Prop name | Description | Type | Values | Default | | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | --------------------------------------- | ------- | | **disabled** | Toggle the disabled state for the component. | boolean | - | | -| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | +| **feedback**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | +| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | | **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | | **invalid** | Set component validation state to invalid. | boolean | - | | -| **label**
4.3.0+
| Add a caption for a component.false | string | - | | +| **label**
4.3.0+
| Add a caption for a component. | string | - | | | **model-value** | The default name for a value passed using v-model. | File\|number\|string | - | - | | **plain-text** | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | - | | | **readonly** | Toggle the readonly state for the component. | boolean | - | | | **size** | Size the component small or large. | string | `'sm' \| 'lg'` | | -| **text**
4.3.0+
| Add helper text to the component.false | string | - | | -| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | +| **text**
4.3.0+
| Add helper text to the component. | string | - | | +| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip. | boolean | - | | | **type** | Specifies the type of component. | string | `'color' \| 'file' \| 'text' \| string` | 'text' | | **valid** | Set component validation state to valid. | boolean | - | | diff --git a/packages/docs/api/form/CFormRange.api.md b/packages/docs/api/form/CFormRange.api.md index 1c159caa..05eb187d 100644 --- a/packages/docs/api/form/CFormRange.api.md +++ b/packages/docs/api/form/CFormRange.api.md @@ -11,7 +11,7 @@ import CFormRange from '@coreui/vue/src/components/form/CFormRange' | Prop name | Description | Type | Values | Default | | -------------------------------------------------------- | ---------------------------------------------------------------- | ------- | ------ | ------- | | **disabled** | Toggle the disabled state for the component. | boolean | - | - | -| **label**
4.3.0+
| Add a caption for a component.false | string | - | | +| **label**
4.3.0+
| Add a caption for a component. | string | - | | | **max** | Specifies the maximum value for the component. | number | - | - | | **min** | Specifies the minimum value for the component. | number | - | - | | **model-value** | The default name for a value passed using v-model. | string | - | | diff --git a/packages/docs/api/form/CFormSelect.api.md b/packages/docs/api/form/CFormSelect.api.md index ff9d4443..8ddf5f19 100644 --- a/packages/docs/api/form/CFormSelect.api.md +++ b/packages/docs/api/form/CFormSelect.api.md @@ -10,19 +10,19 @@ import CFormSelect from '@coreui/vue/src/components/form/CFormSelect' | Prop name | Description | Type | Values | Default | | ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------------- | ------- | -| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | +| **feedback**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | +| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | | **html-size** | Specifies the number of visible options in a drop-down list. | number | - | - | | **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | | **invalid** | Set component validation state to invalid. | boolean | - | | -| **label**
4.3.0+
| Add a caption for a component.false | string | - | | +| **label**
4.3.0+
| Add a caption for a component. | string | - | | | **model-value** | The default name for a value passed using v-model. | string \| string[] | - | - | | **options** | Options list of the select component. Available keys: `label`, `value`, `disabled`.
Examples:
- `:options="[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]"`
- `:options="['js', 'html']"` | Option[] \| string[] | - | - | | **size** | Size the component small or large. | string | `'sm' \| 'lg'` | - | -| **text**
4.3.0+
| Add helper text to the component.false | string | - | | -| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | +| **text**
4.3.0+
| Add helper text to the component. | string | - | | +| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip. | boolean | - | | | **valid** | Set component validation state to valid. | boolean | - | | #### Events diff --git a/packages/docs/api/form/CFormTextarea.api.md b/packages/docs/api/form/CFormTextarea.api.md index 48d79c29..c89b2b8a 100644 --- a/packages/docs/api/form/CFormTextarea.api.md +++ b/packages/docs/api/form/CFormTextarea.api.md @@ -11,18 +11,18 @@ import CFormTextarea from '@coreui/vue/src/components/form/CFormTextarea' | Prop name | Description | Type | Values | Default | | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------- | | **disabled** | Toggle the disabled state for the component. | boolean | - | | -| **feedback**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback.false | string | - | | -| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | -| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.false | string | - | | +| **feedback**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-invalid**
4.3.0+
| Provide valuable, actionable feedback. | string | - | | +| **feedback-valid**
4.3.0+
| Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | +| **floating-label**
4.3.0+
| Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | string | - | | | **id** | The id global attribute defines an identifier (ID) that must be unique in the whole document. | string | - | | | **invalid** | Set component validation state to invalid. | boolean | - | | -| **label**
4.3.0+
| Add a caption for a component.false | string | - | | +| **label**
4.3.0+
| Add a caption for a component. | string | - | | | **model-value** | The default name for a value passed using v-model. | string | - | - | | **plain-text** | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | boolean | - | | | **readonly** | Toggle the readonly state for the component. | boolean | - | | -| **text**
4.3.0+
| Add helper text to the component.false | string | - | | -| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip.false | boolean | - | | +| **text**
4.3.0+
| Add helper text to the component. | string | - | | +| **tooltip-feedback**
4.3.0+
| Display validation feedback in a styled tooltip. | boolean | - | | | **valid** | Set component validation state to valid. | boolean | - | | #### Events From 569ead69d7e103208d604533807c811018d46d0c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sat, 29 Oct 2022 01:43:41 +0200 Subject: [PATCH 011/325] docs: add links to other versions --- .../src/client/components/Page.vue | 36 +++ .../client/components/other_frameworks.json | 241 ++++++++++++++++++ .../src/client/layouts/Layout.vue | 2 +- packages/docs/components/accordion.md | 3 +- packages/docs/components/alert.md | 1 + packages/docs/components/avatar.md | 1 + packages/docs/components/badge.md | 1 + packages/docs/components/breadcrumb.md | 2 + packages/docs/components/button-group.md | 1 + packages/docs/components/button.md | 2 +- packages/docs/components/callout.md | 2 +- packages/docs/components/card.md | 2 +- packages/docs/components/carousel.md | 1 + packages/docs/components/close-button.md | 1 + packages/docs/components/collapse.md | 2 +- packages/docs/components/dropdown.md | 2 +- packages/docs/components/footer.md | 2 +- packages/docs/components/header.md | 1 + packages/docs/components/image.md | 1 + packages/docs/components/list-group.md | 1 + packages/docs/components/modal.md | 1 + packages/docs/components/navbar.md | 1 + packages/docs/components/navs-tabs.md | 4 +- packages/docs/components/offcanvas.md | 2 +- packages/docs/components/pagination.md | 1 + packages/docs/components/placeholder.md | 3 +- packages/docs/components/popover.md | 1 + packages/docs/components/progress.md | 2 +- packages/docs/components/sidebar.md | 1 + packages/docs/components/spinner.md | 2 +- packages/docs/components/table.md | 1 + packages/docs/components/toast.md | 1 + packages/docs/components/tooltip.md | 1 + packages/docs/forms/checkbox.md | 1 + packages/docs/forms/floating-labels.md | 1 + packages/docs/forms/input-group.md | 1 + packages/docs/forms/input.md | 2 +- packages/docs/forms/radio.md | 1 + packages/docs/forms/range.md | 1 + packages/docs/forms/select.md | 1 + packages/docs/forms/switch.md | 1 + packages/docs/forms/textarea.md | 1 + 42 files changed, 321 insertions(+), 15 deletions(-) create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue index 9b12b15c..8046323e 100755 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue +++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue @@ -4,6 +4,24 @@

{{ title }}

{{ description }}

+ @@ -13,6 +31,7 @@ import { defineComponent } from 'vue' import { usePageFrontmatter } from '@vuepress/client' import type { DefaultThemeNormalPageFrontmatter } from '../../shared' +import jsonData from './other_frameworks.json' import Ads from './Ads.vue' @@ -25,10 +44,27 @@ export default defineComponent({ const frontmatter = usePageFrontmatter() const title = frontmatter.value.title const description = frontmatter.value.description + const frameworks = frontmatter.value.other_frameworks + ? frontmatter.value.other_frameworks.split(', ') + : false + const otherFrameworks = JSON.parse(JSON.stringify(jsonData)) + + const humanize = (text: string) => { + const string = text + .split('-') + .reduce( + (accumulator, currentValue) => + accumulator + ' ' + currentValue[0].toUpperCase() + currentValue.slice(1), + ) + return string[0].toUpperCase() + string.slice(1) + } return { title, description, + frameworks, + otherFrameworks, + humanize } }, }) diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json b/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json new file mode 100644 index 00000000..32046bbd --- /dev/null +++ b/packages/docs/.vuepress/theme-coreui/src/client/components/other_frameworks.json @@ -0,0 +1,241 @@ +{ + "accordion": { + "angular": "https://coreui.io/angular/docs/components/accordion", + "bootstrap": "https://coreui.io/docs/components/accordion/", + "react": "https://coreui.io/react/docs/components/accordion/", + "vue": "https://coreui.io/vue/docs/components/accordion.html" + }, + "alert": { + "angular": "https://coreui.io/angular/docs/components/alert", + "bootstrap": "https://coreui.io/docs/components/alerts/", + "react": "https://coreui.io/react/docs/components/alert/", + "vue": "https://coreui.io/vue/docs/components/alert.html" + }, + "avatar": { + "angular": "https://coreui.io/angular/docs/components/avatar", + "bootstrap": "https://coreui.io/docs/components/avatar/", + "react": "https://coreui.io/react/docs/components/avatar/", + "vue": "https://coreui.io/vue/docs/components/avatar.html" + }, + "badge": { + "angular": "https://coreui.io/angular/docs/components/badge", + "bootstrap": "https://coreui.io/docs/components/badge/", + "react": "https://coreui.io/react/docs/components/badge/", + "vue": "https://coreui.io/vue/docs/components/badge.html" + }, + "breadcrumb": { + "angular": "https://coreui.io/angular/docs/components/breadcrumb", + "bootstrap": "https://coreui.io/docs/components/breadcrumb/", + "react": "https://coreui.io/react/docs/components/breadcrumb/", + "vue": "https://coreui.io/vue/docs/components/breadcrumb.html" + }, + "button": { + "angular": "https://coreui.io/angular/docs/components/button", + "bootstrap": "https://coreui.io/docs/components/buttons/", + "react": "https://coreui.io/react/docs/components/button/", + "vue": "https://coreui.io/vue/docs/components/button.html" + }, + "button-group": { + "angular": "https://coreui.io/angular/docs/components/button-group", + "bootstrap": "https://coreui.io/docs/components/button-group/", + "react": "https://coreui.io/react/docs/components/button-group/", + "vue": "https://coreui.io/vue/docs/components/button-group.html" + }, + "callout": { + "angular": "https://coreui.io/angular/docs/components/callout", + "bootstrap": "https://coreui.io/docs/components/callout/", + "react": "https://coreui.io/react/docs/components/callout/", + "vue": "https://coreui.io/vue/docs/components/callout.html" + }, + "card": { + "angular": "https://coreui.io/angular/docs/components/card", + "bootstrap": "https://coreui.io/docs/components/card/", + "react": "https://coreui.io/react/docs/components/card/", + "vue": "https://coreui.io/vue/docs/components/card.html" + }, + "carousel": { + "angular": "https://coreui.io/angular/docs/components/carousel", + "bootstrap": "https://coreui.io/docs/components/carousel/", + "react": "https://coreui.io/react/docs/components/carousel/", + "vue": "https://coreui.io/vue/docs/components/carousel.html" + }, + "checkbox": { + "angular": "https://coreui.io/angular/docs/forms/checks-radios", + "bootstrap": "https://coreui.io/docs/forms/checks-radios/", + "react": "https://coreui.io/react/docs/forms/checkbox/", + "vue": "https://coreui.io/vue/docs/forms/checkbox.html" + }, + "close-button": { + "angular": "https://coreui.io/angular/docs/components/close-button", + "bootstrap": "https://coreui.io/docs/components/close-button/", + "react": "https://coreui.io/react/docs/components/close-button/", + "vue": "https://coreui.io/vue/docs/components/close-button.html" + }, + "collapse": { + "angular": "https://coreui.io/angular/docs/components/collapse", + "bootstrap": "https://coreui.io/docs/components/collapse/", + "react": "https://coreui.io/react/docs/components/collapse/", + "vue": "https://coreui.io/vue/docs/components/collapse.html" + }, + "dropdown": { + "angular": "https://coreui.io/angular/docs/components/dropdown", + "bootstrap": "https://coreui.io/docs/components/dropdowns/", + "react": "https://coreui.io/react/docs/components/dropdown/", + "vue": "https://coreui.io/vue/docs/components/dropdown.html" + }, + "footer": { + "angular": "https://coreui.io/angular/docs/components/footer", + "bootstrap": "https://coreui.io/docs/components/footer/", + "react": "https://coreui.io/react/docs/components/footer/", + "vue": "https://coreui.io/vue/docs/components/footer.html" + }, + "header": { + "angular": "https://coreui.io/angular/docs/components/header", + "bootstrap": "https://coreui.io/docs/components/header/", + "react": "https://coreui.io/react/docs/components/header/", + "vue": "https://coreui.io/vue/docs/components/header.html" + }, + "icon": { + "angular": "https://coreui.io/angular/docs/components/icon", + "bootstrap": "https://coreui.io/docs/components/icon/", + "react": "https://coreui.io/react/docs/components/icon/", + "vue": "https://coreui.io/vue/docs/components/icon.html" + }, + "image": { + "angular": "https://coreui.io/angular/docs/components/image", + "bootstrap": "https://coreui.io/docs/content/images/", + "react": "https://coreui.io/react/docs/components/image/", + "vue": "https://coreui.io/vue/docs/components/image.html" + }, + "input": { + "angular": "https://coreui.io/angular/docs/forms/input", + "bootstrap": "https://coreui.io/docs/forms/form-control/", + "react": "https://coreui.io/react/docs/forms/input/", + "vue": "https://coreui.io/vue/docs/forms/input.html" + }, + "input-group": { + "angular": "https://coreui.io/angular/docs/forms/input-group", + "bootstrap": "https://coreui.io/docs/forms/input-group/", + "react": "https://coreui.io/react/docs/forms/input-group/", + "vue": "https://coreui.io/vue/docs/forms/input-group.html" + }, + "floating-labels": { + "angular": "https://coreui.io/angular/docs/forms/floating-labels", + "bootstrap": "https://coreui.io/docs/forms/floating-labels/", + "react": "https://coreui.io/react/docs/forms/floating-labels/", + "vue": "https://coreui.io/vue/docs/forms/floating-labels.html" + }, + "list-group": { + "angular": "https://coreui.io/angular/docs/components/list-group", + "bootstrap": "https://coreui.io/docs/components/list-group/", + "react": "https://coreui.io/react/docs/components/list-group/", + "vue": "https://coreui.io/vue/docs/components/list-group.html" + }, + "modal": { + "angular": "https://coreui.io/angular/docs/components/modal", + "bootstrap": "https://coreui.io/docs/components/modal/", + "react": "https://coreui.io/react/docs/components/modal/", + "vue": "https://coreui.io/vue/docs/components/modal.html" + }, + "navbar": { + "bootstrap": "https://coreui.io/docs/components/navbar/", + "react": "https://coreui.io/react/docs/components/navbar/", + "vue": "https://coreui.io/vue/docs/components/navbar.html" + }, + "navs-tabs": { + "angular": "https://coreui.io/angular/docs/components/nav", + "bootstrap": "https://coreui.io/docs/components/navs-tabs/", + "react": "https://coreui.io/react/docs/components/navs-tabs/", + "vue": "https://coreui.io/vue/docs/components/navs-tabs.html" + }, + "offcanvas": { + "angular": "https://coreui.io/angular/docs/components/offcanvas", + "bootstrap": "https://coreui.io/docs/components/offcanvas/", + "react": "https://coreui.io/react/docs/components/offcanvas/", + "vue": "https://coreui.io/vue/docs/components/offcanvas.html" + }, + "pagination": { + "angular": "https://coreui.io/angular/docs/components/pagination", + "bootstrap": "https://coreui.io/docs/components/pagination/", + "react": "https://coreui.io/react/docs/components/pagination/", + "vue": "https://coreui.io/vue/docs/components/pagination.html" + }, + "placeholder": { + "angular": "https://coreui.io/angular/docs/components/placeholder", + "bootstrap": "https://coreui.io/docs/components/placeholders/", + "react": "https://coreui.io/react/docs/components/placeholder/", + "vue": "https://coreui.io/vue/docs/components/placeholder.html" + }, + "popover": { + "angular": "https://coreui.io/angular/docs/components/popover", + "bootstrap": "https://coreui.io/docs/components/popovers/", + "react": "https://coreui.io/react/docs/components/popover/", + "vue": "https://coreui.io/vue/docs/components/popover.html" + }, + "progress": { + "angular": "https://coreui.io/angular/docs/components/progress", + "bootstrap": "https://coreui.io/docs/components/progress/", + "react": "https://coreui.io/react/docs/components/progress/", + "vue": "https://coreui.io/vue/docs/components/progress.html" + }, + "radio": { + "angular": "https://coreui.io/angular/docs/forms/checks-radios", + "bootstrap": "https://coreui.io/docs/forms/checks-radios/", + "react": "https://coreui.io/react/docs/forms/radio/", + "vue": "https://coreui.io/vue/docs/forms/radio.html" + }, + "range": { + "angular": "https://coreui.io/angular/docs/forms/range", + "bootstrap": "https://coreui.io/docs/forms/range/", + "react": "https://coreui.io/react/docs/forms/range/", + "vue": "https://coreui.io/vue/docs/forms/range.html" + }, + "select": { + "angular": "https://coreui.io/angular/docs/forms/select", + "bootstrap": "https://coreui.io/docs/forms/select/", + "react": "https://coreui.io/react/docs/forms/select/", + "vue": "https://coreui.io/vue/docs/forms/select.html" + }, + "sidebar": { + "angular": "https://coreui.io/angular/docs/components/sidebar", + "bootstrap": "https://coreui.io/docs/components/sidebar/", + "react": "https://coreui.io/react/docs/components/sidebar/", + "vue": "https://coreui.io/vue/docs/components/sidebar.html" + }, + "spinner": { + "angular": "https://coreui.io/angular/docs/components/spinner", + "bootstrap": "https://coreui.io/docs/components/spinners/", + "react": "https://coreui.io/react/docs/components/spinner/", + "vue": "https://coreui.io/vue/docs/components/spinner.html" + }, + "switch": { + "angular": "https://coreui.io/angular/docs/forms/checks-radios", + "bootstrap": "https://coreui.io/docs/forms/checks-radios/", + "react": "https://coreui.io/react/docs/forms/switch/", + "vue": "https://coreui.io/vue/docs/forms/switch.html" + }, + "table": { + "angular": "https://coreui.io/angular/docs/components/table", + "bootstrap": "https://coreui.io/docs/content/tables/", + "react": "https://coreui.io/react/docs/components/table/", + "vue": "https://coreui.io/vue/docs/components/table.html" + }, + "textarea": { + "angular": "https://coreui.io/angular/docs/forms/form-control", + "bootstrap": "https://coreui.io/docs/forms/form-control/", + "react": "https://coreui.io/react/docs/forms/textarea/", + "vue": "https://coreui.io/vue/docs/forms/textarea.html" + }, + "toast": { + "angular": "https://coreui.io/angular/docs/components/toast", + "bootstrap": "https://coreui.io/docs/components/toasts/", + "react": "https://coreui.io/react/docs/components/toast/", + "vue": "https://coreui.io/vue/docs/components/toast.html" + }, + "tooltip": { + "angular": "https://coreui.io/angular/docs/components/tooltip", + "bootstrap": "https://coreui.io/docs/components/tooltips/", + "react": "https://coreui.io/react/docs/components/tooltip/", + "vue": "https://coreui.io/vue/docs/components/tooltip.html" + } +} diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue index 98f4ca2d..dcf167fe 100755 --- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue +++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue @@ -32,7 +32,7 @@

You can support our Open Source software development in the following ways:

  • - Buy the CoreUI PRO, + Buy the CoreUI PRO, and get access to PRO components, and dedicated support.
  • diff --git a/packages/docs/components/accordion.md b/packages/docs/components/accordion.md index 309b3af3..ac4ddb49 100644 --- a/packages/docs/components/accordion.md +++ b/packages/docs/components/accordion.md @@ -2,6 +2,7 @@ title: Vue Accordion Component name: Accordion description: Build vertically collapsing accordions in combination with our Vue Collapse component. +other_frameworks: accordion --- ## Examples @@ -10,7 +11,7 @@ Click the accordions below to expand/collapse the accordion content. ::: demo - + Accordion Item #1 diff --git a/packages/docs/components/alert.md b/packages/docs/components/alert.md index 439fbe76..bdb25ea0 100644 --- a/packages/docs/components/alert.md +++ b/packages/docs/components/alert.md @@ -1,6 +1,7 @@ --- title: Vue Alert Component description: Vue alert component gives contextual feedback information for common user operations. The alert component is delivered with a bunch of usable and adjustable alert messages. +other_frameworks: alert --- ## Examples diff --git a/packages/docs/components/avatar.md b/packages/docs/components/avatar.md index 41978458..e94d7e27 100644 --- a/packages/docs/components/avatar.md +++ b/packages/docs/components/avatar.md @@ -2,6 +2,7 @@ title: Vue Avatar Component name: Avatar description: Vue avatar component can be used to display circular user profile pictures. Avatar can be used to portray people or objects. It supports images, icons, or letters. +other_frameworks: avatar --- ## Image avatars diff --git a/packages/docs/components/badge.md b/packages/docs/components/badge.md index ca821488..3b72ad5d 100644 --- a/packages/docs/components/badge.md +++ b/packages/docs/components/badge.md @@ -2,6 +2,7 @@ title: Vue Badge Component name: Badge description: Vue badge component is small count and labeling component. +other_frameworks: badge --- ## Example diff --git a/packages/docs/components/breadcrumb.md b/packages/docs/components/breadcrumb.md index 662e4c0f..597e4170 100644 --- a/packages/docs/components/breadcrumb.md +++ b/packages/docs/components/breadcrumb.md @@ -1,6 +1,8 @@ --- title: Vue Breadcrumb Component name: Breadcrumb +description: Vue breadcrumb navigation component which indicates the current location within a navigational hierarchy that automatically adds separators. +other_frameworks: breadcrumb --- diff --git a/packages/docs/components/button-group.md b/packages/docs/components/button-group.md index 4b644c89..1a601e67 100644 --- a/packages/docs/components/button-group.md +++ b/packages/docs/components/button-group.md @@ -2,6 +2,7 @@ title: Vue Button Group Component name: Button group description: Vue button group component allows to group a series of buttons and power them with JavaScript. +other_frameworks: button-group --- ## Basic example diff --git a/packages/docs/components/button.md b/packages/docs/components/button.md index b7353fbb..5fb92d48 100644 --- a/packages/docs/components/button.md +++ b/packages/docs/components/button.md @@ -2,7 +2,7 @@ title: Vue Buttons Component name: Buttons description: Vue button component for actions in tables, forms, cards, and more. CoreUI for Vue.js provides various styles, states, and size. Ready to use and easy to customize. - +other_frameworks: button --- ## Examples diff --git a/packages/docs/components/callout.md b/packages/docs/components/callout.md index 96539ec2..69bbf970 100644 --- a/packages/docs/components/callout.md +++ b/packages/docs/components/callout.md @@ -2,7 +2,7 @@ title: Vue Callout Component name: Callout description: Vue callout component provides presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content. - +other_frameworks: callout --- ## Examples diff --git a/packages/docs/components/card.md b/packages/docs/components/card.md index 852d109a..f89dc2ea 100644 --- a/packages/docs/components/card.md +++ b/packages/docs/components/card.md @@ -2,7 +2,7 @@ title: Vue Card Component name: Card description: Vue card component provides a flexible and extensible container for displaying content. Card is delivered with a bunch of variants and options. - +other_frameworks: card --- ## Examples diff --git a/packages/docs/components/carousel.md b/packages/docs/components/carousel.md index 2cc79718..311fa89b 100644 --- a/packages/docs/components/carousel.md +++ b/packages/docs/components/carousel.md @@ -2,6 +2,7 @@ title: Vue Carousel Component name: Carousel description: Vue carousel is a slideshow component for cycling through elements—images or slides of text—like a carousel. +other_frameworks: carousel --- ## How it works diff --git a/packages/docs/components/close-button.md b/packages/docs/components/close-button.md index a9e55a51..d6c71301 100644 --- a/packages/docs/components/close-button.md +++ b/packages/docs/components/close-button.md @@ -2,6 +2,7 @@ title: Vue Close Button Component name: Close Button description: A generic close button component for dismissing content like modals and alerts. +other_frameworks: close-button --- ## Example diff --git a/packages/docs/components/collapse.md b/packages/docs/components/collapse.md index dee27fc0..50d879bc 100644 --- a/packages/docs/components/collapse.md +++ b/packages/docs/components/collapse.md @@ -2,7 +2,7 @@ title: Vue Collapse Component name: Collapse description: Vue collapse component toggles the visibility of content across your project with a few classes and some scripts. Useful for a large amount of content. - +other_frameworks: collapse --- diff --git a/packages/docs/components/dropdown.md b/packages/docs/components/dropdown.md index 2c7be824..e5cfefc6 100644 --- a/packages/docs/components/dropdown.md +++ b/packages/docs/components/dropdown.md @@ -2,7 +2,7 @@ title: Vue Dropdown Component name: Dropdown description: Vue dropdown component allows you to toggle contextual overlays for displaying lists, links, and more html elements. - +other_frameworks: dropdown --- ## Overview diff --git a/packages/docs/components/footer.md b/packages/docs/components/footer.md index 51d67858..8f4bfcc6 100644 --- a/packages/docs/components/footer.md +++ b/packages/docs/components/footer.md @@ -2,7 +2,7 @@ title: Vue Footer Component name: Footer description: Vue footer component is an additional navigation used for displaying general information that a user might want to access from any page within your site. It is a place to display boilerplate text about the site, company info, copyrights, links to a contact form, sitemap, FAQ and other such resources. - +other_frameworks: footer --- ## Examples diff --git a/packages/docs/components/header.md b/packages/docs/components/header.md index 37c5407b..aedec360 100644 --- a/packages/docs/components/header.md +++ b/packages/docs/components/header.md @@ -2,6 +2,7 @@ title: Vue Header Component name: Header description: Documentation and examples for the Header powerful, responsive navigation header. Includes support for branding, links, dropdowns, and more. +other_frameworks: header --- ## Example diff --git a/packages/docs/components/image.md b/packages/docs/components/image.md index 896418da..bce4f578 100644 --- a/packages/docs/components/image.md +++ b/packages/docs/components/image.md @@ -2,6 +2,7 @@ title: Vue Image Component name: Image description: Vue image component with responsive behavior (so it's never become larger than their parent element) and special styles. +other_frameworks: image --- ## Responsive images diff --git a/packages/docs/components/list-group.md b/packages/docs/components/list-group.md index bc3a4451..23401637 100644 --- a/packages/docs/components/list-group.md +++ b/packages/docs/components/list-group.md @@ -2,6 +2,7 @@ title: Vue List Group Component name: List group description: Vue List Group component allows displaying a series of content. Learn how to use Vue list group to build complex list structure on your website. +other_frameworks: list-group --- ## Basic example diff --git a/packages/docs/components/modal.md b/packages/docs/components/modal.md index 4cbfa1fa..6a579a27 100644 --- a/packages/docs/components/modal.md +++ b/packages/docs/components/modal.md @@ -2,6 +2,7 @@ title: Vue Modal Component name: Modal description: Vue Modal component offers a lightweight, multi-purpose popup to add dialogs to yours. Learn how to customize Vue CoreUI Modals easily. Multiple examples and tutorial. +other_frameworks: modal --- ## Examples diff --git a/packages/docs/components/navbar.md b/packages/docs/components/navbar.md index f680a989..feaeccc2 100644 --- a/packages/docs/components/navbar.md +++ b/packages/docs/components/navbar.md @@ -2,6 +2,7 @@ title: Vue Navbar Component name: Navbar description: Documentation and examples for the Vue navbar powerful, responsive navigation header component. Includes support for branding, links, dropdowns, and more. +other_frameworks: navbar --- ## Supported content diff --git a/packages/docs/components/navs-tabs.md b/packages/docs/components/navs-tabs.md index 9b585694..2fd81019 100644 --- a/packages/docs/components/navs-tabs.md +++ b/packages/docs/components/navs-tabs.md @@ -1,8 +1,8 @@ --- title: Vue Navs & Tabs Components -name: Nav +name: Navs & Tabs description: Documentation and examples for how to use CoreUI's included Vue navigation components. - +other_frameworks: navs-tabs --- ## Base nav diff --git a/packages/docs/components/offcanvas.md b/packages/docs/components/offcanvas.md index 4cc06bcf..671d5959 100644 --- a/packages/docs/components/offcanvas.md +++ b/packages/docs/components/offcanvas.md @@ -2,7 +2,7 @@ title: Vue Offcanvas Component name: Offcanvas description: Vue alert component allows build hidden sidebars into your project for navigation, shopping carts. - +other_frameworks: offcanvas --- diff --git a/packages/docs/components/pagination.md b/packages/docs/components/pagination.md index f8373204..426c5e2e 100644 --- a/packages/docs/components/pagination.md +++ b/packages/docs/components/pagination.md @@ -2,6 +2,7 @@ title: Vue Pagination Component name: Pagination description: Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages. +other_frameworks: pagination --- ## Overview diff --git a/packages/docs/components/placeholder.md b/packages/docs/components/placeholder.md index cc3b5e4b..280bd2a3 100644 --- a/packages/docs/components/placeholder.md +++ b/packages/docs/components/placeholder.md @@ -1,6 +1,7 @@ --- title: Vue Placeholder Component -description: Use loading vue placeholders for your components or pages to indicate something may still be loading. +description: Use loading vue placeholders for your components or pages to indicate something may still be loading. +other_frameworks: placeholder --- ## About diff --git a/packages/docs/components/popover.md b/packages/docs/components/popover.md index 030f1ae7..4e491d78 100644 --- a/packages/docs/components/popover.md +++ b/packages/docs/components/popover.md @@ -2,6 +2,7 @@ title: Vue Popover Component and Directive name: Popover description: Documentation and examples for adding Vue popovers, like those found in iOS, to any element on your site. +other_frameworks: popover --- ## Example diff --git a/packages/docs/components/progress.md b/packages/docs/components/progress.md index 8bae34ec..71da71ce 100644 --- a/packages/docs/components/progress.md +++ b/packages/docs/components/progress.md @@ -2,7 +2,7 @@ title: Vue Progress Component name: Progress description: Documentation and examples for using Vue progress bars featuring support for stacked bars, animated backgrounds, and text labels. - +other_frameworks: progress --- ## Example diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md index 280c8872..5faaa9d4 100644 --- a/packages/docs/components/sidebar.md +++ b/packages/docs/components/sidebar.md @@ -1,6 +1,7 @@ --- title: Vue Sidebar Component description: Vue Sidebar is a powerful and customizable responsive navigation component for any type of vertical navigation. Bootstrap Sidebar come with built-in support for branding, navigation, and more. +other_frameworks: sidebar --- ## Supported content diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md index 87b4282f..fc8eae19 100644 --- a/packages/docs/components/spinner.md +++ b/packages/docs/components/spinner.md @@ -2,7 +2,7 @@ title: Vue Spinner Component name: Spinner description: Indicate the loading state of a component or page with CoreUI spinners, built entirely with HTML, CSS, and no JavaScript. - +other_frameworks: spinner --- ## About diff --git a/packages/docs/components/table.md b/packages/docs/components/table.md index 66c45642..45f9cf6a 100644 --- a/packages/docs/components/table.md +++ b/packages/docs/components/table.md @@ -2,6 +2,7 @@ title: Vue Table Component name: Table description: Documentation and examples for opt-in styling of tables. +other_frameworks: table --- ## How to use Vue Table Component diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md index 167a7b83..0564b0d8 100644 --- a/packages/docs/components/toast.md +++ b/packages/docs/components/toast.md @@ -2,6 +2,7 @@ title: Vue Toast Component name: Toast description: Push notifications to your visitors with a toast, a lightweight and easily customizable alert message. +other_frameworks: toast --- Vue toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They’re built with flexbox, so they’re easy to align and position. diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md index 62b9d0d2..3bec5159 100644 --- a/packages/docs/components/tooltip.md +++ b/packages/docs/components/tooltip.md @@ -2,6 +2,7 @@ title: Vue Tooltip Component and Directive name: Tooltip description: Documentation and examples for adding Vue Tooltips. +other_frameworks: tooltip --- ## Examples diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md index c4abb50e..833b9b31 100644 --- a/packages/docs/forms/checkbox.md +++ b/packages/docs/forms/checkbox.md @@ -2,6 +2,7 @@ title: Vue Checkbox Component name: Checkbox description: Create consistent cross-browser and cross-device checkboxes with our Vue checkbox components. +other_frameworks: checkbox --- ## Approach diff --git a/packages/docs/forms/floating-labels.md b/packages/docs/forms/floating-labels.md index 90b65a0f..7ca253d3 100644 --- a/packages/docs/forms/floating-labels.md +++ b/packages/docs/forms/floating-labels.md @@ -2,6 +2,7 @@ title: Vue Floating labels name: Floating labels description: Vue floating label component. Create beautifully simple form labels that float over your input fields. +other_frameworks: floating-labels --- ## Example diff --git a/packages/docs/forms/input-group.md b/packages/docs/forms/input-group.md index 121e15dd..e263aecf 100644 --- a/packages/docs/forms/input-group.md +++ b/packages/docs/forms/input-group.md @@ -2,6 +2,7 @@ title: Vue Input Group Component name: Input group description: Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. +other_frameworks: input-group --- ## Basic example diff --git a/packages/docs/forms/input.md b/packages/docs/forms/input.md index 85dff433..b4c07adc 100644 --- a/packages/docs/forms/input.md +++ b/packages/docs/forms/input.md @@ -2,7 +2,7 @@ title: Vue Form Input name: Form input description: Vue input components. Give textual form ``s an upgrade with custom styles, sizing, focus states, validation, and more. - +other_frameworks: input --- ## Example diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md index 825e0a79..e84ac860 100644 --- a/packages/docs/forms/radio.md +++ b/packages/docs/forms/radio.md @@ -2,6 +2,7 @@ title: Vue Checkbox & Radio Components name: Checks & radios description: Create consistent cross-browser and cross-device checkboxes and radios with our Vue checkbox, radio, and switch components. +other_frameworks: radio --- ## Approach diff --git a/packages/docs/forms/range.md b/packages/docs/forms/range.md index ed30bdf3..4a7dec20 100644 --- a/packages/docs/forms/range.md +++ b/packages/docs/forms/range.md @@ -2,6 +2,7 @@ title: Vue Range Component name: Range description: Vue range component. Use our custom range inputs for consistent cross-browser styling and built-in customization. +other_frameworks: range --- ## Overview diff --git a/packages/docs/forms/select.md b/packages/docs/forms/select.md index 370cae84..e70dd0da 100644 --- a/packages/docs/forms/select.md +++ b/packages/docs/forms/select.md @@ -2,6 +2,7 @@ title: Vue Select Component name: Select description: Vue select component. Customize the native `"`; +exports[`Customize CFormTextarea component renders correctly 1`] = `""`; -exports[`Loads and display CFormTextarea component renders correctly 1`] = `""`; +exports[`Loads and display CFormTextarea component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap index b34abdb3..a6f5d78b 100644 --- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap +++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroup.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CInputGroup component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CInputGroup component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CInputGroup component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CInputGroup component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap index 9e181c69..37737ec9 100644 --- a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap +++ b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CInputGroupText component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CInputGroupText component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CInputGroupText component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CInputGroupText component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap index 7ea11820..60bb0dec 100644 --- a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap +++ b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CCol.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CCol component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CCol component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CCol component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CCol component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap index eaae3f9f..15d92143 100644 --- a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap +++ b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CContainer.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CContainer component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CContainer component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CContainer component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CContainer component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap index 27fa69e2..686e7491 100644 --- a/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap +++ b/packages/coreui-vue/src/components/grid/__tests__/__snapshots__/CRow.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CRow component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CRow component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CRow component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CRow component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap index 4f68f315..565c875c 100644 --- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap +++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeader.spec.ts.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Customize CHeader component renders correctly 1`] = ` -"
    -
    Default slot
    +"
    +
    Default slot
    " `; -exports[`Loads and display CHeader component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CHeader component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap index fffc86dc..a2b61995 100644 --- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap +++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CHeaderBrand component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CHeaderBrand component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CHeaderBrand component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CHeaderBrand component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap index 95317776..36376c1f 100644 --- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap +++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CHeaderDivider component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CHeaderDivider component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap index 558f84b0..0e33b9b4 100644 --- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap +++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CHeaderNav component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CHeaderNav component renders correctly 1`] = `""`; -exports[`Loads and display CHeaderNav component renders correctly 1`] = `"
      Default slot
    "`; +exports[`Loads and display CHeaderNav component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap index 30e52aa2..c9a6a8f4 100644 --- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap +++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderText.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CHeaderText component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CHeaderText component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap index fa63730c..c0da6cf0 100644 --- a/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap +++ b/packages/coreui-vue/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CHeaderToggler component renders correctly 1`] = `""`; +exports[`Customize CHeaderToggler component renders correctly 1`] = `""`; -exports[`Loads and display CHeaderToggler component renders correctly 1`] = `""`; +exports[`Loads and display CHeaderToggler component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap b/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap index 3cb60262..808f6428 100644 --- a/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap +++ b/packages/coreui-vue/src/components/image/__tests__/__snapshots__/CImage.spec.ts.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize (two) CImage component renders correctly 1`] = `""`; +exports[`Customize (two) CImage component renders correctly 1`] = `""`; -exports[`Customize CImage component renders correctly 1`] = `""`; +exports[`Customize CImage component renders correctly 1`] = `""`; -exports[`Loads and display CImage component renders correctly 1`] = `""`; +exports[`Loads and display CImage component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap b/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap index 7a6941d1..ab1d8241 100644 --- a/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap +++ b/packages/coreui-vue/src/components/link/__tests__/__snapshots__/CLink.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CLink component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CLink component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CLink component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CLink component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap index 8c45503d..dca65991 100644 --- a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap +++ b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroup.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CListGroup component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CListGroup component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CListGroup component renders correctly 1`] = `"
      Default slot
    "`; +exports[`Loads and display CListGroup component renders correctly 1`] = `"
      Default slot
    "`; diff --git a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap index 1dfeffaa..198cf490 100644 --- a/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap +++ b/packages/coreui-vue/src/components/list-group/__tests__/__snapshots__/CListGroupItem.spec.ts.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize (two) CListGroupItem component renders correctly 1`] = `""`; +exports[`Customize (two) CListGroupItem component renders correctly 1`] = `""`; -exports[`Customize CListGroupItem component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CListGroupItem component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CListGroupItem component renders correctly 1`] = `"
  • Default slot
    • "`; +exports[`Loads and display CListGroupItem component renders correctly 1`] = `"
  • Default slot
    • "`; diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap index 7cbc7cc4..b3bcb34c 100644 --- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap +++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalBody.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CModalBody component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CModalBody component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap index db68c52a..a87577d0 100644 --- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap +++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalFooter.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CModalFooter component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CModalFooter component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap index 144cc655..abeb2a67 100644 --- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap +++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CModalHeader component renders correctly 1`] = `"Default slot"`; +exports[`Customize CModalHeader component renders correctly 1`] = `"Default slot"`; -exports[`Loads and display CModalHeader component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CModalHeader component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap index a7f8175b..fe60a9b6 100644 --- a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap +++ b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModalTitle.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CModalTitle component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CModalTitle component renders correctly 1`] = `"
    Default slot
    "`; -exports[`Loads and display CModalTitle component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Loads and display CModalTitle component renders correctly 1`] = `"
    Default slot
    "`; diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap index 7bf958f2..4d306a7d 100644 --- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap +++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNav.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CNav component renders correctly 1`] = `"
    Default slot
    "`; +exports[`Customize CNav component renders correctly 1`] = `""`; -exports[`Loads and display CNav component renders correctly 1`] = `"
      Default slot
    "`; +exports[`Loads and display CNav component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap index c959b05c..78b1e4cb 100644 --- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap +++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.ts.snap @@ -1,17 +1,17 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Customize CNavGroup component renders correctly 1`] = ` -"
  • togglerContent - -
      +"
    • togglerContent + +
        • " `; exports[`Loads and display CNavGroup component renders correctly 1`] = ` -"
      • +"
      • - +
        • " diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap index 85dd192f..7e5bd579 100644 --- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap +++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavGroupItems.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CNavGroupItems component renders correctly 1`] = `"
          Default slot
        "`; +exports[`Loads and display CNavGroupItems component renders correctly 1`] = `"
          Default slot
        "`; diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap index aafaa47d..7147ee44 100644 --- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap +++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavItem.spec.ts.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Customize CNavItem component renders correctly 1`] = ` -"
      • -
        Default slot
        +"
      • +
        Default slot
        • " `; -exports[`Loads and display CNavItem component renders correctly 1`] = `"
      • Default slot
        • "`; +exports[`Loads and display CNavItem component renders correctly 1`] = `"
      • Default slot
        • "`; diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap index fb08bba5..343e8754 100644 --- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap +++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavLink.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CNavLink component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize CNavLink component renders correctly 1`] = `"
        Default slot
        "`; -exports[`Loads and display CNavLink component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CNavLink component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap index ce071627..44eee351 100644 --- a/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap +++ b/packages/coreui-vue/src/components/nav/__tests__/__snapshots__/CNavTitle.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CNavTitle component renders correctly 1`] = `"
      • Default slot
        • "`; +exports[`Loads and display CNavTitle component renders correctly 1`] = `"
      • Default slot
        • "`; diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap index a181b2d6..ff0e3509 100644 --- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap +++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Customize CNavbar component renders correctly 1`] = ` -"
        -
        Default slot
        +"
        +
        Default slot
        " `; -exports[`Loads and display CNavbar component renders correctly 1`] = `""`; +exports[`Loads and display CNavbar component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap index c8d4dc74..0ddb600e 100644 --- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap +++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarBrand.spec.ts.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize (two) CNavbarBrand component renders correctly 1`] = `"Default slot"`; +exports[`Customize (two) CNavbarBrand component renders correctly 1`] = `"Default slot"`; -exports[`Customize CNavbarBrand component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize CNavbarBrand component renders correctly 1`] = `"
        Default slot
        "`; -exports[`Loads and display CNavbarBrand component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CNavbarBrand component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap index 1bf1ff8c..d2e23afd 100644 --- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap +++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarNav.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CNavbarNav component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize CNavbarNav component renders correctly 1`] = `""`; -exports[`Loads and display CNavbarNav component renders correctly 1`] = `"
          Default slot
        "`; +exports[`Loads and display CNavbarNav component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap index 002c5d56..24487886 100644 --- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap +++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarText.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CNavbarText component renders correctly 1`] = `"Default slot"`; +exports[`Loads and display CNavbarText component renders correctly 1`] = `"Default slot"`; diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap index 71742747..7054937b 100644 --- a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap +++ b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbarToggler.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CNavbarToggler component renders correctly 1`] = `""`; +exports[`Customize CNavbarToggler component renders correctly 1`] = `""`; -exports[`Loads and display CNavbarToggler component renders correctly 1`] = `""`; +exports[`Loads and display CNavbarToggler component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap index 0734b39e..86cbd126 100644 --- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap +++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasBody.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display COffcanvasBody component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display COffcanvasBody component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap index 0d3349bf..f3a255fc 100644 --- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap +++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasHeader.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display COffcanvasHeader component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display COffcanvasHeader component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap index 0f7852ee..52e231f8 100644 --- a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap +++ b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvasTitle.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize COffcanvasTitle component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize COffcanvasTitle component renders correctly 1`] = `"
        Default slot
        "`; -exports[`Loads and display COffcanvasTitle component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display COffcanvasTitle component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap index ab58969d..df7177ab 100644 --- a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap +++ b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPagination.spec.ts.snap @@ -2,12 +2,12 @@ exports[`Customize CPagination component renders correctly 1`] = ` "" `; exports[`Loads and display CPagination component renders correctly 1`] = ` "" `; diff --git a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap index f1cbff80..440c37db 100644 --- a/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap +++ b/packages/coreui-vue/src/components/pagination/__tests__/__snapshots__/CPaginationItem.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CPaginationItem component renders correctly 1`] = `"
      • Default slot
        • "`; +exports[`Customize CPaginationItem component renders correctly 1`] = `"
      • Default slot
        • "`; -exports[`Loads and display CPaginationItem component renders correctly 1`] = `"
      • Default slot
        • "`; +exports[`Loads and display CPaginationItem component renders correctly 1`] = `"
      • Default slot
        • "`; diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap index 444e575e..bb820197 100644 --- a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap +++ b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CProgress component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize CProgress component renders correctly 1`] = `"
        Default slot
        "`; -exports[`Loads and display CProgress component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display CProgress component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap index 87a1eb70..c4daea91 100644 --- a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap +++ b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CProgressBar component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize CProgressBar component renders correctly 1`] = `"
        Default slot
        "`; -exports[`Loads and display CProgressBar component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display CProgressBar component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap index 1f78fb3e..cffd8e68 100644 --- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap +++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CSidebar component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Customize CSidebar component renders correctly 1`] = `"
        Default slot
        "`; -exports[`Loads and display CSidebar component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display CSidebar component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap index 69b13fc4..5b05d064 100644 --- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap +++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CSidebarBrand component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display CSidebarBrand component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap index 943df02f..c275d81c 100644 --- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap +++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarFooter.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CSidebarFooter component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display CSidebarFooter component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap index aa517e64..edf15cc3 100644 --- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap +++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarHeader.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CSidebarHeader component renders correctly 1`] = `"
        Default slot
        "`; +exports[`Loads and display CSidebarHeader component renders correctly 1`] = `"
        Default slot
        "`; diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap index 77f0c1cd..b476da94 100644 --- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap +++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CSidebarNav component renders correctly 1`] = `"
          "`; +exports[`Loads and display CSidebarNav component renders correctly 1`] = `"
            "`; diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap index b8357bf5..402da170 100644 --- a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap +++ b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebarToggler.spec.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Loads and display CSidebarToggler component renders correctly 1`] = `""`; +exports[`Loads and display CSidebarToggler component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap index 087b82e0..f1d49397 100644 --- a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap +++ b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CSpinner component renders correctly 1`] = `""`; +exports[`Customize CSpinner component renders correctly 1`] = `""`; -exports[`Loads and display CSpinner component renders correctly 1`] = `""`; +exports[`Loads and display CSpinner component renders correctly 1`] = `""`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap index 21adca39..896ca48b 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTable.spec.ts.snap @@ -1,9 +1,21 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Customize CTable component renders correctly 1`] = ` -"
            - Default slot
            +"
            + + + + Default slot + +
            " `; -exports[`Loads and display CTable component renders correctly 1`] = `"Default slot
            "`; +exports[`Loads and display CTable component renders correctly 1`] = ` +" + + + Default slot + +
            " +`; diff --git a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap index e452db95..fc64a172 100644 --- a/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap +++ b/packages/coreui-vue/src/components/table/__tests__/__snapshots__/CTableBody.spec.ts.snap @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Customize CTableBody component renders correctly 1`] = `"
          Default slotDefault slotDefault slotDefault slot
          Default slotDefault slotDefault slotDefault slot
          ` on the top of the table. * * @values 'top' | string */ - caption: { - type: String, - default: undefined, - required: false, - }, + caption: String, /** * Set the text of the table caption and the caption on the top of the table. * * @since 4.5.0 */ - captionTop: { - type: String, - default: undefined, - required: false, - }, + captionTop: String, /** * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props') * @@ -118,7 +102,6 @@ const CTable = defineComponent({ */ columns: { type: Array as PropType<(Column | string)[]>, - required: false, }, /** * Sets the color context of the component to one of CoreUI’s themed colors. @@ -138,15 +121,11 @@ const CTable = defineComponent({ */ footer: { type: Array as PropType<(FooterItem | string)[]>, - required: false, }, /** * Enable a hover state on table rows within a ``. */ - hover: { - type: Boolean, - required: false, - }, + hover: Boolean, /** * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'. * @@ -157,12 +136,9 @@ const CTable = defineComponent({ */ items: { type: Array as PropType, - required: false, }, responsive: { type: [Boolean, String], - default: undefined, - required: false, validator: (value: boolean | string) => { if (typeof value == 'string') { return ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value) @@ -176,26 +152,17 @@ const CTable = defineComponent({ /** * Make table more compact by cutting all cell `padding` in half. */ - small: { - type: Boolean, - required: false, - }, + small: Boolean, /** * Add zebra-striping to any table row within the ``. */ - striped: { - type: Boolean, - required: false, - }, + striped: Boolean, /** * Add zebra-striping to any table column. * * @since 4.4.0 */ - stripedColumns: { - type: Boolean, - required: false, - }, + stripedColumns: Boolean, /** * Properties that will be passed to the table footer component. * @@ -204,8 +171,6 @@ const CTable = defineComponent({ */ tableFootProps: { type: Object, - default: undefined, - required: false, }, /** * Properties that will be passed to the table head component. @@ -215,8 +180,6 @@ const CTable = defineComponent({ */ tableHeadProps: { type: Object, - default: undefined, - required: false, }, }, setup(props, { slots, attrs }) { diff --git a/packages/coreui-vue/src/components/table/CTableDataCell.ts b/packages/coreui-vue/src/components/table/CTableDataCell.ts index 02723090..5d5ea8dd 100644 --- a/packages/coreui-vue/src/components/table/CTableDataCell.ts +++ b/packages/coreui-vue/src/components/table/CTableDataCell.ts @@ -8,10 +8,7 @@ const CTableDataCell = defineComponent({ /** * Highlight a table row or cell. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Set the vertical aligment. * @@ -19,8 +16,6 @@ const CTableDataCell = defineComponent({ */ align: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['bottom', 'middle', 'top'].includes(value) }, @@ -34,10 +29,7 @@ const CTableDataCell = defineComponent({ /** * @ignore */ - scope: { - type: String, - required: false, - }, + scope: String, }, setup(props, { slots }) { return () => diff --git a/packages/coreui-vue/src/components/table/CTableRow.ts b/packages/coreui-vue/src/components/table/CTableRow.ts index bf21efa1..f3f2a518 100644 --- a/packages/coreui-vue/src/components/table/CTableRow.ts +++ b/packages/coreui-vue/src/components/table/CTableRow.ts @@ -8,10 +8,7 @@ const CTableRow = defineComponent({ /** * Highlight a table row or cell.. */ - active: { - type: Boolean, - required: false, - }, + active: Boolean, /** * Set the vertical aligment. * @@ -19,8 +16,6 @@ const CTableRow = defineComponent({ */ align: { type: String, - default: undefined, - required: false, validator: (value: string) => { return ['bottom', 'middle', 'top'].includes(value) }, diff --git a/packages/coreui-vue/src/components/tabs/CTabPane.ts b/packages/coreui-vue/src/components/tabs/CTabPane.ts index 0540cdf3..9ff0050f 100644 --- a/packages/coreui-vue/src/components/tabs/CTabPane.ts +++ b/packages/coreui-vue/src/components/tabs/CTabPane.ts @@ -1,6 +1,6 @@ import { defineComponent, h, ref, RendererElement, Transition, vShow, withDirectives } from 'vue' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const CTabPane = defineComponent({ name: 'CTabPane', @@ -11,7 +11,6 @@ const CTabPane = defineComponent({ visible: { type: Boolean, default: false, - required: false, }, }, emits: [ diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts index 76d4ecab..b34cf0a7 100644 --- a/packages/coreui-vue/src/components/toast/CToast.ts +++ b/packages/coreui-vue/src/components/toast/CToast.ts @@ -1,6 +1,6 @@ import { defineComponent, h, onMounted, provide, ref, RendererElement, Transition } from 'vue' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' import { Color } from '../props' @@ -13,7 +13,6 @@ const CToast = defineComponent({ autohide: { type: Boolean, default: true, - required: false, }, /** * Sets the color context of the component to one of CoreUI’s themed colors. @@ -27,7 +26,6 @@ const CToast = defineComponent({ delay: { type: Number, default: 5000, - required: false, }, /** * Optionally add a close button to component and allow it to self dismiss. @@ -35,31 +33,21 @@ const CToast = defineComponent({ dismissible: { type: Boolean, default: true, - required: false, }, /** * index of the component. */ - index: { - type: Number, - default: undefined, - required: false, - }, + index: Number, /** * Title node for your component. */ - title: { - type: String, - default: undefined, - required: false, - }, + title: String, /** * Toggle the visibility of component. */ visible: { type: Boolean, default: true, - required: false, }, }, emits: [ diff --git a/packages/coreui-vue/src/components/toast/CToastClose.ts b/packages/coreui-vue/src/components/toast/CToastClose.ts index 18e23511..f0aedd8d 100644 --- a/packages/coreui-vue/src/components/toast/CToastClose.ts +++ b/packages/coreui-vue/src/components/toast/CToastClose.ts @@ -7,11 +7,7 @@ const CToastClose = defineComponent({ /** * Component used for the root node. Either a string to use a HTML element or a component. */ - component: { - type: String, - default: undefined, - required: false, - }, + component: String, ...CCloseButton.props, }, emits: [ diff --git a/packages/coreui-vue/src/components/toast/CToastHeader.ts b/packages/coreui-vue/src/components/toast/CToastHeader.ts index add0d909..74fbc651 100644 --- a/packages/coreui-vue/src/components/toast/CToastHeader.ts +++ b/packages/coreui-vue/src/components/toast/CToastHeader.ts @@ -7,10 +7,7 @@ const CToastHeader = defineComponent({ /** * Automatically add a close button to the header. */ - closeButton: { - type: Boolean, - require: false, - }, + closeButton: Boolean, }, emits: [ /** diff --git a/packages/coreui-vue/src/components/toast/CToaster.ts b/packages/coreui-vue/src/components/toast/CToaster.ts index 7e4db4a8..6e5b8381 100644 --- a/packages/coreui-vue/src/components/toast/CToaster.ts +++ b/packages/coreui-vue/src/components/toast/CToaster.ts @@ -10,8 +10,6 @@ const CToaster = defineComponent({ */ placement: { type: String, - default: undefined, - require: false, validator: (value: string) => { return [ 'top-start', diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts index 2d02d3fa..801bdfd7 100644 --- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts +++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts @@ -1,7 +1,7 @@ import { defineComponent, h, PropType, ref, RendererElement, Teleport, Transition } from 'vue' import { createPopper, Placement } from '@popperjs/core' -import { executeAfterTransition } from './../../utils/transition' +import { executeAfterTransition } from '../../utils/transition' const CTooltip = defineComponent({ name: 'CTooltip', @@ -9,18 +9,13 @@ const CTooltip = defineComponent({ /** * Content for your component. If you want to pass non-string value please use dedicated slot `` */ - content: { - type: String, - default: undefined, - required: false, - }, + content: String, /** * Offset of the tooltip relative to its target. */ offset: { type: Array, default: () => [0, 0], - required: false, }, /** * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. @@ -28,7 +23,6 @@ const CTooltip = defineComponent({ placement: { type: String as PropType, default: 'top', - required: false, validator: (value: string) => { return ['top', 'right', 'bottom', 'left'].includes(value) }, @@ -41,7 +35,6 @@ const CTooltip = defineComponent({ trigger: { type: [String, Array] as PropType, default: 'hover', - required: false, validator: (value: string | string[]) => { if (typeof value === 'string') { return ['click', 'focus', 'hover'].includes(value) diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts index 24633fab..d534deb8 100644 --- a/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts +++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsA.ts @@ -5,26 +5,17 @@ import { CCard, CCardBody } from '../card' const CWidgetStatsA = defineComponent({ name: 'CWidgetStatsA', props: { - color: { - type: String, - default: undefined, - require: false, - }, + color: String, /** * Title for your component. If you want to pass non-string value please use dedicated slot `` */ - title: { - type: String, - default: undefined, - require: false, - }, + title: String, /** * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `` */ value: { type: [Number, String], - default: 0, - require: false, + default: 0 }, }, /** diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts index 870525a7..27078a3b 100644 --- a/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts +++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsB.ts @@ -17,11 +17,7 @@ const CWidgetStatsB = defineComponent({ /** * Colors have been inverted from their default dark shade. */ - inverse: { - type: Boolean, - default: undefined, - require: false, - }, + inverse: Boolean, progress: shape({ /** * Sets the color context of the progress bar to one of CoreUI’s themed colors @@ -40,26 +36,17 @@ const CWidgetStatsB = defineComponent({ /** * Helper text for your component. If you want to pass non-string value please use dedicated slot `` */ - text: { - type: String, - default: undefined, - require: false, - }, + text: String, /** * Title for your component. If you want to pass non-string value please use dedicated slot `` */ - title: { - type: String, - default: undefined, - require: false, - }, + title: String, /** * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `` */ value: { type: [Number, String], - default: 0, - require: false, + default: 0 }, }, setup(props, { slots }) { diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts index 88e0bb7a..84c8eefb 100644 --- a/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts +++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsC.ts @@ -17,11 +17,7 @@ const CWidgetStatsC = defineComponent({ /** * Colors have been inverted from their default dark shade. */ - inverse: { - type: Boolean, - default: undefined, - require: false, - }, + inverse: Boolean, progress: shape({ /** * Sets the color context of the progress bar to one of CoreUI’s themed colors @@ -40,18 +36,13 @@ const CWidgetStatsC = defineComponent({ /** * Title for your component. If you want to pass non-string value please use dedicated slot `` */ - title: { - type: String, - default: undefined, - require: false, - }, + title: String, /** * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `` */ value: { type: [Number, String], - default: 0, - require: false, + default: 0 }, }, /** diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts index ca78d430..46b07913 100644 --- a/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts +++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsD.ts @@ -23,8 +23,7 @@ const CWidgetStatsD = defineComponent({ */ values: { type: Array as PropType, - default: () => [], - require: false, + default: () => [] }, }, /** diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts index 6c02a903..16efe09b 100644 --- a/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts +++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsE.ts @@ -8,18 +8,13 @@ const CWidgetStatsE = defineComponent({ /** * Title for your component. If you want to pass non-string value please use dedicated slot `` */ - title: { - type: String, - default: undefined, - require: false, - }, + title: String, /** * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `` */ value: { type: [Number, String], - default: 0, - require: false, + default: 0 }, }, /** diff --git a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts index 8dbe9483..3281ed98 100644 --- a/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts +++ b/packages/coreui-vue/src/components/widgets/CWidgetStatsF.ts @@ -22,26 +22,17 @@ const CWidgetStatsF = defineComponent({ /** * Title for your component. If you want to pass non-string value please use dedicated slot `` */ - title: { - type: String, - default: undefined, - require: false, - }, + title: String, /** * Helper text for your component. If you want to pass non-string value please use dedicated slot `` */ - text: { - type: String, - default: undefined, - require: false, - }, + text: String, /** * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `` */ value: { type: [Number, String], - default: 0, - require: false, + default: 0 }, }, /** diff --git a/packages/docs/api/CChart.api.md b/packages/docs/api/CChart.api.md index 16ba9a3e..22ddea1a 100644 --- a/packages/docs/api/CChart.api.md +++ b/packages/docs/api/CChart.api.md @@ -11,12 +11,12 @@ import CChart from '@coreui/vue-chartjs/src/CChart' | Prop name | Description | Type | Values | Default | | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ------ | ------- | | **custom-tooltips** | Enables custom html based tooltips instead of standard tooltips.
          `@default` true | boolean | - | true | -| **data** | The data object that is passed into the Chart.js chart (more info). | ChartData \| ((canvas: HTMLCanvasElement) => ChartData) | - | | +| **data** | The data object that is passed into the Chart.js chart (more info). | ChartData \| ((canvas: HTMLCanvasElement) => ChartData) | - | - | | **height** | Height attribute applied to the rendered canvas.
          `@default` 150 | number | - | 150 | | **id** | ID attribute applied to the rendered canvas. | string | - | - | | **options** | The options object that is passed into the Chart.js chart.

          {@link https://www.chartjs.org/docs/latest/general/options.html More Info} | ChartOptions | - | - | | **plugins** | The plugins array that is passed into the Chart.js chart (more info)

          {@link https://www.chartjs.org/docs/latest/developers/plugins.html More Info} | Plugin[] | - | - | -| **redraw** | If true, will tear down and redraw chart on all updates. | boolean | - | | +| **redraw** | If true, will tear down and redraw chart on all updates. | boolean | - | - | | **type** | Chart.js chart type.
          `@type` 'line' \| 'bar' \| 'radar' \| 'doughnut' \| 'polarArea' \| 'bubble' \| 'pie' \| 'scatter' | ChartType | - | 'bar' | | **width** | Width attribute applied to the rendered canvas.
          `@default` 300 | number | - | 300 | | **wrapper** | Put the chart into the wrapper div element.
          `@default` true | boolean | - | true | diff --git a/packages/docs/api/accordion/CAccordion.api.md b/packages/docs/api/accordion/CAccordion.api.md index 59d52bfa..4c30183a 100644 --- a/packages/docs/api/accordion/CAccordion.api.md +++ b/packages/docs/api/accordion/CAccordion.api.md @@ -11,5 +11,5 @@ import CAccordion from '@coreui/vue/src/components/accordion/CAccordion' | Prop name | Description | Type | Values | Default | | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ | ------- | | **active-item-key** | The active item key. | number\|string | - | - | -| **always-open** | Make accordion items stay open when another item is opened | boolean | - | | -| **flush** | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. | boolean | - | | +| **always-open** | Make accordion items stay open when another item is opened | boolean | - | - | +| **flush** | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. | boolean | - | - | diff --git a/packages/docs/api/alert/CAlert.api.md b/packages/docs/api/alert/CAlert.api.md index 202552b4..140f73d1 100644 --- a/packages/docs/api/alert/CAlert.api.md +++ b/packages/docs/api/alert/CAlert.api.md @@ -10,8 +10,8 @@ import CAlert from '@coreui/vue/src/components/alert/CAlert' | Prop name | Description | Type | Values | Default | | --------------- | ------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | -| **dismissible** | Optionally add a close button to alert and allow it to self dismisss. | boolean | - | false | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | +| **dismissible** | Optionally add a close button to alert and allow it to self dismisss. | boolean | - | - | | **variant** | Set the alert variant to a solid. | string | `'solid'` | - | | **visible** | Toggle the visibility of alert component. | boolean | - | true | diff --git a/packages/docs/api/avatar/CAvatar.api.md b/packages/docs/api/avatar/CAvatar.api.md index eb86fe28..51491b27 100644 --- a/packages/docs/api/avatar/CAvatar.api.md +++ b/packages/docs/api/avatar/CAvatar.api.md @@ -10,9 +10,9 @@ import CAvatar from '@coreui/vue/src/components/avatar/CAvatar' | Prop name | Description | Type | Values | Default | | -------------- | -------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | -| **shape** | Select the shape of the component. | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | +| **shape** | Select the shape of the component. | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | - | | **size** | Size the component small, large, or extra large. | string | `'sm'`, `'md'`, `'lg'`, `'xl'` | - | | **src** | The src attribute for the img element. | string | - | - | | **status** | Sets the color context of the status indicator to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | -| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | | +| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | - | diff --git a/packages/docs/api/badge/CBadge.api.md b/packages/docs/api/badge/CBadge.api.md index ff845d33..b9fd90b0 100644 --- a/packages/docs/api/badge/CBadge.api.md +++ b/packages/docs/api/badge/CBadge.api.md @@ -10,9 +10,9 @@ import CBadge from '@coreui/vue/src/components/badge/CBadge' | Prop name | Description | Type | Values | Default | | -------------- | --------------------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | - | 'span' | | **position** | Position badge in one of the corners of a link or button. | string | `'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'` | - | -| **shape** | Select the shape of the component. | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | | +| **shape** | Select the shape of the component. | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | - | | **size** | Size the component small. | string | `'sm'` | - | -| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | | +| **text-color** | Sets the text color of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'white'`, `'muted'`, `'high-emphasis'`, `'medium-emphasis'`, `'disabled'`, `'high-emphasis-inverse'`, `'medium-emphasis-inverse'`, `'disabled-inverse'` | - | diff --git a/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md b/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md index 620f95d4..792d17d6 100644 --- a/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md +++ b/packages/docs/api/breadcrumb/CBreadcrumbItem.api.md @@ -10,5 +10,5 @@ import CBreadcrumbItem from '@coreui/vue/src/components/breadcrumb/CBreadcrumbIt | Prop name | Description | Type | Values | Default | | ---------- | -------------------------------------------------- | ------- | ------ | ------- | -| **active** | Toggle the active state for the component. | boolean | - | | +| **active** | Toggle the active state for the component. | boolean | - | - | | **href** | The `href` attribute for the inner link component. | string | - | - | diff --git a/packages/docs/api/button-group/CButtonGroup.api.md b/packages/docs/api/button-group/CButtonGroup.api.md index 5d48a7f0..cef08210 100644 --- a/packages/docs/api/button-group/CButtonGroup.api.md +++ b/packages/docs/api/button-group/CButtonGroup.api.md @@ -11,4 +11,4 @@ import CButtonGroup from '@coreui/vue/src/components/button-group/CButtonGroup' | Prop name | Description | Type | Values | Default | | ------------ | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------- | ------- | | **size** | Size the component small or large. | string | `'sm'`, `'lg'` | - | -| **vertical** | Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. | boolean | - | | +| **vertical** | Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. | boolean | - | - | diff --git a/packages/docs/api/button/CButton.api.md b/packages/docs/api/button/CButton.api.md index e5d4a583..8f8f11ee 100644 --- a/packages/docs/api/button/CButton.api.md +++ b/packages/docs/api/button/CButton.api.md @@ -10,12 +10,12 @@ import CButton from '@coreui/vue/src/components/button/CButton' | Prop name | Description | Type | Values | Default | | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -| **active** | Toggle the active state for the component. | boolean | - | false | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **active** | Toggle the active state for the component. | boolean | - | - | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | | **component** | Component used for the root node. Either a string to use a HTML element or a component. | string | - | 'button' | -| **disabled** | Toggle the disabled state for the component. | boolean | - | | +| **disabled** | Toggle the disabled state for the component. | boolean | - | - | | **href** | The href attribute specifies the URL of the page the link goes to. | string | - | - | -| **shape** | Select the shape of the component. | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | | +| **shape** | Select the shape of the component. | string | `'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'` | - | | **size** | Size the component small or large. | string | `'sm'`, `'lg'` | - | | **type** | Specifies the type of button. Always specify the type attribute for the `          ` on the top of the table. | string | `'top' \| string` | - | | **caption-top**
          4.5.0+
          | Set the text of the table caption and the caption on the top of the table. | string | - | - | -| **columns**
          4.5.0+
          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')

          In columns prop each array item represents one column. Item might be specified in two ways:
          String: each item define column name equal to item value.
          Object: item is object with following keys available as column configuration:
          - key (required)(String) - define column name equal to item key.
          - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
          - \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },
          - \_style (Object) - adds styles to the column header (useful for defining widths) | (Column \| string)[] | - | | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | -| **footer**
          4.5.0+
          | Array of objects or strings, where each element represents one cell in the table footer.

          Example items:
          ['FooterCell', 'FooterCell', 'FooterCell']
          or
          [{ label: 'FooterCell', _props: { color: 'success' }, ...] | (FooterItem \| string)[] | - | | -| **hover** | Enable a hover state on table rows within a ``. | boolean | - | | -| **items**
          4.5.0+
          | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.

          Example item:
          { name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}} | Item[] | - | | -| **small** | Make table more compact by cutting all cell `padding` in half. | boolean | - | | -| **striped** | Add zebra-striping to any table row within the ``. | boolean | - | | -| **striped-columns**
          4.4.0+
          | Add zebra-striping to any table column. | boolean | - | | +| **columns**
          4.5.0+
          | Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '\_props')

          In columns prop each array item represents one column. Item might be specified in two ways:
          String: each item define column name equal to item value.
          Object: item is object with following keys available as column configuration:
          - key (required)(String) - define column name equal to item key.
          - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
          - \_props (Object) - adds classes to all cels in column, ex. \_props: { scope: 'col', className: 'custom-class' },
          - \_style (Object) - adds styles to the column header (useful for defining widths) | (Column \| string)[] | - | - | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | +| **footer**
          4.5.0+
          | Array of objects or strings, where each element represents one cell in the table footer.

          Example items:
          ['FooterCell', 'FooterCell', 'FooterCell']
          or
          [{ label: 'FooterCell', _props: { color: 'success' }, ...] | (FooterItem \| string)[] | - | - | +| **hover** | Enable a hover state on table rows within a ``. | boolean | - | - | +| **items**
          4.5.0+
          | Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '\_props' key and to single cell by '\_cellProps'.

          Example item:
          { name: 'John' , age: 12, \_props: { color: 'success' }, \_cellProps: { age: { className: 'fw-bold'}}} | Item[] | - | - | +| **small** | Make table more compact by cutting all cell `padding` in half. | boolean | - | - | +| **striped** | Add zebra-striping to any table row within the ``. | boolean | - | - | +| **striped-columns**
          4.4.0+
          | Add zebra-striping to any table column. | boolean | - | - | | **table-foot-props**
          4.5.0+
          | Properties that will be passed to the table footer component.

          Properties to [CTableFoot](#ctablefoot) component. | object | - | - | | **table-head-props**
          4.5.0+
          | Properties that will be passed to the table head component.

          Properties to [CTableHead](#ctablehead) component. | object | - | - | diff --git a/packages/docs/api/table/CTableBody.api.md b/packages/docs/api/table/CTableBody.api.md index 340b6f84..36042398 100644 --- a/packages/docs/api/table/CTableBody.api.md +++ b/packages/docs/api/table/CTableBody.api.md @@ -10,4 +10,4 @@ import CTableBody from '@coreui/vue/src/components/table/CTableBody' | Prop name | Description | Type | Values | Default | | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | diff --git a/packages/docs/api/table/CTableDataCell.api.md b/packages/docs/api/table/CTableDataCell.api.md index a565a69a..b1409a32 100644 --- a/packages/docs/api/table/CTableDataCell.api.md +++ b/packages/docs/api/table/CTableDataCell.api.md @@ -10,6 +10,6 @@ import CTableDataCell from '@coreui/vue/src/components/table/CTableDataCell' | Prop name | Description | Type | Values | Default | | ---------- | ------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- | -| **active** | Highlight a table row or cell. | boolean | - | | +| **active** | Highlight a table row or cell. | boolean | - | - | | **align** | Set the vertical aligment. | string | `'bottom'`, `'middle'`, `'top'` | - | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | diff --git a/packages/docs/api/table/CTableFoot.api.md b/packages/docs/api/table/CTableFoot.api.md index 7b022eb3..b961f96c 100644 --- a/packages/docs/api/table/CTableFoot.api.md +++ b/packages/docs/api/table/CTableFoot.api.md @@ -10,4 +10,4 @@ import CTableFoot from '@coreui/vue/src/components/table/CTableFoot' | Prop name | Description | Type | Values | Default | | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | diff --git a/packages/docs/api/table/CTableHead.api.md b/packages/docs/api/table/CTableHead.api.md index 6571087a..5f7facc3 100644 --- a/packages/docs/api/table/CTableHead.api.md +++ b/packages/docs/api/table/CTableHead.api.md @@ -10,4 +10,4 @@ import CTableHead from '@coreui/vue/src/components/table/CTableHead' | Prop name | Description | Type | Values | Default | | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | diff --git a/packages/docs/api/table/CTableHeaderCell.api.md b/packages/docs/api/table/CTableHeaderCell.api.md index 18c341fa..c1217162 100644 --- a/packages/docs/api/table/CTableHeaderCell.api.md +++ b/packages/docs/api/table/CTableHeaderCell.api.md @@ -10,4 +10,4 @@ import CTableHeaderCell from '@coreui/vue/src/components/table/CTableHeaderCell' | Prop name | Description | Type | Values | Default | | --------- | ------------------------------------------------------------------------- | ------ | --------------------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | diff --git a/packages/docs/api/table/CTableRow.api.md b/packages/docs/api/table/CTableRow.api.md index fd74f7b8..19670a06 100644 --- a/packages/docs/api/table/CTableRow.api.md +++ b/packages/docs/api/table/CTableRow.api.md @@ -10,6 +10,6 @@ import CTableRow from '@coreui/vue/src/components/table/CTableRow' | Prop name | Description | Type | Values | Default | | ---------- | ------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- | -| **active** | Highlight a table row or cell.. | boolean | - | | +| **active** | Highlight a table row or cell.. | boolean | - | - | | **align** | Set the vertical aligment. | string | `'bottom'`, `'middle'`, `'top'` | - | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | diff --git a/packages/docs/api/toast/CToast.api.md b/packages/docs/api/toast/CToast.api.md index 2cf81435..99560d42 100644 --- a/packages/docs/api/toast/CToast.api.md +++ b/packages/docs/api/toast/CToast.api.md @@ -11,7 +11,7 @@ import CToast from '@coreui/vue/src/components/toast/CToast' | Prop name | Description | Type | Values | Default | | --------------- | ------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- | ------- | | **autohide** | Auto hide the toast. | boolean | - | true | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `string` | - | | **delay** | Delay hiding the toast (ms). | number | - | 5000 | | **dismissible** | Optionally add a close button to component and allow it to self dismiss. | boolean | - | true | | **index** | index of the component. | number | - | - | diff --git a/packages/docs/api/toast/CToastHeader.api.md b/packages/docs/api/toast/CToastHeader.api.md index 37af118f..fdd97dc8 100644 --- a/packages/docs/api/toast/CToastHeader.api.md +++ b/packages/docs/api/toast/CToastHeader.api.md @@ -10,7 +10,7 @@ import CToastHeader from '@coreui/vue/src/components/toast/CToastHeader' | Prop name | Description | Type | Values | Default | | ---------------- | ----------------------------------------------- | ------- | ------ | ------- | -| **close-button** | Automatically add a close button to the header. | boolean | - | | +| **close-button** | Automatically add a close button to the header. | boolean | - | - | #### Events diff --git a/packages/docs/api/tooltip/CTooltip.api.md b/packages/docs/api/tooltip/CTooltip.api.md index 083d8a9a..66bf91ce 100644 --- a/packages/docs/api/tooltip/CTooltip.api.md +++ b/packages/docs/api/tooltip/CTooltip.api.md @@ -14,7 +14,7 @@ import CTooltip from '@coreui/vue/src/components/tooltip/CTooltip' | **offset** | Offset of the tooltip relative to its target. | array | - | [0, 0] | | **placement** | Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. | Placement | - | 'top' | | **trigger** | Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. | string \| string[] | `'click'`, `'focus'`, `'hover'` | 'hover' | -| **visible** | Toggle the visibility of tooltip component. | boolean | - | | +| **visible** | Toggle the visibility of tooltip component. | boolean | - | - | #### Events diff --git a/packages/docs/api/widgets/CWidgetStatsB.api.md b/packages/docs/api/widgets/CWidgetStatsB.api.md index 56a3e22a..53c4aaf6 100644 --- a/packages/docs/api/widgets/CWidgetStatsB.api.md +++ b/packages/docs/api/widgets/CWidgetStatsB.api.md @@ -10,7 +10,7 @@ import CWidgetStatsB from '@coreui/vue/src/components/widgets/CWidgetStatsB' | Prop name | Description | Type | Values | Default | | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | | **inverse** | Colors have been inverted from their default dark shade. | boolean | - | - | | **text** | Helper text for your component. If you want to pass non-string value please use dedicated slot `` | string | - | - | | **title** | Title for your component. If you want to pass non-string value please use dedicated slot `` | string | - | - | diff --git a/packages/docs/api/widgets/CWidgetStatsC.api.md b/packages/docs/api/widgets/CWidgetStatsC.api.md index 6df73eb4..485f5f4f 100644 --- a/packages/docs/api/widgets/CWidgetStatsC.api.md +++ b/packages/docs/api/widgets/CWidgetStatsC.api.md @@ -10,7 +10,7 @@ import CWidgetStatsC from '@coreui/vue/src/components/widgets/CWidgetStatsC' | Prop name | Description | Type | Values | Default | | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | | **inverse** | Colors have been inverted from their default dark shade. | boolean | - | - | | **title** | Title for your component. If you want to pass non-string value please use dedicated slot `` | string | - | - | | **value** | Value for your component. If you want to pass non-string or non-number value please use dedicated slot `` | number\|string | - | 0 | diff --git a/packages/docs/api/widgets/CWidgetStatsD.api.md b/packages/docs/api/widgets/CWidgetStatsD.api.md index f02d54da..6e6835c5 100644 --- a/packages/docs/api/widgets/CWidgetStatsD.api.md +++ b/packages/docs/api/widgets/CWidgetStatsD.api.md @@ -10,7 +10,7 @@ import CWidgetStatsD from '@coreui/vue/src/components/widgets/CWidgetStatsD' | Prop name | Description | Type | Values | Default | | ---------- | ------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- | -------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | | **values** | Values and titles for your component. | Value[] | - | () => [] | #### Slots diff --git a/packages/docs/api/widgets/CWidgetStatsF.api.md b/packages/docs/api/widgets/CWidgetStatsF.api.md index 32954428..49dd0bdb 100644 --- a/packages/docs/api/widgets/CWidgetStatsF.api.md +++ b/packages/docs/api/widgets/CWidgetStatsF.api.md @@ -10,7 +10,7 @@ import CWidgetStatsF from '@coreui/vue/src/components/widgets/CWidgetStatsF' | Prop name | Description | Type | Values | Default | | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------------------------------------------------------------------------------------------- | ------- | -| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | | +| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | string | `'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'` | - | | **padding** | Set padding of your component. | boolean | - | true | | **title** | Title for your component. If you want to pass non-string value please use dedicated slot `` | string | - | - | | **text** | Helper text for your component. If you want to pass non-string value please use dedicated slot `` | string | - | - | From 7b4003d71307d2acd00933fb549e7e014b08af5b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= Date: Sun, 26 Mar 2023 01:17:23 +0100 Subject: [PATCH 052/325] refactor(CToast): update transitions --- .../coreui-vue/src/components/toast/CToast.ts | 113 +++++++----------- packages/docs/api/toast/CToast.api.md | 2 +- packages/docs/components/toast.md | 37 +++--- 3 files changed, 63 insertions(+), 89 deletions(-) diff --git a/packages/coreui-vue/src/components/toast/CToast.ts b/packages/coreui-vue/src/components/toast/CToast.ts index b34cf0a7..4bedd165 100644 --- a/packages/coreui-vue/src/components/toast/CToast.ts +++ b/packages/coreui-vue/src/components/toast/CToast.ts @@ -1,6 +1,4 @@ -import { defineComponent, h, onMounted, provide, ref, RendererElement, Transition } from 'vue' - -import { executeAfterTransition } from '../../utils/transition' +import { defineComponent, h, onMounted, provide, ref, Transition } from 'vue' import { Color } from '../props' @@ -45,10 +43,7 @@ const CToast = defineComponent({ /** * Toggle the visibility of component. */ - visible: { - type: Boolean, - default: true, - }, + visible: Boolean, }, emits: [ /** @@ -61,51 +56,23 @@ const CToast = defineComponent({ 'show', ], setup(props, { slots, emit }) { - const visible = ref(props.visible) - let timeout = 0 - - const updateVisible = (v: boolean) => { - visible.value = v - } - provide('updateVisible', updateVisible) + const timeout = ref(0) + const visible = ref() - const handleBeforeEnter = (el: RendererElement) => { - el.classList.add('showing') + const updateVisible = (_visible: boolean) => { + visible.value = _visible } - const handleEnter = (el: RendererElement, done: () => void) => { - executeAfterTransition(() => done(), el as HTMLElement) - el.classList.add('show') - setTimeout(() => { - el.classList.remove('showing') - }, 1) - - if (props.index) { - emit('show', props.index) - } else { - emit('show') - } - } - - const handleLeave = (el: RendererElement, done: () => void) => { - executeAfterTransition(() => done(), el as HTMLElement) - el.classList.add('showing') - } - - const handleAfterLeave = (el: RendererElement) => { - el.classList.remove('show') - el.classList.add('hide') - if (props.index) { - emit('close', props.index) - } else { - emit('close') - } - } + provide('updateVisible', updateVisible) onMounted(() => { + if (props.visible) { + visible.value = props.visible + } + if (props.autohide) { - clearTimeout(timeout) - timeout = window.setTimeout(() => { + clearTimeout(timeout.value) + timeout.value = window.setTimeout(() => { visible.value = false emit('close') }, props.delay) @@ -117,29 +84,39 @@ const CToast = defineComponent({ Transition, { appear: true, - onBeforeEnter: (el) => handleBeforeEnter(el), - onEnter: (el, done) => handleEnter(el, done), - onLeave: (el, done) => handleLeave(el, done), - onAfterLeave: (el) => handleAfterLeave(el), + enterFromClass: '', + enterActiveClass: 'show showing', + enterToClass: 'show', + leaveFromClass: 'show', + leaveActiveClass: 'show showing', + leaveToClass: 'show', + onAfterEnter: (el) => { + el.classList.add('show') + props.index ? emit('show', props.index) : emit('show') + }, + onAfterLeave: () => { + props.index ? emit('close', props.index) : emit('close') + }, + }, + { + default: () => + visible.value && + h( + 'div', + { + class: [ + 'toast fade', + { + [`bg-${props.color}`]: props.color, + }, + ], + 'aria-live': 'assertive', + 'aria-atomic': true, + role: 'alert', + }, + slots.default && slots.default(), + ), }, - () => - visible.value && - h( - 'div', - { - class: [ - 'toast fade', - { - [`bg-${props.color}`]: props.color, - }, - ], - 'aria-live': 'assertive', - 'aria-atomic': true, - role: 'alert', - ref: 'toastRef', - }, - slots.default && slots.default(), - ), ) }, }) diff --git a/packages/docs/api/toast/CToast.api.md b/packages/docs/api/toast/CToast.api.md index 99560d42..6079903e 100644 --- a/packages/docs/api/toast/CToast.api.md +++ b/packages/docs/api/toast/CToast.api.md @@ -16,7 +16,7 @@ import CToast from '@coreui/vue/src/components/toast/CToast' | **dismissible** | Optionally add a close button to component and allow it to self dismiss. | boolean | - | true | | **index** | index of the component. | number | - | - | | **title** | Title node for your component. | string | - | - | -| **visible** | Toggle the visibility of component. | boolean | - | true | +| **visible** | Toggle the visibility of component. | boolean | - | - | #### Events diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md index cb47f456..297e8904 100644 --- a/packages/docs/components/toast.md +++ b/packages/docs/components/toast.md @@ -23,7 +23,7 @@ To encourage extensible and predictable toasts, we recommend a header and body. Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your "toasted" content and strongly encourage a dismiss button. ::: demo - + Hello, world! This is a toast message. ::: - ```vue - + Send a toast - + {{toast.title}} 7 min ago @@ -81,7 +80,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi ```vue diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue index d9fba4ea..ce1b07f7 100755 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue +++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue @@ -1,8 +1,23 @@ diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue deleted file mode 100755 index 4c69d855..00000000 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/Home.vue +++ /dev/null @@ -1,133 +0,0 @@ - - - diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts b/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts deleted file mode 100755 index f7d22994..00000000 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroup.ts +++ /dev/null @@ -1,130 +0,0 @@ -import { defineComponent, h, ref } from 'vue' -import type { Component, VNode } from 'vue' - -export default defineComponent({ - name: 'CodeGroup', - - setup(_, { slots }) { - // index of current active item - const activeIndex = ref(-1) - - // refs of the tab buttons - const tabRefs = ref([]) - - // activate next tab - const activateNext = (i = activeIndex.value): void => { - if (i < tabRefs.value.length - 1) { - activeIndex.value = i + 1 - } else { - activeIndex.value = 0 - } - tabRefs.value[activeIndex.value].focus() - } - - // activate previous tab - const activatePrev = (i = activeIndex.value): void => { - if (i > 0) { - activeIndex.value = i - 1 - } else { - activeIndex.value = tabRefs.value.length - 1 - } - tabRefs.value[activeIndex.value].focus() - } - - // handle keyboard event - const keyboardHandler = (event: KeyboardEvent, i: number): void => { - if (event.key === ' ' || event.key === 'Enter') { - event.preventDefault() - activeIndex.value = i - } else if (event.key === 'ArrowRight') { - event.preventDefault() - activateNext(i) - } else if (event.key === 'ArrowLeft') { - event.preventDefault() - activatePrev(i) - } - } - - return () => { - // NOTICE: here we put the `slots.default()` inside the render function to make - // the slots reactive, otherwise the slot content won't be changed once the - // `setup()` function of current component is called - - // get children code-group-item - const items = (slots.default?.() || []) - .filter((vnode) => (vnode.type as Component).name === 'CodeGroupItem') - .map((vnode) => { - if (vnode.props === null) { - vnode.props = {} - } - return vnode as VNode & { props: Exclude } - }) - - // clear tabRefs for HMR - tabRefs.value = [] - - // do not render anything if there is no code-group-item - if (items.length === 0) { - return null - } - - if (activeIndex.value < 0 || activeIndex.value > items.length - 1) { - // if `activeIndex` is invalid - - // find the index of the code-group-item with `active` props - activeIndex.value = items.findIndex( - (vnode) => vnode.props.active === '' || vnode.props.active === true - ) - - // if there is no `active` props on code-group-item, set the first item active - if (activeIndex.value === -1) { - activeIndex.value = 0 - } - } else { - // set the active item - items.forEach((vnode, i) => { - vnode.props.active = i === activeIndex.value - }) - } - - return h('div', { class: 'code-group' }, [ - h( - 'div', - { class: 'code-group__nav' }, - h( - 'ul', - { class: 'code-group__ul' }, - items.map((vnode, i) => { - const isActive = i === activeIndex.value - - return h( - 'li', - { class: 'code-group__li' }, - h( - 'button', - { - ref: (element) => { - if (element) { - tabRefs.value[i] = element as HTMLButtonElement - } - }, - class: { - 'code-group__nav-tab': true, - 'code-group__nav-tab-active': isActive, - }, - ariaPressed: isActive, - ariaExpanded: isActive, - onClick: () => (activeIndex.value = i), - onKeydown: (e) => keyboardHandler(e, i), - }, - vnode.props.title - ) - ) - }) - ) - ), - items, - ]) - } - }, -}) diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue deleted file mode 100755 index f22b7370..00000000 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/CodeGroupItem.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue deleted file mode 100755 index 392aa4d8..00000000 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/global/_Badge.vue +++ /dev/null @@ -1,34 +0,0 @@ - - - diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts index ce3616fa..0e953614 100755 --- a/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts +++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/index.ts @@ -1,6 +1,4 @@ -export * from './useDarkMode' -export * from './useNavLink' -export * from './useResolveRouteWithRedirect' +export * from './useColorMode' export * from './useScrollPromise' export * from './useSidebarItems' export * from './useThemeData' diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts new file mode 100755 index 00000000..4ee78aba --- /dev/null +++ b/packages/docs/.vuepress/theme-coreui/src/client/composables/useColorMode.ts @@ -0,0 +1,46 @@ +import { onMounted, ref, watch } from 'vue' +import type { Ref } from 'vue' + +export const useColorMode = (): Ref => { + const storedTheme = ref() + const theme = 'coreui-react-docs-theme' + + const getPreferredTheme = (storedTheme: string | undefined) => { + if (storedTheme) { + return storedTheme + } + + return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' + } + + const setTheme = (theme: string) => { + document.documentElement.dataset.coreuiTheme = + theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : theme + + const event = new Event('ColorSchemeChange') + document.documentElement.dispatchEvent(event) + storedTheme.value = theme + + localStorage.setItem('coreui-react-docs-theme', theme) + } + + onMounted(() => { + if (typeof localStorage.getItem(theme) === 'string') { + storedTheme.value = localStorage.getItem(theme) + } + + window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { + if (storedTheme.value !== 'light' || storedTheme.value !== 'dark') { + setTheme(getPreferredTheme(storedTheme.value)) + } + }) + + if (typeof localStorage.getItem(theme) === 'string') { + setTheme(localStorage.getItem(theme) as string) + } + + watch(storedTheme, setTheme) + }) + + return storedTheme +} diff --git a/packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts b/packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts deleted file mode 100755 index 2e734fdd..00000000 --- a/packages/docs/.vuepress/theme-coreui/src/client/composables/useDarkMode.ts +++ /dev/null @@ -1,34 +0,0 @@ -import { onMounted, onUnmounted, ref, watch } from 'vue' -import type { Ref } from 'vue' - -export const useDarkMode = (): Ref => { - const isDarkMode = ref(false) - - const updateDarkModeClass = (value = isDarkMode.value): void => { - // set `class="dark"` on `` element - const htmlEl = window?.document.querySelector('html') - htmlEl?.classList.toggle('dark', value) - } - - const mediaQuery = ref(null) - const onMediaQueryChange = (event: MediaQueryListEvent): void => { - isDarkMode.value = event.matches - } - - onMounted(() => { - // get `prefers-color-scheme` media query and set the initial mode - mediaQuery.value = window.matchMedia('(prefers-color-scheme: dark)') - isDarkMode.value = mediaQuery.value.matches - - // watch changes - mediaQuery.value.addEventListener('change', onMediaQueryChange) - watch(isDarkMode, updateDarkModeClass, { immediate: true }) - }) - - onUnmounted(() => { - mediaQuery.value?.removeEventListener('change', onMediaQueryChange) - updateDarkModeClass(false) - }) - - return isDarkMode -} diff --git a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue index 8acddac3..4662bea1 100755 --- a/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue +++ b/packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue @@ -1,27 +1,14 @@ +``` + +## Usage + +### Disabled elements + +Elements with the disabled attribute aren't interactive, meaning users cannot hover or click them to trigger a popover (or tooltip). As a workaround, you'll want to trigger the popover from a wrapper `
          ` or ``, ideally made keyboard-focusable using `tabindex="0"`. + +For disabled popover triggers, you may also prefer `:trigger="['hover', 'focus']"` so that the popover appears as immediate visual feedback to your users as they may not expect to click on a disabled element. + +:::demo + + + +::: +```vue + + + +``` + ## Customizing ### CSS variables Vue popovers use local CSS variables on `.popover` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. -```sass ---cui-popover-zindex: #{$zindex-popover}; ---cui-popover-max-width: #{$popover-max-width}; ---cui-popover-font-size: {$popover-font-size}; ---cui-popover-bg: #{$popover-bg}; ---cui-popover-border-width: #{$popover-border-width}; ---cui-popover-border-color: #{$popover-border-color}; ---cui-popover-border-radius: #{$popover-border-radius}; ---cui-popover-inner-border-radius: #{$popover-inner-border-radius}; ---cui-popover-box-shadow: #{$popover-box-shadow}; ---cui-popover-header-padding-x: #{$popover-header-padding-x}; ---cui-popover-header-padding-y: #{$popover-header-padding-y}; ---cui-popover-header-font-size: {$popover-header-font-size}; ---cui-popover-header-color: #{$popover-header-color}; ---cui-popover-header-bg: #{$popover-header-bg}; ---cui-popover-body-padding-x: #{$popover-body-padding-x}; ---cui-popover-body-padding-y: #{$popover-body-padding-y}; ---cui-popover-body-color: #{$popover-body-color}; ---cui-popover-arrow-width: #{$popover-arrow-width}; ---cui-popover-arrow-height: #{$popover-arrow-height}; ---cui-popover-arrow-border: var(--cui-popover-border-color); -``` + #### How to use CSS variables @@ -140,30 +201,25 @@ return ... ### SASS variables -```sass -$popover-font-size: $font-size-sm; -$popover-bg: $white; -$popover-max-width: 276px; -$popover-border-width: $border-width; -$popover-border-color: var(--cui-border-color-translucent); -$popover-border-radius: $border-radius-lg; -$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width); -$popover-box-shadow: $box-shadow; - -$popover-header-font-size: $font-size-base; -$popover-header-bg: shade-color($popover-bg, 6%); -$popover-header-color: var(--cui-heading-color); -$popover-header-padding-y: .5rem; -$popover-header-padding-x: $spacer; - -$popover-body-color: $body-color; -$popover-body-padding-y: $spacer; -$popover-body-padding-x: $spacer; - -$popover-arrow-width: 1rem; -$popover-arrow-height: .5rem; -``` + ## API -!!!include(./api/popover/CPopover.api.md)!!! \ No newline at end of file +!!!include(./api/popover/CPopover.api.md)!!! + + \ No newline at end of file diff --git a/packages/docs/components/progress.md b/packages/docs/components/progress.md index 71da71ce..9c32dbcb 100644 --- a/packages/docs/components/progress.md +++ b/packages/docs/components/progress.md @@ -206,16 +206,7 @@ The striped gradient can also be animated. Add `animated` property to ` #### How to use CSS variables @@ -229,20 +220,7 @@ return ... ### SASS variables -```sass -$progress-height: 1rem; -$progress-font-size: $font-size-base * .75; -$progress-bg: $gray-200; -$progress-border-radius: $border-radius; -$progress-box-shadow: $box-shadow-inset; -$progress-bar-color: $high-emphasis-inverse; -$progress-bar-bg: $primary; -$progress-bar-animation-timing: 1s linear infinite; -$progress-bar-transition: width .6s ease; - -$progress-group-margin-bottom: $spacer; -$progress-group-header-margin-bottom: $spacer * .25; -``` + ## API diff --git a/packages/docs/components/sidebar.md b/packages/docs/components/sidebar.md index 5faaa9d4..99afd650 100644 --- a/packages/docs/components/sidebar.md +++ b/packages/docs/components/sidebar.md @@ -92,69 +92,9 @@ Sidebar come with built-in support for a handful of sub-components. Choose from Vue sidebars use local CSS variables on `.sidebar` and `.sidebar-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. -```sass ---cui-sidebar-width: #{$sidebar-width}; ---cui-sidebar-bg: #{$sidebar-bg}; ---cui-sidebar-padding-x: #{$sidebar-padding-x}; ---cui-sidebar-padding-y: #{$sidebar-padding-y}; ---cui-sidebar-color: #{$sidebar-color}; ---cui-sidebar-border-width: #{$sidebar-border-width}; ---cui-sidebar-border-color: #{$sidebar-border-color}; ---cui-sidebar-brand-color: #{$sidebar-brand-color}; ---cui-sidebar-brand-height: #{$sidebar-brand-height}; ---cui-sidebar-brand-bg: #{$sidebar-brand-bg}; ---cui-sidebar-header-height: #{$sidebar-header-height}; ---cui-sidebar-header-bg: #{$sidebar-header-bg}; ---cui-sidebar-header-padding-x: #{$sidebar-header-padding-x}; ---cui-sidebar-header-padding-y: #{$sidebar-header-padding-y}; ---cui-sidebar-footer-bg: #{$sidebar-footer-bg}; ---cui-sidebar-footer-height: #{$sidebar-footer-height}; ---cui-sidebar-footer-padding-x: #{$sidebar-footer-padding-x}; ---cui-sidebar-footer-padding-y: #{$sidebar-footer-padding-y}; ---cui-sidebar-toggler-bg: #{$sidebar-toggler-bg}; ---cui-sidebar-toggler-height: #{$sidebar-toggler-height}; ---cui-sidebar-toggler-indicator: #{escape-svg($sidebar-toggler-indicator-icon)}; ---cui-sidebar-toggler-indicator-width: #{$sidebar-toggler-indicator-width}; ---cui-sidebar-toggler-indicator-height: #{$sidebar-toggler-indicator-height}; ---cui-sidebar-toggler-hover-bg: #{$sidebar-toggler-hover-bg}; ---cui-sidebar-toggler-indicator-hover: #{escape-svg($sidebar-toggler-indicator-hover-icon)} ---cui-sidebar-narrow-width: #{$sidebar-narrow-width}; ---cui-sidebar-nav-title-padding-x: #{$sidebar-nav-title-padding-x}; ---cui-sidebar-nav-title-padding-y: #{$sidebar-nav-title-padding-y}; ---cui-sidebar-nav-title-margin-top: #{$sidebar-nav-title-margin-top}; ---cui-sidebar-nav-title-color: #{$sidebar-nav-title-color}; ---cui-sidebar-nav-link-padding-x: #{$sidebar-nav-link-padding-x}; ---cui-sidebar-nav-link-padding-y: #{$sidebar-nav-link-padding-y}; ---cui-sidebar-nav-link-color: #{$sidebar-nav-link-color}; ---cui-sidebar-nav-link-bg: #{$sidebar-nav-link-bg}; ---cui-sidebar-nav-link-border-color: #{$sidebar-nav-link-border-color}; ---cui-sidebar-nav-link-border: #{$sidebar-nav-link-border-width} solid var(--cui-sidebar-nav-link-border-color); ---cui-sidebar-nav-link-border-radius: #{$sidebar-nav-link-border-radius}; ---cui-sidebar-nav-link-active-color: #{$sidebar-nav-link-active-color}; ---cui-sidebar-nav-link-active-bg: #{$sidebar-nav-link-active-bg}; ---cui-sidebar-nav-link-active-icon-color: #{$sidebar-nav-link-active-icon-color}; ---cui-sidebar-nav-link-disabled-color: #{$sidebar-nav-link-disabled-color}; ---cui-sidebar-nav-link-disabled-icon-color: #{$sidebar-nav-link-disabled-icon-color}; ---cui-sidebar-nav-link-hover-color: #{$sidebar-nav-link-hover-color}; ---cui-sidebar-nav-link-hover-bg: #{$sidebar-nav-link-hover-bg}; ---cui-sidebar-nav-link-hover-icon-color: #{$sidebar-nav-link-hover-icon-color}; ---cui-sidebar-nav-icon-width: #{$sidebar-nav-icon-width}; ---cui-sidebar-nav-icon-height: #{$sidebar-nav-icon-height}; ---cui-sidebar-nav-icon-font-size: #{$sidebar-nav-icon-font-size}; ---cui-sidebar-nav-link-icon-color: #{$sidebar-nav-link-icon-color}; ---cui-sidebar-nav-group-bg: #{$sidebar-nav-group-bg}; ---cui-sidebar-nav-group-items-padding-y: #{$sidebar-nav-group-items-padding-y}; ---cui-sidebar-nav-group-items-padding-x: #{$sidebar-nav-group-items-padding-x}; ---cui-sidebar-nav-group-indicator: #{escape-svg($sidebar-nav-group-indicator-icon)}; ---cui-sidebar-nav-group-indicator-hover: #{escape-svg($sidebar-nav-group-indicator-hover-icon)}; ---cui-sidebar-nav-group-toggle-show-color: #{$sidebar-nav-group-toggle-show-color}; -``` + -```sass ---cui-backdrop-zindex: #{$zindex-sidebar-backdrop}; ---cui-backdrop-bg: #{$sidebar-backdrop-bg}; ---cui-backdrop-opacity: #{$sidebar-backdrop-opacity}; -``` + #### How to use CSS variables @@ -168,144 +108,7 @@ return ... ### SASS variables -```sass -$sidebar-width: 16rem; -$sidebar-widths: ( - sm: 12rem, - lg: 20rem, - xl: 24rem -); -$sidebar-padding-y: 0; -$sidebar-padding-x: 0; -$sidebar-color: $high-emphasis-inverse; -$sidebar-bg: $gray-base; -$sidebar-border-width: 0; -$sidebar-border-color: transparent; -$sidebar-transition: margin-left .15s, margin-right .15s, box-shadow .075s, transform .15s, width .15s, z-index 0s ease .15s; - -$sidebar-brand-height: 4rem; -$sidebar-brand-color: $high-emphasis-inverse; -$sidebar-brand-bg: rgba($black, .2); - -$sidebar-header-height: 4rem; -$sidebar-header-padding-y: .75rem; -$sidebar-header-padding-x: 1rem; -$sidebar-header-bg: rgba($black, .2); -$sidebar-header-height-transition: height .15s, padding .15s; - -$sidebar-narrow-width: 4rem; - -$sidebar-backdrop-bg: $black; -$sidebar-backdrop-opacity: .5; - -$sidebar-nav-title-padding-y: .75rem; -$sidebar-nav-title-padding-x: 1rem; -$sidebar-nav-title-margin-top: 1rem; -$sidebar-nav-title-color: $medium-emphasis-inverse; -$sidebar-nav-title-transition: height .15s, margin .15s; - -$sidebar-nav-link-padding-y: .8445rem; -$sidebar-nav-link-padding-x: 1rem; -$sidebar-nav-link-color: $medium-emphasis-inverse; -$sidebar-nav-link-bg: transparent; -$sidebar-nav-link-border-width: 0; -$sidebar-nav-link-border-color: transparent; -$sidebar-nav-link-border-radius: 0; -$sidebar-nav-link-transition: background .15s ease, color .15s ease; -$sidebar-nav-link-icon-color: $medium-emphasis-inverse; - -$sidebar-nav-link-hover-color: $high-emphasis-inverse; -$sidebar-nav-link-hover-bg: rgba($white, .05); -$sidebar-nav-link-hover-icon-color: $high-emphasis-inverse; - -$sidebar-nav-link-active-color: $high-emphasis-inverse; -$sidebar-nav-link-active-bg: rgba($white, .05); -$sidebar-nav-link-active-icon-color: $high-emphasis-inverse; - -$sidebar-nav-link-disabled-color: $disabled-inverse; -$sidebar-nav-link-disabled-icon-color: $sidebar-nav-link-icon-color; - -$sidebar-nav-icon-width: 4rem; -$sidebar-nav-icon-height: 1.25rem; -$sidebar-nav-icon-font-size: $sidebar-nav-icon-height; - -$sidebar-nav-group-bg: rgba(0, 0, 0, .2); -$sidebar-nav-group-transition: background .15s ease-in-out; -$sidebar-nav-group-toggle-show-color: $sidebar-nav-link-color; - -$sidebar-nav-group-items-padding-y: 0; -$sidebar-nav-group-items-padding-x: 0; -$sidebar-nav-group-items-transition: height .15s ease; - -$sidebar-nav-group-indicator-color: $medium-emphasis-inverse; -$sidebar-nav-group-indicator-icon: url("data:image/svg+xml,"); -$sidebar-nav-group-indicator-hover-color: $sidebar-nav-link-hover-color; -$sidebar-nav-group-indicator-hover-icon: url("data:image/svg+xml,"); -$sidebar-nav-group-indicator-transition: transform .15s; - -$sidebar-footer-height: auto; -$sidebar-footer-padding-y: .75rem; -$sidebar-footer-padding-x: 1rem; -$sidebar-footer-bg: rgba($black, .2); -$sidebar-footer-height-transition: height .15s, padding .15s; - -$sidebar-toggler-height: 3rem; -$sidebar-toggler-bg: rgba($black, .2); -$sidebar-toggler-transition: transform .15s; - -$sidebar-toggler-indicator-width: 4rem; -$sidebar-toggler-indicator-height: 3rem; -$sidebar-toggler-indicator-color: $gray-600; -$sidebar-toggler-indicator-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); -$sidebar-toggler-hover-bg: rgba(0, 0, 0, .3); - -$sidebar-toggler-indicator-hover-color: $sidebar-nav-link-hover-color; -$sidebar-toggler-indicator-hover-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); - -$sidebar-light-color: $body-color; -$sidebar-light-bg: $white; -$sidebar-light-border-width: 0; -$sidebar-light-border-color: transparent; - -$sidebar-light-brand-color: $white; -$sidebar-light-brand-bg: $primary; - -$sidebar-light-header-bg: rgba($black, .2); - -$sidebar-light-nav-title-color: $medium-emphasis; - -$sidebar-light-nav-link-color: $medium-emphasis; -$sidebar-light-nav-link-bg: transparent; -$sidebar-light-nav-link-icon-color: $medium-emphasis; - -$sidebar-light-nav-link-hover-color: $high-emphasis; -$sidebar-light-nav-link-hover-bg: theme-color("primary"); -$sidebar-light-nav-link-hover-icon-color: $high-emphasis; - -$sidebar-light-nav-link-active-color: $high-emphasis; -$sidebar-light-nav-link-active-bg: rgba($white, .05); -$sidebar-light-nav-link-active-icon-color: $high-emphasis; - -$sidebar-light-nav-link-disabled-color: $disabled; -$sidebar-light-nav-link-disabled-icon-color: $sidebar-light-nav-link-icon-color; - -$sidebar-light-nav-group-bg: rgba(0, 0, 0, .05); -$sidebar-light-nav-group-toggle-show-color: $sidebar-light-nav-link-color; - -$sidebar-light-nav-group-indicator-color: $medium-emphasis; -$sidebar-light-nav-group-indicator-icon: url("data:image/svg+xml,"); -$sidebar-light-nav-group-indicator-hover-color: $sidebar-light-nav-link-hover-color; -$sidebar-light-nav-group-indicator-hover-icon: url("data:image/svg+xml,"); - -$sidebar-light-footer-bg: rgba($black, .1); - -$sidebar-light-toggler-bg: rgba($black, .1); -$sidebar-light-toggler-hover-bg: rgba(0, 0, 0, .2); -$sidebar-light-toggler-indicator-color: $medium-emphasis; -$sidebar-light-toggler-indicator-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-light-toggler-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); -$sidebar-light-toggler-indicator-hover-color: $sidebar-light-nav-link-hover-color; -$sidebar-light-toggler-indicator-hover-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-light-toggler-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"); -``` + ## API diff --git a/packages/docs/components/spinner.md b/packages/docs/components/spinner.md index fc8eae19..7c3dda54 100644 --- a/packages/docs/components/spinner.md +++ b/packages/docs/components/spinner.md @@ -146,32 +146,15 @@ Vue spinners use local CSS variables on `.spinner-border` and `.spinner-grow` fo Border spinner variables: -```sass ---cui-spinner-width: #{$spinner-width}; ---cui-spinner-height: #{$spinner-height}; ---cui-spinner-vertical-align: #{$spinner-vertical-align}; ---cui-spinner-border-width: #{$spinner-border-width}; ---cui-spinner-animation-speed: #{$spinner-animation-speed}; ---cui-spinner-animation-name: spinner-border; -``` + Growing spinner variables: -```sass ---cui-spinner-width: #{$spinner-width}; ---cui-spinner-height: #{$spinner-height}; ---cui-spinner-vertical-align: #{$spinner-vertical-align}; ---cui-spinner-animation-speed: #{$spinner-animation-speed}; ---cui-spinner-animation-name: spinner-grow; -``` + For both spinners, small spinner modifier classes are used to update the values of these CSS variables as needed. For example, the `.spinner-border-sm` class does the following: -```sass ---cui-spinner-width: #{$spinner-width-sm}; ---cui-spinner-height: #{$spinner-height-sm}; ---cui-spinner-border-width: #{$spinner-border-width-sm}; -``` + #### How to use CSS variables @@ -185,17 +168,7 @@ return ... ### SASS variables -```sass -$spinner-width: 2rem; -$spinner-height: $spinner-width; -$spinner-vertical-align: -.125em; -$spinner-border-width: .25em; -$spinner-animation-speed: .75s; - -$spinner-width-sm: 1rem; -$spinner-height-sm: $spinner-width-sm; -$spinner-border-width-sm: .2em; -``` + ## API diff --git a/packages/docs/components/toast.md b/packages/docs/components/toast.md index 297e8904..1d27d176 100644 --- a/packages/docs/components/toast.md +++ b/packages/docs/components/toast.md @@ -339,22 +339,7 @@ Building on the above example, you can create different toast color schemes with Vue toasts use local CSS variables on `.toast` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. -```sass ---cui-toast-padding-x: #{$toast-padding-x}; ---cui-toast-padding-y: #{$toast-padding-y}; ---cui-toast-spacing: #{$toast-spacing}; ---cui-toast-max-width: #{$toast-max-width}; ---cui-toast-font-size: #{$toast-font-size}; ---cui-toast-color: #{$toast-color}; ---cui-toast-bg: #{$toast-background-color}; ---cui-toast-border-width: #{$toast-border-width}; ---cui-toast-border-color: #{$toast-border-color}; ---cui-toast-border-radius: #{$toast-border-radius}; ---cui-toast-box-shadow: #{$toast-box-shadow}; ---cui-toast-header-color: #{$toast-header-color}; ---cui-toast-header-bg: #{$toast-header-background-color}; ---cui-toast-header-border-color: #{$toast-header-border-color}; -``` + #### How to use CSS variables @@ -368,23 +353,7 @@ return ... ### SASS variables -```sass -$toast-max-width: 350px; -$toast-padding-x: .75rem; -$toast-padding-y: .5rem; -$toast-font-size: .875rem; -$toast-color: unset; -$toast-background-color: rgba($white, .85); -$toast-border-width: $border-width; -$toast-border-color: var(--cui-border-color-translucent); -$toast-border-radius: $border-radius; -$toast-box-shadow: $box-shadow; -$toast-spacing: $container-padding-x; - -$toast-header-color: $gray-600; -$toast-header-background-color: rgba($white, .85); -$toast-header-border-color: rgba($black, .05); -``` + ## API diff --git a/packages/docs/components/tooltip.md b/packages/docs/components/tooltip.md index 3bec5159..a03128d5 100644 --- a/packages/docs/components/tooltip.md +++ b/packages/docs/components/tooltip.md @@ -7,6 +7,8 @@ other_frameworks: tooltip ## Examples +### Tooltips on links + Hover over the links below to see tooltips: ::: demo @@ -112,26 +114,84 @@ Hover over the buttons below to see the four tooltips directions: top, right, bo Tooltip on left ``` +### Custom popovers + +You can customize the appearance of tooltips using [CSS variables](#css-variables). We set a custom `style` to scope our custom appearance and use it to override some of the local CSS variables. + +::: demo + + + +::: +```vue + + +``` + +## Usage + +### Disabled elements + +Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper `
          ` or ``, ideally made keyboard-focusable using `tabindex="0"`. + +:::demo + + + +::: +```vue + + + +``` + ## Customizing ### CSS variables Vue toltips use local CSS variables on `.tooltip` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. -```sass ---cui-tooltip-zindex: #{$zindex-tooltip}; ---cui-tooltip-max-width: #{$tooltip-max-width}; ---cui-tooltip-padding-x: #{$tooltip-padding-x}; ---cui-tooltip-padding-y: #{$tooltip-padding-y}; ---cui-tooltip-margin: #{$tooltip-margin}; ---cui-tooltip-font-size: #{$tooltip-font-size}; ---cui-tooltip-color: #{$tooltip-color}; ---cui-tooltip-bg: #{$tooltip-bg}; ---cui-tooltip-border-radius: #{$tooltip-border-radius}; ---cui-tooltip-opacity: #{$tooltip-opacity}; ---cui-tooltip-arrow-width: #{$tooltip-arrow-width}; ---cui-tooltip-arrow-height: #{$tooltip-arrow-height}; -``` + #### How to use CSS variables @@ -145,23 +205,21 @@ return ... ### SASS variables -```sass -$tooltip-font-size: $font-size-sm; -$tooltip-max-width: 200px; -$tooltip-color: $high-emphasis-inverse; -$tooltip-bg: $black; -$tooltip-border-radius: $border-radius; -$tooltip-opacity: .9; -$tooltip-padding-y: $spacer * .25; -$tooltip-padding-x: $spacer * .5; -$tooltip-margin: null; - -$tooltip-arrow-width: .8rem; -$tooltip-arrow-height: .4rem; -$tooltip-arrow-color: null; -``` + ## API -!!!include(./api/tooltip/CTooltip.api.md)!!! \ No newline at end of file +!!!include(./api/tooltip/CTooltip.api.md)!!! + + \ No newline at end of file From ec17c7bc07a05b46dae71d0a41cf086a357e2f63 Mon Sep 17 00:00:00 2001 From: mrholek Date: Sat, 10 Jun 2023 12:58:51 +0200 Subject: [PATCH 095/325] refactor(CTooltip): update offset --- packages/coreui-vue/src/directives/v-c-tooltip.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts index 8a98b348..5c12fab1 100644 --- a/packages/coreui-vue/src/directives/v-c-tooltip.ts +++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts @@ -44,7 +44,7 @@ export default { const trigger = value.trigger ?? 'hover' // Popper Config - const offset = value.offset ?? [0, 0] + const offset = value.offset ?? [0, 6] const placement = value.placement ?? 'top' const popperOptions = { From 3be14286d254aaa6cdfb8bd895f2b5f5178f5b15 Mon Sep 17 00:00:00 2001 From: mrholek Date: Sat, 10 Jun 2023 13:01:12 +0200 Subject: [PATCH 096/325] fix(CPopover, CTooltip): inline styles attribute don't work --- packages/coreui-vue/src/components/popover/CPopover.ts | 3 ++- packages/coreui-vue/src/components/tooltip/CTooltip.ts | 5 +++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/coreui-vue/src/components/popover/CPopover.ts b/packages/coreui-vue/src/components/popover/CPopover.ts index cb76ab7d..1bfe5348 100644 --- a/packages/coreui-vue/src/components/popover/CPopover.ts +++ b/packages/coreui-vue/src/components/popover/CPopover.ts @@ -79,7 +79,7 @@ const CPopover = defineComponent({ */ 'show', ], - setup(props, { slots, emit }) { + setup(props, { attrs, slots, emit }) { const togglerRef = ref() const popoverRef = ref() const popper = ref() @@ -149,6 +149,7 @@ const CPopover = defineComponent({ class: 'popover fade bs-popover-auto', ref: popoverRef, role: 'tooltip', + ...attrs, }, [ h('div', { class: 'popover-arrow', 'data-popper-arrow': '' }), diff --git a/packages/coreui-vue/src/components/tooltip/CTooltip.ts b/packages/coreui-vue/src/components/tooltip/CTooltip.ts index e1d7488c..4ceda0b2 100644 --- a/packages/coreui-vue/src/components/tooltip/CTooltip.ts +++ b/packages/coreui-vue/src/components/tooltip/CTooltip.ts @@ -30,7 +30,7 @@ const CTooltip = defineComponent({ */ offset: { type: Array, - default: () => [0, 0], + default: () => [0, 6], }, /** * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. @@ -75,7 +75,7 @@ const CTooltip = defineComponent({ */ 'show', ], - setup(props, { slots, emit }) { + setup(props, { attrs, slots, emit }) { const togglerRef = ref() const tooltipRef = ref() const popper = ref() @@ -145,6 +145,7 @@ const CTooltip = defineComponent({ class: 'tooltip fade bs-tooltip-auto', ref: tooltipRef, role: 'tooltip', + ...attrs, }, [ h('div', { class: 'tooltip-arrow', 'data-popper-arrow': '' }), From 0cfa7353150716bf2887a7d96b4321508bf842c4 Mon Sep 17 00:00:00 2001 From: mrholek Date: Sat, 10 Jun 2023 13:02:57 +0200 Subject: [PATCH 097/325] docs: update theme --- packages/docs/.vuepress/config.ts | 9 ++++ .../src/client/components/ScssDocs.vue | 51 +++++++++++++++++++ packages/docs/package.json | 1 + 3 files changed, 61 insertions(+) create mode 100644 packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts index ece96d9c..736add24 100644 --- a/packages/docs/.vuepress/config.ts +++ b/packages/docs/.vuepress/config.ts @@ -4,7 +4,11 @@ import include_plugin from 'markdown-it-include' import { defaultTheme } from './theme-coreui' import { containerPlugin } from '@vuepress/plugin-container' +import { registerComponentsPlugin } from '@vuepress/plugin-register-components' import { tocPlugin } from '@vuepress/plugin-toc' +import { getDirname, path } from '@vuepress/utils' + +const __dirname = getDirname(import.meta.url) export default defineUserConfig({ base: `/vue/docs/`, @@ -63,6 +67,11 @@ export default defineUserConfig({ }, }), tocPlugin({}), + registerComponentsPlugin({ + components: { + ScssDocs: path.resolve(__dirname, './theme-coreui/src/client/components/ScssDocs.vue'), + }, + }), ], theme: defaultTheme({ sidebar: [ diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue new file mode 100644 index 00000000..1a5a2897 --- /dev/null +++ b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue @@ -0,0 +1,51 @@ + + + diff --git a/packages/docs/package.json b/packages/docs/package.json index bfc1cdd5..451a7933 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -15,6 +15,7 @@ "@coreui/vue-chartjs": "^2.0.1", "@docsearch/css": "^3.4.0", "@docsearch/js": "^3.4.0", + "@vuepress/plugin-register-components": "2.0.0-beta.62", "@vuepress/plugin-toc": "2.0.0-beta.62", "markdown-it-include": "^2.0.0", "vue-docgen-cli": "^4.67.0", From 6795b6b6bf8ce9a79f4fc10c4304e82dd2e11e2e Mon Sep 17 00:00:00 2001 From: mrholek Date: Sat, 10 Jun 2023 13:14:18 +0200 Subject: [PATCH 098/325] build: update tsconfig --- tsconfig.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tsconfig.json b/tsconfig.json index 040f7e33..8cf48188 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -5,7 +5,7 @@ "module": "esnext", "target": "esnext", "strict": true, - "lib": ["es6", "dom", "es2016", "es2017"], + "lib": ["dom", "es2015", "es2016", "es2017", "es2018", "es2019", "es2020", "es2021"], "sourceMap": true, "allowJs": false, "declaration": true, From 39197fa12895bf0ca21256fc0e034b0de939968a Mon Sep 17 00:00:00 2001 From: mrholek Date: Sat, 10 Jun 2023 13:37:25 +0200 Subject: [PATCH 099/325] docs: update content --- packages/docs/forms/checkbox.md | 6 +++++ packages/docs/forms/floating-labels.md | 8 +++++- packages/docs/forms/input-group.md | 6 +++++ packages/docs/forms/input.md | 18 +++++++++++++ packages/docs/forms/radio.md | 6 +++++ packages/docs/forms/range.md | 14 +++++++--- packages/docs/forms/select.md | 7 +++++ packages/docs/forms/switch.md | 6 +++++ packages/docs/forms/textarea.md | 14 ++++++++++ packages/docs/forms/validation.md | 37 ++++++++++++++++++++++++++ 10 files changed, 117 insertions(+), 5 deletions(-) diff --git a/packages/docs/forms/checkbox.md b/packages/docs/forms/checkbox.md index 2a4cec18..ceced278 100644 --- a/packages/docs/forms/checkbox.md +++ b/packages/docs/forms/checkbox.md @@ -135,6 +135,12 @@ Different variants of button, such at the various outlined styles, are supported ``` +## Customizing + +### SASS variables + + + ## API !!!include(./api/form/CFormCheck.api.md)!!! \ No newline at end of file diff --git a/packages/docs/forms/floating-labels.md b/packages/docs/forms/floating-labels.md index 7ca253d3..75980909 100644 --- a/packages/docs/forms/floating-labels.md +++ b/packages/docs/forms/floating-labels.md @@ -247,4 +247,10 @@ When working with the CoreUI for Bootstrap grid system, be sure to place form el -``` \ No newline at end of file +``` + +## Customizing + +### SASS variables + + \ No newline at end of file diff --git a/packages/docs/forms/input-group.md b/packages/docs/forms/input-group.md index e263aecf..d8540628 100644 --- a/packages/docs/forms/input-group.md +++ b/packages/docs/forms/input-group.md @@ -536,6 +536,12 @@ Input groups include support for custom selects and custom file inputs. Browser ``` +## Customizing + +### SASS variables + + + ## API !!!include(./api/form/CInputGroup.api.md)!!! \ No newline at end of file diff --git a/packages/docs/forms/input.md b/packages/docs/forms/input.md index b4c07adc..211afd82 100644 --- a/packages/docs/forms/input.md +++ b/packages/docs/forms/input.md @@ -230,6 +230,24 @@ If you want to have `` elements in your form styled as plain tex /> ``` +## Customizing + +### SASS variables + +`$input-*` are shared across most of our form controls (and not buttons). + + + +`$form-label-*` and `$form-text-*` are for our ``s and `` component. + + + + + +`$form-file-*` are for file input. + + + ## API !!!include(./api/form/CFormInput.api.md)!!! diff --git a/packages/docs/forms/radio.md b/packages/docs/forms/radio.md index 7ee5cbac..3a942a5e 100644 --- a/packages/docs/forms/radio.md +++ b/packages/docs/forms/radio.md @@ -117,6 +117,12 @@ Different variants of button, such at the various outlined styles, are supported ``` +## Customizing + +### SASS variables + + + ## API !!!include(./api/form/CFormCheck.api.md)!!! diff --git a/packages/docs/forms/range.md b/packages/docs/forms/range.md index 4a7dec20..39b1d0d9 100644 --- a/packages/docs/forms/range.md +++ b/packages/docs/forms/range.md @@ -32,10 +32,10 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara Range inputs have implicit values for `min` and `max`—`0` and `100`, respectively. You may specify new values for those using the `min` and `max` attributes. ::: demo - + ::: ```vue - + ``` ## Steps @@ -43,12 +43,18 @@ Range inputs have implicit values for `min` and `max`—`0` and `100`, respectiv By default, range inputs "snap" to integer values. To change this, you can specify a `step` value. In the example below, we double the number of steps by using `:step="0.5"`. ::: demo - + ::: ```vue - + ``` +## Customizing + +### SASS variables + + + ## API !!!include(./api/form/CFormRange.api.md)!!! \ No newline at end of file diff --git a/packages/docs/forms/select.md b/packages/docs/forms/select.md index e70dd0da..98f33a18 100644 --- a/packages/docs/forms/select.md +++ b/packages/docs/forms/select.md @@ -128,6 +128,13 @@ Add the `disabled` boolean attribute on a select to give it a grayed out appeara ``` + +## Customizing + +### SASS variables + + + ## API !!!include(./api/form/CFormSelect.api.md)!!! \ No newline at end of file diff --git a/packages/docs/forms/switch.md b/packages/docs/forms/switch.md index 5286fe98..657ceef2 100644 --- a/packages/docs/forms/switch.md +++ b/packages/docs/forms/switch.md @@ -54,6 +54,12 @@ Put your switches on the opposite side by adding `reverse` boolean property. ``` +## Customizing + +### SASS variables + + + ## API !!!include(./api/form/CFormSwitch.api.md)!!! \ No newline at end of file diff --git a/packages/docs/forms/textarea.md b/packages/docs/forms/textarea.md index c0cb5127..c9754840 100644 --- a/packages/docs/forms/textarea.md +++ b/packages/docs/forms/textarea.md @@ -82,6 +82,20 @@ Add the `readonly` boolean attribute on an textarea to prevent modification of t > ``` +## Customizing + +### SASS variables + +`$input-*` are shared across most of our form controls (and not buttons). + + + +`$form-label-*` and `$form-text-*` are for our ``s and `` component. + + + + + ## API !!!include(./api/form/CFormTextarea.api.md)!!! diff --git a/packages/docs/forms/validation.md b/packages/docs/forms/validation.md index 7af4216b..9e7af3db 100644 --- a/packages/docs/forms/validation.md +++ b/packages/docs/forms/validation.md @@ -804,6 +804,43 @@ If your form layout allows it, you can swap the text for the tooltip to display ``` +## Customizing + +### CSS variables + +CoreUI forms components use local CSS variables for validation for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + + + +These variables are also color mode adaptive, meaning they change color while in dark mode. + +### SASS variables + + + + + + + +### SASS mixins + +Two mixins are combined, through our loop, to generate our form validation feedback styles. + + + +### SASS maps +This is the validation Sass map from `_variables.scss`. Override or extend this to generate different or additional states. + + + +Maps of `$form-validation-states` can contain three optional parameters to override tooltips and focus styles. + +### SASS loops + +Used to iterate over `$form-validation-states` map values to generate our validation styles. Any modifications to the above Sass map will be reflected in your compiled CSS via this loop. + + + + ## API !!!include(./api/CChart.api.md)!!! \ No newline at end of file From 7f1fc3bd4eb6d2097ff3a34c600872eea07e4278 Mon Sep 17 00:00:00 2001 From: mrholek Date: Mon, 12 Jun 2023 23:59:13 +0200 Subject: [PATCH 118/325] refactor(useColorModes): change `onMounted` to `onBeforeMount` --- packages/coreui-vue/src/composables/useColorModes.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/coreui-vue/src/composables/useColorModes.ts b/packages/coreui-vue/src/composables/useColorModes.ts index 06db746e..4b344a89 100644 --- a/packages/coreui-vue/src/composables/useColorModes.ts +++ b/packages/coreui-vue/src/composables/useColorModes.ts @@ -1,4 +1,4 @@ -import { onMounted, ref, watch } from 'vue' +import { onBeforeMount, ref, watch } from 'vue' const getStoredTheme = (localStorageItemName: string) => localStorage.getItem(localStorageItemName) const setStoredTheme = (localStorageItemName: string, colorMode: string) => @@ -32,7 +32,7 @@ export const useColorModes = (localStorageItemName = 'coreui-vue-color-scheme') setTheme(colorMode.value) }) - onMounted(() => { + onBeforeMount(() => { if (typeof getStoredTheme(localStorageItemName) === 'string') { setTheme(colorMode.value) } From e6d18a1098b4627dd58498d52a18f6714adb9a94 Mon Sep 17 00:00:00 2001 From: mrholek Date: Mon, 12 Jun 2023 23:59:47 +0200 Subject: [PATCH 119/325] chore: update dependencies and devDependencies --- packages/docs/package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/package.json b/packages/docs/package.json index c8359a3e..937db90c 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -12,7 +12,8 @@ "@coreui/coreui": "^4.3.0-beta.0", "@coreui/icons": "^3.0.1", "@coreui/icons-vue": "^2.0.0", - "@coreui/vue-chartjs": "^2.0.1", + "@coreui/utils": "^2.0.2", + "@coreui/vue-chartjs": "^2.1.0", "@docsearch/css": "^3.5.0", "@docsearch/js": "^3.5.0", "@vuepress/plugin-register-components": "2.0.0-beta.62", From f4519d4326532bd1168f62a7460cdddc65a3121f Mon Sep 17 00:00:00 2001 From: mrholek Date: Tue, 13 Jun 2023 00:00:05 +0200 Subject: [PATCH 120/325] docs: update theme --- packages/docs/.vuepress/theme-coreui/templates/build.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/.vuepress/theme-coreui/templates/build.html b/packages/docs/.vuepress/theme-coreui/templates/build.html index 5ba656d6..0ffbc946 100644 --- a/packages/docs/.vuepress/theme-coreui/templates/build.html +++ b/packages/docs/.vuepress/theme-coreui/templates/build.html @@ -5,7 +5,7 @@ + + +
          - \ No newline at end of file + From d714fb856ed1fe8fe997bdcb10dd8b462adc26ce Mon Sep 17 00:00:00 2001 From: mrholek Date: Thu, 15 Jun 2023 23:58:49 +0200 Subject: [PATCH 128/325] fix: add proper directives names --- packages/coreui-vue/src/directives/v-c-tooltip.ts | 1 + packages/coreui-vue/src/index.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/coreui-vue/src/directives/v-c-tooltip.ts b/packages/coreui-vue/src/directives/v-c-tooltip.ts index baa371c2..20b0c09d 100644 --- a/packages/coreui-vue/src/directives/v-c-tooltip.ts +++ b/packages/coreui-vue/src/directives/v-c-tooltip.ts @@ -40,6 +40,7 @@ const toggleTooltipElement = (tooltip: HTMLDivElement, el: HTMLElement, popperOp } export default { + name: 'c-tooltip', mounted(el: HTMLElement, binding: DirectiveBinding): void { const value = binding.value const content = typeof value === 'string' ? value : value.content ?? '' diff --git a/packages/coreui-vue/src/index.ts b/packages/coreui-vue/src/index.ts index 427bcd53..262ecc6b 100644 --- a/packages/coreui-vue/src/index.ts +++ b/packages/coreui-vue/src/index.ts @@ -9,7 +9,7 @@ const CoreuiVue = { } for (const key in Directives) { - app.directive(key, Directives[key]) + app.directive(Directives[key]['name'], Directives[key]) } }, } From daf54e396070998f53cab3a52a22305af23153a4 Mon Sep 17 00:00:00 2001 From: mrholek Date: Fri, 16 Jun 2023 10:06:24 +0200 Subject: [PATCH 129/325] release: v4.9.0-beta.2 --- README.md | 2 +- lerna.json | 2 +- packages/coreui-vue/package.json | 2 +- packages/docs/package.json | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index cea3eda8..a71b31fc 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ Several quick start options are available: -- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.1.zip) +- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v4.9.0-beta.2.zip) - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git` - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue` - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue` diff --git a/lerna.json b/lerna.json index eb9a19fc..a64928e9 100644 --- a/lerna.json +++ b/lerna.json @@ -4,5 +4,5 @@ "packages/*" ], "useWorkspaces": true, - "version": "4.9.0-beta.1" + "version": "4.9.0-beta.2" } diff --git a/packages/coreui-vue/package.json b/packages/coreui-vue/package.json index 75d5c387..a8bc07f0 100644 --- a/packages/coreui-vue/package.json +++ b/packages/coreui-vue/package.json @@ -1,6 +1,6 @@ { "name": "@coreui/vue", - "version": "4.9.0-beta.1", + "version": "4.9.0-beta.2", "description": "UI Components Library for Vue.js", "keywords": [ "vue", diff --git a/packages/docs/package.json b/packages/docs/package.json index 299eb858..140c3ee8 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -1,6 +1,6 @@ { "name": "@coreui/vue-docs", - "version": "4.9.0-beta.1", + "version": "4.9.0-beta.2", "scripts": { "api": "vue-docgen -c build/docgen.config.js", "dev": "vuepress dev --clean-cache", From 99ddbbcee706b182bb4a82f6e8a67c2c3c80e4b5 Mon Sep 17 00:00:00 2001 From: mrholek Date: Fri, 16 Jun 2023 14:06:07 +0200 Subject: [PATCH 130/325] docs: update theme --- .../docs/.vuepress/theme-coreui/src/client/components/Page.vue | 2 +- .../.vuepress/theme-coreui/src/client/components/ScssDocs.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue index 8beadbf2..4ae63055 100755 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue +++ b/packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue @@ -3,7 +3,7 @@ v-if="pro_component" class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5" > -

          CoreUI PRO Component

          +

          CoreUI PRO Component

          To use this component you must have a CoreUI PRO license. Buy the CoreUI PRO diff --git a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue index f398aae2..ae622b73 100644 --- a/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue +++ b/packages/docs/.vuepress/theme-coreui/src/client/components/ScssDocs.vue @@ -1,5 +1,5 @@ From 30eac653d708c18e995256b64ca12fbdff835f05 Mon Sep 17 00:00:00 2001 From: mrholek Date: Fri, 16 Jun 2023 14:06:18 +0200 Subject: [PATCH 131/325] docs: update content --- packages/docs/components/widgets.md | 2 +- packages/docs/forms/textarea.md | 4 ++-- packages/docs/forms/validation.md | 4 ++-- packages/docs/getting-started/accessibility.md | 6 +++--- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/docs/components/widgets.md b/packages/docs/components/widgets.md index a8bd91a5..77421487 100644 --- a/packages/docs/components/widgets.md +++ b/packages/docs/components/widgets.md @@ -966,7 +966,7 @@ description: