@neoprototype/neop-ui-lib 1.1.1 → 1.1.2

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

@@ -0,0 +1,904 @@
+import * as i0 from '@angular/core';
+import { RendererFactory2, ElementRef, Renderer2, EventEmitter, InjectionToken, TemplateRef, OnInit, OnChanges, SimpleChanges, AfterViewInit, ChangeDetectorRef, QueryList } from '@angular/core';
+import { NzModalService, NzModalRef } from 'ng-zorro-antd/modal';
+import { ComponentType } from '@angular/cdk/portal';
+import * as rxjs from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
+import * as i1 from '@angular/common';
+import { DecimalPipe } from '@angular/common';
+import { FormControl } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { NzIconService } from 'ng-zorro-antd/icon';
+import { NzResizeDirection, NzResizeEvent } from 'ng-zorro-antd/resizable';
+
+declare class TestService {
+    constructor();
+    test(): string;
+    test2(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TestService>;
+}
+
+declare class ThemeService {
+    private themeElement;
+    constructor(rendererFactory: RendererFactory2);
+    setTheme(themeClass: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+declare class NpDialogService {
+    private modal;
+    constructor(modal: NzModalService);
+    openDialog<T, D = any, R = any>(component: ComponentType<T>, params?: Partial<D>): Observable<R>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NpDialogService>;
+}
+
+interface AlertData {
+    type: 'toast' | 'notification';
+    state: 'success' | 'info' | 'warning' | 'error';
+    title?: string;
+    description: string;
+    message?: string;
+    autoHide?: boolean;
+    isFromService?: boolean;
+}
+declare class NpAlertService {
+    private alertSubject;
+    alert$: rxjs.Observable<AlertData>;
+    toast: {
+        success: (description: string, title?: string, message?: string) => void;
+        info: (description: string, title?: string, message?: string) => void;
+        warning: (description: string, title?: string, message?: string) => void;
+        error: (description: string, title?: string, message?: string) => void;
+    };
+    notification: {
+        success: (description: string, title?: string, message?: string) => void;
+        info: (description: string, title?: string, message?: string) => void;
+        warning: (description: string, title?: string, message?: string) => void;
+        error: (description: string, title?: string, message?: string) => void;
+    };
+    private emit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpAlertService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NpAlertService>;
+}
+
+declare class NeopComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NeopComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NeopComponentModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NeopComponentModule>;
+}
+
+declare class NpTypographyComponent {
+    private renderer;
+    container: ElementRef;
+    npType: string;
+    npSize: string;
+    npWeight: string;
+    _ngContent: Element | null;
+    set ngContent(value: Element);
+    constructor(renderer: Renderer2);
+    updateContent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpTypographyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTypographyComponent, "np-typography", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; "npWeight": { "alias": "npWeight"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NpButtonComponent {
+    private renderer;
+    container: ElementRef;
+    npType: string;
+    npSize: string;
+    className: string;
+    isLoading: boolean;
+    disabled: boolean;
+    _ngContent: Element | null;
+    set ngContent(value: Element);
+    constructor(renderer: Renderer2);
+    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>;
+}
+
+declare class NpCheckboxComponent {
+    _input: FormControl;
+    set input(value: FormControl | undefined | boolean);
+    type: string;
+    size: string;
+    npType: string;
+    isDisabled: boolean;
+    groupName: string;
+    label?: string;
+    description?: string;
+    isIndeterminate: boolean;
+    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>;
+}
+
+type FormErrorMap = Record<string, string>;
+declare const FORM_ERROR_MAP: InjectionToken<FormErrorMap>;
+
+declare class NpInputFieldComponent {
+    private decimalPipe;
+    private defaultErrorMap?;
+    constructor(decimalPipe: DecimalPipe, defaultErrorMap?: FormErrorMap | undefined);
+    inputRef: ElementRef<HTMLInputElement>;
+    size: string;
+    label?: string;
+    placeholder?: string;
+    iconLeft?: string;
+    iconRight?: string;
+    hint?: string;
+    errorMap?: FormErrorMap;
+    disabled: boolean;
+    limitValue?: number;
+    functionHandler?: Function;
+    submitted: boolean;
+    digitsInfo: string;
+    locale: string;
+    formatDate: string;
+    inputType: string;
+    passwordVisible: boolean;
+    _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;
+    valueChange: EventEmitter<string | number>;
+    iconLeftClick: EventEmitter<void>;
+    iconRightClick: EventEmitter<void>;
+    blur: EventEmitter<FocusEvent>;
+    onChangeValue(): void;
+    updateInputType(): void;
+    togglePassword(): void;
+    get computedStatus(): string | undefined;
+    get errorMessageFromInput(): string | null;
+    handleKeyPress(event: KeyboardEvent): void;
+    onInputChange(event: Event): void;
+    onBlur(event?: FocusEvent): void;
+    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>;
+}
+
+declare class NpInputTexteraComponent {
+    private defaultErrorMap?;
+    constructor(defaultErrorMap?: FormErrorMap | undefined);
+    label: string;
+    placeholder?: string;
+    hint?: string;
+    disabled: boolean;
+    value?: string;
+    limitValue?: number;
+    submitted: boolean;
+    rowSize: {
+        minRows: number;
+        maxRows: number;
+    };
+    _input: FormControl;
+    currentLength: number;
+    set input(value: FormControl | undefined);
+    onTextareaInput(event: Event): void;
+    get computedStatus(): string | undefined;
+    get errorMessageFromInput(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpInputTexteraComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpInputTexteraComponent, "np-input-textera", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "limitValue": { "alias": "limitValue"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "rowSize": { "alias": "rowSize"; "required": false; }; "input": { "alias": "input"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class NpToggleComponent {
+    _input: FormControl;
+    set input(value: FormControl | undefined | boolean);
+    size: string;
+    label?: string;
+    subLabel?: string;
+    disabled: boolean;
+    valueChange: EventEmitter<boolean>;
+    toggleChecked(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpToggleComponent, "np-toggle", never, { "input": { "alias": "input"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+interface NpDictionaryItem {
+    classIcon: any;
+    value: string;
+    label: string;
+    nzValue: string;
+    nzLabel: string;
+    isDisabled?: boolean;
+    type?: string;
+    childrens?: NpDictionaryItem[];
+}
+
+declare enum NpInputMode {
+    DEFAULT = "default",
+    MULTIPLE = "multiple",
+    TAGS = "tags"
+}
+declare class NpSelectComponent {
+    npType: string;
+    className: string;
+    label?: string;
+    hint?: string;
+    placeHolder: string;
+    labelTemplate?: TemplateRef<any>;
+    valueTemplate?: TemplateRef<any>;
+    isAllowClear: boolean;
+    iconPrefixClass?: string;
+    mode: 'multiple' | 'tags' | 'default';
+    listItem: NpDictionaryItem[] | any;
+    NpMode: typeof NpInputMode;
+    _input: FormControl;
+    set input(value: FormControl | undefined);
+    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>;
+}
+
+declare enum NpMode {
+    DEFAULT = "default",
+    MULTIPLE = "multiple",
+    TAGS = "tags"
+}
+declare class NpDropdownsComponent {
+    npType: string;
+    npSize: string;
+    className: string;
+    value: string;
+    useSearch: boolean;
+    alwaysOpen: boolean;
+    placement: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    list: NpDictionaryItem[] | any;
+    valueChange: EventEmitter<NpDictionaryItem>;
+    visible: boolean;
+    searchControl: FormControl<string | null>;
+    originalList: NpDictionaryItem[];
+    filteredList: NpDictionaryItem[];
+    selectedItem: NpDictionaryItem | null;
+    ngOnInit(): void;
+    clickMe(): void;
+    change(value: boolean): void;
+    onSelectItem(item: NpDictionaryItem): void;
+    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>;
+}
+
+interface INpAction {
+    key?: string;
+    classIcon?: string;
+    label?: string;
+    hidden?: boolean;
+    className?: string;
+    onClick?: Function;
+}
+
+interface INpTreeNode {
+    id: string;
+    name: string;
+    isSelected?: boolean;
+    isChecked?: boolean;
+    isIndeterminate?: boolean;
+    type?: string;
+    isActive?: boolean;
+    isExpanded?: boolean;
+    className?: string;
+    iconCollapsed?: string;
+    iconExpanded?: string;
+    iconLeaf?: string;
+    level?: number;
+    parentId?: string | null;
+    childrens?: INpTreeNode[];
+    checkboxType?: 'checkbox' | 'indeterminate' | undefined;
+    isLast?: boolean;
+    isLastByLevel?: {
+        [level: number]: boolean;
+    };
+    hasParentByLevel?: {
+        [level: number]: boolean;
+    };
+    showAction?: boolean;
+    actions?: INpAction[];
+    path?: string;
+}
+
+interface IFlatTreeNode extends INpTreeNode {
+    isLastByLevel?: {
+        [level: number]: boolean;
+    };
+    hasParentByLevel?: {
+        [level: number]: boolean;
+    };
+}
+declare class NpTreeComponent implements OnInit {
+    type: 'checkbox' | 'icon' | 'default';
+    expandPosition: 'left' | 'right';
+    notCompressMin: number;
+    isCompactActions: boolean;
+    autoHideActions: boolean;
+    className: string;
+    _list: INpTreeNode[] | undefined;
+    _flattenList: INpTreeNode[] | undefined;
+    set list(value: INpTreeNode[] | undefined);
+    _input: FormControl;
+    set input(value: FormControl | undefined);
+    valueChange: EventEmitter<string[]>;
+    itemActiveId: string;
+    useLine: boolean;
+    visibleNodes: INpTreeNode[];
+    getFlattenList(arr: INpTreeNode[] | undefined, level?: number, parentId?: string | null, parentLastMap?: Record<number, boolean>, parentMap?: Record<number, boolean>): IFlatTreeNode[];
+    onExpand(event: any, item: INpTreeNode): void;
+    getVisibleNodes(): INpTreeNode[];
+    isParentExpanded(item: INpTreeNode, map: Map<any, INpTreeNode>): boolean;
+    itemHasChildren(item: INpTreeNode): boolean;
+    onSelectItem(item: INpTreeNode): void;
+    onCheckItem(item: INpTreeNode): void;
+    updateParentSelection(parentId: string | undefined): void;
+    updateChildrenSelection(node: INpTreeNode): void;
+    onValueChange(): void;
+    onSelectAction(event: any): void;
+    ngOnInit(): void;
+    normalizeIcons(list: INpTreeNode[]): void;
+    getNodeClasses(item: any, isLast: boolean): {
+        [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>;
+}
+
+declare class NpPaginationComponent implements OnChanges, OnInit {
+    type: 'basic' | 'outlined' | 'text' | 'simple' | 'full';
+    totalItems: number;
+    pageSize: number[];
+    isReverse: boolean;
+    pageSizeChange: EventEmitter<number>;
+    pageTotal: number;
+    private _pageSizeValue;
+    private _pageIndex;
+    isDropdownOpenMap: {
+        [key: string]: boolean;
+    };
+    get pageIndex(): number;
+    set pageIndex(value: number);
+    get pageSizeOptions(): number;
+    set pageSizeOptions(value: number);
+    pageIndexChange: EventEmitter<number>;
+    triggerRef: ElementRef;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    calculatePageTotal(): void;
+    onPageSizeChange(newSize: string): void;
+    dropdownStyleMap: {
+        [key: string]: any;
+    };
+    toggleDropdownByType(type: string): void;
+    onSelectPageSize(size: number): void;
+    getDisplayedPages(): (number | string)[];
+    prevPage(): void;
+    nextPage(): void;
+    changePage(newPage: number | string): void;
+    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>;
+}
+
+declare class NpScrollbarComponent {
+    private renderer;
+    container: ElementRef;
+    width?: string;
+    height?: string;
+    _ngContent: Element | null;
+    set ngContent(value: Element);
+    constructor(renderer: Renderer2);
+    updateContent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpScrollbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpScrollbarComponent, "np-scrollbar", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NpAlertComponent {
+    private el;
+    private renderer;
+    private _alertService;
+    type: 'notification' | 'toast';
+    state: 'success' | 'info' | 'warning' | 'error';
+    description: string;
+    title?: string;
+    message?: string;
+    autoHideDelay: number;
+    autoHide: boolean;
+    isFromService: boolean;
+    isMessageVisible: boolean;
+    opacity: number;
+    padding: string;
+    constructor(el: ElementRef, renderer: Renderer2, _alertService: NpAlertService);
+    ngOnInit(): void;
+    startFadeOut(): void;
+    closeAlert(): void;
+    removeSelf(): void;
+    showMessege(): void;
+    getIcon(): string;
+    getIconNotification(): {
+        icon: string;
+        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>;
+}
+
+declare class NpTooltipComponent {
+    private renderer;
+    type: 'primary' | 'secondary';
+    text: string;
+    descriptions?: string;
+    position?: string;
+    tooltipVisible: boolean;
+    container: ElementRef;
+    _ngContent: Element | null;
+    set ngContent(value: Element);
+    constructor(renderer: Renderer2);
+    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>;
+}
+
+declare enum ETypeNpBreadcrumb {
+    BASIC = "basic",
+    SEPARATORS = "separators",
+    HIGHLIGHT = "highlighted"
+}
+
+interface INpBreadcrumb {
+    label: string;
+    url: string;
+}
+declare class NpBreadcrumbComponent implements OnInit, AfterViewInit {
+    private _Router;
+    private _ActivatedRoute;
+    npType: string;
+    isBorder: boolean;
+    iconBreakDown: string;
+    isBgLast: boolean;
+    isGetFromUrl: boolean;
+    isShowExpand: boolean;
+    breadcrumbs: INpBreadcrumb[] | any;
+    isExpanded: boolean;
+    ETypeNpBreadcrumb: typeof ETypeNpBreadcrumb;
+    idBreadcrum: string;
+    constructor(_Router: Router, _ActivatedRoute: ActivatedRoute);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    getBreadcrumbs(): Promise<void>;
+    private createBreadcrumbs;
+    onRedirect(item: INpBreadcrumb | null): void;
+    onExpand(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpBreadcrumbComponent, "np-breadcrumb", never, { "npType": { "alias": "npType"; "required": false; }; "isBorder": { "alias": "isBorder"; "required": false; }; "iconBreakDown": { "alias": "iconBreakDown"; "required": false; }; "isBgLast": { "alias": "isBgLast"; "required": false; }; "isGetFromUrl": { "alias": "isGetFromUrl"; "required": false; }; "isShowExpand": { "alias": "isShowExpand"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class NpProgressBarComponent {
+    type: 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>;
+}
+
+declare class NpSliderComponent {
+    private _values;
+    get values(): number[];
+    set values(val: number[]);
+    min?: number;
+    max?: number;
+    step: number;
+    tooltipVisible: 'always' | 'never' | 'default';
+    isDisabled: boolean;
+    isFloating: boolean;
+    valuesChange: EventEmitter<number[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpSliderComponent, "np-slider", never, { "values": { "alias": "values"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "tooltipVisible": { "alias": "tooltipVisible"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isFloating": { "alias": "isFloating"; "required": false; }; }, { "valuesChange": "valuesChange"; }, never, never, true, never>;
+}
+
+declare class NpLoadingIndicatorComponent {
+    npType: string;
+    npSize: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpLoadingIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpLoadingIndicatorComponent, "np-loading-indicator", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface INpTableColumn {
+    key: string;
+    label: string;
+    className?: string;
+    headerTemplate?: TemplateRef<any>;
+    template?: TemplateRef<any>;
+    sortFn?: (a: any, b: any) => number;
+    sortDirection?: Array<'asc' | 'desc' | ''>;
+    isSortAPI?: boolean;
+    filterFn?: (value: any, filter: string) => boolean;
+    filterList?: string[];
+    filterListAfterSearch?: string[];
+    isFilterAPI?: boolean;
+}
+
+declare class NpTableComponent {
+    private cdr;
+    constructor(cdr: ChangeDetectorRef);
+    selectAllSub?: Subscription;
+    selectAllFc: FormControl<boolean | null>;
+    isIndeterminateAll: boolean;
+    currentPage: number;
+    _pageSize: number[];
+    currentPageSize: number;
+    paginationWidth: string;
+    isAtStart: boolean;
+    isAtEnd: boolean;
+    _dataSource: any[];
+    sortKey: string | null;
+    sortDirection: 'asc' | 'desc' | null;
+    originalDataSource: any[];
+    activeFilterKey: string | null;
+    searchKeyword: {
+        [key: string]: string;
+    };
+    searchControls: {
+        [key: string]: FormControl;
+    };
+    selectedFilters: {
+        [key: string]: Set<any>;
+    };
+    syncColumns: boolean;
+    syncRows: boolean;
+    filterIcons: QueryList<ElementRef>;
+    dropdownPositionMap: {
+        [key: string]: any;
+    };
+    headerTable: ElementRef;
+    bodyTable: ElementRef;
+    tableContainer: ElementRef;
+    tableMiddle: ElementRef;
+    tableLeft: ElementRef;
+    tableRight: ElementRef;
+    private isSyncingLeftScroll;
+    private isSyncingMiddleScroll;
+    private isSyncingRightScroll;
+    private scrollListeners;
+    _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';
+    state: 'error' | 'loading' | 'normal';
+    className: string;
+    classNameLeft: string;
+    classNameRight: string;
+    scrollColumnsRange: [number, number] | null;
+    scrollWidth: string;
+    scrollHeight: string;
+    isReverse: boolean;
+    showVerticalDivider: boolean;
+    deleteSelectedRows: EventEmitter<any[]>;
+    sortChange: EventEmitter<{
+        key: string;
+        direction: "asc" | "desc" | null;
+    }>;
+    filterChange: EventEmitter<{
+        [key: string]: string[];
+    }>;
+    rowChecked: EventEmitter<{
+        row: any;
+        checked: boolean;
+    }>;
+    set dataSource(value: any[]);
+    set pageSize(value: number[]);
+    get pageSize(): number[];
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    get fixedLeftColumns(): INpTableColumn[];
+    get scrollableColumns(): INpTableColumn[];
+    get fixedRightColumns(): INpTableColumn[];
+    private bindSelectAllListener;
+    get filteredData(): any[];
+    get pagedData(): any[];
+    onPageChange(newPage: number): void;
+    onPageSizeChange(newSize: number): void;
+    onSortColumn(column: INpTableColumn): void;
+    onChangeSelectColumn($event: boolean): void;
+    ngOnDestroy(): void;
+    get selectedCount(): number;
+    onDeleteSelected(): void;
+    onRefresh(): void;
+    onContactSupport(): void;
+    toggleFilter(key: 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;
+    private setupScrollSync;
+    private updatePaginationWidth;
+    private syncRowHeight;
+    onClickOutside(event: MouseEvent): void;
+    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>;
+}
+
+interface INpTab {
+    key: string;
+    label: string;
+    path?: string;
+}
+
+declare class NpTabComponent implements OnInit {
+    private _Router;
+    private _ActivatedRoute;
+    headerWrapperRef: ElementRef;
+    scrollContainerRef: ElementRef;
+    tabItemRefs: QueryList<ElementRef>;
+    tabs: INpTab[];
+    className: string;
+    subClassName: string;
+    tabActive: string;
+    isLink: boolean;
+    npStyle: 'button' | 'underline';
+    npDirection: 'horizontal' | 'vertical';
+    minWidthItem?: string;
+    onChange: EventEmitter<INpTab>;
+    indexActive: number;
+    scrollLeftButton: boolean;
+    scrollRightButton: boolean;
+    constructor(_Router: Router, _ActivatedRoute: ActivatedRoute);
+    ngOnInit(): void;
+    setTabActiveDefault(): void;
+    onChangeTab(tab: INpTab, index: number): void;
+    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>;
+}
+
+declare class NpActionBarComponent {
+    actions: INpAction[];
+    data: any;
+    notCompressMin: number;
+    isNotResponsive: boolean;
+    triggerBtn: ElementRef;
+    resizeContainer: ElementRef;
+    scrollWrapper: ElementRef;
+    unCompressedActions: INpAction[];
+    unCompressedActions2: INpAction[];
+    compressedActions: INpAction[];
+    isMoreOpen: boolean;
+    dropdownStyles: {
+        top: string;
+        left: string;
+    };
+    countIcon: number;
+    countResize: number;
+    canPrevious: boolean;
+    canNext: boolean;
+    isOverflowing: boolean;
+    isPreviousDisable: boolean;
+    isNextDisable: boolean;
+    isReturn: boolean;
+    valueStart: number;
+    isCheckValue: boolean;
+    scrollMaxWidth: number | null;
+    totalActionWidth: number;
+    lastResizeWidth: number;
+    isResize: boolean;
+    iconWidth: number;
+    visibleIcons: number;
+    private resizeStack;
+    private resizeObserver;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private setupResizeObserver;
+    ngOnDestroy(): void;
+    private splitActions;
+    trigger(action: INpAction): void;
+    showMoreActions(): void;
+    onClickOutside(event: MouseEvent): void;
+    onWindowScroll(): void;
+    onResize(): void;
+    private updateScrollState;
+    updateBtnScroll(): void;
+    private attachScrollListener;
+    scrollLeft(): void;
+    scrollRight(): void;
+    getScrollStep(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpActionBarComponent, "np-action-bar", never, { "actions": { "alias": "actions"; "required": false; }; "data": { "alias": "data"; "required": false; }; "notCompressMin": { "alias": "notCompressMin"; "required": false; }; "isNotResponsive": { "alias": "isNotResponsive"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class NpResizeComponent {
+    private renderer;
+    private iconService;
+    container: ElementRef;
+    constructor(renderer: Renderer2, iconService: NzIconService);
+    width: number;
+    height: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    minWidth?: number;
+    minHeight?: number;
+    directions: NzResizeDirection[];
+    isDisable: boolean;
+    id: number;
+    resizeDirection: NzResizeDirection | null;
+    _ngContent: Element | null;
+    ngZorroIconLiteral: string;
+    set ngContent(value: Element);
+    onResize({ width, height, direction }: NzResizeEvent): void;
+    updateContent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpResizeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpResizeComponent, "np-resize", never, { "width": { "alias": "width"; "required": true; }; "height": { "alias": "height"; "required": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "directions": { "alias": "directions"; "required": false; }; "isDisable": { "alias": "isDisable"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NpModalComponent {
+    modalButton: string | TemplateRef<any>;
+    modalTitle: string | TemplateRef<any>;
+    modalDescriptions: string | TemplateRef<any>;
+    modalType: 'confirmation' | 'notification';
+    modalState: 'error' | 'warning' | 'success' | 'default';
+    useIcon: boolean;
+    useCheckBox: boolean;
+    cancelText: string;
+    okText: string;
+    modalContent?: TemplateRef<any>;
+    modalFooter?: TemplateRef<any>;
+    loadingOK: boolean;
+    ok: EventEmitter<void>;
+    cancel: EventEmitter<void>;
+    checkbox: EventEmitter<{
+        checkboxValue: boolean;
+    }>;
+    isVisible: boolean;
+    isOkLoading: boolean;
+    modalWidth: number;
+    checkboxControl: FormControl<boolean | null>;
+    ngOnInit(): void;
+    isTemplate(value: any): value is TemplateRef<any>;
+    get iconPath(): string;
+    showModal(): void;
+    handleOk(): void;
+    handleCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpModalComponent, "np-modal", never, { "modalButton": { "alias": "modalButton"; "required": false; }; "modalTitle": { "alias": "modalTitle"; "required": false; }; "modalDescriptions": { "alias": "modalDescriptions"; "required": false; }; "modalType": { "alias": "modalType"; "required": false; }; "modalState": { "alias": "modalState"; "required": false; }; "useIcon": { "alias": "useIcon"; "required": false; }; "useCheckBox": { "alias": "useCheckBox"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "modalContent": { "alias": "modalContent"; "required": false; }; "modalFooter": { "alias": "modalFooter"; "required": false; }; "loadingOK": { "alias": "loadingOK"; "required": false; }; }, { "ok": "ok"; "cancel": "cancel"; "checkbox": "checkbox"; }, never, never, true, never>;
+}
+
+declare class NpConfirmTemplateComponent {
+    modalTitle: string | TemplateRef<any>;
+    modalDescriptions: string | TemplateRef<any>;
+    modalType: 'confirmation' | 'notification';
+    modalState: 'error' | 'warning' | 'success' | 'default';
+    useIcon: boolean;
+    useCheckBox: boolean;
+    cancelText: string;
+    okText: string;
+    modalContent?: TemplateRef<any>;
+    loadingOK: boolean;
+    ok: EventEmitter<void>;
+    cancel: EventEmitter<void>;
+    checkbox: EventEmitter<{
+        checkboxValue: boolean;
+    }>;
+    isVisible: boolean;
+    isOkLoading: boolean;
+    modalWidth: number;
+    checkboxControl: FormControl<boolean | null>;
+    ngOnInit(): void;
+    isTemplate(value: any): value is TemplateRef<any>;
+    get iconPath(): string;
+    showModal(): void;
+    handleOk(): void;
+    handleCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpConfirmTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpConfirmTemplateComponent, "np-confirm-template", never, { "modalTitle": { "alias": "modalTitle"; "required": false; }; "modalDescriptions": { "alias": "modalDescriptions"; "required": false; }; "modalType": { "alias": "modalType"; "required": false; }; "modalState": { "alias": "modalState"; "required": false; }; "useIcon": { "alias": "useIcon"; "required": false; }; "useCheckBox": { "alias": "useCheckBox"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "modalContent": { "alias": "modalContent"; "required": false; }; "loadingOK": { "alias": "loadingOK"; "required": false; }; }, { "ok": "ok"; "cancel": "cancel"; "checkbox": "checkbox"; }, never, never, true, never>;
+}
+
+declare class NpDialogComponent<R = any> {
+    protected modalRef: NzModalRef<R>;
+    constructor(modalRef: NzModalRef<R>);
+    close(result?: R): void;
+    submit(result?: R): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpDialogComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpDialogComponent<any>, "np-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare enum E_NP_BREADCRUMB {
+    NAME = "name",
+    PARAM = "param"
+}
+
+interface IDefaultModel {
+    _data: any;
+    getId(): string | number | null;
+}
+
+declare class DefaultModel implements IDefaultModel {
+    /**
+     * all keys are in lowercase
+     * @type {{}}
+     * @private
+     */
+    _data: any;
+    /**
+     * all keys are raw
+     * @type {{}}
+     * @private
+     */
+    _raw: any;
+    _idKey: string;
+    _id: any;
+    /**
+     *
+     * @param _data
+     * @param idKey
+     * @param isAutoAssign
+     */
+    constructor(_data?: any, idKey?: string, isAutoAssign?: boolean, isAssignRawData?: boolean);
+    /**
+     * get value of id
+     * @return {any}
+     */
+    getId(): string | number | null;
+    setId(id: string | number | null): void;
+    /**
+     * delete object property
+     * @param key: string
+     */
+    deleteProperty(key: string): void;
+    /**
+     * get key of id
+     * @returns {string}
+     */
+    getIdKey(): string;
+    /**
+     * get value of _data by key
+     * @param key: string
+     * @returns {any}
+     */
+    getValue(key: string): any;
+    /**
+     * set value of _data by key & value of this object's attribute if existed
+     * @param key: string
+     * @param value: string
+     * @returns {any}
+     */
+    setValue(key: string, value: any): any;
+    /**
+     * get raw value of _data by key
+     * @param key: string
+     * @returns {any}
+     */
+    getRawValue(key: string): any;
+    /**
+     * set value of _data by key
+     * @param key: string
+     * @param value: string
+     * @returns {any}
+     */
+    setRawValue(key: string, value: any): any;
+    static describe(instance: any): Array<string>;
+}
+declare namespace DefaultModel { }
+
+export { DefaultModel, ETypeNpBreadcrumb, E_NP_BREADCRUMB, FORM_ERROR_MAP, NeopComponentModule, NpActionBarComponent, NpAlertComponent, NpAlertService, NpBreadcrumbComponent, NpButtonComponent, NpCheckboxComponent, NpConfirmTemplateComponent, NpDialogComponent, NpDialogService, NpDropdownsComponent, NpInputFieldComponent, NpInputMode, NpInputTexteraComponent, NpLoadingIndicatorComponent, NpModalComponent, NpMode, NpPaginationComponent, NpProgressBarComponent, NpResizeComponent, NpScrollbarComponent, NpSelectComponent, NpSliderComponent, NpTabComponent, NpTableComponent, NpToggleComponent, NpTooltipComponent, NpTreeComponent, NpTypographyComponent, TestService, ThemeService };
+export type { AlertData, FormErrorMap, INpTab, INpTableColumn, INpTreeNode, NpDictionaryItem };