@coreui/angular-pro 4.0.0-alpha.1 → 4.0.0-alpha.10

package/lib/smart-table/smart-table/smart-table.component.d.ts

@@ -0,0 +1,124 @@
+import { AfterContentInit, EventEmitter, IterableDiffers, QueryList, TemplateRef } from '@angular/core';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { ITable } from '../../table/table.type';
+import { IColumnFilter, IColumnFilterValue, IItem, IItemInternal, ISmartTable, ISorter, ISorterValue, ITableFilter, ITableGroupProps, ItemsPerPageSelect } from '../smart-table.type';
+import { TemplateIdDirective } from '../../shared';
+import * as i0 from "@angular/core";
+export declare class SmartTableComponent implements ISmartTable, AfterContentInit {
+    private iterable;
+    static ngAcceptInputType_activePage: NumberInput;
+    static ngAcceptInputType_cleaner: BooleanInput;
+    static ngAcceptInputType_clickableRows: BooleanInput;
+    static ngAcceptInputType_footer: BooleanInput;
+    static ngAcceptInputType_header: BooleanInput;
+    static ngAcceptInputType_itemsPerPage: NumberInput;
+    static ngAcceptInputType_pagination: BooleanInput;
+    static ngAcceptInputType_selectable: BooleanInput;
+    constructor(iterable: IterableDiffers);
+    private iterableDiffer;
+    set activePage(value: number);
+    get activePage(): number;
+    private _activePage;
+    set cleaner(value: boolean);
+    get cleaner(): boolean;
+    private _cleaner;
+    set clickableRows(value: boolean);
+    get clickableRows(): boolean;
+    private _clickableRows;
+    set columns(value: any[]);
+    get columns(): any[];
+    private _columns?;
+    columnFilter?: boolean | IColumnFilter;
+    set columnFilterValue(value: IColumnFilterValue);
+    get columnFilterValue(): IColumnFilterValue;
+    private _columnFilterValue;
+    columnSorter?: boolean | ISorter;
+    set footer(value: boolean);
+    get footer(): boolean;
+    private _footer;
+    set header(value: boolean);
+    get header(): boolean;
+    private _header;
+    set items(value: IItem[]);
+    get items(): IItem[];
+    private _items;
+    set itemsPerPage(value: number);
+    get itemsPerPage(): number;
+    private _itemsPerPage;
+    itemsPerPageLabel: string;
+    itemsPerPageOptions: number[];
+    itemsPerPageSelect?: boolean | ItemsPerPageSelect;
+    loading?: boolean;
+    noItemsLabel: string | TemplateRef<any>;
+    set pagination(value: boolean);
+    get pagination(): boolean;
+    private _pagination;
+    set selectable(value: boolean);
+    get selectable(): boolean;
+    private _selectable;
+    set sorterValue(value: ISorterValue);
+    get sorterValue(): ISorterValue;
+    private _sorterValue;
+    tableFilter?: boolean | ITableFilter;
+    tableFilterLabel: string;
+    tableFilterPlaceholder: string;
+    set tableFilterValue(value: string);
+    get tableFilterValue(): string;
+    private _tableFilterValue;
+    tableBodyProps?: ITableGroupProps;
+    tableFootProps?: ITableGroupProps;
+    tableHeadProps?: ITableGroupProps;
+    tableProps?: ITable;
+    selectedItemsChange: EventEmitter<any>;
+    sorterValueChange: EventEmitter<any>;
+    activePageChange: EventEmitter<any>;
+    itemsPerPageChange: EventEmitter<any>;
+    rowClick: EventEmitter<any>;
+    columnFilterValueChange: EventEmitter<any>;
+    filteredItemsChange: EventEmitter<any>;
+    tableFilterValueChange: EventEmitter<any>;
+    columnTemplates: QueryList<TemplateIdDirective>;
+    templates: {
+        [key: string]: (TemplateRef<any> | null);
+    };
+    ngAfterContentInit(): void;
+    get selectedAll(): boolean | "indeterminate";
+    set selectedAll(value: string | boolean);
+    private _selectedAll;
+    get tableFilterState(): string;
+    get columnFilterState(): IColumnFilterValue;
+    get numberOfPages(): number;
+    get colspan(): number;
+    get firstItemOnActivePageIndex(): number;
+    get itemsOnActivePage(): IItemInternal[];
+    get currentItems(): IItemInternal[];
+    get genCols(): string[];
+    get rawColumnNames(): any[];
+    get itemsDataColumns(): any[];
+    get sortedItems(): IItemInternal[];
+    get columnFiltered(): IItemInternal[];
+    get tableFiltered(): IItemInternal[];
+    get isFiltered(): string;
+    private setItems;
+    handleSortChange($event: {
+        columnKey: string;
+        index: number;
+    }): void;
+    isSortable(i: number): boolean | undefined;
+    handleSorterChange(column: string, index: number): void;
+    setActivePage($event: number): void;
+    handleColumnFilterChange($event: any): void;
+    handleTableFilterChange($event: string): void;
+    clean($event: MouseEvent): void;
+    handleItemsPerPageChange(value: number): void;
+    handleRowChecked($event: Event, item: IItemInternal): void;
+    handleSelectAllChange($event: any): void;
+    getColumnName($event: MouseEvent): string;
+    handleRowClick(param: {
+        $event: MouseEvent;
+        item: IItemInternal;
+        i: number;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "c-smart-table", ["cSmartTable"], { "activePage": "activePage"; "cleaner": "cleaner"; "clickableRows": "clickableRows"; "columns": "columns"; "columnFilter": "columnFilter"; "columnFilterValue": "columnFilterValue"; "columnSorter": "columnSorter"; "footer": "footer"; "header": "header"; "items": "items"; "itemsPerPage": "itemsPerPage"; "itemsPerPageLabel": "itemsPerPageLabel"; "itemsPerPageOptions": "itemsPerPageOptions"; "itemsPerPageSelect": "itemsPerPageSelect"; "loading": "loading"; "noItemsLabel": "noItemsLabel"; "pagination": "pagination"; "selectable": "selectable"; "sorterValue": "sorterValue"; "tableFilter": "tableFilter"; "tableFilterLabel": "tableFilterLabel"; "tableFilterPlaceholder": "tableFilterPlaceholder"; "tableFilterValue": "tableFilterValue"; "tableBodyProps": "tableBodyProps"; "tableFootProps": "tableFootProps"; "tableHeadProps": "tableHeadProps"; "tableProps": "tableProps"; }, { "selectedItemsChange": "selectedItemsChange"; "sorterValueChange": "sorterValueChange"; "activePageChange": "activePageChange"; "itemsPerPageChange": "itemsPerPageChange"; "rowClick": "rowClick"; "columnFilterValueChange": "columnFilterValueChange"; "filteredItemsChange": "filteredItemsChange"; "tableFilterValueChange": "tableFilterValueChange"; }, ["columnTemplates"], never>;
+}

package/lib/smart-table/smart-table-filter/smart-table-filter.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SmartTableFilterComponent {
+    constructor();
+    filterLabel: string;
+    filterPlaceholder: string;
+    set value(value: string);
+    get value(): string;
+    private _value;
+    valueChange: EventEmitter<string>;
+    get hostClasses(): any;
+    onKey($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableFilterComponent, "c-smart-table-filter", never, { "filterLabel": "filterLabel"; "filterPlaceholder": "filterPlaceholder"; "value": "value"; }, { "valueChange": "valueChange"; }, never, never>;
+}

package/lib/smart-table/smart-table-head/smart-table-head.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { IColumn, IColumnFilter, IColumnFilterValue, ISorter, ISorterValue } from '../smart-table.type';
+import * as i0 from "@angular/core";
+export declare class SmartTableHeadComponent implements OnInit {
+    constructor();
+    columnFilter?: boolean | IColumnFilter;
+    columnFilterState: IColumnFilterValue;
+    columnSorter?: boolean | ISorter;
+    component?: string;
+    columns?: (IColumn | string)[];
+    selectable?: boolean;
+    selectAll?: boolean | string;
+    sorterValue?: ISorterValue;
+    columnFilterStateChange: EventEmitter<any>;
+    sorterStateChange: EventEmitter<any>;
+    selectAllChange: EventEmitter<any>;
+    get hostClasses(): {
+        thead: boolean;
+        tfoot: boolean;
+    };
+    ngOnInit(): void;
+    tableHeaderCellProps(column: IColumn | string): {};
+    tableHeaderCellColor(column: IColumn | string): string | undefined;
+    tableHeaderCellStyles(column: IColumn | string): any;
+    columnLabel(column: IColumn | string): string;
+    columnKey(column: IColumn | string): string;
+    getColumnSorterState(column: IColumn | string): string | number;
+    prettifyName(name: string): string;
+    handleSortClick(column: IColumn | string, i: number): void;
+    columnFilterEnabled(column: IColumn | string): boolean;
+    columnSorterEnabled(column: IColumn | string): boolean;
+    handleColumnFilterValueChange($event: Event, column: IColumn | string): void;
+    handleSelectAllChecked($event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableHeadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": "columnFilter"; "columnFilterState": "columnFilterState"; "columnSorter": "columnSorter"; "component": "component"; "columns": "columns"; "selectable": "selectable"; "selectAll": "selectAll"; "sorterValue": "sorterValue"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never>;
+}

package/lib/smart-table/smart-table-items-per-page-selector/smart-table-items-per-page-selector.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SmartTableItemsPerPageSelectorComponent {
+    constructor();
+    set itemsPerPage(value: number);
+    get itemsPerPage(): number;
+    private _itemsPerPage;
+    itemsPerPageLabel: string;
+    itemsPerPageOptions: number[];
+    itemsPerPageChange: EventEmitter<number>;
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableItemsPerPageSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableItemsPerPageSelectorComponent, "c-smart-table-items-per-page-selector", never, { "itemsPerPage": "itemsPerPage"; "itemsPerPageLabel": "itemsPerPageLabel"; "itemsPerPageOptions": "itemsPerPageOptions"; }, { "itemsPerPageChange": "itemsPerPageChange"; }, never, never>;
+}

package/lib/smart-table/smart-table.module.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./smart-table/smart-table.component";
+import * as i2 from "./smart-table-filter/smart-table-filter.component";
+import * as i3 from "./smart-table-items-per-page-selector/smart-table-items-per-page-selector.component";
+import * as i4 from "./smart-table-head/smart-table-head.component";
+import * as i5 from "@angular/common";
+import * as i6 from "../element-cover/element-cover.module";
+import * as i7 from "../table/table.module";
+import * as i8 from "../pagination/pagination.module";
+import * as i9 from "../smart-pagination/smart-pagination.module";
+import * as i10 from "../form/form.module";
+import * as i11 from "@angular/forms";
+import * as i12 from "../button/button.module";
+import * as i13 from "../shared/shared.module";
+import * as i14 from "../utilities/utilities.module";
+export declare class SmartTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartTableModule, [typeof i1.SmartTableComponent, typeof i2.SmartTableFilterComponent, typeof i3.SmartTableItemsPerPageSelectorComponent, typeof i4.SmartTableHeadComponent], [typeof i5.CommonModule, typeof i6.ElementCoverModule, typeof i7.TableModule, typeof i8.PaginationModule, typeof i9.SmartPaginationModule, typeof i10.FormModule, typeof i11.FormsModule, typeof i12.ButtonModule, typeof i13.SharedModule, typeof i11.ReactiveFormsModule, typeof i14.UtilitiesModule], [typeof i1.SmartTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SmartTableModule>;
+}

package/lib/smart-table/smart-table.type.d.ts

@@ -0,0 +1,272 @@
+import { Colors } from '../coreui.types';
+import { TemplateRef } from '@angular/core';
+import { ITable, ITableElementProps, ITableRowCellProps } from '../table/table.type';
+export interface ISmartTable {
+    /**
+     * Sets active page. If 'pagination' prop is enabled, activePage is set only initially.
+     * @type number
+     * @default 1
+     */
+    activePage?: number;
+    /**
+     * When set, displays table cleaner above table, next to the table filter (or in place of table filter if `tableFilter` prop is not set)
+     * Cleaner resets `tableFilterValue`, `columnFilterValue`, `sorterValue`.
+     * If clean is possible it is clickable (`tabIndex="0"` `role="button"`, `color="danger"`), otherwise it is not clickable and transparent.
+     * Cleaner can be customized through the `cleaner` slot.
+     * @type boolean
+     */
+    cleaner?: boolean;
+    /**
+     * Style table items as clickable.
+     * @type boolean
+     */
+    clickableRows?: boolean;
+    /**
+     * When set, displays additional filter row between table header and items, allowing filtering by specific column.
+     * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
+     * - external (Boolean) - Disables automatic filtering inside component.
+     * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
+     * @type boolean | ColumnFilter
+     */
+    columnFilter?: boolean | IColumnFilter;
+    /**
+     * Value of table filter. To set pass object where keys are column names and values are filter strings e.g.:
+     * { user: 'John', age: 12 }
+     */
+    columnFilterValue?: IColumnFilterValue;
+    /**
+     * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begin with underscore (e.g. '_classes')
+     *
+     * In columns prop each array item represents one column. Item might be specified in two ways:
+     * String: each item define column name equal to item value.
+     * Object: item is object with following keys available as column configuration:
+     * - key (required)(String) - define column name equal to item key.
+     * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
+     * - _classes (String/Array/Object) - adds classes to all cels in column
+     * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
+     * - sorter (Boolean) - disables sorting of the column when set to false
+     * - filter (Boolean) - removes filter from column when set to false.
+     */
+    columns?: (string | IColumn)[];
+    /**
+     * Enables table sorting by column value. Sorting will be performed correctly if values in column are one of type: string (case-insensitive) or number.
+     *
+     * Sorter can be customized, by passing prop as object with additional options as keys. Available options:
+     * - external (Boolean) - Disables automatic sorting inside component.
+     * - resetable (Boolean) - If set to true clicking on sorter have three states: ascending, descending and null. That means that third click on sorter will reset sorting, and restore table to original order.
+     * @type boolean | Sorter
+     */
+    columnSorter?: boolean | ISorter;
+    /**
+     * Displays table footer, which mirrors table header. (without column filter).
+     * @default false
+     * @type boolean
+     */
+    footer?: boolean;
+    /**
+     * Set to false to remove table header.
+     * @default true
+     */
+    header?: boolean;
+    /**
+     * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_classes' key and to single cell by '_cellClasses'.
+     *
+     * Example item:
+     * { name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}
+     * For column generation description see columns prop.
+     * @type Array<IItem>
+     */
+    items?: IItem[];
+    /**
+     * Number of items per site, when pagination is enabled.
+     * @default 10
+     * @type number
+     */
+    itemsPerPage?: number;
+    /**
+     * Label for items per page selector.
+     * @default 'Items per page:'
+     * @type string
+     * todo or remove?
+     */
+    itemsPerPageLabel?: string;
+    /**
+     * Items per page selector options.
+     * @default [5, 10, 20, 50]
+     * @type number[]
+     * todo or remove?
+     */
+    itemsPerPageOptions?: number[];
+    /**
+     * Adds select element over table, which is used for control items per page in pagination.
+     * If you want to customize this element, pass an 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 externally by 'pagination-change' event).
+     */
+    itemsPerPageSelect?: boolean | ItemsPerPageSelect;
+    /**
+     * When set, table will have loading style: loading spinner and reduced opacity.
+     * When 'small' prop is enabled spinner will be also smaller.
+     * @type boolean
+     */
+    loading?: boolean;
+    /**
+     * ReactNode or string for passing custom noItemsLabel texts.
+     * @default 'No items found'
+     */
+    noItemsLabel?: string | TemplateRef<any>;
+    /**
+     * Enables default pagination. Set to true for default setup or pass an object with additional CPagination props.
+     * Default pagination will always have the computed number of pages that cannot be changed.
+     * The number of pages is generated based on the number of passed items and 'itemsPerPage' prop.
+     * If this restriction is an obstacle, you can make external CPagination instead.
+     */
+    pagination?: boolean;
+    /**
+     * Properties to `CSmartPagination` component.
+     * @link https://coreui.io/react/docs/4.0/components/smart-pagination#csmartpagination
+     * todo or remove?
+     */
+    /**
+     * Scoped columns.
+     * @type ScopedColumns
+     * todo or remove?
+     */
+    /**
+     * Add checkboxes to make table rows selectable.
+     * @type boolean
+     */
+    selectable?: boolean;
+    /**
+     * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'.
+     * @type ISorterValue
+     */
+    sorterValue?: ISorterValue;
+    /**
+     * Sorter icon when items are unsorted.
+     * @default '<svg cIcon width="18" content={cilArrowTop} />
+     */
+    sortingIcon?: TemplateRef<any>;
+    /**
+     * Sorter icon when items are sorted ascending.
+     * @default '<svg cIcon width="18" content={cilArrowTop} />
+     */
+    sortingIconAscending?: TemplateRef<any>;
+    /**
+     * Sorter icon when items are sorted descending.
+     * @default '<svg cIcon width="18" content={cilArrowBottom} />
+     */
+    sortingIconDescending?: TemplateRef<any>;
+    /**
+     * Properties to `CTableBody` component.
+     * @link https://coreui.io/react/docs/4.0/components/table/#ctablebody
+     * todo or remove?
+     */
+    /**
+     * Properties to `CTableFoot` component.
+     * @link https://coreui.io/react/docs/4.0/components/table/#ctablefoot
+     * todo or remove?
+     */
+    /**
+     * When set, displays table filter above table, allowing filtering by specific column.
+     *
+     * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
+     * - placeholder (String) - Sets custom table filter placeholder.
+     * - label (String) - Sets custom table filter label.
+     * - external (Boolean) - Disables automatic filtering inside component.
+     * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
+     */
+    tableFilter?: boolean | ITableFilter;
+    /**
+     * The element represents a caption for a component.
+     * @default 'Filter:'
+     * todo or remove?
+     */
+    tableFilterLabel?: string;
+    /**
+     * Specifies a short hint that is visible in the search input.
+     * @default 'type string...'
+     * todo or remove?
+     */
+    tableFilterPlaceholder?: string;
+    /**
+     * Value of table filter. Set .sync modifier to track changes.
+     * @type string
+     */
+    tableFilterValue?: string;
+    /**
+     * Properties to `CTableHead` component.
+     * @link https://coreui.io/react/docs/4.0/components/table/#ctablehead
+     * todo or remove?
+     */
+    /**
+     * Properties to `CTable` component.
+     * @link https://coreui.io/react/docs/4.0/components/table/#ctable
+     */
+    tableProps?: ITable;
+}
+export interface IColumnFilter {
+    lazy?: boolean;
+    external?: boolean;
+}
+export interface IColumnFilterValue {
+    [key: string]: any;
+}
+export interface IColumn {
+    filter?: boolean;
+    label?: string;
+    key: string;
+    sorter?: boolean;
+    _style?: any;
+    _props?: ITableHeaderCellProps;
+}
+export interface ITableHeaderCellProps {
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+}
+export interface ISorter {
+    resetable?: boolean;
+    external?: boolean;
+}
+export interface IItem {
+    _props?: ITableRowCellProps;
+    _cellProps?: ITableCellProps;
+    _selected?: boolean;
+    [key: string]: number | string | any;
+}
+export interface ITableCellProps {
+    _all?: ITableRowCellProps;
+    _attributes?: {
+        [key: string]: any;
+    };
+    [key: string]: ITableRowCellProps | undefined;
+}
+export interface IItemInternal extends IItem {
+    _id?: number;
+}
+export interface ItemsPerPageSelect {
+    external?: boolean;
+    label?: string;
+    values?: Array<number>;
+}
+export interface ISorterValue {
+    column?: string;
+    state?: number | string;
+}
+export interface ITableFilter {
+    lazy?: boolean;
+    external?: boolean;
+    label?: string;
+    placeholder?: string;
+    value?: string | number;
+}
+export interface ITableGroupProps extends ITableElementProps {
+    attributes?: {
+        [key: string]: any;
+    };
+}

package/lib/table/table.directive.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { Breakpoints, Colors } from '../coreui.types';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { ITable } from './table.type';
 import * as i0 from "@angular/core";
-export declare class TableDirective implements OnInit {
+export declare class TableDirective implements ITable, OnInit {
     private renderer;
     private hostElement;
     static ngAcceptInputType_bordered: BooleanInput;
@@ -76,5 +77,5 @@ export declare class TableDirective implements OnInit {
     ngOnInit(): void;
     setResponsiveWrapper(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "[cTable]", never, { "align": "align"; "borderColor": "borderColor"; "bordered": "bordered"; "borderless": "borderless"; "caption": "caption"; "color": "color"; "hover": "hover"; "responsive": "responsive"; "small": "small"; "striped": "striped"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "table[cTable]", never, { "align": "align"; "borderColor": "borderColor"; "bordered": "bordered"; "borderless": "borderless"; "caption": "caption"; "color": "color"; "hover": "hover"; "responsive": "responsive"; "small": "small"; "striped": "striped"; }, {}, never>;
 }

package/lib/table/table.type.d.ts

@@ -0,0 +1,76 @@
+import { Breakpoints, Colors } from '../coreui.types';
+export interface ITable {
+    /**
+     * Set the vertical alignment.
+     * @type string
+     * @values 'bottom' | 'middle' | 'top'
+     */
+    align?: 'bottom' | 'middle' | 'top';
+    /**
+     * Sets the border color of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    borderColor?: Colors;
+    /**
+     * Add borders on all sides of the table and cells.
+     * @type boolean
+     */
+    bordered?: boolean;
+    /**
+     * Remove borders on all sides of the table and cells.
+     * @type boolean
+     */
+    borderless?: boolean;
+    /**
+     * Put the `<caption>` on the top of the table.
+     * @values 'top'
+     */
+    caption?: 'top';
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    color?: Colors;
+    /**
+     * Enable a hover state on table rows within table body.
+     * @type boolean
+     */
+    hover?: boolean;
+    /**
+     * Make table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
+     * @type: {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'}
+     */
+    responsive?: boolean | Omit<Breakpoints, 'xs'>;
+    /**
+     * Make table more compact by cutting all cell `padding` in half.
+     * @type boolean
+     */
+    small?: boolean;
+    /**
+     * Add zebra-striping to any table row within the table body`.
+     * @type boolean
+     */
+    striped?: boolean;
+    attributes?: {
+        [key: string]: any;
+    };
+}
+export interface ITableElementProps {
+    /**
+     * Set the vertical alignment.
+     @type string
+     */
+    align?: 'bottom' | 'middle' | 'top';
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    color?: Colors;
+}
+export interface ITableRowCellProps extends ITableElementProps {
+    /**
+     * Highlight a table row or cell
+     @type boolean
+     */
+    active?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.10",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/pro/angular",
   "author": {
@@ -16,14 +16,14 @@
     }
   ],
   "dependencies": {
-    "@popperjs/core": "^2.10.2",
+    "@popperjs/core": "^2.11.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/cdk": "^12.2.0",
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@angular/router": "^12.2.0"
+    "@angular/cdk": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/router": "^13.0.0"
   },
   "repository": {
     "type": "git",
@@ -42,11 +42,25 @@
     "component",
     "components"
   ],
-  "main": "bundles/coreui-angular-pro.umd.js",
-  "module": "fesm2015/coreui-angular-pro.js",
-  "es2015": "fesm2015/coreui-angular-pro.js",
-  "esm2015": "esm2015/coreui-angular-pro.js",
-  "fesm2015": "fesm2015/coreui-angular-pro.js",
+  "eslintConfig": {},
+  "module": "fesm2015/coreui-angular-pro.mjs",
+  "es2020": "fesm2020/coreui-angular-pro.mjs",
+  "esm2020": "esm2020/coreui-angular-pro.mjs",
+  "fesm2020": "fesm2020/coreui-angular-pro.mjs",
+  "fesm2015": "fesm2015/coreui-angular-pro.mjs",
   "typings": "coreui-angular-pro.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./coreui-angular-pro.d.ts",
+      "esm2020": "./esm2020/coreui-angular-pro.mjs",
+      "es2020": "./fesm2020/coreui-angular-pro.mjs",
+      "es2015": "./fesm2015/coreui-angular-pro.mjs",
+      "node": "./fesm2015/coreui-angular-pro.mjs",
+      "default": "./fesm2020/coreui-angular-pro.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -12,6 +12,7 @@ export * from './lib/card';
 export * from './lib/carousel';
 export * from './lib/collapse';
 export * from './lib/dropdown';
+export * from './lib/element-cover';
 export * from './lib/footer';
 export * from './lib/form';
 export * from './lib/grid';
@@ -19,6 +20,7 @@ export * from './lib/header';
 export * from './lib/image';
 export * from './lib/list-group';
 export * from './lib/loading-button';
+export * from './lib/multi-select';
 export * from './lib/nav';
 export * from './lib/navbar';
 export * from './lib/modal';
@@ -27,8 +29,10 @@ export * from './lib/pagination';
 export * from './lib/popover';
 export * from './lib/progress';
 export * from './lib/services';
-export * from './lib/spinner';
 export * from './lib/sidebar';
+export * from './lib/smart-pagination';
+export * from './lib/smart-table';
+export * from './lib/spinner';
 export * from './lib/table';
 export * from './lib/tabs';
 export * from './lib/toast';