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

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

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import type { Triggers } from '../../types';
 declare const CDropdownToggle: 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.
      *
@@ -36,6 +32,15 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
      * 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'
      */
@@ -79,10 +84,6 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
 }> | 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<{
-    /**
-     * Toggle the active state for the component.
-     */
-    active: BooleanConstructor;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -114,6 +115,15 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
      * 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'
      */
@@ -156,9 +166,9 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
     split: boolean;
     disabled: boolean;
     component: string;
-    active: boolean;
     trigger: Triggers;
     caret: boolean;
     custom: boolean;
+    navLink: boolean;
 }, {}>;
 export { CDropdownToggle };

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

@@ -0,0 +1,15 @@
+export type Directions = 'start' | 'end';
+export type Breakpoints = {
+    xs: Directions;
+} | {
+    sm: Directions;
+} | {
+    md: Directions;
+} | {
+    lg: Directions;
+} | {
+    xl: Directions;
+} | {
+    xxl: Directions;
+};
+export type Alignments = Directions | Breakpoints;

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

@@ -0,0 +1,6 @@
+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/form/CFormInput.d.ts

@@ -47,12 +47,8 @@ export declare const File: {
     };
     fromEntries<T_13 = any>(entries: Iterable<readonly [PropertyKey, T_13]>): {
         [k: string]: T_13;
-    }; /**
-     * Set component validation state to invalid.
-     */
-    fromEntries(entries: Iterable<readonly any[]>): any; /**
-     * Set component validation state to invalid.
-     */
+    };
+    fromEntries(entries: Iterable<readonly any[]>): any;
 } | {
     new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
     prototype: File;
@@ -152,12 +148,8 @@ declare const CFormInput: import("vue").DefineComponent<{
         };
         fromEntries<T_13 = any>(entries: Iterable<readonly [PropertyKey, T_13]>): {
             [k: string]: T_13;
-        }; /**
-         * Set component validation state to invalid.
-         */
-        fromEntries(entries: Iterable<readonly any[]>): any; /**
-         * Set component validation state to invalid.
-         */
+        };
+        fromEntries(entries: Iterable<readonly any[]>): any;
     } | {
         new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
         prototype: File;
@@ -301,12 +293,8 @@ declare const CFormInput: import("vue").DefineComponent<{
         };
         fromEntries<T_13 = any>(entries: Iterable<readonly [PropertyKey, T_13]>): {
             [k: string]: T_13;
-        }; /**
-         * Set component validation state to invalid.
-         */
-        fromEntries(entries: Iterable<readonly any[]>): any; /**
-         * Set component validation state to invalid.
-         */
+        };
+        fromEntries(entries: Iterable<readonly any[]>): any;
     } | {
         new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
         prototype: File;

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

@@ -23,6 +23,15 @@ declare const CModal: import("vue").DefineComponent<{
      * 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
      *
@@ -96,6 +105,15 @@ declare const CModal: import("vue").DefineComponent<{
      * 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
      *
@@ -149,6 +167,7 @@ declare const CModal: import("vue").DefineComponent<{
     "onClose-prevented"?: ((...args: any[]) => any) | undefined;
 }, {
     transition: boolean;
+    focus: boolean;
     visible: boolean;
     alignment: string;
     backdrop: string | boolean;

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

@@ -446,6 +446,7 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     visible: boolean;
     search: string | boolean;
     disabled: boolean;
+    selectionType: string;
     required: boolean;
     valid: boolean;
     tooltipFeedback: boolean;
@@ -459,7 +460,6 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     optionsStyle: string;
     searchNoResultsLabel: string;
     virtualScroller: boolean;
-    selectionType: string;
     selectionTypeCounterText: string;
     allowCreateOptions: boolean;
     clearSearchOnSelect: boolean;

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

@@ -45,9 +45,9 @@ declare const CMultiSelectSelection: import("vue").DefineComponent<{
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
+    selectionType: string;
     selected: Option[];
     multiple: boolean;
-    selectionType: string;
     selectionTypeCounterText: string;
 }, {}>;
 export { CMultiSelectSelection };

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

@@ -2,7 +2,7 @@ export type Option = {
     custom?: boolean;
     disabled?: boolean;
     selected?: boolean;
-    text: string;
+    label: string;
     value: number | string;
     [key: string]: number | string | any;
 };
@@ -13,7 +13,7 @@ export type OptionsGroup = {
 };
 export type SelectedOption = {
     disabled?: boolean;
-    text: string;
+    label: string;
     value: number | string;
     [key: string]: number | string | any;
 };

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

@@ -1,7 +1,7 @@
 import type { Option, OptionsGroup, SelectedOption } from './types';
-export declare const createOption: (text: string, options: (Option | OptionsGroup)[]) => {
+export declare const createOption: (label: string, options: (Option | OptionsGroup)[]) => {
     value: string;
-    text: string;
+    label: string;
     custom: boolean;
 }[];
 export declare const filterOptionsList: (search: string, _options: (Option | OptionsGroup)[]) => any[];

package/dist/components/offcanvas/COffcanvas.d.ts

@@ -10,6 +10,10 @@ declare const COffcanvas: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean | string) => boolean;
     };
+    /**
+     * Sets a darker color scheme.
+     */
+    dark: BooleanConstructor;
     /**
      * Closes the offcanvas when escape key is pressed.
      */
@@ -65,6 +69,10 @@ declare const COffcanvas: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean | string) => boolean;
     };
+    /**
+     * Sets a darker color scheme.
+     */
+    dark: BooleanConstructor;
     /**
      * Closes the offcanvas when escape key is pressed.
      */
@@ -113,6 +121,7 @@ declare const COffcanvas: import("vue").DefineComponent<{
 }, {
     scroll: boolean;
     visible: boolean;
+    dark: boolean;
     backdrop: string | boolean;
     keyboard: boolean;
     responsive: string | boolean;

package/dist/components/progress/CProgress.d.ts

@@ -1,6 +1,105 @@
-declare const CProgress: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const CProgress: import("vue").DefineComponent<{
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: BooleanConstructor;
+    /**
+     * 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;
+    };
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+     */
+    height: NumberConstructor;
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 5.0.0-alpha.1
+     */
+    progressBarClassName: StringConstructor;
+    /**
+     * Makes progress bar thinner.
+     */
+    thin: BooleanConstructor;
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Change the default color to white.
+     */
+    white: BooleanConstructor;
+}, () => 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<any>, {} | {
-    [x: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: BooleanConstructor;
+    /**
+     * 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;
+    };
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+     */
+    height: NumberConstructor;
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 5.0.0-alpha.1
+     */
+    progressBarClassName: StringConstructor;
+    /**
+     * Makes progress bar thinner.
+     */
+    thin: BooleanConstructor;
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Change the default color to white.
+     */
+    white: BooleanConstructor;
+}>>, {
+    value: number;
+    white: boolean;
+    animated: boolean;
+    thin: boolean;
 }, {}>;
 export { CProgress };

package/dist/components/progress/CProgressStacked.d.ts

@@ -0,0 +1,10 @@
+declare const CProgressStacked: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, () => 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 string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    [x: number]: string;
+} | {}, {}>;
+export { CProgressStacked };

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

@@ -1,7 +1,8 @@
 import { App } from 'vue';
 import { CProgress } from './CProgress';
 import { CProgressBar } from './CProgressBar';
+import { CProgressStacked } from './CProgressStacked';
 declare const CProgressPlugin: {
     install: (app: App) => void;
 };
-export { CProgressPlugin, CProgress, CProgressBar };
+export { CProgressPlugin, CProgress, CProgressBar, CProgressStacked };

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

@@ -119,8 +119,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     };
     /**
      * Adds select element over table, which is used for control items per page in pagination. If you want to customize this element, pass object with optional values:
-     * - label (String) - replaces default label text
-     * - values (Array) - custom array of pagination values
      * - external (Boolean) - disables automatic 'itemsPerPage' change (use to change pages externaly by 'pagination-change' event).
      */
     itemsPerPageSelect: {
@@ -347,8 +345,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     };
     /**
      * Adds select element over table, which is used for control items per page in pagination. If you want to customize this element, pass object with optional values:
-     * - label (String) - replaces default label text
-     * - values (Array) - custom array of pagination values
      * - external (Boolean) - disables automatic 'itemsPerPage' change (use to change pages externaly by 'pagination-change' event).
      */
     itemsPerPageSelect: {

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { Item } from './types';
+import type { Column, Item } from './types';
 declare const CSmartTableBody: import("vue").DefineComponent<{
     clickableRows: BooleanConstructor;
     columnNames: {
@@ -7,6 +7,11 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
         default: () => never[];
         require: boolean;
     };
+    columns: {
+        type: PropType<(string | Column)[]>;
+        default: () => never[];
+        require: boolean;
+    };
     currentItems: {
         type: PropType<Item[]>;
         default: () => never[];
@@ -29,6 +34,11 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
         default: () => never[];
         require: boolean;
     };
+    columns: {
+        type: PropType<(string | Column)[]>;
+        default: () => never[];
+        require: boolean;
+    };
     currentItems: {
         type: PropType<Item[]>;
         default: () => never[];
@@ -46,6 +56,7 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
     onRowChecked?: ((...args: any[]) => any) | undefined;
     onRowClick?: ((...args: any[]) => any) | undefined;
 }, {
+    columns: (string | Column)[];
     clickableRows: boolean;
     columnNames: string[];
     currentItems: Item[];

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

@@ -8,6 +8,8 @@ export type Column = {
     sorter?: boolean;
     _style?: any;
     _props?: any;
+    _colStyle?: any;
+    _colProps?: any;
 };
 export type ColumnFilter = {
     lazy?: boolean;
@@ -38,8 +40,6 @@ export type Item = {
 };
 export type ItemsPerPageSelect = {
     external?: boolean;
-    label?: string;
-    values?: Array<number>;
 };
 export type Pagination = {
     external?: boolean;

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

@@ -1,9 +1,10 @@
 import type { Column, ColumnFilter, ColumnFilterValue, Group, Item, Sorter, SorterValue, TableFilter } from './types';
 export declare const filterColumns: (items: Item[], columnFilter: boolean | ColumnFilter | undefined, columnFilterState: ColumnFilterValue, itemsDataColumns: string[]) => Item[];
 export declare const filterTable: (items: Item[], tableFilter: boolean | TableFilter | undefined, tableFilterState: string, itemsDataColumns: string[]) => Item[];
-export declare const getClickedColumnName: (target: HTMLTextAreaElement, columnNames: string[]) => string;
+export declare const getClickedColumnName: (target: HTMLTextAreaElement, columnNames: string[], selectable: boolean | undefined) => string;
 export declare const getColumnKey: (column: Column | string) => string;
 export declare const getColumnLabel: (column: Column | string) => string;
+export declare const getColumnName: (column: string | Column) => string;
 export declare const getColumnNames: (columns: (string | Column)[] | undefined, items: Item[]) => string[];
 export declare const getColumns: (_columns: (Column | Group | string)[]) => (Column | string)[];
 export declare const countColumns: (columns: Column[], counter?: number) => number;
@@ -19,7 +20,8 @@ export declare const getColumnGroups: (columns: (string | Column)[] | undefined)
 export declare const getColumnNamesFromItems: (items: Item[]) => string[];
 export declare const getColumnSorterState: (key: string, sorterState: SorterValue | undefined) => string | number;
 export declare const getColumnValues: (items: Item[], key: string) => any[];
-export declare const getTableDataCellProps: (item: Item, colName: string) => any;
+export declare const getTableDataCellProps: (column: Column | string, item: Item, colName: string) => {};
+export declare const getTableDataCellStyles: (column: Column | string, item: Item, colName: string) => {};
 export declare const getTableHeaderCellProps: (column: Column | string) => any;
 export declare const getTableHeaderCellStyles: (column: Column | string, columnSorter: boolean | Sorter | undefined) => any;
 export declare const isSortable: (i: number, columns: (string | Column)[] | undefined, columnSorter: Sorter | boolean | undefined, itemsDataColumns: string[], columnNames: string[]) => boolean | undefined;

package/dist/composables/index.d.ts

@@ -1,2 +1,4 @@
+import { useColorModes } from './useColorModes';
+import { useDebouncedCallback } from './useDebouncedCallback';
 import { usePopper } from './usePopper';
-export { usePopper };
+export { useColorModes, useDebouncedCallback, usePopper };

package/dist/composables/useDebouncedCallback.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedCallback: <F extends Function>(callback: F, delay: number) => void;