mobicloud-core 1.0.308 → 1.0.310

package/fesm2015/mobicloud-core-components.js

@@ -420,7 +420,7 @@ class MainNavComponent {
     }
 }
 MainNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MainNavComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }, { token: i1$1.MobicloudCoreService }], target: i0.ɵɵFactoryTarget.Component });
-MainNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MainNavComponent, selector: "mobicloud-main-nav", inputs: { menuNodes: "menuNodes", toolbarItems: "toolbarItems", title: "title", showMainHeader: "showMainHeader", showMainSidebar: "showMainSidebar", showMainFooter: "showMainFooter" }, ngImport: i0, template: "<mat-sidenav-container class=\"sidenav-container\" fullscreen>\n\n  <mat-sidenav #drawer class=\"sidenav\" fixedInViewport [attr.role]=\"(isHandset$ | async) ? 'dialog' : 'navigation'\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\" [opened]=\"((isHandset$ | async) === false) && showMainSidebar\" (openedChange)=\"openedChangeSidenav($event)\">\n\n    <mat-toolbar class=\"menu-toolbar\">\n      <mat-toolbar-row>\n        <div class=\"menu-toolbar-content\">\n          <div class=\"menu-toolbar-logo-container\" routerLink=\"/\">\n            <svg-icon name=\"mobicloud_logo\" class=\"menu-toolbar-logo-icon\"></svg-icon>\n          </div>          \n          <div class=\"menu-toolbar-app-tittle-container\">\n            <div class=\"menu-toolbar-app-burgermenu\">\n              <button type=\"button\" class=\"toolbar-menu-button toolbar-menu-button-inmenu\" aria-label=\"Toggle sidenav\"  mat-button (click)=\"drawer.toggle()\" matTooltip=\"Hide menu\" *ngIf=\"showMainSidebar\">\n                <mat-icon aria-label=\"menu icon\" class=\"toolbar-menu-button-icon\">menu</mat-icon>\n              </button> \n            </div>\n            <span class=\"menu-toolbar-app-divider\"></span>\n            <div class=\"menu-toolbar-app-tittle\">{{title}}</div>\n          </div>\n      </div>\n      </mat-toolbar-row>\n    </mat-toolbar>\n\n    <mat-nav-list>\n      <ng-container *ngFor=\"let menuNode1 of menuNodes\">\n          <ng-container *ngIf=\"!menuNode1.children; else hasChildren1\">\n          <!-- LEVEL 1 FLAT -->\n          <a mat-list-item [routerLink]=\"menuNode1.link\" [state]=\"menuNode1.linkstate\" class=\"navitem-level1\" [routerLinkActive]=\"['navitem-level1-active']\" routerLinkActive #rla1_flat=\"routerLinkActive\">\n            <mat-icon svgIcon=\"{{menuNode1.svg}}\" [ngClass]=\"{'inactive': !rla1_flat.isActive,'active': rla1_flat.isActive}\"></mat-icon>\n            <span>{{ menuNode1.caption }}</span>\n          </a>\n        </ng-container>\n        <ng-template #hasChildren1>\n          <!-- LEVEL 1 EXPAND -->\n          <mat-expansion-panel class=\"mat-elevation-z0 expansion-panel-level1\" routerLinkActive #rla1_expand=\"routerLinkActive\" [expanded]=\"rla1_expand.isActive\" [@.disabled]=\"true\">\n            <!-- <mat-expansion-panel class=\"mat-elevation-z0 expansion-panel-level1\" routerLinkActive #rla1_expand=\"routerLinkActive\" [expanded]=\"true\">    -->\n            <mat-expansion-panel-header [ngClass]=\"{'expansion-panel-header-level1': !rla1_expand.isActive,'expansion-panel-header-level1-active': rla1_expand.isActive}\">       \n              <mat-panel-title [ngClass]=\"{'expansion-panel-header-title-level1': !rla1_expand.isActive, 'expansion-panel-header-title-level1-active': rla1_expand.isActive}\">\n                <mat-icon svgIcon=\"{{menuNode1.svg}}\" [ngClass]=\"{'inactive': !rla1_expand.isActive,'active': rla1_expand.isActive}\"></mat-icon>\n                <span>{{ menuNode1.caption }}</span>\n              </mat-panel-title>\n            </mat-expansion-panel-header>\n            <ng-container *ngFor=\"let menuNode2 of menuNode1.children\">\n              <!-- LEVEL 2 -->\n              <ng-container *ngIf=\"!menuNode2.children; else hasChildren2\">\n                <!-- LEVEL 2 FLAT -->\n                <a mat-list-item [routerLink]=\"menuNode2.link\" [state]=\"menuNode2.linkstate\" class=\"navitem-level2-flat\" [routerLinkActive]=\"['navitem-level2-active-flat']\" routerLinkActive #rla2_flat=\"routerLinkActive\">\n                  <mat-icon svgIcon=\"{{menuNode2.svg}}\" [ngClass]=\"{'inactive': !rla2_flat.isActive,'active': rla2_flat.isActive}\"></mat-icon>\n                  <span>{{ menuNode2.caption }}</span>\n                </a>                \n              </ng-container>\n              <ng-template #hasChildren2>\n                <!-- LEVEL 2 EXPAND -->\n                <mat-expansion-panel class=\"mat-elevation-z0 expansion-panel-level2\" routerLinkActive #rla2_expand=\"routerLinkActive\" [expanded]=\"rla2_expand.isActive\" [@.disabled]=\"true\">        \n                  <mat-expansion-panel-header [ngClass]=\"{'expansion-panel-header-level2': !rla2_expand.isActive,'expansion-panel-header-level2-active': rla2_expand.isActive}\">       \n                    <mat-panel-title [ngClass]=\"{'expansion-panel-header-title-level2': !rla2_expand.isActive, 'expansion-panel-header-title-level2-active': rla2_expand.isActive}\">\n                      <mat-icon svgIcon=\"{{menuNode2.svg}}\" [ngClass]=\"{'inactive': !rla2_expand.isActive,'active': rla2_expand.isActive}\"></mat-icon>\n                      <span>{{ menuNode2.caption }}</span>\n                    </mat-panel-title>\n                  </mat-expansion-panel-header>\n                  <ng-container *ngFor=\"let menuNode3 of menuNode2.children\">\n                    <!-- LEVEL 3 FLAT -->\n                    <a mat-list-item [routerLink]=\"menuNode3.link\" [state]=\"menuNode3.linkstate\" class=\"navitem-level3-flat\" [routerLinkActive]=\"['navitem-level3-active-flat']\" routerLinkActive #rla3_flat=\"routerLinkActive\">\n                      <mat-icon svgIcon=\"{{menuNode3.svg}}\" [ngClass]=\"{'inactive': !rla3_flat.isActive,'active': rla3_flat.isActive}\"></mat-icon>\n                      <span>{{ menuNode3.caption }}</span>\n                    </a>\n                  </ng-container>\n                </mat-expansion-panel>                \n              </ng-template>\n            </ng-container>\n          </mat-expansion-panel>                      \n        </ng-template>\n      </ng-container> \n\n    </mat-nav-list>\n\n  </mat-sidenav>\n\n  <!-- *ngIf=\"showMainSidebar\" -->\n\n  <mat-sidenav-content class=\"sidenav-maincontent\">\n    <mat-toolbar *ngIf=\"showMainHeader\">\n      <mat-toolbar-row>\n      <!-- <button type=\"button\" aria-label=\"Toggle sidenav\" mat-icon-button (click)=\"drawer.toggle()\"\n        *ngIf=\"(isHandset$ | async) && showMainSidebar\">\n        <mat-icon aria-label=\"menu icon\" class=\"toolbar-menu-button-icon\">menu</mat-icon>\n      </button>      -->\n      <button type=\"button\" class=\"toolbar-menu-button toolbar-menu-button-outmenu\" aria-label=\"Toggle sidenav\" mat-button (click)=\"drawer.toggle()\" matTooltip=\"Open menu\" *ngIf=\"showMainSidebar && !sidebarOpened\">\n        <mat-icon aria-label=\"menu icon\" class=\"toolbar-menu-button-icon\">menu</mat-icon>\n      </button>        \n\n      <div class=\"organization-select-container\" *ngIf=\"((isMasterUser || isMasterAdmin) || (allowSubOrganizations)) && requireOrganization\">\n        <dx-drop-down-box stylingMode=\"outlined\" placeholder=\"Select Organization\" [showClearButton]=\"true\" [dataSource]=\"organizations_ds\" [(value)]=\"selectedOrganizationId\" valueExpr=\"OrganizationId\" displayExpr=\"Name\" [(opened)]=\"_organizationOpened\" (onValueChanged)=\"organizationChanged_ValueChanged($event)\">\n          <dxo-drop-down-options title=\"Organizations\" i18n-title=\"@@FieldCaption-Organizations\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\" width=\"340px\"></dxo-drop-down-options>\n          <div *dxTemplate=\"let data of 'content'\">\n            <dx-data-grid [focusedRowKey]=\"selectedOrganizationId\" [dataSource]=\"organizations_ds\" [hoverStateEnabled]=\"true\" height=\"100%\" (onSelectionChanged)=\"organizationChanged($event)\" (onRowClick)=\"_organizationOpened = false\">\n              <dxi-column dataField=\"OrganizationId\" i18n-caption=\"@@GridColumn-Id\" caption=\"Id\" [visible]=\"false\"></dxi-column>\n              <dxi-column dataField=\"AccountNumber\" i18n-caption=\"@@GridColumn-AccountNumber\" caption=\"Account no.\" width=\"100px\"></dxi-column>\n              <dxi-column dataField=\"Name\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n              <dxo-selection mode=\"single\"></dxo-selection>\n              <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n              <dxo-scrolling mode=\"virtual\"></dxo-scrolling>\n              <dxo-paging [enabled]=\"true\" [pageSize]=\"20\"></dxo-paging>\n            </dx-data-grid>\n          </div>          \n        </dx-drop-down-box>\n      </div>\n\n      <div class=\"customer-select-container\" *ngIf=\"(isMasterUser || isMasterAdmin || isOrganizationUser || isEmployeeUser) && (requireOrganization && requireCustomer)\">\n        <dx-drop-down-box stylingMode=\"outlined\" placeholder=\"Select Customer\" [showClearButton]=\"true\" [dataSource]=\"customers_ds\" [(value)]=\"selectedCustomerId\" valueExpr=\"Id\" displayExpr=\"Name\" [(opened)]=\"_customerOpened\" (onValueChanged)=\"customerChanged_ValueChanged($event)\">\n          <dxo-drop-down-options title=\"Customers\" i18n-title=\"@@FieldCaption-Customers\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\" width=\"340px\"></dxo-drop-down-options>\n          <div *dxTemplate=\"let data of 'content'\">\n            <dx-data-grid [focusedRowKey]=\"selectedCustomerId\" [dataSource]=\"customers_ds\" [hoverStateEnabled]=\"true\" height=\"100%\" (onSelectionChanged)=\"customerChanged($event)\" (onRowClick)=\"_customerOpened = false\">\n              <dxi-column dataField=\"Id\" i18n-caption=\"@@GridColumn-Id\" caption=\"Id\" [visible]=\"false\"></dxi-column>\n              <dxi-column dataField=\"AccountNumber\" i18n-caption=\"@@GridColumn-AccountNumber\" caption=\"Account no.\" width=\"100px\"></dxi-column>\n              <dxi-column dataField=\"Name\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n              <dxo-selection mode=\"single\"></dxo-selection>\n              <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n              <dxo-scrolling mode=\"virtual\"></dxo-scrolling>\n              <dxo-paging [enabled]=\"true\" [pageSize]=\"20\"></dxo-paging>\n            </dx-data-grid>\n          </div>          \n        </dx-drop-down-box>\n      </div>      \n     \n      <div class=\"vendor-select-container\" *ngIf=\"(isMasterUser || isMasterAdmin || isOrganizationUser || isEmployeeUser) && (requireOrganization && requireVendor)\">\n        <dx-drop-down-box stylingMode=\"outlined\" placeholder=\"Select Vendor\" [showClearButton]=\"true\" [dataSource]=\"vendors_ds\" [(value)]=\"selectedVendorId\" valueExpr=\"Id\" displayExpr=\"Name\" [(opened)]=\"_vendorOpened\" (onValueChanged)=\"vendorChanged_ValueChanged($event)\">\n          <dxo-drop-down-options title=\"Vendors\" i18n-title=\"@@FieldCaption-Vendors\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\" width=\"340px\"></dxo-drop-down-options>\n          <div *dxTemplate=\"let data of 'content'\">\n            <dx-data-grid [focusedRowKey]=\"selectedVendorId\" [dataSource]=\"vendors_ds\" [hoverStateEnabled]=\"true\" height=\"100%\" (onSelectionChanged)=\"vendorChanged($event)\" (onRowClick)=\"_vendorOpened = false\">\n              <dxi-column dataField=\"Id\" i18n-caption=\"@@GridColumn-Id\" caption=\"Id\" [visible]=\"false\"></dxi-column>\n              <dxi-column dataField=\"VendorId\" i18n-caption=\"@@GridColumn-VendorId\" caption=\"Vendor id\" width=\"100px\"></dxi-column>\n              <dxi-column dataField=\"Name\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n              <dxo-selection mode=\"single\"></dxo-selection>\n              <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n              <dxo-scrolling mode=\"virtual\"></dxo-scrolling>\n              <dxo-paging [enabled]=\"true\" [pageSize]=\"20\"></dxo-paging>\n            </dx-data-grid>\n          </div>          \n        </dx-drop-down-box>\n      </div>  \n\n      <span class=\"toolbar-divider\"></span>      \n          \n      <ng-container *ngIf=\"toolbarItems\">            \n        <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n            <button *ngIf=\"(toolbarItem.itemtype===undefined) || toolbarItem.itemtype=='' || toolbarItem.itemtype=='button'\" aria-label=\"Button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" [state]=\"toolbarItem.linkstate\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" [class]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button ' + toolbarItem.cssClass) : 'menu-toolbar-button'\" matTooltip=\"{{toolbarItem.caption}}\">\n              <div class=\"menu-toolbar-button-content\">\n                <svg-icon [name]=\"toolbarItem.svg\" [svgClass]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button-icon ' + toolbarItem.cssClass_Icon) : 'menu-toolbar-button-icon'\"></svg-icon>\n              </div>            \n            </button>   \n            <button *ngIf=\"toolbarItem.itemtype=='round_button'\" aria-label=\"Button\" mat-fab appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" [state]=\"toolbarItem.linkstate\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" [class]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button ' + toolbarItem.cssClass) : 'menu-toolbar-button'\" matTooltip=\"{{toolbarItem.caption}}\">\n              <div class=\"menu-toolbar-button-content\">\n                <svg-icon [name]=\"toolbarItem.svg\" [svgClass]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button-icon ' + toolbarItem.cssClass_Icon) : 'menu-toolbar-button-icon'\"></svg-icon>\n              </div>            \n            </button>                                      \n        </ng-container>\n        <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n      </ng-container>\n      \n      <button mat-raised-button *ngIf=\"userName\"  [matMenuTriggerFor]=\"profileMenu\" appMaterialElevation [matTooltip]=\"user_fullname\" aria-label=\"Profile\" i18n-aria-label=\"@@Action-Profile\" class=\"menu-toolbar-button menu-toolbar-button-profile\">\n        <!-- <svg-icon name=\"mobicloud_profile\" svgClass=\"menu-toolbar-button-icon menu-toolbar-button-icon-small\"></svg-icon> -->\n        <div class=\"menu-toolbar-button-content menu-toolbar-button-content-user\">\n          <img alt=\"\"alt=\"\" [src]=\"userImageUrl\" class=\"menu-toolbar-button-profileImage\">\n          <div class=\"profile-text-container\">\n            <div class=\"profile-text-accountname\">{{org_name}}</div>\n            <div class=\"profile-text-accountdetails\">\n              <div class=\"profile-text-accountnumber\">{{org_accountnum}}</div>\n              <div class=\"profile-text-username\">\n                <svg-icon name=\"mobicloud_employee\" svgClass=\"username-icon\" *ngIf=\"isEmployeeUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_system_user\" svgClass=\"username-icon\" *ngIf=\"isOrganizationUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_customer\" svgClass=\"username-icon\" *ngIf=\"isCustomerUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_vendor\" svgClass=\"username-icon\" *ngIf=\"isVendorUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_master_user\" svgClass=\"username-icon\" *ngIf=\"isMasterUser && !isMasterAdmin\"></svg-icon>\n                <svg-icon name=\"mobicloud_master_admin\" svgClass=\"username-icon\" *ngIf=\"isMasterAdmin\"></svg-icon>\n                <span [ngClass]=\"{'username-label-admin':(isOrganizationAdmin || isMasterAdmin), 'username-label':!(isOrganizationAdmin || isMasterAdmin)}\">{{userName}}</span>\n              </div>\n            </div>\n          </div>\n          <div class=\"profile-expand-container\">\n            <svg-icon name=\"mobicloud_expand\" svgClass=\"expand-icon\"></svg-icon>\n          </div>\n        </div>\n      </button>       \n      <mat-menu #profileMenu class=\"profileMenu\">\n        <button aria-label=\"language\" mat-menu-item [matMenuTriggerFor]=\"languages\">\n          <mat-icon svgIcon=\"mobicloud_language\" class=\"menu-item-icon\"></mat-icon>\n          <span i18n=\"@@Button-Language\" class=\"menu-item-text\">Language</span><span class=\"menu-item-text\"> ({{currentLanguageName}})</span>\n        </button>        \n\n        <button aria-label=\"theme\" mat-menu-item [matMenuTriggerFor]=\"mobiThemes\" *ngIf=\"themesEnabled\">\n          <mat-icon svgIcon=\"mobicloud_language\" class=\"menu-item-icon\"></mat-icon>\n          <span i18n=\"@@Button-Themes\" class=\"menu-item-text\">Theme</span><span> ({{currentThemeCaption}})</span>\n        </button>         \n       \n\n        <button aria-label=\"profile\" mat-menu-item routerLink=\"/management/profile\" *ngIf=\"(!isMasterUser && !isMasterAdmin)\" [disabled]=\"!enable_myprofile\">\n          <mat-icon svgIcon=\"mobicloud_myprofile\"  [ngClass]=\"{'menu-item-icon':enable_myprofile, 'menu-item-icon-disabled':!enable_myprofile}\"></mat-icon>\n          <span i18n=\"@@Button-MyProfile\" [ngClass]=\"{'menu-item-text':enable_myprofile, 'menu-item-text-disabled':!enable_myprofile}\">My profile</span>\n        </button>\n        \n        <button aria-label=\"signout\" mat-menu-item (click)=\"signout()\">\n          <mat-icon svgIcon=\"mobicloud_logout\" class=\"menu-item-icon\"></mat-icon>\n          <span i18n=\"@@Button-SignOut\" class=\"menu-item-text\">Sign out</span>\n        </button>\n        <button aria-label=\"default theme\" mat-menu-item>\n          <mat-icon svgIcon=\"mobicloud_theme_default\" class=\"menu-item-icon\"></mat-icon>\n          <span class=\"menu-item-text\">{{_appName}} v{{_appVersion}}</span>\n        </button>\n      </mat-menu>\n      <mat-menu #languages>\n        <button aria-label=\"supported languages\" mat-menu-item *ngFor=\"let language of supportedLanguages\" [disabled]=\"currentLocaleId == language.LocaleId\" (click)=\"changeLanguage(language.LocaleId)\">\n          <div class=\"flex_div\">\n            <img alt=\"\"alt=\"\" class=\"language-icon\" src=\"./assets/languages/language_{{language.FlagCode | lowercase}}.png\">\n            <span class=\"language-text\" class=\"menu-item-text\">{{language.LanguageName}}</span>\n          </div>\n        </button>\n      </mat-menu>\n      <mat-menu #mobiThemes>\n        <button aria-label=\"chnage theme\" mat-menu-item *ngFor=\"let theme of supportedThemes\" [disabled]=\"currentTheme == theme.ThemeName\" (click)=\"changeTheme(theme.ThemeName)\">\n          <div class=\"flex_div\">\n            <svg-icon name=\"{{theme.Svg}}\" *ngIf=\"theme.Svg\" class=\"theme-icon menu-item-icon\"></svg-icon>\n            <span class=\"theme-text\" class=\"menu-item-text\">{{theme.ThemeCaption}}</span>\n          </div>\n        </button>\n      </mat-menu>       \n      \n      </mat-toolbar-row>\n    </mat-toolbar>\n\n    <ng-container *ngIf=\"!showMainHeader && showMainSidebar\">\n      <button aria-label=\"toggle\" type=\"button\" aria-label=\"Toggle sidenav\" mat-icon-button (click)=\"drawer.toggle()\"\n        *ngIf=\"(isHandset$ | async)\">\n        <mat-icon aria-label=\"menu icon\">menu</mat-icon>\n      </button>\n    </ng-container>\n\n    <!-- Add Content Here -->\n    <div class=\"sidenav-innercontent\">\n      <ng-content></ng-content>\n    </div>\n      \n  </mat-sidenav-content>\n</mat-sidenav-container>", styles: [".sidenav-container{background-color:var(--default-sidebarcontent-color-background)}.sidenav{width:240px;border-right:0px;background-color:var(--default-navmenu-color-background)}.mat-toolbar{position:sticky;position:-webkit-sticky;top:0;z-index:1000;height:80px;background-color:var(--default-navtoolbar-color-background)}.menu-toolbar-content{margin-top:20px;display:block;cursor:pointer}.menu-toolbar-content:focus{outline:0}.menu-toolbar-logo-container{height:35px}.menu-toolbar-logo-icon{width:193px;height:35px;fill:var(--default-menu-logo-color)}.toolbar-divider{flex:1 1 auto}.sidenav-innercontent{height:calc(100% - 100px)!important;background-color:var(--default-sidebarcontent-color-background)}.menu-toolbar{background-color:var(--default-navtoolbar-color-background);height:80px}.toolbar-menu-button{padding:unset!important;margin-right:12px;height:24px!important;min-width:unset!important;width:24px!important}.toolbar-menu-button-icon{color:var(--default-toolbar-iconcolor);width:20px!important;height:20px!important;font-size:20px;margin-bottom:18px}.menu-toolbar-app-tittle-container{display:flex}.menu-toolbar-app-burgermenu{display:flex}.toolbar-menu-button-inmenu{margin-top:10px}.menu-toolbar-app-divider{flex:1 1 auto}.menu-toolbar-app-tittle{color:var(--default-menu-title-color);font-size:small;margin:0;padding:0;line-height:4mm;height:4mm;text-align:right;vertical-align:top}.organization-select-container{margin-bottom:1px;margin-top:21px;margin-right:7px}::ng-deep .organization-select-container .dx-dropdowneditor-input-wrapper{border-radius:2px;background-color:var(--default-groupbox-header-iconbackground)!important;height:38px!important}.customer-select-container{margin-bottom:1px;margin-top:21px;margin-right:7px}::ng-deep .customer-select-container .dx-dropdowneditor-input-wrapper{border-radius:2px;background-color:var(--default-groupbox-header-iconbackground)!important;height:38px!important}.vendor-select-container{margin-bottom:1px;margin-top:21px}::ng-deep .vendor-select-container .dx-dropdowneditor-input-wrapper{border-radius:2px;background-color:var(--default-groupbox-header-iconbackground)!important;height:38px!important}.menu-toolbar-button{background-color:var(--default-groupbox-header-iconbackground)!important;width:38px;height:38px;min-width:unset!important;padding:unset!important;margin-right:8px!important;margin-top:20px}::ng-deep .menu-toolbar-button .mat-button-wrapper{height:100%;width:100%;padding:unset!important}.menu-toolbar-button-content{height:100%}.menu-toolbar-button-icon{pointer-events:none;fill:var(--default-groupbox-header-iconcolor);width:22px;height:22px;margin-top:8px}.menu-toolbar-button-content-user{display:flex;padding-left:6px}.menu-toolbar-button-profile{width:193px!important}.menu-toolbar-button-profileImage{width:24px!important;height:24px!important;border-radius:50%;margin-bottom:3px;margin-top:8px!important}.menu-toolbar-button-content .profile-text-container{text-align:left;margin-left:5px;width:134px!important;max-width:134px!important}.menu-toolbar-button-content .profile-expand-container{width:18px!important}.menu-toolbar-button-content .profile-expand-container .expand-icon{fill:var(--default-groupbox-header-iconcolor);width:10px;height:10px;margin-right:2px}.menu-toolbar-button-content .profile-text-container .profile-text-accountname{font-size:smaller!important;font-weight:600;line-height:16px;margin-top:3px;height:16px!important;max-height:16px!important;max-width:134px!important;overflow:hidden;text-overflow:ellipsis}.menu-toolbar-button-content .profile-text-container .profile-text-accountdetails{display:flex;font-size:smaller!important;line-height:19px;max-height:19px!important;height:19px!important;max-width:134px!important;width:134px!important}.menu-toolbar-button-content .profile-text-container .profile-text-accountnumber{width:48px!important}.menu-toolbar-button-content .profile-text-container .profile-text-username{width:86px!important;max-width:86px!important;overflow:hidden;text-overflow:ellipsis;display:flex}.menu-toolbar-button-content .profile-text-container .profile-text-username .username-icon{fill:var(--default-groupbox-header-iconcolor);width:13px;height:13px;margin-right:2px;margin-top:3px}::ng-deep .mat-menu-content{background-color:var(--default-popup-background)!important}::ng-deep .mat-menu-item{background-color:var(--default-popup-background)!important;color:var(--default-popup-textcolor)!important}.username-label-admin{color:#7a0e71}.menu-item-icon{fill:var(--default-popup-iconcolor)}.menu-item-icon-disabled{fill:var(--default-navmenu1-buttoncolor-inactive)}.menu-item-text-disabled{color:var(--default-navmenu1-buttoncolor-inactive)}.language-icon{margin-right:10px;height:16px;width:32px;margin-top:16px}.flex_div{display:flex}.theme-icon{transform:scale(.6)}.theme-text{margin-top:4px}.mat-nav-list{margin:10px 20px;background-color:var(--default-sidebarcontent-color-background)}::ng-deep .mat-list-item-content{padding:0!important}.navitem-level1{background-color:var(--default-navmenu1-buttoncolor-inactive);margin-bottom:12px;border-radius:8px;height:48px;color:var(--default-navmenu1-textcolor-inactive)!important}.mat-nav-list a.navitem-level1-active{background-color:var(--default-navmenu1-buttoncolor-active);color:var(--default-navmenu1-textcolor-active)!important}.navitem-level1 .mat-icon{transform:scale(.9);padding-left:16px}.navitem-level1 .active{fill:var(--default-navmenu1-iconcolor-active)}.navitem-level1 .inactive{fill:var(--default-navmenu1-iconcolor-inactive)}.navitem-level1 span{margin-left:6px;font-weight:600}.mat-expansion-panel{padding-bottom:0!important}.expansion-panel-level1{padding-bottom:10px!important}.expansion-panel-header-level1,.expansion-panel-header-level1:hover{background-color:var(--default-navmenu1-buttoncolor-inactive)!important;height:48px!important;margin:0;padding-left:16px!important}.expansion-panel-header-level1-active{background-color:var(--default-navmenu1-buttoncolor-active)!important;height:48px!important;margin:0;padding-left:16px!important}.expansion-panel-header-title-level1,.expansion-panel-header-title-level1:hover{color:var(--default-navmenu1-textcolor-inactive)!important;font-weight:600}.expansion-panel-header-title-level1-active,.expansion-panel-header-title-level1-active:hover{color:var(--default-navmenu1-textcolor-active)!important;font-weight:600}.expansion-panel-header-title-level1 .mat-icon,.expansion-panel-header-title-level1-active .mat-icon{transform:scale(.8)}.expansion-panel-header-title-level1-active .active{fill:var(--default-navmenu1-iconcolor-active)}.expansion-panel-header-title-level1 .inactive{fill:var(--default-navmenu1-iconcolor-inactive)}.expansion-panel-header-title-level1 span,.expansion-panel-header-title-level1-active span{margin-left:8px;margin-top:2px}::ng-deep .expansion-panel-header-level1 .mat-expansion-indicator:after,.expansion-panel-header-level1 .mat-expansion-panel-header-description{color:var(--default-navmenu1-textcolor-inactive)!important}::ng-deep .expansion-panel-header-level1-active .mat-expansion-indicator:after,.expansion-panel-header-level1-active .mat-expansion-panel-header-description{color:var(--default-navmenu1-textcolor-active)!important}.mat-expansion-panel{background-color:var(--default-navmenu-color-background)!important}::ng-deep .mat-expansion-panel-content{background-color:var(--default-navmenucontent-color-background)}::ng-deep .expansion-panel-level1 .mat-expansion-panel-body{margin-left:16px;margin-top:6px;margin-bottom:10px;padding-top:0;padding-left:4px!important;padding-right:0!important;padding-bottom:0!important;border-left:var(--default-navmenu1-border-treeline) 1px solid}.navitem-level2-flat{padding-left:4px!important;font-size:small;height:28px!important;color:var(--default-navmenu2-textcolor-inactive)!important}.mat-nav-list a.navitem-level2-active-flat{color:var(--default-navmenu2-textcolor-active)!important}.navitem-level2-flat .mat-icon{transform:scale(.6)}.navitem-level2-flat .active{fill:var(--default-navmenu2-iconcolor-active)}.navitem-level2-flat .inactive{fill:var(--default-navmenu2-iconcolor-inactive)}.navitem-level2-flat span{margin-left:2px!important;padding-left:0!important;font-weight:600}.expansion-panel-header-level2,.expansion-panel-header-level2:hover{height:26px!important;margin:0;font-size:small;padding-left:2px!important}.expansion-panel-header-level2-active{height:26px!important;margin:0;font-size:small;padding-left:2px!important}.expansion-panel-header-title-level2,.expansion-panel-header-title-level2:hover{color:var(--default-navmenu2-textcolor-inactive)!important;font-weight:600}.expansion-panel-header-title-level2-active,.expansion-panel-header-title-level2-active:hover{color:var(--default-navmenu2-textcolor-active)!important;font-weight:600}.expansion-panel-header-title-level2 .mat-icon,.expansion-panel-header-title-level2-active .mat-icon{transform:scale(.7)}.expansion-panel-header-title-level2 .active,.expansion-panel-header-title-level2-active .active{fill:var(--default-navmenu2-iconcolor-active)}.expansion-panel-header-title-level2 .inactive,.expansion-panel-header-title-level2-active .inactive{fill:var(--default-navmenu2-iconcolor-inactive)}.expansion-panel-header-title-level2 span,.expansion-panel-header-title-level2-active span{margin-left:4px;margin-top:3px}::ng-deep .expansion-panel-header-level2 .mat-expansion-indicator:after,.expansion-panel-header-level2 .mat-expansion-panel-header-description{color:var(--default-navmenu2-textcolor-inactive)!important}::ng-deep .expansion-panel-header-level2-active .mat-expansion-indicator:after,.expansion-panel-header-level2-active .mat-expansion-panel-header-description{color:var(--default-navmenu2-textcolor-active)!important}::ng-deep .expansion-panel-level2 .mat-expansion-panel-body{margin-left:16px;margin-top:0;padding-top:0;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;border-left:0}.navitem-level3-flat{padding-left:4px!important;font-size:small;height:28px!important;color:var(--default-navmenu3-textcolor-inactive)!important}.mat-nav-list a.navitem-level3-active-flat{color:var(--default-navmenu3-textcolor-active)!important}.navitem-level3-flat .mat-icon{transform:scale(.6)}.navitem-level3-flat .active{fill:var(--default-navmenu3-iconcolor-active)}.navitem-level3-flat .inactive{fill:var(--default-navmenu3-iconcolor-inactive)}.navitem-level3-flat span{margin-left:0!important;padding-left:0!important;font-weight:600}\n"], components: [{ type: i4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5$1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }, { type: i4$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i10.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i10.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4.MatSidenavContent, selector: "mat-sidenav-content" }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "deferred", "mode", "selectAllMode", "showCheckBoxesMode", "recursive"] }, { type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { type: i6.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i5.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i10.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "async": i4$2.AsyncPipe, "lowercase": i4$2.LowerCasePipe } });
+MainNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MainNavComponent, selector: "mobicloud-main-nav", inputs: { menuNodes: "menuNodes", toolbarItems: "toolbarItems", title: "title", showMainHeader: "showMainHeader", showMainSidebar: "showMainSidebar", showMainFooter: "showMainFooter" }, ngImport: i0, template: "<mat-sidenav-container class=\"sidenav-container\" fullscreen>\n\n  <mat-sidenav #drawer class=\"sidenav\" fixedInViewport [attr.role]=\"(isHandset$ | async) ? 'dialog' : 'navigation'\"\n    [mode]=\"(isHandset$ | async) ? 'over' : 'side'\" [opened]=\"((isHandset$ | async) === false) && showMainSidebar\" (openedChange)=\"openedChangeSidenav($event)\">\n\n    <mat-toolbar class=\"menu-toolbar\">\n      <mat-toolbar-row>\n        <div class=\"menu-toolbar-content\">\n          <div class=\"menu-toolbar-logo-container\" routerLink=\"/\">\n            <svg-icon name=\"mobicloud_logo\" class=\"menu-toolbar-logo-icon\"></svg-icon>\n          </div>          \n          <div class=\"menu-toolbar-app-tittle-container\">\n            <div class=\"menu-toolbar-app-burgermenu\">\n              <button type=\"button\" class=\"toolbar-menu-button toolbar-menu-button-inmenu\" aria-label=\"Toggle sidenav\"  mat-button (click)=\"drawer.toggle()\" matTooltip=\"Hide menu\" *ngIf=\"showMainSidebar\">\n                <mat-icon aria-label=\"menu icon\" class=\"toolbar-menu-button-icon\">menu</mat-icon>\n              </button> \n            </div>\n            <span class=\"menu-toolbar-app-divider\"></span>\n            <div class=\"menu-toolbar-app-tittle\">{{title}}</div>\n          </div>\n      </div>\n      </mat-toolbar-row>\n    </mat-toolbar>\n\n    <mat-nav-list>\n      <ng-container *ngFor=\"let menuNode1 of menuNodes\">\n          <ng-container *ngIf=\"!menuNode1.children; else hasChildren1\">\n          <!-- LEVEL 1 FLAT -->\n          <a mat-list-item [routerLink]=\"menuNode1.link\" [state]=\"menuNode1.linkstate\" class=\"navitem-level1\" [routerLinkActive]=\"['navitem-level1-active']\" routerLinkActive #rla1_flat=\"routerLinkActive\">\n            <mat-icon svgIcon=\"{{menuNode1.svg}}\" [ngClass]=\"{'inactive': !rla1_flat.isActive,'active': rla1_flat.isActive}\"></mat-icon>\n            <span>{{ menuNode1.caption }}</span>\n          </a>\n        </ng-container>\n        <ng-template #hasChildren1>\n          <!-- LEVEL 1 EXPAND -->\n          <mat-expansion-panel class=\"mat-elevation-z0 expansion-panel-level1\" routerLinkActive #rla1_expand=\"routerLinkActive\" [expanded]=\"rla1_expand.isActive\" [@.disabled]=\"true\">\n            <!-- <mat-expansion-panel class=\"mat-elevation-z0 expansion-panel-level1\" routerLinkActive #rla1_expand=\"routerLinkActive\" [expanded]=\"true\">    -->\n            <mat-expansion-panel-header [ngClass]=\"{'expansion-panel-header-level1': !rla1_expand.isActive,'expansion-panel-header-level1-active': rla1_expand.isActive}\">       \n              <mat-panel-title [ngClass]=\"{'expansion-panel-header-title-level1': !rla1_expand.isActive, 'expansion-panel-header-title-level1-active': rla1_expand.isActive}\">\n                <mat-icon svgIcon=\"{{menuNode1.svg}}\" [ngClass]=\"{'inactive': !rla1_expand.isActive,'active': rla1_expand.isActive}\"></mat-icon>\n                <span>{{ menuNode1.caption }}</span>\n              </mat-panel-title>\n            </mat-expansion-panel-header>\n            <ng-container *ngFor=\"let menuNode2 of menuNode1.children\">\n              <!-- LEVEL 2 -->\n              <ng-container *ngIf=\"!menuNode2.children; else hasChildren2\">\n                <!-- LEVEL 2 FLAT -->\n                <a mat-list-item [routerLink]=\"menuNode2.link\" [state]=\"menuNode2.linkstate\" class=\"navitem-level2-flat\" [routerLinkActive]=\"['navitem-level2-active-flat']\" routerLinkActive #rla2_flat=\"routerLinkActive\">\n                  <mat-icon svgIcon=\"{{menuNode2.svg}}\" [ngClass]=\"{'inactive': !rla2_flat.isActive,'active': rla2_flat.isActive}\"></mat-icon>\n                  <span>{{ menuNode2.caption }}</span>\n                </a>                \n              </ng-container>\n              <ng-template #hasChildren2>\n                <!-- LEVEL 2 EXPAND -->\n                <mat-expansion-panel class=\"mat-elevation-z0 expansion-panel-level2\" routerLinkActive #rla2_expand=\"routerLinkActive\" [expanded]=\"rla2_expand.isActive\" [@.disabled]=\"true\">        \n                  <mat-expansion-panel-header [ngClass]=\"{'expansion-panel-header-level2': !rla2_expand.isActive,'expansion-panel-header-level2-active': rla2_expand.isActive}\">       \n                    <mat-panel-title [ngClass]=\"{'expansion-panel-header-title-level2': !rla2_expand.isActive, 'expansion-panel-header-title-level2-active': rla2_expand.isActive}\">\n                      <mat-icon svgIcon=\"{{menuNode2.svg}}\" [ngClass]=\"{'inactive': !rla2_expand.isActive,'active': rla2_expand.isActive}\"></mat-icon>\n                      <span>{{ menuNode2.caption }}</span>\n                    </mat-panel-title>\n                  </mat-expansion-panel-header>\n                  <ng-container *ngFor=\"let menuNode3 of menuNode2.children\">\n                    <!-- LEVEL 3 FLAT -->\n                    <a mat-list-item [routerLink]=\"menuNode3.link\" [state]=\"menuNode3.linkstate\" class=\"navitem-level3-flat\" [routerLinkActive]=\"['navitem-level3-active-flat']\" routerLinkActive #rla3_flat=\"routerLinkActive\">\n                      <mat-icon svgIcon=\"{{menuNode3.svg}}\" [ngClass]=\"{'inactive': !rla3_flat.isActive,'active': rla3_flat.isActive}\"></mat-icon>\n                      <span>{{ menuNode3.caption }}</span>\n                    </a>\n                  </ng-container>\n                </mat-expansion-panel>                \n              </ng-template>\n            </ng-container>\n          </mat-expansion-panel>                      \n        </ng-template>\n      </ng-container> \n\n    </mat-nav-list>\n\n  </mat-sidenav>\n\n  <!-- *ngIf=\"showMainSidebar\" -->\n\n  <mat-sidenav-content class=\"sidenav-maincontent\">\n    <mat-toolbar *ngIf=\"showMainHeader\">\n      <mat-toolbar-row>\n      <!-- <button type=\"button\" aria-label=\"Toggle sidenav\" mat-icon-button (click)=\"drawer.toggle()\"\n        *ngIf=\"(isHandset$ | async) && showMainSidebar\">\n        <mat-icon aria-label=\"menu icon\" class=\"toolbar-menu-button-icon\">menu</mat-icon>\n      </button>      -->\n      <button type=\"button\" class=\"toolbar-menu-button toolbar-menu-button-outmenu\" aria-label=\"Toggle sidenav\" mat-button (click)=\"drawer.toggle()\" matTooltip=\"Open menu\" *ngIf=\"showMainSidebar && !sidebarOpened\">\n        <mat-icon aria-label=\"menu icon\" class=\"toolbar-menu-button-icon\">menu</mat-icon>\n      </button>        \n\n      <div class=\"organization-select-container\" *ngIf=\"((isMasterUser || isMasterAdmin) || (allowSubOrganizations)) && requireOrganization\">\n        <dx-drop-down-box stylingMode=\"outlined\" placeholder=\"Select Organization\" [showClearButton]=\"true\" [dataSource]=\"organizations_ds\" [(value)]=\"selectedOrganizationId\" valueExpr=\"OrganizationId\" displayExpr=\"Name\" [(opened)]=\"_organizationOpened\" (onValueChanged)=\"organizationChanged_ValueChanged($event)\">\n          <dxo-drop-down-options title=\"Organizations\" i18n-title=\"@@FieldCaption-Organizations\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\" width=\"340px\"></dxo-drop-down-options>\n          <div *dxTemplate=\"let data of 'content'\">\n            <dx-data-grid [focusedRowKey]=\"selectedOrganizationId\" [dataSource]=\"organizations_ds\" [hoverStateEnabled]=\"true\" height=\"100%\" (onSelectionChanged)=\"organizationChanged($event)\" (onRowClick)=\"_organizationOpened = false\">\n              <dxi-column dataField=\"OrganizationId\" i18n-caption=\"@@GridColumn-Id\" caption=\"Id\" [visible]=\"false\"></dxi-column>\n              <dxi-column dataField=\"AccountNumber\" i18n-caption=\"@@GridColumn-AccountNumber\" caption=\"Account no.\" width=\"100px\"></dxi-column>\n              <dxi-column dataField=\"Name\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n              <dxo-selection mode=\"single\"></dxo-selection>\n              <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n              <dxo-scrolling mode=\"virtual\"></dxo-scrolling>\n              <dxo-paging [enabled]=\"true\" [pageSize]=\"20\"></dxo-paging>\n            </dx-data-grid>\n          </div>          \n        </dx-drop-down-box>\n      </div>\n\n      <div class=\"customer-select-container\" *ngIf=\"(isMasterUser || isMasterAdmin || isOrganizationUser || isEmployeeUser) && (requireOrganization && requireCustomer)\">\n        <dx-drop-down-box stylingMode=\"outlined\" placeholder=\"Select Customer\" [showClearButton]=\"true\" [dataSource]=\"customers_ds\" [(value)]=\"selectedCustomerId\" valueExpr=\"Id\" displayExpr=\"Name\" [(opened)]=\"_customerOpened\" (onValueChanged)=\"customerChanged_ValueChanged($event)\">\n          <dxo-drop-down-options title=\"Customers\" i18n-title=\"@@FieldCaption-Customers\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\" width=\"340px\"></dxo-drop-down-options>\n          <div *dxTemplate=\"let data of 'content'\">\n            <dx-data-grid [focusedRowKey]=\"selectedCustomerId\" [dataSource]=\"customers_ds\" [hoverStateEnabled]=\"true\" height=\"100%\" (onSelectionChanged)=\"customerChanged($event)\" (onRowClick)=\"_customerOpened = false\">\n              <dxi-column dataField=\"Id\" i18n-caption=\"@@GridColumn-Id\" caption=\"Id\" [visible]=\"false\"></dxi-column>\n              <dxi-column dataField=\"AccountNumber\" i18n-caption=\"@@GridColumn-AccountNumber\" caption=\"Account no.\" width=\"100px\"></dxi-column>\n              <dxi-column dataField=\"Name\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n              <dxo-selection mode=\"single\"></dxo-selection>\n              <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n              <dxo-scrolling mode=\"virtual\"></dxo-scrolling>\n              <dxo-paging [enabled]=\"true\" [pageSize]=\"20\"></dxo-paging>\n            </dx-data-grid>\n          </div>          \n        </dx-drop-down-box>\n      </div>      \n     \n      <div class=\"vendor-select-container\" *ngIf=\"(isMasterUser || isMasterAdmin || isOrganizationUser || isEmployeeUser) && (requireOrganization && requireVendor)\">\n        <dx-drop-down-box stylingMode=\"outlined\" placeholder=\"Select Vendor\" [showClearButton]=\"true\" [dataSource]=\"vendors_ds\" [(value)]=\"selectedVendorId\" valueExpr=\"Id\" displayExpr=\"Name\" [(opened)]=\"_vendorOpened\" (onValueChanged)=\"vendorChanged_ValueChanged($event)\">\n          <dxo-drop-down-options title=\"Vendors\" i18n-title=\"@@FieldCaption-Vendors\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\" width=\"340px\"></dxo-drop-down-options>\n          <div *dxTemplate=\"let data of 'content'\">\n            <dx-data-grid [focusedRowKey]=\"selectedVendorId\" [dataSource]=\"vendors_ds\" [hoverStateEnabled]=\"true\" height=\"100%\" (onSelectionChanged)=\"vendorChanged($event)\" (onRowClick)=\"_vendorOpened = false\">\n              <dxi-column dataField=\"Id\" i18n-caption=\"@@GridColumn-Id\" caption=\"Id\" [visible]=\"false\"></dxi-column>\n              <dxi-column dataField=\"VendorId\" i18n-caption=\"@@GridColumn-VendorId\" caption=\"Vendor id\" width=\"100px\"></dxi-column>\n              <dxi-column dataField=\"Name\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n              <dxo-selection mode=\"single\"></dxo-selection>\n              <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n              <dxo-scrolling mode=\"virtual\"></dxo-scrolling>\n              <dxo-paging [enabled]=\"true\" [pageSize]=\"20\"></dxo-paging>\n            </dx-data-grid>\n          </div>          \n        </dx-drop-down-box>\n      </div>  \n\n      <span class=\"toolbar-divider\"></span>      \n          \n      <ng-container *ngIf=\"toolbarItems\">            \n        <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n            <button *ngIf=\"(toolbarItem.itemtype===undefined) || toolbarItem.itemtype=='' || toolbarItem.itemtype=='button'\" aria-label=\"Button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" [state]=\"toolbarItem.linkstate\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" [class]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button ' + toolbarItem.cssClass) : 'menu-toolbar-button'\" matTooltip=\"{{toolbarItem.caption}}\">\n              <div class=\"menu-toolbar-button-content\">\n                <svg-icon [name]=\"toolbarItem.svg\" [svgClass]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button-icon ' + toolbarItem.cssClass_Icon) : 'menu-toolbar-button-icon'\"></svg-icon>\n              </div>            \n            </button>   \n            <button *ngIf=\"toolbarItem.itemtype=='round_button'\" aria-label=\"Button\" mat-fab appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" [state]=\"toolbarItem.linkstate\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" [class]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button ' + toolbarItem.cssClass) : 'menu-toolbar-button'\" matTooltip=\"{{toolbarItem.caption}}\">\n              <div class=\"menu-toolbar-button-content\">\n                <svg-icon [name]=\"toolbarItem.svg\" [svgClass]=\"toolbarItem.cssClass_Icon ? ('menu-toolbar-button-icon ' + toolbarItem.cssClass_Icon) : 'menu-toolbar-button-icon'\"></svg-icon>\n              </div>            \n            </button>                                      \n        </ng-container>\n        <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n      </ng-container>\n      \n      <button mat-raised-button *ngIf=\"userName\"  [matMenuTriggerFor]=\"profileMenu\" appMaterialElevation [matTooltip]=\"user_fullname\" aria-label=\"Profile\" i18n-aria-label=\"@@Action-Profile\" class=\"menu-toolbar-button menu-toolbar-button-profile\">\n        <!-- <svg-icon name=\"mobicloud_profile\" svgClass=\"menu-toolbar-button-icon menu-toolbar-button-icon-small\"></svg-icon> -->\n        <div class=\"menu-toolbar-button-content menu-toolbar-button-content-user\">\n          <img alt=\"\"alt=\"\" [src]=\"userImageUrl\" class=\"menu-toolbar-button-profileImage\">\n          <div class=\"profile-text-container\">\n            <div class=\"profile-text-accountname\">{{org_name}}</div>\n            <div class=\"profile-text-accountdetails\">\n              <div class=\"profile-text-accountnumber\">{{org_accountnum}}</div>\n              <div class=\"profile-text-username\">\n                <svg-icon name=\"mobicloud_employee\" svgClass=\"username-icon\" *ngIf=\"isEmployeeUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_system_user\" svgClass=\"username-icon\" *ngIf=\"isOrganizationUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_customer\" svgClass=\"username-icon\" *ngIf=\"isCustomerUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_vendor\" svgClass=\"username-icon\" *ngIf=\"isVendorUser\"></svg-icon>\n                <svg-icon name=\"mobicloud_master_user\" svgClass=\"username-icon\" *ngIf=\"isMasterUser && !isMasterAdmin\"></svg-icon>\n                <svg-icon name=\"mobicloud_master_admin\" svgClass=\"username-icon\" *ngIf=\"isMasterAdmin\"></svg-icon>\n                <span [ngClass]=\"{'username-label-admin':(isOrganizationAdmin || isMasterAdmin), 'username-label':!(isOrganizationAdmin || isMasterAdmin)}\">{{userName}}</span>\n              </div>\n            </div>\n          </div>\n          <div class=\"profile-expand-container\">\n            <svg-icon name=\"mobicloud_expand\" svgClass=\"expand-icon\"></svg-icon>\n          </div>\n        </div>\n      </button>       \n      <mat-menu #profileMenu class=\"profileMenu\">\n        <button aria-label=\"language\" mat-menu-item [matMenuTriggerFor]=\"languages\">\n          <mat-icon svgIcon=\"mobicloud_language\" class=\"menu-item-icon\"></mat-icon>\n          <span i18n=\"@@Button-Language\" class=\"menu-item-text\">Language</span><span class=\"menu-item-text\"> ({{currentLanguageName}})</span>\n        </button>        \n\n        <button aria-label=\"theme\" mat-menu-item [matMenuTriggerFor]=\"mobiThemes\" *ngIf=\"themesEnabled\">\n          <mat-icon svgIcon=\"mobicloud_language\" class=\"menu-item-icon\"></mat-icon>\n          <span i18n=\"@@Button-Themes\" class=\"menu-item-text\">Theme</span><span> ({{currentThemeCaption}})</span>\n        </button>         \n       \n\n        <button aria-label=\"profile\" mat-menu-item routerLink=\"/management/profile\" *ngIf=\"(!isMasterUser && !isMasterAdmin)\" [disabled]=\"!enable_myprofile\">\n          <mat-icon svgIcon=\"mobicloud_myprofile\"  [ngClass]=\"{'menu-item-icon':enable_myprofile, 'menu-item-icon-disabled':!enable_myprofile}\"></mat-icon>\n          <span i18n=\"@@Button-MyProfile\" [ngClass]=\"{'menu-item-text':enable_myprofile, 'menu-item-text-disabled':!enable_myprofile}\">My profile</span>\n        </button>\n        \n        <button aria-label=\"signout\" mat-menu-item (click)=\"signout()\">\n          <mat-icon svgIcon=\"mobicloud_logout\" class=\"menu-item-icon\"></mat-icon>\n          <span i18n=\"@@Button-SignOut\" class=\"menu-item-text\">Sign out</span>\n        </button>\n        <button aria-label=\"default theme\" mat-menu-item>\n          <mat-icon svgIcon=\"mobicloud_theme_default\" class=\"menu-item-icon\"></mat-icon>\n          <span class=\"menu-item-text\">{{_appName}} v{{_appVersion}}</span>\n        </button>\n      </mat-menu>\n      <mat-menu #languages>\n        <button aria-label=\"supported languages\" mat-menu-item *ngFor=\"let language of supportedLanguages\" [disabled]=\"currentLocaleId == language.LocaleId\" (click)=\"changeLanguage(language.LocaleId)\">\n          <div class=\"flex_div\">\n            <img alt=\"\"alt=\"\" class=\"language-icon\" src=\"./assets/languages/language_{{language.FlagCode | lowercase}}.png\">\n            <span class=\"language-text\" class=\"menu-item-text\">{{language.LanguageName}}</span>\n          </div>\n        </button>\n      </mat-menu>\n      <mat-menu #mobiThemes>\n        <button aria-label=\"chnage theme\" mat-menu-item *ngFor=\"let theme of supportedThemes\" [disabled]=\"currentTheme == theme.ThemeName\" (click)=\"changeTheme(theme.ThemeName)\">\n          <div class=\"flex_div\">\n            <svg-icon name=\"{{theme.Svg}}\" *ngIf=\"theme.Svg\" class=\"theme-icon menu-item-icon\"></svg-icon>\n            <span class=\"theme-text\" class=\"menu-item-text\">{{theme.ThemeCaption}}</span>\n          </div>\n        </button>\n      </mat-menu>       \n      \n      </mat-toolbar-row>\n    </mat-toolbar>\n\n    <ng-container *ngIf=\"!showMainHeader && showMainSidebar\">\n      <button aria-label=\"toggle\" type=\"button\" aria-label=\"Toggle sidenav\" mat-icon-button (click)=\"drawer.toggle()\"\n        *ngIf=\"(isHandset$ | async)\">\n        <mat-icon aria-label=\"menu icon\">menu</mat-icon>\n      </button>\n    </ng-container>\n\n    <!-- Add Content Here -->\n    <div class=\"sidenav-innercontent\">\n      <ng-content></ng-content>\n    </div>\n      \n  </mat-sidenav-content>\n</mat-sidenav-container>", styles: [".sidenav-container{background-color:var(--default-sidebarcontent-color-background)}.sidenav{width:240px;border-right:0px;background-color:var(--default-navmenu-color-background)}.mat-toolbar{position:sticky;position:-webkit-sticky;top:0;z-index:1000;height:80px;background-color:var(--default-navtoolbar-color-background)}.menu-toolbar-content{margin-top:20px;display:block;cursor:pointer}.menu-toolbar-content:focus{outline:0}.menu-toolbar-logo-container{height:35px}.menu-toolbar-logo-icon{width:193px;height:35px;fill:var(--default-menu-logo-color)}.toolbar-divider{flex:1 1 auto}.sidenav-innercontent{height:calc(100% - 100px)!important;background-color:var(--default-sidebarcontent-color-background)}.menu-toolbar{background-color:var(--default-navtoolbar-color-background);height:80px}.toolbar-menu-button{padding:unset!important;margin-right:12px;height:24px!important;min-width:unset!important;width:24px!important}.toolbar-menu-button-icon{color:var(--default-toolbar-iconcolor);width:20px!important;height:20px!important;font-size:20px;margin-bottom:18px}.menu-toolbar-app-tittle-container{display:flex}.menu-toolbar-app-burgermenu{display:flex}.toolbar-menu-button-inmenu{margin-top:10px}.menu-toolbar-app-divider{flex:1 1 auto}.menu-toolbar-app-tittle{color:var(--default-menu-title-color);font-size:small;margin:0;padding:0;line-height:4mm;height:4mm;text-align:right;vertical-align:top}.organization-select-container{margin-bottom:1px;margin-top:21px;margin-right:7px}::ng-deep .organization-select-container .dx-dropdowneditor-input-wrapper{border-radius:2px;background-color:var(--default-groupbox-header-iconbackground)!important;height:38px!important}.customer-select-container{margin-bottom:1px;margin-top:21px;margin-right:7px}::ng-deep .customer-select-container .dx-dropdowneditor-input-wrapper{border-radius:2px;background-color:var(--default-groupbox-header-iconbackground)!important;height:38px!important}.vendor-select-container{margin-bottom:1px;margin-top:21px}::ng-deep .vendor-select-container .dx-dropdowneditor-input-wrapper{border-radius:2px;background-color:var(--default-groupbox-header-iconbackground)!important;height:38px!important}.menu-toolbar-button{background-color:var(--default-groupbox-header-iconbackground)!important;width:38px;height:38px;min-width:unset!important;padding:unset!important;margin-right:8px!important;margin-top:20px}::ng-deep .menu-toolbar-button .mat-button-wrapper{height:100%;width:100%;padding:unset!important}.menu-toolbar-button-content{height:100%}.menu-toolbar-button-icon{pointer-events:none;fill:var(--default-groupbox-header-iconcolor);width:22px;height:22px;margin-top:8px}.menu-toolbar-button-content-user{display:flex;padding-left:6px}.menu-toolbar-button-profile{width:193px!important}.menu-toolbar-button-profileImage{width:24px!important;height:24px!important;border-radius:50%;margin-bottom:3px;margin-top:8px!important}.menu-toolbar-button-content .profile-text-container{text-align:left;margin-left:5px;width:134px!important;max-width:134px!important}.menu-toolbar-button-content .profile-expand-container{width:18px!important}.menu-toolbar-button-content .profile-expand-container .expand-icon{fill:var(--default-groupbox-header-iconcolor);width:10px;height:10px;margin-right:2px}.menu-toolbar-button-content .profile-text-container .profile-text-accountname{font-size:smaller!important;font-weight:600;line-height:16px;margin-top:3px;height:16px!important;max-height:16px!important;max-width:134px!important;overflow:hidden;text-overflow:ellipsis}.menu-toolbar-button-content .profile-text-container .profile-text-accountdetails{display:flex;font-size:smaller!important;line-height:19px;max-height:19px!important;height:19px!important;max-width:134px!important;width:134px!important}.menu-toolbar-button-content .profile-text-container .profile-text-accountnumber{width:48px!important}.menu-toolbar-button-content .profile-text-container .profile-text-username{width:86px!important;max-width:86px!important;overflow:hidden;text-overflow:ellipsis;display:flex}.menu-toolbar-button-content .profile-text-container .profile-text-username .username-icon{fill:var(--default-groupbox-header-iconcolor);width:13px;height:13px;margin-right:2px;margin-top:3px}::ng-deep .mat-menu-content{background-color:var(--default-popup-background)!important}::ng-deep .mat-menu-item{background-color:var(--default-popup-background)!important;color:var(--default-popup-textcolor)!important}.username-label-admin{color:#7a0e71}.menu-item-icon{fill:var(--default-popup-iconcolor)}.menu-item-icon-disabled{fill:var(--default-navmenu1-buttoncolor-inactive)}.menu-item-text-disabled{color:var(--default-navmenu1-buttoncolor-inactive)}.language-icon{margin-right:10px;height:16px;width:32px;margin-top:16px}.flex_div{display:flex}.theme-icon{transform:scale(.6)}.theme-text{margin-top:4px}.mat-nav-list{margin:10px 20px;background-color:var(--default-sidebarcontent-color-background)}::ng-deep .mat-list-item-content{padding:0!important}.navitem-level1{background-color:var(--default-navmenu1-buttoncolor-inactive);margin-bottom:12px;border-radius:8px;height:48px;color:var(--default-navmenu1-textcolor-inactive)!important}.mat-nav-list a.navitem-level1-active{background-color:var(--default-navmenu1-buttoncolor-active);color:var(--default-navmenu1-textcolor-active)!important}.navitem-level1 .mat-icon{transform:scale(.9);padding-left:16px}.navitem-level1 .active{fill:var(--default-navmenu1-iconcolor-active)}.navitem-level1 .inactive{fill:var(--default-navmenu1-iconcolor-inactive)}.navitem-level1 span{margin-left:6px;font-weight:600}.mat-expansion-panel{padding-bottom:0!important}.expansion-panel-level1{padding-bottom:10px!important}.expansion-panel-header-level1,.expansion-panel-header-level1:hover{background-color:var(--default-navmenu1-buttoncolor-inactive)!important;height:48px!important;margin:0;padding-left:16px!important}.expansion-panel-header-level1-active{background-color:var(--default-navmenu1-buttoncolor-active)!important;height:48px!important;margin:0;padding-left:16px!important}.expansion-panel-header-title-level1,.expansion-panel-header-title-level1:hover{color:var(--default-navmenu1-textcolor-inactive)!important;font-weight:600}.expansion-panel-header-title-level1-active,.expansion-panel-header-title-level1-active:hover{color:var(--default-navmenu1-textcolor-active)!important;font-weight:600}.expansion-panel-header-title-level1 .mat-icon,.expansion-panel-header-title-level1-active .mat-icon{transform:scale(.8)}.expansion-panel-header-title-level1-active .active{fill:var(--default-navmenu1-iconcolor-active)}.expansion-panel-header-title-level1 .inactive{fill:var(--default-navmenu1-iconcolor-inactive)}.expansion-panel-header-title-level1 span,.expansion-panel-header-title-level1-active span{margin-left:8px;margin-top:2px}::ng-deep .expansion-panel-header-level1 .mat-expansion-indicator:after,.expansion-panel-header-level1 .mat-expansion-panel-header-description{color:var(--default-navmenu1-textcolor-inactive)!important}::ng-deep .expansion-panel-header-level1-active .mat-expansion-indicator:after,.expansion-panel-header-level1-active .mat-expansion-panel-header-description{color:var(--default-navmenu1-textcolor-active)!important}.mat-expansion-panel{background-color:var(--default-navmenu-color-background)!important}::ng-deep .mat-expansion-panel-content{background-color:var(--default-navmenucontent-color-background)}::ng-deep .expansion-panel-level1 .mat-expansion-panel-body{margin-left:16px;margin-top:6px;margin-bottom:10px;padding-top:0;padding-left:4px!important;padding-right:0!important;padding-bottom:0!important;border-left:var(--default-navmenu1-border-treeline) 1px solid}.navitem-level2-flat{padding-left:4px!important;font-size:small;height:28px!important;color:var(--default-navmenu2-textcolor-inactive)!important}.mat-nav-list a.navitem-level2-active-flat{color:var(--default-navmenu2-textcolor-active)!important}.navitem-level2-flat .mat-icon{transform:scale(.6)}.navitem-level2-flat .active{fill:var(--default-navmenu2-iconcolor-active)}.navitem-level2-flat .inactive{fill:var(--default-navmenu2-iconcolor-inactive)}.navitem-level2-flat span{margin-left:2px!important;padding-left:0!important;font-weight:600}.expansion-panel-header-level2,.expansion-panel-header-level2:hover{height:26px!important;margin:0;font-size:small;padding-left:2px!important}.expansion-panel-header-level2-active{height:26px!important;margin:0;font-size:small;padding-left:2px!important}.expansion-panel-header-title-level2,.expansion-panel-header-title-level2:hover{color:var(--default-navmenu2-textcolor-inactive)!important;font-weight:600}.expansion-panel-header-title-level2-active,.expansion-panel-header-title-level2-active:hover{color:var(--default-navmenu2-textcolor-active)!important;font-weight:600}.expansion-panel-header-title-level2 .mat-icon,.expansion-panel-header-title-level2-active .mat-icon{transform:scale(.7)}.expansion-panel-header-title-level2 .active,.expansion-panel-header-title-level2-active .active{fill:var(--default-navmenu2-iconcolor-active)}.expansion-panel-header-title-level2 .inactive,.expansion-panel-header-title-level2-active .inactive{fill:var(--default-navmenu2-iconcolor-inactive)}.expansion-panel-header-title-level2 span,.expansion-panel-header-title-level2-active span{margin-left:4px;margin-top:3px}::ng-deep .expansion-panel-header-level2 .mat-expansion-indicator:after,.expansion-panel-header-level2 .mat-expansion-panel-header-description{color:var(--default-navmenu2-textcolor-inactive)!important}::ng-deep .expansion-panel-header-level2-active .mat-expansion-indicator:after,.expansion-panel-header-level2-active .mat-expansion-panel-header-description{color:var(--default-navmenu2-textcolor-active)!important}::ng-deep .expansion-panel-level2 .mat-expansion-panel-body{margin-left:16px;margin-top:0;padding-top:0;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;border-left:0}.navitem-level3-flat{padding-left:4px!important;font-size:small;height:28px!important;color:var(--default-navmenu3-textcolor-inactive)!important}.mat-nav-list a.navitem-level3-active-flat{color:var(--default-navmenu3-textcolor-active)!important}.navitem-level3-flat .mat-icon{transform:scale(.6)}.navitem-level3-flat .active{fill:var(--default-navmenu3-iconcolor-active)}.navitem-level3-flat .inactive{fill:var(--default-navmenu3-iconcolor-inactive)}.navitem-level3-flat span{margin-left:0!important;padding-left:0!important;font-weight:600}\n"], components: [{ type: i4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5$1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }, { type: i4$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i10.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i10.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4.MatSidenavContent, selector: "mat-sidenav-content" }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { type: i6.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i5.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i10.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }, { type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "async": i4$2.AsyncPipe, "lowercase": i4$2.LowerCasePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MainNavComponent, decorators: [{
             type: Component,
             args: [{
@@ -936,7 +936,7 @@ class SystemUserProfileComponent {
     }
 }
 SystemUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SystemUserProfileComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }, { token: i1$1.UsernameValidator }], target: i0.ɵɵFactoryTarget.Component });
-SystemUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SystemUserProfileComponent, selector: "mobicloud-system-user-profile", inputs: { systemUser: "systemUser", systemUser_expands: "systemUser_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { systemUserChanged: "systemUserChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"systemUserProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formSystemUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formSystemUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Admin\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: loginType_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Type\" i18n-text=\"@@FieldCaption-Type\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Username\" [colSpan]=\"2\" *ngIf=\"!certificateLogin\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <!-- <dxi-item dataField=\"Password\" *ngIf=\"!hashedPasswords\">\n                <dxo-label text=\"Password\" i18n-text=\"@@FieldCaption-Password\"></dxo-label>\n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-text-box [(value)]=\"formSystemUser.Password\" [(mode)]=\"passwordToggleMode\" placeholder=\"\">\n                        <dxi-button name=\"password_toggle\" location=\"after\" [options]=\"passwordButtonOptions\" *ngIf=\"inEditMode\"></dxi-button>\n                        <div *dxTemplate=\"let data of 'pwd_buttonTemplate'\">\n                            <svg-icon [name]=\"passwordToogleIcon\" svgClass=\"password-button-icon\"></svg-icon>\n                        </div>                     \n                    </dx-text-box>                    \n                </div>\n            </dxi-item> -->\n            <dxi-item dataField=\"Name\" [colSpan]=\"2\">\n                <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>                \n            </dxi-item>                      \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item>\n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [".userProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.field50{width:200px!important}.field100{width:420px!important}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SystemUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SystemUserProfileComponent, selector: "mobicloud-system-user-profile", inputs: { systemUser: "systemUser", systemUser_expands: "systemUser_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { systemUserChanged: "systemUserChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"systemUserProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formSystemUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formSystemUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Admin\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: loginType_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Type\" i18n-text=\"@@FieldCaption-Type\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Username\" [colSpan]=\"2\" *ngIf=\"!certificateLogin\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <!-- <dxi-item dataField=\"Password\" *ngIf=\"!hashedPasswords\">\n                <dxo-label text=\"Password\" i18n-text=\"@@FieldCaption-Password\"></dxo-label>\n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-text-box [(value)]=\"formSystemUser.Password\" [(mode)]=\"passwordToggleMode\" placeholder=\"\">\n                        <dxi-button name=\"password_toggle\" location=\"after\" [options]=\"passwordButtonOptions\" *ngIf=\"inEditMode\"></dxi-button>\n                        <div *dxTemplate=\"let data of 'pwd_buttonTemplate'\">\n                            <svg-icon [name]=\"passwordToogleIcon\" svgClass=\"password-button-icon\"></svg-icon>\n                        </div>                     \n                    </dx-text-box>                    \n                </div>\n            </dxi-item> -->\n            <dxi-item dataField=\"Name\" [colSpan]=\"2\">\n                <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>                \n            </dxi-item>                      \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item>\n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [".userProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.field50{width:200px!important}.field100{width:420px!important}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SystemUserProfileComponent, decorators: [{
             type: Component,
             args: [{
@@ -1101,7 +1101,7 @@ class ProfilePageSystemUserComponent {
     }
 }
 ProfilePageSystemUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProfilePageSystemUserComponent, deps: [{ token: i2.ActivatedRoute }, { token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i2.Router }, { token: i4$2.Location }], target: i0.ɵɵFactoryTarget.Component });
-ProfilePageSystemUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProfilePageSystemUserComponent, selector: "mobicloud-profile-page-system-user", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorCaption: "errorCaption", errorText: "errorText", enableRetryOnError: "enableRetryOnError" }, outputs: { systemUser: "systemUser" }, ngImport: i0, template: "<div class=\"profile-container\">    \n    <mobicloud-content-toolbar [toobarEnabled]=\"true\" toobarTitleIcon=\"mobicloud_profile\" [toobarTitle]=\"profileCaption\" [toolbarItems]=\"toolbarItems\" (ToolbarItemClick)=\"onToolbarItemClick($event)\"></mobicloud-content-toolbar>\n    <div class=\"page-subheader\">\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{organizationCaption}}:</span>\n                <span class=\"page-subheader-text\">{{organizationName}}</span>\n        </div>                                              \n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{accountNumberCaption}}:</span>\n                <span class=\"page-subheader-text\">{{accountNumber}}</span>\n        </div> \n    </div>\n    <mobicloud-loading-container [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" [hasErrors]=\"hasErrors\" [errorCaption]=\"errorCaption\" [errorText]=\"errorText\" [enableRetryOnError]=\"enableRetryOnError\" [loadingHeightPxSubstract]=\"146\">\n        <div class=\"inner-content-fullheight\">\n          <dx-tab-panel [selectedIndex]=\"selectedTabIndex\" [loop]=\"false\" [animationEnabled]=\"true\" [swipeEnabled]=\"false\" [showNavButtons]=\"true\" [focusStateEnabled]=\"false\" height=\"100%\">\n            <dxi-item title=\"Details\" i18n-title=\"@@TabHeader-Details\">\n                <div class=\"tabpanel-item\">\n    \n                    <div class=\"systemuserbox-card-container\" fxLayout=\"0\" fxLayoutGap=\"32px\">                    \n                        <div class=\"systemuserbox-card\">\n                            <div class=\"systemuserbox-card-inner\">\n                                <mobicloud-system-user-profile #systeUserProfile class=\"systemuserbox-card\" [systemUser]=\"systemUser\" [width]=\"460\" [contentheight]=\"400\" (systemUserChanged)=\"systemUserChanged($event)\" *ngIf=\"systemUser\"></mobicloud-system-user-profile>\n                            </div>\n                        </div>\n                    </div>\n    \n                </div>\n            </dxi-item>     \n          </dx-tab-panel>\n        </div>    \n    </mobicloud-loading-container>    \n\n</div>", styles: [".systemuserbox-card-container{flex-wrap:wrap;justify-content:flex-start}.systemuserbox-card{margin-bottom:20px}.systemuserbox-card-inner{margin-bottom:20px}\n"], components: [{ type: ContentToolbarComponent, selector: "mobicloud-content-toolbar", inputs: ["toobarEnabled", "preToolbarItems", "toobarTitleIcon", "toobarTitle", "toolbarItems"], outputs: ["ToolbarItemClick"] }, { type: LoadingContainerComponent, selector: "mobicloud-loading-container", inputs: ["loadingHeightPxSubstract", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "retryButtonText"], outputs: ["Retry_Click"] }, { type: i7.DxTabPanelComponent, selector: "dx-tab-panel", inputs: ["accessKey", "activeStateEnabled", "animationEnabled", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "loop", "noDataText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollingEnabled", "selectedIndex", "selectedItem", "showNavButtons", "swipeEnabled", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onTitleClick", "onTitleHold", "onTitleRendered", "accessKeyChange", "activeStateEnabledChange", "animationEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "loopChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollingEnabledChange", "selectedIndexChange", "selectedItemChange", "showNavButtonsChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: SystemUserProfileComponent, selector: "mobicloud-system-user-profile", inputs: ["systemUser", "systemUser_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["systemUserChanged"] }], directives: [{ type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ProfilePageSystemUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProfilePageSystemUserComponent, selector: "mobicloud-profile-page-system-user", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorCaption: "errorCaption", errorText: "errorText", enableRetryOnError: "enableRetryOnError" }, outputs: { systemUser: "systemUser" }, ngImport: i0, template: "<div class=\"profile-container\">    \n    <mobicloud-content-toolbar [toobarEnabled]=\"true\" toobarTitleIcon=\"mobicloud_profile\" [toobarTitle]=\"profileCaption\" [toolbarItems]=\"toolbarItems\" (ToolbarItemClick)=\"onToolbarItemClick($event)\"></mobicloud-content-toolbar>\n    <div class=\"page-subheader\">\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{organizationCaption}}:</span>\n                <span class=\"page-subheader-text\">{{organizationName}}</span>\n        </div>                                              \n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{accountNumberCaption}}:</span>\n                <span class=\"page-subheader-text\">{{accountNumber}}</span>\n        </div> \n    </div>\n    <mobicloud-loading-container [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" [hasErrors]=\"hasErrors\" [errorCaption]=\"errorCaption\" [errorText]=\"errorText\" [enableRetryOnError]=\"enableRetryOnError\" [loadingHeightPxSubstract]=\"146\">\n        <div class=\"inner-content-fullheight\">\n          <dx-tab-panel [selectedIndex]=\"selectedTabIndex\" [loop]=\"false\" [animationEnabled]=\"true\" [swipeEnabled]=\"false\" [showNavButtons]=\"true\" [focusStateEnabled]=\"false\" height=\"100%\">\n            <dxi-item title=\"Details\" i18n-title=\"@@TabHeader-Details\">\n                <div class=\"tabpanel-item\">\n    \n                    <div class=\"systemuserbox-card-container\" fxLayout=\"0\" fxLayoutGap=\"32px\">                    \n                        <div class=\"systemuserbox-card\">\n                            <div class=\"systemuserbox-card-inner\">\n                                <mobicloud-system-user-profile #systeUserProfile class=\"systemuserbox-card\" [systemUser]=\"systemUser\" [width]=\"460\" [contentheight]=\"400\" (systemUserChanged)=\"systemUserChanged($event)\" *ngIf=\"systemUser\"></mobicloud-system-user-profile>\n                            </div>\n                        </div>\n                    </div>\n    \n                </div>\n            </dxi-item>     \n          </dx-tab-panel>\n        </div>    \n    </mobicloud-loading-container>    \n\n</div>", styles: [".systemuserbox-card-container{flex-wrap:wrap;justify-content:flex-start}.systemuserbox-card{margin-bottom:20px}.systemuserbox-card-inner{margin-bottom:20px}\n"], components: [{ type: ContentToolbarComponent, selector: "mobicloud-content-toolbar", inputs: ["toobarEnabled", "preToolbarItems", "toobarTitleIcon", "toobarTitle", "toolbarItems"], outputs: ["ToolbarItemClick"] }, { type: LoadingContainerComponent, selector: "mobicloud-loading-container", inputs: ["loadingHeightPxSubstract", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "retryButtonText"], outputs: ["Retry_Click"] }, { type: i7.DxTabPanelComponent, selector: "dx-tab-panel", inputs: ["accessKey", "activeStateEnabled", "animationEnabled", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "loop", "noDataText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollingEnabled", "selectedIndex", "selectedItem", "showNavButtons", "swipeEnabled", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onTitleClick", "onTitleHold", "onTitleRendered", "accessKeyChange", "activeStateEnabledChange", "animationEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "loopChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollingEnabledChange", "selectedIndexChange", "selectedItemChange", "showNavButtonsChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: SystemUserProfileComponent, selector: "mobicloud-system-user-profile", inputs: ["systemUser", "systemUser_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["systemUserChanged"] }], directives: [{ type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProfilePageSystemUserComponent, decorators: [{
             type: Component,
             args: [{
@@ -1465,7 +1465,7 @@ class EmployeeProfileComponent {
     }
 }
 EmployeeProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeProfileComponent, deps: [{ token: i1$3.HttpClient }, { token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-EmployeeProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeProfileComponent, selector: "mobicloud-employee-profile", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"DepartmentId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'department_itemTemplate', fieldTemplate: 'department_fieldTemplate', dataSource: department_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Department\" i18n-text=\"@@FieldCaption-Department\"></dxo-label> \n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"InventLocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"InventLocation\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label>\n            </dxi-item>          \n\n            <dxi-item dataField=\"SupervisorId\" #responsible editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Supervisor\">\n                <dxo-label text=\"Supervisor\" i18n-text=\"@@FieldCaption-Supervisor\"></dxo-label> \n            </dxi-item>  \n\n            <dxi-item dataField=\"PayrollNumber\" editorType=\"dxAutocomplete\" [editorOptions]=\"editorOptions_PayrollNumber\">\n                <dxo-label text=\"Payroll no.\" i18n-text=\"@@FieldCaption-PayrollNumber\"></dxo-label>                                    \n            </dxi-item> \n\n            <dxi-item dataField=\"PayrollIntervalId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_PayrollInterval\">\n                <dxo-label text=\"Payroll interval\" i18n-text=\"@@FieldCaption-PayrollInterval\"></dxo-label> \n            </dxi-item>    \n            \n            <dxi-item dataField=\"EmployeeGroupId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_EmployeeGroup\">\n                <dxo-label text=\"Employee group\" i18n-text=\"@@FieldCaption-EmployeeGroup\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"BeaconId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Beacon\">\n                <dxo-label text=\"Beacon\" i18n-text=\"@@FieldCaption-Beacon\"></dxo-label> \n            </dxi-item>      \n            \n            \n            <dxi-item dataField=\"DefaultProjectId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_DefaultProject\">\n                <dxo-label text=\"Project\" i18n-text=\"@@FieldCaption-Project\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"DefaultOvertimeCategoryId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_DefaultOvertimeCategory\">\n                <dxo-label text=\"Overtime category\" i18n-text=\"@@FieldCaption-OvertimeCategory\"></dxo-label> \n            </dxi-item>  \n\n\n        </dxi-item>       \n       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'department_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'department_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div>         \n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>         \n        <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div> \n        <div class=\"payrollno-dropdown\" *dxTemplate=\"let empl of 'payrollEmplTemplate'\">\n            <div class=\"payrollno-dropdown-emplno\">{{empl.EmployeeNumber}}</div><div class=\"payrollno-dropdown-emplname\">{{empl.Name}}</div>\n        </div>  \n        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_itemTemplate'\">\n            {{fieldData?.Name}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} {{ fieldData?.IntervalId ? ('(' + fieldData?.IntervalId + ')') : ('') }}\n        </div>\n\n        <div *dxTemplate=\"let item of 'employeegroup_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'employeegroup_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        \n        <div *dxTemplate=\"let fieldData of 'beacon_itemTemplate'\">\n            {{fieldData?.BeaconId}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'beacon_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.BeaconId}} {{ fieldData?.Name ? ('(' + fieldData?.Name + ')') : ('') }}\n        </div>        \n\n\n        <div *dxTemplate=\"let item of 'project_itemTemplate'\">\n            {{item?.Name}} {{ item?.ProjectId ? ('(' + item.ProjectId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'project_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.ProjectId ? ('(' + item.ProjectId + ')') : ('') }}\n        </div>           \n        \n        <div *dxTemplate=\"let item of 'payroll_itemTemplate'\">\n            {{item?.Name}} {{ item?.CategoryId ? ('(' + item.CategoryId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'payroll_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.CategoryId ? ('(' + item.CategoryId + ')') : ('') }}\n        </div>  \n        \n        \n    </dx-form>\n</mobicloud-group-box>", styles: [".employeeProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.payrollno-dropdown{display:flex}.payrollno-dropdown-emplno{min-width:30px}.payrollno-dropdown-emplname{margin-left:16px}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+EmployeeProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeProfileComponent, selector: "mobicloud-employee-profile", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"DepartmentId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'department_itemTemplate', fieldTemplate: 'department_fieldTemplate', dataSource: department_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Department\" i18n-text=\"@@FieldCaption-Department\"></dxo-label> \n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"InventLocationId\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"InventLocation\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label>\n            </dxi-item>          \n\n            <dxi-item dataField=\"SupervisorId\" #responsible editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Supervisor\">\n                <dxo-label text=\"Supervisor\" i18n-text=\"@@FieldCaption-Supervisor\"></dxo-label> \n            </dxi-item>  \n\n            <dxi-item dataField=\"PayrollNumber\" editorType=\"dxAutocomplete\" [editorOptions]=\"editorOptions_PayrollNumber\">\n                <dxo-label text=\"Payroll no.\" i18n-text=\"@@FieldCaption-PayrollNumber\"></dxo-label>                                    \n            </dxi-item> \n\n            <dxi-item dataField=\"PayrollIntervalId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_PayrollInterval\">\n                <dxo-label text=\"Payroll interval\" i18n-text=\"@@FieldCaption-PayrollInterval\"></dxo-label> \n            </dxi-item>    \n            \n            <dxi-item dataField=\"EmployeeGroupId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_EmployeeGroup\">\n                <dxo-label text=\"Employee group\" i18n-text=\"@@FieldCaption-EmployeeGroup\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"BeaconId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_Beacon\">\n                <dxo-label text=\"Beacon\" i18n-text=\"@@FieldCaption-Beacon\"></dxo-label> \n            </dxi-item>      \n            \n            \n            <dxi-item dataField=\"DefaultProjectId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_DefaultProject\">\n                <dxo-label text=\"Project\" i18n-text=\"@@FieldCaption-Project\"></dxo-label> \n            </dxi-item>   \n            \n            <dxi-item dataField=\"DefaultOvertimeCategoryId\" editorType=\"dxLookup\" [editorOptions]=\"editorOptions_DefaultOvertimeCategory\">\n                <dxo-label text=\"Overtime category\" i18n-text=\"@@FieldCaption-OvertimeCategory\"></dxo-label> \n            </dxi-item>  \n\n\n        </dxi-item>       \n       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'department_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'department_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div>         \n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>         \n        <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div> \n        <div class=\"payrollno-dropdown\" *dxTemplate=\"let empl of 'payrollEmplTemplate'\">\n            <div class=\"payrollno-dropdown-emplno\">{{empl.EmployeeNumber}}</div><div class=\"payrollno-dropdown-emplname\">{{empl.Name}}</div>\n        </div>  \n        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_itemTemplate'\">\n            {{fieldData?.Name}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'payrollInterval_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} {{ fieldData?.IntervalId ? ('(' + fieldData?.IntervalId + ')') : ('') }}\n        </div>\n\n        <div *dxTemplate=\"let item of 'employeegroup_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'employeegroup_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n        \n        <div *dxTemplate=\"let fieldData of 'beacon_itemTemplate'\">\n            {{fieldData?.BeaconId}}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'beacon_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.BeaconId}} {{ fieldData?.Name ? ('(' + fieldData?.Name + ')') : ('') }}\n        </div>        \n\n\n        <div *dxTemplate=\"let item of 'project_itemTemplate'\">\n            {{item?.Name}} {{ item?.ProjectId ? ('(' + item.ProjectId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'project_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.ProjectId ? ('(' + item.ProjectId + ')') : ('') }}\n        </div>           \n        \n        <div *dxTemplate=\"let item of 'payroll_itemTemplate'\">\n            {{item?.Name}} {{ item?.CategoryId ? ('(' + item.CategoryId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'payroll_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.CategoryId ? ('(' + item.CategoryId + ')') : ('') }}\n        </div>  \n        \n        \n    </dx-form>\n</mobicloud-group-box>", styles: [".employeeProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.payrollno-dropdown{display:flex}.payrollno-dropdown-emplno{min-width:30px}.payrollno-dropdown-emplname{margin-left:16px}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeProfileComponent, decorators: [{
             type: Component,
             args: [{
@@ -1683,7 +1683,7 @@ class EmployeeUserInfoComponent {
     }
 }
 EmployeeUserInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeUserInfoComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }, { token: i1$1.UsernameValidator }], target: i0.ɵɵFactoryTarget.Component });
-EmployeeUserInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeUserInfoComponent, selector: "mobicloud-employee-user-info", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_UserInfo\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_Status\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>                \n            <dxi-item dataField=\"LoginInfo_AppLogin\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_AppLogin\">\n                <dxo-label text=\"Type\" i18n-text=\"@@FieldCaption-Type\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"LoginInfo_Username\" *ngIf=\"(formEmployee && formEmployee.LoginInfo_AppLogin) && !certificateLogin\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"EmployeeNumber\" [editorOptions]=\"editorOptions_EmployeeNumber\">\n                <dxo-label text=\"Employee no.\" i18n-text=\"@@FieldCaption-EmployeeNumber\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_Substitute\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\" [colSpan]=\"certificateLogin ? 2 : 1\" editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\" *ngIf=\"inEditMode && (formEmployee && formEmployee.LoginInfo_AppLogin)\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n            <dxi-item dataField=\"QA_Consignment_Validation\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_QA_Consignment_Validation\">\n                <dxo-label text=\"Consignment validation\" i18n-text=\"@@FieldCaption-ConsignmentValidation\"></dxo-label>\n            </dxi-item>\n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [".password-button-icon{padding-bottom:6px}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EmployeeUserInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeUserInfoComponent, selector: "mobicloud-employee-user-info", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_UserInfo\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_Status\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>                \n            <dxi-item dataField=\"LoginInfo_AppLogin\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_AppLogin\">\n                <dxo-label text=\"Type\" i18n-text=\"@@FieldCaption-Type\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"LoginInfo_Username\" *ngIf=\"(formEmployee && formEmployee.LoginInfo_AppLogin) && !certificateLogin\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"EmployeeNumber\" [editorOptions]=\"editorOptions_EmployeeNumber\">\n                <dxo-label text=\"Employee no.\" i18n-text=\"@@FieldCaption-EmployeeNumber\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_Substitute\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\" [colSpan]=\"certificateLogin ? 2 : 1\" editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\" *ngIf=\"inEditMode && (formEmployee && formEmployee.LoginInfo_AppLogin)\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n            <dxi-item dataField=\"QA_Consignment_Validation\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_QA_Consignment_Validation\">\n                <dxo-label text=\"Consignment validation\" i18n-text=\"@@FieldCaption-ConsignmentValidation\"></dxo-label>\n            </dxi-item>\n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [".password-button-icon{padding-bottom:6px}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeUserInfoComponent, decorators: [{
             type: Component,
             args: [{
@@ -2231,7 +2231,7 @@ class EmployeeAddressComponent {
     }
 }
 EmployeeAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeAddressComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-EmployeeAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeAddressComponent, selector: "mobicloud-employee-address", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"alt=\"\" src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"alt=\"\" src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EmployeeAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeAddressComponent, selector: "mobicloud-employee-address", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"alt=\"\" src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"alt=\"\" src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeAddressComponent, decorators: [{
             type: Component,
             args: [{
@@ -2389,7 +2389,7 @@ class EmployeeCheckinInfoComponent {
     }
 }
 EmployeeCheckinInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeCheckinInfoComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }, { token: i1$1.UsernameValidator }], target: i0.ɵɵFactoryTarget.Component });
-EmployeeCheckinInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeCheckinInfoComponent, selector: "mobicloud-employee-checkin-info", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Checkin Info\" i18n-title=\"@@CaptionHeader-CheckInInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeCheckInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_CheckInfo\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n\n            <dxi-item dataField=\"CheckinInfo_CheckedIn\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_CheckedIn\">\n                <dxo-label text=\"Checked In\" i18n-text=\"@@FieldCaption-CheckedIn\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_Time\"  editorType=\"dxDateBox\" [editorOptions]=\"{type: 'datetime', showClearButton:false, calendarOptions:{}}\">\n                <dxo-label text=\"Time\" i18n-text=\"@@FieldCaption-Time\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_Location\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_CheckedInProject\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_CheckedInProject\">\n                <dxo-label text=\"Project\" i18n-text=\"@@FieldCaption-Project\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_ProjectTime\"  editorType=\"dxDateBox\" [editorOptions]=\"{type: 'datetime', showClearButton:false, calendarOptions:{}}\">\n                <dxo-label text=\"Time (Project)\" i18n-text=\"@@FieldCaption-Project-Time\"></dxo-label>\n            </dxi-item>                                  \n\n            <dxi-item dataField=\"CheckinInfo_ProjectId\">\n                <dxo-label text=\"Project id\" i18n-text=\"@@FieldCaption-ProjectId\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_ProjectLocation\">\n                <dxo-label text=\"Location (Project)\" i18n-text=\"@@FieldCaption-Project-Location\"></dxo-label>\n            </dxi-item>  \n\n        </dxi-item>\n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
+EmployeeCheckinInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmployeeCheckinInfoComponent, selector: "mobicloud-employee-checkin-info", inputs: { employee: "employee", employee_expands: "employee_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { employeeChanged: "employeeChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Checkin Info\" i18n-title=\"@@CaptionHeader-CheckInInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeCheckInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formEmployee\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formEmployeeData_CheckInfo\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n\n            <dxi-item dataField=\"CheckinInfo_CheckedIn\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_CheckedIn\">\n                <dxo-label text=\"Checked In\" i18n-text=\"@@FieldCaption-CheckedIn\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_Time\"  editorType=\"dxDateBox\" [editorOptions]=\"{type: 'datetime', showClearButton:false, calendarOptions:{}}\">\n                <dxo-label text=\"Time\" i18n-text=\"@@FieldCaption-Time\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_Location\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_CheckedInProject\" editorType=\"dxSelectBox\" [editorOptions]=\"editorOptions_CheckedInProject\">\n                <dxo-label text=\"Project\" i18n-text=\"@@FieldCaption-Project\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_ProjectTime\"  editorType=\"dxDateBox\" [editorOptions]=\"{type: 'datetime', showClearButton:false, calendarOptions:{}}\">\n                <dxo-label text=\"Time (Project)\" i18n-text=\"@@FieldCaption-Project-Time\"></dxo-label>\n            </dxi-item>                                  \n\n            <dxi-item dataField=\"CheckinInfo_ProjectId\">\n                <dxo-label text=\"Project id\" i18n-text=\"@@FieldCaption-ProjectId\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"CheckinInfo_ProjectLocation\">\n                <dxo-label text=\"Location (Project)\" i18n-text=\"@@FieldCaption-Project-Location\"></dxo-label>\n            </dxi-item>  \n\n        </dxi-item>\n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EmployeeCheckinInfoComponent, decorators: [{
             type: Component,
             args: [{
@@ -2558,7 +2558,7 @@ class ProfilePageEmployeeComponent {
     }
 }
 ProfilePageEmployeeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProfilePageEmployeeComponent, deps: [{ token: i2.ActivatedRoute }, { token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i2.Router }, { token: i4$2.Location }], target: i0.ɵɵFactoryTarget.Component });
-ProfilePageEmployeeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProfilePageEmployeeComponent, selector: "mobicloud-profile-page-employee", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorCaption: "errorCaption", errorText: "errorText", enableRetryOnError: "enableRetryOnError" }, outputs: { employee: "employee" }, ngImport: i0, template: "<div class=\"profile-container\">    \n    <mobicloud-content-toolbar [toobarEnabled]=\"true\" toobarTitleIcon=\"mobicloud_profile\" [toobarTitle]=\"profileCaption\" [toolbarItems]=\"toolbarItems\" (ToolbarItemClick)=\"onToolbarItemClick($event)\"></mobicloud-content-toolbar>\n    <div class=\"page-subheader\">\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{organizationCaption}}:</span>\n                <span class=\"page-subheader-text\">{{organizationName}}</span>\n        </div>                     \n        <!-- <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">Customer:</span>\n                <span class=\"page-subheader-text\">Visionware ApS</span>\n        </div>                             -->\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{accountNumberCaption}}:</span>\n                <span class=\"page-subheader-text\">{{accountNumber}}</span>\n        </div> \n    </div>\n    <mobicloud-loading-container [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" [hasErrors]=\"hasErrors\" [errorCaption]=\"errorCaption\" [errorText]=\"errorText\" [enableRetryOnError]=\"enableRetryOnError\" [loadingHeightPxSubstract]=\"146\">\n        <div class=\"inner-content-fullheight\">\n          <dx-tab-panel [selectedIndex]=\"selectedTabIndex\" [loop]=\"false\" [animationEnabled]=\"true\" [swipeEnabled]=\"false\" [showNavButtons]=\"true\" [focusStateEnabled]=\"false\" height=\"100%\">\n            <dxi-item title=\"Details\" i18n-title=\"@@TabHeader-Details\">\n                <div class=\"tabpanel-item\">\n    \n                    <div class=\"employeebox-card-container\" fxLayout=\"0\" fxLayoutGap=\"32px\">                    \n                        <div class=\"employeebox-card\">\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-profile class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-profile>                        \n                                </div>\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-user-info class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-user-info>\n                                </div>\n                        </div>\n                        <div class=\"employeebox-card\">\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-profile-image class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"employee\"></mobicloud-employee-profile-image>\n                                </div>                    \n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-address class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-address>        \n                                </div>                    \n                        </div>\n                        <div class=\"employeebox-card\">\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-checkin-info class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-checkin-info>\n                                </div>\n                        </div>                        \n                    </div>\n    \n                </div>\n            </dxi-item>     \n          </dx-tab-panel>\n        </div>\n             \n    </mobicloud-loading-container>    \n\n</div>", styles: [".employeebox-card-container{flex-wrap:wrap;justify-content:flex-start}.employeebox-card{margin-bottom:20px}.employeebox-card-inner{margin-bottom:20px}\n"], components: [{ type: ContentToolbarComponent, selector: "mobicloud-content-toolbar", inputs: ["toobarEnabled", "preToolbarItems", "toobarTitleIcon", "toobarTitle", "toolbarItems"], outputs: ["ToolbarItemClick"] }, { type: LoadingContainerComponent, selector: "mobicloud-loading-container", inputs: ["loadingHeightPxSubstract", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "retryButtonText"], outputs: ["Retry_Click"] }, { type: i7.DxTabPanelComponent, selector: "dx-tab-panel", inputs: ["accessKey", "activeStateEnabled", "animationEnabled", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "loop", "noDataText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollingEnabled", "selectedIndex", "selectedItem", "showNavButtons", "swipeEnabled", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onTitleClick", "onTitleHold", "onTitleRendered", "accessKeyChange", "activeStateEnabledChange", "animationEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "loopChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollingEnabledChange", "selectedIndexChange", "selectedItemChange", "showNavButtonsChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: EmployeeProfileComponent, selector: "mobicloud-employee-profile", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }, { type: EmployeeUserInfoComponent, selector: "mobicloud-employee-user-info", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }, { type: EmployeeProfileImageComponent, selector: "mobicloud-employee-profile-image", inputs: ["editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText", "employee", "employee_expands"] }, { type: EmployeeAddressComponent, selector: "mobicloud-employee-address", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }, { type: EmployeeCheckinInfoComponent, selector: "mobicloud-employee-checkin-info", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }], directives: [{ type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ProfilePageEmployeeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProfilePageEmployeeComponent, selector: "mobicloud-profile-page-employee", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorCaption: "errorCaption", errorText: "errorText", enableRetryOnError: "enableRetryOnError" }, outputs: { employee: "employee" }, ngImport: i0, template: "<div class=\"profile-container\">    \n    <mobicloud-content-toolbar [toobarEnabled]=\"true\" toobarTitleIcon=\"mobicloud_profile\" [toobarTitle]=\"profileCaption\" [toolbarItems]=\"toolbarItems\" (ToolbarItemClick)=\"onToolbarItemClick($event)\"></mobicloud-content-toolbar>\n    <div class=\"page-subheader\">\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{organizationCaption}}:</span>\n                <span class=\"page-subheader-text\">{{organizationName}}</span>\n        </div>                     \n        <!-- <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">Customer:</span>\n                <span class=\"page-subheader-text\">Visionware ApS</span>\n        </div>                             -->\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{accountNumberCaption}}:</span>\n                <span class=\"page-subheader-text\">{{accountNumber}}</span>\n        </div> \n    </div>\n    <mobicloud-loading-container [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" [hasErrors]=\"hasErrors\" [errorCaption]=\"errorCaption\" [errorText]=\"errorText\" [enableRetryOnError]=\"enableRetryOnError\" [loadingHeightPxSubstract]=\"146\">\n        <div class=\"inner-content-fullheight\">\n          <dx-tab-panel [selectedIndex]=\"selectedTabIndex\" [loop]=\"false\" [animationEnabled]=\"true\" [swipeEnabled]=\"false\" [showNavButtons]=\"true\" [focusStateEnabled]=\"false\" height=\"100%\">\n            <dxi-item title=\"Details\" i18n-title=\"@@TabHeader-Details\">\n                <div class=\"tabpanel-item\">\n    \n                    <div class=\"employeebox-card-container\" fxLayout=\"0\" fxLayoutGap=\"32px\">                    \n                        <div class=\"employeebox-card\">\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-profile class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-profile>                        \n                                </div>\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-user-info class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-user-info>\n                                </div>\n                        </div>\n                        <div class=\"employeebox-card\">\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-profile-image class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"employee\"></mobicloud-employee-profile-image>\n                                </div>                    \n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-address class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-address>        \n                                </div>                    \n                        </div>\n                        <div class=\"employeebox-card\">\n                                <div class=\"employeebox-card-inner\">\n                                        <mobicloud-employee-checkin-info class=\"employeebox-card\" [employee]=\"employee\" [employee_expands]=\"employee_expands\" [width]=\"460\" [contentheight]=\"340\" (employeeChanged)=\"employeeChanged($event)\" *ngIf=\"employee\"></mobicloud-employee-checkin-info>\n                                </div>\n                        </div>                        \n                    </div>\n    \n                </div>\n            </dxi-item>     \n          </dx-tab-panel>\n        </div>\n             \n    </mobicloud-loading-container>    \n\n</div>", styles: [".employeebox-card-container{flex-wrap:wrap;justify-content:flex-start}.employeebox-card{margin-bottom:20px}.employeebox-card-inner{margin-bottom:20px}\n"], components: [{ type: ContentToolbarComponent, selector: "mobicloud-content-toolbar", inputs: ["toobarEnabled", "preToolbarItems", "toobarTitleIcon", "toobarTitle", "toolbarItems"], outputs: ["ToolbarItemClick"] }, { type: LoadingContainerComponent, selector: "mobicloud-loading-container", inputs: ["loadingHeightPxSubstract", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "retryButtonText"], outputs: ["Retry_Click"] }, { type: i7.DxTabPanelComponent, selector: "dx-tab-panel", inputs: ["accessKey", "activeStateEnabled", "animationEnabled", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "loop", "noDataText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollingEnabled", "selectedIndex", "selectedItem", "showNavButtons", "swipeEnabled", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onTitleClick", "onTitleHold", "onTitleRendered", "accessKeyChange", "activeStateEnabledChange", "animationEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "loopChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollingEnabledChange", "selectedIndexChange", "selectedItemChange", "showNavButtonsChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: EmployeeProfileComponent, selector: "mobicloud-employee-profile", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }, { type: EmployeeUserInfoComponent, selector: "mobicloud-employee-user-info", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }, { type: EmployeeProfileImageComponent, selector: "mobicloud-employee-profile-image", inputs: ["editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText", "employee", "employee_expands"] }, { type: EmployeeAddressComponent, selector: "mobicloud-employee-address", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }, { type: EmployeeCheckinInfoComponent, selector: "mobicloud-employee-checkin-info", inputs: ["employee", "employee_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["employeeChanged"] }], directives: [{ type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProfilePageEmployeeComponent, decorators: [{
             type: Component,
             args: [{
@@ -2763,7 +2763,7 @@ class CustomerUserGeneralComponent {
     }
 }
 CustomerUserGeneralComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomerUserGeneralComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-CustomerUserGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomerUserGeneralComponent, selector: "mobicloud-customer-user-general", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>                        \n\n        </dxi-item>       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n    </dx-form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+CustomerUserGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomerUserGeneralComponent, selector: "mobicloud-customer-user-general", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>                        \n\n        </dxi-item>       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n    </dx-form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomerUserGeneralComponent, decorators: [{
             type: Component,
             args: [{
@@ -2935,7 +2935,7 @@ class CustomerUserDetailsComponent {
     }
 }
 CustomerUserDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomerUserDetailsComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }, { token: i1$1.UsernameValidator }], target: i0.ɵɵFactoryTarget.Component });
-CustomerUserDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomerUserDetailsComponent, selector: "mobicloud-customer-user-details", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    \n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_UserInfo\">\n        \n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n\n            <dxi-item dataField=\"Username\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\"  editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CustomerUserDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomerUserDetailsComponent, selector: "mobicloud-customer-user-details", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    \n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_UserInfo\">\n        \n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n\n            <dxi-item dataField=\"Username\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\"  editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomerUserDetailsComponent, decorators: [{
             type: Component,
             args: [{
@@ -3118,7 +3118,7 @@ class CustomerUserAddressComponent {
     }
 }
 CustomerUserAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomerUserAddressComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-CustomerUserAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomerUserAddressComponent, selector: "mobicloud-customer-user-address", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CustomerUserAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomerUserAddressComponent, selector: "mobicloud-customer-user-address", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomerUserAddressComponent, decorators: [{
             type: Component,
             args: [{
@@ -3358,7 +3358,7 @@ class ProfilePageCustomerUserComponent {
     }
 }
 ProfilePageCustomerUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProfilePageCustomerUserComponent, deps: [{ token: i2.ActivatedRoute }, { token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i2.Router }, { token: i4$2.Location }], target: i0.ɵɵFactoryTarget.Component });
-ProfilePageCustomerUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProfilePageCustomerUserComponent, selector: "mobicloud-profile-page-customer-user", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorCaption: "errorCaption", errorText: "errorText", enableRetryOnError: "enableRetryOnError" }, outputs: { user: "user" }, ngImport: i0, template: "<div class=\"profile-container\">    \n    <mobicloud-content-toolbar [toobarEnabled]=\"true\" toobarTitleIcon=\"mobicloud_profile\" [toobarTitle]=\"profileCaption\" [toolbarItems]=\"toolbarItems\" (ToolbarItemClick)=\"onToolbarItemClick($event)\"></mobicloud-content-toolbar>\n    <div class=\"page-subheader\">\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{organizationCaption}}:</span>\n                <span class=\"page-subheader-text\">{{organizationName}}</span>\n        </div>                     \n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{customerCaption}}:</span>\n                <span class=\"page-subheader-text\">{{customerName}}</span>\n        </div>                            \n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{accountNumberCaption}}:</span>\n                <span class=\"page-subheader-text\">{{accountNumber}}</span>\n        </div> \n    </div>\n    <mobicloud-loading-container [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" [hasErrors]=\"hasErrors\" [errorCaption]=\"errorCaption\" [errorText]=\"errorText\" [enableRetryOnError]=\"enableRetryOnError\" [loadingHeightPxSubstract]=\"146\">\n        <div class=\"inner-content-fullheight\">\n          <dx-tab-panel [selectedIndex]=\"selectedTabIndex\" [loop]=\"false\" [animationEnabled]=\"true\" [swipeEnabled]=\"false\" [showNavButtons]=\"true\" [focusStateEnabled]=\"false\" height=\"100%\">\n            <dxi-item title=\"Details\" i18n-title=\"@@TabHeader-Details\">\n                <div class=\"tabpanel-item\">\n    \n                    <div class=\"userbox-card-container\" fxLayout=\"0\" fxLayoutGap=\"32px\">                    \n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-general class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-general>                        \n                            </div>\n                        </div>\n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-details class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-details>                        \n                            </div>                 \n                        </div>\n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-address class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-address>                        \n                            </div>                 \n                        </div>  \n                        \n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-image class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-image>                     \n                            </div>                 \n                        </div>                        \n                    </div>\n    \n                </div>\n            </dxi-item>     \n          </dx-tab-panel>\n        </div>    \n    </mobicloud-loading-container>    \n\n</div>", styles: [".userbox-card-container{flex-wrap:wrap;justify-content:flex-start}.userbox-card{margin-bottom:20px}.userbox-card-inner{margin-bottom:20px}\n"], components: [{ type: ContentToolbarComponent, selector: "mobicloud-content-toolbar", inputs: ["toobarEnabled", "preToolbarItems", "toobarTitleIcon", "toobarTitle", "toolbarItems"], outputs: ["ToolbarItemClick"] }, { type: LoadingContainerComponent, selector: "mobicloud-loading-container", inputs: ["loadingHeightPxSubstract", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "retryButtonText"], outputs: ["Retry_Click"] }, { type: i7.DxTabPanelComponent, selector: "dx-tab-panel", inputs: ["accessKey", "activeStateEnabled", "animationEnabled", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "loop", "noDataText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollingEnabled", "selectedIndex", "selectedItem", "showNavButtons", "swipeEnabled", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onTitleClick", "onTitleHold", "onTitleRendered", "accessKeyChange", "activeStateEnabledChange", "animationEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "loopChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollingEnabledChange", "selectedIndexChange", "selectedItemChange", "showNavButtonsChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: CustomerUserGeneralComponent, selector: "mobicloud-customer-user-general", inputs: ["user", "user_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["userChanged"] }, { type: CustomerUserDetailsComponent, selector: "mobicloud-customer-user-details", inputs: ["user", "user_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["userChanged"] }, { type: CustomerUserAddressComponent, selector: "mobicloud-customer-user-address", inputs: ["user", "user_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["userChanged"] }, { type: CustomerUserImageComponent, selector: "mobicloud-customer-user-image", inputs: ["editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText", "user", "user_expands"] }], directives: [{ type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ProfilePageCustomerUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProfilePageCustomerUserComponent, selector: "mobicloud-profile-page-customer-user", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorCaption: "errorCaption", errorText: "errorText", enableRetryOnError: "enableRetryOnError" }, outputs: { user: "user" }, ngImport: i0, template: "<div class=\"profile-container\">    \n    <mobicloud-content-toolbar [toobarEnabled]=\"true\" toobarTitleIcon=\"mobicloud_profile\" [toobarTitle]=\"profileCaption\" [toolbarItems]=\"toolbarItems\" (ToolbarItemClick)=\"onToolbarItemClick($event)\"></mobicloud-content-toolbar>\n    <div class=\"page-subheader\">\n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{organizationCaption}}:</span>\n                <span class=\"page-subheader-text\">{{organizationName}}</span>\n        </div>                     \n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{customerCaption}}:</span>\n                <span class=\"page-subheader-text\">{{customerName}}</span>\n        </div>                            \n        <div class=\"page-subheader-item\">\n                <span class=\"page-subheader-caption\">{{accountNumberCaption}}:</span>\n                <span class=\"page-subheader-text\">{{accountNumber}}</span>\n        </div> \n    </div>\n    <mobicloud-loading-container [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" [hasErrors]=\"hasErrors\" [errorCaption]=\"errorCaption\" [errorText]=\"errorText\" [enableRetryOnError]=\"enableRetryOnError\" [loadingHeightPxSubstract]=\"146\">\n        <div class=\"inner-content-fullheight\">\n          <dx-tab-panel [selectedIndex]=\"selectedTabIndex\" [loop]=\"false\" [animationEnabled]=\"true\" [swipeEnabled]=\"false\" [showNavButtons]=\"true\" [focusStateEnabled]=\"false\" height=\"100%\">\n            <dxi-item title=\"Details\" i18n-title=\"@@TabHeader-Details\">\n                <div class=\"tabpanel-item\">\n    \n                    <div class=\"userbox-card-container\" fxLayout=\"0\" fxLayoutGap=\"32px\">                    \n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-general class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-general>                        \n                            </div>\n                        </div>\n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-details class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-details>                        \n                            </div>                 \n                        </div>\n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-address class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-address>                        \n                            </div>                 \n                        </div>  \n                        \n                        <div class=\"userbox-card\">\n                            <div class=\"userbox-card-inner\">\n                                    <mobicloud-customer-user-image class=\"userbox-card\" [user]=\"user\" [user_expands]=\"user_expands\" [width]=\"460\" [contentheight]=\"340\" *ngIf=\"user\"></mobicloud-customer-user-image>                     \n                            </div>                 \n                        </div>                        \n                    </div>\n    \n                </div>\n            </dxi-item>     \n          </dx-tab-panel>\n        </div>    \n    </mobicloud-loading-container>    \n\n</div>", styles: [".userbox-card-container{flex-wrap:wrap;justify-content:flex-start}.userbox-card{margin-bottom:20px}.userbox-card-inner{margin-bottom:20px}\n"], components: [{ type: ContentToolbarComponent, selector: "mobicloud-content-toolbar", inputs: ["toobarEnabled", "preToolbarItems", "toobarTitleIcon", "toobarTitle", "toolbarItems"], outputs: ["ToolbarItemClick"] }, { type: LoadingContainerComponent, selector: "mobicloud-loading-container", inputs: ["loadingHeightPxSubstract", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "retryButtonText"], outputs: ["Retry_Click"] }, { type: i7.DxTabPanelComponent, selector: "dx-tab-panel", inputs: ["accessKey", "activeStateEnabled", "animationEnabled", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "loop", "noDataText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollingEnabled", "selectedIndex", "selectedItem", "showNavButtons", "swipeEnabled", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onTitleClick", "onTitleHold", "onTitleRendered", "accessKeyChange", "activeStateEnabledChange", "animationEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "loopChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollingEnabledChange", "selectedIndexChange", "selectedItemChange", "showNavButtonsChange", "swipeEnabledChange", "tabIndexChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: CustomerUserGeneralComponent, selector: "mobicloud-customer-user-general", inputs: ["user", "user_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["userChanged"] }, { type: CustomerUserDetailsComponent, selector: "mobicloud-customer-user-details", inputs: ["user", "user_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["userChanged"] }, { type: CustomerUserAddressComponent, selector: "mobicloud-customer-user-address", inputs: ["user", "user_expands", "editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText"], outputs: ["userChanged"] }, { type: CustomerUserImageComponent, selector: "mobicloud-customer-user-image", inputs: ["editAllowed", "inEditMode", "width", "contentheight", "isLoadingData", "loadingText", "hasErrors", "errorText", "user", "user_expands"] }], directives: [{ type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProfilePageCustomerUserComponent, decorators: [{
             type: Component,
             args: [{
@@ -3716,7 +3716,7 @@ class VendorUserAddressComponent {
     }
 }
 VendorUserAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VendorUserAddressComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-VendorUserAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VendorUserAddressComponent, selector: "mobicloud-vendor-user-address", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+VendorUserAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VendorUserAddressComponent, selector: "mobicloud-vendor-user-address", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VendorUserAddressComponent, decorators: [{
             type: Component,
             args: [{
@@ -3888,7 +3888,7 @@ class VendorUserDetailsComponent {
     }
 }
 VendorUserDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VendorUserDetailsComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }, { token: i1$1.UsernameValidator }], target: i0.ɵɵFactoryTarget.Component });
-VendorUserDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VendorUserDetailsComponent, selector: "mobicloud-vendor-user-details", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    \n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_UserInfo\">\n        \n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n\n            <dxi-item dataField=\"Username\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\"  editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+VendorUserDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VendorUserDetailsComponent, selector: "mobicloud-vendor-user-details", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    \n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_UserInfo\">\n        \n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n\n            <dxi-item dataField=\"Username\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\"  editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VendorUserDetailsComponent, decorators: [{
             type: Component,
             args: [{
@@ -4104,7 +4104,7 @@ class VendorUserGeneralComponent {
     }
 }
 VendorUserGeneralComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VendorUserGeneralComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-VendorUserGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VendorUserGeneralComponent, selector: "mobicloud-vendor-user-general", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>                        \n\n        </dxi-item>       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n    </dx-form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+VendorUserGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VendorUserGeneralComponent, selector: "mobicloud-vendor-user-general", inputs: { user: "user", user_expands: "user_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { userChanged: "userChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>                        \n\n        </dxi-item>       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n    </dx-form>\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VendorUserGeneralComponent, decorators: [{
             type: Component,
             args: [{
@@ -5599,7 +5599,7 @@ class PickinglistAddNewShipment {
     }
 }
 PickinglistAddNewShipment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PickinglistAddNewShipment, deps: [{ token: i3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-PickinglistAddNewShipment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PickinglistAddNewShipment, selector: "mobicloud-pickinglist-add-new-shipment", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", createCompleted: "createCompleted", createCompletedText: "createCompletedText", createError: "createError", createErrorText: "createErrorText" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: MatHorizontalStepper, descendants: true }, { propertyName: "form_Sender", first: true, predicate: ["form_Sender"], descendants: true }, { propertyName: "form_Receiver", first: true, predicate: ["form_Receiver"], descendants: true }, { propertyName: "form_ShippingInfo", first: true, predicate: ["form_ShippingInfo"], descendants: true }, { propertyName: "selectedBoxesList", first: true, predicate: ["selectedBoxesList"], descendants: true }], ngImport: i0, template: "<div mat-dialog-container class=\"dialog-container\">\n    <mat-toolbar color=\"primary\" class=\"mat-elevation-z2 dialog-caption\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\" cdkDragHandle>\n        <mat-card-header>\n            <div class=\"toolbar-header-text-container\">\n                <svg-icon name=\"mobicloud_shipment\" svgClass=\"dialog-caption-icon\"></svg-icon><div i18n=\"@@FieldCaption-CreateShipment\" class=\"toolbar-header-text\">Create shipment</div>\n            </div>                  \n        </mat-card-header>\n        <span class=\"dialog-caption-spacer\"></span>\n        <span class=\"toolbar-header-text-vendorname\">{{shipmentVendor_Name}}</span>      \n        <button mat-raised-button appMaterialElevation matTooltip=\"Close\" i18n-matTooltip=\"@@Action-Close\" aria-label=\"Close\" i18n-aria-label=\"@@Action-Close\" class=\"dialog-toolbar-button\" (click)=\"onCancel()\">\n          <svg-icon name=\"mobicloud_close\" svgClass=\"dialog-toolbar-button-icon\"></svg-icon>\n        </button>        \n    </mat-toolbar>      \n\n    <div #shipment_dialog_container id=\"shipment_dialog_container\" class=\"dialog-wizard-steps-container\">\n        <mat-horizontal-stepper [linear]=\"true\" #stepper class=\"dialog-wizard-steps\" (animationDone)=\"setFocus()\" labelPosition='bottom'>\n            <mat-step label=\"Lines\" i18n-label=\"@@CaptionHeader-Lines\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">                           \n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <div class=\"invalid-message-Lines\" *ngIf=\"!pickingLinesSelectionValid\" i18n=\"@@ValidationText-NoShipmentPickingLinesSelected\">No lines has been selected for shipping</div>\n                        <dx-data-grid keyExpr=\"Id\" #datagrid_pickinglines id=\"datagrid_pickinglines\" [(selectedRowKeys)]=\"selectedPickingLinesKeys\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"pickingLines\" [remoteOperations]=\"false\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\">\n                            <!-- <dxo-editing mode=\"batch\" refreshMode=\"full\" [selectTextOnEditStart]=\"true\" startEditAction=\"click\" [allowAdding]=\"false\" [allowUpdating]=\"false\" [allowDeleting]=\"false\" [confirmDelete]=\"true\"></dxo-editing> -->\n                            <dxo-column-chooser [enabled]=\"true\" mode=\"select\" title=\"Choose columns\" i18n-title=\"@@CaptionHeader-ColumnChooser\"></dxo-column-chooser>        \n                            <dxo-filter-row [visible]=\"true\"></dxo-filter-row> \n                            <dxo-header-filter [visible]=\"true\"></dxo-header-filter>\n                            <dxo-group-panel [visible]=\"false\" emptyPanelText=\"\"></dxo-group-panel>  \n                            <dxo-sorting mode=\"multiple\"></dxo-sorting>\n                            <dxo-selection [allowSelectAll]=\"true\" showCheckBoxesMode=\"always\" [mode]=\"allowSelectPickingLines ? 'multiple' : 'none'\"></dxo-selection>                            \n\n                            <dxo-toolbar>                \n                                <dxi-item location=\"after\">\n                                  <div *dxTemplate class=\"gridtoolbar-item-container\">\n                                    <dx-check-box [(value)]=\"returnLabelsEnabled\" [rtlEnabled]=\"false\" text=\"Return label\" i18n-text=\"@@FieldCaption-ReturnLabel\" (onValueChanged)=\"returnCheckBoxChanged($event)\" labelMode=\"static\" stylingMode=\"outlined\"></dx-check-box>\n                                  </div>\n                                </dxi-item>\n                \n                                <dxi-item name=\"columnChooserButton\"></dxi-item>\n                              </dxo-toolbar>                                 \n\n                            <dxi-column dataField=\"Index\" [width]=\"40\" [visible]=\"true\" hidingPriority=\"99\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineNumber\" caption=\"#\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n                            <dxi-column dataField=\"LineId\" [visible]=\"true\" hidingPriority=\"20\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineId\" caption=\"Line id\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"SalesLine.LineId\" hidingPriority=\"92\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SalesLineId\" caption=\"Sales line id\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"ProductId\" hidingPriority=\"58\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductUId\" caption=\"Product uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Product\" hidingPriority=\"68\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Product\" caption=\"Product\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Product.ProductId\" [fixed]=\"true\" fixedPosition=\"left\" hidingPriority=\"100\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductId\" caption=\"Product id\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Product.Name\" hidingPriority=\"94\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductName\" caption=\"Product name\" dataType=\"string\"></dxi-column>        \n                            <dxi-column dataField=\"Product.SKU\" hidingPriority=\"54\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SKU\" caption=\"SKU\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Color\" hidingPriority=\"84\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"ColorId\" hidingPriority=\"48\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorUId\" caption=\"Color uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Color.Code\" hidingPriority=\"82\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Color.Name\" hidingPriority=\"46\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorName\" caption=\"Color name\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Size\" hidingPriority=\"78\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"SizeId\" hidingPriority=\"44\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeUId\" caption=\"Size uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Size.Code\" hidingPriority=\"76\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Size.Name\" hidingPriority=\"42\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeName\" caption=\"Size name\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Config\" hidingPriority=\"74\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column>    \n                            <dxi-column dataField=\"ConfigId\" hidingPriority=\"40\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigUId\" caption=\"Config uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Config.Code\" hidingPriority=\"72\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Config.Name\" hidingPriority=\"38\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigName\" caption=\"Config name\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Qty\" hidingPriority=\"74\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Qty\" caption=\"Quantity\" dataType=\"number\"></dxi-column>\n                            <dxi-column dataField=\"QtyPick\" hidingPriority=\"96\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-QtyPick\" caption=\"Quantity pick\" dataType=\"number\"></dxi-column>\n                            <dxi-column dataField=\"Note\" hidingPriority=\"28\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Note\" caption=\"Note\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"SortCode\" hidingPriority=\"26\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SortCode\" caption=\"Sort code\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"WMSZone\" hidingPriority=\"24\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-WMSZone\" caption=\"WMS zone\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Created\" hidingPriority=\"10\" [visible]=\"false\" [allowHeaderFiltering]=\"true\" i18n-caption=\"@@GridColumn-Created\" caption=\"Created\" dataType=\"date\"></dxi-column>\n                            <dxo-summary>\n                                <dxi-total-item column=\"Index\" summaryType=\"count\" displayFormat=\"{0}\"></dxi-total-item>\n                                <dxi-total-item column=\"Qty\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n                                <dxi-total-item column=\"QtyPick\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n                            </dxo-summary>                \n                            <dxi-column type=\"buttons\" [allowHiding]=\"false\" [fixed]=\"true\" fixedPosition=\"right\">\n                            </dxi-column>\n                            <!-- <dxi-column type=\"adaptive\" [allowHiding]=\"false\" cellTemplate=\"adaptiveCellTemplate\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column> -->\n                        \n                            <!-- Templates -->\n                        \n                            <div *dxTemplate=\"let column of 'adaptiveCellTemplate'\">\n                              <button aria-label=\"Collapse/Expand\" mat-icon-button (click)=\"column.component.isAdaptiveDetailRowExpanded(column.row.key) ? column.component.collapseAdaptiveDetailRow() : column.component.expandAdaptiveDetailRow(column.row.key);\">\n                                <mat-icon *ngIf=\"!column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_expand_arrows\" class=\"expand_gridrow\"></mat-icon>\n                                <mat-icon *ngIf=\"column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_collapse_arrows\" class=\"collapse_gridrow\"></mat-icon>\n                              </button>      \n                            </div>\n                         \n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                        </dx-data-grid>                        \n                    </div>                                                                                                 \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button>\n                        <button mat-flat-button color=\"primary\" (click)=\"onClick_Lines()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>\n                    </div>                                   \n                </div>                 \n            </mat-step>\n            <mat-step label=\"Sender\" i18n-label=\"@@CaptionHeader-Sender\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <dx-select-box id=\"custom-templates\" class=\"sender-selectbox\" [dataSource]=\"inventLocation_ds\" displayExpr=\"Name\" [value]=\"inventLocationId\" [showClearButton]=\"true\" (onValueChanged)=\"senderSelectbox_onValueChanged($event)\">\n                        <div *dxTemplate=\"let data of 'item'\">\n                          <div class=\"custom-item\">\n                            <!-- <img src=\"{{ data.ImageSrc }}\" /> -->\n                            <div>\n                              {{ data.Name }}\n                            </div>\n                          </div>\n                        </div>\n                        </dx-select-box>                        \n                        <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n                            <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Sender\">Sender</legend>\n                            <dx-form #form_Sender id=\"form_Sender\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formSender\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\" [elementAttr]=\"{ autocomplete: 'off' }\">\n                                <dxo-col-count-by-screen [lg]=\"2\" [md]=\"2\" [sm]=\"2\" [xs]=\"2\"></dxo-col-count-by-screen>\n                                <dxi-item dataField=\"Sender_Name\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\">                        \n                                    <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule>                \n                                </dxi-item>\n                                <dxi-item dataField=\"Sender_Attention\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                                    <dxo-label text=\"Attention\" i18n-text=\"@@FieldCaption-Attention\"></dxo-label>\n                                </dxi-item> \n                                <dxi-item dataField=\"Sender_Address1\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                                    <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule>                \n                                </dxi-item>                                  \n                                <dxi-item dataField=\"Sender_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                                    <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule>               \n                                </dxi-item> \n                                <dxi-item dataField=\"Sender_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                                    <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule>               \n                                </dxi-item>                                  \n                                <dxi-item dataField=\"Sender_CountryCode\">\n                                    <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-select-box valueExpr=\"Code2\" displayExpr=\"LocalName\" [(value)]=\"formInstanceShipment.Sender_CountryCode\" [dataSource]=\"sender_country_ds\" itemTemplate=\"country_itemTemplate\" fieldTemplate=\"country_fieldTemplate\" (onValueChanged)=\"onValueChanged_SenderCountry($event, data)\"\n                                        [showClearButton]=\"true\" [searchEnabled]=\"true\" searchMode=\"contains\" [searchExpr]=\"['Code2','Name','LocalName']\" [inputAttr]=\"{ 'aria-label': 'Country' }\" label=\"Country\" i18n-label=\"@@FieldCaption-Country\" labelMode=\"static\">\n                                        <div *dxTemplate=\"let data of 'country_itemTemplate'\">\n                                        <div class=\"country-dropdown-item\">\n                                           <div class=\"country-dropdown-item-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-dropdown-item-text\">\n                                               {{data.LocalName}}\n                                           </div>\n                                        </div>   \n                                        </div>\n                                        <div *dxTemplate=\"let data of 'country_fieldTemplate'\">\n                                        <div class=\"country-edit-item\">\n                                           <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-edit-text\">\n                                               <dx-text-box [value]=\"data && data.LocalName\" [inputAttr]=\"{ 'aria-label': 'Country' }\"></dx-text-box>\n                                           </div>\n                                        </div>\n                                        </div>                        \n                                        </dx-select-box>                                        \n                                    </div>   \n                                    <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n                                </dxi-item> \n                                <dxi-item dataField=\"Sender_State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                                    <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label> \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-autocomplete placeholder=\"\" [inputAttr]=\"{'autocomplete': 'off'}\" [dropDownOptions]=\"{ minWidth: 220, resizeEnabled: true }\"\n                                            [(value)]=\"formInstanceShipment.Sender_State\" [dataSource]=\"sender_state_ds\" valueExpr=\"Name_Native\" displayExpr=\"Name_Native\" [showClearButton]=\"true\" [searchExpr]=\"['Name_Native']\" \n                                            [minSearchLength]=\"0\" [maxItemCount]=\"200\" [openOnFieldClick]=\"true\" label=\"State\" i18n-label=\"@@FieldCaption-State\" labelMode=\"static\">\n                                        </dx-autocomplete>\n                                    </div>                                    \n                                    <dxi-validation-rule *ngIf=\"_senderCountryRequireState\" type=\"required\" message=\"State is required\" i18n-text=\"@@ValidationText-State-Required\"></dxi-validation-rule>\n                                </dxi-item>                                   \n                                <dxi-item dataField=\"Sender_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                                    <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Phone is required\" i18n-message=\"@@ValidationText-Phone-Required\"></dxi-validation-rule>\n                                </dxi-item>                               \n                                <dxi-item dataField=\"Sender_Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                                    <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>        \n                                    <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                                    <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                                                                       \n                                </dxi-item>                                                                                      \n                            </dx-form>                            \n                        </fieldset>                       \n                    </div>                                                                    \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                        <!-- <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button> -->\n                        <button mat-flat-button color=\"primary\" (click)=\"onClick_Sender()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>                            \n                    </div>                                   \n                </div>                \n            </mat-step>\n            <mat-step label=\"Receiver\" i18n-label=\"@@CaptionHeader-Receiver\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n                            <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Receiver\">Receiver</legend>\n                            <dx-form #form_Receiver id=\"form_Receiver\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formReceiver\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\" [elementAttr]=\"{ autocomplete: 'off' }\">\n                                <dxo-col-count-by-screen [lg]=\"2\" [md]=\"2\" [sm]=\"2\" [xs]=\"2\"></dxo-col-count-by-screen>\n                                <dxi-item dataField=\"Receiver_Name\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\">                        \n                                    <dxo-label text=\"Company\" i18n-text=\"@@FieldCaption-Company\"></dxo-label>\n                                    <!-- <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule> -->\n                                </dxi-item>\n                                <dxi-item dataField=\"Receiver_Attention\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                                    <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-Firstname\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-text=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>\n                                </dxi-item>  \n                                <dxi-item dataField=\"Receiver_Telephone\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                                    <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-Lastname\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-text=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>\n                                </dxi-item> \n                                <dxi-item dataField=\"Receiver_Address1\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                                    <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule>                \n                                </dxi-item>                                  \n                                <dxi-item dataField=\"Receiver_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                                    <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule>               \n                                </dxi-item> \n                                <dxi-item dataField=\"Receiver_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                                    <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule>               \n                                </dxi-item> \n                                <dxi-item dataField=\"Receiver_CountryCode\">\n                                    <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-select-box valueExpr=\"Code2\" displayExpr=\"LocalName\" [(value)]=\"formInstanceShipment.Receiver_CountryCode\" [dataSource]=\"receiver_country_ds\" itemTemplate=\"country_itemTemplate\" fieldTemplate=\"country_fieldTemplate\" (onValueChanged)=\"onValueChanged_ReceiverCountry($event, data)\"\n                                        [showClearButton]=\"true\" [searchEnabled]=\"true\" searchMode=\"contains\" [searchExpr]=\"['Code2','Name','LocalName']\" [inputAttr]=\"{ 'aria-label': 'Country' }\" label=\"Country\" i18n-label=\"@@FieldCaption-Country\" labelMode=\"static\">\n                                        <div *dxTemplate=\"let data of 'country_itemTemplate'\">\n                                        <div class=\"country-dropdown-item\">\n                                           <div class=\"country-dropdown-item-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-dropdown-item-text\">\n                                               {{data.LocalName}}\n                                           </div>\n                                        </div>   \n                                        </div>\n                                        <div *dxTemplate=\"let data of 'country_fieldTemplate'\">\n                                        <div class=\"country-edit-item\">\n                                           <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-edit-text\">\n                                               <dx-text-box [value]=\"data && data.LocalName\" [inputAttr]=\"{ 'aria-label': 'Country' }\"></dx-text-box>\n                                           </div>\n                                        </div>\n                                        </div>                        \n                                        </dx-select-box>\n                                    </div>   \n                                    <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n                                </dxi-item>   \n                                <dxi-item dataField=\"Receiver_State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                                    <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label> \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-autocomplete placeholder=\"\" [inputAttr]=\"{'autocomplete': 'off'}\" [dropDownOptions]=\"{ minWidth: 220, resizeEnabled: true }\"\n                                            [(value)]=\"formInstanceShipment.Receiver_State\" [dataSource]=\"receiver_state_ds\" valueExpr=\"Name_Native\" displayExpr=\"Name_Native\" [showClearButton]=\"true\" [searchExpr]=\"['Name_Native']\" \n                                            [minSearchLength]=\"0\" [maxItemCount]=\"200\" [openOnFieldClick]=\"true\" label=\"State\" i18n-label=\"@@FieldCaption-State\" labelMode=\"static\">\n                                        </dx-autocomplete>\n                                    </div>                                       \n                                    <dxi-validation-rule *ngIf=\"_receiverCountryRequireState\" type=\"required\" message=\"State is required\" i18n-text=\"@@ValidationText-State-Required\"></dxi-validation-rule>\n                                </dxi-item>  \n                                <dxi-item dataField=\"Receiver_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                                    <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Phone is required\" i18n-message=\"@@ValidationText-Phone-Required\"></dxi-validation-rule>\n                                </dxi-item>                                                                 \n                                <dxi-item dataField=\"Receiver_Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                                    <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                                    <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                                                                              \n                                </dxi-item>                                                                                                                   \n                            </dx-form>                               \n                        </fieldset>                         \n                    </div>                                                                    \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                        <button mat-flat-button color=\"primary\" (click)=\"onClick_Receiver()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>                            \n                    </div>                                   \n                </div>                \n            </mat-step>            \n            <mat-step label=\"Packages\" i18n-label=\"@@CaptionHeader-Packages\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <div class=\"invalid-message-Lines\" *ngIf=\"!boxesSelectionValid\" i18n=\"@@ValidationText-NoShipmentBoxesSelected\">No boxes has been selected for shipping</div>\n                        <div class=\"invalid-message-Lines\" *ngIf=\"!productBoxesQuantityValid\" i18n=\"@@ValidationText-ProductBoxesQuantityInvalid\">Product quantities in the boxes is invalid</div>\n                        <dx-data-grid #selectedBoxesList id=\"selectedBoxesList\" keyExpr=\"Id\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"selectedBoxes\" [remoteOperations]=\"false\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\" (onInitNewRow)=\"onInitNewRow_Boxes($event)\">\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <dxo-editing mode=\"cell\" [allowUpdating]=\"true\" [allowAdding]=\"true\" [allowDeleting]=\"true\" [selectTextOnEditStart]=\"true\">\n                            </dxo-editing>\n                            <dxo-toolbar>\n                                <dxi-item location=\"before\">\n                                    <dx-drop-down-button text=\"Add box\" i18n-text=\"@@Button-AddBox\" icon=\"box\" [items]=\"packagingBoxes\" displayExpr=\"Name\" (onItemClick)=\"onAddBoxButtonClick($event)\"></dx-drop-down-button>  \n                                </dxi-item>                            \n                                <dxi-item name=\"addRowButton\" cssClass=\"action-button\"></dxi-item>\n                                <dxi-item name=\"revertButton\" cssClass=\"action-button\"></dxi-item>\n                              </dxo-toolbar>\n\n                            <dxo-master-detail [enabled]=\"true\" template=\"detail\" [autoExpandAll]=\"true\" *ngIf=\"internationalShipping && internationalShipping_forceProductInBoxes\"></dxo-master-detail>\n                            <div *dxTemplate=\"let row of 'detail'\">        \n                                <fieldset class=\"detailsgrid-fieldset-default\"> \n                                  <legend class=\"detailsgrid-legend-default\" i18n=\"@@FieldCaption-Products\">Products</legend>\n\n                                  <dx-data-grid keyExpr=\"PickingLine.Id\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"row.data.Lines\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\">\n                                    <dxo-paging [enabled]=\"false\"></dxo-paging>\n                                    <dxo-editing mode=\"cell\" [allowUpdating]=\"true\" [allowAdding]=\"false\" [allowDeleting]=\"true\" [selectTextOnEditStart]=\"true\">\n                                    </dxo-editing>\n                                    \n                                    <dxi-column dataField=\"PickingLine.Product.ProductId\" caption=\"Product id\" hidingPriority=\"100\" [allowEditing]=\"false\" i18n-caption=\"@@GridColumn-ProductId\" dataType=\"string\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n                                    <dxi-column dataField=\"ParcelLine.Quantity\" caption=\"Quantity\" [allowEditing]=\"true\" hidingPriority=\"90\" i18n-caption=\"@@GridColumn-Quantity\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column>\n\n                                  </dx-data-grid>\n                                </fieldset>        \n                            </div>\n\n                            <dxi-column dataField=\"Quantity\" [visible]=\"!internationalShipping_forceProductInBoxes\" [showInColumnChooser]=\"!internationalShipping_forceProductInBoxes\" caption=\"Quantity\" hidingPriority=\"100\" i18n-caption=\"@@GridColumn-Quantity\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n                            <dxi-column dataField=\"BoxType\" [setCellValue]=\"setCellValue_BoxType\" caption=\"Box type\" hidingPriority=\"90\" i18n-caption=\"@@GridColumn-BoxType\" dataType=\"string\" [fixed]=\"true\" fixedPosition=\"left\">\n                                <dxo-lookup\n                                    [dataSource]=\"packagingBoxType_ds\"\n                                    displayExpr=\"text\"\n                                    valueExpr=\"value\">\n                                </dxo-lookup>          \n                                <dxo-header-filter\n                                      [dataSource]=\"packagingBoxType_ds\">\n                                </dxo-header-filter>    \n                                <dxi-validation-rule type=\"required\" message=\"Box type is required\" i18n-message=\"@@ValidationText-BoxType-Required\"></dxi-validation-rule>  \n                            </dxi-column>   \n                            <dxi-column dataField=\"Weight_InKg\" hidingPriority=\"95\" i18n-caption=\"@@GridColumn-Weight_KG\" caption=\"Weight (kg)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\">\n                                <dxi-validation-rule type=\"required\" message=\"Weight is required\" i18n-message=\"@@ValidationText-Weight-Required\"></dxi-validation-rule>\n                            </dxi-column>                                                     \n                            <dxi-column dataField=\"Length_InCm\" hidingPriority=\"80\" i18n-caption=\"@@GridColumn-Length_CM\" caption=\"Length (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\">\n                                <dxi-validation-rule type=\"required\" message=\"Length is required\" i18n-message=\"@@ValidationText-Length-Required\"></dxi-validation-rule>\n                            </dxi-column>\n                            <dxi-column dataField=\"Width_InCm\" hidingPriority=\"70\" i18n-caption=\"@@GridColumn-Width_CM\" caption=\"Width (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\">\n                                <dxi-validation-rule type=\"required\" message=\"Width is required\" i18n-message=\"@@ValidationText-Width-Required\"></dxi-validation-rule>\n                            </dxi-column>\n                            <dxi-column dataField=\"Height_InCm\" hidingPriority=\"60\" i18n-caption=\"@@GridColumn-Height_CM\" caption=\"Height (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\"></dxi-column>\n                            \n                            <dxo-summary>\n                                <dxi-total-item column=\"Quantity\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n                            </dxo-summary>                              \n                        </dx-data-grid>                       \n                    </div> \n                </div>\n                <div fxLayout=\"row\" class=\"dialog-button-row\">\n                    <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                    <button mat-flat-button color=\"primary\" (click)=\"onClick_Packages()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>                        \n                </div>                 \n            </mat-step>                          \n            <mat-step label=\"Carrier\" i18n-label=\"@@CaptionHeader-Carrier\" [optional]=\"false\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">   \n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n\n                        <div class=\"carrier-info\" *ngIf=\"showCarriers && !disableCarrierProducts\">\n                            <div class=\"carrier\">\n                                <dx-select-box id=\"carrierSelectbox\" [dataSource]=\"shipmentCarriers\" label=\"Carrier\" i18n-label=\"@@FieldCaption-Carrier\" labelMode=\"static\" displayExpr=\"name\" valueExpr=\"id\" [(value)]=\"selectedCarrierId\" (onSelectionChanged)=\"onCarrierSelectionChanged($event)\">\n                                    <div *dxTemplate=\"let data of 'item'\">\n                                        <div class=\"carrier-item\">\n                                            <div class=\"carrier-name\">\n                                                {{data?.name}}\n                                            </div>\n                                        </div>\n                                    </div>                                        \n                                </dx-select-box> \n                            </div>                            \n                        </div>                        \n\n                        <div fxLayout=\"row\" class=\"shipment-products-container\">\n                            <fieldset [ngClass]=\"{'shipment-fieldset-default shipment-fieldset-shipment-products':!servicePointRequired, 'shipment-fieldset-default shipment-fieldset-shipment-products-withservice':servicePointRequired}\" [ngStyle]=\"{'height': getProductsBoxheight() + 'px'}\">\n                                <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-CarrierProducts\">Carrier products</legend>\n                                <dx-validation-summary validationGroup=\"ProductCode\"></dx-validation-summary>\n                                <dx-list *ngIf=\"!disableCarrierProducts\" #shipmentProducList keyExpr=\"product_code\" [dataSource]=\"shipmentProducts\" selectionMode=\"single\" showScrollbar=\"always\" [showSelectionControls]=\"true\" [(selectedItemKeys)]=\"selectedShipmentProducts\" (onSelectionChanged)=\"onShipmentProductSelectionChanged($event)\">\n                                    <div *dxTemplate=\"let item of 'item'\">\n                                        <div class=\"shipment-product-item\">                                  \n                                            <div class=\"shipment-product-item-name\">{{ item.name }}</div>\n                                            <div class=\"shipment-product-item-info\">\n                                                <div class=\"shipment-product-item-price\">\n                                                    <!-- <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_amount | currency:item.price_currency:\"symbol\"}}</div> -->\n                                                    <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_currency}} {{item.price_amount}}</div>\n                                                </div>\n                                                <div class=\"shipment-product-item-transit\">\n                                                    <span class=\"item-caption\">Transit time</span><span class=\"item-caption-colon\">:</span><span class=\"item-value\">{{ item.transit_time }}</span>                                                    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <dx-validator [adapter]=\"validationConfig_ProductCode\" validationGroup=\"ProductCode\">\n                                        <dxi-validation-rule type=\"required\" message=\"Carrier product is required\" i18n-message=\"@@ValidationText-CarrierProduct-Required\"></dxi-validation-rule>\n                                    </dx-validator>\n                                </dx-list>\n                                <div *ngIf=\"disableCarrierProducts\">\n                                    Carrier product has been pre-selected\n                                </div>                                 \n                            </fieldset>\n                            <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-servicepoint\" [ngStyle]=\"{'height': getProductsBoxheight() + 'px'}\" *ngIf=\"selectedShippingProduct?.service_point_required || selectedShippingProduct?.service_point_available\">\n                                <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ParcelShop\">Parcel shop</legend>\n                                    <dx-validation-summary validationGroup=\"ServicePoint\"></dx-validation-summary>\n                                    <dx-select-box id=\"servicePointsSelectbox\" [dataSource]=\"servicePoints\" displayExpr=\"name\" [(value)]=\"selectedServicePoint\" (onSelectionChanged)=\"onServicePointSelectionChanged($event)\">\n                                        <div *dxTemplate=\"let data of 'item'\">\n                                            <div class=\"servicepoint-item\">\n                                                <div class=\"servicepoint-name\">\n                                                {{ data.name }} <span>{{data.id ? ('(' + data.id + ') ') : ':'}} {{(data.distance | meterToKilometer) | number : '1.0-1'}}</span><span> km</span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <dx-validator [adapter]=\"validationConfig_ServicePoint\" validationGroup=\"ServicePoint\">\n                                            <dxi-validation-rule type=\"required\" message=\"Parcel shop is required for this carrier product\" i18n-message=\"@@ValidationText-ParcelShop-Required\"></dxi-validation-rule>\n                                        </dx-validator>                                        \n                                    </dx-select-box>                                      \n                                    <div class=\"dx-fieldset selected-service-point\">\n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Name\">Name:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.name}} {{selectedServicePoint?.id ? ('(' + selectedServicePoint?.id + ')') : ''}}\n                                            </div>\n                                        </div>\n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Address\">Address:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.address_line}}\n                                            </div>\n                                        </div> \n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-ZipCode\">Zip code:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.zip_code}} {{selectedServicePoint?.city}}\n                                            </div>\n                                        </div>    \n                                        <!-- <div class=\"field\">\n                                            <div class=\"field-label\" i18n=\"@@FieldCaption-City\">City:</div>\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.city}}\n                                            </div>\n                                        </div>                                                                       -->\n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Country\">Country:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.country_code | countryCodeToName}}\n                                            </div>\n                                        </div>  \n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Distance\">Distance:</div> -->\n                                            <div class=\"field-value\">\n                                                <span *ngIf=\"selectedServicePoint?.distance\">{{(selectedServicePoint?.distance | meterToKilometer) | number : '1.0-1'}}</span><span *ngIf=\"selectedServicePoint?.distance\"> km</span>\n                                            </div>\n                                        </div>                                                                                                          \n                                    </div>                              \n                            </fieldset>\n                        </div> \n                        <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-info\">\n                            <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ShippingInfo\">Shipping information</legend>\n                            <dx-form #form_ShippingInfo id=\"form_ShippingInfo\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formShippingInfo\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n                                <dxo-col-count-by-screen [xs]=\"2\" [sm]=\"2\" [md]=\"2\" [lg]=\"2\"></dxo-col-count-by-screen>\n                                <!-- <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n                                    <dxi-item dataField=\"ShippingDate\" editorType=\"dxDateBox\">                        \n                                        <dxo-label text=\"Shipping date\" i18n-text=\"@@FieldCaption-ShippingDate\"></dxo-label>\n                                        <dxi-validation-rule type=\"required\" message=\"Shipping date is required\" i18n-text=\"@@ValidationText-ShippingDate-Required\"></dxi-validation-rule>                \n                                    </dxi-item>\n                                    <dxi-item dataField=\"Remarks\" [colSpan]=\"1\">\n                                        <dxo-label text=\"Remarks\" i18n-text=\"@@FieldCaption-Remarks\"></dxo-label> \n                                    </dxi-item>                                                                                                                     \n                                </dxi-item>  -->                                        \n                                <dxi-item [colSpan]=\"2\">\n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-select-box id=\"printerSelectbox\" [dataSource]=\"printer_store\" label=\"Printer\" i18n-label=\"@@FieldCaption-Printer\" labelMode=\"static\" displayExpr=\"PrinterName\" valueExpr=\"Id\" [(value)]=\"selectedPrinterId\">\n                                            <div *dxTemplate=\"let data of 'item'\">\n                                                <div class=\"printer-item\">\n                                                    <div class=\"printer-name\">\n                                                        {{data?.PrinterName}} {{ data?.GatewayInstallationName ? ('(' + data.GatewayInstallationName + ')') : ('') }}\n                                                    </div>\n                                                </div>\n                                            </div>                                        \n                                        </dx-select-box> \n                                    </div>\n                                </dxi-item> \n                                <dxi-item dataField=\"Reference\">\n                                    <dxo-label text=\"Reference\" i18n-text=\"@@FieldCaption-Reference\"></dxo-label> \n                                </dxi-item>\n                                <dxi-item>\n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-check-box [value]=\"true\" text=\"Package list\" i18n-text=\"@@FieldCaption-PackageList\" [(value)]=\"createPackageList\"></dx-check-box>\n                                    </div>                                    \n                                </dxi-item>                                 \n                            </dx-form>                             \n                        </fieldset>\n                    </div>                                                                    \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                        <button mat-flat-button color=\"primary\" (click)=\"onCreateShipmentClick()\" class=\"button2\" i18n=\"@@Button-CreateShipment\">Create shipment</button>                            \n                    </div>                                   \n                </div>                 \n            </mat-step>\n            <mat-step state=\"\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <div class=\"dialog-loading-shade\" *ngIf=\"isLoadingData\">\n                            <mat-spinner  diameter=\"50\" *ngIf=\"isLoadingData\"></mat-spinner>            \n                        </div>\n                        <div class=\"dialog-loading-spinner-text\" *ngIf=\"isLoadingData\">{{loadingText}}</div>\n                        <div class=\"dialog-complete-text\" *ngIf=\"!isLoadingData && createCompleted && !createError\">{{createCompletedText}}</div>\n                        <div class=\"dialog-error-caption\" *ngIf=\"!isLoadingData && createError\" i18n=\"@@ShipmentCreateFailed-Text\">Shipment create failed</div>\n                        <div class=\"dialog-error-text\" *ngIf=\"!isLoadingData && createError\">{{createErrorText}}</div>\n                    </div>                     \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">                            \n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" [disabled]=\"isLoadingData || createCompleted\" i18n=\"@@Button-Back\">Back</button>\n                        <button mat-flat-button matStepperNext color=\"warn\" class=\"button2\" *ngIf=\"!isLoadingData && createError\" [disabled]=\"isLoadingData\" (click)=\"onCreateShipmentClick()\" i18n=\"@@Button-Retry\">Retry</button>\n                        <button mat-flat-button matStepperNext color=\"primary\" class=\"button2\" [disabled]=\"isLoadingData\" (click)=\"onClose()\" i18n=\"@@Button-Close\">Close</button>                            \n                    </div>                                   \n                </div>                 \n            </mat-step>                        \n        </mat-horizontal-stepper>        \n    </div>    \n  </div>\n\n  <dx-load-panel\n    #loadPanelMainContent\n    container=\"#shipment_dialog_container\"\n    [position]=\"{ of: '#shipment_dialog_container' }\"\n    [(visible)]=\"showLoadIndicator\"\n    [showIndicator]=\"true\"\n    [showPane]=\"true\"\n    [shading]=\"true\"    \n    [closeOnOutsideClick]=\"false\"></dx-load-panel>", styles: ["::ng-deep .mat-card-header{margin-left:-32px!important}.toolbar-header-text-container{display:flex}.toolbar-header-text{margin-top:5px;margin-left:8px}.toolbar-header-text-vendorname{margin-right:8px;font-size:small}.dialog-caption-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:22px;height:22px;margin-top:10px}::ng-deep .mat-horizontal-content-container{padding:0 4px 4px!important}.dialog-button-row{margin-top:38px!important}::ng-deep .mat-horizontal-stepper-header{height:auto;padding:0!important;margin:2px 0 0!important}::ng-deep .mat-horizontal-stepper-header .mat-step-label{padding:0 0 3px!important}::ng-deep .dialog-wizard-steps-container{background-color:red!important}::ng-deep .shipment-fieldset-address .dx-first-col{padding-right:3px!important;padding-bottom:6px!important}::ng-deep .shipment-fieldset-address .dx-last-col{padding-left:3px!important;padding-bottom:6px!important}.dialog-tab-input-container{height:328px!important}.dialog-form-content-address{margin-top:0!important}.shipment-fieldset-default{border:1px solid var(--default-datagrid-border-color);border-radius:7px;background-color:var(--default-groupbox-content-background);padding-top:0}.shipment-legend-default{padding:.2em .5em;color:var(--default-textcolor-dark);font-weight:600;font-size:90%}.invalid-message-Lines{color:var(--default-textcolor-error);font-size:.85em}.shipment-fieldset-address{margin-bottom:0;height:auto}.sender-selectbox{margin-bottom:1px}.shipment-fieldset-shipment-products{border:1px solid var(--default-datagrid-border-color);border-radius:7px;width:100%}.shipment-fieldset-shipment-products-withservice{width:50%}.shipment-fieldset-shipment-servicepoint{width:50%}.shipment-products-container .dx-list-item-content{font-size:12px;padding-top:0!important;padding-bottom:10px!important}.shipment-product-item-info{display:flex;font-style:italic}.shipment-product-item-price{display:flex}.shipment-product-item-price .item-value{margin-left:5px}.shipment-product-item-transit .item-caption{margin-left:20px}.shipment-product-item-transit .item-value{margin-left:5px}.shipment-fieldset-shipment-info{margin-top:5px;width:auto;height:116px;padding-top:4px}.selected-service-point .field{display:flex;font-weight:400;font-size:12px;margin-bottom:6px}.selected-service-point .field-label{color:var(--default-textcolor-field-label);width:56px}.selected-service-point .field-value{margin-left:5px}.printer-info{display:flex;margin-top:30px;width:100%}.printer-info .print-labels{margin-right:20px;width:180px;padding-left:20px;padding-top:3px}.printer-info .printer{width:100%}.carrier-info{display:flex;margin-bottom:5px;width:100%}.carrier-info .carrier{width:100%}.country-dropdown-item{border:0px!important;line-height:20px;display:flex}.country-dropdown-item-image{width:32px}.country-dropdown-item-image>img{border:rgba(192,192,192,.3) 1px solid;margin-top:1px;height:16px;width:28px}.country-dropdown-item-text{padding-left:4px}.country-edit-item{border:0px!important;display:flex}.country-edit-image{margin-left:6px}.country-edit-image>img{border:rgba(192,192,192,.3) 1px solid;margin-top:8px;height:16px;width:28px}\n"], components: [{ type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i1$2.MatCardHeader, selector: "mat-card-header" }, { type: i5$1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }, { type: i4$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7$2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "labelPosition", "disableRipple", "color"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { type: i7$2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxoColumnChooserComponent, selector: "dxo-column-chooser", inputs: ["allowSearch", "emptyPanelText", "enabled", "height", "mode", "searchTimeout", "sortOrder", "title", "width"] }, { type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { type: i6.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "dataSource", "groupInterval", "height", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { type: i6.DxoGroupPanelComponent, selector: "dxo-group-panel", inputs: ["allowColumnDragging", "emptyPanelText", "visible"], outputs: ["visibleChange"] }, { type: i6.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "deferred", "mode", "selectAllMode", "showCheckBoxesMode", "recursive"] }, { type: i6.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i7.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoSummaryComponent, selector: "dxo-summary", inputs: ["calculateCustomSummary", "groupItems", "recalculateWhileEditing", "skipEmptyValues", "texts", "totalItems"] }, { type: i6.DxiTotalItemComponent, selector: "dxi-total-item", inputs: ["alignment", "column", "cssClass", "customizeText", "displayFormat", "name", "showInColumn", "skipEmptyValues", "summaryType", "valueFormat"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxoColCountByScreenComponent, selector: "dxo-col-count-by-screen", inputs: ["lg", "md", "sm", "xs"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { type: i13.DxAutocompleteComponent, selector: "dx-autocomplete", inputs: ["accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxItemCount", "maxLength", "minSearchLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxItemCountChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { type: i6.DxoEditingComponent, selector: "dxo-editing", inputs: ["allowAdding", "allowDeleting", "allowUpdating", "changes", "confirmDelete", "editColumnName", "editRowKey", "form", "mode", "newRowPosition", "popup", "refreshMode", "selectTextOnEditStart", "startEditAction", "texts", "useIcons", "allowAddShape", "allowChangeConnection", "allowChangeConnectorPoints", "allowChangeConnectorText", "allowChangeShapeText", "allowDeleteConnector", "allowDeleteShape", "allowMoveShape", "allowResizeShape", "allowDependencyAdding", "allowDependencyDeleting", "allowResourceAdding", "allowResourceDeleting", "allowResourceUpdating", "allowTaskAdding", "allowTaskDeleting", "allowTaskResourceUpdating", "allowTaskUpdating", "enabled", "allowDragging", "allowResizing", "allowTimeZoneEditing"], outputs: ["changesChange", "editColumnNameChange", "editRowKeyChange"] }, { type: i14$1.DxDropDownButtonComponent, selector: "dx-drop-down-button", inputs: ["accessKey", "activeStateEnabled", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownContentTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "items", "itemTemplate", "keyExpr", "noDataText", "opened", "rtlEnabled", "selectedItem", "selectedItemKey", "showArrowIcon", "splitButton", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "useSelectMode", "visible", "width", "wrapItemText"], outputs: ["onButtonClick", "onContentReady", "onDisposing", "onInitialized", "onItemClick", "onOptionChanged", "onSelectionChanged", "accessKeyChange", "activeStateEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownContentTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "itemsChange", "itemTemplateChange", "keyExprChange", "noDataTextChange", "openedChange", "rtlEnabledChange", "selectedItemChange", "selectedItemKeyChange", "showArrowIconChange", "splitButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "useSelectModeChange", "visibleChange", "widthChange", "wrapItemTextChange"] }, { type: i6.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { type: i6.DxoLookupComponent, selector: "dxo-lookup", inputs: ["allowClearing", "calculateCellValue", "dataSource", "displayExpr", "valueExpr"] }, { type: i15.DxValidationSummaryComponent, selector: "dx-validation-summary", inputs: ["elementAttr", "hoverStateEnabled", "items", "itemTemplate", "validationGroup"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onOptionChanged", "elementAttrChange", "hoverStateEnabledChange", "itemsChange", "itemTemplateChange", "validationGroupChange"] }, { type: i7.DxListComponent, selector: "dx-list", inputs: ["accessKey", "activeStateEnabled", "allowItemDeleting", "bounceEnabled", "collapsibleGroups", "dataSource", "disabled", "displayExpr", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "indicateLoading", "itemDeleteMode", "itemDragging", "itemHoldTimeout", "items", "itemTemplate", "keyExpr", "menuItems", "menuMode", "nextButtonText", "noDataText", "pageLoadingText", "pageLoadMode", "pulledDownText", "pullingDownText", "pullRefreshEnabled", "refreshingText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollByThumb", "scrollingEnabled", "searchEditorOptions", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "searchValue", "selectAllMode", "selectAllText", "selectedItemKeys", "selectedItems", "selectionMode", "showScrollbar", "showSelectionControls", "tabIndex", "useNativeScrolling", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onGroupRendered", "onInitialized", "onItemClick", "onItemContextMenu", "onItemDeleted", "onItemDeleting", "onItemHold", "onItemRendered", "onItemReordered", "onItemSwipe", "onOptionChanged", "onPageLoading", "onPullRefresh", "onScroll", "onSelectAllValueChanged", "onSelectionChanged", "accessKeyChange", "activeStateEnabledChange", "allowItemDeletingChange", "bounceEnabledChange", "collapsibleGroupsChange", "dataSourceChange", "disabledChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "indicateLoadingChange", "itemDeleteModeChange", "itemDraggingChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "keyExprChange", "menuItemsChange", "menuModeChange", "nextButtonTextChange", "noDataTextChange", "pageLoadingTextChange", "pageLoadModeChange", "pulledDownTextChange", "pullingDownTextChange", "pullRefreshEnabledChange", "refreshingTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "scrollingEnabledChange", "searchEditorOptionsChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "searchValueChange", "selectAllModeChange", "selectAllTextChange", "selectedItemKeysChange", "selectedItemsChange", "selectionModeChange", "showScrollbarChange", "showSelectionControlsChange", "tabIndexChange", "useNativeScrollingChange", "visibleChange", "widthChange"] }, { type: i16.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { type: i4$3.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i7.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }], directives: [{ type: MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }, { type: i9$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i5$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7$2.MatStepperPrevious, selector: "button[matStepperPrevious]", inputs: ["type"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i9$2.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i7$2.MatStepperNext, selector: "button[matStepperNext]", inputs: ["type"] }], pipes: { "number": i4$2.DecimalPipe, "meterToKilometer": i2$1.MeterToKilometerPipe, "countryCodeToName": i2$1.CountryCodeToNamePipe } });
+PickinglistAddNewShipment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PickinglistAddNewShipment, selector: "mobicloud-pickinglist-add-new-shipment", inputs: { isLoadingData: "isLoadingData", loadingText: "loadingText", createCompleted: "createCompleted", createCompletedText: "createCompletedText", createError: "createError", createErrorText: "createErrorText" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: MatHorizontalStepper, descendants: true }, { propertyName: "form_Sender", first: true, predicate: ["form_Sender"], descendants: true }, { propertyName: "form_Receiver", first: true, predicate: ["form_Receiver"], descendants: true }, { propertyName: "form_ShippingInfo", first: true, predicate: ["form_ShippingInfo"], descendants: true }, { propertyName: "selectedBoxesList", first: true, predicate: ["selectedBoxesList"], descendants: true }], ngImport: i0, template: "<div mat-dialog-container class=\"dialog-container\">\n    <mat-toolbar color=\"primary\" class=\"mat-elevation-z2 dialog-caption\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\" cdkDragHandle>\n        <mat-card-header>\n            <div class=\"toolbar-header-text-container\">\n                <svg-icon name=\"mobicloud_shipment\" svgClass=\"dialog-caption-icon\"></svg-icon><div i18n=\"@@FieldCaption-CreateShipment\" class=\"toolbar-header-text\">Create shipment</div>\n            </div>                  \n        </mat-card-header>\n        <span class=\"dialog-caption-spacer\"></span>\n        <span class=\"toolbar-header-text-vendorname\">{{shipmentVendor_Name}}</span>      \n        <button mat-raised-button appMaterialElevation matTooltip=\"Close\" i18n-matTooltip=\"@@Action-Close\" aria-label=\"Close\" i18n-aria-label=\"@@Action-Close\" class=\"dialog-toolbar-button\" (click)=\"onCancel()\">\n          <svg-icon name=\"mobicloud_close\" svgClass=\"dialog-toolbar-button-icon\"></svg-icon>\n        </button>        \n    </mat-toolbar>      \n\n    <div #shipment_dialog_container id=\"shipment_dialog_container\" class=\"dialog-wizard-steps-container\">\n        <mat-horizontal-stepper [linear]=\"true\" #stepper class=\"dialog-wizard-steps\" (animationDone)=\"setFocus()\" labelPosition='bottom'>\n            <mat-step label=\"Lines\" i18n-label=\"@@CaptionHeader-Lines\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">                           \n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <div class=\"invalid-message-Lines\" *ngIf=\"!pickingLinesSelectionValid\" i18n=\"@@ValidationText-NoShipmentPickingLinesSelected\">No lines has been selected for shipping</div>\n                        <dx-data-grid keyExpr=\"Id\" #datagrid_pickinglines id=\"datagrid_pickinglines\" [(selectedRowKeys)]=\"selectedPickingLinesKeys\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"pickingLines\" [remoteOperations]=\"false\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\">\n                            <!-- <dxo-editing mode=\"batch\" refreshMode=\"full\" [selectTextOnEditStart]=\"true\" startEditAction=\"click\" [allowAdding]=\"false\" [allowUpdating]=\"false\" [allowDeleting]=\"false\" [confirmDelete]=\"true\"></dxo-editing> -->\n                            <dxo-column-chooser [enabled]=\"true\" mode=\"select\" title=\"Choose columns\" i18n-title=\"@@CaptionHeader-ColumnChooser\"></dxo-column-chooser>        \n                            <dxo-filter-row [visible]=\"true\"></dxo-filter-row> \n                            <dxo-header-filter [visible]=\"true\"></dxo-header-filter>\n                            <dxo-group-panel [visible]=\"false\" emptyPanelText=\"\"></dxo-group-panel>  \n                            <dxo-sorting mode=\"multiple\"></dxo-sorting>\n                            <dxo-selection [allowSelectAll]=\"true\" showCheckBoxesMode=\"always\" [mode]=\"allowSelectPickingLines ? 'multiple' : 'none'\"></dxo-selection>                            \n\n                            <dxo-toolbar>                \n                                <dxi-item location=\"after\">\n                                  <div *dxTemplate class=\"gridtoolbar-item-container\">\n                                    <dx-check-box [(value)]=\"returnLabelsEnabled\" [rtlEnabled]=\"false\" text=\"Return label\" i18n-text=\"@@FieldCaption-ReturnLabel\" (onValueChanged)=\"returnCheckBoxChanged($event)\" labelMode=\"static\" stylingMode=\"outlined\"></dx-check-box>\n                                  </div>\n                                </dxi-item>\n                \n                                <dxi-item name=\"columnChooserButton\"></dxi-item>\n                              </dxo-toolbar>                                 \n\n                            <dxi-column dataField=\"Index\" [width]=\"40\" [visible]=\"true\" hidingPriority=\"99\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineNumber\" caption=\"#\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n                            <dxi-column dataField=\"LineId\" [visible]=\"true\" hidingPriority=\"20\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineId\" caption=\"Line id\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"SalesLine.LineId\" hidingPriority=\"92\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SalesLineId\" caption=\"Sales line id\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"ProductId\" hidingPriority=\"58\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductUId\" caption=\"Product uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Product\" hidingPriority=\"68\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Product\" caption=\"Product\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Product.ProductId\" [fixed]=\"true\" fixedPosition=\"left\" hidingPriority=\"100\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductId\" caption=\"Product id\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Product.Name\" hidingPriority=\"94\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductName\" caption=\"Product name\" dataType=\"string\"></dxi-column>        \n                            <dxi-column dataField=\"Product.SKU\" hidingPriority=\"54\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SKU\" caption=\"SKU\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Color\" hidingPriority=\"84\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"ColorId\" hidingPriority=\"48\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorUId\" caption=\"Color uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Color.Code\" hidingPriority=\"82\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Color.Name\" hidingPriority=\"46\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorName\" caption=\"Color name\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Size\" hidingPriority=\"78\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"SizeId\" hidingPriority=\"44\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeUId\" caption=\"Size uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Size.Code\" hidingPriority=\"76\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Size.Name\" hidingPriority=\"42\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeName\" caption=\"Size name\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Config\" hidingPriority=\"74\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column>    \n                            <dxi-column dataField=\"ConfigId\" hidingPriority=\"40\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigUId\" caption=\"Config uid\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Config.Code\" hidingPriority=\"72\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Config.Name\" hidingPriority=\"38\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigName\" caption=\"Config name\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Qty\" hidingPriority=\"74\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Qty\" caption=\"Quantity\" dataType=\"number\"></dxi-column>\n                            <dxi-column dataField=\"QtyPick\" hidingPriority=\"96\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-QtyPick\" caption=\"Quantity pick\" dataType=\"number\"></dxi-column>\n                            <dxi-column dataField=\"Note\" hidingPriority=\"28\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Note\" caption=\"Note\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"SortCode\" hidingPriority=\"26\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SortCode\" caption=\"Sort code\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"WMSZone\" hidingPriority=\"24\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-WMSZone\" caption=\"WMS zone\" dataType=\"string\"></dxi-column>\n                            <dxi-column dataField=\"Created\" hidingPriority=\"10\" [visible]=\"false\" [allowHeaderFiltering]=\"true\" i18n-caption=\"@@GridColumn-Created\" caption=\"Created\" dataType=\"date\"></dxi-column>\n                            <dxo-summary>\n                                <dxi-total-item column=\"Index\" summaryType=\"count\" displayFormat=\"{0}\"></dxi-total-item>\n                                <dxi-total-item column=\"Qty\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n                                <dxi-total-item column=\"QtyPick\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n                            </dxo-summary>                \n                            <dxi-column type=\"buttons\" [allowHiding]=\"false\" [fixed]=\"true\" fixedPosition=\"right\">\n                            </dxi-column>\n                            <!-- <dxi-column type=\"adaptive\" [allowHiding]=\"false\" cellTemplate=\"adaptiveCellTemplate\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column> -->\n                        \n                            <!-- Templates -->\n                        \n                            <div *dxTemplate=\"let column of 'adaptiveCellTemplate'\">\n                              <button aria-label=\"Collapse/Expand\" mat-icon-button (click)=\"column.component.isAdaptiveDetailRowExpanded(column.row.key) ? column.component.collapseAdaptiveDetailRow() : column.component.expandAdaptiveDetailRow(column.row.key);\">\n                                <mat-icon *ngIf=\"!column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_expand_arrows\" class=\"expand_gridrow\"></mat-icon>\n                                <mat-icon *ngIf=\"column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_collapse_arrows\" class=\"collapse_gridrow\"></mat-icon>\n                              </button>      \n                            </div>\n                         \n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                        </dx-data-grid>                        \n                    </div>                                                                                                 \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button>\n                        <button mat-flat-button color=\"primary\" (click)=\"onClick_Lines()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>\n                    </div>                                   \n                </div>                 \n            </mat-step>\n            <mat-step label=\"Sender\" i18n-label=\"@@CaptionHeader-Sender\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <dx-select-box id=\"custom-templates\" class=\"sender-selectbox\" [dataSource]=\"inventLocation_ds\" displayExpr=\"Name\" [value]=\"inventLocationId\" [showClearButton]=\"true\" (onValueChanged)=\"senderSelectbox_onValueChanged($event)\">\n                        <div *dxTemplate=\"let data of 'item'\">\n                          <div class=\"custom-item\">\n                            <!-- <img src=\"{{ data.ImageSrc }}\" /> -->\n                            <div>\n                              {{ data.Name }}\n                            </div>\n                          </div>\n                        </div>\n                        </dx-select-box>                        \n                        <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n                            <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Sender\">Sender</legend>\n                            <dx-form #form_Sender id=\"form_Sender\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formSender\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\" [elementAttr]=\"{ autocomplete: 'off' }\">\n                                <dxo-col-count-by-screen [lg]=\"2\" [md]=\"2\" [sm]=\"2\" [xs]=\"2\"></dxo-col-count-by-screen>\n                                <dxi-item dataField=\"Sender_Name\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\">                        \n                                    <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule>                \n                                </dxi-item>\n                                <dxi-item dataField=\"Sender_Attention\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                                    <dxo-label text=\"Attention\" i18n-text=\"@@FieldCaption-Attention\"></dxo-label>\n                                </dxi-item> \n                                <dxi-item dataField=\"Sender_Address1\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                                    <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule>                \n                                </dxi-item>                                  \n                                <dxi-item dataField=\"Sender_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                                    <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule>               \n                                </dxi-item> \n                                <dxi-item dataField=\"Sender_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                                    <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule>               \n                                </dxi-item>                                  \n                                <dxi-item dataField=\"Sender_CountryCode\">\n                                    <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-select-box valueExpr=\"Code2\" displayExpr=\"LocalName\" [(value)]=\"formInstanceShipment.Sender_CountryCode\" [dataSource]=\"sender_country_ds\" itemTemplate=\"country_itemTemplate\" fieldTemplate=\"country_fieldTemplate\" (onValueChanged)=\"onValueChanged_SenderCountry($event, data)\"\n                                        [showClearButton]=\"true\" [searchEnabled]=\"true\" searchMode=\"contains\" [searchExpr]=\"['Code2','Name','LocalName']\" [inputAttr]=\"{ 'aria-label': 'Country' }\" label=\"Country\" i18n-label=\"@@FieldCaption-Country\" labelMode=\"static\">\n                                        <div *dxTemplate=\"let data of 'country_itemTemplate'\">\n                                        <div class=\"country-dropdown-item\">\n                                           <div class=\"country-dropdown-item-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-dropdown-item-text\">\n                                               {{data.LocalName}}\n                                           </div>\n                                        </div>   \n                                        </div>\n                                        <div *dxTemplate=\"let data of 'country_fieldTemplate'\">\n                                        <div class=\"country-edit-item\">\n                                           <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-edit-text\">\n                                               <dx-text-box [value]=\"data && data.LocalName\" [inputAttr]=\"{ 'aria-label': 'Country' }\"></dx-text-box>\n                                           </div>\n                                        </div>\n                                        </div>                        \n                                        </dx-select-box>                                        \n                                    </div>   \n                                    <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n                                </dxi-item> \n                                <dxi-item dataField=\"Sender_State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                                    <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label> \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-autocomplete placeholder=\"\" [inputAttr]=\"{'autocomplete': 'off'}\" [dropDownOptions]=\"{ minWidth: 220, resizeEnabled: true }\"\n                                            [(value)]=\"formInstanceShipment.Sender_State\" [dataSource]=\"sender_state_ds\" valueExpr=\"Name_Native\" displayExpr=\"Name_Native\" [showClearButton]=\"true\" [searchExpr]=\"['Name_Native']\" \n                                            [minSearchLength]=\"0\" [maxItemCount]=\"200\" [openOnFieldClick]=\"true\" label=\"State\" i18n-label=\"@@FieldCaption-State\" labelMode=\"static\">\n                                        </dx-autocomplete>\n                                    </div>                                    \n                                    <dxi-validation-rule *ngIf=\"_senderCountryRequireState\" type=\"required\" message=\"State is required\" i18n-text=\"@@ValidationText-State-Required\"></dxi-validation-rule>\n                                </dxi-item>                                   \n                                <dxi-item dataField=\"Sender_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                                    <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Phone is required\" i18n-message=\"@@ValidationText-Phone-Required\"></dxi-validation-rule>\n                                </dxi-item>                               \n                                <dxi-item dataField=\"Sender_Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                                    <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>        \n                                    <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                                    <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                                                                       \n                                </dxi-item>                                                                                      \n                            </dx-form>                            \n                        </fieldset>                       \n                    </div>                                                                    \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                        <!-- <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button> -->\n                        <button mat-flat-button color=\"primary\" (click)=\"onClick_Sender()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>                            \n                    </div>                                   \n                </div>                \n            </mat-step>\n            <mat-step label=\"Receiver\" i18n-label=\"@@CaptionHeader-Receiver\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n                            <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Receiver\">Receiver</legend>\n                            <dx-form #form_Receiver id=\"form_Receiver\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formReceiver\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\" [elementAttr]=\"{ autocomplete: 'off' }\">\n                                <dxo-col-count-by-screen [lg]=\"2\" [md]=\"2\" [sm]=\"2\" [xs]=\"2\"></dxo-col-count-by-screen>\n                                <dxi-item dataField=\"Receiver_Name\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\">                        \n                                    <dxo-label text=\"Company\" i18n-text=\"@@FieldCaption-Company\"></dxo-label>\n                                    <!-- <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule> -->\n                                </dxi-item>\n                                <dxi-item dataField=\"Receiver_Attention\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                                    <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-Firstname\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-text=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>\n                                </dxi-item>  \n                                <dxi-item dataField=\"Receiver_Telephone\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                                    <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-Lastname\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-text=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>\n                                </dxi-item> \n                                <dxi-item dataField=\"Receiver_Address1\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                                    <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n                                    <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule>                \n                                </dxi-item>                                  \n                                <dxi-item dataField=\"Receiver_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                                    <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule>               \n                                </dxi-item> \n                                <dxi-item dataField=\"Receiver_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                                    <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule>               \n                                </dxi-item> \n                                <dxi-item dataField=\"Receiver_CountryCode\">\n                                    <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-select-box valueExpr=\"Code2\" displayExpr=\"LocalName\" [(value)]=\"formInstanceShipment.Receiver_CountryCode\" [dataSource]=\"receiver_country_ds\" itemTemplate=\"country_itemTemplate\" fieldTemplate=\"country_fieldTemplate\" (onValueChanged)=\"onValueChanged_ReceiverCountry($event, data)\"\n                                        [showClearButton]=\"true\" [searchEnabled]=\"true\" searchMode=\"contains\" [searchExpr]=\"['Code2','Name','LocalName']\" [inputAttr]=\"{ 'aria-label': 'Country' }\" label=\"Country\" i18n-label=\"@@FieldCaption-Country\" labelMode=\"static\">\n                                        <div *dxTemplate=\"let data of 'country_itemTemplate'\">\n                                        <div class=\"country-dropdown-item\">\n                                           <div class=\"country-dropdown-item-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-dropdown-item-text\">\n                                               {{data.LocalName}}\n                                           </div>\n                                        </div>   \n                                        </div>\n                                        <div *dxTemplate=\"let data of 'country_fieldTemplate'\">\n                                        <div class=\"country-edit-item\">\n                                           <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.Flag2Url}}/w40/{{data?.Code2?.toLowerCase()}}.png\" *ngIf=\"data?.Code2\"></div>\n                                           <div class=\"country-edit-text\">\n                                               <dx-text-box [value]=\"data && data.LocalName\" [inputAttr]=\"{ 'aria-label': 'Country' }\"></dx-text-box>\n                                           </div>\n                                        </div>\n                                        </div>                        \n                                        </dx-select-box>\n                                    </div>   \n                                    <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n                                </dxi-item>   \n                                <dxi-item dataField=\"Receiver_State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                                    <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label> \n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-autocomplete placeholder=\"\" [inputAttr]=\"{'autocomplete': 'off'}\" [dropDownOptions]=\"{ minWidth: 220, resizeEnabled: true }\"\n                                            [(value)]=\"formInstanceShipment.Receiver_State\" [dataSource]=\"receiver_state_ds\" valueExpr=\"Name_Native\" displayExpr=\"Name_Native\" [showClearButton]=\"true\" [searchExpr]=\"['Name_Native']\" \n                                            [minSearchLength]=\"0\" [maxItemCount]=\"200\" [openOnFieldClick]=\"true\" label=\"State\" i18n-label=\"@@FieldCaption-State\" labelMode=\"static\">\n                                        </dx-autocomplete>\n                                    </div>                                       \n                                    <dxi-validation-rule *ngIf=\"_receiverCountryRequireState\" type=\"required\" message=\"State is required\" i18n-text=\"@@ValidationText-State-Required\"></dxi-validation-rule>\n                                </dxi-item>  \n                                <dxi-item dataField=\"Receiver_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                                    <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Phone is required\" i18n-message=\"@@ValidationText-Phone-Required\"></dxi-validation-rule>\n                                </dxi-item>                                                                 \n                                <dxi-item dataField=\"Receiver_Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                                    <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label> \n                                    <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                                    <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                                                                              \n                                </dxi-item>                                                                                                                   \n                            </dx-form>                               \n                        </fieldset>                         \n                    </div>                                                                    \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                        <button mat-flat-button color=\"primary\" (click)=\"onClick_Receiver()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>                            \n                    </div>                                   \n                </div>                \n            </mat-step>            \n            <mat-step label=\"Packages\" i18n-label=\"@@CaptionHeader-Packages\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <div class=\"invalid-message-Lines\" *ngIf=\"!boxesSelectionValid\" i18n=\"@@ValidationText-NoShipmentBoxesSelected\">No boxes has been selected for shipping</div>\n                        <div class=\"invalid-message-Lines\" *ngIf=\"!productBoxesQuantityValid\" i18n=\"@@ValidationText-ProductBoxesQuantityInvalid\">Product quantities in the boxes is invalid</div>\n                        <dx-data-grid #selectedBoxesList id=\"selectedBoxesList\" keyExpr=\"Id\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"selectedBoxes\" [remoteOperations]=\"false\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\" (onInitNewRow)=\"onInitNewRow_Boxes($event)\">\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <dxo-editing mode=\"cell\" [allowUpdating]=\"true\" [allowAdding]=\"true\" [allowDeleting]=\"true\" [selectTextOnEditStart]=\"true\">\n                            </dxo-editing>\n                            <dxo-toolbar>\n                                <dxi-item location=\"before\">\n                                    <dx-drop-down-button text=\"Add box\" i18n-text=\"@@Button-AddBox\" icon=\"box\" [items]=\"packagingBoxes\" displayExpr=\"Name\" (onItemClick)=\"onAddBoxButtonClick($event)\"></dx-drop-down-button>  \n                                </dxi-item>                            \n                                <dxi-item name=\"addRowButton\" cssClass=\"action-button\"></dxi-item>\n                                <dxi-item name=\"revertButton\" cssClass=\"action-button\"></dxi-item>\n                              </dxo-toolbar>\n\n                            <dxo-master-detail [enabled]=\"true\" template=\"detail\" [autoExpandAll]=\"true\" *ngIf=\"internationalShipping && internationalShipping_forceProductInBoxes\"></dxo-master-detail>\n                            <div *dxTemplate=\"let row of 'detail'\">        \n                                <fieldset class=\"detailsgrid-fieldset-default\"> \n                                  <legend class=\"detailsgrid-legend-default\" i18n=\"@@FieldCaption-Products\">Products</legend>\n\n                                  <dx-data-grid keyExpr=\"PickingLine.Id\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"row.data.Lines\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\">\n                                    <dxo-paging [enabled]=\"false\"></dxo-paging>\n                                    <dxo-editing mode=\"cell\" [allowUpdating]=\"true\" [allowAdding]=\"false\" [allowDeleting]=\"true\" [selectTextOnEditStart]=\"true\">\n                                    </dxo-editing>\n                                    \n                                    <dxi-column dataField=\"PickingLine.Product.ProductId\" caption=\"Product id\" hidingPriority=\"100\" [allowEditing]=\"false\" i18n-caption=\"@@GridColumn-ProductId\" dataType=\"string\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n                                    <dxi-column dataField=\"ParcelLine.Quantity\" caption=\"Quantity\" [allowEditing]=\"true\" hidingPriority=\"90\" i18n-caption=\"@@GridColumn-Quantity\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column>\n\n                                  </dx-data-grid>\n                                </fieldset>        \n                            </div>\n\n                            <dxi-column dataField=\"Quantity\" [visible]=\"!internationalShipping_forceProductInBoxes\" [showInColumnChooser]=\"!internationalShipping_forceProductInBoxes\" caption=\"Quantity\" hidingPriority=\"100\" i18n-caption=\"@@GridColumn-Quantity\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n                            <dxi-column dataField=\"BoxType\" [setCellValue]=\"setCellValue_BoxType\" caption=\"Box type\" hidingPriority=\"90\" i18n-caption=\"@@GridColumn-BoxType\" dataType=\"string\" [fixed]=\"true\" fixedPosition=\"left\">\n                                <dxo-lookup\n                                    [dataSource]=\"packagingBoxType_ds\"\n                                    displayExpr=\"text\"\n                                    valueExpr=\"value\">\n                                </dxo-lookup>          \n                                <dxo-header-filter\n                                      [dataSource]=\"packagingBoxType_ds\">\n                                </dxo-header-filter>    \n                                <dxi-validation-rule type=\"required\" message=\"Box type is required\" i18n-message=\"@@ValidationText-BoxType-Required\"></dxi-validation-rule>  \n                            </dxi-column>   \n                            <dxi-column dataField=\"Weight_InKg\" hidingPriority=\"95\" i18n-caption=\"@@GridColumn-Weight_KG\" caption=\"Weight (kg)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\">\n                                <dxi-validation-rule type=\"required\" message=\"Weight is required\" i18n-message=\"@@ValidationText-Weight-Required\"></dxi-validation-rule>\n                            </dxi-column>                                                     \n                            <dxi-column dataField=\"Length_InCm\" hidingPriority=\"80\" i18n-caption=\"@@GridColumn-Length_CM\" caption=\"Length (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\">\n                                <dxi-validation-rule type=\"required\" message=\"Length is required\" i18n-message=\"@@ValidationText-Length-Required\"></dxi-validation-rule>\n                            </dxi-column>\n                            <dxi-column dataField=\"Width_InCm\" hidingPriority=\"70\" i18n-caption=\"@@GridColumn-Width_CM\" caption=\"Width (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\">\n                                <dxi-validation-rule type=\"required\" message=\"Width is required\" i18n-message=\"@@ValidationText-Width-Required\"></dxi-validation-rule>\n                            </dxi-column>\n                            <dxi-column dataField=\"Height_InCm\" hidingPriority=\"60\" i18n-caption=\"@@GridColumn-Height_CM\" caption=\"Height (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\"></dxi-column>\n                            \n                            <dxo-summary>\n                                <dxi-total-item column=\"Quantity\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n                            </dxo-summary>                              \n                        </dx-data-grid>                       \n                    </div> \n                </div>\n                <div fxLayout=\"row\" class=\"dialog-button-row\">\n                    <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                    <button mat-flat-button color=\"primary\" (click)=\"onClick_Packages()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>                        \n                </div>                 \n            </mat-step>                          \n            <mat-step label=\"Carrier\" i18n-label=\"@@CaptionHeader-Carrier\" [optional]=\"false\" [editable]=\"!createCompleted\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">   \n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n\n                        <div class=\"carrier-info\" *ngIf=\"showCarriers && !disableCarrierProducts\">\n                            <div class=\"carrier\">\n                                <dx-select-box id=\"carrierSelectbox\" [dataSource]=\"shipmentCarriers\" label=\"Carrier\" i18n-label=\"@@FieldCaption-Carrier\" labelMode=\"static\" displayExpr=\"name\" valueExpr=\"id\" [(value)]=\"selectedCarrierId\" (onSelectionChanged)=\"onCarrierSelectionChanged($event)\">\n                                    <div *dxTemplate=\"let data of 'item'\">\n                                        <div class=\"carrier-item\">\n                                            <div class=\"carrier-name\">\n                                                {{data?.name}}\n                                            </div>\n                                        </div>\n                                    </div>                                        \n                                </dx-select-box> \n                            </div>                            \n                        </div>                        \n\n                        <div fxLayout=\"row\" class=\"shipment-products-container\">\n                            <fieldset [ngClass]=\"{'shipment-fieldset-default shipment-fieldset-shipment-products':!servicePointRequired, 'shipment-fieldset-default shipment-fieldset-shipment-products-withservice':servicePointRequired}\" [ngStyle]=\"{'height': getProductsBoxheight() + 'px'}\">\n                                <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-CarrierProducts\">Carrier products</legend>\n                                <dx-validation-summary validationGroup=\"ProductCode\"></dx-validation-summary>\n                                <dx-list *ngIf=\"!disableCarrierProducts\" #shipmentProducList keyExpr=\"product_code\" [dataSource]=\"shipmentProducts\" selectionMode=\"single\" showScrollbar=\"always\" [showSelectionControls]=\"true\" [(selectedItemKeys)]=\"selectedShipmentProducts\" (onSelectionChanged)=\"onShipmentProductSelectionChanged($event)\">\n                                    <div *dxTemplate=\"let item of 'item'\">\n                                        <div class=\"shipment-product-item\">                                  \n                                            <div class=\"shipment-product-item-name\">{{ item.name }}</div>\n                                            <div class=\"shipment-product-item-info\">\n                                                <div class=\"shipment-product-item-price\">\n                                                    <!-- <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_amount | currency:item.price_currency:\"symbol\"}}</div> -->\n                                                    <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_currency}} {{item.price_amount}}</div>\n                                                </div>\n                                                <div class=\"shipment-product-item-transit\">\n                                                    <span class=\"item-caption\">Transit time</span><span class=\"item-caption-colon\">:</span><span class=\"item-value\">{{ item.transit_time }}</span>                                                    \n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <dx-validator [adapter]=\"validationConfig_ProductCode\" validationGroup=\"ProductCode\">\n                                        <dxi-validation-rule type=\"required\" message=\"Carrier product is required\" i18n-message=\"@@ValidationText-CarrierProduct-Required\"></dxi-validation-rule>\n                                    </dx-validator>\n                                </dx-list>\n                                <div *ngIf=\"disableCarrierProducts\">\n                                    Carrier product has been pre-selected\n                                </div>                                 \n                            </fieldset>\n                            <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-servicepoint\" [ngStyle]=\"{'height': getProductsBoxheight() + 'px'}\" *ngIf=\"selectedShippingProduct?.service_point_required || selectedShippingProduct?.service_point_available\">\n                                <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ParcelShop\">Parcel shop</legend>\n                                    <dx-validation-summary validationGroup=\"ServicePoint\"></dx-validation-summary>\n                                    <dx-select-box id=\"servicePointsSelectbox\" [dataSource]=\"servicePoints\" displayExpr=\"name\" [(value)]=\"selectedServicePoint\" (onSelectionChanged)=\"onServicePointSelectionChanged($event)\">\n                                        <div *dxTemplate=\"let data of 'item'\">\n                                            <div class=\"servicepoint-item\">\n                                                <div class=\"servicepoint-name\">\n                                                {{ data.name }} <span>{{data.id ? ('(' + data.id + ') ') : ':'}} {{(data.distance | meterToKilometer) | number : '1.0-1'}}</span><span> km</span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <dx-validator [adapter]=\"validationConfig_ServicePoint\" validationGroup=\"ServicePoint\">\n                                            <dxi-validation-rule type=\"required\" message=\"Parcel shop is required for this carrier product\" i18n-message=\"@@ValidationText-ParcelShop-Required\"></dxi-validation-rule>\n                                        </dx-validator>                                        \n                                    </dx-select-box>                                      \n                                    <div class=\"dx-fieldset selected-service-point\">\n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Name\">Name:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.name}} {{selectedServicePoint?.id ? ('(' + selectedServicePoint?.id + ')') : ''}}\n                                            </div>\n                                        </div>\n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Address\">Address:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.address_line}}\n                                            </div>\n                                        </div> \n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-ZipCode\">Zip code:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.zip_code}} {{selectedServicePoint?.city}}\n                                            </div>\n                                        </div>    \n                                        <!-- <div class=\"field\">\n                                            <div class=\"field-label\" i18n=\"@@FieldCaption-City\">City:</div>\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.city}}\n                                            </div>\n                                        </div>                                                                       -->\n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Country\">Country:</div> -->\n                                            <div class=\"field-value\">\n                                            {{selectedServicePoint?.country_code | countryCodeToName}}\n                                            </div>\n                                        </div>  \n                                        <div class=\"field\">\n                                            <!-- <div class=\"field-label\" i18n=\"@@FieldCaption-Distance\">Distance:</div> -->\n                                            <div class=\"field-value\">\n                                                <span *ngIf=\"selectedServicePoint?.distance\">{{(selectedServicePoint?.distance | meterToKilometer) | number : '1.0-1'}}</span><span *ngIf=\"selectedServicePoint?.distance\"> km</span>\n                                            </div>\n                                        </div>                                                                                                          \n                                    </div>                              \n                            </fieldset>\n                        </div> \n                        <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-info\">\n                            <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ShippingInfo\">Shipping information</legend>\n                            <dx-form #form_ShippingInfo id=\"form_ShippingInfo\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formShippingInfo\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n                                <dxo-col-count-by-screen [xs]=\"2\" [sm]=\"2\" [md]=\"2\" [lg]=\"2\"></dxo-col-count-by-screen>\n                                <!-- <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n                                    <dxi-item dataField=\"ShippingDate\" editorType=\"dxDateBox\">                        \n                                        <dxo-label text=\"Shipping date\" i18n-text=\"@@FieldCaption-ShippingDate\"></dxo-label>\n                                        <dxi-validation-rule type=\"required\" message=\"Shipping date is required\" i18n-text=\"@@ValidationText-ShippingDate-Required\"></dxi-validation-rule>                \n                                    </dxi-item>\n                                    <dxi-item dataField=\"Remarks\" [colSpan]=\"1\">\n                                        <dxo-label text=\"Remarks\" i18n-text=\"@@FieldCaption-Remarks\"></dxo-label> \n                                    </dxi-item>                                                                                                                     \n                                </dxi-item>  -->                                        \n                                <dxi-item [colSpan]=\"2\">\n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-select-box id=\"printerSelectbox\" [dataSource]=\"printer_store\" label=\"Printer\" i18n-label=\"@@FieldCaption-Printer\" labelMode=\"static\" displayExpr=\"PrinterName\" valueExpr=\"Id\" [(value)]=\"selectedPrinterId\">\n                                            <div *dxTemplate=\"let data of 'item'\">\n                                                <div class=\"printer-item\">\n                                                    <div class=\"printer-name\">\n                                                        {{data?.PrinterName}} {{ data?.GatewayInstallationName ? ('(' + data.GatewayInstallationName + ')') : ('') }}\n                                                    </div>\n                                                </div>\n                                            </div>                                        \n                                        </dx-select-box> \n                                    </div>\n                                </dxi-item> \n                                <dxi-item dataField=\"Reference\">\n                                    <dxo-label text=\"Reference\" i18n-text=\"@@FieldCaption-Reference\"></dxo-label> \n                                </dxi-item>\n                                <dxi-item>\n                                    <div *dxTemplate=\"let data of 'content'\">\n                                        <dx-check-box [value]=\"true\" text=\"Package list\" i18n-text=\"@@FieldCaption-PackageList\" [(value)]=\"createPackageList\"></dx-check-box>\n                                    </div>                                    \n                                </dxi-item>                                 \n                            </dx-form>                             \n                        </fieldset>\n                    </div>                                                                    \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n                        <button mat-flat-button color=\"primary\" (click)=\"onCreateShipmentClick()\" class=\"button2\" i18n=\"@@Button-CreateShipment\">Create shipment</button>                            \n                    </div>                                   \n                </div>                 \n            </mat-step>\n            <mat-step state=\"\">\n                <div fxLayout=\"column\" class=\"dialog-form-content\">\n                    <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n                        <div class=\"dialog-loading-shade\" *ngIf=\"isLoadingData\">\n                            <mat-spinner  diameter=\"50\" *ngIf=\"isLoadingData\"></mat-spinner>            \n                        </div>\n                        <div class=\"dialog-loading-spinner-text\" *ngIf=\"isLoadingData\">{{loadingText}}</div>\n                        <div class=\"dialog-complete-text\" *ngIf=\"!isLoadingData && createCompleted && !createError\">{{createCompletedText}}</div>\n                        <div class=\"dialog-error-caption\" *ngIf=\"!isLoadingData && createError\" i18n=\"@@ShipmentCreateFailed-Text\">Shipment create failed</div>\n                        <div class=\"dialog-error-text\" *ngIf=\"!isLoadingData && createError\">{{createErrorText}}</div>\n                    </div>                     \n                </div>\n                <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n                    <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">                            \n                        <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" [disabled]=\"isLoadingData || createCompleted\" i18n=\"@@Button-Back\">Back</button>\n                        <button mat-flat-button matStepperNext color=\"warn\" class=\"button2\" *ngIf=\"!isLoadingData && createError\" [disabled]=\"isLoadingData\" (click)=\"onCreateShipmentClick()\" i18n=\"@@Button-Retry\">Retry</button>\n                        <button mat-flat-button matStepperNext color=\"primary\" class=\"button2\" [disabled]=\"isLoadingData\" (click)=\"onClose()\" i18n=\"@@Button-Close\">Close</button>                            \n                    </div>                                   \n                </div>                 \n            </mat-step>                        \n        </mat-horizontal-stepper>        \n    </div>    \n  </div>\n\n  <dx-load-panel\n    #loadPanelMainContent\n    container=\"#shipment_dialog_container\"\n    [position]=\"{ of: '#shipment_dialog_container' }\"\n    [(visible)]=\"showLoadIndicator\"\n    [showIndicator]=\"true\"\n    [showPane]=\"true\"\n    [shading]=\"true\"    \n    [closeOnOutsideClick]=\"false\"></dx-load-panel>", styles: ["::ng-deep .mat-card-header{margin-left:-32px!important}.toolbar-header-text-container{display:flex}.toolbar-header-text{margin-top:5px;margin-left:8px}.toolbar-header-text-vendorname{margin-right:8px;font-size:small}.dialog-caption-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:22px;height:22px;margin-top:10px}::ng-deep .mat-horizontal-content-container{padding:0 4px 4px!important}.dialog-button-row{margin-top:38px!important}::ng-deep .mat-horizontal-stepper-header{height:auto;padding:0!important;margin:2px 0 0!important}::ng-deep .mat-horizontal-stepper-header .mat-step-label{padding:0 0 3px!important}::ng-deep .dialog-wizard-steps-container{background-color:red!important}::ng-deep .shipment-fieldset-address .dx-first-col{padding-right:3px!important;padding-bottom:6px!important}::ng-deep .shipment-fieldset-address .dx-last-col{padding-left:3px!important;padding-bottom:6px!important}.dialog-tab-input-container{height:328px!important}.dialog-form-content-address{margin-top:0!important}.shipment-fieldset-default{border:1px solid var(--default-datagrid-border-color);border-radius:7px;background-color:var(--default-groupbox-content-background);padding-top:0}.shipment-legend-default{padding:.2em .5em;color:var(--default-textcolor-dark);font-weight:600;font-size:90%}.invalid-message-Lines{color:var(--default-textcolor-error);font-size:.85em}.shipment-fieldset-address{margin-bottom:0;height:auto}.sender-selectbox{margin-bottom:1px}.shipment-fieldset-shipment-products{border:1px solid var(--default-datagrid-border-color);border-radius:7px;width:100%}.shipment-fieldset-shipment-products-withservice{width:50%}.shipment-fieldset-shipment-servicepoint{width:50%}.shipment-products-container .dx-list-item-content{font-size:12px;padding-top:0!important;padding-bottom:10px!important}.shipment-product-item-info{display:flex;font-style:italic}.shipment-product-item-price{display:flex}.shipment-product-item-price .item-value{margin-left:5px}.shipment-product-item-transit .item-caption{margin-left:20px}.shipment-product-item-transit .item-value{margin-left:5px}.shipment-fieldset-shipment-info{margin-top:5px;width:auto;height:116px;padding-top:4px}.selected-service-point .field{display:flex;font-weight:400;font-size:12px;margin-bottom:6px}.selected-service-point .field-label{color:var(--default-textcolor-field-label);width:56px}.selected-service-point .field-value{margin-left:5px}.printer-info{display:flex;margin-top:30px;width:100%}.printer-info .print-labels{margin-right:20px;width:180px;padding-left:20px;padding-top:3px}.printer-info .printer{width:100%}.carrier-info{display:flex;margin-bottom:5px;width:100%}.carrier-info .carrier{width:100%}.country-dropdown-item{border:0px!important;line-height:20px;display:flex}.country-dropdown-item-image{width:32px}.country-dropdown-item-image>img{border:rgba(192,192,192,.3) 1px solid;margin-top:1px;height:16px;width:28px}.country-dropdown-item-text{padding-left:4px}.country-edit-item{border:0px!important;display:flex}.country-edit-image{margin-left:6px}.country-edit-image>img{border:rgba(192,192,192,.3) 1px solid;margin-top:8px;height:16px;width:28px}\n"], components: [{ type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i1$2.MatCardHeader, selector: "mat-card-header" }, { type: i5$1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }, { type: i4$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7$2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "labelPosition", "disableRipple", "color"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { type: i7$2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxoColumnChooserComponent, selector: "dxo-column-chooser", inputs: ["allowSearch", "emptyPanelText", "enabled", "height", "mode", "position", "search", "searchTimeout", "selection", "sortOrder", "title", "width"] }, { type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { type: i6.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { type: i6.DxoGroupPanelComponent, selector: "dxo-group-panel", inputs: ["allowColumnDragging", "emptyPanelText", "visible"], outputs: ["visibleChange"] }, { type: i6.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { type: i6.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i7.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoSummaryComponent, selector: "dxo-summary", inputs: ["calculateCustomSummary", "groupItems", "recalculateWhileEditing", "skipEmptyValues", "texts", "totalItems"] }, { type: i6.DxiTotalItemComponent, selector: "dxi-total-item", inputs: ["alignment", "column", "cssClass", "customizeText", "displayFormat", "name", "showInColumn", "skipEmptyValues", "summaryType", "valueFormat"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxoColCountByScreenComponent, selector: "dxo-col-count-by-screen", inputs: ["lg", "md", "sm", "xs"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { type: i13.DxAutocompleteComponent, selector: "dx-autocomplete", inputs: ["accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxItemCount", "maxLength", "minSearchLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxItemCountChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { type: i6.DxoEditingComponent, selector: "dxo-editing", inputs: ["allowAdding", "allowDeleting", "allowUpdating", "changes", "confirmDelete", "editColumnName", "editRowKey", "form", "mode", "newRowPosition", "popup", "refreshMode", "selectTextOnEditStart", "startEditAction", "texts", "useIcons", "allowAddShape", "allowChangeConnection", "allowChangeConnectorPoints", "allowChangeConnectorText", "allowChangeShapeText", "allowDeleteConnector", "allowDeleteShape", "allowMoveShape", "allowResizeShape", "allowDependencyAdding", "allowDependencyDeleting", "allowResourceAdding", "allowResourceDeleting", "allowResourceUpdating", "allowTaskAdding", "allowTaskDeleting", "allowTaskResourceUpdating", "allowTaskUpdating", "enabled", "allowDragging", "allowResizing", "allowTimeZoneEditing"], outputs: ["changesChange", "editColumnNameChange", "editRowKeyChange"] }, { type: i14$1.DxDropDownButtonComponent, selector: "dx-drop-down-button", inputs: ["accessKey", "activeStateEnabled", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownContentTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "items", "itemTemplate", "keyExpr", "noDataText", "opened", "rtlEnabled", "selectedItem", "selectedItemKey", "showArrowIcon", "splitButton", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "useSelectMode", "visible", "width", "wrapItemText"], outputs: ["onButtonClick", "onContentReady", "onDisposing", "onInitialized", "onItemClick", "onOptionChanged", "onSelectionChanged", "accessKeyChange", "activeStateEnabledChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownContentTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "itemsChange", "itemTemplateChange", "keyExprChange", "noDataTextChange", "openedChange", "rtlEnabledChange", "selectedItemChange", "selectedItemKeyChange", "showArrowIconChange", "splitButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "useSelectModeChange", "visibleChange", "widthChange", "wrapItemTextChange"] }, { type: i6.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { type: i6.DxoLookupComponent, selector: "dxo-lookup", inputs: ["allowClearing", "calculateCellValue", "dataSource", "displayExpr", "valueExpr"] }, { type: i15.DxValidationSummaryComponent, selector: "dx-validation-summary", inputs: ["elementAttr", "hoverStateEnabled", "items", "itemTemplate", "validationGroup"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onOptionChanged", "elementAttrChange", "hoverStateEnabledChange", "itemsChange", "itemTemplateChange", "validationGroupChange"] }, { type: i7.DxListComponent, selector: "dx-list", inputs: ["accessKey", "activeStateEnabled", "allowItemDeleting", "bounceEnabled", "collapsibleGroups", "dataSource", "disabled", "displayExpr", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "indicateLoading", "itemDeleteMode", "itemDragging", "itemHoldTimeout", "items", "itemTemplate", "keyExpr", "menuItems", "menuMode", "nextButtonText", "noDataText", "pageLoadingText", "pageLoadMode", "pulledDownText", "pullingDownText", "pullRefreshEnabled", "refreshingText", "repaintChangesOnly", "rtlEnabled", "scrollByContent", "scrollByThumb", "scrollingEnabled", "searchEditorOptions", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "searchValue", "selectAllMode", "selectAllText", "selectByClick", "selectedItemKeys", "selectedItems", "selectionMode", "showScrollbar", "showSelectionControls", "tabIndex", "useNativeScrolling", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onGroupRendered", "onInitialized", "onItemClick", "onItemContextMenu", "onItemDeleted", "onItemDeleting", "onItemHold", "onItemRendered", "onItemReordered", "onItemSwipe", "onOptionChanged", "onPageLoading", "onPullRefresh", "onScroll", "onSelectAllValueChanged", "onSelectionChanged", "accessKeyChange", "activeStateEnabledChange", "allowItemDeletingChange", "bounceEnabledChange", "collapsibleGroupsChange", "dataSourceChange", "disabledChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "indicateLoadingChange", "itemDeleteModeChange", "itemDraggingChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "keyExprChange", "menuItemsChange", "menuModeChange", "nextButtonTextChange", "noDataTextChange", "pageLoadingTextChange", "pageLoadModeChange", "pulledDownTextChange", "pullingDownTextChange", "pullRefreshEnabledChange", "refreshingTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "scrollingEnabledChange", "searchEditorOptionsChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "searchValueChange", "selectAllModeChange", "selectAllTextChange", "selectByClickChange", "selectedItemKeysChange", "selectedItemsChange", "selectionModeChange", "showScrollbarChange", "showSelectionControlsChange", "tabIndexChange", "useNativeScrollingChange", "visibleChange", "widthChange"] }, { type: i16.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }, { type: i4$3.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i7.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }], directives: [{ type: MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }, { type: i9$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i5$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i5$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7$2.MatStepperPrevious, selector: "button[matStepperPrevious]", inputs: ["type"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i9$2.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i7$2.MatStepperNext, selector: "button[matStepperNext]", inputs: ["type"] }], pipes: { "number": i4$2.DecimalPipe, "meterToKilometer": i2$1.MeterToKilometerPipe, "countryCodeToName": i2$1.CountryCodeToNamePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PickinglistAddNewShipment, decorators: [{
             type: Component,
             args: [{
@@ -6042,7 +6042,7 @@ class DimensionGroupBoxComponent {
     }
 }
 DimensionGroupBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DimensionGroupBoxComponent, deps: [{ token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-DimensionGroupBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DimensionGroupBoxComponent, selector: "mobicloud-dimension-group-box", inputs: { domainObject: "domainObject", entityGroup: "entityGroup", dimensionType: "dimensionType", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<mobicloud-group-box [title]=\"caption\" [width]=\"width\" [contentheight]=[contentheight] class=\"dimensionTypeForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\" *ngIf=\"domainObject && entityGroup && dimensionType?.EntityType\">\n\n    <ng-container *ngIf=\"entityGroup.fields?.length > 0\">\n\n            <dx-form #form id=\"form\"\n            [formData]=\"formEntity\"\n            [readOnly]=\"!inEditMode\"\n            [showColonAfterLabel]=\"true\"\n            labelLocation=\"top\"\n            [showValidationSummary]=\"false\" \n            [showRequiredMark] = \"false\"\n            validationGroup=\"formDimensionFields_General\">\n    \n                <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" *ngIf=\"formEntity\">\n                    <ng-container *ngFor=\"let fieldInfo of entityGroup.fields\">\n                        <dxi-item [dataField]=\"fieldInfo.fieldType.Name\" [colSpan]=\"2\" *ngIf=\"fieldInfo.fieldType.TypeName != 'System.Guid'\" [editorType]=\"formEntity_state[fieldInfo.fieldType.Name + '_editortype']\">\n                            <dxo-label [text]=\"fieldInfo.fieldType.Caption\"></dxo-label>\n                        </dxi-item> \n\n                        <dxi-item [dataField]=\"fieldInfo.fieldType.Name\" [colSpan]=\"2\" editorType=\"dxLookup\"  *ngIf=\"fieldInfo.fieldType.TypeName == 'System.Guid'\"\n                            [editorOptions]=\"{ itemTemplate: fieldInfo.fieldType.Name +'_itemTemplate', fieldTemplate: fieldInfo.fieldType.Name + '_fieldTemplate', dataSource: formEntity_state[fieldInfo.fieldType.Name + '_ds'], valueExpr: 'Id', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                            <dxo-label [text]=\"fieldInfo.fieldType.Caption\"></dxo-label>\n                        </dxi-item>\n                    </ng-container>\n                </dxi-item>\n            \n                <ng-container *ngFor=\"let fieldInfo of entityGroup.fields\">          \n                    <div *dxTemplate=\"let item of (fieldInfo.fieldType.Name + '_itemTemplate')\">\n                        {{itemtemplete_value(fieldInfo, item)}} \n                    </div>        \n                    <div *dxTemplate=\"let item of (fieldInfo.fieldType.Name + '_fieldTemplate')\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n                        {{fieldtemplete_value(fieldInfo, item)}}  \n                    </div>  \n                </ng-container>               \n            </dx-form>            \n\n\n    </ng-container>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+DimensionGroupBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DimensionGroupBoxComponent, selector: "mobicloud-dimension-group-box", inputs: { domainObject: "domainObject", entityGroup: "entityGroup", dimensionType: "dimensionType", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<mobicloud-group-box [title]=\"caption\" [width]=\"width\" [contentheight]=[contentheight] class=\"dimensionTypeForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\" *ngIf=\"domainObject && entityGroup && dimensionType?.EntityType\">\n\n    <ng-container *ngIf=\"entityGroup.fields?.length > 0\">\n\n            <dx-form #form id=\"form\"\n            [formData]=\"formEntity\"\n            [readOnly]=\"!inEditMode\"\n            [showColonAfterLabel]=\"true\"\n            labelLocation=\"top\"\n            [showValidationSummary]=\"false\" \n            [showRequiredMark] = \"false\"\n            validationGroup=\"formDimensionFields_General\">\n    \n                <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" *ngIf=\"formEntity\">\n                    <ng-container *ngFor=\"let fieldInfo of entityGroup.fields\">\n                        <dxi-item [dataField]=\"fieldInfo.fieldType.Name\" [colSpan]=\"2\" *ngIf=\"fieldInfo.fieldType.TypeName != 'System.Guid'\" [editorType]=\"formEntity_state[fieldInfo.fieldType.Name + '_editortype']\">\n                            <dxo-label [text]=\"fieldInfo.fieldType.Caption\"></dxo-label>\n                        </dxi-item> \n\n                        <dxi-item [dataField]=\"fieldInfo.fieldType.Name\" [colSpan]=\"2\" editorType=\"dxLookup\"  *ngIf=\"fieldInfo.fieldType.TypeName == 'System.Guid'\"\n                            [editorOptions]=\"{ itemTemplate: fieldInfo.fieldType.Name +'_itemTemplate', fieldTemplate: fieldInfo.fieldType.Name + '_fieldTemplate', dataSource: formEntity_state[fieldInfo.fieldType.Name + '_ds'], valueExpr: 'Id', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                            <dxo-label [text]=\"fieldInfo.fieldType.Caption\"></dxo-label>\n                        </dxi-item>\n                    </ng-container>\n                </dxi-item>\n            \n                <ng-container *ngFor=\"let fieldInfo of entityGroup.fields\">          \n                    <div *dxTemplate=\"let item of (fieldInfo.fieldType.Name + '_itemTemplate')\">\n                        {{itemtemplete_value(fieldInfo, item)}} \n                    </div>        \n                    <div *dxTemplate=\"let item of (fieldInfo.fieldType.Name + '_fieldTemplate')\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n                        {{fieldtemplete_value(fieldInfo, item)}}  \n                    </div>  \n                </ng-container>               \n            </dx-form>            \n\n\n    </ng-container>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DimensionGroupBoxComponent, decorators: [{
             type: Component,
             args: [{
@@ -6329,7 +6329,7 @@ class ProjectDescriptionComponent {
     }
 }
 ProjectDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectDescriptionComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ProjectDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectDescriptionComponent, selector: "mobicloud-project-description", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Note\" i18n-title=\"@@CaptionHeader-Note\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectDescriptionForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Description\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"1\">\n            <!-- <dxi-item dataField=\"Description\" editorType=\"dxTextArea\" [editorOptions]=\"{ height: 216, autoResizeEnabled: true }\"> -->\n            <dxi-item dataField=\"Description\" editorType=\"dxTextArea\" [editorOptions]=\"{ height: 96, autoResizeEnabled: true }\">\n                <dxo-label text=\"Note\" i18n-text=\"@@CaptionHeader-Note\" [visible]=\"false\"></dxo-label>\n              </dxi-item> \n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
+ProjectDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectDescriptionComponent, selector: "mobicloud-project-description", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Note\" i18n-title=\"@@CaptionHeader-Note\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectDescriptionForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Description\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"1\">\n            <!-- <dxi-item dataField=\"Description\" editorType=\"dxTextArea\" [editorOptions]=\"{ height: 216, autoResizeEnabled: true }\"> -->\n            <dxi-item dataField=\"Description\" editorType=\"dxTextArea\" [editorOptions]=\"{ height: 96, autoResizeEnabled: true }\">\n                <dxo-label text=\"Note\" i18n-text=\"@@CaptionHeader-Note\" [visible]=\"false\"></dxo-label>\n              </dxi-item> \n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectDescriptionComponent, decorators: [{
             type: Component,
             args: [{
@@ -6512,7 +6512,7 @@ class ProjectFinanceComponent {
     }
 }
 ProjectFinanceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectFinanceComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ProjectFinanceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectFinanceComponent, selector: "mobicloud-project-finance", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Finance\" i18n-title=\"@@CaptionHeader-Finance\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectFinanceForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Finance\">\n\n        <dxi-item itemType=\"group\" caption=\"\">\n\n\n            <dxi-item dataField=\"FinancialType\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: financialtype_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Financial type\" i18n-text=\"@@FieldCaption-FinancialType\"></dxo-label>\n            </dxi-item>     \n                        \n            <dxi-item dataField=\"FinancialStatus\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: financialstatus_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Financial status\" i18n-text=\"@@FieldCaption-FinancialStatus\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"CustomerId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'customer_itemTemplate', fieldTemplate: 'customer_fieldTemplate', dataSource: customer_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['AccountNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Customer\" i18n-text=\"@@FieldCaption-Customer\"></dxo-label> \n            </dxi-item>\n\n        </dxi-item>\n\n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'customer_itemTemplate'\">\n            {{ item?.Name }} ({{ item?.AccountNumber }})\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'customer_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} ({{ fieldData?.AccountNumber }})            \n        </div> \n\n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+ProjectFinanceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectFinanceComponent, selector: "mobicloud-project-finance", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Finance\" i18n-title=\"@@CaptionHeader-Finance\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectFinanceForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Finance\">\n\n        <dxi-item itemType=\"group\" caption=\"\">\n\n\n            <dxi-item dataField=\"FinancialType\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: financialtype_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Financial type\" i18n-text=\"@@FieldCaption-FinancialType\"></dxo-label>\n            </dxi-item>     \n                        \n            <dxi-item dataField=\"FinancialStatus\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: financialstatus_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Financial status\" i18n-text=\"@@FieldCaption-FinancialStatus\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"CustomerId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'customer_itemTemplate', fieldTemplate: 'customer_fieldTemplate', dataSource: customer_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['AccountNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Customer\" i18n-text=\"@@FieldCaption-Customer\"></dxo-label> \n            </dxi-item>\n\n        </dxi-item>\n\n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'customer_itemTemplate'\">\n            {{ item?.Name }} ({{ item?.AccountNumber }})\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'customer_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} ({{ fieldData?.AccountNumber }})            \n        </div> \n\n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectFinanceComponent, decorators: [{
             type: Component,
             args: [{
@@ -6759,7 +6759,7 @@ class ProjectGeneralComponent {
     }
 }
 ProjectGeneralComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectGeneralComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ProjectGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectGeneralComponent, selector: "mobicloud-project-general", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"General\" i18n-title=\"@@CaptionHeader-General\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectGeneralForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        \n        validationGroup=\"formProjectData_General\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"ProjectId\">\n                <dxo-label text=\"Project id\"  i18n-text=\"@@FieldCaption-ProjectId\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Project id is required\" i18n-message=\"@@ValidationText-ProjectId-Required\"></dxi-validation-rule>\n            </dxi-item> \n            \n            <dxi-item dataField=\"Status\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'value', displayExpr: 'text' }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>   \n\n            <dxi-item dataField=\"Name\">\n                <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-message=\"@@ValidationText-Name-Required\"></dxi-validation-rule>\n            </dxi-item>\n            <dxi-item dataField=\"ProjectType\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: projecttype_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Project type\" i18n-text=\"@@FieldCaption-ProjectType\"></dxo-label>\n            </dxi-item>  \n\n\n            <dxi-item dataField=\"TaskTypeId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'tasktype_itemTemplate', fieldTemplate: 'tasktype_fieldTemplate', dataSource: tasktype_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['TaskTypeId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Task type\" i18n-text=\"@@FieldCaption-TaskType\"></dxo-label>\n            </dxi-item> \n\n\n\n            <dxi-item dataField=\"ResponsibleId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: responsible_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Responsible\" i18n-text=\"@@FieldCaption-Responsible\"></dxo-label>\n            </dxi-item>            \n            \n            <dxi-item dataField=\"SalesResponsibleId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: salesResponsible_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Responsible (Sales)\" i18n-text=\"@@FieldCaption-SalesResponsible\"></dxo-label>  \n            </dxi-item>   \n\n            <dxi-item dataField=\"ImplementationResponsibleId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: implementationResponsible_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Responsible (Implementation)\" i18n-text=\"@@FieldCaption-ImplementationResponsible\"></dxo-label>  \n            </dxi-item>\n                                                            \n            <dxi-item dataField=\"Planable\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Planable\" i18n-text=\"@@FieldCaption-Planable\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"IsHeaderProject\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Header project\" i18n-text=\"@@FieldCaption-HeaderProject\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"RequireSignature\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Require signature\" i18n-text=\"@@FieldCaption-RequireSignature\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ExternalId\">\n                <dxo-label text=\"External id\" i18n-text=\"@@FieldCaption-ExternalId\"></dxo-label>\n            </dxi-item>\n        </dxi-item>\n        \n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>   \n        \n        <div *dxTemplate=\"let item of 'tasktype_itemTemplate'\">\n            {{item?.Name}}\n        </div>        \n        <div *dxTemplate=\"let item of 'tasktype_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}}\n        </div>\n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+ProjectGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectGeneralComponent, selector: "mobicloud-project-general", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"General\" i18n-title=\"@@CaptionHeader-General\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectGeneralForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        \n        validationGroup=\"formProjectData_General\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"ProjectId\">\n                <dxo-label text=\"Project id\"  i18n-text=\"@@FieldCaption-ProjectId\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Project id is required\" i18n-message=\"@@ValidationText-ProjectId-Required\"></dxi-validation-rule>\n            </dxi-item> \n            \n            <dxi-item dataField=\"Status\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'value', displayExpr: 'text' }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>   \n\n            <dxi-item dataField=\"Name\">\n                <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-message=\"@@ValidationText-Name-Required\"></dxi-validation-rule>\n            </dxi-item>\n            <dxi-item dataField=\"ProjectType\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: projecttype_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Project type\" i18n-text=\"@@FieldCaption-ProjectType\"></dxo-label>\n            </dxi-item>  \n\n\n            <dxi-item dataField=\"TaskTypeId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'tasktype_itemTemplate', fieldTemplate: 'tasktype_fieldTemplate', dataSource: tasktype_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['TaskTypeId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Task type\" i18n-text=\"@@FieldCaption-TaskType\"></dxo-label>\n            </dxi-item> \n\n\n\n            <dxi-item dataField=\"ResponsibleId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: responsible_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Responsible\" i18n-text=\"@@FieldCaption-Responsible\"></dxo-label>\n            </dxi-item>            \n            \n            <dxi-item dataField=\"SalesResponsibleId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: salesResponsible_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Responsible (Sales)\" i18n-text=\"@@FieldCaption-SalesResponsible\"></dxo-label>  \n            </dxi-item>   \n\n            <dxi-item dataField=\"ImplementationResponsibleId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: implementationResponsible_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Responsible (Implementation)\" i18n-text=\"@@FieldCaption-ImplementationResponsible\"></dxo-label>  \n            </dxi-item>\n                                                            \n            <dxi-item dataField=\"Planable\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Planable\" i18n-text=\"@@FieldCaption-Planable\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"IsHeaderProject\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Header project\" i18n-text=\"@@FieldCaption-HeaderProject\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"RequireSignature\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Require signature\" i18n-text=\"@@FieldCaption-RequireSignature\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ExternalId\">\n                <dxo-label text=\"External id\" i18n-text=\"@@FieldCaption-ExternalId\"></dxo-label>\n            </dxi-item>\n        </dxi-item>\n        \n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n        </div>   \n        \n        <div *dxTemplate=\"let item of 'tasktype_itemTemplate'\">\n            {{item?.Name}}\n        </div>        \n        <div *dxTemplate=\"let item of 'tasktype_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}}\n        </div>\n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectGeneralComponent, decorators: [{
             type: Component,
             args: [{
@@ -6966,7 +6966,7 @@ class ProjectLocationComponent {
     }
 }
 ProjectLocationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectLocationComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ProjectLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectLocationComponent, selector: "mobicloud-project-location", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Location\" i18n-title=\"@@CaptionHeader-Location\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectLocationForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Location\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Location.Street\" [colSpan]=\"2\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.ZipCode\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.City\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Location.Country\" [colSpan]=\"2\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\" src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item>\n            <dxi-item dataField=\"Location.ContactPerson\">\n                <dxo-label text=\"Contact person\" i18n-text=\"@@FieldCaption-ContactPerson\"></dxo-label>\n            </dxi-item>  \n            <dxi-item dataField=\"Location.Phone\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item>             \n \n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ProjectLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectLocationComponent, selector: "mobicloud-project-location", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Location\" i18n-title=\"@@CaptionHeader-Location\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectLocationForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Location\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Location.Street\" [colSpan]=\"2\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.ZipCode\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.City\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Location.Country\" [colSpan]=\"2\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\" src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item>\n            <dxi-item dataField=\"Location.ContactPerson\">\n                <dxo-label text=\"Contact person\" i18n-text=\"@@FieldCaption-ContactPerson\"></dxo-label>\n            </dxi-item>  \n            <dxi-item dataField=\"Location.Phone\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item>             \n \n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectLocationComponent, decorators: [{
             type: Component,
             args: [{
@@ -7110,7 +7110,7 @@ class ProjectTimeComponent {
     }
 }
 ProjectTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectTimeComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ProjectTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectTimeComponent, selector: "mobicloud-project-time", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Time\" i18n-title=\"@@CaptionHeader-Time\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectTimeForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Time\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"StartDate\"editorType=\"dxDateBox\" [editorOptions]=\"{type: 'date', showClearButton:true}\">\n                <dxo-label text=\"From\" i18n-text=\"@@FieldCaption-From\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"EndDate\"editorType=\"dxDateBox\" [editorOptions]=\"{type: 'date', showClearButton:true}\">\n                <dxo-label text=\"To\" i18n-text=\"@@FieldCaption-To\"></dxo-label>\n            </dxi-item>\n\n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
+ProjectTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectTimeComponent, selector: "mobicloud-project-time", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Time\" i18n-title=\"@@CaptionHeader-Time\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectTimeForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_Time\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"StartDate\"editorType=\"dxDateBox\" [editorOptions]=\"{type: 'date', showClearButton:true}\">\n                <dxo-label text=\"From\" i18n-text=\"@@FieldCaption-From\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"EndDate\"editorType=\"dxDateBox\" [editorOptions]=\"{type: 'date', showClearButton:true}\">\n                <dxo-label text=\"To\" i18n-text=\"@@FieldCaption-To\"></dxo-label>\n            </dxi-item>\n\n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectTimeComponent, decorators: [{
             type: Component,
             args: [{
@@ -7285,7 +7285,7 @@ class ProjectVariantConfigComponent {
     }
 }
 ProjectVariantConfigComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectVariantConfigComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ProjectVariantConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectVariantConfigComponent, selector: "mobicloud-project-variant-config", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Config\" i18n-title=\"@@CaptionHeader-VariantConfig\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectVariantConfigForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_VariantConfig\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" cssClass=\"group_caption\">\n            <dxi-item dataField=\"SchemaTypeId\" #schemaType [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'schemaType_itemTemplate', fieldTemplate: 'schemaType_fieldTemplate', dataSource: schemaType_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Schema type\" location=\"top\" i18n-text=\"@@FieldCaption-SchemaType\"></dxo-label> \n            </dxi-item>  \n                        \n            <dxi-item dataField=\"VariantConfig1_Enabled\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Variant 1\" location=\"top\" i18n-text=\"@@FieldCaption-Variant1_Enabled\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"VariantConfig2_Enabled\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Variant 2\" location=\"top\" i18n-text=\"@@FieldCaption-Variant2_Enabled\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"VariantConfig3_Enabled\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Variant 3\" location=\"top\" i18n-text=\"@@FieldCaption-Variant3_Enabled\"></dxo-label>\n            </dxi-item> \n            <dxi-item itemType=\"empty\"></dxi-item>\n          \n        </dxi-item>\n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'schemaType_itemTemplate'\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'schemaType_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>         \n    </dx-form>\n\n</mobicloud-group-box>", styles: ["::ng-deep .group_caption{margin-top:12px;padding-left:16px!important;padding-right:16px!important}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+ProjectVariantConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProjectVariantConfigComponent, selector: "mobicloud-project-variant-config", inputs: { project: "project", project_expands: "project_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { projectChanged: "projectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Config\" i18n-title=\"@@CaptionHeader-VariantConfig\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"projectVariantConfigForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formProject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formProjectData_VariantConfig\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" cssClass=\"group_caption\">\n            <dxi-item dataField=\"SchemaTypeId\" #schemaType [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'schemaType_itemTemplate', fieldTemplate: 'schemaType_fieldTemplate', dataSource: schemaType_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Schema type\" location=\"top\" i18n-text=\"@@FieldCaption-SchemaType\"></dxo-label> \n            </dxi-item>  \n                        \n            <dxi-item dataField=\"VariantConfig1_Enabled\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Variant 1\" location=\"top\" i18n-text=\"@@FieldCaption-Variant1_Enabled\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"VariantConfig2_Enabled\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Variant 2\" location=\"top\" i18n-text=\"@@FieldCaption-Variant2_Enabled\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"VariantConfig3_Enabled\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', placeholder: '' }\">\n                <dxo-label text=\"Variant 3\" location=\"top\" i18n-text=\"@@FieldCaption-Variant3_Enabled\"></dxo-label>\n            </dxi-item> \n            <dxi-item itemType=\"empty\"></dxi-item>\n          \n        </dxi-item>\n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'schemaType_itemTemplate'\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'schemaType_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>         \n    </dx-form>\n\n</mobicloud-group-box>", styles: ["::ng-deep .group_caption{margin-top:12px;padding-left:16px!important;padding-right:16px!important}\n"], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProjectVariantConfigComponent, decorators: [{
             type: Component,
             args: [{
@@ -7469,7 +7469,7 @@ class ServiceObjectGeneralComponent {
     }
 }
 ServiceObjectGeneralComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectGeneralComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ServiceObjectGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectGeneralComponent, selector: "mobicloud-service-object-general", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"General\" i18n-title=\"@@CaptionHeader-General\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectGeneralForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_General\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"ServiceObjectId\">\n                <dxo-label text=\"Service Object id\"  i18n-text=\"@@FieldCaption-ServiceObjectId\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Service Object id is required\" i18n-message=\"@@ValidationText-ServiceObjectId-Required\"></dxi-validation-rule>\n            </dxi-item> \n            <dxi-item dataField=\"Name\" [colSpan]=\"2\">\n                <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-message=\"@@ValidationText-Name-Required\"></dxi-validation-rule>\n            </dxi-item>\n\n            <dxi-item dataField=\"Serialnumber\">\n                <dxo-label text=\"Serialnumber\" i18n-text=\"@@FieldCaption-Serialnumber\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"OrderReference\">\n                <dxo-label text=\"Order ref.\" i18n-text=\"@@FieldCaption-OrderReference\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ExternalId\" [colSpan]=\"2\">\n                <dxo-label text=\"External id\" i18n-text=\"@@FieldCaption-ExternalId\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"CustomerId\" #customer [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'customer_itemTemplate', fieldTemplate: 'customer_fieldTemplate', dataSource: customer_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['AccountNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Customer\" i18n-text=\"@@FieldCaption-Customer\"></dxo-label> \n            </dxi-item>\n\n            <dxi-item dataField=\"BeaconId\" #customer [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'beacon_itemTemplate', fieldTemplate: 'beacon_fieldTemplate', dataSource: beacon_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['BeaconId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Beacon\" i18n-text=\"@@FieldCaption-Beacon\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"InitialDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Initial date\" i18n-text=\"@@FieldCaption-InitialDate\"></dxo-label>\n            </dxi-item>            \n            <dxi-item dataField=\"ExpireDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Expire date\" i18n-text=\"@@FieldCaption-ExpireDate\"></dxo-label>\n            </dxi-item>  \n\n        </dxi-item>\n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'customer_itemTemplate'\">\n            {{ item?.Name }} ({{ item?.AccountNumber }})\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'customer_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} ({{ fieldData?.AccountNumber }})\n        </div>  \n        \n        <div *dxTemplate=\"let item of 'beacon_itemTemplate'\">\n            {{ item?.Name }} ({{ item?.BeaconId }})\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'beacon_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} ({{ fieldData?.BeaconId }})\n        </div>         \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+ServiceObjectGeneralComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectGeneralComponent, selector: "mobicloud-service-object-general", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"General\" i18n-title=\"@@CaptionHeader-General\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectGeneralForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_General\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"ServiceObjectId\">\n                <dxo-label text=\"Service Object id\"  i18n-text=\"@@FieldCaption-ServiceObjectId\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Service Object id is required\" i18n-message=\"@@ValidationText-ServiceObjectId-Required\"></dxi-validation-rule>\n            </dxi-item> \n            <dxi-item dataField=\"Name\" [colSpan]=\"2\">\n                <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-message=\"@@ValidationText-Name-Required\"></dxi-validation-rule>\n            </dxi-item>\n\n            <dxi-item dataField=\"Serialnumber\">\n                <dxo-label text=\"Serialnumber\" i18n-text=\"@@FieldCaption-Serialnumber\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"OrderReference\">\n                <dxo-label text=\"Order ref.\" i18n-text=\"@@FieldCaption-OrderReference\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"ExternalId\" [colSpan]=\"2\">\n                <dxo-label text=\"External id\" i18n-text=\"@@FieldCaption-ExternalId\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"CustomerId\" #customer [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'customer_itemTemplate', fieldTemplate: 'customer_fieldTemplate', dataSource: customer_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['AccountNumber','Name'], showClearButton: true }\">\n                <dxo-label text=\"Customer\" i18n-text=\"@@FieldCaption-Customer\"></dxo-label> \n            </dxi-item>\n\n            <dxi-item dataField=\"BeaconId\" #customer [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'beacon_itemTemplate', fieldTemplate: 'beacon_fieldTemplate', dataSource: beacon_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['BeaconId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Beacon\" i18n-text=\"@@FieldCaption-Beacon\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"InitialDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Initial date\" i18n-text=\"@@FieldCaption-InitialDate\"></dxo-label>\n            </dxi-item>            \n            <dxi-item dataField=\"ExpireDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Expire date\" i18n-text=\"@@FieldCaption-ExpireDate\"></dxo-label>\n            </dxi-item>  \n\n        </dxi-item>\n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'customer_itemTemplate'\">\n            {{ item?.Name }} ({{ item?.AccountNumber }})\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'customer_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} ({{ fieldData?.AccountNumber }})\n        </div>  \n        \n        <div *dxTemplate=\"let item of 'beacon_itemTemplate'\">\n            {{ item?.Name }} ({{ item?.BeaconId }})\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'beacon_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}} ({{ fieldData?.BeaconId }})\n        </div>         \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectGeneralComponent, decorators: [{
             type: Component,
             args: [{
@@ -7617,7 +7617,7 @@ class ServiceObjectModelComponent {
     }
 }
 ServiceObjectModelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectModelComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ServiceObjectModelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectModelComponent, selector: "mobicloud-service-object-model", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Service\" i18n-title=\"@@CaptionHeader-Service\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectServiceForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Service\">\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Type\">\n                <dxo-label text=\"Type\" i18n-text=\"@@FieldCaption-Type\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Category\">\n                <dxo-label text=\"Category\" i18n-text=\"@@FieldCaption-Category\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Brand\">\n                <dxo-label text=\"Brand\" i18n-text=\"@@FieldCaption-Brand\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Model\">\n                <dxo-label text=\"Model\" i18n-text=\"@@FieldCaption-Model\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"ModelYear\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Model (Year)\" i18n-text=\"@@FieldCaption-ModelYear\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Version\">\n                <dxo-label text=\"Version\" i18n-text=\"@@FieldCaption-Version\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Weight\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Weight\" i18n-text=\"@@FieldCaption-Weight\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Height\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Height\" i18n-text=\"@@FieldCaption-Height\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Depth\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Depth\" i18n-text=\"@@FieldCaption-Depth\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Length\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Length\" i18n-text=\"@@FieldCaption-Length\"></dxo-label>                \n            </dxi-item> \n        \n        </dxi-item>\n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
+ServiceObjectModelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectModelComponent, selector: "mobicloud-service-object-model", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Service\" i18n-title=\"@@CaptionHeader-Service\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectServiceForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Service\">\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Type\">\n                <dxo-label text=\"Type\" i18n-text=\"@@FieldCaption-Type\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Category\">\n                <dxo-label text=\"Category\" i18n-text=\"@@FieldCaption-Category\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Brand\">\n                <dxo-label text=\"Brand\" i18n-text=\"@@FieldCaption-Brand\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Model\">\n                <dxo-label text=\"Model\" i18n-text=\"@@FieldCaption-Model\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"ModelYear\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Model (Year)\" i18n-text=\"@@FieldCaption-ModelYear\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Version\">\n                <dxo-label text=\"Version\" i18n-text=\"@@FieldCaption-Version\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Weight\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Weight\" i18n-text=\"@@FieldCaption-Weight\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Height\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Height\" i18n-text=\"@@FieldCaption-Height\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Depth\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Depth\" i18n-text=\"@@FieldCaption-Depth\"></dxo-label>                \n            </dxi-item> \n\n            <dxi-item dataField=\"Length\" editorType=\"dxNumberBox\">\n                <dxo-label text=\"Length\" i18n-text=\"@@FieldCaption-Length\"></dxo-label>                \n            </dxi-item> \n        \n        </dxi-item>\n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectModelComponent, decorators: [{
             type: Component,
             args: [{
@@ -7883,7 +7883,7 @@ class ServiceObjectInventoryComponent {
     }
 }
 ServiceObjectInventoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectInventoryComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ServiceObjectInventoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectInventoryComponent, selector: "mobicloud-service-object-inventory", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Inventory\" i18n-title=\"@@CaptionHeader-Inventory\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectInventoryForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Inventory\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"1\">\n\n            <dxi-item dataField=\"InventLocationId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Invent location\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label> \n            </dxi-item>                                 \n           \n            <dxi-item dataField=\"WMSLocationId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'wmsLocation_itemTemplate', fieldTemplate: 'wmsLocation_fieldTemplate', dataSource: wmsLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['WMSLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"WMS location\" i18n-text=\"@@FieldCaption-WMSLocation\"></dxo-label> \n            </dxi-item>             \n                     \n            <dxi-item dataField=\"AssetId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'asset_itemTemplate', fieldTemplate: 'asset_fieldTemplate', dataSource:asset_ds, valueExpr: 'Id', displayExpr: 'AssetId', searchEnabled: true, searchExpr: ['AssetId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Asset\" i18n-text=\"@@FieldCaption-Asset\"></dxo-label> \n            </dxi-item>               \n        </dxi-item>      \n\n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div> \n        \n        <div *dxTemplate=\"let item of 'wmsLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.WMSLocationId ? ('(' + item.WMSLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'wmsLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.WMSLocationId ? ('(' + item.WMSLocationId + ')') : ('') }}\n        </div> \n\n        <div *dxTemplate=\"let item of 'asset_itemTemplate'\">\n            {{item?.Name}} {{ item?.AssetId ? ('(' + item.AssetId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'asset_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.AssetId ? ('(' + item.AssetId + ')') : ('') }}\n        </div>        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+ServiceObjectInventoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectInventoryComponent, selector: "mobicloud-service-object-inventory", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Inventory\" i18n-title=\"@@CaptionHeader-Inventory\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectInventoryForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Inventory\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"1\">\n\n            <dxi-item dataField=\"InventLocationId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Invent location\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label> \n            </dxi-item>                                 \n           \n            <dxi-item dataField=\"WMSLocationId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'wmsLocation_itemTemplate', fieldTemplate: 'wmsLocation_fieldTemplate', dataSource: wmsLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['WMSLocationId','Name'], showClearButton: true }\">\n                <dxo-label text=\"WMS location\" i18n-text=\"@@FieldCaption-WMSLocation\"></dxo-label> \n            </dxi-item>             \n                     \n            <dxi-item dataField=\"AssetId\" [colSpan]=\"2\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'asset_itemTemplate', fieldTemplate: 'asset_fieldTemplate', dataSource:asset_ds, valueExpr: 'Id', displayExpr: 'AssetId', searchEnabled: true, searchExpr: ['AssetId','Name'], showClearButton: true }\">\n                <dxo-label text=\"Asset\" i18n-text=\"@@FieldCaption-Asset\"></dxo-label> \n            </dxi-item>               \n        </dxi-item>      \n\n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n        </div> \n        \n        <div *dxTemplate=\"let item of 'wmsLocation_itemTemplate'\">\n            {{item?.Name}} {{ item?.WMSLocationId ? ('(' + item.WMSLocationId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'wmsLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.WMSLocationId ? ('(' + item.WMSLocationId + ')') : ('') }}\n        </div> \n\n        <div *dxTemplate=\"let item of 'asset_itemTemplate'\">\n            {{item?.Name}} {{ item?.AssetId ? ('(' + item.AssetId + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'asset_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.Name}} {{ item?.AssetId ? ('(' + item.AssetId + ')') : ('') }}\n        </div>        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectInventoryComponent, decorators: [{
             type: Component,
             args: [{
@@ -8088,7 +8088,7 @@ class ServiceObjectLocationComponent {
     }
 }
 ServiceObjectLocationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectLocationComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ServiceObjectLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectLocationComponent, selector: "mobicloud-service-object-location", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Location\" i18n-title=\"@@CaptionHeader-Location\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectLocationForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Location\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Location.Street\" [colSpan]=\"2\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.ZipCode\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.City\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Location.Country\" [colSpan]=\"2\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item>\n\n\n                     \n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ServiceObjectLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectLocationComponent, selector: "mobicloud-service-object-location", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "datagrids", predicate: DxDataGridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Location\" i18n-title=\"@@CaptionHeader-Location\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectLocationForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Location\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Location.Street\" [colSpan]=\"2\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.ZipCode\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Location.City\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"Location.Country\" [colSpan]=\"2\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item>\n\n\n                     \n        </dxi-item>\n        \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { type: i7.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { type: i6.DxoDropDownOptionsComponent, selector: "dxo-drop-down-options", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr", "hideEvent", "showEvent", "target"], outputs: ["heightChange", "positionChange", "visibleChange", "widthChange"] }, { type: i8$1.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectLocationComponent, decorators: [{
             type: Component,
             args: [{
@@ -8262,7 +8262,7 @@ class ServiceObjectServiceComponent {
     }
 }
 ServiceObjectServiceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectServiceComponent, deps: [{ token: i1$1.MobicloudCoreService }, { token: i2$1.MobiCloudDataService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-ServiceObjectServiceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectServiceComponent, selector: "mobicloud-service-object-service", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Service\" i18n-title=\"@@CaptionHeader-Service\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectServiceForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Service\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"LastServiceDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Last service date\" i18n-text=\"@@FieldCaption-LastServiceDate\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"NextServiceDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Next service date\" i18n-text=\"@@FieldCaption-NextServiceDate\"></dxo-label>\n            </dxi-item>\n            \n            \n            <dxi-item dataField=\"Placement\" [colSpan]=\"2\">\n                <dxo-label text=\"Placement\" i18n-text=\"@@FieldCaption-Placement\"></dxo-label>\n            </dxi-item>            \n        </dxi-item>\n\n        <dxi-item dataField=\"SchemaTypeId\" #schemaType [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'schemaType_itemTemplate', fieldTemplate: 'schemaType_fieldTemplate', dataSource: schemaType_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n            <dxo-label text=\"Schema type\" location=\"top\" i18n-text=\"@@FieldCaption-SchemaType\"></dxo-label> \n        </dxi-item>   \n        \n        <dxi-item dataField=\"DigitalId\">\n            <dxo-label text=\"Digital id\" i18n-text=\"@@FieldCaption-DigitalId\"></dxo-label>                \n        </dxi-item> \n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'schemaType_itemTemplate'\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'schemaType_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>         \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+ServiceObjectServiceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServiceObjectServiceComponent, selector: "mobicloud-service-object-service", inputs: { serviceObject: "serviceObject", serviceObject_expands: "serviceObject_expands", editAllowed: "editAllowed", inEditMode: "inEditMode", width: "width", contentheight: "contentheight", isLoadingData: "isLoadingData", loadingText: "loadingText", hasErrors: "hasErrors", errorText: "errorText" }, outputs: { serviceObjectChanged: "serviceObjectChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mobicloud-group-box title=\"Service\" i18n-title=\"@@CaptionHeader-Service\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"serviceObjectServiceForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formserviceObject\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formServiceObjectData_Service\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"LastServiceDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Last service date\" i18n-text=\"@@FieldCaption-LastServiceDate\"></dxo-label>\n            </dxi-item>\n\n            <dxi-item dataField=\"NextServiceDate\" editorType=\"dxDateBox\">\n                <dxo-label text=\"Next service date\" i18n-text=\"@@FieldCaption-NextServiceDate\"></dxo-label>\n            </dxi-item>\n            \n            \n            <dxi-item dataField=\"Placement\" [colSpan]=\"2\">\n                <dxo-label text=\"Placement\" i18n-text=\"@@FieldCaption-Placement\"></dxo-label>\n            </dxi-item>            \n        </dxi-item>\n\n        <dxi-item dataField=\"SchemaTypeId\" #schemaType [colSpan]=\"2\" editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'schemaType_itemTemplate', fieldTemplate: 'schemaType_fieldTemplate', dataSource: schemaType_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n            <dxo-label text=\"Schema type\" location=\"top\" i18n-text=\"@@FieldCaption-SchemaType\"></dxo-label> \n        </dxi-item>   \n        \n        <dxi-item dataField=\"DigitalId\">\n            <dxo-label text=\"Digital id\" i18n-text=\"@@FieldCaption-DigitalId\"></dxo-label>                \n        </dxi-item> \n        \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'schemaType_itemTemplate'\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>        \n        <div *dxTemplate=\"let item of 'schemaType_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{item?.EntityType}} {{ item?.Name ? ('(' + item.Name + ')') : ('') }}\n        </div>         \n    </dx-form>\n\n</mobicloud-group-box>", styles: [""], components: [{ type: GroupBoxComponent, selector: "mobicloud-group-box", inputs: ["width", "contentheight", "noBackgroundHeader", "title", "isLoadingData", "loadingText", "hasErrors", "errorCaption", "errorText", "enableRetryOnError", "editAllowed", "inEditMode"], outputs: ["Edit_Click", "Save_Click", "CancelEdit_Click", "Retry_Click"] }, { type: i5$3.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { type: i6.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { type: i6.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }], directives: [{ type: i7$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9$2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ServiceObjectServiceComponent, decorators: [{
             type: Component,
             args: [{
@@ -8540,7 +8540,7 @@ class DocumentCatalogComponent {
     }
 }
 DocumentCatalogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DocumentCatalogComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2$1.MobiCloudDataService }, { token: i2.Router }, { token: i4$2.Location }, { token: i4$4.ModalController }], target: i0.ɵɵFactoryTarget.Component });
-DocumentCatalogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DocumentCatalogComponent, selector: "mobicloud-document-catalog", inputs: { endpointUrl: "endpointUrl", height: "height", editAllowed: "editAllowed", downloadAllowed: "downloadAllowed", entityname: "entityname", entityid: "entityid", manageSecurity: "manageSecurity" }, outputs: { selectedItemIdChanged: "selectedItemIdChanged", selectedDocumentChanged: "selectedDocumentChanged", onFileManagerContentReady: "onFileManagerContentReady" }, viewQueries: [{ propertyName: "fileManager", first: true, predicate: ["fileManager"], descendants: true }], ngImport: i0, template: "<dx-file-manager #fileManager id=\"fileManager\"\n    [fileSystemProvider]=\"remoteProvider\" selectionMode=\"single\" (onErrorOccurred)=\"onErrorOccurred($event)\" (onContentReady)=\"onContentReady($event)\"\n    rootFolderName=\"Documents\"  i18n-rootFolderName=\"@@DocumentsFolderName-Text\" (onSelectionChanged)=\"onSelectionChanged($event)\"(onSelectedFileOpened)=\"onSelectedFileOpened($event)\" (onContextMenuShowing)=\"onContextMenuShowing($event)\" (onContextMenuItemClick)=\"onContextMenuItemClick($event)\" [height]=\"height\">\n\n    <dxo-permissions \n        [create]=\"editAllowed\"\n        [copy]=\"editAllowed\"\n        [move]=\"editAllowed\"\n        [delete]=\"editAllowed\"\n        [rename]=\"editAllowed\"\n        [upload]=\"editAllowed\"\n        [download]=\"downloadAllowed\">\n    </dxo-permissions>\n    \n    <dxo-item-view [showParentFolder]=\"false\">\n        <dxo-details>\n            <dxi-column dataField=\"thumbnail\" hidingPriority=\"100\"></dxi-column>\n            <dxi-column dataField=\"name\" hidingPriority=\"90\"></dxi-column>\n            <dxi-column dataField=\"CategoryName\" caption=\"Category\" hidingPriority=\"80\"></dxi-column>\n            <dxi-column dataField=\"TypeName\" caption=\"Type\" hidingPriority=\"70\"></dxi-column>                        \n            <dxi-column dataField=\"dateModified\" hidingPriority=\"60\"></dxi-column>\n            <!-- <dxi-column dataField=\"IsSystem\" caption=\"System\" [visible]=\"true\"></dxi-column> -->            \n            <dxi-column dataField=\"SecurityVisibility\" caption=\"Security\" hidingPriority=\"50\" [visible]=\"true\" *ngIf=\"manageSecurity\"></dxi-column>\n            <dxi-column dataField=\"BlobFullName\" caption=\"Blob name\" hidingPriority=\"40\" [visible]=\"true\" *ngIf=\"editAllowed\"></dxi-column>            \n            <!-- <dxi-column dataField=\"size\"></dxi-column>             -->\n        </dxo-details>\n    </dxo-item-view>\n    <!-- <dxo-upload [chunkSize]=\"500000\"></dxo-upload> -->\n\n    <dxo-context-menu>\n        <!-- <dxi-item name=\"create\"></dxi-item>\n        <dxi-item name=\"upload\"></dxi-item>\n        <dxi-item name=\"rename\"></dxi-item>\n        <dxi-item name=\"move\"></dxi-item>        \n        <dxi-item name=\"copy\"></dxi-item>                        \n        <dxi-item name=\"delete\"></dxi-item>   \n        <dxi-item text=\"Category\" icon=\"tags\" beginGroup=\"true\">\n            <dxi-item text=\"Work\" [options]=\"{ category: 'Work' }\"></dxi-item>\n            <dxi-item text=\"Important\" [options]=\"{ category: 'Important' }\"></dxi-item>\n            <dxi-item text=\"Home\" [options]=\"{ category: 'Home' }\"></dxi-item>\n            <dxi-item text=\"None\" [options]=\"{ category: '' }\"></dxi-item>\n        </dxi-item>                             \n        <dxi-item name=\"refresh\" beginGroup=\"true\"></dxi-item>\n        <dxi-item name=\"download\"></dxi-item> -->\n        \n\n    </dxo-context-menu>    \n</dx-file-manager>", styles: [""], components: [{ type: i7.DxFileManagerComponent, selector: "dx-file-manager", inputs: ["accessKey", "activeStateEnabled", "allowedFileExtensions", "contextMenu", "currentPath", "currentPathKeys", "customizeDetailColumns", "customizeThumbnail", "disabled", "elementAttr", "fileSystemProvider", "focusedItemKey", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemView", "notifications", "permissions", "rootFolderName", "rtlEnabled", "selectedItemKeys", "selectionMode", "tabIndex", "toolbar", "upload", "visible", "width"], outputs: ["onContentReady", "onContextMenuItemClick", "onContextMenuShowing", "onCurrentDirectoryChanged", "onDirectoryCreated", "onDirectoryCreating", "onDisposing", "onErrorOccurred", "onFileUploaded", "onFileUploading", "onFocusedItemChanged", "onInitialized", "onItemCopied", "onItemCopying", "onItemDeleted", "onItemDeleting", "onItemDownloading", "onItemMoved", "onItemMoving", "onItemRenamed", "onItemRenaming", "onOptionChanged", "onSelectedFileOpened", "onSelectionChanged", "onToolbarItemClick", "accessKeyChange", "activeStateEnabledChange", "allowedFileExtensionsChange", "contextMenuChange", "currentPathChange", "currentPathKeysChange", "customizeDetailColumnsChange", "customizeThumbnailChange", "disabledChange", "elementAttrChange", "fileSystemProviderChange", "focusedItemKeyChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemViewChange", "notificationsChange", "permissionsChange", "rootFolderNameChange", "rtlEnabledChange", "selectedItemKeysChange", "selectionModeChange", "tabIndexChange", "toolbarChange", "uploadChange", "visibleChange", "widthChange"] }, { type: i6.DxoPermissionsComponent, selector: "dxo-permissions", inputs: ["copy", "create", "delete", "download", "move", "rename", "upload"] }, { type: i6.DxoItemViewComponent, selector: "dxo-item-view", inputs: ["details", "mode", "showFolders", "showParentFolder"] }, { type: i6.DxoDetailsComponent, selector: "dxo-details", inputs: ["columns"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoContextMenuComponent, selector: "dxo-context-menu", inputs: ["commands", "enabled", "items"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+DocumentCatalogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DocumentCatalogComponent, selector: "mobicloud-document-catalog", inputs: { endpointUrl: "endpointUrl", height: "height", editAllowed: "editAllowed", downloadAllowed: "downloadAllowed", entityname: "entityname", entityid: "entityid", manageSecurity: "manageSecurity" }, outputs: { selectedItemIdChanged: "selectedItemIdChanged", selectedDocumentChanged: "selectedDocumentChanged", onFileManagerContentReady: "onFileManagerContentReady" }, viewQueries: [{ propertyName: "fileManager", first: true, predicate: ["fileManager"], descendants: true }], ngImport: i0, template: "<dx-file-manager #fileManager id=\"fileManager\"\n    [fileSystemProvider]=\"remoteProvider\" selectionMode=\"single\" (onErrorOccurred)=\"onErrorOccurred($event)\" (onContentReady)=\"onContentReady($event)\"\n    rootFolderName=\"Documents\"  i18n-rootFolderName=\"@@DocumentsFolderName-Text\" (onSelectionChanged)=\"onSelectionChanged($event)\"(onSelectedFileOpened)=\"onSelectedFileOpened($event)\" (onContextMenuShowing)=\"onContextMenuShowing($event)\" (onContextMenuItemClick)=\"onContextMenuItemClick($event)\" [height]=\"height\">\n\n    <dxo-permissions \n        [create]=\"editAllowed\"\n        [copy]=\"editAllowed\"\n        [move]=\"editAllowed\"\n        [delete]=\"editAllowed\"\n        [rename]=\"editAllowed\"\n        [upload]=\"editAllowed\"\n        [download]=\"downloadAllowed\">\n    </dxo-permissions>\n    \n    <dxo-item-view [showParentFolder]=\"false\">\n        <dxo-details>\n            <dxi-column dataField=\"thumbnail\" hidingPriority=\"100\"></dxi-column>\n            <dxi-column dataField=\"name\" hidingPriority=\"90\"></dxi-column>\n            <dxi-column dataField=\"CategoryName\" caption=\"Category\" hidingPriority=\"80\"></dxi-column>\n            <dxi-column dataField=\"TypeName\" caption=\"Type\" hidingPriority=\"70\"></dxi-column>                        \n            <dxi-column dataField=\"dateModified\" hidingPriority=\"60\"></dxi-column>\n            <!-- <dxi-column dataField=\"IsSystem\" caption=\"System\" [visible]=\"true\"></dxi-column> -->            \n            <dxi-column dataField=\"SecurityVisibility\" caption=\"Security\" hidingPriority=\"50\" [visible]=\"true\" *ngIf=\"manageSecurity\"></dxi-column>\n            <dxi-column dataField=\"BlobFullName\" caption=\"Blob name\" hidingPriority=\"40\" [visible]=\"true\" *ngIf=\"editAllowed\"></dxi-column>            \n            <!-- <dxi-column dataField=\"size\"></dxi-column>             -->\n        </dxo-details>\n    </dxo-item-view>\n    <!-- <dxo-upload [chunkSize]=\"500000\"></dxo-upload> -->\n\n    <dxo-context-menu>\n        <!-- <dxi-item name=\"create\"></dxi-item>\n        <dxi-item name=\"upload\"></dxi-item>\n        <dxi-item name=\"rename\"></dxi-item>\n        <dxi-item name=\"move\"></dxi-item>        \n        <dxi-item name=\"copy\"></dxi-item>                        \n        <dxi-item name=\"delete\"></dxi-item>   \n        <dxi-item text=\"Category\" icon=\"tags\" beginGroup=\"true\">\n            <dxi-item text=\"Work\" [options]=\"{ category: 'Work' }\"></dxi-item>\n            <dxi-item text=\"Important\" [options]=\"{ category: 'Important' }\"></dxi-item>\n            <dxi-item text=\"Home\" [options]=\"{ category: 'Home' }\"></dxi-item>\n            <dxi-item text=\"None\" [options]=\"{ category: '' }\"></dxi-item>\n        </dxi-item>                             \n        <dxi-item name=\"refresh\" beginGroup=\"true\"></dxi-item>\n        <dxi-item name=\"download\"></dxi-item> -->\n        \n\n    </dxo-context-menu>    \n</dx-file-manager>", styles: [""], components: [{ type: i7.DxFileManagerComponent, selector: "dx-file-manager", inputs: ["accessKey", "activeStateEnabled", "allowedFileExtensions", "contextMenu", "currentPath", "currentPathKeys", "customizeDetailColumns", "customizeThumbnail", "disabled", "elementAttr", "fileSystemProvider", "focusedItemKey", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemView", "notifications", "permissions", "rootFolderName", "rtlEnabled", "selectedItemKeys", "selectionMode", "tabIndex", "toolbar", "upload", "visible", "width"], outputs: ["onContentReady", "onContextMenuItemClick", "onContextMenuShowing", "onCurrentDirectoryChanged", "onDirectoryCreated", "onDirectoryCreating", "onDisposing", "onErrorOccurred", "onFileUploaded", "onFileUploading", "onFocusedItemChanged", "onInitialized", "onItemCopied", "onItemCopying", "onItemDeleted", "onItemDeleting", "onItemDownloading", "onItemMoved", "onItemMoving", "onItemRenamed", "onItemRenaming", "onOptionChanged", "onSelectedFileOpened", "onSelectionChanged", "onToolbarItemClick", "accessKeyChange", "activeStateEnabledChange", "allowedFileExtensionsChange", "contextMenuChange", "currentPathChange", "currentPathKeysChange", "customizeDetailColumnsChange", "customizeThumbnailChange", "disabledChange", "elementAttrChange", "fileSystemProviderChange", "focusedItemKeyChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemViewChange", "notificationsChange", "permissionsChange", "rootFolderNameChange", "rtlEnabledChange", "selectedItemKeysChange", "selectionModeChange", "tabIndexChange", "toolbarChange", "uploadChange", "visibleChange", "widthChange"] }, { type: i6.DxoPermissionsComponent, selector: "dxo-permissions", inputs: ["copy", "create", "delete", "download", "move", "rename", "upload"] }, { type: i6.DxoItemViewComponent, selector: "dxo-item-view", inputs: ["details", "mode", "showFolders", "showParentFolder"] }, { type: i6.DxoDetailsComponent, selector: "dxo-details", inputs: ["columns"] }, { type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { type: i6.DxoContextMenuComponent, selector: "dxo-context-menu", inputs: ["commands", "enabled", "items"] }], directives: [{ type: i4$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DocumentCatalogComponent, decorators: [{
             type: Component,
             args: [{