ngx-sfc-components 0.0.19 → 0.0.21

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/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/ngx-sfc-components.module.d.ts

@@ -34,17 +34,18 @@ import * as i32 from "./components/table/table.component";
 import * as i33 from "./components/table/parts/columns/default/default-table-column.component";
 import * as i34 from "./components/table/parts/columns/selectable/selectable-table-column.component";
 import * as i35 from "./components/table/parts/toggle/columns-toggle.component";
-import * as i36 from "./components/table/parts/content/rows/default/default-table-row.component";
-import * as i37 from "./components/table/parts/content/rows/expanded/expanded-table-row.component";
-import * as i38 from "./components/table/parts/content/cards/default/default-table-card.component";
-import * as i39 from "./components/carousel/carousel.component";
-import * as i40 from "./components/carousel/parts/stage/carousel-stage.component";
-import * as i41 from "./components/carousel/directive/carousel-slide.directive";
-import * as i42 from "@angular/common";
-import * as i43 from "@fortawesome/angular-fontawesome";
-import * as i44 from "ngx-sfc-common";
+import * as i36 from "./components/table/parts/columns/sorting/sorting-column.component";
+import * as i37 from "./components/table/parts/content/rows/default/default-table-row.component";
+import * as i38 from "./components/table/parts/content/rows/expanded/expanded-table-row.component";
+import * as i39 from "./components/table/parts/content/cards/default/default-table-card.component";
+import * as i40 from "./components/carousel/carousel.component";
+import * as i41 from "./components/carousel/parts/stage/carousel-stage.component";
+import * as i42 from "./components/carousel/directive/carousel-slide.directive";
+import * as i43 from "@angular/common";
+import * as i44 from "@fortawesome/angular-fontawesome";
+import * as i45 from "ngx-sfc-common";
 export declare class NgxSfcComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxSfcComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcComponentsModule, [typeof i1.TabsComponent, typeof i2.TabLabelLineComponent, typeof i3.TabLabelIconComponent, typeof i4.TabLabelLineSliderComponent, typeof i5.TabLabelIconSliderComponent, typeof i6.SideMenuComponent, typeof i7.SideMenuHeaderComponent, typeof i8.SideMenuItemComponent, typeof i9.SideMenuTitleComponent, typeof i10.SideMenuItemContentComponent, typeof i11.DropdownMenuComponent, typeof i12.DropdownMenuItemComponent, typeof i13.NavigationMenuComponent, typeof i14.NavigationMenuItemComponent, typeof i15.StarsComponent, typeof i16.AvatarComponent, typeof i17.AvatarBadgeComponent, typeof i18.ProgressLineComponent, typeof i19.ProgressSemiCircleComponent, typeof i20.ProgressCircleComponent, typeof i21.TagsComponent, typeof i22.TagComponent, typeof i23.SliderComponent, typeof i24.SliderItemComponent, typeof i25.SliderButtonComponent, typeof i26.SliderPaginationComponent, typeof i27.TimelineComponent, typeof i28.TimelineItemComponent, typeof i29.NotificationComponent, typeof i30.NotificationContentComponent, typeof i31.ChartComponent, typeof i32.TableComponent, typeof i33.DefaultTableColumnComponent, typeof i34.SelectableTableColumnComponent, typeof i35.ColumnsToggleComponent, typeof i36.DefaultTableRowComponent, typeof i37.ExpandedTableRowComponent, typeof i38.DefaultTableCardComponent, typeof i39.CarouselComponent, typeof i40.CarouselStageComponent, typeof i41.CarouselSlideDirective], [typeof i42.CommonModule, typeof i43.FontAwesomeModule, typeof i44.NgxSfcCommonModule], [typeof i1.TabsComponent, typeof i2.TabLabelLineComponent, typeof i3.TabLabelIconComponent, typeof i4.TabLabelLineSliderComponent, typeof i5.TabLabelIconSliderComponent, typeof i6.SideMenuComponent, typeof i11.DropdownMenuComponent, typeof i13.NavigationMenuComponent, typeof i15.StarsComponent, typeof i16.AvatarComponent, typeof i17.AvatarBadgeComponent, typeof i18.ProgressLineComponent, typeof i19.ProgressSemiCircleComponent, typeof i20.ProgressCircleComponent, typeof i21.TagsComponent, typeof i23.SliderComponent, typeof i27.TimelineComponent, typeof i29.NotificationComponent, typeof i31.ChartComponent, typeof i32.TableComponent, typeof i37.ExpandedTableRowComponent, typeof i39.CarouselComponent, typeof i41.CarouselSlideDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSfcComponentsModule, [typeof i1.TabsComponent, typeof i2.TabLabelLineComponent, typeof i3.TabLabelIconComponent, typeof i4.TabLabelLineSliderComponent, typeof i5.TabLabelIconSliderComponent, typeof i6.SideMenuComponent, typeof i7.SideMenuHeaderComponent, typeof i8.SideMenuItemComponent, typeof i9.SideMenuTitleComponent, typeof i10.SideMenuItemContentComponent, typeof i11.DropdownMenuComponent, typeof i12.DropdownMenuItemComponent, typeof i13.NavigationMenuComponent, typeof i14.NavigationMenuItemComponent, typeof i15.StarsComponent, typeof i16.AvatarComponent, typeof i17.AvatarBadgeComponent, typeof i18.ProgressLineComponent, typeof i19.ProgressSemiCircleComponent, typeof i20.ProgressCircleComponent, typeof i21.TagsComponent, typeof i22.TagComponent, typeof i23.SliderComponent, typeof i24.SliderItemComponent, typeof i25.SliderButtonComponent, typeof i26.SliderPaginationComponent, typeof i27.TimelineComponent, typeof i28.TimelineItemComponent, typeof i29.NotificationComponent, typeof i30.NotificationContentComponent, typeof i31.ChartComponent, typeof i32.TableComponent, typeof i33.DefaultTableColumnComponent, typeof i34.SelectableTableColumnComponent, typeof i35.ColumnsToggleComponent, typeof i36.SortingColumnComponent, typeof i37.DefaultTableRowComponent, typeof i38.ExpandedTableRowComponent, typeof i39.DefaultTableCardComponent, typeof i40.CarouselComponent, typeof i41.CarouselStageComponent, typeof i42.CarouselSlideDirective], [typeof i43.CommonModule, typeof i44.FontAwesomeModule, typeof i45.NgxSfcCommonModule], [typeof i1.TabsComponent, typeof i2.TabLabelLineComponent, typeof i3.TabLabelIconComponent, typeof i4.TabLabelLineSliderComponent, typeof i5.TabLabelIconSliderComponent, typeof i6.SideMenuComponent, typeof i11.DropdownMenuComponent, typeof i13.NavigationMenuComponent, typeof i15.StarsComponent, typeof i16.AvatarComponent, typeof i18.ProgressLineComponent, typeof i19.ProgressSemiCircleComponent, typeof i20.ProgressCircleComponent, typeof i21.TagsComponent, typeof i23.SliderComponent, typeof i27.TimelineComponent, typeof i29.NotificationComponent, typeof i31.ChartComponent, typeof i32.TableComponent, typeof i38.ExpandedTableRowComponent, typeof i40.CarouselComponent, typeof i42.CarouselSlideDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxSfcComponentsModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-sfc-components",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Angular components library for SFC project",
   "keywords": [
     "Street Football Club",
@@ -25,7 +25,7 @@
     "@fortawesome/angular-fontawesome": "0.10.2",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
-    "ngx-sfc-common": "^0.0.21"
+    "ngx-sfc-common": "^0.0.25"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/esm2020/lib/components/table/models/table-pagination.model.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcGFnaW5hdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvbW9kZWxzL3RhYmxlLXBhZ2luYXRpb24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVRhYmxlUGFnaW5hdGlvbk1vZGVsIHtcclxuICAgIGVuYWJsZWQ6IGJvb2xlYW47XHJcbiAgICBwYWdlOiBudW1iZXI7XHJcbiAgICBzaXplOiBudW1iZXI7XHJcbn0iXX0=

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

@@ -1,5 +0,0 @@
-export interface ITablePaginationModel {
-    enabled: boolean;
-    page: number;
-    size: number;
-}