@neoprototype/neop-ui-lib 1.1.3 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neoprototype/neop-ui-lib",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "publishConfig": {
     "access": "public"
   },

package/types/neoprototype-neop-ui-lib.d.ts

@@ -8,6 +8,7 @@ import * as i1 from '@angular/common';
 import { DecimalPipe } from '@angular/common';
 import { FormControl } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
+import { CdkDragDrop, CdkDragStart } from '@angular/cdk/drag-drop';
 import { NzIconService } from 'ng-zorro-antd/icon';
 import { NzResizeDirection, NzResizeEvent } from 'ng-zorro-antd/resizable';
 
@@ -36,7 +37,7 @@ declare class NpDialogService {
 }
 
 interface AlertData {
-    type: 'toast' | 'notification';
+    npType: 'toast' | 'notification';
     state: 'success' | 'info' | 'warning' | 'error';
     title?: string;
     description: string;
@@ -89,7 +90,7 @@ declare class NpButtonComponent {
     container: ElementRef;
     npType: string;
     npSize: string;
-    className: string;
+    npClassName: string;
     isLoading: boolean;
     disabled: boolean;
     _ngContent: Element | null;
@@ -98,13 +99,12 @@ declare class NpButtonComponent {
     updateContent(): void;
     onClick(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpButtonComponent, "np-button", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; "className": { "alias": "className"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpButtonComponent, "np-button", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; "npClassName": { "alias": "npClassName"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class NpCheckboxComponent {
     _input: FormControl;
     set input(value: FormControl | undefined | boolean);
-    type: string;
     size: string;
     npType: string;
     isDisabled: boolean;
@@ -115,7 +115,7 @@ declare class NpCheckboxComponent {
     valueChange: EventEmitter<boolean>;
     onChange(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpCheckboxComponent, "np-checkbox", never, { "input": { "alias": "input"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "npType": { "alias": "npType"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "groupName": { "alias": "groupName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isIndeterminate": { "alias": "isIndeterminate"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpCheckboxComponent, "np-checkbox", never, { "input": { "alias": "input"; "required": false; }; "size": { "alias": "size"; "required": false; }; "npType": { "alias": "npType"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "groupName": { "alias": "groupName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isIndeterminate": { "alias": "isIndeterminate"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 type FormErrorMap = Record<string, string>;
@@ -145,8 +145,8 @@ declare class NpInputFieldComponent {
     _input: FormControl;
     _type: 'password' | 'text' | 'number' | 'string' | 'date' | 'function';
     set input(value: FormControl | undefined);
-    set type(value: typeof this._type);
-    get type(): typeof this._type;
+    set npType(value: typeof this._type);
+    get npType(): typeof this._type;
     valueChange: EventEmitter<string | number>;
     iconLeftClick: EventEmitter<void>;
     iconRightClick: EventEmitter<void>;
@@ -162,7 +162,7 @@ declare class NpInputFieldComponent {
     handleIconLeftClick(): void;
     handleIconRightClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpInputFieldComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpInputFieldComponent, "np-input-field", never, { "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMap": { "alias": "errorMap"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "limitValue": { "alias": "limitValue"; "required": false; }; "functionHandler": { "alias": "functionHandler"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "digitsInfo": { "alias": "digitsInfo"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "formatDate": { "alias": "formatDate"; "required": false; }; "input": { "alias": "input"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; "iconLeftClick": "iconLeftClick"; "iconRightClick": "iconRightClick"; "blur": "blur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpInputFieldComponent, "np-input-field", never, { "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMap": { "alias": "errorMap"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "limitValue": { "alias": "limitValue"; "required": false; }; "functionHandler": { "alias": "functionHandler"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "digitsInfo": { "alias": "digitsInfo"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "formatDate": { "alias": "formatDate"; "required": false; }; "input": { "alias": "input"; "required": false; }; "npType": { "alias": "npType"; "required": false; }; }, { "valueChange": "valueChange"; "iconLeftClick": "iconLeftClick"; "iconRightClick": "iconRightClick"; "blur": "blur"; }, never, never, true, never>;
 }
 
 declare class NpInputTexteraComponent {
@@ -209,7 +209,7 @@ interface NpDictionaryItem {
     nzValue: string;
     nzLabel: string;
     isDisabled?: boolean;
-    type?: string;
+    npType?: string;
     childrens?: NpDictionaryItem[];
 }
 
@@ -220,7 +220,7 @@ declare enum NpInputMode {
 }
 declare class NpSelectComponent {
     npType: string;
-    className: string;
+    npClassName: string;
     label?: string;
     hint?: string;
     placeHolder: string;
@@ -236,7 +236,7 @@ declare class NpSelectComponent {
     valueChange: EventEmitter<string>;
     onChangeValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpSelectComponent, "np-select", never, { "npType": { "alias": "npType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "labelTemplate": { "alias": "labelTemplate"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "isAllowClear": { "alias": "isAllowClear"; "required": false; }; "iconPrefixClass": { "alias": "iconPrefixClass"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "listItem": { "alias": "listItem"; "required": false; }; "input": { "alias": "input"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpSelectComponent, "np-select", never, { "npType": { "alias": "npType"; "required": false; }; "npClassName": { "alias": "npClassName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "labelTemplate": { "alias": "labelTemplate"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "isAllowClear": { "alias": "isAllowClear"; "required": false; }; "iconPrefixClass": { "alias": "iconPrefixClass"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "listItem": { "alias": "listItem"; "required": false; }; "input": { "alias": "input"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare enum NpMode {
@@ -247,7 +247,7 @@ declare enum NpMode {
 declare class NpDropdownsComponent {
     npType: string;
     npSize: string;
-    className: string;
+    npClassName: string;
     value: string;
     useSearch: boolean;
     alwaysOpen: boolean;
@@ -266,7 +266,7 @@ declare class NpDropdownsComponent {
     onRightIconClick(): void;
     filterList(search: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpDropdownsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpDropdownsComponent, "np-dropdowns", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; "className": { "alias": "className"; "required": false; }; "value": { "alias": "value"; "required": false; }; "useSearch": { "alias": "useSearch"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "valueChange": "valueChange"; "visible": "visible"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpDropdownsComponent, "np-dropdowns", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; "npClassName": { "alias": "npClassName"; "required": false; }; "value": { "alias": "value"; "required": false; }; "useSearch": { "alias": "useSearch"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "valueChange": "valueChange"; "visible": "visible"; }, never, never, true, never>;
 }
 
 interface INpAction {
@@ -274,7 +274,7 @@ interface INpAction {
     classIcon?: string;
     label?: string;
     hidden?: boolean;
-    className?: string;
+    npClassName?: string;
     onClick?: Function;
 }
 
@@ -284,10 +284,10 @@ interface INpTreeNode {
     isSelected?: boolean;
     isChecked?: boolean;
     isIndeterminate?: boolean;
-    type?: string;
+    npType?: string;
     isActive?: boolean;
     isExpanded?: boolean;
-    className?: string;
+    npClassName?: string;
     iconCollapsed?: string;
     iconExpanded?: string;
     iconLeaf?: string;
@@ -316,12 +316,12 @@ interface IFlatTreeNode extends INpTreeNode {
     };
 }
 declare class NpTreeComponent implements OnInit {
-    type: 'checkbox' | 'icon' | 'default';
+    npType: 'checkbox' | 'icon' | 'default';
     expandPosition: 'left' | 'right';
     notCompressMin: number;
     isCompactActions: boolean;
     autoHideActions: boolean;
-    className: string;
+    npClassName: string;
     _list: INpTreeNode[] | undefined;
     _flattenList: INpTreeNode[] | undefined;
     set list(value: INpTreeNode[] | undefined);
@@ -348,14 +348,14 @@ declare class NpTreeComponent implements OnInit {
         [key: string]: boolean;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NpTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpTreeComponent, "np-tree", never, { "type": { "alias": "type"; "required": false; }; "expandPosition": { "alias": "expandPosition"; "required": false; }; "notCompressMin": { "alias": "notCompressMin"; "required": false; }; "isCompactActions": { "alias": "isCompactActions"; "required": false; }; "autoHideActions": { "alias": "autoHideActions"; "required": false; }; "className": { "alias": "className"; "required": false; }; "list": { "alias": "list"; "required": false; }; "input": { "alias": "input"; "required": false; }; "itemActiveId": { "alias": "itemActiveId"; "required": false; }; "useLine": { "alias": "useLine"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTreeComponent, "np-tree", never, { "npType": { "alias": "npType"; "required": false; }; "expandPosition": { "alias": "expandPosition"; "required": false; }; "notCompressMin": { "alias": "notCompressMin"; "required": false; }; "isCompactActions": { "alias": "isCompactActions"; "required": false; }; "autoHideActions": { "alias": "autoHideActions"; "required": false; }; "npClassName": { "alias": "npClassName"; "required": false; }; "list": { "alias": "list"; "required": false; }; "input": { "alias": "input"; "required": false; }; "itemActiveId": { "alias": "itemActiveId"; "required": false; }; "useLine": { "alias": "useLine"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class NpPaginationComponent implements OnChanges, OnInit {
-    type: 'basic' | 'outlined' | 'text' | 'simple' | 'full';
+    npType: 'basic' | 'outlined' | 'text' | 'simple' | 'full';
     totalItems: number;
     pageSize: number[];
-    isReverse: boolean;
+    npReverse: boolean;
     pageSizeChange: EventEmitter<number>;
     pageTotal: number;
     private _pageSizeValue;
@@ -376,7 +376,7 @@ declare class NpPaginationComponent implements OnChanges, OnInit {
     dropdownStyleMap: {
         [key: string]: any;
     };
-    toggleDropdownByType(type: string): void;
+    toggleDropdownByType(npType: string): void;
     onSelectPageSize(size: number): void;
     getDisplayedPages(): (number | string)[];
     prevPage(): void;
@@ -385,7 +385,7 @@ declare class NpPaginationComponent implements OnChanges, OnInit {
     onDocumentClick(event: MouseEvent): void;
     onWindowScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpPaginationComponent, "np-pagination", never, { "type": { "alias": "type"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "isReverse": { "alias": "isReverse"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; }, { "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpPaginationComponent, "np-pagination", never, { "npType": { "alias": "npType"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "npReverse": { "alias": "npReverse"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; }, { "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; }, never, never, true, never>;
 }
 
 declare class NpScrollbarComponent {
@@ -405,7 +405,7 @@ declare class NpAlertComponent {
     private el;
     private renderer;
     private _alertService;
-    type: 'notification' | 'toast';
+    npType: 'notification' | 'toast';
     state: 'success' | 'info' | 'warning' | 'error';
     description: string;
     title?: string;
@@ -428,12 +428,12 @@ declare class NpAlertComponent {
         color: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NpAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpAlertComponent, "np-alert", never, { "type": { "alias": "type"; "required": false; }; "state": { "alias": "state"; "required": false; }; "description": { "alias": "description"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "autoHideDelay": { "alias": "autoHideDelay"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "isFromService": { "alias": "isFromService"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpAlertComponent, "np-alert", never, { "npType": { "alias": "npType"; "required": false; }; "state": { "alias": "state"; "required": false; }; "description": { "alias": "description"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "autoHideDelay": { "alias": "autoHideDelay"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "isFromService": { "alias": "isFromService"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class NpTooltipComponent {
     private renderer;
-    type: 'primary' | 'secondary';
+    npType: 'primary' | 'secondary';
     text: string;
     descriptions?: string;
     position?: string;
@@ -445,7 +445,7 @@ declare class NpTooltipComponent {
     updateContent(): void;
     get tooltipColor(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpTooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpTooltipComponent, "np-tooltip", never, { "type": { "alias": "type"; "required": false; }; "text": { "alias": "text"; "required": false; }; "descriptions": { "alias": "descriptions"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipVisible": { "alias": "tooltipVisible"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTooltipComponent, "np-tooltip", never, { "npType": { "alias": "npType"; "required": false; }; "text": { "alias": "text"; "required": false; }; "descriptions": { "alias": "descriptions"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipVisible": { "alias": "tooltipVisible"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare enum ETypeNpBreadcrumb {
@@ -483,10 +483,10 @@ declare class NpBreadcrumbComponent implements OnInit, AfterViewInit {
 }
 
 declare class NpProgressBarComponent {
-    type: string;
+    npType: string;
     percent: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpProgressBarComponent, "np-progress-bar", never, { "type": { "alias": "type"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpProgressBarComponent, "np-progress-bar", never, { "npType": { "alias": "npType"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class NpSliderComponent {
@@ -514,7 +514,7 @@ declare class NpLoadingIndicatorComponent {
 interface INpTableColumn {
     key: string;
     label: string;
-    className?: string;
+    npClassName?: string;
     headerTemplate?: TemplateRef<any>;
     template?: TemplateRef<any>;
     sortFn?: (a: any, b: any) => number;
@@ -524,6 +524,7 @@ interface INpTableColumn {
     filterList?: string[];
     filterListAfterSearch?: string[];
     isFilterAPI?: boolean;
+    isGroupColumn?: boolean;
 }
 
 declare class NpTableComponent {
@@ -571,21 +572,27 @@ declare class NpTableComponent {
     _columns: INpTableColumn[];
     set columns(value: INpTableColumn[]);
     get columns(): INpTableColumn[];
-    selectableType: 'checkbox' | 'radio' | null;
-    isSortable: boolean;
-    isFilterable: boolean;
-    isDeleteable: boolean;
-    isUsePagination: boolean;
-    paginationType: 'basic' | 'outlined' | 'text' | 'simple' | 'full';
+    set dataSource(value: any[]);
+    set pageSize(value: number[]);
+    get pageSize(): number[];
+    npSelectableType: 'checkbox' | 'radio' | null;
+    npSortable: boolean;
+    npFilterable: boolean;
+    npDeleteable: boolean;
+    npShowPagination: boolean;
+    npPaginationType: 'basic' | 'outlined' | 'text' | 'simple' | 'full';
     state: 'error' | 'loading' | 'normal';
-    className: string;
-    classNameLeft: string;
-    classNameRight: string;
-    scrollColumnsRange: [number, number] | null;
-    scrollWidth: string;
-    scrollHeight: string;
-    isReverse: boolean;
-    showVerticalDivider: boolean;
+    npClassName: string;
+    npLeftClass: string;
+    npRightClass: string;
+    npFixedColumnRange: [number, number] | null;
+    npScrollWidth: string;
+    npScrollHeight: string;
+    npReverse: boolean;
+    npBordered: boolean;
+    npCustomRowTemplate?: TemplateRef<any>;
+    npCustomRowCondition?: (row: any, index: number) => boolean;
+    npDraggable: boolean;
     deleteSelectedRows: EventEmitter<any[]>;
     sortChange: EventEmitter<{
         key: string;
@@ -598,9 +605,7 @@ declare class NpTableComponent {
         row: any;
         checked: boolean;
     }>;
-    set dataSource(value: any[]);
-    set pageSize(value: number[]);
-    get pageSize(): number[];
+    npRowDrop: EventEmitter<any[]>;
     ngAfterViewInit(): void;
     ngOnInit(): void;
     get fixedLeftColumns(): INpTableColumn[];
@@ -619,12 +624,15 @@ declare class NpTableComponent {
     onRefresh(): void;
     onContactSupport(): void;
     toggleFilter(key: string): void;
+    onClearSearch(colKey: string): void;
     shouldShowFilterCheck(colKey: string): boolean;
     getDistinctFilteredValues(colKey: string): any[];
     getFilteredColumnValues(colKey: string): any[];
     isChecked(colKey: string, value: any): FormControl;
     onToggleFilter(colKey: string, value: any, checked: boolean): void;
     onClearFilter(colKey: string): void;
+    onRowDrop(event: CdkDragDrop<any[]>): void;
+    onDragStarted(event: CdkDragStart): void;
     private setupScrollSync;
     private updatePaginationWidth;
     private syncRowHeight;
@@ -632,7 +640,7 @@ declare class NpTableComponent {
     onScrollCloseFilter(): void;
     onResize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpTableComponent, "np-table", never, { "columns": { "alias": "columns"; "required": false; }; "selectableType": { "alias": "selectableType"; "required": false; }; "isSortable": { "alias": "isSortable"; "required": false; }; "isFilterable": { "alias": "isFilterable"; "required": false; }; "isDeleteable": { "alias": "isDeleteable"; "required": false; }; "isUsePagination": { "alias": "isUsePagination"; "required": false; }; "paginationType": { "alias": "paginationType"; "required": false; }; "state": { "alias": "state"; "required": false; }; "className": { "alias": "className"; "required": false; }; "classNameLeft": { "alias": "classNameLeft"; "required": false; }; "classNameRight": { "alias": "classNameRight"; "required": false; }; "scrollColumnsRange": { "alias": "scrollColumnsRange"; "required": false; }; "scrollWidth": { "alias": "scrollWidth"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "isReverse": { "alias": "isReverse"; "required": false; }; "showVerticalDivider": { "alias": "showVerticalDivider"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "deleteSelectedRows": "deleteSelectedRows"; "sortChange": "sortChange"; "filterChange": "filterChange"; "rowChecked": "rowChecked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTableComponent, "np-table", never, { "columns": { "alias": "columns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "npSelectableType": { "alias": "npSelectableType"; "required": false; }; "npSortable": { "alias": "npSortable"; "required": false; }; "npFilterable": { "alias": "npFilterable"; "required": false; }; "npDeleteable": { "alias": "npDeleteable"; "required": false; }; "npShowPagination": { "alias": "npShowPagination"; "required": false; }; "npPaginationType": { "alias": "npPaginationType"; "required": false; }; "state": { "alias": "state"; "required": false; }; "npClassName": { "alias": "npClassName"; "required": false; }; "npLeftClass": { "alias": "npLeftClass"; "required": false; }; "npRightClass": { "alias": "npRightClass"; "required": false; }; "npFixedColumnRange": { "alias": "npFixedColumnRange"; "required": false; }; "npScrollWidth": { "alias": "npScrollWidth"; "required": false; }; "npScrollHeight": { "alias": "npScrollHeight"; "required": false; }; "npReverse": { "alias": "npReverse"; "required": false; }; "npBordered": { "alias": "npBordered"; "required": false; }; "npCustomRowTemplate": { "alias": "npCustomRowTemplate"; "required": false; }; "npCustomRowCondition": { "alias": "npCustomRowCondition"; "required": false; }; "npDraggable": { "alias": "npDraggable"; "required": false; }; }, { "deleteSelectedRows": "deleteSelectedRows"; "sortChange": "sortChange"; "filterChange": "filterChange"; "rowChecked": "rowChecked"; "npRowDrop": "npRowDrop"; }, never, never, true, never>;
 }
 
 interface INpTab {
@@ -649,9 +657,9 @@ declare class NpTabComponent implements OnInit {
     scrollContainerRef: ElementRef;
     tabItemRefs: QueryList<ElementRef>;
     tabs: INpTab[];
-    className: string;
-    subClassName: string;
-    tabActive: string;
+    npClassName: string;
+    subnpClassName: string;
+    tabActive: string | number;
     isLink: boolean;
     npStyle: 'button' | 'underline';
     npDirection: 'horizontal' | 'vertical';
@@ -668,11 +676,10 @@ declare class NpTabComponent implements OnInit {
     updateScrollButtons: () => void;
     scrollLeft(): void;
     scrollRight(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onResize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpTabComponent, "np-tab", never, { "tabs": { "alias": "tabs"; "required": false; }; "className": { "alias": "className"; "required": false; }; "subClassName": { "alias": "subClassName"; "required": false; }; "tabActive": { "alias": "tabActive"; "required": false; }; "isLink": { "alias": "isLink"; "required": false; }; "npStyle": { "alias": "npStyle"; "required": false; }; "npDirection": { "alias": "npDirection"; "required": false; }; "minWidthItem": { "alias": "minWidthItem"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTabComponent, "np-tab", never, { "tabs": { "alias": "tabs"; "required": false; }; "npClassName": { "alias": "npClassName"; "required": false; }; "subnpClassName": { "alias": "subnpClassName"; "required": false; }; "tabActive": { "alias": "tabActive"; "required": false; }; "isLink": { "alias": "isLink"; "required": false; }; "npStyle": { "alias": "npStyle"; "required": false; }; "npDirection": { "alias": "npDirection"; "required": false; }; "minWidthItem": { "alias": "minWidthItem"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
 }
 
 declare class NpActionBarComponent {