@coreui/vue-pro 4.8.2 → 4.9.0-beta.1

package/dist/components/grid/CCol.d.ts

@@ -106,5 +106,5 @@ declare const CCol: import("vue").DefineComponent<{
     xxl: {
         type: PropType<Col>;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export { CCol };

package/dist/components/grid/CContainer.d.ts

@@ -57,5 +57,5 @@ declare const CContainer: import("vue").DefineComponent<{
     xl: boolean;
     xxl: boolean;
     fluid: boolean;
-}>;
+}, {}>;
 export { CContainer };

package/dist/components/grid/CRow.d.ts

@@ -80,5 +80,5 @@ declare const CRow: import("vue").DefineComponent<{
      * @values { cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }
      */
     xxl: () => BPObject;
-}>>, {}>;
+}>>, {}, {}>;
 export { CRow };

package/dist/components/header/CHeader.d.ts

@@ -38,5 +38,5 @@ declare const CHeader: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export { CHeader };

package/dist/components/header/CHeaderBrand.d.ts

@@ -18,5 +18,5 @@ declare const CHeaderBrand: import("vue").DefineComponent<{
     };
 }>>, {
     component: string;
-}>;
+}, {}>;
 export { CHeaderBrand };

package/dist/components/header/CHeaderDivider.d.ts

@@ -1,4 +1,4 @@
 declare const CHeaderDivider: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CHeaderDivider };

package/dist/components/header/CHeaderNav.d.ts

@@ -18,5 +18,5 @@ declare const CHeaderNav: import("vue").DefineComponent<{
     };
 }>>, {
     component: string;
-}>;
+}, {}>;
 export { CHeaderNav };

package/dist/components/header/CHeaderText.d.ts

@@ -1,4 +1,4 @@
 declare const CHeaderText: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CHeaderText };

package/dist/components/header/CHeaderToggler.d.ts

@@ -1,4 +1,4 @@
 declare const CHeaderToggler: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CHeaderToggler };

package/dist/components/image/CImage.d.ts

@@ -48,5 +48,5 @@ declare const CImage: import("vue").DefineComponent<{
     rounded: boolean;
     fluid: boolean;
     thumbnail: boolean;
-}>;
+}, {}>;
 export { CImage };

package/dist/components/link/CLink.d.ts

@@ -46,5 +46,5 @@ declare const CLink: import("vue").DefineComponent<{
     disabled: boolean;
     component: string;
     active: boolean;
-}>;
+}, {}>;
 export { CLink };

package/dist/components/list-group/CListGroup.d.ts

@@ -45,5 +45,5 @@ declare const CListGroup: import("vue").DefineComponent<{
 }>>, {
     flush: boolean;
     component: string;
-}>;
+}, {}>;
 export { CListGroup };

package/dist/components/list-group/CListGroupItem.d.ts

@@ -54,5 +54,5 @@ declare const CListGroupItem: import("vue").DefineComponent<{
     disabled: boolean;
     component: string;
     active: boolean;
-}>;
+}, {}>;
 export { CListGroupItem };

package/dist/components/loading-button/CLoadingButton.d.ts

@@ -4,5 +4,5 @@ declare const CLoadingButton: import("vue").DefineComponent<any, () => import("v
     onClick?: ((...args: any[]) => any) | undefined;
 }, {} | {
     [x: string]: any;
-}>;
+}, {}>;
 export { CLoadingButton };

package/dist/components/modal/CModal.d.ts

@@ -155,5 +155,5 @@ declare const CModal: import("vue").DefineComponent<{
     keyboard: boolean;
     scrollable: boolean;
     unmountOnClose: boolean;
-}>;
+}, {}>;
 export { CModal };

package/dist/components/modal/CModalBody.d.ts

@@ -1,4 +1,4 @@
 declare const CModalBody: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CModalBody };

package/dist/components/modal/CModalFooter.d.ts

@@ -1,4 +1,4 @@
 declare const CModalFooter: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export { CModalFooter };

package/dist/components/modal/CModalHeader.d.ts

@@ -18,5 +18,5 @@ declare const CModalHeader: import("vue").DefineComponent<{
     };
 }>>, {
     closeButton: boolean;
-}>;
+}, {}>;
 export { CModalHeader };

package/dist/components/modal/CModalTitle.d.ts

@@ -18,5 +18,5 @@ declare const CModalTitle: import("vue").DefineComponent<{
     };
 }>>, {
     component: string;
-}>;
+}, {}>;
 export { CModalTitle };

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

@@ -1,6 +1,12 @@
 import { PropType } from 'vue';
-import type { Option } from './types';
+import type { Option, OptionsGroup } from './types';
 declare const CMultiSelect: import("vue").DefineComponent<{
+    /**
+     * Allow users to create options if they are not in the list of options.
+     *
+     * @since 4.9.0-next.0
+     */
+    allowCreateOptions: BooleanConstructor;
     /**
      * Enables selection cleaner element.
      *
@@ -10,43 +16,38 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Clear current search on selecting an item.
+     *
+     * @since 4.9.0-next.0
+     */
+    clearSearchOnSelect: BooleanConstructor;
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled: BooleanConstructor;
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.6.0
      */
-    feedback: {
-        type: StringConstructor;
-    };
+    feedback: StringConstructor;
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.6.0
      */
-    feedbackInvalid: {
-        type: StringConstructor;
-    };
+    feedbackInvalid: StringConstructor;
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.6.0
      */
-    feedbackValid: {
-        type: StringConstructor;
-    };
+    feedbackValid: StringConstructor;
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
-    id: {
-        type: StringConstructor;
-    };
+    id: StringConstructor;
     /**
      * Set component validation state to invalid.
      *
@@ -58,9 +59,13 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      *
      * @since 4.6.0
      */
-    label: {
-        type: StringConstructor;
-    };
+    label: StringConstructor;
+    /**
+     * When set, the options list will have a loading style: loading spinner and reduced opacity.
+     *
+     * @since 4.9.0-next.0
+     */
+    loading: BooleanConstructor;
     /**
      * It specifies that multiple options can be selected at once.
      *
@@ -74,7 +79,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      * List of option elements.
      */
     options: {
-        type: PropType<Option[]>;
+        type: PropType<(Option | OptionsGroup)[]>;
         default: () => never[];
     };
     /**
@@ -106,6 +111,10 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * When it is present, it indicates that the user must choose a value before submitting the form.
+     */
+    required: BooleanConstructor;
     /**
      * Enables search input element.
      */
@@ -173,9 +182,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      *
      * @since 4.6.0
      */
-    text: {
-        type: StringConstructor;
-    };
+    text: StringConstructor;
     /**
      * Display validation feedback in a styled tooltip.
      *
@@ -199,10 +206,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      *
      * @default false
      */
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    visible: BooleanConstructor;
     /**
      *
      * Amount of visible items when virtualScroller is set to `true`.
@@ -215,7 +219,13 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "filterChange")[], "change" | "filterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "hide" | "show" | "filterChange")[], "change" | "hide" | "show" | "filterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Allow users to create options if they are not in the list of options.
+     *
+     * @since 4.9.0-next.0
+     */
+    allowCreateOptions: BooleanConstructor;
     /**
      * Enables selection cleaner element.
      *
@@ -225,43 +235,38 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Clear current search on selecting an item.
+     *
+     * @since 4.9.0-next.0
+     */
+    clearSearchOnSelect: BooleanConstructor;
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled: BooleanConstructor;
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.6.0
      */
-    feedback: {
-        type: StringConstructor;
-    };
+    feedback: StringConstructor;
     /**
      * Provide valuable, actionable feedback.
      *
      * @since 4.6.0
      */
-    feedbackInvalid: {
-        type: StringConstructor;
-    };
+    feedbackInvalid: StringConstructor;
     /**
      * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
      *
      * @since 4.6.0
      */
-    feedbackValid: {
-        type: StringConstructor;
-    };
+    feedbackValid: StringConstructor;
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
-    id: {
-        type: StringConstructor;
-    };
+    id: StringConstructor;
     /**
      * Set component validation state to invalid.
      *
@@ -273,9 +278,13 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      *
      * @since 4.6.0
      */
-    label: {
-        type: StringConstructor;
-    };
+    label: StringConstructor;
+    /**
+     * When set, the options list will have a loading style: loading spinner and reduced opacity.
+     *
+     * @since 4.9.0-next.0
+     */
+    loading: BooleanConstructor;
     /**
      * It specifies that multiple options can be selected at once.
      *
@@ -289,7 +298,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      * List of option elements.
      */
     options: {
-        type: PropType<Option[]>;
+        type: PropType<(Option | OptionsGroup)[]>;
         default: () => never[];
     };
     /**
@@ -321,6 +330,10 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * When it is present, it indicates that the user must choose a value before submitting the form.
+     */
+    required: BooleanConstructor;
     /**
      * Enables search input element.
      */
@@ -388,9 +401,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      *
      * @since 4.6.0
      */
-    text: {
-        type: StringConstructor;
-    };
+    text: StringConstructor;
     /**
      * Display validation feedback in a styled tooltip.
      *
@@ -414,10 +425,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
      *
      * @default false
      */
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    visible: BooleanConstructor;
     /**
      *
      * Amount of visible items when virtualScroller is set to `true`.
@@ -429,6 +437,8 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onFilterChange?: ((...args: any[]) => any) | undefined;
 }, {
@@ -436,12 +446,14 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     visible: boolean;
     search: string | boolean;
     disabled: boolean;
+    required: boolean;
     valid: boolean;
     tooltipFeedback: boolean;
-    multiple: boolean;
-    options: Option[];
+    options: (Option | OptionsGroup)[];
     cleaner: boolean;
     placeholder: string;
+    multiple: boolean;
+    loading: boolean;
     visibleItems: number;
     optionsMaxHeight: string | number;
     optionsStyle: string;
@@ -449,7 +461,9 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     virtualScroller: boolean;
     selectionType: string;
     selectionTypeCounterText: string;
+    allowCreateOptions: boolean;
+    clearSearchOnSelect: boolean;
     selectAll: boolean;
     selectAllLabel: string;
-}>;
+}, {}>;
 export { CMultiSelect };

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

@@ -1,60 +1,36 @@
 import { PropType, VNode } from 'vue';
 import type { Option } from './types';
 declare const CMultiSelectNativeSelect: import("vue").DefineComponent<{
-    /**
-     * It specifies that multiple options can be selected at once.
-     *
-     * @default true
-     */
+    id: StringConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
-    /**
-     * List of option elements.
-     */
     options: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
-    };
-    value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-        require: boolean;
     };
+    required: BooleanConstructor;
+    value: (NumberConstructor | StringConstructor | ArrayConstructor)[];
 }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * It specifies that multiple options can be selected at once.
-     *
-     * @default true
-     */
+    id: StringConstructor;
     multiple: {
         type: BooleanConstructor;
         default: boolean;
-        required: false;
     };
-    /**
-     * List of option elements.
-     */
     options: {
         type: PropType<Option[]>;
         default: () => never[];
-        required: false;
-    };
-    value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-        require: boolean;
     };
+    required: BooleanConstructor;
+    value: (NumberConstructor | StringConstructor | ArrayConstructor)[];
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | unknown[];
-    multiple: boolean;
+    required: boolean;
     options: Option[];
-}>;
+    multiple: boolean;
+}, {}>;
 export { CMultiSelectNativeSelect };

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

@@ -1,36 +1,21 @@
 import { PropType, VNode } from 'vue';
-import type { Option } from './types';
+import type { Option, OptionsGroup } from './types';
 declare const CMultiSelectOptions: import("vue").DefineComponent<{
-    /**
-     * List of option elements.
-     */
+    loading: BooleanConstructor;
     options: {
-        type: PropType<Option[]>;
+        type: PropType<(Option | OptionsGroup)[]>;
         default: () => never[];
     };
-    /**
-     * Sets maxHeight of options list.
-     *
-     * @default 'auto'
-     */
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Sets option style.
-     *
-     * @values 'checkbox', 'text'
-     * @default 'checkbox'
-     */
     optionsStyle: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
-    /**
-     * Sets the label for no results when filtering.
-     */
+    scopedSlots: ObjectConstructor;
     searchNoResultsLabel: {
         type: StringConstructor;
         default: string;
@@ -44,39 +29,24 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => (false | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "optionClick"[], "optionClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * List of option elements.
-     */
+}>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "optionClick"[], "optionClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: BooleanConstructor;
     options: {
-        type: PropType<Option[]>;
+        type: PropType<(Option | OptionsGroup)[]>;
         default: () => never[];
     };
-    /**
-     * Sets maxHeight of options list.
-     *
-     * @default 'auto'
-     */
     optionsMaxHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Sets option style.
-     *
-     * @values 'checkbox', 'text'
-     * @default 'checkbox'
-     */
     optionsStyle: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
-    /**
-     * Sets the label for no results when filtering.
-     */
+    scopedSlots: ObjectConstructor;
     searchNoResultsLabel: {
         type: StringConstructor;
         default: string;
@@ -93,12 +63,13 @@ declare const CMultiSelectOptions: import("vue").DefineComponent<{
 }>> & {
     onOptionClick?: ((...args: any[]) => any) | undefined;
 }, {
-    options: Option[];
+    options: (Option | OptionsGroup)[];
     selected: Option[];
+    loading: boolean;
     visibleItems: number;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;
     virtualScroller: boolean;
-}>;
+}, {}>;
 export { CMultiSelectOptions };