@coreui/vue-pro 4.0.1 → 4.1.0

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.0.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.1.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/carousel/CCarousel.d.ts

@@ -68,22 +68,22 @@ declare const CCarousel: import("vue").DefineComponent<{
     transition?: unknown;
     wrap?: unknown;
 } & {
+    transition: string;
     dark: boolean;
     controls: boolean;
     index: number;
     indicators: boolean;
     interval: number | boolean;
     pause: string | boolean;
-    transition: string;
     wrap: boolean;
 } & {}>, {
+    transition: string;
     dark: boolean;
     controls: boolean;
     index: number;
     indicators: boolean;
     interval: number | boolean;
     pause: string | boolean;
-    transition: string;
     wrap: boolean;
 }>;
 export { CCarousel };

package/dist/components/collapse/CCollapse.d.ts

@@ -1,5 +1,12 @@
 import { RendererElement } from 'vue';
 declare const CCollapse: import("vue").DefineComponent<{
+    /**
+     * Set horizontal collapsing to transition the width instead of height.
+     */
+    horizontal: {
+        type: BooleanConstructor;
+        required: false;
+    };
     /**
      * Toggle the visibility of component.
      */
@@ -10,13 +17,16 @@ declare const CCollapse: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    horizontal?: unknown;
     visible?: unknown;
 } & {
+    horizontal: boolean;
     visible: boolean;
 } & {}> & {
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
+    horizontal: boolean;
     visible: boolean;
 }>;
 export { CCollapse };

package/dist/components/element-cover/index.d.ts

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

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

@@ -16,6 +16,10 @@ declare const CFormCheck: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * Input Checkbox indeterminate Property
+     */
+    indeterminate: BooleanConstructor;
     /**
      * Group checkboxes or radios on the same horizontal row by adding.
      */
@@ -38,6 +42,14 @@ declare const CFormCheck: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor)[];
+        value: undefined;
+        required: false;
+    };
     /**
      * Specifies the type of component.
      *
@@ -59,17 +71,20 @@ declare const CFormCheck: import("vue").DefineComponent<{
     [key: string]: any;
 }> | ("" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}> | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     button?: unknown;
     id?: unknown;
+    indeterminate?: unknown;
     inline?: unknown;
     invalid?: unknown;
     label?: unknown;
+    modelValue?: unknown;
     type?: unknown;
     valid?: unknown;
 } & {
     type: string;
     invalid: boolean;
+    indeterminate: boolean;
     inline: boolean;
     valid: boolean;
 } & {
@@ -81,11 +96,16 @@ declare const CFormCheck: import("vue").DefineComponent<{
     } | undefined;
     id?: string | undefined;
     label?: string | undefined;
-}>, {
+    modelValue?: string | boolean | undefined;
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
     type: string;
     id: string;
     invalid: boolean;
     label: string;
+    indeterminate: boolean;
     inline: boolean;
     valid: boolean;
 }>;

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

@@ -13,6 +13,14 @@ declare const CFormInput: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * The default name for a value passed using v-model.
+     */
+    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`.
      */
@@ -57,9 +65,10 @@ declare const CFormInput: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}>, 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<{
     disabled?: unknown;
     invalid?: unknown;
+    modelValue?: unknown;
     plainText?: unknown;
     readonly?: unknown;
     size?: unknown;
@@ -74,11 +83,17 @@ declare const CFormInput: import("vue").DefineComponent<{
     readonly: boolean;
 } & {
     size?: string | undefined;
-}>, {
+    modelValue?: string | undefined;
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
     type: string;
     disabled: boolean;
     size: string;
     invalid: boolean;
+    modelValue: string;
     valid: boolean;
     plainText: boolean;
     readonly: boolean;

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

@@ -23,6 +23,14 @@ declare const CFormRange: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: {
+        type: StringConstructor;
+        value: undefined;
+        required: false;
+    };
     /**
      * Toggle the readonly state for the component.
      */
@@ -50,10 +58,11 @@ declare const CFormRange: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     disabled?: unknown;
     max?: unknown;
     min?: unknown;
+    modelValue?: unknown;
     readonly?: unknown;
     steps?: unknown;
     value?: unknown;
@@ -62,10 +71,14 @@ declare const CFormRange: import("vue").DefineComponent<{
 } & {
     value?: number | undefined;
     disabled?: boolean | undefined;
+    modelValue?: string | undefined;
     max?: number | undefined;
     min?: number | undefined;
     steps?: number | undefined;
-}>, {
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
     value: number;
     disabled: boolean;
     readonly: boolean;

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

@@ -1,3 +1,9 @@
+import { PropType } from 'vue';
+declare type Option = {
+    disabled?: boolean;
+    label?: string;
+    value?: string;
+};
 declare const CFormSelect: import("vue").DefineComponent<{
     /**
      * Specifies the number of visible options in a drop-down list.
@@ -14,6 +20,25 @@ declare const CFormSelect: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+        require: 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: PropType<string[] | Option[]>;
+        default: undefined;
+        required: false;
+    };
     /**
      * Size the component small or large.
      *
@@ -34,9 +59,11 @@ declare const CFormSelect: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     htmlSize?: unknown;
     invalid?: unknown;
+    modelValue?: unknown;
+    options?: unknown;
     size?: unknown;
     valid?: unknown;
 } & {
@@ -44,11 +71,18 @@ declare const CFormSelect: import("vue").DefineComponent<{
     valid: boolean;
 } & {
     size?: string | undefined;
+    modelValue?: string | undefined;
     htmlSize?: number | undefined;
-}>, {
+    options?: string[] | Option[] | undefined;
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
     size: string;
     invalid: boolean;
+    modelValue: string;
     valid: boolean;
     htmlSize: number;
+    options: string[] | Option[];
 }>;
 export { CFormSelect };

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

@@ -22,6 +22,14 @@ declare const CFormSwitch: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * The default name for a value passed using v-model.
+     */
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor)[];
+        value: undefined;
+        required: false;
+    };
     /**
      * Size the component large or extra large. Works only with `switch`.
      *
@@ -52,10 +60,11 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     id?: unknown;
     invalid?: unknown;
     label?: unknown;
+    modelValue?: unknown;
     size?: unknown;
     type?: unknown;
     valid?: unknown;
@@ -67,7 +76,11 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     size?: string | undefined;
     id?: string | undefined;
     label?: string | undefined;
-}>, {
+    modelValue?: string | boolean | undefined;
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
     type: string;
     size: string;
     id: string;

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

@@ -13,6 +13,14 @@ declare const CFormTextarea: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * The default name for a value passed using v-model.
+     */
+    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`.
      */
@@ -36,9 +44,10 @@ declare const CFormTextarea: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}>, 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<{
     disabled?: unknown;
     invalid?: unknown;
+    modelValue?: unknown;
     plainText?: unknown;
     readonly?: unknown;
     valid?: unknown;
@@ -48,9 +57,16 @@ declare const CFormTextarea: import("vue").DefineComponent<{
     valid: boolean;
     plainText: boolean;
     readonly: boolean;
-} & {}>, {
+} & {
+    modelValue?: string | undefined;
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
     disabled: boolean;
     invalid: boolean;
+    modelValue: string;
     valid: boolean;
     plainText: boolean;
     readonly: boolean;

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './carousel';
 export * from './close-button';
 export * from './collapse';
 export * from './dropdown';
+export * from './element-cover';
 export * from './footer';
 export * from './form';
 export * from './grid';
@@ -26,6 +27,7 @@ export * from './nav';
 export * from './navbar';
 export * from './offcanvas';
 export * from './pagination';
+export * from './placeholder';
 export * from './progress';
 export * from './popover';
 export * from './sidebar';

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

@@ -90,8 +90,8 @@ declare const CModal: import("vue").DefineComponent<{
     transition?: unknown;
     visible?: unknown;
 } & {
-    visible: boolean;
     transition: boolean;
+    visible: boolean;
     alignment: string;
     backdrop: string | boolean;
     keyboard: boolean;
@@ -105,9 +105,9 @@ declare const CModal: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onClose-prevented"?: ((...args: any[]) => any) | undefined;
 }, {
+    transition: boolean;
     visible: boolean;
     size: string;
-    transition: boolean;
     alignment: string;
     backdrop: string | boolean;
     contentClassName: string;

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

@@ -156,8 +156,8 @@ declare const CMultiSelect: import("vue").DefineComponent<{
 } & {
     search: boolean;
     visible: boolean;
-    multiple: boolean;
     options: Option[];
+    multiple: boolean;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;
@@ -172,8 +172,8 @@ declare const CMultiSelect: import("vue").DefineComponent<{
 }, {
     search: boolean;
     visible: boolean;
-    multiple: boolean;
     options: Option[];
+    multiple: boolean;
     optionsMaxHeight: string | number;
     optionsStyle: string;
     searchNoResultsLabel: string;

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

@@ -31,15 +31,15 @@ declare const CMultiSelectNativeSelect: import("vue").DefineComponent<{
     options?: unknown;
     value?: unknown;
 } & {
-    multiple: boolean;
     options: Option[];
+    multiple: boolean;
 } & {
     value?: string | number | unknown[] | undefined;
 }> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number | unknown[];
-    multiple: boolean;
     options: Option[];
+    multiple: boolean;
 }>;
 export { CMultiSelectNativeSelect };

package/dist/components/placeholder/CPlaceholder.d.ts

@@ -0,0 +1,124 @@
+export declare const CPlaceholder: import("vue").DefineComponent<{
+    /**
+     * Set animation type to better convey the perception of something being actively loaded.
+     *
+     * @values 'glow', 'wave'
+     */
+    animation: {
+        type: StringConstructor;
+        default: undefined;
+        require: boolean;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Size the component extra small, small, or large.
+     *
+     * @values 'xs', 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        default: undefined;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The number of columns on extra small devices (<576px).
+     */
+    xs: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    /**
+     * The number of columns on small devices (<768px).
+     */
+    sm: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    /**
+     * The number of columns on medium devices (<992px).
+     */
+    md: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    /**
+     * The number of columns on large devices (<1200px).
+     */
+    lg: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    /**
+     * The number of columns on X-Large devices (<1400px).
+     */
+    xl: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    /**
+     * The number of columns on XX-Large devices (≥1400px).
+     */
+    xxl: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    animation?: unknown;
+    color?: unknown;
+    component?: unknown;
+    size?: unknown;
+    xs?: unknown;
+    sm?: unknown;
+    md?: unknown;
+    lg?: unknown;
+    xl?: unknown;
+    xxl?: unknown;
+} & {
+    component: string;
+} & {
+    color?: string | undefined;
+    size?: string | undefined;
+    sm?: number | undefined;
+    md?: number | undefined;
+    lg?: number | undefined;
+    xl?: number | undefined;
+    xs?: number | undefined;
+    xxl?: number | undefined;
+    animation?: string | undefined;
+}>, {
+    component: string;
+    size: string;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xs: number;
+    xxl: number;
+    animation: string;
+}>;

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

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

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

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

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

@@ -18,7 +18,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     cleaner: {
         type: BooleanConstructor;
-        default: boolean;
         required: false;
     };
     /**
@@ -229,7 +228,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     tableFilter: {
         type: PropType<boolean | TableFilter>;
-        default: undefined;
         required: false;
     };
     /**
@@ -373,7 +371,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     sorterValue: SorterValue;
     tableBodyProps: Record<string, any>;
     tableFootProps: Record<string, any>;
-    tableFilter: boolean | TableFilter;
     tableFilterLabel: string;
     tableFilterPlaceholder: string;
     tableFilterValue: string;

package/dist/components/table/CTable.d.ts

@@ -106,16 +106,16 @@ declare const CTable: import("vue").DefineComponent<{
     borderless: boolean;
 } & {
     color?: string | undefined;
-    align?: string | undefined;
     caption?: string | undefined;
+    align?: string | undefined;
     borderColor?: string | undefined;
     responsive?: string | boolean | undefined;
 }>, {
     small: boolean;
     hover: boolean;
+    caption: string;
     align: string;
     striped: boolean;
-    caption: string;
     bordered: boolean;
     borderless: boolean;
     responsive: string | boolean;

package/dist/components/widgets/CWidgetStatsB.d.ts

@@ -61,13 +61,13 @@ declare const CWidgetStatsB: import("vue").DefineComponent<{
         color: string;
         value: number;
     } | undefined;
-    text?: string | undefined;
     title?: string | undefined;
+    text?: string | undefined;
     inverse?: boolean | undefined;
 }>, {
     value: string | number;
-    text: string;
     title: string;
+    text: string;
     inverse: boolean;
 }>;
 export { CWidgetStatsB };