ngx-sfc-components 0.0.18 → 0.0.20

package/lib/components/avatar/avatar.component.d.ts

@@ -1,10 +1,10 @@
-import { AfterContentInit, OnInit, QueryList } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { IAvatarDataModel } from './models/avatar-data.model';
 import { AvatarImageModel } from './models/avatar-image.model';
 import { IAvatarProgressModel } from './models/avatar-progress.model';
-import { AvatarBadgeComponent } from './parts/badge/avatar-badge.component';
+import { IAvatarBadgeModel } from './parts/badge/avatar-badge.model';
 import * as i0 from "@angular/core";
-export declare class AvatarComponent implements OnInit, AfterContentInit {
+export declare class AvatarComponent implements OnInit {
     readonly PROGRESS_MODEL_DEFAULT: IAvatarProgressModel;
     readonly DATA_MODEL_DEFAULT: IAvatarDataModel;
     readonly STROKE_HOVER_VALUE = 2;
@@ -25,18 +25,19 @@ export declare class AvatarComponent implements OnInit, AfterContentInit {
     /**
      * Progress colors model
      */
-    progressModel: IAvatarProgressModel;
+    _progressModel: IAvatarProgressModel;
+    get progressModel(): IAvatarProgressModel;
+    set progressModel(value: IAvatarProgressModel);
     data: IAvatarDataModel;
     stars: boolean;
     starsValue: number;
-    badges: QueryList<AvatarBadgeComponent>;
+    badges: IAvatarBadgeModel[];
     /**
      * Avatar image calculated values
      */
     imageModel: AvatarImageModel;
     ngOnInit(): void;
-    ngAfterContentInit(): void;
     get strokeDashOffset(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "sfc-avatar", never, { "radius": "radius"; "stroke": "stroke"; "progress": "progress"; "progressModel": "progressModel"; "data": "data"; "stars": "stars"; "starsValue": "starsValue"; }, {}, ["badges"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "sfc-avatar", never, { "radius": "radius"; "stroke": "stroke"; "progress": "progress"; "progressModel": "progressModel"; "data": "data"; "stars": "stars"; "starsValue": "starsValue"; "badges": "badges"; }, {}, never, never, false, never>;
 }

package/lib/components/avatar/models/avatar-data.model.d.ts

@@ -1,6 +1,7 @@
+import { empty } from "ngx-sfc-common";
 export interface IAvatarDataModel {
-    firstName?: string;
-    lastName?: string;
-    image?: string;
-    title?: string;
+    firstName?: string | empty;
+    lastName?: string | empty;
+    image?: string | File | empty;
+    title?: string | empty;
 }

package/lib/components/avatar/models/avatar-image.model.d.ts

@@ -8,5 +8,6 @@ export declare class AvatarImageModel {
     Height: number;
     Width: number;
     ImageId: string;
-    constructor(radius: number, stroke: number, image: string);
+    Stroke: number;
+    constructor(radius: number, stroke: number, image: string | File);
 }

package/lib/components/avatar/parts/badge/avatar-badge.component.d.ts

@@ -1,8 +1,8 @@
-import { AvatarBadgePosition } from './avatar-badge-position.enum';
+import { IAvatarBadgeModel } from './avatar-badge.model';
 import * as i0 from "@angular/core";
 export declare class AvatarBadgeComponent {
-    position: AvatarBadgePosition;
     background?: string;
+    model: IAvatarBadgeModel;
     radius: number;
     normalizedRadius: number;
     stroke: number;
@@ -10,5 +10,5 @@ export declare class AvatarBadgeComponent {
     private get positionStyle();
     private get sizePart();
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarBadgeComponent, "sfc-avatar-badge", never, { "position": "position"; "background": "background"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarBadgeComponent, "sfc-avatar-badge", never, { "background": "background"; "model": "model"; "radius": "radius"; "normalizedRadius": "normalizedRadius"; "stroke": "stroke"; }, {}, never, never, false, never>;
 }

package/lib/components/avatar/parts/badge/avatar-badge.model.d.ts

@@ -0,0 +1,14 @@
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { Position, empty } from "ngx-sfc-common";
+import { AvatarBadgePosition } from "./avatar-badge-position.enum";
+export interface IAvatarBadgeTooltipModel {
+    value?: string | empty;
+    position: Position;
+}
+export interface IAvatarBadgeModel {
+    label?: string | empty;
+    icon?: IconDefinition | empty;
+    position: AvatarBadgePosition;
+    background?: string | empty;
+    tooltip?: IAvatarBadgeTooltipModel;
+}

package/lib/components/index.d.ts

@@ -13,10 +13,10 @@ export { NavigationMenuComponent } from './menu/navigation/navigation-menu.compo
 export { INavigationMenuItemModel } from './menu/navigation/parts/item/navigation-menu-item.model';
 export { StarsComponent } from './stars/stars.component';
 export { AvatarComponent } from './avatar/avatar.component';
-export { AvatarBadgeComponent } from './avatar/parts/badge/avatar-badge.component';
 export { IAvatarDataModel } from './avatar/models/avatar-data.model';
 export { IAvatarProgressModel } from './avatar/models/avatar-progress.model';
 export { AvatarBadgePosition } from './avatar/parts/badge/avatar-badge-position.enum';
+export { IAvatarBadgeModel, IAvatarBadgeTooltipModel } from './avatar/parts/badge/avatar-badge.model';
 export { ProgressLineComponent } from './progress/line/progress-line.component';
 export { ProgressSemiCircleComponent } from './progress/semi-circle/progress-semi-circle.component';
 export { ProgressCircleComponent } from './progress/circle/progress-circle.component';
@@ -39,13 +39,15 @@ export { ChartThemeService } from './chart/service/theme/chart-theme.service';
 export { ChartThemeModel } from './chart/service/theme/chart-theme.model';
 export { ChartOptionModel } from './chart/chart-option.model';
 export { TableComponent } from './table/table.component';
-export { ITableDataModel, ITableModel } from './table/models/table.model';
-export { ITablePaginationModel } from './table/models/table-pagination.model';
+export { TableSelectService } from './table/service/select/table-select.service';
+export { ITableModel } from './table/models/table.model';
 export { TableDataType } from './table/enums/table-data-type.enum';
 export { TableTemplate } from './table/enums/table-template.enum';
 export { ITableSelectEvent } from './table/service/select/table-select.event';
 export { DefaultTableColumnComponent } from './table/parts/columns/default/default-table-column.component';
-export { IDefaultTableColumnModel } from './table/parts/columns/table-column.model';
+export { ITableColumnModel, ITableColumnExtendedModel } from './table/parts/columns/table-column.model';
+export { TableColumnType } from './table/parts/columns/table-column-type.enum';
+export { ISortingModel } from './table/parts/columns/sorting/sorting-column.model';
 export { SelectableTableColumnComponent } from './table/parts/columns/selectable/selectable-table-column.component';
 export { ColumnsToggleComponent } from './table/parts/toggle/columns-toggle.component';
 export { DefaultTableRowComponent } from './table/parts/content/rows/default/default-table-row.component';

package/lib/components/menu/dropdown/dropdown-menu.component.d.ts

@@ -13,6 +13,7 @@ export declare class DropdownMenuComponent implements OnDestroy, OnInit, AfterCo
     hideOnClick: boolean;
     hideOnClickOutside: boolean;
     bordered: boolean;
+    filled: boolean;
     position: Position[];
     open: boolean;
     autoResize: boolean;
@@ -24,8 +25,10 @@ export declare class DropdownMenuComponent implements OnDestroy, OnInit, AfterCo
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    onClick(item: IDropdownMenuItemModel): void;
+    onClick(item: IDropdownMenuItemModel, event: Event): void;
+    toggle(event: Event): void;
     onClickOutside(event: ClickOutsideEvent): void;
+    private preventPropagation;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "sfc-dropdown-menu", never, { "items": "items"; "icon": "icon"; "defaultDots": "defaultDots"; "label": "label"; "hideOnClick": "hideOnClick"; "hideOnClickOutside": "hideOnClickOutside"; "bordered": "bordered"; "position": "position"; "open": "open"; "autoResize": "autoResize"; }, { "selected": "selected"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "sfc-dropdown-menu", never, { "items": "items"; "icon": "icon"; "defaultDots": "defaultDots"; "label": "label"; "hideOnClick": "hideOnClick"; "hideOnClickOutside": "hideOnClickOutside"; "bordered": "bordered"; "filled": "filled"; "position": "position"; "open": "open"; "autoResize": "autoResize"; }, { "selected": "selected"; }, never, ["*"], false, never>;
 }

package/lib/components/menu/dropdown/parts/item/dropdown-menu-item.model.d.ts

@@ -1,8 +1,8 @@
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 export interface IDropdownMenuItemModel {
     label: string;
-    icon?: IconDefinition;
-    image?: string;
+    icon?: IconDefinition | null;
+    image?: string | null;
     delimeter?: boolean;
     active?: boolean;
     value?: any;

package/lib/components/no-export-index.d.ts

@@ -12,3 +12,5 @@ export { TimelineItemComponent } from './timeline/parts/item/timeline-item.compo
 export { NotificationContentComponent } from './notification/parts/content/notification-content.component';
 export { CarouselStageComponent } from './carousel/parts/stage/carousel-stage.component';
 export { CarouselSlideDirective } from './carousel/directive/carousel-slide.directive';
+export { AvatarBadgeComponent } from './avatar/parts/badge/avatar-badge.component';
+export { SortingColumnComponent } from './table/parts/columns/sorting/sorting-column.component';

package/lib/components/table/models/table.model.d.ts

@@ -1,9 +1,6 @@
 export interface ITableModel {
     index: number;
-    sequence?: number;
-    dataModel: ITableDataModel;
-}
-export interface ITableDataModel {
-    data: any;
+    sequence: number;
     selected?: boolean;
+    data: any;
 }

package/lib/components/table/parts/columns/default/default-table-column.component.d.ts

@@ -1,7 +1,7 @@
-import { IDefaultTableColumnModel } from '../table-column.model';
+import { ITableColumnModel } from '../table-column.model';
 import * as i0 from "@angular/core";
 export declare class DefaultTableColumnComponent {
-    model: IDefaultTableColumnModel;
+    model: ITableColumnModel;
     get active(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultTableColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DefaultTableColumnComponent, "sfc-default-table-column", never, { "model": "model"; }, {}, never, never, false, never>;

package/lib/components/table/parts/columns/selectable/selectable-table-column.component.d.ts

@@ -1,9 +1,12 @@
+import { CheckmarkType } from 'ngx-sfc-common';
 import { TableSelectService } from '../../../service/select/table-select.service';
 import * as i0 from "@angular/core";
 export declare class SelectableTableColumnComponent {
     private service;
+    CheckmarkType: typeof CheckmarkType;
     selected: boolean;
     selectAll(): void;
+    get label(): string;
     constructor(service: TableSelectService);
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectableTableColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectableTableColumnComponent, "sfc-selectable-table-column", never, { "selected": "selected"; }, {}, never, never, false, never>;

package/lib/components/table/parts/columns/selectable/selectable-table-column.constants.d.ts

@@ -0,0 +1,4 @@
+export declare class SelectableTableColumnConstants {
+    static LABEL_SELECT: string;
+    static LABEL_UNSELECT: string;
+}

package/lib/components/table/parts/columns/sorting/sorting-column.component.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import { SortingDirection, SortingService } from 'ngx-sfc-common';
+import { ISortingModel } from './sorting-column.model';
+import * as i0 from "@angular/core";
+export declare class SortingColumnComponent implements OnInit, OnDestroy {
+    private service;
+    SortingDirection: typeof SortingDirection;
+    id: string;
+    model: ISortingModel;
+    get enabled(): boolean;
+    get active(): boolean;
+    sort(): void;
+    get icon(): IconDefinition;
+    private _subscription;
+    constructor(service: SortingService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SortingColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortingColumnComponent, "sfc-sorting-column", never, { "id": "id"; "model": "model"; }, {}, never, ["*"], false, never>;
+}

package/lib/components/table/parts/columns/sorting/sorting-column.constants.d.ts

@@ -0,0 +1,4 @@
+export declare class SortingConstants {
+    static DEFAULT_ASCENDING_ICON: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    static DEFAULT_DESCENDING_ICON: import("@fortawesome/fontawesome-common-types").IconDefinition;
+}

package/lib/components/table/parts/columns/sorting/sorting-column.model.d.ts

@@ -0,0 +1,12 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import { SortingDirection } from 'ngx-sfc-common';
+export interface ISortingModel {
+    enabled: boolean;
+    active?: boolean;
+    direction: SortingDirection;
+    icons?: ISortingIcon[];
+}
+export interface ISortingIcon {
+    direction: SortingDirection;
+    icon: IconDefinition;
+}

package/lib/components/table/parts/columns/table-column.model.d.ts

@@ -1,12 +1,15 @@
-import { ISortingModel } from "ngx-sfc-common";
+import { empty } from "ngx-sfc-common";
 import { TableColumnType } from "./table-column-type.enum";
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
-export interface IDefaultTableColumnModel {
+import { ISortingModel } from "./sorting/sorting-column.model";
+export interface ITableColumnModel {
     name: string;
     field: string;
-    icon?: IconDefinition;
-    sorting?: ISortingModel;
+    icon?: IconDefinition | empty;
+    sorting?: ISortingModel | empty;
+    width?: number | empty;
 }
-export interface IDefaultTableColumnInnerModel extends IDefaultTableColumnModel {
+export interface ITableColumnExtendedModel extends ITableColumnModel {
     type?: TableColumnType;
+    calculatedWidth?: string;
 }

package/lib/components/table/parts/content/base-default-table-content.component.d.ts

@@ -1,27 +1,28 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from "@angular/core";
-import { Position } from "ngx-sfc-common";
+import { AfterViewInit, ElementRef, OnDestroy } from "@angular/core";
+import { CheckmarkType, Position } from "ngx-sfc-common";
 import { Subscription } from "rxjs";
-import { ITableSelectEvent } from "../../service/select/table-select.event";
-import { IDefaultTableColumnInnerModel } from "../columns/table-column.model";
+import { ITableColumnExtendedModel } from "../columns/table-column.model";
 import { TableColumnType } from "../columns/table-column-type.enum";
 import { ITableModel } from "../../models/table.model";
+import { TableSelectService } from "../../service/select/table-select.service";
 import * as i0 from "@angular/core";
 export declare abstract class BaseDefaultTableContentComponent implements AfterViewInit, OnDestroy {
+    private selectedService;
     TableColumnType: typeof TableColumnType;
+    CheckmarkType: typeof CheckmarkType;
     model: ITableModel;
-    columns: IDefaultTableColumnInnerModel[];
+    columns: ITableColumnExtendedModel[];
     selectOnClick: boolean;
     position: Position;
-    columnWidth: number;
-    selected: EventEmitter<ITableSelectEvent>;
     columnCheckmark: ElementRef;
     _columnCheckmarkSubscription: Subscription;
     onContentClick(): void;
     get even(): boolean;
     get pointer(): boolean;
+    constructor(selectedService: TableSelectService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    get selectEvent(): ITableSelectEvent;
+    private select;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseDefaultTableContentComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDefaultTableContentComponent, never, never, { "model": "model"; "columns": "columns"; "selectOnClick": "selectOnClick"; "position": "position"; "columnWidth": "columnWidth"; }, { "selected": "selected"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDefaultTableContentComponent, never, never, { "model": "model"; "columns": "columns"; "selectOnClick": "selectOnClick"; "position": "position"; }, {}, never, never, false, never>;
 }

package/lib/components/table/parts/content/rows/default/default-table-row.component.d.ts

@@ -1,9 +1,6 @@
 import { BaseDefaultTableContentComponent } from '../../base-default-table-content.component';
 import * as i0 from "@angular/core";
 export declare class DefaultTableRowComponent extends BaseDefaultTableContentComponent {
-    get width(): {
-        width: string;
-    };
     get contentPosition(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultTableRowComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DefaultTableRowComponent, "sfc-default-table-row", never, {}, {}, never, never, false, never>;

package/lib/components/table/parts/content/rows/expanded/expanded-table-row.model.d.ts

@@ -1,10 +1,9 @@
 import { Position } from "ngx-sfc-common";
 import { ITableModel } from "../../../../models/table.model";
-import { IDefaultTableColumnInnerModel } from "../../../columns/table-column.model";
+import { ITableColumnExtendedModel } from "../../../columns/table-column.model";
 export interface IExpandedTableRowContextModel {
     model: ITableModel;
-    columns: IDefaultTableColumnInnerModel[];
-    columnWidth: number;
+    columns: ITableColumnExtendedModel[];
     position: Position;
     expanded: boolean;
     even: boolean;

package/lib/components/table/parts/toggle/columns-toggle.component.d.ts

@@ -4,10 +4,12 @@ import { ColumnsToggleService } from './service/columns-toggle.service';
 import * as i0 from "@angular/core";
 export declare class ColumnsToggleComponent implements OnInit {
     private service;
+    showLabel: string;
+    hideLabel: string;
     onToggle(): void;
     vm$: Observable<any>;
     constructor(service: ColumnsToggleService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsToggleComponent, "sfc-columns-toggle", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsToggleComponent, "sfc-columns-toggle", never, { "showLabel": "showLabel"; "hideLabel": "hideLabel"; }, {}, never, never, false, never>;
 }

package/lib/components/table/parts/toggle/columns-toggle.constants.d.ts

@@ -1,10 +1,4 @@
 export declare class ColumnsToggleConstants {
-    static HIDE: {
-        LABEL: string;
-        ICON: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    static SHOW: {
-        LABEL: string;
-        ICON: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
+    static HIDE_LABEL_DEFAULT: string;
+    static SHOW_LABEL_DEFAULT: string;
 }

package/lib/components/table/parts/toggle/service/columns-toggle.service.d.ts

@@ -1,14 +1,8 @@
-import { ResizeService } from 'ngx-sfc-common';
-import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ColumnsToggleService {
-    private window;
-    private resizeService;
-    private showColumns;
+    show: boolean;
     private toggleSubject;
-    private toggle$;
-    constructor(window: Window, resizeService: ResizeService);
-    showColumns$: Observable<boolean>;
+    toggle$: import("rxjs").Observable<boolean>;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsToggleService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ColumnsToggleService>;

package/lib/components/table/service/select/table-select.service.d.ts

@@ -4,6 +4,8 @@ import * as i0 from "@angular/core";
 export declare class TableSelectService {
     private selectSubject;
     select$: Observable<ITableSelectEvent>;
+    selectedItems: number[];
+    unselectedItems: number[];
     selectAll(selected: boolean): void;
     select(index: number | null, selected: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableSelectService, never>;

package/lib/components/table/table.component.d.ts

@@ -1,74 +1,99 @@
-import { AfterContentChecked, AfterContentInit, AfterViewChecked, AfterViewInit, ChangeDetectorRef, DoCheck, IterableDiffers, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { PaginationService, Position, ResizeService, SortingService, TemplateReferenceDirective } from 'ngx-sfc-common';
+import { AfterContentChecked, AfterViewChecked, ChangeDetectorRef, DoCheck, EventEmitter, IterableDiffers, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { Position, ResizeService, TemplateReferenceDirective, LoadContainerType, LoaderFunction, LoadContainerLoadType, ILoadContainerModel, ILoadContainerResultModel, IPaginationModel, SortingService, ILoadContainerPredicateParameters, FilterFunction, IToggleSwitcherModel } from 'ngx-sfc-common';
 import { Observable } from 'rxjs';
 import { TableColumnType } from './parts/columns/table-column-type.enum';
-import { IDefaultTableColumnModel } from './parts/columns/table-column.model';
+import { ITableColumnExtendedModel, ITableColumnModel } from './parts/columns/table-column.model';
 import { ColumnsToggleService } from './parts/toggle/service/columns-toggle.service';
 import { ITableSelectEvent } from './service/select/table-select.event';
 import { TableSelectService } from './service/select/table-select.service';
 import { TableDataType } from './enums/table-data-type.enum';
-import { ITablePaginationModel } from './models/table-pagination.model';
 import { TableConstants } from './table.constants';
 import { TableTemplate } from './enums/table-template.enum';
-import { ITableDataModel } from './models/table.model';
+import { ITableModel } from './models/table.model';
 import * as i0 from "@angular/core";
-export declare class TableComponent implements OnInit, AfterViewInit, AfterContentInit, AfterContentChecked, AfterViewChecked, DoCheck {
+export declare class TableComponent implements OnInit, AfterContentChecked, AfterViewChecked, DoCheck, OnDestroy {
+    columnsToggleService: ColumnsToggleService;
     private window;
-    private paginationService;
     private selectedService;
     private sortingService;
     private changeDetector;
     private resizeService;
-    private columnsToggleService;
     private iterableDiffers;
     TableDataType: typeof TableDataType;
     TableColumnType: typeof TableColumnType;
     TableTemplate: typeof TableTemplate;
     Constants: typeof TableConstants;
+    LoadContainerType: typeof LoadContainerType;
     position: Position;
     delimeter: boolean;
     dataType: TableDataType;
     dataToggle: boolean;
     showColumns: boolean;
-    pagination: ITablePaginationModel;
+    columnsToggle: boolean;
+    pagination: IPaginationModel;
     sequence: boolean;
     expanded: boolean;
-    selectable: boolean;
-    selectOnClick: boolean;
+    notFoundLabel: string;
+    showTotal: boolean;
+    totalLabel: string;
+    paginationCount: number;
+    paginationLimits: boolean;
+    showLoading: boolean;
     columnContent?: TemplateRef<any>;
     rowContent?: TemplateRef<any>;
     cardContent?: TemplateRef<any>;
-    data: ITableDataModel[];
-    set data$(value: Observable<ITableDataModel[]>);
-    get data$(): Observable<ITableDataModel[]>;
-    private _data$;
+    data: any[];
+    data$: Observable<any[]>;
     private dataDiffer;
     private dataSubject;
-    private dataValue$;
-    columns: IDefaultTableColumnModel[];
+    columns: ITableColumnModel[];
+    showColumnsLabel: string;
+    hideColumnsLabel: string;
+    resize: boolean;
     private columnsDiffer;
     private columnsSubject;
-    private columns$;
-    private columnsSorting$;
-    private columnWidth$;
-    allRowsSelected: boolean;
+    tableColumns: ITableColumnExtendedModel[];
+    loadType: LoadContainerLoadType;
+    loader: LoaderFunction;
+    filter?: FilterFunction;
+    predicate$: Observable<ILoadContainerPredicateParameters | null>;
+    loadModel: ILoadContainerModel;
+    loadContainerId: string;
+    items: ITableModel[];
+    total: number;
+    private page;
+    loading: boolean;
+    selectable: boolean;
+    selectOnClick: boolean;
+    selected: EventEmitter<ITableSelectEvent>;
+    get allRowsSelected(): boolean;
+    private allSelected;
+    private _allSelectionSubscription;
+    dataListLabel: string;
+    dataCardsLabel: string;
+    toggleSwitcherLeftModel: IToggleSwitcherModel;
+    toggleSwitcherRightModel: IToggleSwitcherModel;
     vm$: Observable<any>;
+    private _columnsResizeSubscription;
+    private _columnsSubscription;
+    private _sortingSubscription;
+    private get initialSorting();
     templates: QueryList<TemplateReferenceDirective> | undefined;
-    constructor(window: Window, paginationService: PaginationService, selectedService: TableSelectService, sortingService: SortingService, changeDetector: ChangeDetectorRef, resizeService: ResizeService, columnsToggleService: ColumnsToggleService, iterableDiffers: IterableDiffers);
+    constructor(columnsToggleService: ColumnsToggleService, window: Window, selectedService: TableSelectService, sortingService: SortingService, changeDetector: ChangeDetectorRef, resizeService: ResizeService, iterableDiffers: IterableDiffers);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     ngDoCheck(): void;
     ngAfterContentChecked(): void;
-    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     onDataTypeToggle(): void;
-    selectRow(model: ITableSelectEvent): void;
-    private getSortingObservable;
-    private getColumnWidth;
-    private handleSelectionEvent;
-    private paginateData;
-    private sortData;
-    private updateRowSequenceValues;
+    handleSuccess(result: ILoadContainerResultModel<any>): void;
+    private selectionSubscribe;
+    private resizeSubscribe;
+    private columnsSubscribe;
+    private sortingSubscribe;
+    private calculateColumnWidth;
+    private setColumnSorting;
+    private getItemSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "sfc-table", never, { "position": "position"; "delimeter": "delimeter"; "dataType": "dataType"; "dataToggle": "dataToggle"; "showColumns": "showColumns"; "pagination": "pagination"; "sequence": "sequence"; "expanded": "expanded"; "selectable": "selectable"; "selectOnClick": "selectOnClick"; "columnContent": "columnContent"; "rowContent": "rowContent"; "cardContent": "cardContent"; "data": "data"; "data$": "data$"; "columns": "columns"; }, {}, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "sfc-table", never, { "position": "position"; "delimeter": "delimeter"; "dataType": "dataType"; "dataToggle": "dataToggle"; "showColumns": "showColumns"; "columnsToggle": "columnsToggle"; "pagination": "pagination"; "sequence": "sequence"; "expanded": "expanded"; "notFoundLabel": "notFoundLabel"; "showTotal": "showTotal"; "totalLabel": "totalLabel"; "paginationCount": "paginationCount"; "paginationLimits": "paginationLimits"; "showLoading": "showLoading"; "columnContent": "columnContent"; "rowContent": "rowContent"; "cardContent": "cardContent"; "data": "data"; "data$": "data$"; "columns": "columns"; "showColumnsLabel": "showColumnsLabel"; "hideColumnsLabel": "hideColumnsLabel"; "resize": "resize"; "loadType": "loadType"; "loader": "loader"; "filter": "filter"; "predicate$": "predicate$"; "selectable": "selectable"; "selectOnClick": "selectOnClick"; "dataListLabel": "dataListLabel"; "dataCardsLabel": "dataCardsLabel"; }, { "selected": "selected"; }, ["templates"], never, false, never>;
 }

package/lib/components/table/table.constants.d.ts

@@ -1,11 +1,10 @@
-import { IDefaultTableColumnInnerModel } from "./parts/columns/table-column.model";
-import { IToggleSwitcherModel } from "ngx-sfc-common";
+import { ITableColumnExtendedModel } from "./parts/columns/table-column.model";
 export declare class TableConstants {
-    static SEQUENCE_COLUMN: IDefaultTableColumnInnerModel;
-    static SELECTABLE_COLUMN: IDefaultTableColumnInnerModel;
-    static EXPANDED_COLUMN: IDefaultTableColumnInnerModel;
-    static TOGGLE_SWITCHER_LEFT_MODEL: IToggleSwitcherModel;
-    static TOGGLE_SWITCHER_RIGHT_MODEL: IToggleSwitcherModel;
-    static DEFAULT_PAGE: number;
-    static DEFAULT_PAGE_SIZE: number;
+    static SEQUENCE_COLUMN: ITableColumnExtendedModel;
+    static SELECTABLE_COLUMN: ITableColumnExtendedModel;
+    static EXPANDED_COLUMN: ITableColumnExtendedModel;
+    static NOT_FOUND_LABEL_DEFAULT: string;
+    static TOTAL_LABEL_DEFAULT: string;
+    static DATA_LIST_LABEL: string;
+    static DATA_CARDS_LABEL: string;
 }

package/lib/components/tabs/models/tab.model.d.ts

@@ -2,6 +2,7 @@ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 export interface ITabModel {
     label?: string;
     icon?: IconDefinition;
+    image?: string;
     selected?: boolean;
     disabled?: boolean;
     data: any;

package/lib/components/tabs/parts/labels/tab-label-content-base.component.d.ts

@@ -5,6 +5,7 @@ export declare class TabLabelContentBase {
     icon?: IconDefinition;
     disabled: boolean;
     selected: boolean;
+    get tabIcon(): IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelContentBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TabLabelContentBase, never, never, { "label": "label"; "icon": "icon"; "disabled": "disabled"; "selected": "selected"; }, {}, never, never, false, never>;
 }

package/lib/components/tabs/parts/labels/tab-label-icon/tab-label-icon.component.d.ts

@@ -1,8 +1,6 @@
 import { TabLabelContentBase } from '../tab-label-content-base.component';
-import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import * as i0 from "@angular/core";
 export declare class TabLabelIconComponent extends TabLabelContentBase {
-    get tabIcon(): IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabLabelIconComponent, "sfc-tab-label-icon", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabLabelIconComponent, "sfc-tab-label-icon", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/components/tabs/parts/labels/tab-label-line/tab-label-line.component.d.ts

@@ -1,6 +1,9 @@
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
 import { TabLabelContentBase } from '../tab-label-content-base.component';
 import * as i0 from "@angular/core";
 export declare class TabLabelLineComponent extends TabLabelContentBase {
+    image: string | null;
+    get tabLineIcon(): IconDefinition | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelLineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabLabelLineComponent, "sfc-tab-label-line", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabLabelLineComponent, "sfc-tab-label-line", never, { "image": "image"; }, {}, never, ["*"], false, never>;
 }

package/lib/components/timeline/parts/item/timeline-item.model.d.ts

@@ -6,6 +6,6 @@ export interface ITimelineItemModel {
     dateTimeLabel?: string;
     description?: string;
     period?: boolean;
-    icon?: IconDefinition;
-    image?: string;
+    icon?: IconDefinition | null;
+    image?: string | null;
 }