@coreui/vue-pro 4.7.0 → 4.8.0-next.1

package/dist/components/calendar/utils.d.ts

@@ -0,0 +1,23 @@
+export declare const convertToLocalDate: (d: Date, locale: string, options?: {}) => string;
+export declare const convertToLocalTime: (d: Date, locale: string, options?: {}) => string;
+export declare const createGroupsInArray: <T>(arr: T[], numberOfGroups: number) => T[][];
+export declare const getCurrentYear: () => number;
+export declare const getCurrentMonth: () => number;
+export declare const getLocalDateFromString: (string: string, locale: string, time?: boolean) => Date | undefined;
+export declare const getMonthName: (month: number, locale: string) => string;
+export declare const getMonthsNames: (locale: string) => string[];
+export declare const getYears: (year: number) => number[];
+export declare const getMonthDetails: (year: number, month: number, firstDayOfWeek: number) => {
+    date: Date;
+    month: string;
+}[][];
+export declare const isDisableDateInRange: (startDate?: Date | null, endDate?: Date | null, dates?: Date[] | Date[][] | (Date | Date[])[]) => boolean;
+export declare const isDateDisabled: (date: Date, min?: Date | null, max?: Date | null, dates?: Date[] | Date[][] | (Date | Date[])[]) => boolean | undefined;
+export declare const isDateInRange: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isDateSelected: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isEndDate: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isLastDayOfMonth: (date: Date) => boolean;
+export declare const isSameDateAs: (date: Date | null, date2: Date | null) => boolean;
+export declare const isStartDate: (date: Date, start: Date | null, end: Date | null) => boolean | null;
+export declare const isToday: (date: Date) => boolean;
+export declare const isValidDate: (date: string) => number | false;

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/modal/CModal.d.ts

@@ -7,18 +7,17 @@ declare const CModal: import("vue").DefineComponent<{
      */
     alignment: {
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
      * Apply a backdrop on body while offcanvas is open.
      *
-     * @values 'static'
+     * @values boolean | 'static'
      */
     backdrop: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
-        require: boolean;
+        validator: (value: boolean | string) => boolean;
     };
     /**
      * A string of all className you want applied to the modal content component.
@@ -26,7 +25,6 @@ declare const CModal: import("vue").DefineComponent<{
     contentClassName: {
         type: StringConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * Set modal to covers the entire user viewport
@@ -36,7 +34,6 @@ declare const CModal: import("vue").DefineComponent<{
     fullscreen: {
         type: (StringConstructor | BooleanConstructor)[];
         default: undefined;
-        required: false;
         validator: (value: boolean | string) => boolean;
     };
     /**
@@ -45,14 +42,12 @@ declare const CModal: import("vue").DefineComponent<{
     keyboard: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * Create a scrollable modal that allows scrolling the modal body.
      */
     scrollable: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * Size the component small, large, or extra large.
@@ -62,7 +57,6 @@ declare const CModal: import("vue").DefineComponent<{
     size: {
         type: StringConstructor;
         default: undefined;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -71,7 +65,6 @@ declare const CModal: import("vue").DefineComponent<{
     transition: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
@@ -79,7 +72,6 @@ declare const CModal: import("vue").DefineComponent<{
     unmountOnClose: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * Toggle the visibility of alert component.
@@ -95,18 +87,17 @@ declare const CModal: import("vue").DefineComponent<{
      */
     alignment: {
         default: string;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
      * Apply a backdrop on body while offcanvas is open.
      *
-     * @values 'static'
+     * @values boolean | 'static'
      */
     backdrop: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
-        require: boolean;
+        validator: (value: boolean | string) => boolean;
     };
     /**
      * A string of all className you want applied to the modal content component.
@@ -114,7 +105,6 @@ declare const CModal: import("vue").DefineComponent<{
     contentClassName: {
         type: StringConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * Set modal to covers the entire user viewport
@@ -124,7 +114,6 @@ declare const CModal: import("vue").DefineComponent<{
     fullscreen: {
         type: (StringConstructor | BooleanConstructor)[];
         default: undefined;
-        required: false;
         validator: (value: boolean | string) => boolean;
     };
     /**
@@ -133,14 +122,12 @@ declare const CModal: import("vue").DefineComponent<{
     keyboard: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * Create a scrollable modal that allows scrolling the modal body.
      */
     scrollable: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * Size the component small, large, or extra large.
@@ -150,7 +137,6 @@ declare const CModal: import("vue").DefineComponent<{
     size: {
         type: StringConstructor;
         default: undefined;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -159,7 +145,6 @@ declare const CModal: import("vue").DefineComponent<{
     transition: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
@@ -167,7 +152,6 @@ declare const CModal: import("vue").DefineComponent<{
     unmountOnClose: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
     /**
      * Toggle the visibility of alert component.

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[];