mobicloud-core 1.0.310 → 1.0.311
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/mobicloud-core-components.umd.js +1 -1
- package/bundles/mobicloud-core-components.umd.js.map +1 -1
- package/esm2015/components/main-nav/main-nav.component.js +1 -1
- package/fesm2015/mobicloud-core-components.js +1 -1
- package/fesm2015/mobicloud-core-components.js.map +1 -1
- package/package.json +1 -1
|
@@ -761,7 +761,7 @@
|
|
|
761
761
|
return MainNavComponent;
|
|
762
762
|
}());
|
|
763
763
|
MainNavComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MainNavComponent, deps: [{ token: i1__namespace.BreakpointObserver }, { token: i2__namespace.Router }, { token: i1__namespace$1.MobicloudCoreService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
764
|
-
MainNavComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i4__namespace.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i5__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5__namespace$1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }, { type: i4__namespace$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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i9__namespace.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i10__namespace.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i10__namespace.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatSidenavContent, selector: "mat-sidenav-content" }, { type: i7__namespace.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__namespace.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__namespace$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__namespace.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__namespace.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { type: i6__namespace.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { type: i6__namespace.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { type: i6__namespace.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i14__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i5__namespace.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i4__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4__namespace$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i2__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i4__namespace$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9__namespace$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__namespace.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i7__namespace$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }, { type: i14__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "async": i4__namespace$2.AsyncPipe, "lowercase": i4__namespace$2.LowerCasePipe } });
|
|
764
|
+
MainNavComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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:100%;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__namespace.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i4__namespace.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i5__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5__namespace$1.SvgIconComponent, selector: "svg-icon", inputs: ["stretch", "applyClass", "applyCss", "svgStyle", "src", "name", "svgClass", "class", "viewBox", "svgAriaLabel"] }, { type: i4__namespace$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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i9__namespace.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i10__namespace.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i10__namespace.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatSidenavContent, selector: "mat-sidenav-content" }, { type: i7__namespace.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__namespace.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__namespace$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__namespace.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__namespace.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { type: i6__namespace.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { type: i6__namespace.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { type: i6__namespace.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { type: i14__namespace.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i14__namespace.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i5__namespace.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i2__namespace.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i4__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4__namespace$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i2__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i4__namespace$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9__namespace$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__namespace.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i7__namespace$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: MaterialElevationDirective, selector: "[appMaterialElevation]", inputs: ["defaultElevation", "raisedElevation"] }, { type: i14__namespace.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "async": i4__namespace$2.AsyncPipe, "lowercase": i4__namespace$2.LowerCasePipe } });
|
|
765
765
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MainNavComponent, decorators: [{
|
|
766
766
|
type: i0.Component,
|
|
767
767
|
args: [{
|