@neoprototype/neop-ui-lib 1.0.26 → 1.0.28

package/lib/components/basic/np-alert/np-alert.component.d.ts

@@ -1,9 +1,11 @@
 import { ElementRef, Renderer2 } from '@angular/core';
+import { NpAlertService } from '../../../services/np-alert.service';
 import * as i0 from "@angular/core";
 export declare class NpAlertComponent {
     private el;
     private renderer;
-    type: string;
+    private _alertService;
+    type: 'notification' | 'toast';
     state: 'success' | 'info' | 'warning' | 'error';
     description: string;
     title?: string;
@@ -11,7 +13,8 @@ export declare class NpAlertComponent {
     autoHide: boolean;
     isMessageVisible: boolean;
     opacity: number;
-    constructor(el: ElementRef, renderer: Renderer2);
+    isFromService: boolean;
+    constructor(el: ElementRef, renderer: Renderer2, _alertService: NpAlertService);
     ngOnInit(): void;
     startFadeOut(): void;
     closeAlert(): void;

package/lib/components/basic/np-breadcrumb/np-breadcrumb.component.d.ts

@@ -14,6 +14,7 @@ export declare class NpBreadcrumbComponent implements OnInit, AfterViewInit {
     iconBreakDown: string;
     isBgLast: boolean;
     isGetFromUrl: boolean;
+    isShowExpand: boolean;
     breadcrumbs: INpBreadcrumb[] | any;
     isExpanded: boolean;
     ETypeNpBreadcrumb: typeof ETypeNpBreadcrumb;
@@ -26,6 +27,6 @@ export declare class NpBreadcrumbComponent implements OnInit, AfterViewInit {
     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; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, 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>;
 }
 export {};

package/lib/components/basic/np-input-field/np-input-field.component.d.ts

@@ -31,6 +31,7 @@ export declare class NpInputFieldComponent {
     valueChange: EventEmitter<string | number>;
     iconLeftClick: EventEmitter<void>;
     iconRightClick: EventEmitter<void>;
+    blur: EventEmitter<FocusEvent>;
     onChangeValue(): void;
     updateInputType(): void;
     togglePassword(): void;
@@ -38,9 +39,9 @@ export declare class NpInputFieldComponent {
     get errorMessageFromInput(): string | null;
     handleKeyPress(event: KeyboardEvent): void;
     onInputChange(event: Event): void;
-    onBlur(): 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; }; "input": { "alias": "input"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; "iconLeftClick": "iconLeftClick"; "iconRightClick": "iconRightClick"; }, 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; }; "input": { "alias": "input"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; "iconLeftClick": "iconLeftClick"; "iconRightClick": "iconRightClick"; "blur": "blur"; }, never, never, true, never>;
 }

package/lib/components/basic/np-input-textera/np-input-textera.component.d.ts

@@ -11,6 +11,10 @@ export declare class NpInputTexteraComponent {
     value?: string;
     limitValue?: number;
     submitted: boolean;
+    rowSize: {
+        minRows: number;
+        maxRows: number;
+    };
     _input: FormControl;
     currentLength: number;
     set input(value: FormControl | undefined);
@@ -18,5 +22,5 @@ export declare class NpInputTexteraComponent {
     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; }; "input": { "alias": "input"; "required": false; }; }, {}, never, never, true, never>;
+    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>;
 }

package/lib/components/basic/np-tab/np-tab.component.d.ts

@@ -8,12 +8,19 @@ export declare class NpTabComponent implements OnInit {
     tabs: INpTab[];
     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;
+    scrollLeft(): void;
+    scrollRight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NpTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NpTabComponent, "np-tab", never, { "tabs": { "alias": "tabs"; "required": false; }; "tabActive": { "alias": "tabActive"; "required": false; }; "isLink": { "alias": "isLink"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTabComponent, "np-tab", never, { "tabs": { "alias": "tabs"; "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>;
 }

package/lib/components/basic/np-table/np-table.component.d.ts

@@ -83,6 +83,7 @@ export declare class NpTableComponent {
     getFilteredColumnValues(colKey: string): any[];
     isChecked(colKey: string, value: any): FormControl;
     onToggleFilter(colKey: string, value: any, checked: boolean): void;
+    onClearFilter(colKey: string): void;
     onClickOutside(event: MouseEvent): void;
     onScrollCloseFilter(): void;
     onResizeWindow(): void;

package/lib/components/modal/confirm-template/confirm-template.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/lib/components/modal/np-dialog/np-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/lib/services/np-alert.service.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+export interface AlertData {
+    type: 'toast' | 'notification';
+    state: 'success' | 'info' | 'warning' | 'error';
+    title?: string;
+    description: string;
+    message?: string;
+    autoHide?: boolean;
+    isFromService?: boolean;
+}
+export declare class NpAlertService {
+    private alertSubject;
+    alert$: import("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>;
+}

package/package.json

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

package/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/services/test.service';
 export * from './lib/services/theme.service';
 export * from './lib/services/np-dialog.service';
+export * from './lib/services/np-alert.service';
 export * from './lib/components/neop-component.module';
 export * from './lib/components/basic/np-typography/np-typography.component';
 export * from './lib/components/basic/np-button/np-button.component';
@@ -23,6 +24,8 @@ export * from './lib/components/basic/np-table/np-table.component';
 export * from './lib/components/basic/np-tab/np-tab.component';
 export * from './lib/components/basic/np-action-bar/np-action-bar.component';
 export * from './lib/components/basic/np-resize/np-resize.component';
+export * from './lib/components/modal/confirm-template/confirm-template.component';
+export * from './lib/components/modal/np-dialog/np-dialog.component';
 export * from './lib/components/modal/np-modal/np-modal.component';
 export * from './lib/enum/np-breadcrumb.enum';
 export * from './lib/enum/basic/breadcrumb.enum';