@coreui/vue-pro 5.0.0-alpha.1 → 5.0.0-beta.1

package/dist/esm/components/link/index.js

@@ -0,0 +1,10 @@
+import { CLink } from './CLink.js';
+
+const CCLinkPlugin = {
+    install: (app) => {
+        app.component(CLink.name, CLink);
+    },
+};
+
+export { CCLinkPlugin, CLink };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/link/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;KACjC;;;;;"}

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

@@ -0,0 +1,49 @@
+declare const CListGroup: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`)
+     */
+    flush: BooleanConstructor;
+    /**
+     * Specify a layout type.
+     *
+     * @values 'horizontal', 'horizontal-sm', 'horizontal-md', 'horizontal-lg', 'horizontal-xl', 'horizontal-xxl',
+     */
+    layout: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`)
+     */
+    flush: BooleanConstructor;
+    /**
+     * Specify a layout type.
+     *
+     * @values 'horizontal', 'horizontal-sm', 'horizontal-md', 'horizontal-lg', 'horizontal-xl', 'horizontal-xxl',
+     */
+    layout: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    flush: boolean;
+    component: string;
+}, {}>;
+export { CListGroup };

package/dist/esm/components/list-group/CListGroup.js

@@ -0,0 +1,50 @@
+import { defineComponent, h } from 'vue';
+
+const CListGroup = defineComponent({
+    name: 'CListGroup',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'ul',
+        },
+        /**
+         * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`)
+         */
+        flush: Boolean,
+        /**
+         * Specify a layout type.
+         *
+         * @values 'horizontal', 'horizontal-sm', 'horizontal-md', 'horizontal-lg', 'horizontal-xl', 'horizontal-xxl',
+         */
+        layout: {
+            type: String,
+            validator: (value) => {
+                return [
+                    'horizontal',
+                    'horizontal-sm',
+                    'horizontal-md',
+                    'horizontal-lg',
+                    'horizontal-xl',
+                    'horizontal-xxl',
+                ].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, {
+            class: [
+                'list-group',
+                {
+                    'list-group-flush': props.flush,
+                    [`list-group-${props.layout}`]: props.layout,
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+export { CListGroup };
+//# sourceMappingURL=CListGroup.js.map

package/dist/esm/components/list-group/CListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,UAAU,GAAG,eAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;AAEG;AACH,QAAA,KAAK,EAAE,OAAO;AACd;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,YAAY;oBACZ,eAAe;oBACf,eAAe;oBACf,eAAe;oBACf,eAAe;oBACf,gBAAgB;AACjB,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAClB;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;gBACL,YAAY;AACZ,gBAAA;oBACE,kBAAkB,EAAE,KAAK,CAAC,KAAK;oBAC/B,CAAC,CAAA,WAAA,EAAc,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;AAC7C,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,58 @@
+declare const CListGroupItem: import("vue").DefineComponent<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    disabled: boolean;
+    component: string;
+    active: boolean;
+}, {}>;
+export { CListGroupItem };

package/dist/esm/components/list-group/CListGroupItem.js

@@ -0,0 +1,51 @@
+import { defineComponent, h } from 'vue';
+import { Color } from '../../props.js';
+
+const CListGroupItem = defineComponent({
+    name: 'CListGroupItem',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+         */
+        color: Color,
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'li',
+        },
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, {
+            class: [
+                'list-group-item',
+                {
+                    [`list-group-item-${props.color}`]: props.color,
+                    'list-group-item-action': props.component === 'a' || props.component === 'button',
+                    [`active`]: props.active,
+                    [`disabled`]: props.disabled,
+                },
+            ],
+            ...((props.component === 'a' || props.component === 'button') && {
+                active: props.active,
+                disabled: props.disabled,
+            }),
+            ...(props.active && { 'aria-current': true }),
+            ...(props.disabled && { 'aria-disabled': true }),
+        }, slots.default && slots.default());
+    },
+});
+
+export { CListGroupItem };
+//# sourceMappingURL=CListGroupItem.js.map

package/dist/esm/components/list-group/CListGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CListGroupItem.js","sources":["../../../../src/components/list-group/CListGroupItem.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,cAAc,GAAG,eAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;;;AAIG;AACH,QAAA,KAAK,EAAE,KAAK;AACZ;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;gBACL,iBAAiB;AACjB,gBAAA;oBACE,CAAC,CAAA,gBAAA,EAAmB,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAC/C,wBAAwB,EAAE,KAAK,CAAC,SAAS,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ;AACjF,oBAAA,CAAC,CAAQ,MAAA,CAAA,GAAG,KAAK,CAAC,MAAM;AACxB,oBAAA,CAAC,CAAU,QAAA,CAAA,GAAG,KAAK,CAAC,QAAQ;AAC7B,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ,KAAK;gBAC/D,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB;YACD,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE;YAC5C,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE;SAChD,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/list-group/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { CListGroup } from './CListGroup';
+import { CListGroupItem } from './CListGroupItem';
+declare const CListGroupPlugin: {
+    install: (app: App) => void;
+};
+export { CListGroupPlugin, CListGroup, CListGroupItem };

package/dist/esm/components/list-group/index.js

@@ -0,0 +1,12 @@
+import { CListGroup } from './CListGroup.js';
+import { CListGroupItem } from './CListGroupItem.js';
+
+const CListGroupPlugin = {
+    install: (app) => {
+        app.component(CListGroup.name, CListGroup);
+        app.component(CListGroupItem.name, CListGroupItem);
+    },
+};
+
+export { CListGroup, CListGroupItem, CListGroupPlugin };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/list-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/list-group/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,GAAG;AACvB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;KACnD;;;;;"}

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

@@ -0,0 +1,8 @@
+declare const CLoadingButton: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {} | {
+    [x: string]: any;
+}, {}>;
+export { CLoadingButton };

package/dist/esm/components/loading-button/CLoadingButton.js

@@ -0,0 +1,79 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { CButton } from '../button/CButton.js';
+import { CSpinner } from '../spinner/CSpinner.js';
+
+const CLoadingButton = defineComponent({
+    name: 'CLoadingButton',
+    props: {
+        /**
+         * Makes button disabled when loading.
+         */
+        disabledOnLoading: Boolean,
+        /**
+         * Loading state (set to true to start animation).
+         */
+        loading: {
+            type: Boolean,
+            default: false,
+            required: false,
+        },
+        /**
+         * Sets type of spinner.
+         *
+         * @values 'border', 'grow'
+         * @default 'border'
+         */
+        spinnerType: {
+            type: String,
+            default: 'border',
+            required: false,
+            validator: (value) => {
+                return ['border', 'grow'].includes(value);
+            },
+        },
+        /**
+         * Automatically starts loading animation and stops after a determined amount of milliseconds.
+         */
+        timeout: {
+            type: Number,
+            default: undefined,
+            required: false,
+        },
+        ...CButton.props,
+    },
+    emits: [
+        /**
+         * Event called when the user clicks on a component.
+         */
+        'click',
+    ],
+    setup(props, { emit, slots }) {
+        const loading = ref(props.loading);
+        watch(() => props.loading, () => {
+            loading.value = props.loading;
+        });
+        const handleOnClick = () => {
+            emit('click');
+            if (props.timeout) {
+                loading.value = true;
+                setTimeout(() => {
+                    loading.value = false;
+                }, props.timeout);
+            }
+        };
+        return () => h(CButton, {
+            ...props,
+            class: ['btn-loading', { ['is-loading']: loading.value }],
+            ...(props.disabledOnLoading && loading.value && { disabled: true }),
+            onClick: () => handleOnClick(),
+        }, {
+            default: () => [
+                h(CSpinner, { class: 'btn-loading-spinner', size: 'sm', variant: props.spinnerType }),
+                slots.default && slots.default(),
+            ],
+        });
+    },
+});
+
+export { CLoadingButton };
+//# sourceMappingURL=CLoadingButton.js.map

package/dist/esm/components/loading-button/CLoadingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CLoadingButton.js","sources":["../../../../src/components/loading-button/CLoadingButton.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIM,MAAA,cAAc,GAAG,eAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,iBAAiB,EAAE,OAAO;AAC1B;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,QAAQ,EAAE,KAAK;AAChB,SAAA;AACD;;;;;AAKG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC1C;AACF,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,KAAK;AAChB,SAAA;QACD,GAAG,OAAO,CAAC,KAAK;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA;QAC1B,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAElC,KAAK,CACH,MAAM,KAAK,CAAC,OAAO,EACnB,MAAK;AACH,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAA;AAC/B,SAAC,CACF,CAAA;QAED,MAAM,aAAa,GAAG,MAAK;YACzB,IAAI,CAAC,OAAO,CAAC,CAAA;YACb,IAAI,KAAK,CAAC,OAAO,EAAE;AACjB,gBAAA,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;gBACpB,UAAU,CAAC,MAAK;AACd,oBAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;AACvB,iBAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;AAClB,aAAA;AACH,SAAC,CAAA;AAED,QAAA,OAAO,MACL,CAAC,CACC,OAAO,EACP;AACE,YAAA,GAAG,KAAK;AACR,YAAA,KAAK,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,YAAY,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;AACzD,YAAA,IAAI,KAAK,CAAC,iBAAiB,IAAI,OAAO,CAAC,KAAK,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;AAClE,YAAA,OAAO,EAAE,MAAM,aAAa,EAAE;SAC/B,EACD;YACE,OAAO,EAAE,MAAM;AACb,gBAAA,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;AACrF,gBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AACjC,aAAA;AACF,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/loading-button/index.d.ts

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

package/dist/esm/components/loading-button/index.js

@@ -0,0 +1,10 @@
+import { CLoadingButton } from './CLoadingButton.js';
+
+const CLoadingButtonPlugin = {
+    install: (app) => {
+        app.component(CLoadingButton.name, CLoadingButton);
+    },
+};
+
+export { CLoadingButton, CLoadingButtonPlugin };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/loading-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/loading-button/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,oBAAoB,GAAG;AAC3B,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;KACnD;;;;;"}

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

@@ -0,0 +1,178 @@
+import { RendererElement } from 'vue';
+declare const CModal: import("vue").DefineComponent<{
+    /**
+     * Align the modal in the center or top of the screen.
+     *
+     * @values 'top', 'center'
+     */
+    alignment: {
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Apply a backdrop on body while offcanvas is open.
+     *
+     * @values boolean | 'static'
+     */
+    backdrop: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * A string of all className you want applied to the modal content component.
+     */
+    contentClassName: StringConstructor;
+    /**
+     * Puts the focus on the modal when shown.
+     *
+     * @since v5.0.0-beta.1
+     */
+    focus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Set modal to covers the entire user viewport
+     *
+     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+     */
+    fullscreen: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Closes the modal when escape key is pressed.
+     */
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Create a scrollable modal that allows scrolling the modal body.
+     */
+    scrollable: BooleanConstructor;
+    /**
+     * Size the component small, large, or extra large.
+     *
+     * @values 'sm', 'lg', 'xl'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Remove animation to create modal that simply appear rather than fade in to view.
+     */
+    transition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
+     */
+    unmountOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Toggle the visibility of alert component.
+     */
+    visible: BooleanConstructor;
+}, () => (false | "" | import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}>)[], 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.
+     *
+     * @values 'top', 'center'
+     */
+    alignment: {
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Apply a backdrop on body while offcanvas is open.
+     *
+     * @values boolean | 'static'
+     */
+    backdrop: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * A string of all className you want applied to the modal content component.
+     */
+    contentClassName: StringConstructor;
+    /**
+     * Puts the focus on the modal when shown.
+     *
+     * @since v5.0.0-beta.1
+     */
+    focus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Set modal to covers the entire user viewport
+     *
+     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+     */
+    fullscreen: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Closes the modal when escape key is pressed.
+     */
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Create a scrollable modal that allows scrolling the modal body.
+     */
+    scrollable: BooleanConstructor;
+    /**
+     * Size the component small, large, or extra large.
+     *
+     * @values 'sm', 'lg', 'xl'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Remove animation to create modal that simply appear rather than fade in to view.
+     */
+    transition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
+     */
+    unmountOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Toggle the visibility of alert component.
+     */
+    visible: BooleanConstructor;
+}>> & {
+    onShow?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onClose-prevented"?: ((...args: any[]) => any) | undefined;
+}, {
+    transition: boolean;
+    focus: boolean;
+    visible: boolean;
+    alignment: string;
+    backdrop: string | boolean;
+    keyboard: boolean;
+    scrollable: boolean;
+    unmountOnClose: boolean;
+}, {}>;
+export { CModal };