mmhglobal-dynamicform 1.3.13 → 2.0.0-beta.2

package/lib/zcheckbox/zcheckbox.component.d.ts

@@ -1,41 +1,11 @@
-/********** Angular **********/
 import { OnInit } from "@angular/core";
-import { FormGroup } from "@angular/forms";
-/********** Ionic **********/
-/********** Plugin **********/
-/********** Component & Service **********/
-import { ZGroup, ZField, ZComponentProperties, ZComponent } 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 ZcheckboxComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    componentProperties: ZComponentProperties;
-    showTooltipsInfoIcon: boolean;
-    showTooltipsInfoBySide: boolean;
-    tooltipsInfo: any;
-    tooltipsDisplayText: string;
-    tooltipsDisplayIcon: any;
-    useKendoSwitch: boolean;
-    constructor();
+export declare class ZcheckboxComponent extends InputFieldBase implements ZComponent, OnInit {
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
-    isMobileScreen(): boolean;
-    onSwitchChange(event: any): void;
-    onChange(event: any): void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
-    getLabelStyle(): {
-        order: number;
-        "white-space": string;
-    };
-    getCheckboxClass(): string;
-    getClass(form: FormGroup, data: ZField): string;
-    /********** TooltipsInfo **********/
-    setTooltipsInfoColor(): any;
-    setTooltipsInfoIcon(displayIcon?: string): void;
-    setTooltipsDisplayText(displayText?: string): void;
-    setTooltipsInfoSideBySide(): "" | "tooltipsinfo-right" | "notooltipsinfo-adjustment";
     static ɵfac: i0.ɵɵFactoryDeclaration<ZcheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZcheckboxComponent, "app-zcheckbox", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZcheckboxComponent, "app-zcheckbox", never, {}, {}, never, never>;
 }

package/lib/zchip/zchip.component.d.ts

@@ -1,14 +1,10 @@
-/********** Angular **********/
 import { OnInit } from "@angular/core";
 import { FormGroup } from '@angular/forms';
-/********** Ionic **********/
-/********** Plugin **********/
-import { TooltipDirective } from '@progress/kendo-angular-tooltip';
-/********** Component & Service **********/
-import { ZComponent, ZGroup, ZField, ZComponentProperties, AuthService } from 'mmhglobal-zcore';
+import { ZComponent, ZGroup, ZField, ZComponentProperties } from 'mmhglobal-zcore';
+import { InputFieldBase } from "../components/inputfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZChipComponent implements ZComponent, OnInit {
-    private authService;
+export declare class ZChipComponent extends InputFieldBase implements ZComponent, OnInit {
     data: ZField;
     group: ZGroup;
     form: FormGroup;
@@ -16,20 +12,15 @@ export declare class ZChipComponent implements ZComponent, OnInit {
     private selectedIcon;
     componentProperties: ZComponentProperties;
     dataSource: any;
-    tooltipDir: TooltipDirective;
-    constructor(authService: AuthService);
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
-    private setupDataSource;
-    getClass(): string;
     getChipClass(chip: any): any;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
     chipListChangeSelection(selectedChipIndexes: any): void;
     chipChangeSelection(chip: any): void;
     getDataValue(): any;
     mouseover(event: any, chip: any): void;
-    showTooltip(e: MouseEvent): void;
+    getClass(form: FormGroup, data: ZField): string;
+    private setupDataSource;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZChipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ZChipComponent, "app-zchip", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
 }

package/lib/zdatetime/zdatetime.component.d.ts

@@ -1,29 +1,21 @@
 /********** Angular **********/
 import { OnInit } from "@angular/core";
-import { FormGroup } from "@angular/forms";
 /********** Ionic **********/
 /********** Plugin **********/
 import { PreventableEvent } from '@progress/kendo-angular-dateinputs';
 /********** 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 ZdatetimeComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
+export declare class ZdatetimeComponent extends InputFieldBase implements ZComponent, OnInit {
     dateFormat: string;
-    componentProperties: ZComponentProperties;
-    constructor();
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
     toKendoDateFormat(): string;
-    getReadOnlyValue(): any;
-    isMobileScreen(): boolean;
     getDateValue(): Date;
     GetDate(date: Date): void;
     onChange(value: Date): void;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
     SetDateRange: (MinDate: string, MaxDate: string) => any;
     handlePreventableEvent(event: PreventableEvent, eventName: string, preventDefault: boolean): void;
     private dateAppendEvent;
@@ -35,5 +27,5 @@ export declare class ZdatetimeComponent implements ZComponent, OnInit {
     private currentDateTimeValue;
     private setDateTimeToModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZdatetimeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZdatetimeComponent, "app-zdatetime", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZdatetimeComponent, "app-zdatetime", never, {}, {}, never, never>;
 }

package/lib/zdiv/zdiv.component.d.ts

@@ -1,23 +1,16 @@
-/********** Angular **********/
 import { OnInit } from "@angular/core";
-import { FormGroup } from "@angular/forms";
-/********** Ionic **********/
-/********** Plugin **********/
-/********** Component & Service **********/
-import { ZComponent, ZField, ZGroup, ZComponentProperties, AuthService } from 'mmhglobal-zcore';
+import { ZComponent } from 'mmhglobal-zcore';
+import { ContainerFieldBase } from "../components/containerfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZdivComponent implements ZComponent, OnInit {
-    private authService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    componentProperties: ZComponentProperties;
-    constructor(authService: AuthService);
+export declare class ZdivComponent extends ContainerFieldBase implements ZComponent, OnInit {
+    private readonly DEFAULT_LAYOUT;
+    private readonly DEFAULT_LAYOUT_ALIGN;
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
-    ComponentIsVisible(field: ZField): any;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
+    private setupDivLayout;
+    getFlexSize(field: any, size?: string): any;
+    private getDivClassValueByScreenSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZdivComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZdivComponent, "app-zdiv", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZdivComponent, "app-zdiv", never, {}, {}, never, never>;
 }

package/lib/zformcontrol/zformcontrol.component.d.ts

@@ -14,11 +14,12 @@ export declare class ZformcontrolComponent implements OnInit, OnDestroy {
     field: ZField;
     group: ZGroup;
     form: FormGroup;
+    containerField: ZField;
     fieldElement: FieldElementDirective;
     componentRef: any;
     constructor(componentFactoryResolver: ComponentFactoryResolver, zcomponentService: ZComponentService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZformcontrolComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZformcontrolComponent, "app-zformcontrol", never, { "field": "field"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZformcontrolComponent, "app-zformcontrol", never, { "field": "field"; "group": "group"; "form": "form"; "containerField": "containerField"; }, {}, never, never>;
 }

package/lib/zgauge/zgauge.component.d.ts

@@ -1,17 +1,14 @@
 /********** 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 { FieldBase } from "../components/fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZgaugeComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
+export declare class ZgaugeComponent extends FieldBase implements ZComponent, OnInit {
     isLoading: boolean;
-    componentProperties: ZComponentProperties;
     private value;
     private title;
     private color;
@@ -24,17 +21,19 @@ export declare class ZgaugeComponent implements ZComponent, OnInit {
     options: {
         value: number;
         title: string;
+        chartInnerText1: string;
+        chartInnerText2: string;
         scaleMax: number;
         colors: any[];
         transitions: boolean;
         majorTicks: {
             visible: boolean;
             color: string;
-        }[];
+        };
         minorTicks: {
             visible: boolean;
             color: string;
-        }[];
+        };
         minValue: number;
         maxValue: number;
         reverse: boolean;
@@ -49,16 +48,14 @@ export declare class ZgaugeComponent implements ZComponent, OnInit {
         showLabels: boolean;
         rangeSize: number;
     };
-    constructor();
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
+    getGaugeStyle(): any;
     private getFieldDeclarationForSetup;
     alignment(): {
         "padding-right": any;
     };
-    setEnable(status: boolean): void;
-    setVisible(status: boolean): void;
-    setRequire(status: boolean): void;
     setData(gData: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZgaugeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZgaugeComponent, "app-zgauge", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZgaugeComponent, "app-zgauge", never, {}, {}, never, never>;
 }

package/lib/zgrid/zgrid.binding.directive.d.ts

@@ -7,10 +7,11 @@ import { Observable, Subject } from "rxjs";
 import { DataBindingDirective, DataStateChangeEvent, PageChangeEvent } from "@progress/kendo-angular-grid";
 import { SortDescriptor, State } from "@progress/kendo-data-query";
 /********** Component & Service **********/
-import { AuthService, WebApiService, ZField, ZGridPostApiParams, ZGridStatePersistingService, ZGroup, StorageSessionService } from "mmhglobal-zcore";
+import { AuthService, WebApiService, ZField, ZGridPostApiParams, ZGridStatePersistingService, ZGroup, StorageSessionService, ToastService } from "mmhglobal-zcore";
 import * as i0 from "@angular/core";
 export declare class ZGridBindingDirective extends DataBindingDirective implements OnInit, OnDestroy {
     private webapiService;
+    private toastService;
     private authService;
     private storageService;
     private router;
@@ -33,7 +34,7 @@ export declare class ZGridBindingDirective extends DataBindingDirective implemen
     get gridSubject(): Subject<any>;
     get params(): ZGridPostApiParams;
     get getData(): any[] | import("@progress/kendo-angular-grid").GridDataResult;
-    constructor(grid: any, webapiService: WebApiService, authService: AuthService, storageService: StorageSessionService, router: Router, zGridStatePersistingService: ZGridStatePersistingService);
+    constructor(grid: any, webapiService: WebApiService, toastService: ToastService, authService: AuthService, storageService: StorageSessionService, router: Router, zGridStatePersistingService: ZGridStatePersistingService);
     ngOnInit(): void;
     private setFilterParamsByParentRefId;
     private getFieldReferenceId;
@@ -48,6 +49,7 @@ export declare class ZGridBindingDirective extends DataBindingDirective implemen
     private getGrantType;
     private setHiddenColumn;
     getDataBinding(): void;
+    private handleGetDataBindingComplete;
     clearData(): void;
     private aggregateHandling;
     private aggregateResetValue;

package/lib/zgrid/zgrid.component.d.ts

@@ -6,14 +6,17 @@ import { ActivatedRoute, Router } from "@angular/router";
 /********** Plugin **********/
 import { Observable, Subject, Subscription } from "rxjs";
 import { ExcelExportData } from '@progress/kendo-angular-excel-export';
-import { GridItem, ScrollMode, SelectableSettings } from '@progress/kendo-angular-grid';
+import { GridItem, SelectableSettings } from '@progress/kendo-angular-grid';
 import { SortDescriptor, State } from "@progress/kendo-data-query";
 import { TooltipDirective } from '@progress/kendo-angular-tooltip';
 import { GridDataResult, DataStateChangeEvent, PageChangeEvent, CellClickEvent, RowArgs, ColumnReorderEvent } from "@progress/kendo-angular-grid";
 /********** Component & Service **********/
 import { MainService } from "../services/main.service";
 import { ZGridBindingDirective } from "./zgrid.binding.directive";
-import { AuthService, WebApiService, ToastService, ZField, ZGroup, ZComponent, ZComponentProperties, ZComponentOutputEvent, ZCoreService, ZGridStatePersistingService, ZGridPostApiParams, ZGridCustomColumn, StorageSessionService } from 'mmhglobal-zcore';
+import { ElementContainerDirective } from "../directives/elementcontainer.directive";
+import { AuthService, WebApiService, ToastService, ZField, ZGroup, ZComponent, ZComponentOutputEvent, ZCoreService, ZGridStatePersistingService, ZGridPostApiParams, ZGridCustomColumn, StorageSessionService } from 'mmhglobal-zcore';
+import { ZComponentService } from "../services/zcomponent.service";
+import { DataListingFieldBase } from "../components/datalistingfieldbase.component";
 import * as i0 from "@angular/core";
 export interface ZGrid {
     params: ZGridPostApiParams;
@@ -30,7 +33,7 @@ export interface ZGrid {
     setData: (data: any) => void;
     setColumns: (columnFieldsName: string, columns: Array<ZGridCustomColumn>) => void;
 }
-export declare class ZgridComponent implements ZComponent, OnInit, OnDestroy {
+export declare class ZgridComponent extends DataListingFieldBase implements ZComponent, OnInit, OnDestroy {
     private activatedRoute;
     private router;
     private formBuilder;
@@ -41,36 +44,34 @@ export declare class ZgridComponent implements ZComponent, OnInit, OnDestroy {
     private zcoreService;
     private storageService;
     private mainService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
     tooltipDir: TooltipDirective;
+    elementContainer: ElementContainerDirective;
     zgrid: any;
     oauthUrl: string;
-    scrollMode: ScrollMode;
     gridData: GridDataResult;
     selectableSettings: SelectableSettings;
     mySelection: any[];
-    inlineEditedFormGroups: FormGroup;
+    inlineEditedFormGroups: {};
     formGroup: FormGroup;
     previousNext: boolean;
-    componentProperties: ZComponentProperties;
+    gridBtn: any;
+    pageable: any;
+    filterGroup: ZGroup;
+    advfilterGroup: ZGroup;
+    isShowAdvFilter: boolean;
     _state: State;
     params: ZGridPostApiParams;
     gridSubject: Subject<any>;
-    private widthReduce;
-    private heightReduce;
     private gData;
     columns: any[];
     editableColumns: any[];
     subscription: Subscription;
     pageSizes: boolean | any[];
-    isLoading: boolean;
     gridStorageKey: string;
     gridDefaultStateExist: boolean;
     isNew: boolean;
     private editedRowIndex;
-    constructor(activatedRoute: ActivatedRoute, router: Router, formBuilder: FormBuilder, authService: AuthService, webApiService: WebApiService, zGridStatePersistingService: ZGridStatePersistingService, toastService: ToastService, zcoreService: ZCoreService, storageService: StorageSessionService, mainService: MainService);
+    constructor(compService: ZComponentService, activatedRoute: ActivatedRoute, router: Router, formBuilder: FormBuilder, authService: AuthService, webApiService: WebApiService, zGridStatePersistingService: ZGridStatePersistingService, toastService: ToastService, zcoreService: ZCoreService, storageService: StorageSessionService, mainService: MainService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     get state(): State;
@@ -79,11 +80,6 @@ export declare class ZgridComponent implements ZComponent, OnInit, OnDestroy {
     filterable(value: any): boolean;
     sortable(value: any): boolean;
     locked(colSetting: any): boolean;
-    getGridStyle(): {
-        "height.px": number;
-        "width.px": number;
-    };
-    private getGridHeight;
     isSelectOption(): boolean;
     setColumns(columnName: string, columns: Array<ZGridCustomColumn>): void;
     private wrapColumnNamesInFieldElement;
@@ -93,8 +89,6 @@ export declare class ZgridComponent implements ZComponent, OnInit, OnDestroy {
     setData: (gData: any) => void;
     getData(): void;
     getGridData(): any;
-    getFormControl(rowIndex: number, property: string): import("@angular/forms").AbstractControl;
-    private createFormControls;
     createFormGroup(dataItem: any, fieldName: any): FormGroup;
     getGroupValue(value: string, group: ZGroup): any;
     onBtnClick(event: any, colSetting: any, rowData: any, cellData: string): void;
@@ -113,26 +107,25 @@ export declare class ZgridComponent implements ZComponent, OnInit, OnDestroy {
     getClass(dataItem: any, col: any): string;
     getFormat(col: any, defaultFormat?: any): string;
     setHeaderText(columnName: string, newHeaderTitle: string): void;
-    setGridIsLoading(triggered: boolean): void;
     setGridSessionKey(group: ZGroup): void;
     trackBy(index: number, item: GridItem): any;
     saveGridSettings(): void;
     restoreGridSettings(): void;
     private getGridSettings;
+    private createFormControls;
     getInlineField(value: any): any;
-    getInlineForm(rowIndex: number): import("@angular/forms").AbstractControl;
-    getFormControlData(value: any): any;
+    getInlineForm(data: any, rowIndex: number): any;
+    getFormControlData(value: any): any[];
     beforeGridGetData(group: ZGroup, me: any): Observable<any>;
     getGridSessionFilter(group: ZGroup, me: any): Promise<any>;
     setGridSessionFilter(group: ZGroup, me: any): any;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
+    adjustWidthUponResize(): void;
     filterChange(event: any): void;
     pageChange(event: PageChangeEvent): void;
     sortChange(sort: SortDescriptor[]): void;
     inCellCheckBoxOnChange(event: any, rowIndex: any, column: any): void;
     columnsOrderChanged(event: ColumnReorderEvent): void;
+    private setupGridButtons;
     addHandler({ sender }: {
         sender: any;
     }): void;
@@ -157,6 +150,12 @@ export declare class ZgridComponent implements ZComponent, OnInit, OnDestroy {
     }): void;
     private closeEditor;
     private getItemIndex;
+    private setupFilterFeature;
+    search(): void;
+    cancelEdit(): void;
+    private clearFilterData;
+    advancedSearch(): void;
+    private mapFilterOperatorByFieldType;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZgridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZgridComponent, "app-zgrid", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZgridComponent, "app-zgrid", never, {}, {}, never, never>;
 }

package/lib/zimg/zimg.component.d.ts

@@ -1,37 +1,18 @@
 /********** Angular **********/
-import { OnInit, OnDestroy } from "@angular/core";
-import { FormGroup } from '@angular/forms';
-/********** Ionic **********/
-/********** Plugin **********/
-import { Subscription } from "rxjs";
+import { OnInit } from "@angular/core";
 /********** Component & Service **********/
-import { ZComponent, ZField, ZGroup, ZComponentProperties, AttachmentService } from "mmhglobal-zcore";
+import { ZComponent, AttachmentService } from "mmhglobal-zcore";
+import { ZComponentService } from "../services/zcomponent.service";
+import { InputFieldBase } from "../components/inputfieldbase.component";
 import * as i0 from "@angular/core";
-export declare class ZimgComponent implements ZComponent, OnInit, OnDestroy {
+export declare class ZimgComponent extends InputFieldBase implements ZComponent, OnInit {
     private attachmentService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    imgWidth: string;
-    imgHeight: string;
-    imgSrc: string;
-    randomNumber: number;
-    componentProperties: ZComponentProperties;
-    subscription: Subscription;
-    Guid: any;
-    FileName: any;
-    Image: string;
-    constructor(attachmentService: AttachmentService);
-    ngOnInit(): Promise<void>;
-    ngOnDestroy(): void;
-    onDataSourceChange(): string;
-    getGroupValue(value: string, group: any): any;
-    getImgStyle(): any;
-    onIconClick(): any;
-    getIconName(): any;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
+    imgSource: any;
+    constructor(compService: ZComponentService, attachmentService: AttachmentService);
+    ngOnInit(): void;
+    setImageSource(): void;
+    private getImageSource;
+    private setImageSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZimgComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZimgComponent, "app-zimg", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZimgComponent, "app-zimg", never, {}, {}, never, never>;
 }

package/lib/zinput-container/zinput-container.component.d.ts

@@ -0,0 +1,26 @@
+/********** Angular **********/
+import { OnInit } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import { ZComponent, ZField, ZGroup } from 'mmhglobal-zcore';
+import { InputFieldBase } from "../components/inputfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
+import * as i0 from "@angular/core";
+export declare class ZInputContainerComponent extends InputFieldBase implements ZComponent, OnInit {
+    data: ZField;
+    group: ZGroup;
+    form: FormGroup;
+    readonly ztext_type: string[];
+    readonly zselect_type: string[];
+    readonly zdate_type: string[];
+    readonly zpostselectinput_type: string[];
+    readonly zcheckbox_type: string[];
+    readonly znumeric_type: string[];
+    readonly textarea_type: string[];
+    readonly zupload_type: string[];
+    readonly zimg_type: string[];
+    constructor(compService: ZComponentService);
+    ngOnInit(): void;
+    getClass(form: FormGroup, data: ZField): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZInputContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZInputContainerComponent, "app-zinput-container", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+}

package/lib/zinput-container/zinput-container.pipe.d.ts

@@ -0,0 +1,20 @@
+import { PipeTransform } from "@angular/core";
+import { CacheService, ResourceApiService, WebApiService, ZField, ZGroup } from "mmhglobal-zcore";
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class ZInputParser implements PipeTransform {
+    private resourceApiService;
+    private cacheService;
+    private webApiService;
+    private readonly zdate_type;
+    private readonly zcheckbox_type;
+    private readonly zselect_type;
+    constructor(resourceApiService: ResourceApiService, cacheService: CacheService, webApiService: WebApiService);
+    transform(value: any, data: ZField, group: ZGroup): Observable<string>;
+    private getDateTimeFormat;
+    private loadZData;
+    private getItemsData;
+    private getItemTemplate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZInputParser, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ZInputParser, "inputText">;
+}

package/lib/zlabel/zlabel.component.d.ts

@@ -1,31 +1,12 @@
-/********** 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 ZlabelComponent implements ZComponent, OnInit {
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    componentProperties: ZComponentProperties;
+export declare class ZlabelComponent extends InputFieldBase implements ZComponent, OnInit {
     labelText: string;
-    labelList: any[];
-    constructor();
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
-    getReadOnlyValue(): any;
-    isVisible(): any;
-    setVisible: (status: boolean) => void;
-    getIon_InvalidClass(form: FormGroup, data: ZField): string;
-    getClass(form: FormGroup, data: ZField): string;
-    getFontAwesome(iconName: any): string;
-    setData: (data: any) => void;
-    getLabelData(): string;
-    setLabelList: (data: any) => void;
-    getLabelList(): any[];
-    private convertLabelToLabelList;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZlabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZlabelComponent, "app-zlabel", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZlabelComponent, "app-zlabel", never, {}, {}, never, never>;
 }

package/lib/zmfb/zmfb.component.d.ts

@@ -1,48 +1,40 @@
 /********** Angular **********/
 import { OnInit } from "@angular/core";
-import { FormGroup } from '@angular/forms';
 /********** Ionic **********/
 /********** Plugin **********/
 import { DialItemClickEvent, FabAlign, FabPositionMode } from '@progress/kendo-angular-buttons';
 /********** Component & Service **********/
-import { FieldService, ResourceApiService, WorkflowService, ZComponent, ZComponentProperties, ZField, ZGroup } from 'mmhglobal-zcore';
+import { FieldService, ResourceApiService, WorkflowService, ZComponent } from 'mmhglobal-zcore';
+import { ButtonFieldBase } from "../components/buttonfieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
 import * as i0 from "@angular/core";
-export declare class ZmfbComponent implements ZComponent, OnInit {
+export declare class ZmfbComponent extends ButtonFieldBase implements ZComponent, OnInit {
     private fieldService;
     private resourceApiService;
     private workflowService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    componentProperties: ZComponentProperties;
     positionMode: FabPositionMode;
-    bottomEnd: FabAlign;
+    align: FabAlign;
     items: Array<any>;
     dialOpen: boolean;
     isWorkflowButton: boolean;
     buttonColor: string;
-    constructor(fieldService: FieldService, resourceApiService: ResourceApiService, workflowService: WorkflowService);
-    /******************** Common function ********************/
+    private buttonField;
+    constructor(compService: ZComponentService, fieldService: FieldService, resourceApiService: ResourceApiService, workflowService: WorkflowService);
     ngOnInit(): void;
-    isMobileScreen(): boolean;
-    isBtnVisible(fieldExpr: any): any;
-    setVisible: (status: boolean) => void;
-    /******************** zButton ********************/
-    private getFirstzButton;
-    private getButtonLabel;
-    private buttonClick;
-    events: string[];
+    private setupComponent;
     onBlur(): void;
     onFocus(): void;
     onOpen(e: any): void;
     onClose(e: any): void;
     onDialItemClick(e: DialItemClickEvent): void;
-    /******************** zWorkflowButton ********************/
+    private setupDefaultDialItems;
+    private getFirstzButton;
+    getButtonLabel(button: any): any;
     e1wfs_wfcGetWorkflowButtonURL: any;
     e1wfs_wfc_getWorkflowInitialStatusURL: any;
     e1wfs_wfc_getDocumentStatusURL: any;
     private loadWorkflowButton;
     workflowButtonClick(button: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZmfbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZmfbComponent, "app-zmfb", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZmfbComponent, "app-zmfb", never, {}, {}, never, never>;
 }

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

@@ -5,16 +5,19 @@ import { OnInit, OnDestroy } from "@angular/core";
 import { Subscription, Observable } from "rxjs";
 /********** Component & Service **********/
 import { WebApiService, ModalPageParams, ZGroup, ZCoreService, ZComponentOutputEvent, FieldService } from "mmhglobal-zcore";
+import { ComponentErrorHandlerService } from "../services/component-error-handler.service";
 import * as i0 from "@angular/core";
 export declare class ZmodalMobileComponent implements OnInit, OnDestroy {
     private webApiService;
     private zcoreService;
+    private componentErrorHandler;
     private fieldService;
     modalParams: ModalPageParams;
     group: ZGroup;
     subscription: Subscription;
     backButtonSubscription: Subscription;
-    constructor(webApiService: WebApiService, zcoreService: ZCoreService, fieldService: FieldService);
+    constructor(webApiService: WebApiService, zcoreService: ZCoreService, componentErrorHandler: ComponentErrorHandlerService, // Use in mmhglobal-zmodal.helper
+    fieldService: FieldService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onCancel(event?: ZComponentOutputEvent): void;