@coreui/vue-pro 4.8.0-next.0 → 4.8.0

package/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.7.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.8.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/components/form/CFormCheck.d.ts

@@ -71,6 +71,12 @@ declare const CFormCheck: import("vue").DefineComponent<{
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
     };
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.8.0
+     */
+    reverse: BooleanConstructor;
     /**
      * Display validation feedback in a styled tooltip.
      *
@@ -169,6 +175,12 @@ declare const CFormCheck: import("vue").DefineComponent<{
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
     };
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.8.0
+     */
+    reverse: BooleanConstructor;
     /**
      * Display validation feedback in a styled tooltip.
      *
@@ -194,6 +206,7 @@ declare const CFormCheck: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     type: string;
     invalid: boolean;
     valid: boolean;

package/dist/components/form/CFormSwitch.d.ts

@@ -24,6 +24,12 @@ declare const CFormSwitch: import("vue").DefineComponent<{
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
     };
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.8.0
+     */
+    reverse: BooleanConstructor;
     /**
      * Size the component large or extra large. Works only with `switch`.
      *
@@ -76,6 +82,12 @@ declare const CFormSwitch: import("vue").DefineComponent<{
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
     };
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.8.0
+     */
+    reverse: BooleanConstructor;
     /**
      * Size the component large or extra large. Works only with `switch`.
      *
@@ -104,6 +116,7 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     type: string;
     invalid: boolean;
     valid: boolean;

package/dist/components/index.d.ts

@@ -43,4 +43,5 @@ export * from './tabs';
 export * from './time-picker';
 export * from './toast';
 export * from './tooltip';
+export * from './virtual-scroller';
 export * from './widgets';

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -1,18 +1,5 @@
 import { PropType } from 'vue';
-export interface Option {
-    disabled?: boolean;
-    label?: string;
-    options?: Option[];
-    order?: number;
-    selected?: boolean;
-    text: string;
-    value: number | string;
-}
-export interface SelectedOption {
-    disabled?: boolean;
-    text: string;
-    value: number | string;
-}
+import type { Option } from './types';
 declare const CMultiSelect: import("vue").DefineComponent<{
     /**
      * Enables selection cleaner element.
@@ -21,7 +8,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     cleaner: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     /**
@@ -29,7 +15,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     disabled: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     /**
@@ -84,7 +69,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     multiple: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * List of option elements.
@@ -92,7 +76,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     options: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
     };
     /**
      * Sets maxHeight of options list.
@@ -102,7 +85,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
-        required: false;
     };
     /**
      * Sets option style.
@@ -113,7 +95,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     optionsStyle: {
         type: StringConstructor;
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -124,7 +105,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     placeholder: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Enables search input element.
@@ -132,7 +112,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     search: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
-        required: false;
         validator: (value: boolean | string) => boolean;
     };
     /**
@@ -141,7 +120,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     searchNoResultsLabel: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Enables select all button.
@@ -150,7 +128,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     selectAll: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     /**
@@ -160,7 +137,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     selectAllLabel: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     /**
@@ -172,7 +148,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     selectionType: {
         type: StringConstructor;
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -183,7 +158,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     selectionTypeCounterText: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Size the component small or large.
@@ -192,7 +166,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -215,6 +188,12 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      * @since 4.6.0
      */
     valid: BooleanConstructor;
+    /**
+     * Enable virtual scroller for the options list.
+     *
+     * @since 4.8.0
+     */
+    virtualScroller: BooleanConstructor;
     /**
      * Toggle the visibility of multi select dropdown.
      *
@@ -223,7 +202,16 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
+    };
+    /**
+     *
+     * Amount of visible items when virtualScroller is set to `true`.
+     *
+     * @since 4.8.0
+     */
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -235,7 +223,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     cleaner: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     /**
@@ -243,7 +230,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     disabled: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     /**
@@ -298,7 +284,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     multiple: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * List of option elements.
@@ -306,7 +291,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     options: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
     };
     /**
      * Sets maxHeight of options list.
@@ -316,7 +300,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
-        required: false;
     };
     /**
      * Sets option style.
@@ -327,7 +310,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     optionsStyle: {
         type: StringConstructor;
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -338,7 +320,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     placeholder: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Enables search input element.
@@ -346,7 +327,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     search: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
-        required: false;
         validator: (value: boolean | string) => boolean;
     };
     /**
@@ -355,7 +335,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     searchNoResultsLabel: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Enables select all button.
@@ -364,7 +343,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     selectAll: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     /**
@@ -374,7 +352,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     selectAllLabel: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     /**
@@ -386,7 +363,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     selectionType: {
         type: StringConstructor;
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -397,7 +373,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     selectionTypeCounterText: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Size the component small or large.
@@ -406,7 +381,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -429,6 +403,12 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      * @since 4.6.0
      */
     valid: BooleanConstructor;
+    /**
+     * Enable virtual scroller for the options list.
+     *
+     * @since 4.8.0
+     */
+    virtualScroller: BooleanConstructor;
     /**
      * Toggle the visibility of multi select dropdown.
      *
@@ -437,7 +417,16 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
+    };
+    /**
+     *
+     * Amount of visible items when virtualScroller is set to `true`.
+     *
+     * @since 4.8.0
+     */
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
@@ -453,9 +442,11 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     options: Option[];
     cleaner: boolean;
     placeholder: string;
+    visibleItems: number;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;
+    virtualScroller: boolean;
     selectionType: string;
     selectionTypeCounterText: string;
     selectAll: boolean;

package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNode } from 'vue';
-import { Option } from './CMultiSelect';
+import type { Option } from './types';
 declare const CMultiSelectNativeSelect: import("vue").DefineComponent<{
     /**
      * It specifies that multiple options can be selected at once.

package/dist/components/multi-select/CMultiSelectOptions.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNode } from 'vue';
-import { Option } from './CMultiSelect';
+import type { Option } from './types';
 declare const CMultiSelectOptions: import("vue").DefineComponent<{
     /**
      * List of option elements.
@@ -7,7 +7,6 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     options: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
     };
     /**
      * Sets maxHeight of options list.
@@ -17,7 +16,6 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
-        required: false;
     };
     /**
      * Sets option style.
@@ -28,7 +26,6 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     optionsStyle: {
         type: StringConstructor;
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -37,12 +34,15 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     searchNoResultsLabel: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     selected: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
+    };
+    virtualScroller: BooleanConstructor;
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
     };
 }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -53,7 +53,6 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     options: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
     };
     /**
      * Sets maxHeight of options list.
@@ -63,7 +62,6 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
-        required: false;
     };
     /**
      * Sets option style.
@@ -74,7 +72,6 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     optionsStyle: {
         type: StringConstructor;
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -83,20 +80,25 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
     searchNoResultsLabel: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     selected: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
+    };
+    virtualScroller: BooleanConstructor;
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
     };
 }>> & {
     onOptionClick?: ((...args: any[]) => any) | undefined;
 }, {
     options: Option[];
     selected: Option[];
+    visibleItems: number;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;
+    virtualScroller: boolean;
 }>;
 export { CMultiSelectOptions };

package/dist/components/multi-select/CMultiSelectSelection.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Option } from './CMultiSelect';
+import type { Option } from './types';
 declare const CMultiSelectSelection: import("vue").DefineComponent<{
     /**
      * It specifies that multiple options can be selected at once.

package/dist/components/multi-select/types.d.ts

@@ -0,0 +1,14 @@
+export type Option = {
+    disabled?: boolean;
+    label?: string;
+    options?: Option[];
+    order?: number;
+    selected?: boolean;
+    text: string;
+    value: number | string;
+};
+export type SelectedOption = {
+    disabled?: boolean;
+    text: string;
+    value: number | string;
+};

package/dist/components/multi-select/utils.d.ts

@@ -0,0 +1,6 @@
+import type { Option, SelectedOption } from './types';
+export declare const filterOptionsList: (search: string, _options: Option[]) => Option[];
+export declare const flattenArray: (options: Option[]) => Option[];
+export declare const getNextSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
+export declare const getPreviousSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
+export declare const selectOptions: (options: Option[], selected: SelectedOption[], deselected?: Option[]) => SelectedOption[];

package/dist/components/smart-table/CSmartTable.d.ts

@@ -501,12 +501,12 @@ declare const CSmartTable: import("vue").DefineComponent<{
     onSorterChange?: ((...args: any[]) => any) | undefined;
     onTableFilterChange?: ((...args: any[]) => any) | undefined;
 }, {
-    items: Item[];
     selected: Item[];
     header: boolean;
     cleaner: boolean;
     loading: boolean;
     activePage: number;
+    items: Item[];
     clickableRows: boolean;
     noItemsLabel: string;
     selectable: boolean;

package/dist/components/smart-table/CSmartTableHead.d.ts

@@ -54,8 +54,8 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
     onSortClick?: ((...args: any[]) => any) | undefined;
 }, {
     component: string;
-    items: Item[];
     columns: (string | Column)[];
+    items: Item[];
     selectable: boolean;
 }>;
 export { CSmartTableHead };

package/dist/components/virtual-scroller/CVirtualScroller.d.ts

@@ -0,0 +1,23 @@
+import { VNode } from 'vue';
+declare const CVirtualScroller: import("vue").DefineComponent<{
+    /**
+     * Amount of visible items
+     */
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Amount of visible items
+     */
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    visibleItems: number;
+}>;
+export { CVirtualScroller };

package/dist/components/virtual-scroller/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CVirtualScroller } from './CVirtualScroller';
+declare const CVirtualScrollerPlugin: {
+    install: (app: App) => void;
+};
+export { CVirtualScroller, CVirtualScrollerPlugin };