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

package/dist/components/dropdown/CDropdown.d.ts

@@ -1,216 +0,0 @@
-import { PropType } from 'vue';
-import type { Placement } from '@popperjs/core';
-import type { Triggers } from '../../types';
-declare const CDropdown: import("vue").DefineComponent<{
-    /**
-     * Set aligment of dropdown menu.
-     *
-     * @values { 'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'} }
-     */
-    alignment: {
-        type: PropType<string | {
-            xs: import("./types").Directions;
-        } | {
-            sm: import("./types").Directions;
-        } | {
-            md: import("./types").Directions;
-        } | {
-            lg: import("./types").Directions;
-        } | {
-            xl: import("./types").Directions;
-        } | {
-            xxl: import("./types").Directions;
-        }>;
-        validator: (value: string | any) => boolean;
-    };
-    /**
-     * Configure the auto close behavior of the dropdown:
-     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
-     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
-     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
-     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
-     */
-    autoClose: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-        validator: (value: boolean | string) => boolean;
-    };
-    /**
-     * Sets a darker color scheme to match a dark navbar.
-     */
-    dark: BooleanConstructor;
-    /**
-     * Sets a specified  direction and location of the dropdown menu.
-     *
-     * @values 'center', 'dropup', 'dropup-center', 'dropend', 'dropstart'
-     */
-    direction: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled: BooleanConstructor;
-    /**
-     * Offset of the dropdown menu relative to its target.
-     *
-     * @since 4.9.0
-     */
-    offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-    };
-    /**
-     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
-     *
-     * @values 'auto', 'top-end', 'top', 'top-start', 'bottom-end', 'bottom', 'bottom-start', 'right-start', 'right', 'right-end', 'left-start', 'left', 'left-end'
-     */
-    placement: {
-        type: PropType<Placement>;
-        default: string;
-    };
-    /**
-     * If you want to disable dynamic positioning set this property to `true`.
-     */
-    popper: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
-     */
-    trigger: {
-        type: PropType<Triggers>;
-        default: string;
-    };
-    /**
-     * Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.
-     *
-     * @values 'btn-group', 'dropdown', 'input-group', 'nav-item'
-     */
-    variant: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Toggle the visibility of dropdown menu component.
-     */
-    visible: BooleanConstructor;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Set aligment of dropdown menu.
-     *
-     * @values { 'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'} }
-     */
-    alignment: {
-        type: PropType<string | {
-            xs: import("./types").Directions;
-        } | {
-            sm: import("./types").Directions;
-        } | {
-            md: import("./types").Directions;
-        } | {
-            lg: import("./types").Directions;
-        } | {
-            xl: import("./types").Directions;
-        } | {
-            xxl: import("./types").Directions;
-        }>;
-        validator: (value: string | any) => boolean;
-    };
-    /**
-     * Configure the auto close behavior of the dropdown:
-     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
-     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
-     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
-     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
-     */
-    autoClose: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-        validator: (value: boolean | string) => boolean;
-    };
-    /**
-     * Sets a darker color scheme to match a dark navbar.
-     */
-    dark: BooleanConstructor;
-    /**
-     * Sets a specified  direction and location of the dropdown menu.
-     *
-     * @values 'center', 'dropup', 'dropup-center', 'dropend', 'dropstart'
-     */
-    direction: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled: BooleanConstructor;
-    /**
-     * Offset of the dropdown menu relative to its target.
-     *
-     * @since 4.9.0
-     */
-    offset: {
-        type: ArrayConstructor;
-        default: () => number[];
-    };
-    /**
-     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
-     *
-     * @values 'auto', 'top-end', 'top', 'top-start', 'bottom-end', 'bottom', 'bottom-start', 'right-start', 'right', 'right-end', 'left-start', 'left', 'left-end'
-     */
-    placement: {
-        type: PropType<Placement>;
-        default: string;
-    };
-    /**
-     * If you want to disable dynamic positioning set this property to `true`.
-     */
-    popper: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
-     */
-    trigger: {
-        type: PropType<Triggers>;
-        default: string;
-    };
-    /**
-     * Set the dropdown variant to an btn-group, dropdown, input-group, and nav-item.
-     *
-     * @values 'btn-group', 'dropdown', 'input-group', 'nav-item'
-     */
-    variant: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Toggle the visibility of dropdown menu component.
-     */
-    visible: BooleanConstructor;
-}>> & {
-    onHide?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-}, {
-    visible: boolean;
-    dark: boolean;
-    disabled: boolean;
-    variant: string;
-    placement: Placement;
-    offset: unknown[];
-    autoClose: string | boolean;
-    popper: boolean;
-    trigger: Triggers;
-}, {}>;
-export { CDropdown };

package/dist/components/dropdown/CDropdownToggle.d.ts

@@ -1,174 +0,0 @@
-import { PropType } from 'vue';
-import type { Triggers } from '../../types';
-declare const CDropdownToggle: import("vue").DefineComponent<{
-    /**
-     * 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;
-    };
-    /**
-     * Enables pseudo element caret on toggler.
-     */
-    caret: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Create a custom toggler which accepts any content.
-     */
-    custom: BooleanConstructor;
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled: BooleanConstructor;
-    /**
-     * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
-     *
-     * @since v5.0.0-alpha.1
-     */
-    navLink: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
-     */
-    shape: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Size the component small or large.
-     *
-     * @values 'sm', 'lg'
-     */
-    size: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
-     */
-    split: BooleanConstructor;
-    /**
-     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
-     *
-     * @type 'hover' | 'focus' | 'click'
-     */
-    trigger: {
-        type: PropType<Triggers>;
-        default: string;
-    };
-    /**
-     * Set the button variant to an outlined button or a ghost button.
-     *
-     * @values 'ghost', 'outline'
-     */
-    variant: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * 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;
-    };
-    /**
-     * Enables pseudo element caret on toggler.
-     */
-    caret: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Create a custom toggler which accepts any content.
-     */
-    custom: BooleanConstructor;
-    /**
-     * Toggle the disabled state for the component.
-     */
-    disabled: BooleanConstructor;
-    /**
-     * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
-     *
-     * @since v5.0.0-alpha.1
-     */
-    navLink: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
-     */
-    shape: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Size the component small or large.
-     *
-     * @values 'sm', 'lg'
-     */
-    size: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
-     */
-    split: BooleanConstructor;
-    /**
-     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
-     *
-     * @type 'hover' | 'focus' | 'click'
-     */
-    trigger: {
-        type: PropType<Triggers>;
-        default: string;
-    };
-    /**
-     * Set the button variant to an outlined button or a ghost button.
-     *
-     * @values 'ghost', 'outline'
-     */
-    variant: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-}>>, {
-    split: boolean;
-    disabled: boolean;
-    component: string;
-    trigger: Triggers;
-    caret: boolean;
-    custom: boolean;
-    navLink: boolean;
-}, {}>;
-export { CDropdownToggle };

package/dist/components/dropdown/utils.d.ts

@@ -1,6 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import type { Placements } from '../../types';
-import type { Alignments } from './types';
-export declare const getAlignmentClassNames: (alignment: object | string) => string[];
-export declare const getNextActiveElement: (list: HTMLElement[], activeElement: HTMLElement, shouldGetNext: boolean, isCycleAllowed: boolean) => HTMLElement;
-export declare const getPlacement: (placement: Placement, direction: string | undefined, alignment: Alignments | string | undefined, isRTL: boolean) => Placements;

package/dist/components/index.d.ts

@@ -1,47 +0,0 @@
-export * from './accordion';
-export * from './alert';
-export * from './avatar';
-export * from './backdrop';
-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';
-export * from './form';
-export * from './grid';
-export * from './header';
-export * from './image';
-export * from './link';
-export * from './list-group';
-export * from './loading-button';
-export * from './modal';
-export * from './multi-select';
-export * from './nav';
-export * from './navbar';
-export * from './offcanvas';
-export * from './pagination';
-export * from './picker';
-export * from './placeholder';
-export * from './progress';
-export * from './popover';
-export * from './sidebar';
-export * from './smart-pagination';
-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 './virtual-scroller';
-export * from './widgets';

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

@@ -1,178 +0,0 @@
-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-alpha.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-alpha.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 };

package/dist/components/nav/CNav.d.ts

@@ -1,58 +0,0 @@
-declare const CNav: 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;
-    };
-    /**
-     * Specify a layout type for component.
-     *
-     * @values 'fill', 'justified'
-     */
-    layout: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Set the nav variant to tabs or pills.
-     *
-     * @values 'tabs', 'pills', 'underline'
-     */
-    variant: {
-        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;
-    };
-    /**
-     * Specify a layout type for component.
-     *
-     * @values 'fill', 'justified'
-     */
-    layout: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Set the nav variant to tabs or pills.
-     *
-     * @values 'tabs', 'pills', 'underline'
-     */
-    variant: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-}>>, {
-    component: string;
-}, {}>;
-export { CNav };