@coreui/vue-pro 4.0.2 → 4.1.1

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.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.1.1.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.
      */
@@ -70,6 +74,7 @@ declare const CFormCheck: import("vue").DefineComponent<{
 }> | 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;
@@ -79,6 +84,7 @@ declare const CFormCheck: import("vue").DefineComponent<{
 } & {
     type: string;
     invalid: boolean;
+    indeterminate: boolean;
     inline: boolean;
     valid: boolean;
 } & {
@@ -99,6 +105,7 @@ declare const CFormCheck: import("vue").DefineComponent<{
     id: string;
     invalid: boolean;
     label: string;
+    indeterminate: boolean;
     inline: boolean;
     valid: 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/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;
     };
     /**
@@ -40,7 +39,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     columnFilter: {
         type: PropType<boolean | ColumnFilter>;
-        default: undefined;
         required: false;
     };
     /**
@@ -117,7 +115,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     itemsPerPage: {
         type: NumberConstructor;
-        default: number;
         required: false;
     };
     /**
@@ -189,7 +186,8 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     selectable: BooleanConstructor;
     /**
-     * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes.
+     * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes. eg.:
+     * { column: 'status', state: 'asc' }
      *
      * @type SorterValue
      */
@@ -229,7 +227,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     tableFilter: {
         type: PropType<boolean | TableFilter>;
-        default: undefined;
         required: false;
     };
     /**
@@ -322,7 +319,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     clickableRows: boolean;
     columns: string[] | Column[];
     selectable: boolean;
-    itemsPerPage: number;
     itemsPerPageLabel: string;
     itemsPerPageOptions: number[];
     noItemsLabel: string;
@@ -330,8 +326,9 @@ declare const CSmartTable: import("vue").DefineComponent<{
     tableFilterPlaceholder: string;
 } & {
     columnFilter?: boolean | ColumnFilter | undefined;
-    columnSorter?: boolean | Sorter | undefined;
     columnFilterValue?: ColumnFilterValue | undefined;
+    columnSorter?: boolean | Sorter | undefined;
+    itemsPerPage?: number | undefined;
     itemsPerPageSelect?: boolean | ItemsPerPageSelect | undefined;
     paginationProps?: Record<string, any> | undefined;
     sorterValue?: SorterValue | undefined;
@@ -361,19 +358,16 @@ declare const CSmartTable: import("vue").DefineComponent<{
     clickableRows: boolean;
     columns: string[] | Column[];
     selectable: boolean;
-    columnFilter: boolean | ColumnFilter;
+    columnFilterValue: ColumnFilterValue;
     columnSorter: boolean | Sorter;
-    itemsPerPage: number;
     itemsPerPageLabel: string;
     itemsPerPageOptions: number[];
-    columnFilterValue: ColumnFilterValue;
     itemsPerPageSelect: boolean | ItemsPerPageSelect;
     noItemsLabel: string;
     paginationProps: Record<string, any>;
     sorterValue: SorterValue;
     tableBodyProps: Record<string, any>;
     tableFootProps: Record<string, any>;
-    tableFilter: boolean | TableFilter;
     tableFilterLabel: string;
     tableFilterPlaceholder: string;
     tableFilterValue: string;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Column, ColumnFilter, Sorter, SorterValue } from './CSmartTableInterface';
+import { Column, ColumnFilter, ColumnFilterValue, Sorter, SorterValue } from './CSmartTableInterface';
 declare const CSmartTableHead: import("vue").DefineComponent<{
     clearSorterAndFilter: {
         type: StringConstructor;
@@ -8,9 +8,12 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
     };
     columnFilter: {
         type: PropType<boolean | ColumnFilter>;
-        default: undefined;
         require: boolean;
     };
+    columnFilterValue: {
+        type: PropType<ColumnFilterValue>;
+        required: false;
+    };
     columnSorter: {
         type: PropType<boolean | Sorter>;
         default: undefined;
@@ -38,6 +41,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterInput" | "filterChange" | "selectAllChecked" | "sortClick")[], "filterInput" | "filterChange" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     clearSorterAndFilter?: unknown;
     columnFilter?: unknown;
+    columnFilterValue?: unknown;
     columnSorter?: unknown;
     component?: unknown;
     columns?: unknown;
@@ -52,6 +56,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
 } & {
     selectAll?: string | boolean | undefined;
     columnFilter?: boolean | ColumnFilter | undefined;
+    columnFilterValue?: ColumnFilterValue | undefined;
     columnSorter?: boolean | Sorter | undefined;
     sorterState?: SorterValue | undefined;
 }> & {
@@ -64,7 +69,6 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
     columns: string[] | Column[];
     selectable: boolean;
     clearSorterAndFilter: string;
-    columnFilter: boolean | ColumnFilter;
     columnSorter: boolean | Sorter;
     sorterState: SorterValue;
 }>;

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 };

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

@@ -52,12 +52,12 @@ declare const CWidgetStatsF: import("vue").DefineComponent<{
     padding: boolean;
 } & {
     color?: string | undefined;
-    text?: string | undefined;
     title?: string | undefined;
+    text?: string | undefined;
 }>, {
     value: string | number;
-    text: string;
     title: string;
+    text: string;
     padding: boolean;
 }>;
 export { CWidgetStatsF };

package/dist/directives/index.d.ts

@@ -1,3 +1,4 @@
-import vctooltip from './v-c-tooltip';
+import vcplaceholder from './v-c-placeholder';
 import vcpopover from './v-c-popover';
-export { vctooltip, vcpopover };
+import vctooltip from './v-c-tooltip';
+export { vcplaceholder, vcpopover, vctooltip, };

package/dist/directives/v-c-placeholder.d.ts

@@ -0,0 +1,6 @@
+import { DirectiveBinding } from 'vue';
+declare const _default: {
+    name: string;
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+};
+export default _default;

package/dist/directives/v-c-visible.d.ts

@@ -0,0 +1,6 @@
+import { ObjectDirective } from '@vue/runtime-core';
+interface VShowElement extends HTMLElement {
+    _vod: string;
+}
+export declare const vVisible: ObjectDirective<VShowElement>;
+export {};