@skysoftware-co/bayan-core-widgets-ui 0.0.2 → 0.0.4

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.
Files changed (14) hide show
  1. package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs +215 -183
  2. package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs.map +1 -1
  3. package/lib/shared/menu.service.d.ts.map +1 -1
  4. package/lib/top-menu-widget/components/global-search-widget/global-search-widget.component.d.ts +17 -7
  5. package/lib/top-menu-widget/components/global-search-widget/global-search-widget.component.d.ts.map +1 -1
  6. package/lib/top-menu-widget/components/item-widget/item-widget.component.d.ts +12 -7
  7. package/lib/top-menu-widget/components/item-widget/item-widget.component.d.ts.map +1 -1
  8. package/lib/top-menu-widget/components/notifications-widget/notifications-widget.component.d.ts +0 -1
  9. package/lib/top-menu-widget/components/notifications-widget/notifications-widget.component.d.ts.map +1 -1
  10. package/lib/top-menu-widget/top-menu-widget.component.d.ts +10 -9
  11. package/lib/top-menu-widget/top-menu-widget.component.d.ts.map +1 -1
  12. package/lib/top-menu-widget/top-menu-widget.models.d.ts +0 -14
  13. package/lib/top-menu-widget/top-menu-widget.models.d.ts.map +1 -1
  14. package/package.json +36 -47
package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs CHANGED
@@ -1,7 +1,9 @@
1
+ import { HttpClient, HttpParams } from '@angular/common/http';
2
+ import * as i0 from '@angular/core';
3
+ import { inject, Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, signal, ViewChild, HostListener, computed } from '@angular/core';
4
+ import { map, catchError, throwError } from 'rxjs';
1
5
  import * as i1$2 from '@angular/common';
2
6
  import { CommonModule, DOCUMENT } from '@angular/common';
3
- import * as i0 from '@angular/core';
4
- import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, signal, ViewChild, inject, HostListener, Injectable, computed } from '@angular/core';
5
7
  import * as i1 from '@fortawesome/angular-fontawesome';
6
8
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
7
9
  import { faCheckCircle, faTools, faGrid, faDollar, faUsers, faRightLeft, faMedal, faGraduationCap, faBell, faCheck, faCog, faInfoCircle, faPersonRunning, faQuestionCircle } from '@fortawesome/pro-solid-svg-icons';
@@ -12,27 +14,85 @@ import { TranslatePipe, SkyFooterActionsComponent } from '@skysoftware-co/sky-co
12
14
  import * as i2 from 'devextreme-angular/core';
13
15
  import * as i3 from 'devextreme-angular/ui/nested';
14
16
  import { faClock } from '@fortawesome/pro-light-svg-icons';
15
- import { HttpClient, HttpParams } from '@angular/common/http';
16
- import { map, catchError, throwError } from 'rxjs';
17
17
  import { BayanEmployeeBadgeComponent } from '@skysoftware-co/bayan-components-ui';
18
18
 
19
- function resolveUrl(baseUrl, url) {
20
- if (!url) {
21
- return null;
19
+ class BayanCoreTopMenuService {
20
+ http = inject(HttpClient);
21
+ unwrap(obs) {
22
+ return obs.pipe(map((env) => {
23
+ if (!env.ResponseData) {
24
+ throw new Error('No data received');
25
+ }
26
+ return env.ResponseData;
27
+ }), catchError((error) => throwError(() => error)));
22
28
  }
23
- return baseUrl ? joinUrl(baseUrl, url) : url;
24
- }
25
- function isExternalNavigation(baseUrl, url) {
26
- return isAbsoluteUrl(url) || (!!baseUrl && isAbsoluteUrl(baseUrl));
27
- }
28
- function joinUrl(baseUrl, url) {
29
- const normalizedBaseUrl = baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;
30
- const normalizedUrl = url.startsWith('/') ? url : `/${url}`;
31
- return `${normalizedBaseUrl}${normalizedUrl}`;
32
- }
33
- function isAbsoluteUrl(url) {
34
- return /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i.test(url);
29
+ getBaseUrl(baseUrl) {
30
+ let url = baseUrl.replace('/api', '');
31
+ return `${url.replace(/\/$/, '')}/api/app-frame`;
32
+ }
33
+ getMicroserviceMenusByProperty(baseUrl, propertyId, systemModule) {
34
+ const params = new HttpParams()
35
+ .set('PropertyId', propertyId)
36
+ .set('SystemModule', systemModule);
37
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/left-menu`, { params }));
38
+ }
39
+ getMicroserviceTopMenusShortcut(baseUrl, propertyId, systemModule) {
40
+ const params = new HttpParams()
41
+ .set('PropertyId', propertyId)
42
+ .set('SystemModule', systemModule);
43
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/top-shortcuts`, {
44
+ params,
45
+ }));
46
+ }
47
+ getGlobalSearchMenus(baseUrl, propertyId) {
48
+ let params = new HttpParams();
49
+ if (propertyId != null) {
50
+ params = params.set('PropertyId', propertyId);
51
+ }
52
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/global-search-menu`, { params }));
53
+ }
54
+ getUserPanel(baseUrl) {
55
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/user-panel`));
56
+ }
57
+ switchProperty(baseUrl, request) {
58
+ return this.unwrap(this.http.post(`${this.getBaseUrl(baseUrl)}/switch-property`, request));
59
+ }
60
+ getPreferences(baseUrl) {
61
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/preferences`));
62
+ }
63
+ setDisplayAlternateNames(baseUrl, request) {
64
+ return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/alternate-names`, request);
65
+ }
66
+ setEmployeeNamesMode(baseUrl, request) {
67
+ return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/employee-names-mode`, request);
68
+ }
69
+ getModuleBlockState(baseUrl, systemModule) {
70
+ const params = new HttpParams().set('SystemModule', systemModule);
71
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/module-block-state`, {
72
+ params,
73
+ }));
74
+ }
75
+ blockModule(baseUrl, request) {
76
+ return this.http.post(`${this.getBaseUrl(baseUrl)}/block-module`, request);
77
+ }
78
+ releaseModule(baseUrl, request) {
79
+ return this.http.post(`${this.getBaseUrl(baseUrl)}/release-module`, request);
80
+ }
81
+ getNotificationsSummary(baseUrl) {
82
+ return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/notifications-summary`));
83
+ }
84
+ changePassword(baseUrl, request) {
85
+ return this.http.post(`${this.getBaseUrl(baseUrl)}/change-password`, request);
86
+ }
87
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
88
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, providedIn: 'root' });
35
89
  }
90
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, decorators: [{
91
+ type: Injectable,
92
+ args: [{
93
+ providedIn: 'root',
94
+ }]
95
+ }] });
36
96
 
37
97
  class BayanCoreAboutDialogWidgetComponent {
38
98
  baseUrl = '';
@@ -52,11 +112,11 @@ class BayanCoreAboutDialogWidgetComponent {
52
112
  this.visibleChange.emit(false);
53
113
  }
54
114
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
55
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreAboutDialogWidgetComponent, isStandalone: true, selector: "bayan-core-about-dialog-widget", inputs: { baseUrl: "baseUrl", visible: "visible", config: "config" }, outputs: { visibleChange: "visibleChange", licenseClick: "licenseClick", releaseNotesClick: "releaseNotesClick", supportClick: "supportClick" }, ngImport: i0, template: "@if (visible) {\r\n <div class=\"about-backdrop\" (click)=\"onBackdropClick($event)\">\r\n <div class=\"about-modal\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n <div class=\"about-modal-header\">\r\n <h4 class=\"about-modal-title\" id=\"topMenuAboutDialogTitle\">{{ config.title || 'AboutSkyBayan' | translate }}</h4>\r\n <button type=\"button\" class=\"about-close-btn\" (click)=\"closeDialog()\" [attr.aria-label]=\"(config.closeButtonLabel || 'Close') | translate\">\r\n <span aria-hidden=\"true\">&times;</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"about-modal-body\">\r\n <div class=\"row align-items-start\">\r\n <div class=\"col-4\">\r\n @if (config.logoUrl) {\r\n <img [src]=\"config.logoUrl\" alt=\"Logo\" class=\"img-fluid about-logo\">\r\n }\r\n </div>\r\n <div class=\"col-8\">\r\n <h3 class=\"about-product-name\">{{ config.title || 'AboutSkyBayan' | translate }}</h3>\r\n <p class=\"about-version-text mb-1\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n <p class=\"about-up-to-date mb-2\">\r\n <fa-icon [icon]=\"checkCircleIcon\" class=\"text-info me-1\"></fa-icon>\r\n <small class=\"text-muted\">{{ (config.statusLabel || 'SkyBayanUpToDate') | translate }}</small>\r\n </p>\r\n <p class=\"about-copyright mb-0\">{{ config.copyright || '' }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"about-modal-actions\">\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"licenseClick.emit()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"releaseNotesClick.emit()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"supportClick.emit()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
115
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreAboutDialogWidgetComponent, isStandalone: true, selector: "bayan-core-about-dialog-widget", inputs: { baseUrl: "baseUrl", visible: "visible", config: "config" }, outputs: { visibleChange: "visibleChange", licenseClick: "licenseClick", releaseNotesClick: "releaseNotesClick", supportClick: "supportClick" }, ngImport: i0, template: "@if (visible) {\r\n <div class=\"about-backdrop\" (click)=\"onBackdropClick($event)\">\r\n <div class=\"about-modal\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n <div class=\"about-modal-header\">\r\n <h4 class=\"about-modal-title\" id=\"topMenuAboutDialogTitle\">{{ config.title || 'AboutSkyBayan' | translate }}</h4>\r\n <button type=\"button\" class=\"about-close-btn\" (click)=\"closeDialog()\" [attr.aria-label]=\"(config.closeButtonLabel || 'Close') | translate\">\r\n <span aria-hidden=\"true\">&times;</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"about-modal-body\">\r\n <div class=\"row align-items-start\">\r\n <div class=\"col-4\">\r\n @if (config.logoUrl) {\r\n <img [src]=\"config.logoUrl\" alt=\"Logo\" class=\"img-fluid about-logo\">\r\n }\r\n </div>\r\n <div class=\"col-8\">\r\n <h3 class=\"about-product-name\">{{ config.title || 'AboutSkyBayan' | translate }}</h3>\r\n <p class=\"about-version-text mb-1\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n <p class=\"about-up-to-date mb-2\">\r\n <fa-icon [icon]=\"checkCircleIcon\" class=\"text-info me-1\"></fa-icon>\r\n <small class=\"text-muted\">{{ (config.statusLabel || 'SkyBayanUpToDate') | translate }}</small>\r\n </p>\r\n <p class=\"about-copyright mb-0\">{{ config.copyright || '' }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"about-modal-actions\">\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"licenseClick.emit()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"releaseNotesClick.emit()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"supportClick.emit()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
56
116
  }
57
117
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, decorators: [{
58
118
  type: Component,
59
- args: [{ selector: 'bayan-core-about-dialog-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible) {\r\n <div class=\"about-backdrop\" (click)=\"onBackdropClick($event)\">\r\n <div class=\"about-modal\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n <div class=\"about-modal-header\">\r\n <h4 class=\"about-modal-title\" id=\"topMenuAboutDialogTitle\">{{ config.title || 'AboutSkyBayan' | translate }}</h4>\r\n <button type=\"button\" class=\"about-close-btn\" (click)=\"closeDialog()\" [attr.aria-label]=\"(config.closeButtonLabel || 'Close') | translate\">\r\n <span aria-hidden=\"true\">&times;</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"about-modal-body\">\r\n <div class=\"row align-items-start\">\r\n <div class=\"col-4\">\r\n @if (config.logoUrl) {\r\n <img [src]=\"config.logoUrl\" alt=\"Logo\" class=\"img-fluid about-logo\">\r\n }\r\n </div>\r\n <div class=\"col-8\">\r\n <h3 class=\"about-product-name\">{{ config.title || 'AboutSkyBayan' | translate }}</h3>\r\n <p class=\"about-version-text mb-1\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n <p class=\"about-up-to-date mb-2\">\r\n <fa-icon [icon]=\"checkCircleIcon\" class=\"text-info me-1\"></fa-icon>\r\n <small class=\"text-muted\">{{ (config.statusLabel || 'SkyBayanUpToDate') | translate }}</small>\r\n </p>\r\n <p class=\"about-copyright mb-0\">{{ config.copyright || '' }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"about-modal-actions\">\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"licenseClick.emit()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"releaseNotesClick.emit()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"supportClick.emit()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
119
+ args: [{ selector: 'bayan-core-about-dialog-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible) {\r\n <div class=\"about-backdrop\" (click)=\"onBackdropClick($event)\">\r\n <div class=\"about-modal\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n <div class=\"about-modal-header\">\r\n <h4 class=\"about-modal-title\" id=\"topMenuAboutDialogTitle\">{{ config.title || 'AboutSkyBayan' | translate }}</h4>\r\n <button type=\"button\" class=\"about-close-btn\" (click)=\"closeDialog()\" [attr.aria-label]=\"(config.closeButtonLabel || 'Close') | translate\">\r\n <span aria-hidden=\"true\">&times;</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"about-modal-body\">\r\n <div class=\"row align-items-start\">\r\n <div class=\"col-4\">\r\n @if (config.logoUrl) {\r\n <img [src]=\"config.logoUrl\" alt=\"Logo\" class=\"img-fluid about-logo\">\r\n }\r\n </div>\r\n <div class=\"col-8\">\r\n <h3 class=\"about-product-name\">{{ config.title || 'AboutSkyBayan' | translate }}</h3>\r\n <p class=\"about-version-text mb-1\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n <p class=\"about-up-to-date mb-2\">\r\n <fa-icon [icon]=\"checkCircleIcon\" class=\"text-info me-1\"></fa-icon>\r\n <small class=\"text-muted\">{{ (config.statusLabel || 'SkyBayanUpToDate') | translate }}</small>\r\n </p>\r\n <p class=\"about-copyright mb-0\">{{ config.copyright || '' }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"about-modal-actions\">\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"licenseClick.emit()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"releaseNotesClick.emit()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n <button type=\"button\" class=\"about-action-btn\" (click)=\"supportClick.emit()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
60
120
  }], propDecorators: { baseUrl: [{
61
121
  type: Input
62
122
  }], visible: [{
@@ -199,15 +259,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
199
259
  }] } });
200
260
 
201
261
  class BayanCoreGlobalSearchWidgetComponent {
262
+ menuService = inject(BayanCoreTopMenuService);
202
263
  document = inject(DOCUMENT);
203
264
  router = inject(Router);
204
265
  searchAutoComplete;
205
266
  baseUrl = '';
206
267
  ActivePropertyChanged = false;
207
- placeholder = 'TopMenu.SearchPlaceholder';
208
- dataSource = [];
268
+ ActivePropertyId = 0;
269
+ placeholder = 'Type to search';
270
+ searchMode = 'contains';
271
+ stylingMode = 'filled';
272
+ searchWrapperClass = 'top-menu-widget__search';
273
+ searchItemClass = 'top-menu-widget__search-item d-flex flex-column text-decoration-none';
274
+ searchItemTitleClass = 'top-menu-widget__search-item-title text-light fs-11 mb-1 d-flex align-content-center';
275
+ searchItemSubtitleClass = 'top-menu-widget__search-item-subtitle text-dark fs-13 ms-2 ps-1';
276
+ iconClass = 'fs-11 fw-medium me-1';
209
277
  search = new EventEmitter();
210
278
  itemNavigate = new EventEmitter();
279
+ dataSource = [];
211
280
  toolsIcon = faTools;
212
281
  gridIcon = faGrid;
213
282
  creditIcon = faDollar;
@@ -216,11 +285,24 @@ class BayanCoreGlobalSearchWidgetComponent {
216
285
  swapIcon = faRightLeft;
217
286
  medalIcon = faMedal;
218
287
  graduateIcon = faGraduationCap;
288
+ ngOnInit() {
289
+ this.loadMenus();
290
+ }
291
+ // Removed duplicate ngOnChanges
292
+ loadMenus() {
293
+ if (this.baseUrl && this.ActivePropertyId > 0) {
294
+ this.menuService.getGlobalSearchMenus(this.baseUrl, this.ActivePropertyId).subscribe({
295
+ next: (menus) => this.dataSource = menus ?? [],
296
+ error: () => this.dataSource = []
297
+ });
298
+ }
299
+ }
219
300
  ngOnChanges(changes) {
220
301
  if (changes['ActivePropertyChanged']
221
302
  && !changes['ActivePropertyChanged'].firstChange
222
303
  && changes['ActivePropertyChanged'].previousValue !== changes['ActivePropertyChanged'].currentValue) {
223
304
  this.reset();
305
+ this.loadMenus();
224
306
  }
225
307
  }
226
308
  onInput(event) {
@@ -234,8 +316,9 @@ class BayanCoreGlobalSearchWidgetComponent {
234
316
  if (!searchTerm) {
235
317
  return;
236
318
  }
237
- const match = this.dataSource.find((item) => item.menuSubTitle.toLowerCase().trim() === searchTerm.toLowerCase().trim());
319
+ const match = this.dataSource.find((item) => item.MenuSubTitle.toLowerCase().trim() === searchTerm.toLowerCase().trim());
238
320
  if (match) {
321
+ window.location.href = match.MenuUrl;
239
322
  this.itemNavigate.emit(match);
240
323
  return;
241
324
  }
@@ -244,8 +327,9 @@ class BayanCoreGlobalSearchWidgetComponent {
244
327
  onItemSelected(event, item) {
245
328
  event.preventDefault();
246
329
  event.stopPropagation();
247
- this.itemNavigate.emit(item);
248
- this.navigateToUrl(item.menuUrl);
330
+ if (item.MenuUrl) {
331
+ window.location.href = item.MenuUrl;
332
+ }
249
333
  }
250
334
  reset() {
251
335
  this.searchAutoComplete?.instance?.option('value', '');
@@ -253,29 +337,34 @@ class BayanCoreGlobalSearchWidgetComponent {
253
337
  getText(text, isTranslatable = false) {
254
338
  return isTranslatable ? text : text;
255
339
  }
256
- hasNavigationUrl(url) {
257
- return !!resolveUrl(this.baseUrl, url);
258
- }
259
- navigateToUrl(url) {
260
- if (!url) {
261
- return;
262
- }
263
- const resolvedUrl = resolveUrl(this.baseUrl, url);
264
- if (!resolvedUrl) {
265
- return;
340
+ getIconForClass(iconClass) {
341
+ switch (iconClass) {
342
+ case 'icon icon-tools':
343
+ return this.toolsIcon;
344
+ case 'icon icon-grid':
345
+ return this.gridIcon;
346
+ case 'icon icon-credit':
347
+ return this.creditIcon;
348
+ case 'icon icon-users':
349
+ return this.usersIcon;
350
+ case 'icon icon-clock':
351
+ return this.clockIcon;
352
+ case 'icon icon-swap':
353
+ return this.swapIcon;
354
+ case 'icon icon-medal':
355
+ return this.medalIcon;
356
+ case 'icon icon-graduation-cap':
357
+ return this.graduateIcon;
358
+ default:
359
+ return this.toolsIcon;
266
360
  }
267
- if (isExternalNavigation(this.baseUrl, url)) {
268
- this.document.location.assign(resolvedUrl);
269
- return;
270
- }
271
- void this.router.navigateByUrl(resolvedUrl);
272
361
  }
273
362
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
274
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreGlobalSearchWidgetComponent, isStandalone: true, selector: "bayan-core-global-search-widget", inputs: { baseUrl: "baseUrl", ActivePropertyChanged: "ActivePropertyChanged", placeholder: "placeholder", dataSource: "dataSource" }, outputs: { search: "search", itemNavigate: "itemNavigate" }, viewQueries: [{ propertyName: "searchAutoComplete", first: true, predicate: ["searchAutoComplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"top-menu-widget__search\">\r\n <dx-autocomplete\r\n #searchAutoComplete\r\n [placeholder]=\"placeholder | translate\"\r\n [dataSource]=\"dataSource\"\r\n valueExpr=\"menuSubTitle\"\r\n [searchExpr]=\"['menuSubTitle']\"\r\n [showClearButton]=\"false\"\r\n [showDropDownButton]=\"false\"\r\n searchMode=\"contains\"\r\n [width]=\"'100%'\"\r\n stylingMode=\"filled\"\r\n [wrapItemText]=\"true\"\r\n [searchTimeout]=\"100\"\r\n (onInput)=\"onInput($event)\"\r\n (onEnterKey)=\"onEnterKey($event)\">\r\n <div class=\"w-100\" *dxTemplate=\"let item of 'item'\">\r\n @if (hasNavigationUrl(item.menuUrl)) {\r\n <a\r\n class=\"top-menu-widget__search-item\"\r\n (click)=\"onItemSelected($event, item)\">\r\n <div class=\"top-menu-widget__search-item-title\">\r\n @if (item.iconClass === 'icon icon-tools') {\r\n <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-grid') {\r\n <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-credit') {\r\n <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-users') {\r\n <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-clock') {\r\n <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-swap') {\r\n <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-medal') {\r\n <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-graduation-cap') {\r\n <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n }\r\n\r\n @if (item.isTranslatable) {\r\n {{ item.menuTitle | translate }}\r\n } @else {\r\n {{ item.menuTitle }}\r\n }\r\n </div>\r\n\r\n <div class=\"top-menu-widget__search-item-subtitle\">\r\n @if (item.isTranslatable) {\r\n {{ item.menuSubTitle | translate }}\r\n } @else {\r\n {{ item.menuSubTitle }}\r\n }\r\n </div>\r\n </a>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"top-menu-widget__search-item\"\r\n (click)=\"onItemSelected($event, item)\">\r\n <div class=\"top-menu-widget__search-item-title\">\r\n @if (item.iconClass === 'icon icon-tools') {\r\n <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-grid') {\r\n <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-credit') {\r\n <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-users') {\r\n <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-clock') {\r\n <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-swap') {\r\n <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-medal') {\r\n <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-graduation-cap') {\r\n <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n }\r\n\r\n @if (item.isTranslatable) {\r\n {{ item.menuTitle | translate }}\r\n } @else {\r\n {{ item.menuTitle }}\r\n }\r\n </div>\r\n\r\n <div class=\"top-menu-widget__search-item-subtitle\">\r\n @if (item.isTranslatable) {\r\n {{ item.menuSubTitle | translate }}\r\n } @else {\r\n {{ item.menuSubTitle }}\r\n }\r\n </div>\r\n </button>\r\n }\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxAutocompleteModule }, { kind: "component", type: i1$1.DxAutocompleteComponent, selector: "dx-autocomplete", inputs: ["accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "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", "isDirtyChange", "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"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
363
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreGlobalSearchWidgetComponent, isStandalone: true, selector: "bayan-core-global-search-widget", inputs: { baseUrl: "baseUrl", ActivePropertyChanged: "ActivePropertyChanged", ActivePropertyId: "ActivePropertyId", placeholder: "placeholder", searchMode: "searchMode", stylingMode: "stylingMode", searchWrapperClass: "searchWrapperClass", searchItemClass: "searchItemClass", searchItemTitleClass: "searchItemTitleClass", searchItemSubtitleClass: "searchItemSubtitleClass", iconClass: "iconClass" }, outputs: { search: "search", itemNavigate: "itemNavigate" }, viewQueries: [{ propertyName: "searchAutoComplete", first: true, predicate: ["searchAutoComplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class]=\"searchWrapperClass\">\r\n <dx-autocomplete\r\n #searchAutoComplete\r\n [placeholder]=\"placeholder | translate\"\r\n [dataSource]=\"dataSource\"\r\n valueExpr=\"menuSubTitle\"\r\n [searchExpr]=\"['menuSubTitle']\"\r\n [showClearButton]=\"false\"\r\n [showDropDownButton]=\"false\"\r\n [searchMode]=\"searchMode\"\r\n [width]=\"'100%'\"\r\n [stylingMode]=\"stylingMode\"\r\n [wrapItemText]=\"true\"\r\n [searchTimeout]=\"100\"\r\n (onInput)=\"onInput($event)\"\r\n (onEnterKey)=\"onEnterKey($event)\">\r\n <div class=\"w-100\" *dxTemplate=\"let item of 'item'\">\r\n <a\r\n [class]=\"searchItemClass\"\r\n href=\"{{item.MenuUrl}}\" >\r\n <div [class]=\"searchItemTitleClass\">\r\n <fa-icon [icon]=\"getIconForClass(item.iconClass)\" [class]=\"iconClass\"></fa-icon>\r\n @if (item.isTranslatable) {\r\n {{ item.menuTitle | translate }}\r\n } @else {\r\n {{ item.menuTitle }}\r\n }\r\n </div>\r\n <div [class]=\"searchItemSubtitleClass\">\r\n @if (item.isTranslatable) {\r\n {{ item.menuSubTitle | translate }}\r\n } @else {\r\n {{ item.menuSubTitle }}\r\n }\r\n </div>\r\n </a>\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n", ":host{display:flex;align-items:center;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxAutocompleteModule }, { kind: "component", type: i1$1.DxAutocompleteComponent, selector: "dx-autocomplete", inputs: ["accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "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", "isDirtyChange", "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"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
275
364
  }
276
365
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, decorators: [{
277
366
  type: Component,
278
- args: [{ selector: 'bayan-core-global-search-widget', standalone: true, imports: [CommonModule, DxAutocompleteModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top-menu-widget__search\">\r\n <dx-autocomplete\r\n #searchAutoComplete\r\n [placeholder]=\"placeholder | translate\"\r\n [dataSource]=\"dataSource\"\r\n valueExpr=\"menuSubTitle\"\r\n [searchExpr]=\"['menuSubTitle']\"\r\n [showClearButton]=\"false\"\r\n [showDropDownButton]=\"false\"\r\n searchMode=\"contains\"\r\n [width]=\"'100%'\"\r\n stylingMode=\"filled\"\r\n [wrapItemText]=\"true\"\r\n [searchTimeout]=\"100\"\r\n (onInput)=\"onInput($event)\"\r\n (onEnterKey)=\"onEnterKey($event)\">\r\n <div class=\"w-100\" *dxTemplate=\"let item of 'item'\">\r\n @if (hasNavigationUrl(item.menuUrl)) {\r\n <a\r\n class=\"top-menu-widget__search-item\"\r\n (click)=\"onItemSelected($event, item)\">\r\n <div class=\"top-menu-widget__search-item-title\">\r\n @if (item.iconClass === 'icon icon-tools') {\r\n <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-grid') {\r\n <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-credit') {\r\n <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-users') {\r\n <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-clock') {\r\n <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-swap') {\r\n <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-medal') {\r\n <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-graduation-cap') {\r\n <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n }\r\n\r\n @if (item.isTranslatable) {\r\n {{ item.menuTitle | translate }}\r\n } @else {\r\n {{ item.menuTitle }}\r\n }\r\n </div>\r\n\r\n <div class=\"top-menu-widget__search-item-subtitle\">\r\n @if (item.isTranslatable) {\r\n {{ item.menuSubTitle | translate }}\r\n } @else {\r\n {{ item.menuSubTitle }}\r\n }\r\n </div>\r\n </a>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"top-menu-widget__search-item\"\r\n (click)=\"onItemSelected($event, item)\">\r\n <div class=\"top-menu-widget__search-item-title\">\r\n @if (item.iconClass === 'icon icon-tools') {\r\n <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-grid') {\r\n <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-credit') {\r\n <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-users') {\r\n <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-clock') {\r\n <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-swap') {\r\n <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-medal') {\r\n <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n }\r\n @if (item.iconClass === 'icon icon-graduation-cap') {\r\n <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n }\r\n\r\n @if (item.isTranslatable) {\r\n {{ item.menuTitle | translate }}\r\n } @else {\r\n {{ item.menuTitle }}\r\n }\r\n </div>\r\n\r\n <div class=\"top-menu-widget__search-item-subtitle\">\r\n @if (item.isTranslatable) {\r\n {{ item.menuSubTitle | translate }}\r\n } @else {\r\n {{ item.menuSubTitle }}\r\n }\r\n </div>\r\n </button>\r\n }\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
367
+ args: [{ selector: 'bayan-core-global-search-widget', standalone: true, imports: [CommonModule, DxAutocompleteModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"searchWrapperClass\">\r\n <dx-autocomplete\r\n #searchAutoComplete\r\n [placeholder]=\"placeholder | translate\"\r\n [dataSource]=\"dataSource\"\r\n valueExpr=\"menuSubTitle\"\r\n [searchExpr]=\"['menuSubTitle']\"\r\n [showClearButton]=\"false\"\r\n [showDropDownButton]=\"false\"\r\n [searchMode]=\"searchMode\"\r\n [width]=\"'100%'\"\r\n [stylingMode]=\"stylingMode\"\r\n [wrapItemText]=\"true\"\r\n [searchTimeout]=\"100\"\r\n (onInput)=\"onInput($event)\"\r\n (onEnterKey)=\"onEnterKey($event)\">\r\n <div class=\"w-100\" *dxTemplate=\"let item of 'item'\">\r\n <a\r\n [class]=\"searchItemClass\"\r\n href=\"{{item.MenuUrl}}\" >\r\n <div [class]=\"searchItemTitleClass\">\r\n <fa-icon [icon]=\"getIconForClass(item.iconClass)\" [class]=\"iconClass\"></fa-icon>\r\n @if (item.isTranslatable) {\r\n {{ item.menuTitle | translate }}\r\n } @else {\r\n {{ item.menuTitle }}\r\n }\r\n </div>\r\n <div [class]=\"searchItemSubtitleClass\">\r\n @if (item.isTranslatable) {\r\n {{ item.menuSubTitle | translate }}\r\n } @else {\r\n {{ item.menuSubTitle }}\r\n }\r\n </div>\r\n </a>\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n", ":host{display:flex;align-items:center;height:56px}\n"] }]
279
368
  }], propDecorators: { searchAutoComplete: [{
280
369
  type: ViewChild,
281
370
  args: ['searchAutoComplete']
@@ -283,9 +372,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
283
372
  type: Input
284
373
  }], ActivePropertyChanged: [{
285
374
  type: Input
375
+ }], ActivePropertyId: [{
376
+ type: Input
286
377
  }], placeholder: [{
287
378
  type: Input
288
- }], dataSource: [{
379
+ }], searchMode: [{
380
+ type: Input
381
+ }], stylingMode: [{
382
+ type: Input
383
+ }], searchWrapperClass: [{
384
+ type: Input
385
+ }], searchItemClass: [{
386
+ type: Input
387
+ }], searchItemTitleClass: [{
388
+ type: Input
389
+ }], searchItemSubtitleClass: [{
390
+ type: Input
391
+ }], iconClass: [{
289
392
  type: Input
290
393
  }], search: [{
291
394
  type: Output
@@ -300,6 +403,13 @@ class BayanCoreItemWidgetComponent {
300
403
  baseUrl = '';
301
404
  ActivePropertyChanged = false;
302
405
  item;
406
+ navItemClass = 'nav-item';
407
+ navLinkClass = 'nav-link';
408
+ dropdownClass = 'nav-item dropdown';
409
+ dropdownOpenClass = 'open';
410
+ dropdownToggleClass = 'nav-link dropdown-toggle';
411
+ caretClass = 'caret';
412
+ dropdownMenuClass = 'dropdown-menu menu-dropdown-panel';
303
413
  itemClick = new EventEmitter();
304
414
  open = signal(false);
305
415
  constructor(elementRef) {
@@ -319,10 +429,7 @@ class BayanCoreItemWidgetComponent {
319
429
  }
320
430
  }
321
431
  hasChildren() {
322
- return (this.item.children ?? []).length > 0;
323
- }
324
- hasNavigationUrl(url) {
325
- return !!resolveUrl(this.baseUrl, url);
432
+ return (this.item.Children ?? []).length > 0;
326
433
  }
327
434
  onItemActivated(event) {
328
435
  event.preventDefault();
@@ -332,32 +439,23 @@ class BayanCoreItemWidgetComponent {
332
439
  return;
333
440
  }
334
441
  this.itemClick.emit(this.item);
335
- this.navigateToUrl(this.item.menuUrl);
442
+ if (typeof this.item.MenuUrl === 'string' && this.item.MenuName == 'Reports') {
443
+ window.open(this.item.MenuUrl, '_blank');
444
+ }
445
+ else if (this.item.MenuUrl) {
446
+ window.location.href = this.item.MenuUrl;
447
+ }
336
448
  }
337
449
  onChildItemClick(item) {
338
450
  this.open.set(false);
339
451
  this.itemClick.emit(item);
340
452
  }
341
- navigateToUrl(url) {
342
- if (!url) {
343
- return;
344
- }
345
- const resolvedUrl = resolveUrl(this.baseUrl, url);
346
- if (!resolvedUrl) {
347
- return;
348
- }
349
- if (isExternalNavigation(this.baseUrl, url)) {
350
- this.document.location.assign(resolvedUrl);
351
- return;
352
- }
353
- void this.router.navigateByUrl(resolvedUrl);
354
- }
355
453
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
356
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreItemWidgetComponent, isStandalone: true, selector: "bayan-core-item-widget", inputs: { baseUrl: "baseUrl", ActivePropertyChanged: "ActivePropertyChanged", item: "item" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "@if (!hasChildren()) {\r\n <li class=\"nav-item\">\r\n @if (hasNavigationUrl(item.menuUrl)) {\r\n <a\r\n class=\"nav-link\"\r\n (click)=\"onItemActivated($event)\">\r\n {{ item.menuName | translate }}\r\n </a>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"nav-link\"\r\n (click)=\"onItemActivated($event)\">\r\n {{ item.menuName | translate }}\r\n </button>\r\n }\r\n </li>\r\n}\r\n\r\n@if (hasChildren()) {\r\n <li class=\"nav-item dropdown\" [class.open]=\"open()\">\r\n <button type=\"button\" class=\"nav-link dropdown-toggle\" (click)=\"onItemActivated($event)\">\r\n {{ item.menuName | translate }} <span class=\"caret\"></span>\r\n </button>\r\n\r\n @if (open()) {\r\n <ul class=\"dropdown-menu menu-dropdown-panel\">\r\n @for (child of item.children; track child.id ?? child.menuName) {\r\n <bayan-core-item-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [item]=\"child\"\r\n (itemClick)=\"onChildItemClick($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "ActivePropertyChanged", "item"], outputs: ["itemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
454
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreItemWidgetComponent, isStandalone: true, selector: "bayan-core-item-widget", inputs: { baseUrl: "baseUrl", ActivePropertyChanged: "ActivePropertyChanged", item: "item", navItemClass: "navItemClass", navLinkClass: "navLinkClass", dropdownClass: "dropdownClass", dropdownOpenClass: "dropdownOpenClass", dropdownToggleClass: "dropdownToggleClass", caretClass: "caretClass", dropdownMenuClass: "dropdownMenuClass" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "@if (!hasChildren()) {\r\n <li [class]=\"navItemClass\">\r\n <a\r\n [class]=\"navLinkClass\"\r\n href=\"#\"\r\n (click)=\"onItemActivated($event)\">\r\n {{ item.MenuName | translate }}\r\n </a>\r\n </li>\r\n}\r\n\r\n@if (hasChildren()) {\r\n <li [class]=\"dropdownClass\" [class.open]=\"open()\">\r\n <a href=\"#\" [class]=\"dropdownToggleClass\" (click)=\"onItemActivated($event)\">\r\n {{ item.MenuName | translate }} <span [class]=\"caretClass\"></span>\r\n </a>\r\n\r\n @if (open()) {\r\n <ul [class]=\"dropdownMenuClass\">\r\n @for (child of item.Children; track child.MenuName) {\r\n <bayan-core-item-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [item]=\"child\"\r\n (itemClick)=\"onChildItemClick($event)\"\r\n [navItemClass]=\"navItemClass\"\r\n [navLinkClass]=\"navLinkClass\"\r\n [dropdownClass]=\"dropdownClass\"\r\n [dropdownOpenClass]=\"dropdownOpenClass\"\r\n [dropdownToggleClass]=\"dropdownToggleClass\"\r\n [caretClass]=\"caretClass\"\r\n [dropdownMenuClass]=\"dropdownMenuClass\"\r\n >\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n}\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n", ":host{display:contents}\n"], dependencies: [{ kind: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "ActivePropertyChanged", "item", "navItemClass", "navLinkClass", "dropdownClass", "dropdownOpenClass", "dropdownToggleClass", "caretClass", "dropdownMenuClass"], outputs: ["itemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
357
455
  }
358
456
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, decorators: [{
359
457
  type: Component,
360
- args: [{ selector: 'bayan-core-item-widget', standalone: true, imports: [CommonModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!hasChildren()) {\r\n <li class=\"nav-item\">\r\n @if (hasNavigationUrl(item.menuUrl)) {\r\n <a\r\n class=\"nav-link\"\r\n (click)=\"onItemActivated($event)\">\r\n {{ item.menuName | translate }}\r\n </a>\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"nav-link\"\r\n (click)=\"onItemActivated($event)\">\r\n {{ item.menuName | translate }}\r\n </button>\r\n }\r\n </li>\r\n}\r\n\r\n@if (hasChildren()) {\r\n <li class=\"nav-item dropdown\" [class.open]=\"open()\">\r\n <button type=\"button\" class=\"nav-link dropdown-toggle\" (click)=\"onItemActivated($event)\">\r\n {{ item.menuName | translate }} <span class=\"caret\"></span>\r\n </button>\r\n\r\n @if (open()) {\r\n <ul class=\"dropdown-menu menu-dropdown-panel\">\r\n @for (child of item.children; track child.id ?? child.menuName) {\r\n <bayan-core-item-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [item]=\"child\"\r\n (itemClick)=\"onChildItemClick($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
458
+ args: [{ selector: 'bayan-core-item-widget', standalone: true, imports: [CommonModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!hasChildren()) {\r\n <li [class]=\"navItemClass\">\r\n <a\r\n [class]=\"navLinkClass\"\r\n href=\"#\"\r\n (click)=\"onItemActivated($event)\">\r\n {{ item.MenuName | translate }}\r\n </a>\r\n </li>\r\n}\r\n\r\n@if (hasChildren()) {\r\n <li [class]=\"dropdownClass\" [class.open]=\"open()\">\r\n <a href=\"#\" [class]=\"dropdownToggleClass\" (click)=\"onItemActivated($event)\">\r\n {{ item.MenuName | translate }} <span [class]=\"caretClass\"></span>\r\n </a>\r\n\r\n @if (open()) {\r\n <ul [class]=\"dropdownMenuClass\">\r\n @for (child of item.Children; track child.MenuName) {\r\n <bayan-core-item-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [item]=\"child\"\r\n (itemClick)=\"onChildItemClick($event)\"\r\n [navItemClass]=\"navItemClass\"\r\n [navLinkClass]=\"navLinkClass\"\r\n [dropdownClass]=\"dropdownClass\"\r\n [dropdownOpenClass]=\"dropdownOpenClass\"\r\n [dropdownToggleClass]=\"dropdownToggleClass\"\r\n [caretClass]=\"caretClass\"\r\n [dropdownMenuClass]=\"dropdownMenuClass\"\r\n >\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n }\r\n </li>\r\n}\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n", ":host{display:contents}\n"] }]
361
459
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
362
460
  type: Input
363
461
  }], ActivePropertyChanged: [{
@@ -365,6 +463,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
365
463
  }], item: [{
366
464
  type: Input,
367
465
  args: [{ required: true }]
466
+ }], navItemClass: [{
467
+ type: Input
468
+ }], navLinkClass: [{
469
+ type: Input
470
+ }], dropdownClass: [{
471
+ type: Input
472
+ }], dropdownOpenClass: [{
473
+ type: Input
474
+ }], dropdownToggleClass: [{
475
+ type: Input
476
+ }], caretClass: [{
477
+ type: Input
478
+ }], dropdownMenuClass: [{
479
+ type: Input
368
480
  }], itemClick: [{
369
481
  type: Output
370
482
  }], onDocumentClick: [{
@@ -372,93 +484,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
372
484
  args: ['document:click', ['$event']]
373
485
  }] } });
374
486
 
375
- class BayanCoreTopMenuService {
376
- http = inject(HttpClient);
377
- unwrap(obs) {
378
- return obs.pipe(map((env) => {
379
- if (!env.ResponseData) {
380
- throw new Error('No data received');
381
- }
382
- return env.ResponseData;
383
- }), catchError((error) => throwError(() => error)));
384
- }
385
- getBaseUrl(baseUrl) {
386
- return `${baseUrl.replace(/\/$/, '')}/${baseUrl.replace('/api', '')}/api/app-frame`;
387
- }
388
- getMicroserviceMenusByProperty(baseUrl, propertyId, systemModule) {
389
- const params = new HttpParams()
390
- .set('PropertyId', propertyId)
391
- .set('SystemModule', systemModule);
392
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/left-menu`, { params }));
393
- }
394
- getMicroserviceTopMenusShortcut(baseUrl, propertyId, systemModule) {
395
- const params = new HttpParams()
396
- .set('PropertyId', propertyId)
397
- .set('SystemModule', systemModule);
398
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/top-shortcuts`, {
399
- params,
400
- }));
401
- }
402
- getGlobalSearchMenus(baseUrl, propertyId) {
403
- let params = new HttpParams();
404
- if (propertyId != null) {
405
- params = params.set('PropertyId', propertyId);
406
- }
407
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/global-search-menu`, { params }));
408
- }
409
- getUserPanel(baseUrl) {
410
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/user-panel`));
411
- }
412
- switchProperty(baseUrl, request) {
413
- return this.unwrap(this.http.post(`${this.getBaseUrl(baseUrl)}/switch-property`, request));
414
- }
415
- getPreferences(baseUrl) {
416
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/preferences`));
417
- }
418
- setDisplayAlternateNames(baseUrl, request) {
419
- return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/alternate-names`, request);
420
- }
421
- setEmployeeNamesMode(baseUrl, request) {
422
- return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/employee-names-mode`, request);
423
- }
424
- getModuleBlockState(baseUrl, systemModule) {
425
- const params = new HttpParams().set('SystemModule', systemModule);
426
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/module-block-state`, {
427
- params,
428
- }));
429
- }
430
- blockModule(baseUrl, request) {
431
- return this.http.post(`${this.getBaseUrl(baseUrl)}/block-module`, request);
432
- }
433
- releaseModule(baseUrl, request) {
434
- return this.http.post(`${this.getBaseUrl(baseUrl)}/release-module`, request);
435
- }
436
- getNotificationsSummary(baseUrl) {
437
- return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/notifications-summary`));
438
- }
439
- changePassword(baseUrl, request) {
440
- return this.http.post(`${this.getBaseUrl(baseUrl)}/change-password`, request);
441
- }
442
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
443
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, providedIn: 'root' });
444
- }
445
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, decorators: [{
446
- type: Injectable,
447
- args: [{
448
- providedIn: 'root',
449
- }]
450
- }] });
451
-
452
487
  class BayanCoreNotificationsWidgetComponent {
453
488
  document = inject(DOCUMENT);
454
- router = inject(Router);
455
489
  topMenuService = inject(BayanCoreTopMenuService);
456
490
  baseUrl = '';
457
491
  title = 'Notifications';
458
492
  wrapperClass = 'notifications-icon-wrap menu-dropdown-host';
459
- linkClass = 'menu-icon-btn cursor-pointer top-menu-widget__notification-btn';
493
+ linkClass = 'menu-icon-btn cursor-pointer notifications-icon-btn';
460
494
  iconClass = 'fs-6';
461
- badgeClass = 'top-menu-widget__notification-badge';
495
+ badgeClass = 'notifications-badge';
462
496
  bellIcon = faBell;
463
497
  notificationsSummary = signal({
464
498
  NotificationsUrl: '',
@@ -475,14 +509,8 @@ class BayanCoreNotificationsWidgetComponent {
475
509
  onNotificationClick(event) {
476
510
  event?.preventDefault();
477
511
  const rawNotificationUrl = this.notificationsSummary().NotificationsUrl;
478
- const notificationUrl = resolveUrl(this.baseUrl, rawNotificationUrl);
479
- if (notificationUrl) {
480
- if (rawNotificationUrl && isExternalNavigation(this.baseUrl, rawNotificationUrl)) {
481
- this.document.location.assign(notificationUrl);
482
- }
483
- else {
484
- void this.router.navigateByUrl(notificationUrl);
485
- }
512
+ if (rawNotificationUrl) {
513
+ this.document.location.href = `${window.location.origin}${rawNotificationUrl}`;
486
514
  }
487
515
  }
488
516
  loadNotificationsSummary() {
@@ -509,11 +537,11 @@ class BayanCoreNotificationsWidgetComponent {
509
537
  });
510
538
  }
511
539
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
512
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreNotificationsWidgetComponent, isStandalone: true, selector: "bayan-core-notifications-widget", inputs: { baseUrl: "baseUrl", title: "title", wrapperClass: "wrapperClass", linkClass: "linkClass", iconClass: "iconClass", badgeClass: "badgeClass" }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"wrapperClass\">\r\n <a [class]=\"linkClass\"\r\n [title]=\"title | translate\"\r\n (click)=\"onNotificationClick($event)\">\r\n <fa-icon [class]=\"iconClass\" [icon]=\"bellIcon\"></fa-icon>\r\n @if ((notificationsSummary().TotalNotificationsCount || 0) > 0) {\r\n <span [class]=\"badgeClass\">{{ notificationsSummary().TotalNotificationsCount }}</span>\r\n }\r\n </a>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
540
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreNotificationsWidgetComponent, isStandalone: true, selector: "bayan-core-notifications-widget", inputs: { baseUrl: "baseUrl", title: "title", wrapperClass: "wrapperClass", linkClass: "linkClass", iconClass: "iconClass", badgeClass: "badgeClass" }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"wrapperClass\">\r\n <a [class]=\"linkClass\"\r\n [title]=\"title | translate\"\r\n (click)=\"onNotificationClick($event)\">\r\n <fa-icon [class]=\"iconClass\" [icon]=\"bellIcon\"></fa-icon>\r\n @if ((notificationsSummary().TotalNotificationsCount || 0) > 0) {\r\n <span [class]=\"badgeClass\">{{ notificationsSummary().TotalNotificationsCount }}</span>\r\n }\r\n </a>\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n", ":host{display:flex;align-items:center;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
513
541
  }
514
542
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, decorators: [{
515
543
  type: Component,
516
- args: [{ selector: 'bayan-core-notifications-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"wrapperClass\">\r\n <a [class]=\"linkClass\"\r\n [title]=\"title | translate\"\r\n (click)=\"onNotificationClick($event)\">\r\n <fa-icon [class]=\"iconClass\" [icon]=\"bellIcon\"></fa-icon>\r\n @if ((notificationsSummary().TotalNotificationsCount || 0) > 0) {\r\n <span [class]=\"badgeClass\">{{ notificationsSummary().TotalNotificationsCount }}</span>\r\n }\r\n </a>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
544
+ args: [{ selector: 'bayan-core-notifications-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"wrapperClass\">\r\n <a [class]=\"linkClass\"\r\n [title]=\"title | translate\"\r\n (click)=\"onNotificationClick($event)\">\r\n <fa-icon [class]=\"iconClass\" [icon]=\"bellIcon\"></fa-icon>\r\n @if ((notificationsSummary().TotalNotificationsCount || 0) > 0) {\r\n <span [class]=\"badgeClass\">{{ notificationsSummary().TotalNotificationsCount }}</span>\r\n }\r\n </a>\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n", ":host{display:flex;align-items:center;height:56px}\n"] }]
517
545
  }], propDecorators: { baseUrl: [{
518
546
  type: Input
519
547
  }], title: [{
@@ -592,11 +620,11 @@ class BayanCoreSettingsWidgetComponent {
592
620
  emitter.emit();
593
621
  }
594
622
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
595
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSettingsWidgetComponent, isStandalone: true, selector: "bayan-core-settings-widget", inputs: { ActivePropertyChanged: "ActivePropertyChanged", useAlternateNames: "useAlternateNames", displayAlternateNames: "displayAlternateNames", hrBlocked: "hrBlocked", hrCanBlock: "hrCanBlock", tkBlocked: "tkBlocked", tkCanBlock: "tkCanBlock", nameModeItems: "nameModeItems", settingsEnabled: "settingsEnabled" }, outputs: { alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange", blockHrClick: "blockHrClick", releaseHrClick: "releaseHrClick", blockTkClick: "blockTkClick", releaseTkClick: "releaseTkClick", changePasswordClick: "changePasswordClick", openAboutClick: "openAboutClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n <button type=\"button\" class=\"settings-toggle menu-icon-btn\" (click)=\"toggleDropdown($event)\" [title]=\"'Settings' | translate\">\r\n <fa-icon [icon]=\"cogIcon\" class=\"fs-6\"></fa-icon>\r\n </button>\r\n\r\n @if (dropdownOpen()) {\r\n <ul class=\"settings-menu menu-dropdown-panel\">\r\n @if (useAlternateNames) {\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onAlternateNamesClick($event)\">\r\n @if (displayAlternateNames) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ 'DisplayAlternateNames' | translate }}\r\n </button>\r\n </li>\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (hrCanBlock) {\r\n <li>\r\n @if (hrBlocked) {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseHrClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseHR' | translate }}\r\n </button>\r\n } @else {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockHrClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockHR' | translate }}\r\n </button>\r\n }\r\n </li>\r\n }\r\n\r\n @if (tkCanBlock) {\r\n <li>\r\n @if (tkBlocked) {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseTkClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseTK' | translate }}\r\n </button>\r\n } @else {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockTkClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockTK' | translate }}\r\n </button>\r\n }\r\n </li>\r\n }\r\n\r\n @if (hrCanBlock || tkCanBlock) {\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (nameModeItems.length > 0) {\r\n <li>\r\n <span class=\"menu-section-label\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n </li>\r\n\r\n @for (item of nameModeItems; track item.id; let index = $index) {\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onNameModeClick(index, $event)\">\r\n @if (item.selected) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ item.text }}\r\n </button>\r\n </li>\r\n }\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, changePasswordClick)\">\r\n <span class=\"menu-indicator\"></span>\r\n {{ 'ChangePassword' | translate }}\r\n </button>\r\n </li>\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, openAboutClick)\">\r\n <fa-icon class=\"menu-indicator\" [icon]=\"infoIcon\"></fa-icon>\r\n {{ 'About' | translate }}\r\n </button>\r\n </li>\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
623
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSettingsWidgetComponent, isStandalone: true, selector: "bayan-core-settings-widget", inputs: { ActivePropertyChanged: "ActivePropertyChanged", useAlternateNames: "useAlternateNames", displayAlternateNames: "displayAlternateNames", hrBlocked: "hrBlocked", hrCanBlock: "hrCanBlock", tkBlocked: "tkBlocked", tkCanBlock: "tkCanBlock", nameModeItems: "nameModeItems", settingsEnabled: "settingsEnabled" }, outputs: { alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange", blockHrClick: "blockHrClick", releaseHrClick: "releaseHrClick", blockTkClick: "blockTkClick", releaseTkClick: "releaseTkClick", changePasswordClick: "changePasswordClick", openAboutClick: "openAboutClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n <a href=\"#\" class=\"settings-toggle menu-icon-btn\" (click)=\"toggleDropdown($event)\" [title]=\"'Settings' | translate\">\r\n <fa-icon [icon]=\"cogIcon\" class=\"fs-6\"></fa-icon>\r\n </a>\r\n\r\n @if (dropdownOpen()) {\r\n <ul class=\"settings-menu menu-dropdown-panel\">\r\n @if (useAlternateNames) {\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" [class.disabled]=\"!settingsEnabled\" (click)=\"onAlternateNamesClick($event)\">\r\n @if (displayAlternateNames) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ 'DisplayAlternateNames' | translate }}\r\n </a>\r\n </li>\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (hrCanBlock) {\r\n <li>\r\n @if (hrBlocked) {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, releaseHrClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseHR' | translate }}\r\n </a>\r\n } @else {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, blockHrClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockHR' | translate }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n\r\n @if (tkCanBlock) {\r\n <li>\r\n @if (tkBlocked) {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, releaseTkClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseTK' | translate }}\r\n </a>\r\n } @else {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, blockTkClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockTK' | translate }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n\r\n @if (hrCanBlock || tkCanBlock) {\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (nameModeItems.length > 0) {\r\n <li>\r\n <span class=\"menu-section-label\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n </li>\r\n\r\n @for (item of nameModeItems; track item.id; let index = $index) {\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" [class.disabled]=\"!settingsEnabled\" (click)=\"onNameModeClick(index, $event)\">\r\n @if (item.selected) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n </li>\r\n }\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, changePasswordClick)\">\r\n <span class=\"menu-indicator\"></span>\r\n {{ 'ChangePassword' | translate }}\r\n </a>\r\n </li>\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, openAboutClick)\">\r\n <fa-icon class=\"menu-indicator\" [icon]=\"infoIcon\"></fa-icon>\r\n {{ 'About' | translate }}\r\n </a>\r\n </li>\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
596
624
  }
597
625
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, decorators: [{
598
626
  type: Component,
599
- args: [{ selector: 'bayan-core-settings-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n <button type=\"button\" class=\"settings-toggle menu-icon-btn\" (click)=\"toggleDropdown($event)\" [title]=\"'Settings' | translate\">\r\n <fa-icon [icon]=\"cogIcon\" class=\"fs-6\"></fa-icon>\r\n </button>\r\n\r\n @if (dropdownOpen()) {\r\n <ul class=\"settings-menu menu-dropdown-panel\">\r\n @if (useAlternateNames) {\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onAlternateNamesClick($event)\">\r\n @if (displayAlternateNames) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ 'DisplayAlternateNames' | translate }}\r\n </button>\r\n </li>\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (hrCanBlock) {\r\n <li>\r\n @if (hrBlocked) {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseHrClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseHR' | translate }}\r\n </button>\r\n } @else {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockHrClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockHR' | translate }}\r\n </button>\r\n }\r\n </li>\r\n }\r\n\r\n @if (tkCanBlock) {\r\n <li>\r\n @if (tkBlocked) {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseTkClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseTK' | translate }}\r\n </button>\r\n } @else {\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockTkClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockTK' | translate }}\r\n </button>\r\n }\r\n </li>\r\n }\r\n\r\n @if (hrCanBlock || tkCanBlock) {\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (nameModeItems.length > 0) {\r\n <li>\r\n <span class=\"menu-section-label\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n </li>\r\n\r\n @for (item of nameModeItems; track item.id; let index = $index) {\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onNameModeClick(index, $event)\">\r\n @if (item.selected) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ item.text }}\r\n </button>\r\n </li>\r\n }\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, changePasswordClick)\">\r\n <span class=\"menu-indicator\"></span>\r\n {{ 'ChangePassword' | translate }}\r\n </button>\r\n </li>\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n\r\n <li>\r\n <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, openAboutClick)\">\r\n <fa-icon class=\"menu-indicator\" [icon]=\"infoIcon\"></fa-icon>\r\n {{ 'About' | translate }}\r\n </button>\r\n </li>\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
627
+ args: [{ selector: 'bayan-core-settings-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n <a href=\"#\" class=\"settings-toggle menu-icon-btn\" (click)=\"toggleDropdown($event)\" [title]=\"'Settings' | translate\">\r\n <fa-icon [icon]=\"cogIcon\" class=\"fs-6\"></fa-icon>\r\n </a>\r\n\r\n @if (dropdownOpen()) {\r\n <ul class=\"settings-menu menu-dropdown-panel\">\r\n @if (useAlternateNames) {\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" [class.disabled]=\"!settingsEnabled\" (click)=\"onAlternateNamesClick($event)\">\r\n @if (displayAlternateNames) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ 'DisplayAlternateNames' | translate }}\r\n </a>\r\n </li>\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (hrCanBlock) {\r\n <li>\r\n @if (hrBlocked) {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, releaseHrClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseHR' | translate }}\r\n </a>\r\n } @else {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, blockHrClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockHR' | translate }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n\r\n @if (tkCanBlock) {\r\n <li>\r\n @if (tkBlocked) {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, releaseTkClick)\">\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'ReleaseTK' | translate }}\r\n </a>\r\n } @else {\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, blockTkClick)\">\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n {{ 'BlockTK' | translate }}\r\n </a>\r\n }\r\n </li>\r\n }\r\n\r\n @if (hrCanBlock || tkCanBlock) {\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n @if (nameModeItems.length > 0) {\r\n <li>\r\n <span class=\"menu-section-label\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n </li>\r\n\r\n @for (item of nameModeItems; track item.id; let index = $index) {\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" [class.disabled]=\"!settingsEnabled\" (click)=\"onNameModeClick(index, $event)\">\r\n @if (item.selected) {\r\n <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n } @else {\r\n <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n </li>\r\n }\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n }\r\n\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, changePasswordClick)\">\r\n <span class=\"menu-indicator\"></span>\r\n {{ 'ChangePassword' | translate }}\r\n </a>\r\n </li>\r\n\r\n <li><hr class=\"dropdown-divider\"></li>\r\n\r\n <li>\r\n <a class=\"dropdown-item header-dropdown-item menu-row text-dark-gray\" (click)=\"emitAndClose($event, openAboutClick)\">\r\n <fa-icon class=\"menu-indicator\" [icon]=\"infoIcon\"></fa-icon>\r\n {{ 'About' | translate }}\r\n </a>\r\n </li>\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
600
628
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { ActivePropertyChanged: [{
601
629
  type: Input
602
630
  }], useAlternateNames: [{
@@ -728,11 +756,11 @@ class BayanCoreUserPanelWidgetComponent {
728
756
  });
729
757
  }
730
758
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
731
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreUserPanelWidgetComponent, isStandalone: true, selector: "bayan-core-user-panel-widget", inputs: { baseUrl: "baseUrl", wrapperClass: "wrapperClass", dropdownOpenClass: "dropdownOpenClass", toggleButtonClass: "toggleButtonClass", employeeInfoClass: "employeeInfoClass", userNameClass: "userNameClass", propertyNameClass: "propertyNameClass", caretClass: "caretClass", menuClass: "menuClass", sectionLabelClass: "sectionLabelClass", menuItemClass: "menuItemClass", menuItemActiveClass: "menuItemActiveClass", indicatorClass: "indicatorClass", invisibleIndicatorClass: "invisibleIndicatorClass", dividerClass: "dividerClass", signOutButtonClass: "signOutButtonClass", showSignOutIcon: "showSignOutIcon", signOutIconClass: "signOutIconClass" }, outputs: { propertyChanged: "propertyChanged", signOutClick: "signOutClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"[wrapperClass, dropdownOpen() ? dropdownOpenClass : '']\">\r\n <button type=\"button\" [class]=\"toggleButtonClass\" (click)=\"toggleDropdown($event)\">\r\n <bayan-employee-badge [badge]=\"badge()\" width=\"34px\" height=\"34px\"></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeInfoClass\">\r\n <span [class]=\"userNameClass\">{{ userPanel()?.UserDisplayName || '' }}</span>\r\n\r\n @if (userPanel()?.ActivePropertyName) {\r\n <span [class]=\"propertyNameClass\">{{ userPanel()?.ActivePropertyName }}</span>\r\n }\r\n </div>\r\n\r\n <span [class]=\"caretClass\">&#9660;</span>\r\n </button>\r\n\r\n @if (dropdownOpen()) {\r\n <ul [class]=\"menuClass\">\r\n @if ((userPanel()?.Properties?.length || 0) > 0) {\r\n <li [class]=\"sectionLabelClass\">{{ 'Properties' | translate }}</li>\r\n\r\n @for (property of userPanel()?.Properties ?? []; track property.PropertyId) {\r\n <li>\r\n <button\r\n type=\"button\"\r\n [ngClass]=\"[menuItemClass, property.PropertyId === userPanel()?.ActivePropertyId ? menuItemActiveClass : '']\"\r\n (click)=\"selectProperty($event, property)\">\r\n @if (property.PropertyId === userPanel()?.ActivePropertyId) {\r\n <span [class]=\"indicatorClass\">&#9658;</span>\r\n } @else {\r\n <span [class]=\"indicatorClass + ' ' + invisibleIndicatorClass\"></span>\r\n }\r\n\r\n {{ property.PropertyName }}\r\n </button>\r\n </li>\r\n }\r\n\r\n <li><hr [class]=\"dividerClass\"></li>\r\n }\r\n\r\n @if (!userPanel()?.IsSSOLogin) {\r\n <li>\r\n <button type=\"button\" [class]=\"signOutButtonClass\" (click)=\"signOut($event)\">\r\n @if (showSignOutIcon) {\r\n <fa-icon [class]=\"signOutIconClass\" [icon]=\"signOutIcon\"></fa-icon>\r\n }\r\n {{ 'SignOut' | translate }}\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
759
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreUserPanelWidgetComponent, isStandalone: true, selector: "bayan-core-user-panel-widget", inputs: { baseUrl: "baseUrl", wrapperClass: "wrapperClass", dropdownOpenClass: "dropdownOpenClass", toggleButtonClass: "toggleButtonClass", employeeInfoClass: "employeeInfoClass", userNameClass: "userNameClass", propertyNameClass: "propertyNameClass", caretClass: "caretClass", menuClass: "menuClass", sectionLabelClass: "sectionLabelClass", menuItemClass: "menuItemClass", menuItemActiveClass: "menuItemActiveClass", indicatorClass: "indicatorClass", invisibleIndicatorClass: "invisibleIndicatorClass", dividerClass: "dividerClass", signOutButtonClass: "signOutButtonClass", showSignOutIcon: "showSignOutIcon", signOutIconClass: "signOutIconClass" }, outputs: { propertyChanged: "propertyChanged", signOutClick: "signOutClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"[wrapperClass, dropdownOpen() ? dropdownOpenClass : '']\">\r\n <a href=\"#\" [class]=\"toggleButtonClass\" (click)=\"toggleDropdown($event)\">\r\n <bayan-employee-badge [badge]=\"badge()\" width=\"34px\" height=\"34px\"></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeInfoClass\">\r\n <span [class]=\"userNameClass\">{{ userPanel()?.UserDisplayName || '' }}</span>\r\n\r\n @if (userPanel()?.ActivePropertyName) {\r\n <span [class]=\"propertyNameClass\">{{ userPanel()?.ActivePropertyName }}</span>\r\n }\r\n </div>\r\n\r\n <span [class]=\"caretClass\">&#9660;</span>\r\n </a>\r\n\r\n @if (dropdownOpen()) {\r\n <ul [class]=\"menuClass\">\r\n @if ((userPanel()?.Properties?.length || 0) > 0) {\r\n <li [class]=\"sectionLabelClass\">{{ 'Properties' | translate }}</li>\r\n\r\n @for (property of userPanel()?.Properties ?? []; track property.PropertyId) {\r\n <li>\r\n <a\r\n class=\"text-dark-gray\"\r\n [ngClass]=\"[menuItemClass, property.PropertyId === userPanel()?.ActivePropertyId ? menuItemActiveClass : '']\"\r\n (click)=\"selectProperty($event, property)\">\r\n @if (property.PropertyId === userPanel()?.ActivePropertyId) {\r\n <span [class]=\"indicatorClass\">&#9658;</span>\r\n } @else {\r\n <span [class]=\"indicatorClass + ' ' + invisibleIndicatorClass\"></span>\r\n }\r\n\r\n {{ property.PropertyName }}\r\n </a>\r\n </li>\r\n }\r\n\r\n <li><hr [class]=\"dividerClass\"></li>\r\n }\r\n\r\n @if (!userPanel()?.IsSSOLogin) {\r\n <li>\r\n <a class=\"text-dark-gray\" [class]=\"signOutButtonClass\" (click)=\"signOut($event)\">\r\n @if (showSignOutIcon) {\r\n <fa-icon [class]=\"signOutIconClass\" [icon]=\"signOutIcon\"></fa-icon>\r\n }\r\n {{ 'SignOut' | translate }}\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
732
760
  }
733
761
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, decorators: [{
734
762
  type: Component,
735
- args: [{ selector: 'bayan-core-user-panel-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanEmployeeBadgeComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"[wrapperClass, dropdownOpen() ? dropdownOpenClass : '']\">\r\n <button type=\"button\" [class]=\"toggleButtonClass\" (click)=\"toggleDropdown($event)\">\r\n <bayan-employee-badge [badge]=\"badge()\" width=\"34px\" height=\"34px\"></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeInfoClass\">\r\n <span [class]=\"userNameClass\">{{ userPanel()?.UserDisplayName || '' }}</span>\r\n\r\n @if (userPanel()?.ActivePropertyName) {\r\n <span [class]=\"propertyNameClass\">{{ userPanel()?.ActivePropertyName }}</span>\r\n }\r\n </div>\r\n\r\n <span [class]=\"caretClass\">&#9660;</span>\r\n </button>\r\n\r\n @if (dropdownOpen()) {\r\n <ul [class]=\"menuClass\">\r\n @if ((userPanel()?.Properties?.length || 0) > 0) {\r\n <li [class]=\"sectionLabelClass\">{{ 'Properties' | translate }}</li>\r\n\r\n @for (property of userPanel()?.Properties ?? []; track property.PropertyId) {\r\n <li>\r\n <button\r\n type=\"button\"\r\n [ngClass]=\"[menuItemClass, property.PropertyId === userPanel()?.ActivePropertyId ? menuItemActiveClass : '']\"\r\n (click)=\"selectProperty($event, property)\">\r\n @if (property.PropertyId === userPanel()?.ActivePropertyId) {\r\n <span [class]=\"indicatorClass\">&#9658;</span>\r\n } @else {\r\n <span [class]=\"indicatorClass + ' ' + invisibleIndicatorClass\"></span>\r\n }\r\n\r\n {{ property.PropertyName }}\r\n </button>\r\n </li>\r\n }\r\n\r\n <li><hr [class]=\"dividerClass\"></li>\r\n }\r\n\r\n @if (!userPanel()?.IsSSOLogin) {\r\n <li>\r\n <button type=\"button\" [class]=\"signOutButtonClass\" (click)=\"signOut($event)\">\r\n @if (showSignOutIcon) {\r\n <fa-icon [class]=\"signOutIconClass\" [icon]=\"signOutIcon\"></fa-icon>\r\n }\r\n {{ 'SignOut' | translate }}\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
763
+ args: [{ selector: 'bayan-core-user-panel-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanEmployeeBadgeComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"[wrapperClass, dropdownOpen() ? dropdownOpenClass : '']\">\r\n <a href=\"#\" [class]=\"toggleButtonClass\" (click)=\"toggleDropdown($event)\">\r\n <bayan-employee-badge [badge]=\"badge()\" width=\"34px\" height=\"34px\"></bayan-employee-badge>\r\n\r\n <div [class]=\"employeeInfoClass\">\r\n <span [class]=\"userNameClass\">{{ userPanel()?.UserDisplayName || '' }}</span>\r\n\r\n @if (userPanel()?.ActivePropertyName) {\r\n <span [class]=\"propertyNameClass\">{{ userPanel()?.ActivePropertyName }}</span>\r\n }\r\n </div>\r\n\r\n <span [class]=\"caretClass\">&#9660;</span>\r\n </a>\r\n\r\n @if (dropdownOpen()) {\r\n <ul [class]=\"menuClass\">\r\n @if ((userPanel()?.Properties?.length || 0) > 0) {\r\n <li [class]=\"sectionLabelClass\">{{ 'Properties' | translate }}</li>\r\n\r\n @for (property of userPanel()?.Properties ?? []; track property.PropertyId) {\r\n <li>\r\n <a\r\n class=\"text-dark-gray\"\r\n [ngClass]=\"[menuItemClass, property.PropertyId === userPanel()?.ActivePropertyId ? menuItemActiveClass : '']\"\r\n (click)=\"selectProperty($event, property)\">\r\n @if (property.PropertyId === userPanel()?.ActivePropertyId) {\r\n <span [class]=\"indicatorClass\">&#9658;</span>\r\n } @else {\r\n <span [class]=\"indicatorClass + ' ' + invisibleIndicatorClass\"></span>\r\n }\r\n\r\n {{ property.PropertyName }}\r\n </a>\r\n </li>\r\n }\r\n\r\n <li><hr [class]=\"dividerClass\"></li>\r\n }\r\n\r\n @if (!userPanel()?.IsSSOLogin) {\r\n <li>\r\n <a class=\"text-dark-gray\" [class]=\"signOutButtonClass\" (click)=\"signOut($event)\">\r\n @if (showSignOutIcon) {\r\n <fa-icon [class]=\"signOutIconClass\" [icon]=\"signOutIcon\"></fa-icon>\r\n }\r\n {{ 'SignOut' | translate }}\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</div>\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
736
764
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
737
765
  type: Input
738
766
  }], wrapperClass: [{
@@ -781,16 +809,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
781
809
  class BayanCoreTopMenuWidgetComponent {
782
810
  document = inject(DOCUMENT);
783
811
  router = inject(Router);
812
+ menuService = inject(BayanCoreTopMenuService);
784
813
  baseUrl = '';
785
814
  systemModule = null;
815
+ ShowShourtcutMenus = true;
816
+ menuItems = [];
786
817
  sidebarCollapsed = false;
787
818
  homeUrl = null;
788
819
  logoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-enterprise-dark.png';
789
820
  collapsedLogoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-collapsed.png';
790
821
  logoClick = new EventEmitter();
791
- searchPlaceholder = 'TopMenu.SearchPlaceholder';
792
- menuItems = [];
793
- searchItems = [];
794
822
  isSsoLogin = false;
795
823
  useAlternateNames = false;
796
824
  displayAlternateNames = false;
@@ -822,7 +850,7 @@ Sky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
822
850
  supportButtonLabel: 'TechnicalSupport',
823
851
  closeButtonLabel: 'Close',
824
852
  };
825
- showGlobalSearch = false;
853
+ showGlobalSearch = true;
826
854
  showUserPanel = true;
827
855
  showSettings = false;
828
856
  showNotifications = true;
@@ -831,12 +859,11 @@ Sky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
831
859
  helpTitle = 'Help';
832
860
  helpUrl = 'https://docs.bayan.solutions/Bayan/index.html';
833
861
  helpIcon = faQuestionCircle;
834
- helpAnchorClass = 'menu-icon-btn top-menu-widget__help-link';
862
+ helpAnchorClass = 'menu-icon-btn';
835
863
  helpUrlTarget = '_blank';
836
864
  helpClick = new EventEmitter();
837
865
  menuItemClick = new EventEmitter();
838
866
  searchSubmit = new EventEmitter();
839
- searchItemNavigate = new EventEmitter();
840
867
  propertyChanged = new EventEmitter();
841
868
  signOutClick = new EventEmitter();
842
869
  alternateNamesChange = new EventEmitter();
@@ -854,13 +881,7 @@ Sky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
854
881
  aboutVisible = signal(false);
855
882
  changePasswordVisible = signal(false);
856
883
  ActivePropertyChanged = false;
857
- ngOnInit() {
858
- if (this.systemModule) {
859
- }
860
- }
861
- hasNavigationUrl(url) {
862
- return !!resolveUrl(this.baseUrl, url);
863
- }
884
+ ActivePropertyId = 0;
864
885
  getLogoSrc() {
865
886
  if (this.sidebarCollapsed) {
866
887
  return this.collapsedLogoUrl || null;
@@ -878,7 +899,7 @@ Sky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
878
899
  onHelpClicked(event) {
879
900
  event?.preventDefault();
880
901
  if (this.helpUrl) {
881
- window.location.href = this.helpUrl;
902
+ window.open(this.helpUrl, this.helpUrlTarget);
882
903
  return;
883
904
  }
884
905
  this.helpClick.emit();
@@ -897,10 +918,27 @@ Sky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
897
918
  }
898
919
  onPropertyChanged(property) {
899
920
  this.ActivePropertyChanged = !this.ActivePropertyChanged;
921
+ this.ActivePropertyId = property.PropertyId;
900
922
  this.propertyChanged.emit(property);
923
+ this.loadShortcutMenus();
924
+ }
925
+ ngOnInit() {
926
+ this.loadShortcutMenus();
927
+ }
928
+ loadShortcutMenus() {
929
+ if (this.ShowShourtcutMenus && this.ActivePropertyId > 0 && this.systemModule && this.baseUrl) {
930
+ this.menuService.getMicroserviceTopMenusShortcut(this.baseUrl, this.ActivePropertyId, this.systemModule)
931
+ .subscribe({
932
+ next: (menus) => this.menuItems = menus ?? [],
933
+ error: () => this.menuItems = []
934
+ });
935
+ }
936
+ else {
937
+ this.menuItems = [];
938
+ }
901
939
  }
902
940
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
903
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreTopMenuWidgetComponent, isStandalone: true, selector: "bayan-core-top-menu-widget", inputs: { baseUrl: "baseUrl", systemModule: "systemModule", sidebarCollapsed: "sidebarCollapsed", homeUrl: "homeUrl", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", searchPlaceholder: "searchPlaceholder", menuItems: "menuItems", searchItems: "searchItems", isSsoLogin: "isSsoLogin", useAlternateNames: "useAlternateNames", displayAlternateNames: "displayAlternateNames", hrBlocked: "hrBlocked", hrCanBlock: "hrCanBlock", tkBlocked: "tkBlocked", tkCanBlock: "tkCanBlock", nameModeItems: "nameModeItems", settingsEnabled: "settingsEnabled", useInternalDialogs: "useInternalDialogs", changePasswordLoading: "changePasswordLoading", changePasswordDialog: "changePasswordDialog", aboutDialog: "aboutDialog", showGlobalSearch: "showGlobalSearch", showUserPanel: "showUserPanel", showSettings: "showSettings", showNotifications: "showNotifications", notificationsTitle: "notificationsTitle", showHelp: "showHelp", helpTitle: "helpTitle", helpUrl: "helpUrl", helpIcon: "helpIcon", helpAnchorClass: "helpAnchorClass", helpUrlTarget: "helpUrlTarget" }, outputs: { logoClick: "logoClick", helpClick: "helpClick", menuItemClick: "menuItemClick", searchSubmit: "searchSubmit", searchItemNavigate: "searchItemNavigate", propertyChanged: "propertyChanged", signOutClick: "signOutClick", alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange", blockHrClick: "blockHrClick", releaseHrClick: "releaseHrClick", blockTkClick: "blockTkClick", releaseTkClick: "releaseTkClick", changePasswordClick: "changePasswordClick", openAboutClick: "openAboutClick", aboutLicenseClick: "aboutLicenseClick", aboutReleaseNotesClick: "aboutReleaseNotesClick", aboutSupportClick: "aboutSupportClick", submitPasswordChange: "submitPasswordChange" }, ngImport: i0, template: "<header class=\"top-menu-widget__header shadow-sm w-100 sticky-top\">\r\n <dx-toolbar class=\"top-menu-widget__toolbar px-4\">\r\n <dxi-item location=\"before\">\r\n <div *dxTemplate>\r\n <a\r\n class=\"top-menu-widget__brand\" href=\"#\"\r\n [class.top-menu-widget__brand--collapsed]=\"sidebarCollapsed\"\r\n (click)=\"onLogoClicked($event)\">\r\n <img\r\n [src]=\"getLogoSrc()\"\r\n alt=\"\"\r\n class=\"top-menu-widget__logo\"\r\n [class.top-menu-widget__logo--collapsed]=\"sidebarCollapsed && !!collapsedLogoUrl\">\r\n </a>\r\n </div>\r\n </dxi-item>\r\n\r\n <dxi-item location=\"before\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <ul class=\"top-menu-widget__nav\">\r\n @for (item of menuItems; track item.id ?? item.menuName) {\r\n <bayan-core-item-widget [item]=\"item\" [baseUrl]=\"baseUrl\" [ActivePropertyChanged]=\"ActivePropertyChanged\" (itemClick)=\"menuItemClick.emit($event)\"></bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [placeholder]=\"searchPlaceholder\"\r\n [dataSource]=\"searchItems\"\r\n (search)=\"searchSubmit.emit($event)\"\r\n (itemNavigate)=\"searchItemNavigate.emit($event)\">\r\n </bayan-core-global-search-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showUserPanel) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-user-panel-widget\r\n [baseUrl]=\"baseUrl\"\r\n (propertyChanged)=\"onPropertyChanged($event)\"\r\n (signOutClick)=\"signOutClick.emit()\">\r\n </bayan-core-user-panel-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showSettings) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-settings-widget\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [useAlternateNames]=\"useAlternateNames\"\r\n [displayAlternateNames]=\"displayAlternateNames\"\r\n [hrBlocked]=\"hrBlocked\"\r\n [hrCanBlock]=\"hrCanBlock\"\r\n [tkBlocked]=\"tkBlocked\"\r\n [tkCanBlock]=\"tkCanBlock\"\r\n [nameModeItems]=\"nameModeItems\"\r\n [settingsEnabled]=\"settingsEnabled\"\r\n (alternateNamesChange)=\"alternateNamesChange.emit()\"\r\n (nameModeChange)=\"nameModeChange.emit($event)\"\r\n (blockHrClick)=\"blockHrClick.emit()\"\r\n (releaseHrClick)=\"releaseHrClick.emit()\"\r\n (blockTkClick)=\"blockTkClick.emit()\"\r\n (releaseTkClick)=\"releaseTkClick.emit()\"\r\n (changePasswordClick)=\"onChangePasswordRequested()\"\r\n (openAboutClick)=\"onAboutRequested()\">\r\n </bayan-core-settings-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showNotifications) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-notifications-widget [baseUrl]=\"baseUrl\"\r\n [title]=\"notificationsTitle | translate\" >\r\n </bayan-core-notifications-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showHelp) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <a\r\n [class]=\"helpAnchorClass\"\r\n [title]=\"helpTitle | translate\"\r\n [target]=\"helpUrlTarget\"\r\n href=\"#\"\r\n (click)=\"onHelpClicked($event)\">\r\n <fa-icon [icon]=\"helpIcon\" class=\"fs-6\"></fa-icon>\r\n </a>\r\n </div>\r\n </dxi-item>\r\n }\r\n </dx-toolbar>\r\n</header>\r\n\r\n@if (useInternalDialogs) {\r\n <bayan-core-about-dialog-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"aboutVisible()\"\r\n [config]=\"aboutDialog\"\r\n (visibleChange)=\"aboutVisible.set($event)\"\r\n (licenseClick)=\"aboutLicenseClick.emit()\"\r\n (releaseNotesClick)=\"aboutReleaseNotesClick.emit()\"\r\n (supportClick)=\"aboutSupportClick.emit()\">\r\n </bayan-core-about-dialog-widget>\r\n\r\n <bayan-core-change-password-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"changePasswordVisible()\"\r\n [config]=\"changePasswordDialog\"\r\n [isSubmitting]=\"changePasswordLoading\"\r\n (visibleChange)=\"changePasswordVisible.set($event)\"\r\n (submitPasswordChange)=\"submitPasswordChange.emit($event)\">\r\n </bayan-core-change-password-widget>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxToolbarModule }, { kind: "component", type: i1$1.DxToolbarComponent, selector: "dx-toolbar", inputs: ["dataSource", "disabled", "elementAttr", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "menuItemTemplate", "multiline", "noDataText", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "dataSourceChange", "disabledChange", "elementAttrChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "menuItemTemplateChange", "multilineChange", "noDataTextChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "author", "id", "timestamp", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "captionTemplate", "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", "collapsed", "collapsedSize", "collapsible", "maxSize", "minSize", "resizable", "size", "splitter", "heightRatio", "widthRatio", "expanded", "hasItems", "parentId"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "ActivePropertyChanged", "item"], outputs: ["itemClick"] }, { kind: "component", type: BayanCoreGlobalSearchWidgetComponent, selector: "bayan-core-global-search-widget", inputs: ["baseUrl", "ActivePropertyChanged", "placeholder", "dataSource"], outputs: ["search", "itemNavigate"] }, { kind: "component", type: BayanCoreUserPanelWidgetComponent, selector: "bayan-core-user-panel-widget", inputs: ["baseUrl", "wrapperClass", "dropdownOpenClass", "toggleButtonClass", "employeeInfoClass", "userNameClass", "propertyNameClass", "caretClass", "menuClass", "sectionLabelClass", "menuItemClass", "menuItemActiveClass", "indicatorClass", "invisibleIndicatorClass", "dividerClass", "signOutButtonClass", "showSignOutIcon", "signOutIconClass"], outputs: ["propertyChanged", "signOutClick"] }, { kind: "component", type: BayanCoreSettingsWidgetComponent, selector: "bayan-core-settings-widget", inputs: ["ActivePropertyChanged", "useAlternateNames", "displayAlternateNames", "hrBlocked", "hrCanBlock", "tkBlocked", "tkCanBlock", "nameModeItems", "settingsEnabled"], outputs: ["alternateNamesChange", "nameModeChange", "blockHrClick", "releaseHrClick", "blockTkClick", "releaseTkClick", "changePasswordClick", "openAboutClick"] }, { kind: "component", type: BayanCoreAboutDialogWidgetComponent, selector: "bayan-core-about-dialog-widget", inputs: ["baseUrl", "visible", "config"], outputs: ["visibleChange", "licenseClick", "releaseNotesClick", "supportClick"] }, { kind: "component", type: BayanCoreChangePasswordWidgetComponent, selector: "bayan-core-change-password-widget", inputs: ["baseUrl", "visible", "config", "isSubmitting"], outputs: ["visibleChange", "submitPasswordChange"] }, { kind: "component", type: BayanCoreNotificationsWidgetComponent, selector: "bayan-core-notifications-widget", inputs: ["baseUrl", "title", "wrapperClass", "linkClass", "iconClass", "badgeClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
941
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreTopMenuWidgetComponent, isStandalone: true, selector: "bayan-core-top-menu-widget", inputs: { baseUrl: "baseUrl", systemModule: "systemModule", ShowShourtcutMenus: "ShowShourtcutMenus", sidebarCollapsed: "sidebarCollapsed", homeUrl: "homeUrl", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", isSsoLogin: "isSsoLogin", useAlternateNames: "useAlternateNames", displayAlternateNames: "displayAlternateNames", hrBlocked: "hrBlocked", hrCanBlock: "hrCanBlock", tkBlocked: "tkBlocked", tkCanBlock: "tkCanBlock", nameModeItems: "nameModeItems", settingsEnabled: "settingsEnabled", useInternalDialogs: "useInternalDialogs", changePasswordLoading: "changePasswordLoading", changePasswordDialog: "changePasswordDialog", aboutDialog: "aboutDialog", showGlobalSearch: "showGlobalSearch", showUserPanel: "showUserPanel", showSettings: "showSettings", showNotifications: "showNotifications", notificationsTitle: "notificationsTitle", showHelp: "showHelp", helpTitle: "helpTitle", helpUrl: "helpUrl", helpIcon: "helpIcon", helpAnchorClass: "helpAnchorClass", helpUrlTarget: "helpUrlTarget" }, outputs: { logoClick: "logoClick", helpClick: "helpClick", menuItemClick: "menuItemClick", searchSubmit: "searchSubmit", propertyChanged: "propertyChanged", signOutClick: "signOutClick", alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange", blockHrClick: "blockHrClick", releaseHrClick: "releaseHrClick", blockTkClick: "blockTkClick", releaseTkClick: "releaseTkClick", changePasswordClick: "changePasswordClick", openAboutClick: "openAboutClick", aboutLicenseClick: "aboutLicenseClick", aboutReleaseNotesClick: "aboutReleaseNotesClick", aboutSupportClick: "aboutSupportClick", submitPasswordChange: "submitPasswordChange" }, ngImport: i0, template: "<header class=\"top-bar-header shadow-sm w-100 sticky-top\">\r\n <dx-toolbar class=\"header-toolbar px-4\">\r\n <dxi-item location=\"before\">\r\n <div *dxTemplate>\r\n <a\r\n class=\"navbar-brand-link\" href=\"#\"\r\n [class.collapsed]=\"sidebarCollapsed\"\r\n (click)=\"onLogoClicked($event)\">\r\n <img\r\n [src]=\"getLogoSrc()\"\r\n alt=\"\"\r\n [class.header-logo]=\"!sidebarCollapsed\"\r\n [class.header-logo-collapsed]=\"sidebarCollapsed && !!collapsedLogoUrl\">\r\n </a>\r\n </div>\r\n </dxi-item>\r\n\r\n @if (ShowShourtcutMenus) {\r\n <dxi-item location=\"before\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <ul class=\"nav navbar-nav d-flex flex-row align-items-center mb-0 gap-1\">\r\n @for (item of menuItems; track item.MenuName) {\r\n <bayan-core-item-widget [item]=\"item\"\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (itemClick)=\"menuItemClick.emit($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyId]=\"ActivePropertyId\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (search)=\"searchSubmit.emit($event)\">\r\n </bayan-core-global-search-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showUserPanel) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-user-panel-widget\r\n [baseUrl]=\"baseUrl\"\r\n [showSignOutIcon]=\"false\"\r\n (propertyChanged)=\"onPropertyChanged($event)\"\r\n (signOutClick)=\"signOutClick.emit()\">\r\n </bayan-core-user-panel-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showSettings) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-settings-widget\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [useAlternateNames]=\"useAlternateNames\"\r\n [displayAlternateNames]=\"displayAlternateNames\"\r\n [hrBlocked]=\"hrBlocked\"\r\n [hrCanBlock]=\"hrCanBlock\"\r\n [tkBlocked]=\"tkBlocked\"\r\n [tkCanBlock]=\"tkCanBlock\"\r\n [nameModeItems]=\"nameModeItems\"\r\n [settingsEnabled]=\"settingsEnabled\"\r\n (alternateNamesChange)=\"alternateNamesChange.emit()\"\r\n (nameModeChange)=\"nameModeChange.emit($event)\"\r\n (blockHrClick)=\"blockHrClick.emit()\"\r\n (releaseHrClick)=\"releaseHrClick.emit()\"\r\n (blockTkClick)=\"blockTkClick.emit()\"\r\n (releaseTkClick)=\"releaseTkClick.emit()\"\r\n (changePasswordClick)=\"onChangePasswordRequested()\"\r\n (openAboutClick)=\"onAboutRequested()\">\r\n </bayan-core-settings-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showNotifications) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-notifications-widget [baseUrl]=\"baseUrl\"\r\n [title]=\"notificationsTitle | translate\" >\r\n </bayan-core-notifications-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showHelp) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <a\r\n [class]=\"helpAnchorClass\"\r\n [title]=\"helpTitle | translate\"\r\n [target]=\"helpUrlTarget\"\r\n href=\"#\"\r\n (click)=\"onHelpClicked($event)\">\r\n <fa-icon [icon]=\"helpIcon\" class=\"fs-6\"></fa-icon>\r\n </a>\r\n </div>\r\n </dxi-item>\r\n }\r\n </dx-toolbar>\r\n</header>\r\n\r\n@if (useInternalDialogs) {\r\n <bayan-core-about-dialog-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"aboutVisible()\"\r\n [config]=\"aboutDialog\"\r\n (visibleChange)=\"aboutVisible.set($event)\"\r\n (licenseClick)=\"aboutLicenseClick.emit()\"\r\n (releaseNotesClick)=\"aboutReleaseNotesClick.emit()\"\r\n (supportClick)=\"aboutSupportClick.emit()\">\r\n </bayan-core-about-dialog-widget>\r\n\r\n <bayan-core-change-password-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"changePasswordVisible()\"\r\n [config]=\"changePasswordDialog\"\r\n [isSubmitting]=\"changePasswordLoading\"\r\n (visibleChange)=\"changePasswordVisible.set($event)\"\r\n (submitPasswordChange)=\"submitPasswordChange.emit($event)\">\r\n </bayan-core-change-password-widget>\r\n}\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxToolbarModule }, { kind: "component", type: i1$1.DxToolbarComponent, selector: "dx-toolbar", inputs: ["dataSource", "disabled", "elementAttr", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "menuItemTemplate", "multiline", "noDataText", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "dataSourceChange", "disabledChange", "elementAttrChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "menuItemTemplateChange", "multilineChange", "noDataTextChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "author", "id", "timestamp", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "captionTemplate", "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", "collapsed", "collapsedSize", "collapsible", "maxSize", "minSize", "resizable", "size", "splitter", "heightRatio", "widthRatio", "expanded", "hasItems", "parentId"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "ActivePropertyChanged", "item", "navItemClass", "navLinkClass", "dropdownClass", "dropdownOpenClass", "dropdownToggleClass", "caretClass", "dropdownMenuClass"], outputs: ["itemClick"] }, { kind: "component", type: BayanCoreGlobalSearchWidgetComponent, selector: "bayan-core-global-search-widget", inputs: ["baseUrl", "ActivePropertyChanged", "ActivePropertyId", "placeholder", "searchMode", "stylingMode", "searchWrapperClass", "searchItemClass", "searchItemTitleClass", "searchItemSubtitleClass", "iconClass"], outputs: ["search", "itemNavigate"] }, { kind: "component", type: BayanCoreUserPanelWidgetComponent, selector: "bayan-core-user-panel-widget", inputs: ["baseUrl", "wrapperClass", "dropdownOpenClass", "toggleButtonClass", "employeeInfoClass", "userNameClass", "propertyNameClass", "caretClass", "menuClass", "sectionLabelClass", "menuItemClass", "menuItemActiveClass", "indicatorClass", "invisibleIndicatorClass", "dividerClass", "signOutButtonClass", "showSignOutIcon", "signOutIconClass"], outputs: ["propertyChanged", "signOutClick"] }, { kind: "component", type: BayanCoreSettingsWidgetComponent, selector: "bayan-core-settings-widget", inputs: ["ActivePropertyChanged", "useAlternateNames", "displayAlternateNames", "hrBlocked", "hrCanBlock", "tkBlocked", "tkCanBlock", "nameModeItems", "settingsEnabled"], outputs: ["alternateNamesChange", "nameModeChange", "blockHrClick", "releaseHrClick", "blockTkClick", "releaseTkClick", "changePasswordClick", "openAboutClick"] }, { kind: "component", type: BayanCoreAboutDialogWidgetComponent, selector: "bayan-core-about-dialog-widget", inputs: ["baseUrl", "visible", "config"], outputs: ["visibleChange", "licenseClick", "releaseNotesClick", "supportClick"] }, { kind: "component", type: BayanCoreChangePasswordWidgetComponent, selector: "bayan-core-change-password-widget", inputs: ["baseUrl", "visible", "config", "isSubmitting"], outputs: ["visibleChange", "submitPasswordChange"] }, { kind: "component", type: BayanCoreNotificationsWidgetComponent, selector: "bayan-core-notifications-widget", inputs: ["baseUrl", "title", "wrapperClass", "linkClass", "iconClass", "badgeClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
904
942
  }
905
943
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, decorators: [{
906
944
  type: Component,
@@ -916,11 +954,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
916
954
  BayanCoreAboutDialogWidgetComponent,
917
955
  BayanCoreChangePasswordWidgetComponent,
918
956
  BayanCoreNotificationsWidgetComponent,
919
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"top-menu-widget__header shadow-sm w-100 sticky-top\">\r\n <dx-toolbar class=\"top-menu-widget__toolbar px-4\">\r\n <dxi-item location=\"before\">\r\n <div *dxTemplate>\r\n <a\r\n class=\"top-menu-widget__brand\" href=\"#\"\r\n [class.top-menu-widget__brand--collapsed]=\"sidebarCollapsed\"\r\n (click)=\"onLogoClicked($event)\">\r\n <img\r\n [src]=\"getLogoSrc()\"\r\n alt=\"\"\r\n class=\"top-menu-widget__logo\"\r\n [class.top-menu-widget__logo--collapsed]=\"sidebarCollapsed && !!collapsedLogoUrl\">\r\n </a>\r\n </div>\r\n </dxi-item>\r\n\r\n <dxi-item location=\"before\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <ul class=\"top-menu-widget__nav\">\r\n @for (item of menuItems; track item.id ?? item.menuName) {\r\n <bayan-core-item-widget [item]=\"item\" [baseUrl]=\"baseUrl\" [ActivePropertyChanged]=\"ActivePropertyChanged\" (itemClick)=\"menuItemClick.emit($event)\"></bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [placeholder]=\"searchPlaceholder\"\r\n [dataSource]=\"searchItems\"\r\n (search)=\"searchSubmit.emit($event)\"\r\n (itemNavigate)=\"searchItemNavigate.emit($event)\">\r\n </bayan-core-global-search-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showUserPanel) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-user-panel-widget\r\n [baseUrl]=\"baseUrl\"\r\n (propertyChanged)=\"onPropertyChanged($event)\"\r\n (signOutClick)=\"signOutClick.emit()\">\r\n </bayan-core-user-panel-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showSettings) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-settings-widget\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [useAlternateNames]=\"useAlternateNames\"\r\n [displayAlternateNames]=\"displayAlternateNames\"\r\n [hrBlocked]=\"hrBlocked\"\r\n [hrCanBlock]=\"hrCanBlock\"\r\n [tkBlocked]=\"tkBlocked\"\r\n [tkCanBlock]=\"tkCanBlock\"\r\n [nameModeItems]=\"nameModeItems\"\r\n [settingsEnabled]=\"settingsEnabled\"\r\n (alternateNamesChange)=\"alternateNamesChange.emit()\"\r\n (nameModeChange)=\"nameModeChange.emit($event)\"\r\n (blockHrClick)=\"blockHrClick.emit()\"\r\n (releaseHrClick)=\"releaseHrClick.emit()\"\r\n (blockTkClick)=\"blockTkClick.emit()\"\r\n (releaseTkClick)=\"releaseTkClick.emit()\"\r\n (changePasswordClick)=\"onChangePasswordRequested()\"\r\n (openAboutClick)=\"onAboutRequested()\">\r\n </bayan-core-settings-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showNotifications) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-notifications-widget [baseUrl]=\"baseUrl\"\r\n [title]=\"notificationsTitle | translate\" >\r\n </bayan-core-notifications-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showHelp) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <a\r\n [class]=\"helpAnchorClass\"\r\n [title]=\"helpTitle | translate\"\r\n [target]=\"helpUrlTarget\"\r\n href=\"#\"\r\n (click)=\"onHelpClicked($event)\">\r\n <fa-icon [icon]=\"helpIcon\" class=\"fs-6\"></fa-icon>\r\n </a>\r\n </div>\r\n </dxi-item>\r\n }\r\n </dx-toolbar>\r\n</header>\r\n\r\n@if (useInternalDialogs) {\r\n <bayan-core-about-dialog-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"aboutVisible()\"\r\n [config]=\"aboutDialog\"\r\n (visibleChange)=\"aboutVisible.set($event)\"\r\n (licenseClick)=\"aboutLicenseClick.emit()\"\r\n (releaseNotesClick)=\"aboutReleaseNotesClick.emit()\"\r\n (supportClick)=\"aboutSupportClick.emit()\">\r\n </bayan-core-about-dialog-widget>\r\n\r\n <bayan-core-change-password-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"changePasswordVisible()\"\r\n [config]=\"changePasswordDialog\"\r\n [isSubmitting]=\"changePasswordLoading\"\r\n (visibleChange)=\"changePasswordVisible.set($event)\"\r\n (submitPasswordChange)=\"submitPasswordChange.emit($event)\">\r\n </bayan-core-change-password-widget>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
957
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"top-bar-header shadow-sm w-100 sticky-top\">\r\n <dx-toolbar class=\"header-toolbar px-4\">\r\n <dxi-item location=\"before\">\r\n <div *dxTemplate>\r\n <a\r\n class=\"navbar-brand-link\" href=\"#\"\r\n [class.collapsed]=\"sidebarCollapsed\"\r\n (click)=\"onLogoClicked($event)\">\r\n <img\r\n [src]=\"getLogoSrc()\"\r\n alt=\"\"\r\n [class.header-logo]=\"!sidebarCollapsed\"\r\n [class.header-logo-collapsed]=\"sidebarCollapsed && !!collapsedLogoUrl\">\r\n </a>\r\n </div>\r\n </dxi-item>\r\n\r\n @if (ShowShourtcutMenus) {\r\n <dxi-item location=\"before\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <ul class=\"nav navbar-nav d-flex flex-row align-items-center mb-0 gap-1\">\r\n @for (item of menuItems; track item.MenuName) {\r\n <bayan-core-item-widget [item]=\"item\"\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (itemClick)=\"menuItemClick.emit($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyId]=\"ActivePropertyId\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (search)=\"searchSubmit.emit($event)\">\r\n </bayan-core-global-search-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showUserPanel) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-user-panel-widget\r\n [baseUrl]=\"baseUrl\"\r\n [showSignOutIcon]=\"false\"\r\n (propertyChanged)=\"onPropertyChanged($event)\"\r\n (signOutClick)=\"signOutClick.emit()\">\r\n </bayan-core-user-panel-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showSettings) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-settings-widget\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n [useAlternateNames]=\"useAlternateNames\"\r\n [displayAlternateNames]=\"displayAlternateNames\"\r\n [hrBlocked]=\"hrBlocked\"\r\n [hrCanBlock]=\"hrCanBlock\"\r\n [tkBlocked]=\"tkBlocked\"\r\n [tkCanBlock]=\"tkCanBlock\"\r\n [nameModeItems]=\"nameModeItems\"\r\n [settingsEnabled]=\"settingsEnabled\"\r\n (alternateNamesChange)=\"alternateNamesChange.emit()\"\r\n (nameModeChange)=\"nameModeChange.emit($event)\"\r\n (blockHrClick)=\"blockHrClick.emit()\"\r\n (releaseHrClick)=\"releaseHrClick.emit()\"\r\n (blockTkClick)=\"blockTkClick.emit()\"\r\n (releaseTkClick)=\"releaseTkClick.emit()\"\r\n (changePasswordClick)=\"onChangePasswordRequested()\"\r\n (openAboutClick)=\"onAboutRequested()\">\r\n </bayan-core-settings-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showNotifications) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-notifications-widget [baseUrl]=\"baseUrl\"\r\n [title]=\"notificationsTitle | translate\" >\r\n </bayan-core-notifications-widget>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showHelp) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <a\r\n [class]=\"helpAnchorClass\"\r\n [title]=\"helpTitle | translate\"\r\n [target]=\"helpUrlTarget\"\r\n href=\"#\"\r\n (click)=\"onHelpClicked($event)\">\r\n <fa-icon [icon]=\"helpIcon\" class=\"fs-6\"></fa-icon>\r\n </a>\r\n </div>\r\n </dxi-item>\r\n }\r\n </dx-toolbar>\r\n</header>\r\n\r\n@if (useInternalDialogs) {\r\n <bayan-core-about-dialog-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"aboutVisible()\"\r\n [config]=\"aboutDialog\"\r\n (visibleChange)=\"aboutVisible.set($event)\"\r\n (licenseClick)=\"aboutLicenseClick.emit()\"\r\n (releaseNotesClick)=\"aboutReleaseNotesClick.emit()\"\r\n (supportClick)=\"aboutSupportClick.emit()\">\r\n </bayan-core-about-dialog-widget>\r\n\r\n <bayan-core-change-password-widget\r\n [baseUrl]=\"baseUrl\"\r\n [visible]=\"changePasswordVisible()\"\r\n [config]=\"changePasswordDialog\"\r\n [isSubmitting]=\"changePasswordLoading\"\r\n (visibleChange)=\"changePasswordVisible.set($event)\"\r\n (submitPasswordChange)=\"submitPasswordChange.emit($event)\">\r\n </bayan-core-change-password-widget>\r\n}\r\n", styles: [":host{flex:0 0 auto;z-index:1}.top-bar-header{width:100%;background:#222;color:#fff}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete .dx-texteditor-input:focus{outline:none!important;box-shadow:none!important}::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled{border-color:transparent!important;box-shadow:none!important}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:56px;text-decoration:none;color:var(--Secondary-Light-Color, #999)!important;transition:color var(--tran-02, .2s);cursor:pointer}.menu-icon-btn:hover{color:var(--bs-white, #fff)!important}.menu-dropdown-panel{position:absolute;top:100%;background:var(--bs-white, #fff);color:var(--dark-text-color, #333);border:1px solid var(--bs-gray, #dee2e6);box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin-top:0}.menu-section-label{font-size:12px;color:var(--Secondary-Light-Color, #888);padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider{border:none;border-top:1px solid rgba(0,0,0,.8);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:var(--primary-color, #f18206)}::ng-deep .top-bar-header .dx-toolbar{padding:0!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-items-container{height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-center,::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{display:flex!important;align-items:center!important;height:56px!important}::ng-deep .top-bar-header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-bar-header .dx-toolbar .dx-item-content.dx-toolbar-item-content{display:flex!important;align-items:center!important}::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{padding:0 20px!important}.navbar-brand-link{display:flex;align-items:center;text-decoration:none;width:235px;min-width:235px;transition:width var(--tran-03, .3s),min-width var(--tran-03, .3s);overflow:hidden}.navbar-brand-link.collapsed{width:60px;min-width:60px}.header-logo{height:38px;object-fit:contain}.header-logo-collapsed{height:32px;object-fit:contain}.nav.navbar-nav{list-style:none;padding:0;margin:0}ul{margin-top:0}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;text-decoration:none;cursor:pointer;color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02, .2s)}.employee-toggle:hover{color:var(--bs-white, #fff)}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;display:block}.property-name{font-size:11px;color:var(--Secondary-Light-Color, #999);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:.03em;display:block}.user-name:hover,.property-name:hover{color:var(--bs-white, #fff)}.employee-caret{font-size:9px;color:var(--Secondary-Light-Color, #999);flex-shrink:0;margin-left:2px}.employee-menu{right:0;min-width:200px;padding:6px 0;border-color:#0000001f;box-shadow:0 4px 16px #00000026}.menu-item{display:flex;align-items:center;padding:7px 16px;font-size:14px;color:var(--dark-text-color, #333);text-decoration:none;cursor:pointer;transition:background var(--tran-02, .15s)}.menu-item:hover,.menu-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.menu-item-active{color:var(--dark-text-color, #333);font-weight:600}.menu-item-active .menu-indicator{color:var(--primary-color, #f18206)}.menu-item-signout:hover,.menu-item-signout:focus{background:#f5f5f5!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;color:var(--dark-text-color, #333);text-align:left;text-decoration:none;cursor:pointer;gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:var(--dark-text-color, #333)!important}.header-dropdown-item.disabled,.disabled{opacity:.5}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:9px;line-height:18px;text-align:center;background:var(--danger-color, #D9534F);color:#fff}.nav-item .nav-link{color:var(--Secondary-Light-Color, #999);font-weight:500;padding:0 14px;height:56px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;font-size:13px;white-space:nowrap;transition:color .2s;background:#222;border:0}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:var(--bs-white, #fff);background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.top-bar-header .nav-item .nav-link,.top-bar-header .nav-item .nav-link:hover,.top-bar-header .nav-item .nav-link:focus{background:#222!important;color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown.open>.nav-link,.top-bar-header .nav-item .nav-link:hover{color:var(--bs-white, #fff)!important}.top-bar-header .nav-item{margin:0}.top-bar-header .dropdown-menu.menu-dropdown-panel{top:100%;margin-top:0;min-width:220px;padding:0;border-radius:0 0 4px 4px;overflow:hidden;background:#fff!important;z-index:1200}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link{height:44px;padding:0 22px;background:#fff!important;color:var(--dark-text-color, #333)!important;border-bottom:none;font-weight:400;text-decoration:none!important}.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.top-bar-header .dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f6f8!important;color:var(--dark-text-color, #222)!important;text-decoration:none!important}.top-bar-header .nav-item.dropdown>.nav-link,.top-bar-header .nav-item.dropdown>.nav-link:focus{color:var(--Secondary-Light-Color, #999)!important}.top-bar-header .nav-item.dropdown>.nav-link:hover,.top-bar-header .nav-item.dropdown.open>.nav-link{color:#fff!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
920
958
  }], propDecorators: { baseUrl: [{
921
959
  type: Input
922
960
  }], systemModule: [{
923
961
  type: Input
962
+ }], ShowShourtcutMenus: [{
963
+ type: Input
924
964
  }], sidebarCollapsed: [{
925
965
  type: Input
926
966
  }], homeUrl: [{
@@ -931,12 +971,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
931
971
  type: Input
932
972
  }], logoClick: [{
933
973
  type: Output
934
- }], searchPlaceholder: [{
935
- type: Input
936
- }], menuItems: [{
937
- type: Input
938
- }], searchItems: [{
939
- type: Input
940
974
  }], isSsoLogin: [{
941
975
  type: Input
942
976
  }], useAlternateNames: [{
@@ -991,8 +1025,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
991
1025
  type: Output
992
1026
  }], searchSubmit: [{
993
1027
  type: Output
994
- }], searchItemNavigate: [{
995
- type: Output
996
1028
  }], propertyChanged: [{
997
1029
  type: Output
998
1030
  }], signOutClick: [{