@coreui/vue-pro 4.4.2 → 4.6.0

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

@@ -0,0 +1,305 @@
+import { PropType } from 'vue';
+export interface Option {
+    disabled?: boolean;
+    label?: string;
+    options?: Option[];
+    order?: number;
+    selected?: boolean;
+    text: string;
+    value: number | string;
+}
+declare const CMultiSelect: import("vue").DefineComponent<{
+    /**
+     * Enables selection cleaner element.
+     *
+     * @default true
+     */
+    cleaner: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * It specifies that multiple options can be selected at once.
+     *
+     * @default true
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /**
+     * List of option elements.
+     */
+    options: {
+        type: PropType<Option[]>;
+        default: () => never[];
+        required: false;
+    };
+    /**
+     * Sets maxHeight of options list.
+     *
+     * @default 'auto'
+     */
+    optionsMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+        required: false;
+    };
+    /**
+     * Sets option style.
+     *
+     * @values 'checkbox', 'text'
+     * @default 'checkbox'
+     */
+    optionsStyle: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Specifies a short hint that is visible in the search input.
+     *
+     * @default 'Select...''
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Enables search input element.
+     */
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /**
+     * Sets the label for no results when filtering.
+     */
+    searchNoResultsLabel: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Enables select all button.
+     *
+     * @default true
+     */
+    selectAll: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * Sets the select all button label.
+     *
+     * @default 'Select all options'
+     */
+    selectAllLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Sets the selection style.
+     *
+     * @values 'counter', 'tags', 'text'
+     * @default 'tags'
+     */
+    selectionType: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the counter selection label.
+     *
+     * @default 'item(s) selected'
+     */
+    selectionTypeCounterText: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Toggle the visibility of multi select dropdown.
+     *
+     * @default false
+     */
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Enables selection cleaner element.
+     *
+     * @default true
+     */
+    cleaner: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * It specifies that multiple options can be selected at once.
+     *
+     * @default true
+     */
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /**
+     * List of option elements.
+     */
+    options: {
+        type: PropType<Option[]>;
+        default: () => never[];
+        required: false;
+    };
+    /**
+     * Sets maxHeight of options list.
+     *
+     * @default 'auto'
+     */
+    optionsMaxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+        required: false;
+    };
+    /**
+     * Sets option style.
+     *
+     * @values 'checkbox', 'text'
+     * @default 'checkbox'
+     */
+    optionsStyle: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Specifies a short hint that is visible in the search input.
+     *
+     * @default 'Select...''
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Enables search input element.
+     */
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /**
+     * Sets the label for no results when filtering.
+     */
+    searchNoResultsLabel: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Enables select all button.
+     *
+     * @default true
+     */
+    selectAll: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * Sets the select all button label.
+     *
+     * @default 'Select all options'
+     */
+    selectAllLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /**
+     * Sets the selection style.
+     *
+     * @values 'counter', 'tags', 'text'
+     * @default 'tags'
+     */
+    selectionType: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets the counter selection label.
+     *
+     * @default 'item(s) selected'
+     */
+    selectionTypeCounterText: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Toggle the visibility of multi select dropdown.
+     *
+     * @default false
+     */
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    search: boolean;
+    visible: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    options: Option[];
+    cleaner: boolean;
+    placeholder: string;
+    optionsMaxHeight: string | number;
+    optionsStyle: string;
+    searchNoResultsLabel: string;
+    selectionType: string;
+    selectionTypeCounterText: string;
+    selectAll: boolean;
+    selectAllLabel: string;
+}>;
+export { CMultiSelect };

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

@@ -19,6 +19,58 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.6.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Set component validation state to invalid.
+     *
+     * @since 4.6.0
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.6.0
+     */
+    label: {
+        type: StringConstructor;
+    };
     /**
      * It specifies that multiple options can be selected at once.
      *
@@ -127,6 +179,36 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         default: string;
         required: false;
     };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.6.0
+     */
+    text: {
+        type: StringConstructor;
+    };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.6.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     *
+     * @since 4.6.0
+     */
+    valid: BooleanConstructor;
     /**
      * Toggle the visibility of multi select dropdown.
      *
@@ -150,6 +232,58 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.6.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Set component validation state to invalid.
+     *
+     * @since 4.6.0
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.6.0
+     */
+    label: {
+        type: StringConstructor;
+    };
     /**
      * It specifies that multiple options can be selected at once.
      *
@@ -258,6 +392,36 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         default: string;
         required: false;
     };
+    /**
+     * Size the component small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        type: StringConstructor;
+        required: false;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.6.0
+     */
+    text: {
+        type: StringConstructor;
+    };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.6.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     *
+     * @since 4.6.0
+     */
+    valid: BooleanConstructor;
     /**
      * Toggle the visibility of multi select dropdown.
      *
@@ -272,7 +436,11 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     search: boolean;
+    invalid: boolean;
     visible: boolean;
+    disabled: boolean;
+    valid: boolean;
+    tooltipFeedback: boolean;
     multiple: boolean;
     options: Option[];
     cleaner: boolean;

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

@@ -507,6 +507,8 @@ declare const CSmartTable: import("vue").DefineComponent<{
     loading: boolean;
     pagination: boolean;
     activePage: number;
+    tableFootProps: Record<string, any>;
+    tableHeadProps: Record<string, any>;
     clickableRows: boolean;
     selectable: boolean;
     columnFilterValue: ColumnFilterValue;
@@ -518,11 +520,9 @@ declare const CSmartTable: import("vue").DefineComponent<{
     paginationProps: Record<string, any>;
     sorterValue: SorterValue;
     tableBodyProps: Record<string, any>;
-    tableFootProps: Record<string, any>;
     tableFilterLabel: string;
     tableFilterPlaceholder: string;
     tableFilterValue: string;
-    tableHeadProps: Record<string, any>;
     tableProps: Record<string, any>;
 }>;
 export { CSmartTable };

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Column, ColumnFilter, ColumnFilterValue, Sorter, SorterValue } from './CSmartTableInterface';
+import { Column, ColumnFilter, ColumnFilterValue, Item, Sorter, SorterValue } from './CSmartTableInterface';
 declare const CSmartTableHead: import("vue").DefineComponent<{
     clearSorterAndFilter: {
         type: StringConstructor;
@@ -29,6 +29,11 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
         default: () => never[];
         required: false;
     };
+    items: {
+        type: PropType<Item[]>;
+        default: () => never[];
+        required: false;
+    };
     selectable: BooleanConstructor;
     selectAll: (StringConstructor | BooleanConstructor)[];
     sorterState: {
@@ -38,7 +43,7 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, 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<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("customFilterChange" | "filterInput" | "filterChange" | "selectAllChecked" | "sortClick")[], "customFilterChange" | "filterInput" | "filterChange" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clearSorterAndFilter: {
         type: StringConstructor;
         require: boolean;
@@ -67,6 +72,11 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
         default: () => never[];
         required: false;
     };
+    items: {
+        type: PropType<Item[]>;
+        default: () => never[];
+        required: false;
+    };
     selectable: BooleanConstructor;
     selectAll: (StringConstructor | BooleanConstructor)[];
     sorterState: {
@@ -75,16 +85,18 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
         require: boolean;
     };
 }>> & {
+    onCustomFilterChange?: ((...args: any[]) => any) | undefined;
     onFilterInput?: ((...args: any[]) => any) | undefined;
     onFilterChange?: ((...args: any[]) => any) | undefined;
     onSelectAllChecked?: ((...args: any[]) => any) | undefined;
     onSortClick?: ((...args: any[]) => any) | undefined;
 }, {
     component: string;
+    items: Item[];
+    columns: string[] | Column[];
     selectable: boolean;
     clearSorterAndFilter: string;
     columnSorter: boolean | Sorter;
-    columns: string[] | Column[];
     sorterState: SorterValue;
 }>;
 export { CSmartTableHead };

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

@@ -2,7 +2,7 @@
  * @ignore
  */
 export interface Column {
-    filter?: boolean;
+    filter?: boolean | ((values: any[], onChange: (value: any) => void) => VNode);
     key: string;
     label?: string;
     sorter?: boolean;