mmhglobal-dynamicform 1.3.13 → 2.0.0-beta.2

package/lib/animations/component-animations.d.ts

@@ -0,0 +1 @@
+export declare const hideAndShowVerticalAnimation: import("@angular/animations").AnimationTriggerMetadata;

package/lib/components/buttonfieldbase.component.d.ts

@@ -0,0 +1,18 @@
+import { FieldBase } from "./fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class ButtonFieldBase extends FieldBase {
+    leftBtns: Array<any>;
+    rightBtns: Array<any>;
+    items: Array<any>;
+    FirstZbtn: boolean;
+    constructor(compService: ZComponentService);
+    initComponent(): Observable<any>;
+    isBtnVisible(fieldExpr: any): any;
+    getButtonLabel(button: any): any;
+    buttonClick(button: any): void;
+    translateButtonsLabel(items: Array<any>): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonFieldBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonFieldBase, "ng-component", never, {}, {}, never, never>;
+}

package/lib/components/containerfieldbase.component.d.ts

@@ -0,0 +1,19 @@
+import { ZField } from "mmhglobal-zcore";
+import { FieldBase } from "./fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class ContainerFieldBase extends FieldBase {
+    toolbarItemList: {
+        name: string;
+        text: string;
+    }[];
+    constructor(compService: ZComponentService);
+    ComponentIsVisible(field: ZField): any;
+    initComponent(): Observable<any>;
+    translateToolBarItems(): Observable<any>;
+    getToolBarItemLabelName(name: string): string;
+    getClass(form: any, data: ZField): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerFieldBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerFieldBase, "ng-component", never, {}, {}, never, never>;
+}

package/lib/components/datalistingfieldbase.component.d.ts

@@ -0,0 +1,30 @@
+import { FieldBase } from "./fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
+import { ZField } from "mmhglobal-zcore";
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class DataListingFieldBase extends FieldBase {
+    private popovercontainer;
+    protected popoverData: any[];
+    toolbarItemList: {
+        name: string;
+        text: string;
+    }[];
+    constructor(compService: ZComponentService);
+    initComponent(): Observable<any>;
+    getGridColumnStyle(): any;
+    getGridHeaderStyle(): any;
+    getGridFooterStyle(): any;
+    getCellStyle(columnField: ZField, dataItem: any): any;
+    translateToolBarItems(): Observable<any>;
+    getToolBarItemLabelName(name: string): string;
+    translateColumnHeader(columns: any[]): Observable<any>;
+    setupPopoverFeature(columns: Array<any>, gridData: Array<any>): void;
+    showPopOver(columnField: ZField, event: any): void;
+    closePopOver(event: any): void;
+    getContextData(anchor: HTMLElement): any;
+    private getPopOverContentByCol;
+    private getPopOverContent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataListingFieldBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataListingFieldBase, "ng-component", never, {}, {}, never, never>;
+}

package/lib/components/fieldbase.component.d.ts

@@ -0,0 +1,30 @@
+import { FormGroup } from "@angular/forms";
+import { ZComponentProperties, ZField, ZGroup } from "mmhglobal-zcore";
+import { Observable } from "rxjs";
+import { ZComponentService } from "../services/zcomponent.service";
+import * as i0 from "@angular/core";
+export declare class FieldBase {
+    compService: ZComponentService;
+    data: ZField;
+    group: ZGroup;
+    form: FormGroup;
+    containerField: ZField;
+    componentProperties: ZComponentProperties;
+    isLoading: boolean;
+    constructor(compService: ZComponentService);
+    initComponent(): Observable<any>;
+    isMobileScreen(): boolean;
+    getClass(form: FormGroup, data: ZField): string;
+    getIon_InvalidClass(form: FormGroup, data: ZField): string;
+    setStyle(style: string, ind?: string): void;
+    setIcon(icon: string): void;
+    setLabelText(label: string): void;
+    setContainerStyle(style: string, ind?: string): void;
+    setEnable: (status: boolean) => void;
+    setVisible: (status: boolean) => void;
+    setRequire: (status: boolean) => void;
+    getFontAwesome(iconName: any): any;
+    toggleEditMode(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldBase, "ng-component", never, { "data": "data"; "group": "group"; "form": "form"; "containerField": "containerField"; "componentProperties": "componentProperties"; }, {}, never, never>;
+}

package/lib/components/inputfieldbase.component.d.ts

@@ -0,0 +1,19 @@
+import { FieldBase } from "./fieldbase.component";
+import { ZComponentService } from "../services/zcomponent.service";
+import * as i0 from "@angular/core";
+export declare class InputFieldBase extends FieldBase {
+    constructor(compService: ZComponentService);
+    setupInnerField(): void;
+    onClick(event: any, fieldValue?: any): void;
+    onChangeCC(event: any, fieldValue?: any): void;
+    onChange(event: any, fieldValue?: any): void;
+    onItemClick(event: any, fieldValue?: any): void;
+    onIconClick(clickActionExpr: string): void;
+    getReadOnlyValue(): any;
+    getIsRequiredValue(): any;
+    setValue(value: string): void;
+    protected triggerEvent(type: string, target: any, event: any, fieldValue?: any): void;
+    private getFieldValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldBase, "ng-component", never, {}, {}, never, never>;
+}

package/lib/embed-components/input-field-addons/input-field-addons.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from "@angular/core";
+import { InputFieldAddOns, 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 InputFieldAddOnsComponent extends InputFieldBase implements ZComponent, OnInit {
+    position: 'top' | 'left' | 'right' | 'bottom';
+    constructor(compService: ZComponentService);
+    addOn: InputFieldAddOns;
+    ngOnInit(): void;
+    private setupIconList;
+    private setupButtonList;
+    private setupTextList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldAddOnsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldAddOnsComponent, "app-input-field-addons", never, { "position": "position"; }, {}, never, never>;
+}

package/lib/input-error-message/input-error-message.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from "@angular/core";
+import { ZComponent } from 'mmhglobal-zcore';
+import { FieldBase } from "../components/fieldbase.component";
+import { ComponentErrorHandlerService } from "../services/component-error-handler.service";
+import { ZComponentService } from "../services/zcomponent.service";
+import * as i0 from "@angular/core";
+export declare class InputErrorMessageComponent extends FieldBase implements ZComponent, OnInit {
+    private componentErrorHandler;
+    constructor(compService: ZComponentService, componentErrorHandler: ComponentErrorHandlerService);
+    errMsgList: any[];
+    ngOnInit(): void;
+    IsShow(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputErrorMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputErrorMessageComponent, "app-error", never, {}, {}, never, never>;
+}

package/lib/kcard/kcard.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import { ZComponent } from "mmhglobal-zcore";
+import { ContainerFieldBase } from "../components/containerfieldbase.component";
+import { MainService } from "../services/main.service";
+import { ZComponentService } from "../services/zcomponent.service";
+import * as i0 from "@angular/core";
+export declare class KcardComponent extends ContainerFieldBase implements ZComponent, OnInit {
+    private mainService;
+    myFormGroup: FormGroup;
+    private initValue;
+    private myModel;
+    constructor(mainService: MainService, compService: ZComponentService);
+    ngOnInit(): void;
+    saveData(): void;
+    cancelEdit(): void;
+    private getFieldValues;
+    private getFormControls;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KcardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KcardComponent, "app-kcard", never, {}, {}, never, never>;
+}

package/lib/mmhglobal-dynamicform.module.d.ts

@@ -57,39 +57,47 @@ import * as i55 from "./zunknown/zunknown.component";
 import * as i56 from "./zudf/zudf.component";
 import * as i57 from "./zupload/zupload.component";
 import * as i58 from "./zworkflowbuttons/zworkflowbuttons.component";
-import * as i59 from "@ionic/angular";
-import * as i60 from "ionic-selectable";
-import * as i61 from "@angular/common";
-import * as i62 from "@angular/router";
-import * as i63 from "@angular/forms";
-import * as i64 from "ng2-ace-editor";
-import * as i65 from "@fortawesome/angular-fontawesome";
-import * as i66 from "angular2-query-builder";
-import * as i67 from "@progress/kendo-angular-gauges";
-import * as i68 from "@progress/kendo-angular-buttons";
-import * as i69 from "@progress/kendo-angular-charts";
-import * as i70 from "@progress/kendo-angular-dateinputs";
-import * as i71 from "@progress/kendo-angular-dropdowns";
-import * as i72 from "@progress/kendo-angular-editor";
-import * as i73 from "@progress/kendo-angular-grid";
-import * as i74 from "@progress/kendo-angular-indicators";
-import * as i75 from "@progress/kendo-angular-intl";
-import * as i76 from "@progress/kendo-angular-inputs";
-import * as i77 from "@progress/kendo-angular-label";
-import * as i78 from "@progress/kendo-angular-layout";
-import * as i79 from "@progress/kendo-angular-popup";
-import * as i80 from "@progress/kendo-angular-progressbar";
-import * as i81 from "@progress/telerik-angular-report-viewer";
-import * as i82 from "@progress/kendo-angular-scheduler";
-import * as i83 from "@progress/kendo-angular-treelist";
-import * as i84 from "@progress/kendo-angular-treeview";
-import * as i85 from "@progress/kendo-angular-tooltip";
-import * as i86 from "@progress/kendo-angular-upload";
-import * as i87 from "mmhglobal-zcore";
-import * as i88 from "mmhglobal-middleware";
-import * as i89 from "mmhglobal-zmodal";
+import * as i59 from "./kcard/kcard.component";
+import * as i60 from "./zinput-container/zinput-container.component";
+import * as i61 from "./zprogressbar/zprogressbar.component";
+import * as i62 from "./zinput-container/zinput-container.pipe";
+import * as i63 from "./pipe/htmlSanitize.pipe";
+import * as i64 from "./input-error-message/input-error-message.component";
+import * as i65 from "./embed-components/input-field-addons/input-field-addons.component";
+import * as i66 from "@ionic/angular";
+import * as i67 from "ionic-selectable";
+import * as i68 from "@angular/common";
+import * as i69 from "@angular/router";
+import * as i70 from "@angular/forms";
+import * as i71 from "ng2-ace-editor";
+import * as i72 from "@fortawesome/angular-fontawesome";
+import * as i73 from "angular2-query-builder";
+import * as i74 from "@progress/kendo-angular-gauges";
+import * as i75 from "@progress/kendo-angular-buttons";
+import * as i76 from "@progress/kendo-angular-charts";
+import * as i77 from "@progress/kendo-angular-dateinputs";
+import * as i78 from "@progress/kendo-angular-dropdowns";
+import * as i79 from "@progress/kendo-angular-editor";
+import * as i80 from "@progress/kendo-angular-grid";
+import * as i81 from "@progress/kendo-angular-indicators";
+import * as i82 from "@progress/kendo-angular-intl";
+import * as i83 from "@progress/kendo-angular-inputs";
+import * as i84 from "@progress/kendo-angular-label";
+import * as i85 from "@progress/kendo-angular-layout";
+import * as i86 from "@progress/kendo-angular-popup";
+import * as i87 from "@progress/kendo-angular-progressbar";
+import * as i88 from "@progress/telerik-angular-report-viewer";
+import * as i89 from "@progress/kendo-angular-scheduler";
+import * as i90 from "@progress/kendo-angular-treelist";
+import * as i91 from "@progress/kendo-angular-treeview";
+import * as i92 from "@progress/kendo-angular-tooltip";
+import * as i93 from "@progress/kendo-angular-upload";
+import * as i94 from "mmhglobal-zcore";
+import * as i95 from "mmhglobal-zmodal";
+import * as i96 from "@progress/kendo-angular-navigation";
+import * as i97 from "@angular/flex-layout";
 export declare class MmhglobalDynamicformModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MmhglobalDynamicformModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MmhglobalDynamicformModule, [typeof i1.ScrollbarThemeDirective, typeof i2.FieldElementDirective, typeof i3.ZGridBindingDirective, typeof i4.ZGridPopupAnchorDirective, typeof i5.OpenOnFocusDirective, typeof i6.ElementContainerDirective, typeof i7.DateParserFilter, typeof i8.EditorFilter, typeof i9.DivzLayout, typeof i10.TabFilter, typeof i11.DateRangeFilterCellComponent, typeof i12.ZSchedulerToolBarComponent, typeof i13.UiheaderComponent, typeof i14.UicontainerComponent, typeof i15.UicontentComponent, typeof i16.UipageComponent, typeof i17.UiactionbuttonComponent, typeof i18.UimenucontentComponent, typeof i19.UimenubuttonComponent, typeof i20.UiappmenucontentComponent, typeof i21.UivalidationmessageComponent, typeof i22.ZBulletComponent, typeof i23.ZbuttonsComponent, typeof i24.ZcardComponent, typeof i25.ZchartComponent, typeof i26.ZcheckboxComponent, typeof i27.ZChipComponent, typeof i28.ZcodeeditorComponent, typeof i29.ZdaterangeComponent, typeof i30.ZdatetimeComponent, typeof i31.ZdivComponent, typeof i32.ZformComponent, typeof i33.ZformcontrolComponent, typeof i34.ZgaugeComponent, typeof i35.ZgridComponent, typeof i36.ZimgComponent, typeof i37.ZkcardComponent, typeof i38.ZlabelComponent, typeof i39.ZmfbComponent, typeof i40.ZmodalComponent, typeof i41.ZmodalMobileComponent, typeof i42.ZnumericComponent, typeof i43.ZpostselectinputComponent, typeof i44.ZquerybuilderComponent, typeof i45.ZreportComponent, typeof i46.ZschedulerComponent, typeof i47.ZselectmultipleComponent, typeof i48.ZtabComponent, typeof i49.ZtextComponent, typeof i50.ZtextareaComponent, typeof i51.ZtexteditorComponent, typeof i52.ZtreeComponent, typeof i53.ZtreelistComponent, typeof i54.ZtrendcardComponent, typeof i55.ZunknownComponent, typeof i56.ZudfComponent, typeof i57.ZuploadComponent, typeof i58.ZworkflowbuttonsComponent], [typeof i59.IonicModule, typeof i60.IonicSelectableModule, typeof i61.CommonModule, typeof i62.RouterModule, typeof i63.FormsModule, typeof i63.ReactiveFormsModule, typeof i64.AceEditorModule, typeof i65.FontAwesomeModule, typeof i66.QueryBuilderModule, typeof i67.ArcGaugeModule, typeof i68.ButtonsModule, typeof i69.ChartsModule, typeof i70.CalendarModule, typeof i70.DateInputsModule, typeof i71.DropDownsModule, typeof i72.EditorModule, typeof i73.GridModule, typeof i73.ExcelModule, typeof i74.IndicatorsModule, typeof i75.IntlModule, typeof i76.InputsModule, typeof i76.SwitchModule, typeof i76.TextBoxModule, typeof i77.LabelModule, typeof i78.LayoutModule, typeof i78.PanelBarModule, typeof i78.TabStripModule, typeof i79.PopupModule, typeof i80.ProgressBarModule, typeof i81.TelerikReportingModule, typeof i82.SchedulerModule, typeof i83.TreeListModule, typeof i84.TreeViewModule, typeof i85.TooltipModule, typeof i86.UploadModule, typeof i86.UploadsModule, typeof i87.ZCoreModule, typeof i88.MmhglobalMiddlewareModule, typeof i89.MmhglobalZmodalModule], [typeof i1.ScrollbarThemeDirective, typeof i2.FieldElementDirective, typeof i3.ZGridBindingDirective, typeof i4.ZGridPopupAnchorDirective, typeof i5.OpenOnFocusDirective, typeof i6.ElementContainerDirective, typeof i7.DateParserFilter, typeof i8.EditorFilter, typeof i9.DivzLayout, typeof i10.TabFilter, typeof i11.DateRangeFilterCellComponent, typeof i12.ZSchedulerToolBarComponent, typeof i13.UiheaderComponent, typeof i14.UicontainerComponent, typeof i15.UicontentComponent, typeof i16.UipageComponent, typeof i18.UimenucontentComponent, typeof i19.UimenubuttonComponent, typeof i20.UiappmenucontentComponent, typeof i17.UiactionbuttonComponent, typeof i21.UivalidationmessageComponent, typeof i22.ZBulletComponent, typeof i23.ZbuttonsComponent, typeof i24.ZcardComponent, typeof i25.ZchartComponent, typeof i26.ZcheckboxComponent, typeof i27.ZChipComponent, typeof i28.ZcodeeditorComponent, typeof i29.ZdaterangeComponent, typeof i30.ZdatetimeComponent, typeof i31.ZdivComponent, typeof i32.ZformComponent, typeof i33.ZformcontrolComponent, typeof i34.ZgaugeComponent, typeof i35.ZgridComponent, typeof i36.ZimgComponent, typeof i37.ZkcardComponent, typeof i38.ZlabelComponent, typeof i39.ZmfbComponent, typeof i40.ZmodalComponent, typeof i41.ZmodalMobileComponent, typeof i42.ZnumericComponent, typeof i43.ZpostselectinputComponent, typeof i44.ZquerybuilderComponent, typeof i45.ZreportComponent, typeof i46.ZschedulerComponent, typeof i47.ZselectmultipleComponent, typeof i48.ZtabComponent, typeof i49.ZtextComponent, typeof i50.ZtextareaComponent, typeof i51.ZtexteditorComponent, typeof i52.ZtreeComponent, typeof i53.ZtreelistComponent, typeof i54.ZtrendcardComponent, typeof i55.ZunknownComponent, typeof i56.ZudfComponent, typeof i57.ZuploadComponent, typeof i58.ZworkflowbuttonsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MmhglobalDynamicformModule, [typeof i1.ScrollbarThemeDirective, typeof i2.FieldElementDirective, typeof i3.ZGridBindingDirective, typeof i4.ZGridPopupAnchorDirective, typeof i5.OpenOnFocusDirective, typeof i6.ElementContainerDirective, typeof i7.DateParserFilter, typeof i8.EditorFilter, typeof i9.DivzLayout, typeof i10.TabFilter, typeof i11.DateRangeFilterCellComponent, typeof i12.ZSchedulerToolBarComponent, typeof i13.UiheaderComponent, typeof i14.UicontainerComponent, typeof i15.UicontentComponent, typeof i16.UipageComponent, typeof i17.UiactionbuttonComponent, typeof i18.UimenucontentComponent, typeof i19.UimenubuttonComponent, typeof i20.UiappmenucontentComponent, typeof i21.UivalidationmessageComponent, typeof i22.ZBulletComponent, typeof i23.ZbuttonsComponent, typeof i24.ZcardComponent, typeof i25.ZchartComponent, typeof i26.ZcheckboxComponent, typeof i27.ZChipComponent, typeof i28.ZcodeeditorComponent, typeof i29.ZdaterangeComponent, typeof i30.ZdatetimeComponent, typeof i31.ZdivComponent, typeof i32.ZformComponent, typeof i33.ZformcontrolComponent, typeof i34.ZgaugeComponent, typeof i35.ZgridComponent, typeof i36.ZimgComponent, typeof i37.ZkcardComponent, typeof i38.ZlabelComponent, typeof i39.ZmfbComponent, typeof i40.ZmodalComponent, typeof i41.ZmodalMobileComponent, typeof i42.ZnumericComponent, typeof i43.ZpostselectinputComponent, typeof i44.ZquerybuilderComponent, typeof i45.ZreportComponent, typeof i46.ZschedulerComponent, typeof i47.ZselectmultipleComponent, typeof i48.ZtabComponent, typeof i49.ZtextComponent, typeof i50.ZtextareaComponent, typeof i51.ZtexteditorComponent, typeof i52.ZtreeComponent, typeof i53.ZtreelistComponent, typeof i54.ZtrendcardComponent, typeof i55.ZunknownComponent, typeof i56.ZudfComponent, typeof i57.ZuploadComponent, typeof i58.ZworkflowbuttonsComponent, typeof i59.KcardComponent, typeof i60.ZInputContainerComponent, typeof i61.ZprogressbarComponent, typeof i62.ZInputParser, typeof i63.HtmlSanitizePipe, typeof i64.InputErrorMessageComponent, typeof i65.InputFieldAddOnsComponent], [typeof i66.IonicModule, typeof i67.IonicSelectableModule, typeof i68.CommonModule, typeof i69.RouterModule, typeof i70.FormsModule, typeof i70.ReactiveFormsModule, typeof i71.AceEditorModule, typeof i72.FontAwesomeModule, typeof i73.QueryBuilderModule, typeof i74.ArcGaugeModule, typeof i75.ButtonsModule, typeof i76.ChartsModule, typeof i77.CalendarModule, typeof i77.DateInputsModule, typeof i78.DropDownsModule, typeof i79.EditorModule, typeof i80.GridModule, typeof i80.ExcelModule, typeof i81.IndicatorsModule, typeof i82.IntlModule, typeof i83.InputsModule, typeof i83.SwitchModule, typeof i83.TextBoxModule, typeof i84.LabelModule, typeof i85.LayoutModule, typeof i85.PanelBarModule, typeof i85.TabStripModule, typeof i86.PopupModule, typeof i87.ProgressBarModule, typeof i88.TelerikReportingModule, typeof i89.SchedulerModule, typeof i90.TreeListModule, typeof i91.TreeViewModule, typeof i92.TooltipModule, typeof i92.PopoverModule, typeof i93.UploadModule, typeof i93.UploadsModule, typeof i94.ZCoreModule, typeof i95.MmhglobalZmodalModule, typeof i96.NavigationModule, typeof i97.FlexLayoutModule], [typeof i1.ScrollbarThemeDirective, typeof i2.FieldElementDirective, typeof i3.ZGridBindingDirective, typeof i4.ZGridPopupAnchorDirective, typeof i5.OpenOnFocusDirective, typeof i6.ElementContainerDirective, typeof i7.DateParserFilter, typeof i8.EditorFilter, typeof i9.DivzLayout, typeof i10.TabFilter, typeof i11.DateRangeFilterCellComponent, typeof i12.ZSchedulerToolBarComponent, typeof i13.UiheaderComponent, typeof i14.UicontainerComponent, typeof i15.UicontentComponent, typeof i16.UipageComponent, typeof i18.UimenucontentComponent, typeof i19.UimenubuttonComponent, typeof i20.UiappmenucontentComponent, typeof i17.UiactionbuttonComponent, typeof i21.UivalidationmessageComponent, typeof i22.ZBulletComponent, typeof i23.ZbuttonsComponent, typeof i24.ZcardComponent, typeof i25.ZchartComponent, typeof i26.ZcheckboxComponent, typeof i27.ZChipComponent, typeof i28.ZcodeeditorComponent, typeof i29.ZdaterangeComponent, typeof i30.ZdatetimeComponent, typeof i31.ZdivComponent, typeof i32.ZformComponent, typeof i33.ZformcontrolComponent, typeof i34.ZgaugeComponent, typeof i35.ZgridComponent, typeof i36.ZimgComponent, typeof i37.ZkcardComponent, typeof i38.ZlabelComponent, typeof i39.ZmfbComponent, typeof i40.ZmodalComponent, typeof i41.ZmodalMobileComponent, typeof i42.ZnumericComponent, typeof i43.ZpostselectinputComponent, typeof i44.ZquerybuilderComponent, typeof i45.ZreportComponent, typeof i46.ZschedulerComponent, typeof i47.ZselectmultipleComponent, typeof i48.ZtabComponent, typeof i49.ZtextComponent, typeof i50.ZtextareaComponent, typeof i51.ZtexteditorComponent, typeof i52.ZtreeComponent, typeof i53.ZtreelistComponent, typeof i54.ZtrendcardComponent, typeof i55.ZunknownComponent, typeof i56.ZudfComponent, typeof i57.ZuploadComponent, typeof i58.ZworkflowbuttonsComponent, typeof i60.ZInputContainerComponent, typeof i61.ZprogressbarComponent, typeof i62.ZInputParser, typeof i63.HtmlSanitizePipe, typeof i64.InputErrorMessageComponent, typeof i65.InputFieldAddOnsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MmhglobalDynamicformModule>;
 }

package/lib/pipe/htmlSanitize.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class HtmlSanitizePipe implements PipeTransform {
+    private domSanitizer;
+    constructor(domSanitizer: DomSanitizer);
+    transform(html: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HtmlSanitizePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HtmlSanitizePipe, "htmlSanitize">;
+}

package/lib/services/component-error-handler.service.d.ts

@@ -0,0 +1,14 @@
+import { FormGroup } from '@angular/forms';
+import { AlertService, ZGroup } from 'mmhglobal-zcore';
+import * as i0 from "@angular/core";
+export declare class ComponentErrorHandlerService {
+    private alertService;
+    constructor(alertService: AlertService);
+    showFormGroupErrorMessage(group: ZGroup, formGroup?: FormGroup): void;
+    getErrorMessageForInvalidInput(group: ZGroup, formGroup?: FormGroup, controlName?: string): Array<string>;
+    private extractErrorMessageFromControl;
+    private getErrorMessageByErrorType;
+    private getErrorMsgAction_Required;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentErrorHandlerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ComponentErrorHandlerService>;
+}

package/lib/services/main.service.d.ts

@@ -5,9 +5,10 @@ import { ModalController, NavController } from '@ionic/angular';
 /********** Plugin **********/
 import { Observable, Subscription } from 'rxjs';
 /********** Component & Service **********/
-import { AlertService, CacheService, FieldService, ResourceApiService, ToastService, WebApiService, ZComponentOutputEvent, ZComponentSize, ZCoreService, ZField, ZGroup } from 'mmhglobal-zcore';
+import { AlertService, CacheService, FieldService, ResourceApiService, TranslationService, WebApiService, StorageSessionService, ZComponentOutputEvent, ZComponentSize, ZCoreService, ZField, ZGroup } from 'mmhglobal-zcore';
 import { ModalService, ModalResponse } from 'mmhglobal-zmodal';
 import { ZComponentDebugService } from './zcomponent.debug.service';
+import { ComponentErrorHandlerService } from './component-error-handler.service';
 import * as i0 from "@angular/core";
 export declare class MainService {
     private router;
@@ -17,14 +18,19 @@ export declare class MainService {
     private cacheService;
     private fieldService;
     private resourceApiService;
-    private toastService;
+    private componentErrorHandler;
     private webApiService;
     private zcoreService;
     private modalService;
+    private storageService;
     private debugService;
+    private translationService;
     private group;
     private oauthEnvironmentUrl;
-    constructor(router: Router, modalCtrl: ModalController, navController: NavController, alertService: AlertService, cacheService: CacheService, fieldService: FieldService, resourceApiService: ResourceApiService, toastService: ToastService, webApiService: WebApiService, zcoreService: ZCoreService, modalService: ModalService, debugService: ZComponentDebugService);
+    private environment;
+    private backNaviagtionPath;
+    private routeParam;
+    constructor(router: Router, modalCtrl: ModalController, navController: NavController, alertService: AlertService, cacheService: CacheService, fieldService: FieldService, resourceApiService: ResourceApiService, componentErrorHandler: ComponentErrorHandlerService, webApiService: WebApiService, zcoreService: ZCoreService, modalService: ModalService, storageService: StorageSessionService, debugService: ZComponentDebugService, translationService: TranslationService);
     startUp(): void;
     setGroup(group: ZGroup): void;
     getResourceServerData(): Observable<any>;
@@ -32,11 +38,19 @@ export declare class MainService {
     initializeGroup(group: ZGroup, ctrlName: string, pageName: string, me: any): Subscription;
     getModel$(group: ZGroup, id: string): Observable<any>;
     canExit(form: FormGroup): boolean | Observable<boolean>;
-    closeModalForm(): void;
+    closeModalForm(group?: ZGroup): void;
     subjectEvent(event: ZComponentOutputEvent, group: ZGroup, me: any): void;
     handleSuccess(res: Response | any, successMsg: string): Response;
+    private tryUpdateGroupTrigger;
     handleError(res: any): Observable<any>;
-    private backNavigation;
+    routeNavigate(pageName: string, pageParams: string[]): void;
+    setNavigationParams(urlParams: string[]): void;
+    private getNavigationParams;
+    getNavigationParentParam(): string;
+    getNavigationCurrentParam(): string;
+    removeLastNavigateRecord(): void;
+    backNavigation(event: ZComponentOutputEvent, group: ZGroup, me: any): void;
+    private routerBackNavigate;
     private historyBack;
     refreshGrid(event: ZComponentOutputEvent, group: ZGroup, me: any, gridOptionName?: string): void;
     private refreshPage;
@@ -44,8 +58,10 @@ export declare class MainService {
     private newModel;
     createModel(event: ZComponentOutputEvent, group: ZGroup): void;
     updateModel(event: ZComponentOutputEvent, group: ZGroup): void;
+    updateModelObservable(event: ZComponentOutputEvent, group: ZGroup, form?: FormGroup, updateAPIObservable?: Observable<any>, isSkipDirty?: boolean): Observable<any>;
     private cloneNewModel;
     private deleteModel;
+    isFormDirtyAndValid(fg: FormGroup, group: ZGroup, isSkipDirty?: boolean): boolean;
     private beforeUpdateModel;
     private beforeDeleteModel;
     private beforeNewModel;
@@ -61,6 +77,8 @@ export declare class MainService {
     cookieStorePost(name: string, value: any): Observable<any>;
     cookieStoreGet(name: string, accessToken: string): Observable<any>;
     cookieStoreDeleteMultiple(name: string): Observable<any>;
+    scrollToElementById(id: string): void;
+    translationPageElement(group: ZGroup): Observable<any>;
     loadContainerView(elementContainer: any, containerPage: any, group?: ZGroup): Promise<void>;
     closeContainerView(group: ZGroup): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainService, never>;

package/lib/services/zcomponent.debug.service.d.ts

@@ -4,6 +4,7 @@ import { Observable } from 'rxjs';
 /********** Component & Service **********/
 import { AlertService, AuthService, FieldService, ResourceApiService, ToastService, WebApiService, ZComponentOutputEvent, ZField, ZGroup } from "mmhglobal-zcore";
 import { ModalService } from 'mmhglobal-zmodal';
+import { ComponentErrorHandlerService } from "./component-error-handler.service";
 import * as i0 from "@angular/core";
 export declare class ZComponentDebugService {
     private router;
@@ -11,15 +12,17 @@ export declare class ZComponentDebugService {
     private authService;
     private fieldService;
     private resourceApiService;
+    private componentErrorHandler;
     private toastService;
     private modalService;
     private webApiService;
-    constructor(router: Router, alertService: AlertService, authService: AuthService, fieldService: FieldService, resourceApiService: ResourceApiService, toastService: ToastService, modalService: ModalService, webApiService: WebApiService);
+    constructor(router: Router, alertService: AlertService, authService: AuthService, fieldService: FieldService, resourceApiService: ResourceApiService, componentErrorHandler: ComponentErrorHandlerService, toastService: ToastService, modalService: ModalService, webApiService: WebApiService);
     private scope;
     get debug(): any;
     get group(): ZGroup;
     onInitDebugger(group: ZGroup): void;
     onStartDebugger(fieldElements: Array<ZField>, me: any): Observable<[any]>;
+    private patchFieldsProperty;
     private loadDebugZModel;
     private getProjectId;
     private getFieldzModel;

package/lib/services/zcomponent.service.d.ts

@@ -1,16 +1,32 @@
-/********** Angular **********/
 import { ComponentFactoryResolver } from "@angular/core";
 import { FormGroup } from '@angular/forms';
+import { ZComponentProperties, ZCoreService, ZField, ZGroup, TranslationService } from 'mmhglobal-zcore';
 import { ComponentObjectService } from 'mmhglobal-middleware';
+import { Observable } from "rxjs";
 import { FieldElementDirective } from '../directives/fieldelement.directive';
 import * as i0 from "@angular/core";
-/********** zComponent **********/
 export declare class ZComponentService {
     private componentObjectService;
-    constructor(componentObjectService: ComponentObjectService);
+    private translateService;
+    private zcoreService;
+    environment: any;
+    constructor(componentObjectService: ComponentObjectService, translateService: TranslationService, zcoreService: ZCoreService);
     isSkipComponentType(componentType: string): boolean;
-    loadComponent(componentFactoryResolver: ComponentFactoryResolver, fieldElement: FieldElementDirective, field: any, group: any, form: FormGroup): void;
+    loadComponent(componentFactoryResolver: ComponentFactoryResolver, fieldElement: FieldElementDirective, field: any, group: any, form: FormGroup, containerField: any): void;
     appendComponentToDynamicForm(componentFactoryResolver: ComponentFactoryResolver, injector: any, appRef: any, field: any, group: any, containerId: string): any;
+    private readonly DEFAULT_ISEDIT;
+    setEditMode(me: any): void;
+    setComponentAdditionalProperties(me: any): void;
+    setCompStylesByIndex(me: any): void;
+    setStyleByIndex(me: any, ind: string, style: string): void;
+    setContainerStyleByIndex(me: any, ind: string, style: string): void;
+    convertStyleStringToObject(styleString: string): any;
+    translateToolBarItems(items: Array<any>): Observable<any>;
+    translateGridColumnHeader(columns: Array<any>, group: ZGroup): Observable<any>;
+    translateButtonComponent(buttons: Array<any>, group: ZGroup): Observable<any>;
+    translateComponentField(data: ZField, group: ZGroup): Observable<any>;
+    translateComponentProperties(componentProperties: ZComponentProperties, group: ZGroup): Observable<any>;
+    private translateCompByProperty;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZComponentService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ZComponentService>;
 }

package/lib/uiappmenucontent/uiappmenucontent.component.d.ts

@@ -5,17 +5,18 @@ import { Router } from '@angular/router';
 /********** Plugin **********/
 /********** Component & Service **********/
 import { OAuthMenuItem, MenuService, AuthService, ZCoreService } from 'mmhglobal-zcore';
+import { MainService } from '../services/main.service';
 import * as i0 from "@angular/core";
 export declare class UiappmenucontentComponent implements OnInit {
     private router;
     private menuService;
     private authService;
     private zcoreService;
+    private mainService;
     items: Array<OAuthMenuItem>;
-    colorArray: any[];
-    constructor(router: Router, menuService: MenuService, authService: AuthService, zcoreService: ZCoreService);
+    constructor(router: Router, menuService: MenuService, authService: AuthService, zcoreService: ZCoreService, mainService: MainService);
     ngOnInit(): void;
-    getDivClass(item: any): "flex-show" | "col-xs-4 col-sm-4 col-md-3 col-xl-2";
+    getDivClass(item: any): string;
     getMenuList(item: any): any;
     menuOnClick(pathName: string, appClientPath?: string): boolean;
     private setMapInput;

package/lib/uicontent/uicontent.component.d.ts

@@ -1,5 +1,6 @@
 /********** Angular **********/
 import { OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 /********** Ionic **********/
 /********** Plugin **********/
 /********** Component & Service **********/
@@ -7,12 +8,15 @@ import { ZGroup, ZCoreService } from 'mmhglobal-zcore';
 import * as i0 from "@angular/core";
 export declare class UicontentComponent implements OnInit {
     private zcoreService;
+    private router;
     group: ZGroup;
-    constructor(zcoreService: ZCoreService);
+    cssClass: string;
+    constructor(zcoreService: ZCoreService, router: Router);
     ngOnInit(): void;
     isSITEnvironment(): boolean;
     isFieldElement(): boolean;
     isMobileScreen(): boolean;
+    onNavItemClick(navItem: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicontentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicontentComponent, "app-uicontent", never, { "group": "group"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicontentComponent, "app-uicontent", never, { "group": "group"; "cssClass": "cssClass"; }, {}, never, never>;
 }

package/lib/uiheader/uiheader.component.d.ts

@@ -1,26 +1,30 @@
-/********** Angular **********/
 import { OnInit } from "@angular/core";
 import { Router } from '@angular/router';
-/********** Ionic **********/
-/********** Plugin **********/
-/********** Component & Service **********/
-import { ZGroup, ZCoreService, AuthService } from "mmhglobal-zcore";
+import { ZGroup, ZCoreService, AuthService, TranslationService } from 'mmhglobal-zcore';
 import * as i0 from "@angular/core";
 export declare class UiheaderComponent implements OnInit {
     private router;
+    private translationService;
     private zcoreService;
     private authService;
     group: ZGroup;
     topFormHeader: string;
-    formHeader: string;
     profileImgUrl: string;
     username: string;
     userDisplayName: string;
-    constructor(router: Router, zcoreService: ZCoreService, authService: AuthService);
+    isloading: boolean;
+    private environment;
+    userPanelItems: any;
+    constructor(router: Router, translationService: TranslationService, zcoreService: ZCoreService, authService: AuthService);
     ngOnInit(): void;
-    bindFormHeader(): boolean;
-    onLogout(): void;
+    private setUserProfile;
+    private translateUserMenu;
+    onDialItemClick(event: any): void;
+    private navToUserProfile;
+    private navLogout;
+    navHome(): void;
     isMobileScreen(): boolean;
+    onNavItemClick(navItem: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiheaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiheaderComponent, "app-uiheader", never, { "group": "group"; "topFormHeader": "topFormHeader"; }, {}, never, never>;
 }

package/lib/zbuttons/zbuttons.component.d.ts

@@ -1,33 +1,24 @@
 /********** Angular **********/
 import { OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
 /********** Ionic **********/
 /********** Plugin **********/
 /********** Component & Service **********/
-import { FieldService, ZComponent, ZComponentProperties, ZField, ZGroup } from 'mmhglobal-zcore';
+import { FieldService, 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 ZbuttonsComponent implements ZComponent, OnInit {
+export declare class ZbuttonsComponent extends ButtonFieldBase implements ZComponent, OnInit {
     private fieldService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
     items: Array<any>;
+    leftBtns: Array<any>;
+    rightBtns: Array<any>;
     FirstZbtn: boolean;
-    componentProperties: ZComponentProperties;
-    expand: string;
-    constructor(fieldService: FieldService);
+    constructor(compService: ZComponentService, fieldService: FieldService);
     ngOnInit(): void;
-    setLabelText(newText: string, name: string): void;
-    private buttonClick;
+    private loadButton;
+    setLabelText(newText: string, name?: string): void;
+    buttonClick(button: any): void;
     BtnClick(item: any): void;
-    private getButtonLabel;
-    private getButtonRole;
-    isMobileScreen(): boolean;
-    isBtnVisible(fieldExpr: any): any;
-    getFontAwesome(iconName: string): string;
-    setEnable: (status: boolean) => void;
-    setVisible: (status: boolean) => void;
-    setRequire: (status: boolean) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZbuttonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZbuttonsComponent, "app-zbuttons", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZbuttonsComponent, "app-zbuttons", never, {}, {}, never, never>;
 }

package/lib/zcard/zcard.component.d.ts

@@ -1,29 +1,15 @@
 /********** 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 ZcardComponent implements ZComponent, OnInit {
-    private authService;
-    data: ZField;
-    group: ZGroup;
-    form: FormGroup;
-    componentProperties: ZComponentProperties;
-    constructor(authService: AuthService);
-    options: {
-        Title: string;
-        Icon: string;
-    };
+export declare class ZcardComponent extends ContainerFieldBase implements ZComponent, OnInit {
+    constructor(compService: ZComponentService);
     ngOnInit(): void;
-    ComponentIsVisible(field: ZField): any;
-    setVisible: (status: boolean) => void;
-    getReadOnlyValue(): any;
-    private getFieldDeclarationForSetup;
-    setData: (gData: any) => void;
-    setEnable: (status: boolean) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZcardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZcardComponent, "app-zcard", never, { "data": "data"; "group": "group"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZcardComponent, "app-zcard", never, {}, {}, never, never>;
 }