@coreui/vue-pro 4.2.0 → 4.3.0

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

@@ -6,6 +6,38 @@ declare type Option = {
     value?: string;
 };
 declare const CFormSelect: import("vue").DefineComponent<{
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
     /**
      * Specifies the number of visible options in a drop-down list.
      */
@@ -14,12 +46,23 @@ declare const CFormSelect: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * The default name for a value passed using v-model.
@@ -56,15 +99,58 @@ declare const CFormSelect: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     /**
-     * Set component validation state to valid.
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
+    text: {
+        type: StringConstructor;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
     /**
      * Specifies the number of visible options in a drop-down list.
      */
@@ -73,12 +159,23 @@ declare const CFormSelect: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * The default name for a value passed using v-model.
@@ -115,20 +212,32 @@ declare const CFormSelect: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     /**
-     * Set component validation state to valid.
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
+    text: {
+        type: StringConstructor;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
     invalid: boolean;
-    modelValue: string | string[];
+    size: string;
     valid: boolean;
+    tooltipFeedback: boolean;
+    modelValue: string | string[];
     htmlSize: number;
     multiple: boolean;
     options: string[] | Option[];

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

@@ -4,23 +4,18 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     id: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * Set component validation state to invalid.
      */
     invalid: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * The element represents a caption for a component.
      */
     label: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * The default name for a value passed using v-model.
@@ -28,7 +23,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
-        required: false;
     };
     /**
      * Size the component large or extra large. Works only with `switch`.
@@ -37,8 +31,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -49,14 +41,12 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Set component validation state to valid.
      */
     valid: {
         type: BooleanConstructor;
-        required: false;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -66,23 +56,18 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     id: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * Set component validation state to invalid.
      */
     invalid: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * The element represents a caption for a component.
      */
     label: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * The default name for a value passed using v-model.
@@ -90,7 +75,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
-        required: false;
     };
     /**
      * Size the component large or extra large. Works only with `switch`.
@@ -99,8 +83,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -111,24 +93,19 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Set component validation state to valid.
      */
     valid: {
         type: BooleanConstructor;
-        required: false;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    size: string;
-    id: string;
     invalid: boolean;
-    label: string;
     valid: boolean;
 }>;
 export { CFormSwitch };

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

@@ -4,14 +4,56 @@ declare const CFormTextarea: import("vue").DefineComponent<{
      */
     disabled: {
         type: BooleanConstructor;
-        required: false;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
     };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * The default name for a value passed using v-model.
@@ -19,29 +61,37 @@ declare const CFormTextarea: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
-        require: boolean;
     };
     /**
      * 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: BooleanConstructor;
-        required: false;
     };
     /**
      * Toggle the readonly state for the component.
      */
     readonly: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
-     * Set component validation state to valid.
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
+    text: {
+        type: StringConstructor;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -50,14 +100,56 @@ declare const CFormTextarea: import("vue").DefineComponent<{
      */
     disabled: {
         type: BooleanConstructor;
-        required: false;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
+    /**
+     * 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: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
     };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * The default name for a value passed using v-model.
@@ -65,38 +157,47 @@ declare const CFormTextarea: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
-        require: boolean;
     };
     /**
      * 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: BooleanConstructor;
-        required: false;
     };
     /**
      * Toggle the readonly state for the component.
      */
     readonly: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
-     * Set component validation state to valid.
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
+    text: {
+        type: StringConstructor;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     invalid: boolean;
-    modelValue: string;
+    disabled: boolean;
     valid: boolean;
+    tooltipFeedback: boolean;
+    modelValue: string;
     plainText: boolean;
     readonly: boolean;
 }>;

package/dist/components/index.d.ts

@@ -6,11 +6,14 @@ export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './calendar';
 export * from './callout';
 export * from './card';
 export * from './carousel';
 export * from './close-button';
 export * from './collapse';
+export * from './date-picker';
+export * from './date-range-picker';
 export * from './dropdown';
 export * from './element-cover';
 export * from './footer';
@@ -27,6 +30,7 @@ export * from './nav';
 export * from './navbar';
 export * from './offcanvas';
 export * from './pagination';
+export * from './picker';
 export * from './placeholder';
 export * from './progress';
 export * from './popover';
@@ -35,6 +39,7 @@ export * from './smart-table';
 export * from './spinner';
 export * from './table';
 export * from './tabs';
+export * from './time-picker';
 export * from './toast';
 export * from './tooltip';
 export * from './widgets';

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

@@ -87,7 +87,7 @@ declare const CModal: import("vue").DefineComponent<{
     visible: BooleanConstructor;
 }, () => (false | "" | import("vue").VNode<import("vue").RendererNode, RendererElement, {
     [key: string]: any;
-}>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "close-prevented")[], "show" | "close" | "close-prevented", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show" | "close-prevented")[], "close" | "show" | "close-prevented", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Align the modal in the center or top of the screen.
      *

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

@@ -275,13 +275,13 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     visible: boolean;
     multiple: boolean;
     options: Option[];
+    cleaner: boolean;
+    placeholder: string;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;
     selectionType: string;
     selectionTypeCounterText: string;
-    cleaner: boolean;
-    placeholder: string;
     selectAll: boolean;
     selectAllLabel: string;
 }>;

package/dist/components/offcanvas/COffcanvas.d.ts

@@ -91,8 +91,8 @@ declare const COffcanvas: import("vue").DefineComponent<{
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
-    visible: boolean;
     scroll: boolean;
+    visible: boolean;
     placement: string;
     backdrop: boolean;
     keyboard: boolean;

package/dist/components/picker/CPicker.d.ts

@@ -0,0 +1,11 @@
+declare const CPicker: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "cancel" | "confirm")[], "hide" | "show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {} | {
+    [x: string]: any;
+}>;
+export { CPicker };

package/dist/components/picker/index.d.ts

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

package/dist/components/popover/CPopover.d.ts

@@ -107,9 +107,9 @@ declare const CPopover: import("vue").DefineComponent<{
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
     visible: boolean;
+    title: string;
     placement: Placement;
     trigger: string | string[];
-    title: string;
     content: string;
     offset: unknown[];
 }>;

package/dist/components/sidebar/CSidebar.d.ts

@@ -122,9 +122,9 @@ declare const CSidebar: import("vue").DefineComponent<{
     visible: boolean;
     size: string;
     position: string;
+    narrow: boolean;
     placement: string;
     colorScheme: string;
-    narrow: boolean;
     overlaid: boolean;
     unfoldable: boolean;
 }>;