mmhglobal-dynamicform 1.3.13 → 2.0.0-beta.2

package/lib/zmodal/zmodal.component.d.ts

@@ -7,6 +7,7 @@ import { Subscription, Observable } from "rxjs";
 import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
 /********** Component & Service **********/
 import { ZGroup, ModalPageParams, WebApiService, AlertService, ZCoreService, FieldService, ResourceApiService, ZComponentOutputEvent } from "mmhglobal-zcore";
+import { ComponentErrorHandlerService } from "../services/component-error-handler.service";
 import * as i0 from "@angular/core";
 export declare class ZmodalComponent extends DialogContentBase implements OnInit, OnDestroy {
     dialog: DialogRef;
@@ -14,6 +15,7 @@ export declare class ZmodalComponent extends DialogContentBase implements OnInit
     private zcoreService;
     private webApiService;
     private resourceApiService;
+    private componentErrorHandler;
     private fieldService;
     private platform;
     private alertService;
@@ -21,7 +23,8 @@ export declare class ZmodalComponent extends DialogContentBase implements OnInit
     group: ZGroup;
     subscription: Subscription;
     backButtonSubscription: Subscription;
-    constructor(dialog: DialogRef, modalCtrl: ModalController, zcoreService: ZCoreService, webApiService: WebApiService, resourceApiService: ResourceApiService, fieldService: FieldService, platform: Platform, alertService: AlertService);
+    constructor(dialog: DialogRef, modalCtrl: ModalController, zcoreService: ZCoreService, webApiService: WebApiService, resourceApiService: ResourceApiService, componentErrorHandler: ComponentErrorHandlerService, // Use in mmhglobal-zmodal.helper
+    fieldService: FieldService, platform: Platform, alertService: AlertService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onCancel(event?: ZComponentOutputEvent): void;

package/lib/znumeric/znumeric.component.d.ts

@@ -1,37 +1,15 @@
 /********** Angular **********/
 import { OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
 /********** Component & Service **********/
-import { ZComponent, ZGroup, ZField, ZComponentProperties } from "mmhglobal-zcore";
+import { ZComponent } from "mmhglobal-zcore";
+import { InputFieldBase } from '../components/inputfieldbase.component';
+import { ZComponentService } from '../services/zcomponent.service';
 import * as i0 from "@angular/core";
-export declare class ZnumericComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    componentProperties: ZComponentProperties;
-    constructor();
+export declare class ZnumericComponent extends InputFieldBase implements ZComponent, OnInit {
+    inputMode: string;
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
     valueHandler(): number;
-    onChange(value: any): void;
-    isMobileScreen(): boolean;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
-    getStyle(RightAlign: boolean): string;
-    autocorrectHandler(): "on" | "off";
-    inputmodeHandler(): string;
-    getKendoStyle(): {
-        margin: string;
-        width: string;
-        "background-color": string;
-        color: string;
-    } | {
-        margin: string;
-        width: string;
-        "background-color"?: undefined;
-        color?: undefined;
-    };
     static ɵfac: i0.ɵɵFactoryDeclaration<ZnumericComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZnumericComponent, "app-znumeric", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZnumericComponent, "app-znumeric", never, {}, {}, never, never>;
 }

package/lib/zpostselectinput/zpostselectinput.component.d.ts

@@ -1,20 +1,18 @@
 /********** Angular **********/
 import { OnInit, OnDestroy } from "@angular/core";
-import { FormGroup } from "@angular/forms";
 /********** Ionic **********/
 import { IonicSelectableComponent } from "ionic-selectable";
 /********** Plugin **********/
 import { Observable } from "rxjs";
 /********** Component & Service **********/
-import { CacheService, ResourceApiService, WebApiService, ZComponent, ZField, ZGroup, ZComponentProperties } from "mmhglobal-zcore";
+import { CacheService, ResourceApiService, WebApiService, ZComponent } from "mmhglobal-zcore";
+import { InputFieldBase } from "../components/inputfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZpostselectinputComponent implements ZComponent, OnInit, OnDestroy {
+export declare class ZpostselectinputComponent extends InputFieldBase implements ZComponent, OnInit, OnDestroy {
     private resourceApiService;
     private webApiService;
     private cacheService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
     selectComponent: IonicSelectableComponent;
     items: Array<any>;
     modelzData: Array<any>;
@@ -27,20 +25,19 @@ export declare class ZpostselectinputComponent implements ZComponent, OnInit, On
     itemTemplate: string;
     infiniteScrollPageNo: number;
     isLoading: boolean;
-    componentProperties: ZComponentProperties;
     private debounceSub;
     dataInfo: {};
-    constructor(resourceApiService: ResourceApiService, webApiService: WebApiService, cacheService: CacheService);
+    constructor(resourceApiService: ResourceApiService, webApiService: WebApiService, cacheService: CacheService, compService: ZComponentService);
     ngOnDestroy(): void;
     ngOnInit(): void;
     lazyLoadDataOptions(): Observable<any>;
     getItemsData(): any;
-    private onChangeEvent;
-    onValueChange(value: any): void;
-    onChange(event: {
+    onChange_desktop(event: any): void;
+    onChange_mobile(event: {
         component: IonicSelectableComponent;
         value: any;
     }): void;
+    private handleInfiniteScrollOnChange;
     clearItems(): void;
     toggleItems(): void;
     confirmItems(): void;
@@ -57,14 +54,7 @@ export declare class ZpostselectinputComponent implements ZComponent, OnInit, On
     handleClose(): void;
     handleBlur(): void;
     getItemTemplate(item: any, data: any, group: any, itemValueField: string, itemTextField: string): any;
-    getReadOnlyValue(): any;
-    getGroupValue(value: string, group: ZGroup): any;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    isMobileScreen(): boolean;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
     onAddItem(event: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZpostselectinputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZpostselectinputComponent, "app-zpostselectinput", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZpostselectinputComponent, "app-zpostselectinput", never, {}, {}, never, never>;
 }

package/lib/zprogressbar/zprogressbar.component.d.ts

@@ -0,0 +1,28 @@
+/********** Angular **********/
+import { OnInit } from "@angular/core";
+import { LabelSettings, ProgressBarAnimation } from "@progress/kendo-angular-progressbar";
+/********** Ionic **********/
+/********** Plugin **********/
+/********** Component & Service **********/
+import { ZComponent } from 'mmhglobal-zcore';
+import { FieldBase } from "../components/fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
+import * as i0 from "@angular/core";
+export declare class ZprogressbarComponent extends FieldBase implements ZComponent, OnInit {
+    private animation;
+    private label;
+    value: any;
+    minValue: number;
+    maxValue: number;
+    options: {
+        indeterminate: boolean;
+        animation: ProgressBarAnimation;
+        label: LabelSettings;
+        progressStyles: any;
+        emptyStyles: any;
+    };
+    constructor(compService: ZComponentService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZprogressbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZprogressbarComponent, "app-zprogressbar", never, {}, {}, never, never>;
+}

package/lib/zreport/zreport.component.d.ts

@@ -1,18 +1,14 @@
 /********** Angular **********/
 import { OnInit, AfterViewInit } from "@angular/core";
-/********** Ionic **********/
-/********** Plugin **********/
 import { TelerikReportViewerComponent } from "@progress/telerik-angular-report-viewer";
 /********** Component & Service **********/
-import { ResourceApiService, ZField, ZGroup, ZComponentProperties } from "mmhglobal-zcore";
+import { ResourceApiService } from "mmhglobal-zcore";
+import { FieldBase } from "../components/fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZreportComponent implements OnInit, AfterViewInit {
+export declare class ZreportComponent extends FieldBase implements OnInit, AfterViewInit {
     private resourceApiService;
-    constructor(resourceApiService: ResourceApiService);
     viewer: TelerikReportViewerComponent;
-    data: ZField;
-    group: ZGroup;
-    componentProperties: ZComponentProperties;
     title: string;
     viewerContainerStyle: {
         position: string;
@@ -20,10 +16,11 @@ export declare class ZreportComponent implements OnInit, AfterViewInit {
         height: string;
         "font-family": string;
     };
+    isVisible: boolean;
     resourceURL: any;
     ReportSource: any;
-    isVisible: boolean;
-    paramToResizeReportViewer: boolean;
+    private paramToResizeReportViewer;
+    constructor(compService: ZComponentService, resourceApiService: ResourceApiService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ready(): void;
@@ -37,5 +34,5 @@ export declare class ZreportComponent implements OnInit, AfterViewInit {
     getFontAwesome(iconName: string): string;
     private resizeViewer;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZreportComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZreportComponent, "app-zreport", never, { "data": "data"; "group": "group"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZreportComponent, "app-zreport", never, {}, {}, never, never>;
 }

package/lib/zselectmultiple/zselectmultiple.component.d.ts

@@ -1,30 +1,25 @@
 /********** Angular **********/
 import { OnInit, OnDestroy } from "@angular/core";
-import { FormGroup } from "@angular/forms";
 /********** Ionic **********/
 import { IonicSelectableComponent } from "ionic-selectable";
 /********** Plugin **********/
 import { Observable } from "rxjs";
 /********** Component & Service **********/
-import { ResourceApiService, WebApiService, CacheService, ClickableIcons, ButtonList, ZComponent, ZGroup, ZField, ZComponentProperties, TooltipsInfoProperties } from "mmhglobal-zcore";
+import { ResourceApiService, WebApiService, CacheService, ClickableIcons, ZComponent, TooltipsInfoProperties } from "mmhglobal-zcore";
+import { InputFieldBase } from "../components/inputfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import { FilterExpandSettings } from "@progress/kendo-angular-treeview";
 import { DropDownFilterSettings } from "@progress/kendo-angular-dropdowns";
 import * as i0 from "@angular/core";
-export declare class ZselectmultipleComponent implements ZComponent, OnInit, OnDestroy {
+export declare class ZselectmultipleComponent extends InputFieldBase implements ZComponent, OnInit, OnDestroy {
     private resourceApiService;
     private webApiService;
     private cacheService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    iconList: ClickableIcons[];
-    buttonList: ButtonList[];
     selectComponent: IonicSelectableComponent;
     showTooltipsInfoIcon: boolean;
     showTooltipsInfoBySide: boolean;
     tooltipsInfo: TooltipsInfoProperties;
-    tooltipsDisplayText: string;
-    tooltipsDisplayIcon: any;
+    iconList: ClickableIcons[];
     items: Array<any>;
     modelzData: Array<any>;
     infinitezData: Array<any>;
@@ -36,14 +31,13 @@ export declare class ZselectmultipleComponent implements ZComponent, OnInit, OnD
     itemTemplate: string;
     infiniteScrollPageNo: number;
     isLoading: boolean;
-    componentProperties: ZComponentProperties;
     private debounceSub;
     allowCustomValue: boolean;
     autoClose: boolean;
     parsedItemsData: any[];
     dataInfo: {};
     filterSettings: DropDownFilterSettings;
-    constructor(resourceApiService: ResourceApiService, webApiService: WebApiService, cacheService: CacheService);
+    constructor(resourceApiService: ResourceApiService, webApiService: WebApiService, cacheService: CacheService, compService: ZComponentService);
     ngOnDestroy(): void;
     virtual: any;
     ngOnInit(): void;
@@ -63,42 +57,23 @@ export declare class ZselectmultipleComponent implements ZComponent, OnInit, OnD
     handleClose(): void;
     handleBlur(): void;
     getItemTemplate(item: any, data: any, group: any, itemValueField: string, itemTextField: string): any;
-    getReadOnlyValue(): any;
-    getIsRequiredValue(): any;
-    getGroupValue(value: string, group: ZGroup): any;
-    getClass(form: FormGroup, data: ZField): string;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
     onAddItem(event: any): any;
     clearData(): void;
     clearItems(): void;
     confirmItems(): void;
     toggleItems(): void;
-    onIconClick(clickAction: string): void;
-    onNavigateTo(clickAction: string): void;
     disableOpenOnFocus(comboboxComponent: any): any;
-    private onChangeEvent;
-    onValueChange(value: any): void;
-    onChange(event: {
+    onChange_desktop(event: any): void;
+    onChange_mobile(event: {
         component: IonicSelectableComponent;
         value: any;
     }): void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    setLabelText(newText: string): void;
-    isMobileScreen(): boolean;
-    /********** TooltipsInfo **********/
-    setTooltipsInfoClass(): "tooltipsinfo-text" | "tooltipsinfo-text-wide";
-    setTooltipsInfoColor(): string;
-    setTooltipsInfoIcon(displayIcon?: string): void;
-    setTooltipsDisplayText(displayText?: string): void;
-    setTooltipsInfoSideBySide(): "ion-row divselectmultiple tooltipsinfo-right" | "ion-row divselectmultiple";
-    getFontAwesome(iconName: string): string;
+    private handleInfiniteScrollOnChange;
     get filterExpandSettings(): FilterExpandSettings;
     hasChildren: (dataitem: any) => boolean;
     handleMultiSelectTreeFilter(value: string): void;
     onMultiSelectTreeSearch(items: any[], searchedText: string): any[];
     contains(text: string, searchedText: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZselectmultipleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZselectmultipleComponent, "app-zselectmultiple", never, { "data": "data"; "group": "group"; "form": "form"; "iconList": "iconList"; "buttonList": "buttonList"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZselectmultipleComponent, "app-zselectmultiple", never, {}, {}, never, never>;
 }

package/lib/ztab/ztab.component.d.ts

@@ -1,29 +1,20 @@
-/********** Angular **********/
 import { OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-/********** Ionic **********/
-/********** Plugin **********/
 import { TabStripComponent } from '@progress/kendo-angular-layout';
-/********** Component & Service **********/
-import { ZComponent, ZTabItem, ZGroup, ZField, ZComponentProperties, AuthService } from 'mmhglobal-zcore';
+import { ZComponent, ZTabItem } from 'mmhglobal-zcore';
+import { ContainerFieldBase } from '../components/containerfieldbase.component';
+import { ZComponentService } from '../services/zcomponent.service';
 import * as i0 from "@angular/core";
-export declare class ZtabComponent implements ZComponent, OnInit {
-    private authService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
+export declare class ZtabComponent extends ContainerFieldBase implements ZComponent, OnInit {
     tabstrip: TabStripComponent;
     state: {
         lastSelectedTabIndex: number;
         currentTabs: ZTabItem[];
         allTabs: ZTabItem[];
     };
-    componentProperties: ZComponentProperties;
-    constructor(authService: AuthService);
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
     private setCurrentTabs;
     private refreshCurrentTabs;
-    ComponentIsVisible(field: ZField): any;
     selectTab: (index: number) => void;
     getSelectedTab(tabIndex: number): boolean;
     setSelectTab(tabIndex: number): void;
@@ -32,10 +23,6 @@ export declare class ZtabComponent implements ZComponent, OnInit {
     private saveState;
     setTabsVisible: (tabIndexes: number[], status: boolean) => void;
     setTabCounter: (tabIndex: number, counter: number | string) => void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    getFontAwesome(iconName: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZtabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZtabComponent, "app-ztab", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZtabComponent, "app-ztab", never, {}, {}, never, never>;
 }

package/lib/ztext/ztext.component.d.ts

@@ -1,54 +1,26 @@
 /********** Angular **********/
 import { OnInit } from "@angular/core";
-import { FormGroup } from '@angular/forms';
 /********** Ionic **********/
 /********** Plugin **********/
 /********** Component & Service **********/
-import { ZGroup, ZField, ZComponentProperties, ZComponent, ClickableIcons, AdornmentProperties, TooltipsInfoProperties } from 'mmhglobal-zcore';
+import { ZComponent, ClickableIcons, AdornmentProperties } from 'mmhglobal-zcore';
+import { InputFieldBase } from "../components/inputfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZtextComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
+export declare class ZtextComponent extends InputFieldBase implements ZComponent, OnInit {
     iconList: ClickableIcons[];
     adornmentList: any[];
-    componentProperties: ZComponentProperties;
-    showTooltipsInfoIcon: boolean;
-    showTooltipsInfoBySide: boolean;
-    tooltipsInfo: TooltipsInfoProperties;
-    tooltipsDisplayText: string;
-    tooltipsDisplayIcon: any;
     showClearButton: any;
-    clearButtonIcon: string;
-    constructor();
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
+    private setupClickableIconList;
     mapInputType(fieldType: string): string;
     mapInputMode(fieldType: string): string;
-    getReadOnlyValue(): any;
-    isMobileScreen(): boolean;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
-    getStyle(RightAlign: boolean): string;
-    setTextboxClass(): "notmobile-textbox-onfocus" | "notmobile-textbox";
-    /********** Textbox Event **********/
-    textboxOnClick(): void;
-    onChange(event: any): void;
-    /********** Icon Button **********/
-    onIconClick(clickAction: string): void;
-    onNavigateTo(clickAction: string): void;
     /********** Adornment **********/
     getAdornmentBackgroundColor(adornment: AdornmentProperties): string;
     adornmentLook(adornment: AdornmentProperties): string;
     onAdornmentClick(adornment: AdornmentProperties): void;
     readOnlyOnClear(): void;
-    /********** TooltipsInfo **********/
-    setTooltipsInfoClass(): "tooltipsinfo-text" | "tooltipsinfo-text-wide";
-    setTooltipsInfoColor(): string;
-    setTooltipsInfoIcon(displayIcon?: string): void;
-    setTooltipsDisplayText(displayText?: string): void;
-    setTooltipsInfoSideBySide(): "ion-row divtextbox tooltipsinfo-right" | "ion-row divtextbox";
     static ɵfac: i0.ɵɵFactoryDeclaration<ZtextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZtextComponent, "app-ztext", never, { "data": "data"; "group": "group"; "form": "form"; "iconList": "iconList"; "adornmentList": "adornmentList"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZtextComponent, "app-ztext", never, {}, {}, never, never>;
 }

package/lib/ztextarea/ztextarea.component.d.ts

@@ -1,36 +1,18 @@
 /********** Angular **********/
 import { OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
 /********** Ionic **********/
 /********** Plugin **********/
 /********** Component & Service **********/
-import { ZComponent, ZField, ZGroup, ZComponentProperties } from 'mmhglobal-zcore';
+import { ZComponent } from 'mmhglobal-zcore';
+import { InputFieldBase } from '../components/inputfieldbase.component';
+import { ZComponentService } from '../services/zcomponent.service';
 import * as i0 from "@angular/core";
-export declare class ZtextareaComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    defaultResizable: string;
-    itemValueField: string;
-    itemTextField: string;
-    itemDataField: string;
-    itemTemplate: string;
-    infinitezData: Array<any>;
-    infiniteSearchText: any;
-    modelzData: Array<any>;
-    componentProperties: ZComponentProperties;
-    constructor();
+export declare class ZtextareaComponent extends InputFieldBase implements ZComponent, OnInit {
+    constructor(compService: ZComponentService);
+    charCounterDisplayStr: string;
     ngOnInit(): void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    onValueChange(value: any): void;
-    private onChangeEvent;
-    getReadOnlyValue(): any;
-    isMobileScreen(): boolean;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
-    getClass(form: FormGroup, data: ZField): string;
-    onClick(): void;
+    private setCharCounterDisplayStr;
+    onChange(event: any, fieldValue?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZtextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZtextareaComponent, "app-ztextarea", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZtextareaComponent, "app-ztextarea", never, {}, {}, never, never>;
 }

package/lib/ztree/ztree.component.d.ts

@@ -1,16 +1,14 @@
 /********** Angular **********/
 import { OnInit, ElementRef, AfterViewInit } from "@angular/core";
-import { FormGroup } from "@angular/forms";
 /********** Ionic **********/
 /********** Plugin **********/
 import { TreeItemDropEvent, TreeItemDragEvent } from "@progress/kendo-angular-treeview";
 /********** Component & Service **********/
-import { ZComponent, ZComponentProperties, ZField, ZGroup } from "mmhglobal-zcore";
+import { ZComponent, ZField, ZGroup } from "mmhglobal-zcore";
+import { DataListingFieldBase } from "../components/datalistingfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZtreeComponent implements ZComponent, OnInit, AfterViewInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
+export declare class ZtreeComponent extends DataListingFieldBase implements ZComponent, OnInit, AfterViewInit {
     nodetemplate: ElementRef;
     items: Array<any>;
     originalItemList: any;
@@ -23,8 +21,7 @@ export declare class ZtreeComponent implements ZComponent, OnInit, AfterViewInit
     itemIndex: any[];
     selectedKeys: any[];
     absoluteText: boolean;
-    componentProperties: ZComponentProperties;
-    constructor();
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     getItems(): any;
@@ -37,9 +34,6 @@ export declare class ZtreeComponent implements ZComponent, OnInit, AfterViewInit
     private expandAllNode;
     handleCollapse(node: any): void;
     handleExpand(node: any): void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
     getTemplate(dataItem: any, data: ZField, group: ZGroup): any;
     convertToTreeItems(dataSet: any[]): any[];
     onSelectionChange(event: any): void;
@@ -54,5 +48,5 @@ export declare class ZtreeComponent implements ZComponent, OnInit, AfterViewInit
     private search;
     private contains;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZtreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZtreeComponent, "app-ztree", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZtreeComponent, "app-ztree", never, {}, {}, never, never>;
 }

package/lib/ztreelist/ztreelist.component.d.ts

@@ -1,13 +1,14 @@
 /********** Angular **********/
 import { OnInit, OnDestroy } from "@angular/core";
-import { FormGroup } from "@angular/forms";
 import { ActivatedRoute, Router } from '@angular/router';
 /********** Ionic **********/
 /********** Plugin **********/
 import { Subscription, Subject } from 'rxjs';
 import { CellClickEvent, ScrollMode } from '@progress/kendo-angular-treelist';
 /********** Component & Service **********/
-import { ZComponent, ZField, ZGroup, ZComponentProperties, FieldService, WebApiService, AuthService } from "mmhglobal-zcore";
+import { ZComponent, FieldService, WebApiService, AuthService } from "mmhglobal-zcore";
+import { ZComponentService } from "../services/zcomponent.service";
+import { DataListingFieldBase } from "../components/datalistingfieldbase.component";
 import * as i0 from "@angular/core";
 export interface ZTreeListColumn {
     field: string;
@@ -41,40 +42,27 @@ export declare class ZTreeListOptions {
     pageAble?: any;
     constructor(sortable?: boolean, resizable?: boolean, filterable?: boolean, reorderable?: boolean, columnMenu?: boolean, scrollable?: ScrollMode, refresh?: boolean, autoBind?: boolean, dataSource?: string, dataBound?: any, idField?: string, parentIdField?: string, columns?: Array<any>, aggregate?: any, pageAble?: any);
 }
-export declare class ZtreelistComponent implements ZComponent, OnInit, OnDestroy {
+export declare class ZtreelistComponent extends DataListingFieldBase implements ZComponent, OnInit, OnDestroy {
     private fieldService;
     private webapiService;
     private activatedRoute;
     private router;
     private authService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
     ztreelist: any;
     subscription: Subscription;
-    dataSource: string;
+    dataSource: any;
     idField: string;
     parentIdField: string;
     options: ZTreeListOptions;
-    componentProperties: ZComponentProperties;
+    gridBtn: any;
     fieldgridColVisible: any[];
     pageSize: number;
-    inlineEditedFormGroups: Array<any>;
+    inlineEditedFormGroups: {};
     isLoading: boolean;
     treelistSubject: Subject<any>;
-    private widthReduce;
-    private heightReduce;
-    constructor(fieldService: FieldService, webapiService: WebApiService, activatedRoute: ActivatedRoute, router: Router, authService: AuthService);
+    constructor(compService: ZComponentService, fieldService: FieldService, webapiService: WebApiService, activatedRoute: ActivatedRoute, router: Router, authService: AuthService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getGridStyle(): {
-        "height.px": number;
-        "width.px": number;
-    };
-    private getGridHeight;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
     setData: (gData: any) => void;
     isButtonHidden(col: any, cellContain: any): any;
     buttonClick(button: any, cellContext: any): void;
@@ -91,18 +79,20 @@ export declare class ZtreelistComponent implements ZComponent, OnInit, OnDestroy
     private getResouceURL;
     cellClickHandler(event: CellClickEvent): void;
     private editModel;
-    private createFormControlsForInlineEdit;
-    getInlineField(value: any): any;
-    getInlineForm(dataItem: any): any;
-    isInlineEditColVisible(dataItem: any, column: any): boolean;
     getFormat(col: any): string;
     setHeaderText(columnName: string, newHeaderTitle: string): void;
     getColClass(dataItem: any, col: any): string;
-    setGridIsLoading(triggered: boolean): void;
     onFilterChange(event: any): void;
-    private mapFilterOperator;
     filterable(value: any): boolean;
     sortable(value: any): boolean;
+    addNew(): void;
+    refreshData(): void;
+    private setupGridButtons;
+    private createFormControlsForInlineEdit;
+    getInlineField(value: any): any;
+    getInlineForm(data: any, rowIndex: number): any;
+    getFormControlData(value: any): any[];
+    isInlineEditColVisible(dataItem: any, column: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZtreelistComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZtreelistComponent, "app-ztreelist", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZtreelistComponent, "app-ztreelist", never, {}, {}, never, never>;
 }

package/lib/zupload/zupload.component.d.ts

@@ -1,25 +1,22 @@
 /********** Angular **********/
 import { OnInit, NgZone } from "@angular/core";
-import { FormGroup } from "@angular/forms";
 import { FileInfo, SuccessEvent, RemoveEvent, UploadEvent, FileRestrictions, ChunkSettings, SelectEvent, UploadComponent } from "@progress/kendo-angular-upload";
 /********** Component & Service **********/
-import { AuthService, ZCoreService, CompressImageService, ZComponent, ZComponentProperties, ZField, ZGroup } from "mmhglobal-zcore";
+import { AuthService, ZCoreService, CompressImageService, ZComponent } from "mmhglobal-zcore";
+import { ZComponentService } from "../services/zcomponent.service";
+import { InputFieldBase } from "../components/inputfieldbase.component";
 import * as i0 from "@angular/core";
 export declare class MyFileInfo implements FileInfo {
     name: string;
     uid?: string;
     myUid?: string;
 }
-export declare class ZuploadComponent implements ZComponent, OnInit {
+export declare class ZuploadComponent extends InputFieldBase implements ZComponent, OnInit {
     private authService;
     private compressImage;
     private zcoreService;
     private ngZone;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
     uploadComponent: UploadComponent;
-    componentProperties: ZComponentProperties;
     uploadAttachmentUrl: string;
     uploadSaveUrl: string;
     uploadRemoveUrl: string;
@@ -33,12 +30,8 @@ export declare class ZuploadComponent implements ZComponent, OnInit {
     fileList: any[];
     restrictions: FileRestrictions;
     chunkSettings: ChunkSettings;
-    constructor(authService: AuthService, compressImage: CompressImageService, zcoreService: ZCoreService, ngZone: NgZone);
+    constructor(compService: ZComponentService, authService: AuthService, compressImage: CompressImageService, zcoreService: ZCoreService, ngZone: NgZone);
     ngOnInit(): void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
     onSuccess(e: SuccessEvent): void;
     private compressionConfigHandler;
     private convertSizeToByte;
@@ -48,5 +41,5 @@ export declare class ZuploadComponent implements ZComponent, OnInit {
     selectEventHandler(e: SelectEvent): void;
     clearFiles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZuploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZuploadComponent, "app-zupload", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZuploadComponent, "app-zupload", never, {}, {}, never, never>;
 }