@coreui/vue-pro 4.0.4 → 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.4.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/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/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 {};