@skysoftware-co/bayan-core-widgets-ui 0.0.8 → 0.0.9

package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs

@@ -0,0 +1,1232 @@
+import { HttpClient, HttpParams } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, Injectable, EventEmitter, Output, Input, ViewChild, ChangeDetectionStrategy, Component, signal, HostListener, computed } from '@angular/core';
+import { map, catchError, throwError } from 'rxjs';
+import * as i1$2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i1$1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faTools, faGrid, faDollar, faUsers, faRightLeft, faMedal, faGraduationCap, faBell, faCheckCircle, faCheck, faCog, faInfoCircle, faPersonRunning, faQuestionCircle } from '@fortawesome/pro-solid-svg-icons';
+import { Router } from '@angular/router';
+import * as i1 from 'devextreme-angular';
+import { DxAutocompleteModule, DxPopupModule, DxFormModule, DxToolbarModule } from 'devextreme-angular';
+import { TranslatePipe, SkyAlertToastService, SkyFooterActionsComponent } from '@skysoftware-co/sky-components-ui';
+import { faClock } from '@fortawesome/pro-light-svg-icons';
+import * as i2 from 'devextreme-angular/core';
+import * as i3 from 'devextreme-angular/ui/nested';
+import { BayanEmployeeBadgeComponent } from '@skysoftware-co/bayan-components-ui';
+
+class BayanCoreTopMenuService {
+    http = inject(HttpClient);
+    unwrap(obs) {
+        return obs.pipe(map((env) => {
+            if (!env.ResponseData) {
+                throw new Error('No data received');
+            }
+            return env.ResponseData;
+        }), catchError((error) => throwError(() => error)));
+    }
+    getBaseUrl(baseUrl) {
+        let url = baseUrl.replace('/api', '');
+        return `${url.replace(/\/$/, '')}/api/app-frame`;
+    }
+    getMicroserviceMenusByProperty(baseUrl, propertyId, systemModule) {
+        const params = new HttpParams()
+            .set('PropertyId', propertyId)
+            .set('SystemModule', systemModule);
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/left-menu`, { params }));
+    }
+    getMicroserviceTopMenusShortcut(baseUrl, propertyId, systemModule) {
+        const params = new HttpParams()
+            .set('PropertyId', propertyId)
+            .set('SystemModule', systemModule);
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/top-shortcuts`, {
+            params,
+        }));
+    }
+    getGlobalSearchMenus(baseUrl, propertyId) {
+        let params = new HttpParams();
+        if (propertyId != null) {
+            params = params.set('PropertyId', propertyId);
+        }
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/global-search-menus`, { params }));
+    }
+    getUserPanel(baseUrl) {
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/user-panel`));
+    }
+    switchProperty(baseUrl, request) {
+        return this.unwrap(this.http.post(`${this.getBaseUrl(baseUrl)}/switch-property`, request));
+    }
+    getPreferences(baseUrl) {
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/preferences`));
+    }
+    setDisplayAlternateNames(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/alternate-names`, request);
+    }
+    setEmployeeNamesMode(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/employee-names-mode`, request);
+    }
+    getModuleBlockState(baseUrl, systemModule) {
+        const params = new HttpParams().set('SystemModule', systemModule);
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/module-block-state`, {
+            params,
+        }));
+    }
+    blockModule(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/block-module`, request);
+    }
+    releaseModule(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/release-module`, request);
+    }
+    getNotificationsSummary(baseUrl) {
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/notifications-summary`));
+    }
+    changePassword(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/change-password`, request);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class BayanCoreGlobalSearchWidgetComponent {
+    menuService = inject(BayanCoreTopMenuService);
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    searchAutoComplete;
+    baseUrl = '';
+    ActivePropertyChanged = false;
+    ActivePropertyId = 0;
+    placeholder = 'Type to search';
+    searchMode = 'contains';
+    stylingMode = 'filled';
+    // Use canonical Payroll menu-styles.css classes
+    searchWrapperClass = '';
+    searchItemClass = '';
+    searchItemTitleClass = '';
+    searchItemSubtitleClass = '';
+    iconClass = '';
+    search = new EventEmitter();
+    itemNavigate = new EventEmitter();
+    dataSource = [];
+    toolsIcon = faTools;
+    gridIcon = faGrid;
+    creditIcon = faDollar;
+    usersIcon = faUsers;
+    clockIcon = faClock;
+    swapIcon = faRightLeft;
+    medalIcon = faMedal;
+    graduateIcon = faGraduationCap;
+    ngOnInit() {
+        this.loadMenus();
+    }
+    loadMenus() {
+        if (this.baseUrl && this.ActivePropertyId > 0) {
+            this.menuService.getGlobalSearchMenus(this.baseUrl, this.ActivePropertyId).subscribe({
+                next: (menus) => this.dataSource = menus ?? [],
+                error: () => this.dataSource = []
+            });
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['ActivePropertyChanged']
+            && !changes['ActivePropertyChanged'].firstChange
+            && changes['ActivePropertyChanged'].previousValue !== changes['ActivePropertyChanged'].currentValue) {
+            this.reset();
+            this.loadMenus();
+        }
+    }
+    onInput(event) {
+        const searchTerm = event.event?.target?.value;
+        if (typeof searchTerm === 'string' && searchTerm.startsWith(' ')) {
+            event.component?.option('value', searchTerm.trim());
+        }
+    }
+    onEnterKey(event) {
+        const searchTerm = (event.event?.target?.value ?? '').toString().trim();
+        if (!searchTerm) {
+            return;
+        }
+        const match = this.dataSource.find((item) => item.MenuSubTitle.toLowerCase().trim() === searchTerm.toLowerCase().trim());
+        if (match) {
+            window.location.href = match.MenuUrl;
+            this.itemNavigate.emit(match);
+            return;
+        }
+        this.search.emit(searchTerm);
+    }
+    onItemSelected(event, item) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (item.MenuUrl) {
+            window.location.href = item.MenuUrl;
+        }
+    }
+    reset() {
+        this.searchAutoComplete?.instance?.option('value', '');
+    }
+    getText(text, isTranslatable = false) {
+        return isTranslatable ? text : text;
+    }
+    getIconForClass(iconClass) {
+        switch (iconClass) {
+            case 'icon icon-tools':
+                return this.toolsIcon;
+            case 'icon icon-grid':
+                return this.gridIcon;
+            case 'icon icon-credit':
+                return this.creditIcon;
+            case 'icon icon-users':
+                return this.usersIcon;
+            case 'icon icon-clock':
+                return this.clockIcon;
+            case 'icon icon-swap':
+                return this.swapIcon;
+            case 'icon icon-medal':
+                return this.medalIcon;
+            case 'icon icon-graduation-cap':
+                return this.graduateIcon;
+            default:
+                return this.toolsIcon;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n", ":host{display:flex;align-items:center;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxAutocompleteModule }, { kind: "component", type: i1.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$1.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, decorators: [{
+            type: Component,
+            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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n", ":host{display:flex;align-items:center;height:56px}\n"] }]
+        }], propDecorators: { searchAutoComplete: [{
+                type: ViewChild,
+                args: ['searchAutoComplete']
+            }], baseUrl: [{
+                type: Input
+            }], ActivePropertyChanged: [{
+                type: Input
+            }], ActivePropertyId: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchMode: [{
+                type: Input
+            }], stylingMode: [{
+                type: Input
+            }], searchWrapperClass: [{
+                type: Input
+            }], searchItemClass: [{
+                type: Input
+            }], searchItemTitleClass: [{
+                type: Input
+            }], searchItemSubtitleClass: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], search: [{
+                type: Output
+            }], itemNavigate: [{
+                type: Output
+            }] } });
+
+class BayanCoreItemWidgetComponent {
+    elementRef;
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    baseUrl = '';
+    ActivePropertyChanged = false;
+    item;
+    navItemClass = 'nav-item';
+    navLinkClass = 'nav-link';
+    dropdownClass = 'nav-item dropdown';
+    dropdownOpenClass = 'open';
+    dropdownToggleClass = 'nav-link dropdown-toggle';
+    caretClass = 'caret';
+    dropdownMenuClass = 'dropdown-menu menu-dropdown-panel';
+    itemClick = new EventEmitter();
+    open = false;
+    toggleOpen = new EventEmitter();
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnChanges(changes) {
+        if (changes['ActivePropertyChanged']
+            && !changes['ActivePropertyChanged'].firstChange
+            && changes['ActivePropertyChanged'].previousValue !== changes['ActivePropertyChanged'].currentValue) {
+        }
+    }
+    hasChildren() {
+        return (this.item.Children ?? []).length > 0;
+    }
+    onItemActivated(event) {
+        event.preventDefault();
+        if (this.hasChildren()) {
+            event.stopPropagation();
+            this.toggleOpen.emit();
+            return;
+        }
+        this.itemClick.emit(this.item);
+        if (typeof this.item.MenuUrl === 'string' && this.item.MenuName == 'Reports') {
+            window.open(this.item.MenuUrl, '_blank');
+        }
+        else if (this.item.MenuUrl) {
+            window.location.href = this.item.MenuUrl;
+        }
+    }
+    onChildItemClick(item) {
+        this.itemClick.emit(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    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", open: "open" }, outputs: { itemClick: "itemClick", toggleOpen: "toggleOpen" }, 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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\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", "open"], outputs: ["itemClick", "toggleOpen"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, decorators: [{
+            type: Component,
+            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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n", ":host{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
+                type: Input
+            }], ActivePropertyChanged: [{
+                type: Input
+            }], item: [{
+                type: Input,
+                args: [{ required: true }]
+            }], navItemClass: [{
+                type: Input
+            }], navLinkClass: [{
+                type: Input
+            }], dropdownClass: [{
+                type: Input
+            }], dropdownOpenClass: [{
+                type: Input
+            }], dropdownToggleClass: [{
+                type: Input
+            }], caretClass: [{
+                type: Input
+            }], dropdownMenuClass: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], open: [{
+                type: Input
+            }], toggleOpen: [{
+                type: Output
+            }] } });
+
+class BayanCoreNotificationsWidgetComponent {
+    document = inject(DOCUMENT);
+    topMenuService = inject(BayanCoreTopMenuService);
+    baseUrl = '';
+    title = 'Notifications';
+    wrapperClass = 'menu-dropdown-host';
+    linkClass = 'menu-icon-btn notifications-icon-btn';
+    iconClass = '';
+    badgeClass = 'notifications-badge';
+    bellIcon = faBell;
+    notificationsSummary = signal({
+        NotificationsUrl: '',
+        TotalNotificationsCount: 0,
+    });
+    ngOnInit() {
+        this.loadNotificationsSummary();
+    }
+    ngOnChanges(changes) {
+        if (changes['baseUrl'] && !changes['baseUrl'].firstChange) {
+            this.loadNotificationsSummary();
+        }
+    }
+    onNotificationClick(event) {
+        event?.preventDefault();
+        const rawNotificationUrl = this.notificationsSummary().NotificationsUrl;
+        if (rawNotificationUrl) {
+            this.document.location.href = `${window.location.origin}${rawNotificationUrl}`;
+        }
+    }
+    loadNotificationsSummary() {
+        if (!this.baseUrl) {
+            this.resetNotificationsData();
+            return;
+        }
+        this.topMenuService.getNotificationsSummary(this.baseUrl).subscribe({
+            next: (summary) => {
+                this.notificationsSummary.set({
+                    NotificationsUrl: summary.NotificationsUrl,
+                    TotalNotificationsCount: summary.TotalNotificationsCount,
+                });
+            },
+            error: () => {
+                this.resetNotificationsData();
+            },
+        });
+    }
+    resetNotificationsData() {
+        this.notificationsSummary.set({
+            NotificationsUrl: '',
+            TotalNotificationsCount: 0,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n", ":host{display:flex;align-items:center;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, decorators: [{
+            type: Component,
+            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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n", ":host{display:flex;align-items:center;height:56px}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], wrapperClass: [{
+                type: Input
+            }], linkClass: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], badgeClass: [{
+                type: Input
+            }] } });
+
+var EmployeeNamesModeOption;
+(function (EmployeeNamesModeOption) {
+    EmployeeNamesModeOption[EmployeeNamesModeOption["ShortNames"] = 1] = "ShortNames";
+    EmployeeNamesModeOption[EmployeeNamesModeOption["StandardNames"] = 2] = "StandardNames";
+    EmployeeNamesModeOption[EmployeeNamesModeOption["FullNames"] = 3] = "FullNames";
+})(EmployeeNamesModeOption || (EmployeeNamesModeOption = {}));
+var BlockableModule;
+(function (BlockableModule) {
+    BlockableModule[BlockableModule["HumanResources"] = 4] = "HumanResources";
+    BlockableModule[BlockableModule["Timekeeping"] = 5] = "Timekeeping";
+})(BlockableModule || (BlockableModule = {}));
+var SystemModule;
+(function (SystemModule) {
+    SystemModule[SystemModule["Corporate"] = 1] = "Corporate";
+    SystemModule[SystemModule["Cluster"] = 2] = "Cluster";
+    SystemModule[SystemModule["Setup"] = 3] = "Setup";
+    SystemModule[SystemModule["HumanResources"] = 4] = "HumanResources";
+    SystemModule[SystemModule["Timekeeping"] = 5] = "Timekeeping";
+    SystemModule[SystemModule["Payroll"] = 6] = "Payroll";
+    SystemModule[SystemModule["Training"] = 7] = "Training";
+    SystemModule[SystemModule["Workflow"] = 8] = "Workflow";
+    SystemModule[SystemModule["Appraisal"] = 9] = "Appraisal";
+    SystemModule[SystemModule["BusinessIntelligence"] = 10] = "BusinessIntelligence";
+})(SystemModule || (SystemModule = {}));
+
+// import { SkyAlertType } from '@skysoftware-co/sky-components-ui/lib/constants/constants';
+class BayanCoreChangePasswordWidgetComponent {
+    menuService = inject(BayanCoreTopMenuService);
+    alertToastService = inject(SkyAlertToastService);
+    translate = inject(TranslatePipe);
+    baseUrl = '';
+    visible = false;
+    config;
+    isSubmitting = false;
+    visibleChange = new EventEmitter();
+    changePasswordForm;
+    currentPasswordMode = signal('password');
+    newPasswordMode = signal('password');
+    confirmNewPasswordMode = signal('password');
+    formData = {
+        currentPassword: '',
+        newPassword: '',
+        confirmNewPassword: '',
+    };
+    errorMessage = signal('');
+    closeDialog() {
+        this.visible = false;
+        this.visibleChange.emit(false);
+        this.resetForm();
+        this.errorMessage.set('');
+    }
+    resetForm() {
+        this.formData = {
+            currentPassword: '',
+            newPassword: '',
+            confirmNewPassword: '',
+        };
+        this.errorMessage.set('');
+    }
+    onSaveButtonClick() {
+        const isValid = this.changePasswordForm?.instance.validate().isValid ?? false;
+        if (!isValid) {
+            return;
+        }
+        this.isSubmitting = true;
+        this.menuService.changePassword(this.baseUrl, {
+            CurrentPassword: this.formData.currentPassword,
+            NewPassword: this.formData.newPassword
+        }).subscribe({
+            next: () => {
+                this.isSubmitting = false;
+                this.closeDialog();
+                this.showAlert('PasswordChangedSuccessfully');
+            },
+            error: (e) => {
+                this.isSubmitting = false;
+                this.errorMessage.set(this.translate.transform("FailedToChangePassword"));
+                // Optionally show error notification here
+            }
+        });
+    }
+    togglePasswordMode(field) {
+        const current = this[field]();
+        this[field].set(current === 'text' ? 'password' : 'text');
+    }
+    updateField(field, value) {
+        this.formData = {
+            ...this.formData,
+            [field]: value,
+        };
+    }
+    isChangePasswordValid() {
+        return !!this.formData.currentPassword && !!this.formData.newPassword && !!this.formData.confirmNewPassword;
+    }
+    getCurrentPasswordEditorOptions() {
+        return {
+            maxLength: 256,
+            disabled: this.isSubmitting,
+            mode: this.currentPasswordMode(),
+            onValueChanged: (event) => this.updateField('currentPassword', event.value ?? ''),
+            buttons: [{
+                    name: 'password',
+                    location: 'after',
+                    options: {
+                        stylingMode: 'text',
+                        icon: this.currentPasswordMode() === 'text' ? 'eyeopen' : 'eyeclose',
+                        onClick: () => this.togglePasswordMode('currentPasswordMode'),
+                    },
+                }],
+        };
+    }
+    getNewPasswordEditorOptions() {
+        return {
+            maxLength: 256,
+            disabled: this.isSubmitting,
+            mode: this.newPasswordMode(),
+            onValueChanged: (event) => this.updateField('newPassword', event.value ?? ''),
+            buttons: [{
+                    name: 'password',
+                    location: 'after',
+                    options: {
+                        stylingMode: 'text',
+                        icon: this.newPasswordMode() === 'text' ? 'eyeopen' : 'eyeclose',
+                        onClick: () => this.togglePasswordMode('newPasswordMode'),
+                    },
+                }],
+        };
+    }
+    getConfirmPasswordEditorOptions() {
+        return {
+            maxLength: 256,
+            disabled: this.isSubmitting,
+            mode: this.confirmNewPasswordMode(),
+            onValueChanged: (event) => this.updateField('confirmNewPassword', event.value ?? ''),
+            buttons: [{
+                    name: 'password',
+                    location: 'after',
+                    options: {
+                        stylingMode: 'text',
+                        icon: this.confirmNewPasswordMode() === 'text' ? 'eyeopen' : 'eyeclose',
+                        onClick: () => this.togglePasswordMode('confirmNewPasswordMode'),
+                    },
+                }],
+        };
+    }
+    passwordComparison = () => this.formData.newPassword;
+    showAlert(message, type = 'success') {
+        this.alertToastService.toastInformation(message, type);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreChangePasswordWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCoreChangePasswordWidgetComponent, isStandalone: true, selector: "bayan-core-change-password-widget", inputs: { baseUrl: "baseUrl", visible: "visible", config: "config", isSubmitting: "isSubmitting" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "changePasswordForm", first: true, predicate: ["changePasswordForm"], descendants: true }], ngImport: i0, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"closeDialog()\"\r\n  [title]=\"config.title | translate\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"450\"\r\n  [height]=\"'auto'\"\r\n  [dragEnabled]=\"false\"\r\n  [shading]=\"true\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\">\r\n  <div *dxTemplate=\"let data of 'content'\">\r\n    <dx-form\r\n      #changePasswordForm\r\n      [formData]=\"formData\"\r\n      labelLocation=\"top\"\r\n      [showColonAfterLabel]=\"false\"\r\n      class=\"mb-3 mx-2\">\r\n      <dxi-item\r\n        dataField=\"currentPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getCurrentPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.currentPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"newPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getNewPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.newPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"confirmNewPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getConfirmPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.confirmNewPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n        <dxi-validation-rule\r\n          type=\"compare\"\r\n          [comparisonTarget]=\"passwordComparison\">\r\n        </dxi-validation-rule>\r\n      </dxi-item>\r\n    </dx-form>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"config.primaryButtonText | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      [isLoading]=\"isSubmitting\"\r\n      [disabledPrimaryButton]=\"isSubmitting || !isChangePasswordValid()\"\r\n      (PrimaryButtonClick)=\"onSaveButtonClick()\"\r\n      [errorMessage]=\"errorMessage\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: DxFormModule }, { kind: "component", type: i1.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "isDirty", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "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: "component", type: i3.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { kind: "component", type: i3.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "component", type: SkyFooterActionsComponent, selector: "sky-footer-actions", inputs: ["primaryButtonText", "extraButtonText", "secondaryButtonText", "primaryButtonWidth", "secondaryButtonWidth", "extraButtonWidth", "isFillRowWidth", "primaryButtonHeight", "secondaryButtonHeight", "extraButtonHeight", "showPrimaryButton", "showSecondaryButton", "showExtraButton", "primaryButtonType", "secondaryButtonType", "extraButtonType", "disabledPrimaryButton", "disabledSecondaryButton", "disabledExtraButton", "primarySubmitBehavior", "secondarySubmitBehavior", "extraSubmitBehavior", "primaryButtonClass", "secondaryButtonClass", "extraButtonClass", "formValidationGroup", "isLoading", "loadingText", "disabled", "EditMode", "validatePrimaryAction", "validateExtraAction", "showErrorLabel", "errorMessage", "errorLabel", "closeButtonClass", "marginClass", "successMessage"], outputs: ["PrimaryButtonClick", "SecondaryButtonClick", "ExtraButtonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreChangePasswordWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-change-password-widget', standalone: true, imports: [CommonModule, DxPopupModule, DxFormModule, SkyFooterActionsComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"closeDialog()\"\r\n  [title]=\"config.title | translate\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"450\"\r\n  [height]=\"'auto'\"\r\n  [dragEnabled]=\"false\"\r\n  [shading]=\"true\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\">\r\n  <div *dxTemplate=\"let data of 'content'\">\r\n    <dx-form\r\n      #changePasswordForm\r\n      [formData]=\"formData\"\r\n      labelLocation=\"top\"\r\n      [showColonAfterLabel]=\"false\"\r\n      class=\"mb-3 mx-2\">\r\n      <dxi-item\r\n        dataField=\"currentPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getCurrentPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.currentPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"newPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getNewPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.newPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"confirmNewPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getConfirmPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.confirmNewPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n        <dxi-validation-rule\r\n          type=\"compare\"\r\n          [comparisonTarget]=\"passwordComparison\">\r\n        </dxi-validation-rule>\r\n      </dxi-item>\r\n    </dx-form>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"config.primaryButtonText | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      [isLoading]=\"isSubmitting\"\r\n      [disabledPrimaryButton]=\"isSubmitting || !isChangePasswordValid()\"\r\n      (PrimaryButtonClick)=\"onSaveButtonClick()\"\r\n      [errorMessage]=\"errorMessage\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n" }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], isSubmitting: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], changePasswordForm: [{
+                type: ViewChild,
+                args: ['changePasswordForm']
+            }] } });
+
+class BayanCoreAboutDialogWidgetComponent {
+    baseUrl = '';
+    visible = false;
+    config;
+    licenseUrl = '';
+    releaseNotesUrl = '';
+    supportUrl = 'https://skyits.com/contact';
+    // CSS class attributes as @Input with defaults
+    backdropClass = 'about-backdrop';
+    modalClass = 'about-modal';
+    headerClass = 'about-modal-header';
+    titleClass = 'about-modal-title';
+    closeBtnClass = 'about-close-btn';
+    bodyClass = 'about-modal-body';
+    logoClass = 'about-logo';
+    productNameClass = 'about-product-name';
+    versionTextClass = 'about-version-text';
+    upToDateClass = 'about-up-to-date';
+    copyrightClass = 'about-copyright';
+    actionsClass = 'about-modal-actions';
+    actionBtnClass = 'about-action-btn';
+    visibleChange = new EventEmitter();
+    licenseClick = new EventEmitter();
+    releaseNotesClick = new EventEmitter();
+    supportClick = new EventEmitter();
+    checkCircleIcon = faCheckCircle;
+    onBackdropClick(event) {
+        if (event.target.classList.contains('about-backdrop')) {
+            this.closeDialog();
+        }
+    }
+    closeDialog() {
+        this.visibleChange.emit(false);
+    }
+    openLicense() {
+        window.open(this.licenseUrl, '_blank');
+    }
+    openReleaseNotes() {
+        window.open(this.releaseNotesUrl, '_blank');
+    }
+    openSupport() {
+        window.open(this.supportUrl, '_blank');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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", licenseUrl: "licenseUrl", releaseNotesUrl: "releaseNotesUrl", supportUrl: "supportUrl", backdropClass: "backdropClass", modalClass: "modalClass", headerClass: "headerClass", titleClass: "titleClass", closeBtnClass: "closeBtnClass", bodyClass: "bodyClass", logoClass: "logoClass", productNameClass: "productNameClass", versionTextClass: "versionTextClass", upToDateClass: "upToDateClass", copyrightClass: "copyrightClass", actionsClass: "actionsClass", actionBtnClass: "actionBtnClass" }, outputs: { visibleChange: "visibleChange", licenseClick: "licenseClick", releaseNotesClick: "releaseNotesClick", supportClick: "supportClick" }, ngImport: i0, template: "@if (visible) {\r\n  <div [class]=\"backdropClass\" (click)=\"onBackdropClick($event)\">\r\n    <div [class]=\"modalClass\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n      <div [class]=\"headerClass\">\r\n        <h4 [class]=\"titleClass\" id=\"topMenuAboutDialogTitle\">{{ 'AboutSkyBayan' | translate }}</h4>\r\n        <button type=\"button\" [class]=\"closeBtnClass\" (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]=\"bodyClass\">\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]=\"logoClass\">\r\n            }\r\n          </div>\r\n          <div class=\"col-8\">\r\n            <h3 [class]=\"productNameClass\">{{ (config.title || 'AboutSkyBayan') | translate }}</h3>\r\n            <p [class]=\"versionTextClass\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n            <p [class]=\"upToDateClass\">\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]=\"copyrightClass\">{{ (config.copyright || '') | translate }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div [class]=\"actionsClass\">\r\n        <button type=\"button\" [class]=\"actionBtnClass\" (click)=\"openLicense()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n        <button type=\"button\" [class]=\"actionBtnClass\" (click)=\"openReleaseNotes()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n        <button type=\"button\" [class]=\"actionBtnClass\" (click)=\"openSupport()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-about-dialog-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible) {\r\n  <div [class]=\"backdropClass\" (click)=\"onBackdropClick($event)\">\r\n    <div [class]=\"modalClass\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n      <div [class]=\"headerClass\">\r\n        <h4 [class]=\"titleClass\" id=\"topMenuAboutDialogTitle\">{{ 'AboutSkyBayan' | translate }}</h4>\r\n        <button type=\"button\" [class]=\"closeBtnClass\" (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]=\"bodyClass\">\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]=\"logoClass\">\r\n            }\r\n          </div>\r\n          <div class=\"col-8\">\r\n            <h3 [class]=\"productNameClass\">{{ (config.title || 'AboutSkyBayan') | translate }}</h3>\r\n            <p [class]=\"versionTextClass\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n            <p [class]=\"upToDateClass\">\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]=\"copyrightClass\">{{ (config.copyright || '') | translate }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div [class]=\"actionsClass\">\r\n        <button type=\"button\" [class]=\"actionBtnClass\" (click)=\"openLicense()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n        <button type=\"button\" [class]=\"actionBtnClass\" (click)=\"openReleaseNotes()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n        <button type=\"button\" [class]=\"actionBtnClass\" (click)=\"openSupport()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], licenseUrl: [{
+                type: Input
+            }], releaseNotesUrl: [{
+                type: Input
+            }], supportUrl: [{
+                type: Input
+            }], backdropClass: [{
+                type: Input
+            }], modalClass: [{
+                type: Input
+            }], headerClass: [{
+                type: Input
+            }], titleClass: [{
+                type: Input
+            }], closeBtnClass: [{
+                type: Input
+            }], bodyClass: [{
+                type: Input
+            }], logoClass: [{
+                type: Input
+            }], productNameClass: [{
+                type: Input
+            }], versionTextClass: [{
+                type: Input
+            }], upToDateClass: [{
+                type: Input
+            }], copyrightClass: [{
+                type: Input
+            }], actionsClass: [{
+                type: Input
+            }], actionBtnClass: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], licenseClick: [{
+                type: Output
+            }], releaseNotesClick: [{
+                type: Output
+            }], supportClick: [{
+                type: Output
+            }] } });
+
+// Removed duplicate import
+class BayanCoreSettingsWidgetComponent {
+    elementRef;
+    menuService = inject(BayanCoreTopMenuService);
+    alertToastService = inject(SkyAlertToastService);
+    baseUrl = '';
+    licenseUrl = '';
+    releaseNotesUrl = '';
+    supportUrl = 'https://skyits.com/contact';
+    ActivePropertyChanged = false;
+    systemModule = null;
+    checkIcon = faCheck;
+    cogIcon = faCog;
+    infoIcon = faInfoCircle;
+    dropdownOpen = signal(false);
+    showChangePassword = false;
+    showAbout = false;
+    currentModule = null;
+    SystemModule = SystemModule;
+    // CSS class bindings for customization
+    dropdownHostClass = 'dropdown menu-dropdown-host';
+    toggleBtnClass = 'menu-icon-btn';
+    menuPanelClass = 'settings-menu menu-dropdown-panel';
+    sectionLabelClass = 'menu-section-label';
+    menuRowClass = 'header-dropdown-item';
+    dividerClass = 'dropdown-divider';
+    indicatorClass = 'menu-indicator';
+    indicatorActiveClass = 'menu-indicator menu-indicator-active';
+    indicatorInvisibleClass = 'menu-indicator invisible';
+    alternateNamesChange = new EventEmitter();
+    nameModeChange = new EventEmitter();
+    preferences = null;
+    BlockableModule = BlockableModule;
+    EmployeeNamesModeOption = EmployeeNamesModeOption;
+    hrBlockState = null;
+    tkBlockState = null;
+    changePasswordDialog = {
+        title: 'ChangePassword',
+        currentPasswordLabel: 'CurrentPassword',
+        newPasswordLabel: 'NewPassword',
+        confirmNewPasswordLabel: 'ConfirmPassword',
+        primaryButtonText: 'Change',
+    };
+    aboutDialog = {
+        title: 'Sky Bayan Human Resources Management',
+        logoUrl: 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-enterprise.png',
+        version: '',
+        versionLabel: 'Version',
+        copyright: `Copyright 2026, Sky Software Co LLC All Rights Reserved\nSky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
+        statusLabel: 'SkyBayanUpToDate',
+        licenseButtonLabel: 'LicenseInformation',
+        releaseNotesButtonLabel: 'ReleaseNotes',
+        supportButtonLabel: 'TechnicalSupport',
+        closeButtonLabel: 'Close',
+    };
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    // ...existing methods...
+    showAlert(message, type = 'success') {
+        this.alertToastService.toastInformation(message, type);
+    }
+    ngOnInit() {
+        this.loadPreferences();
+        this.loadModuleBlockStates();
+    }
+    loadModuleBlockStates() {
+        if (this.baseUrl) {
+            this.menuService.getModuleBlockState(this.baseUrl, BlockableModule.HumanResources).subscribe({
+                next: state => this.hrBlockState = state,
+                error: () => this.hrBlockState = null
+            });
+            this.menuService.getModuleBlockState(this.baseUrl, BlockableModule.Timekeeping).subscribe({
+                next: state => this.tkBlockState = state,
+                error: () => this.tkBlockState = null
+            });
+        }
+    }
+    loadPreferences() {
+        if (this.baseUrl) {
+            this.menuService.getPreferences(this.baseUrl).subscribe({
+                next: prefs => {
+                    this.preferences = prefs;
+                    this.aboutDialog.version = prefs.VersionNumber;
+                },
+                error: () => {
+                    this.preferences = null;
+                }
+            });
+        }
+    }
+    // No need to derive flags, use preferences directly in template and logic.
+    ngOnChanges(changes) {
+        if (changes['ActivePropertyChanged']
+            && !changes['ActivePropertyChanged'].firstChange
+            && changes['ActivePropertyChanged'].previousValue !== changes['ActivePropertyChanged'].currentValue) {
+            this.dropdownOpen.set(false);
+            this.loadPreferences();
+            this.loadModuleBlockStates();
+        }
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.dropdownOpen.set(false);
+        }
+    }
+    toggleDropdown(event) {
+        event.preventDefault();
+        this.dropdownOpen.update((value) => !value);
+    }
+    async onAlternateNamesClick(event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        if (!this.preferences || !this.baseUrl) {
+            return;
+        }
+        // Toggle the value
+        this.preferences.UseAlternateNames = !this.preferences.UseAlternateNames;
+        const newValue = !this.preferences.UseAlternateNames;
+        try {
+            await this.menuService.setDisplayAlternateNames(this.baseUrl, { DisplayAlternateNames: newValue }).toPromise();
+            await this.loadPreferences();
+            this.alternateNamesChange.emit(newValue);
+        }
+        catch (err) { }
+    }
+    async onNameModeClick(nameMode, event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        if (!this.preferences || !this.baseUrl) {
+            return;
+        }
+        try {
+            await this.menuService.setEmployeeNamesMode(this.baseUrl, { EmployeeNamesMode: nameMode }).toPromise();
+            // Reload preferences
+            await this.loadPreferences();
+            this.nameModeChange.emit(nameMode);
+        }
+        catch (err) {
+            // Optionally handle error
+        }
+    }
+    onChangePasswordClick(event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        this.showChangePassword = true;
+    }
+    onOpenAboutClick(event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        this.showAbout = true;
+    }
+    async blockModule(module, event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        if (!this.baseUrl)
+            return;
+        try {
+            await this.menuService.blockModule(this.baseUrl, { Module: module }).toPromise();
+            await this.loadModuleBlockStates();
+            const key = module === BlockableModule.HumanResources ? 'BlockHRSuccess' : 'BlockTKSuccess';
+            this.showAlert(key);
+        }
+        catch { }
+    }
+    async releaseModule(module, event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        if (!this.baseUrl)
+            return;
+        try {
+            await this.menuService.releaseModule(this.baseUrl, { Module: module }).toPromise();
+            await this.loadModuleBlockStates();
+            const key = module === BlockableModule.HumanResources ? 'ReleaseHRSuccess' : 'ReleaseTKSuccess';
+            this.showAlert(key);
+        }
+        catch { }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSettingsWidgetComponent, isStandalone: true, selector: "bayan-core-settings-widget", inputs: { baseUrl: "baseUrl", licenseUrl: "licenseUrl", releaseNotesUrl: "releaseNotesUrl", supportUrl: "supportUrl", ActivePropertyChanged: "ActivePropertyChanged", systemModule: "systemModule", checkIcon: "checkIcon", cogIcon: "cogIcon", infoIcon: "infoIcon", dropdownOpen: "dropdownOpen", dropdownHostClass: "dropdownHostClass", toggleBtnClass: "toggleBtnClass", menuPanelClass: "menuPanelClass", sectionLabelClass: "sectionLabelClass", menuRowClass: "menuRowClass", dividerClass: "dividerClass", indicatorClass: "indicatorClass", indicatorActiveClass: "indicatorActiveClass", indicatorInvisibleClass: "indicatorInvisibleClass" }, outputs: { alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"dropdownHostClass\" [class.open]=\"dropdownOpen()\">\r\n  <a href=\"#\" [class]=\"toggleBtnClass\" (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]=\"menuPanelClass\">\r\n      @if (preferences?.UseAlternateNames) {\r\n        <li>\r\n          <a [class]=\"menuRowClass\" (click)=\"onAlternateNamesClick($event)\">\r\n            @if (preferences?.DisplayAlternateNames) {\r\n              <fa-icon [class]=\"indicatorActiveClass\" [icon]=\"checkIcon\"></fa-icon>\r\n            } @else {\r\n              <fa-icon [class]=\"indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n            }\r\n            {{ 'DisplayAlternateNames' | translate }}\r\n          </a>\r\n        </li>\r\n        <li><hr [class]=\"dividerClass\"></li>\r\n      }\r\n\r\n      <li>\r\n        <span [class]=\"sectionLabelClass + ' menu-section-label'\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n      </li>\r\n      <li>\r\n        <a [class]=\"menuRowClass + (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.FullNames ? ' menu-item-active' : '')\"\r\n           (click)=\"onNameModeClick(EmployeeNamesModeOption.FullNames, $event); $event.stopPropagation()\">\r\n          <fa-icon [class]=\"preferences?.EmployeeNamesMode === EmployeeNamesModeOption.FullNames ? indicatorActiveClass : indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n          {{ 'FullNames' | translate }}\r\n        </a>\r\n      </li>\r\n      <li>\r\n        <a [class]=\"menuRowClass + (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.ShortNames ? ' menu-item-active' : '')\"\r\n           (click)=\"onNameModeClick(EmployeeNamesModeOption.ShortNames, $event); $event.stopPropagation()\">\r\n          <fa-icon [class]=\"preferences?.EmployeeNamesMode === EmployeeNamesModeOption.ShortNames ? indicatorActiveClass : indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n          {{ 'ShortNames' | translate }}\r\n        </a>\r\n      </li>\r\n      <li>\r\n        <a [class]=\"menuRowClass + (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.StandardNames ? ' menu-item-active' : '')\"\r\n           (click)=\"onNameModeClick(EmployeeNamesModeOption.StandardNames, $event); $event.stopPropagation()\">\r\n          <fa-icon [class]=\"preferences?.EmployeeNamesMode === EmployeeNamesModeOption.StandardNames ? indicatorActiveClass : indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n          {{ 'StandardNames' | translate }}\r\n        </a>\r\n      </li>\r\n      <li><hr [class]=\"dividerClass\"></li>\r\n\r\n      @if (hrBlockState && hrBlockState.UserCanBlockModule && systemModule == SystemModule.Payroll) {\r\n        <li>\r\n          @if (hrBlockState.IsBlocked) {\r\n            <a [class]=\"menuRowClass\" (click)=\"releaseModule(BlockableModule.HumanResources, $event)\">\r\n              {{ 'ReleaseHR' | translate }}\r\n            </a>\r\n          } @else {\r\n            <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.HumanResources, $event)\">\r\n              {{ 'BlockHR' | translate }}\r\n            </a>\r\n          }\r\n        </li>\r\n        <li><hr [class]=\"dividerClass\"></li>\r\n      }\r\n\r\n      @if (tkBlockState && tkBlockState.UserCanBlockModule && systemModule == SystemModule.HumanResources) {\r\n        <li>\r\n          @if (tkBlockState.IsBlocked) {\r\n            <a [class]=\"menuRowClass\" (click)=\"releaseModule(BlockableModule.Timekeeping, $event)\">\r\n              {{ 'ReleaseTK' | translate }}\r\n            </a>\r\n          } @else {\r\n            <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.Timekeeping, $event)\">\r\n              {{ 'BlockTK' | translate }}\r\n            </a>\r\n          }\r\n        </li>\r\n        <li><hr [class]=\"dividerClass\">></li>\r\n      }\r\n\r\n      <li>\r\n        <a [class]=\"menuRowClass\" (click)=\"onChangePasswordClick($event)\">\r\n          <span [class]=\"indicatorClass\"></span>\r\n          {{ 'ChangePassword' | translate }}\r\n        </a>\r\n      </li>\r\n\r\n      <li><hr [class]=\"dividerClass\"></li>\r\n\r\n      <li>\r\n        <a [class]=\"menuRowClass\" (click)=\"onOpenAboutClick($event)\">\r\n          <fa-icon [class]=\"indicatorClass\" [icon]=\"infoIcon\"></fa-icon>\r\n          {{ 'About' | translate }}\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  }\r\n</div>\r\n\r\n<bayan-core-change-password-widget\r\n    [baseUrl]=\"baseUrl\"\r\n    [visible]=\"showChangePassword\"\r\n    [config]=\"changePasswordDialog\"\r\n    (visibleChange)=\"showChangePassword = !!$event\">\r\n  </bayan-core-change-password-widget>\r\n\r\n  <bayan-core-about-dialog-widget\r\n    [visible]=\"showAbout\"\r\n    [config]=\"aboutDialog\"\r\n    [licenseUrl]=\"licenseUrl\"\r\n    [releaseNotesUrl]=\"releaseNotesUrl\"\r\n    [supportUrl]=\"supportUrl\"\r\n    (visibleChange)=\"showAbout = !!$event\">\r\n  </bayan-core-about-dialog-widget>\r\n", styles: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$1.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: BayanCoreChangePasswordWidgetComponent, selector: "bayan-core-change-password-widget", inputs: ["baseUrl", "visible", "config", "isSubmitting"], outputs: ["visibleChange"] }, { kind: "component", type: BayanCoreAboutDialogWidgetComponent, selector: "bayan-core-about-dialog-widget", inputs: ["baseUrl", "visible", "config", "licenseUrl", "releaseNotesUrl", "supportUrl", "backdropClass", "modalClass", "headerClass", "titleClass", "closeBtnClass", "bodyClass", "logoClass", "productNameClass", "versionTextClass", "upToDateClass", "copyrightClass", "actionsClass", "actionBtnClass"], outputs: ["visibleChange", "licenseClick", "releaseNotesClick", "supportClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-settings-widget', standalone: true, imports: [
+                        CommonModule,
+                        FontAwesomeModule,
+                        TranslatePipe,
+                        BayanCoreChangePasswordWidgetComponent,
+                        BayanCoreAboutDialogWidgetComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"dropdownHostClass\" [class.open]=\"dropdownOpen()\">\r\n  <a href=\"#\" [class]=\"toggleBtnClass\" (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]=\"menuPanelClass\">\r\n      @if (preferences?.UseAlternateNames) {\r\n        <li>\r\n          <a [class]=\"menuRowClass\" (click)=\"onAlternateNamesClick($event)\">\r\n            @if (preferences?.DisplayAlternateNames) {\r\n              <fa-icon [class]=\"indicatorActiveClass\" [icon]=\"checkIcon\"></fa-icon>\r\n            } @else {\r\n              <fa-icon [class]=\"indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n            }\r\n            {{ 'DisplayAlternateNames' | translate }}\r\n          </a>\r\n        </li>\r\n        <li><hr [class]=\"dividerClass\"></li>\r\n      }\r\n\r\n      <li>\r\n        <span [class]=\"sectionLabelClass + ' menu-section-label'\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n      </li>\r\n      <li>\r\n        <a [class]=\"menuRowClass + (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.FullNames ? ' menu-item-active' : '')\"\r\n           (click)=\"onNameModeClick(EmployeeNamesModeOption.FullNames, $event); $event.stopPropagation()\">\r\n          <fa-icon [class]=\"preferences?.EmployeeNamesMode === EmployeeNamesModeOption.FullNames ? indicatorActiveClass : indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n          {{ 'FullNames' | translate }}\r\n        </a>\r\n      </li>\r\n      <li>\r\n        <a [class]=\"menuRowClass + (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.ShortNames ? ' menu-item-active' : '')\"\r\n           (click)=\"onNameModeClick(EmployeeNamesModeOption.ShortNames, $event); $event.stopPropagation()\">\r\n          <fa-icon [class]=\"preferences?.EmployeeNamesMode === EmployeeNamesModeOption.ShortNames ? indicatorActiveClass : indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n          {{ 'ShortNames' | translate }}\r\n        </a>\r\n      </li>\r\n      <li>\r\n        <a [class]=\"menuRowClass + (preferences?.EmployeeNamesMode === EmployeeNamesModeOption.StandardNames ? ' menu-item-active' : '')\"\r\n           (click)=\"onNameModeClick(EmployeeNamesModeOption.StandardNames, $event); $event.stopPropagation()\">\r\n          <fa-icon [class]=\"preferences?.EmployeeNamesMode === EmployeeNamesModeOption.StandardNames ? indicatorActiveClass : indicatorInvisibleClass\" [icon]=\"checkIcon\"></fa-icon>\r\n          {{ 'StandardNames' | translate }}\r\n        </a>\r\n      </li>\r\n      <li><hr [class]=\"dividerClass\"></li>\r\n\r\n      @if (hrBlockState && hrBlockState.UserCanBlockModule && systemModule == SystemModule.Payroll) {\r\n        <li>\r\n          @if (hrBlockState.IsBlocked) {\r\n            <a [class]=\"menuRowClass\" (click)=\"releaseModule(BlockableModule.HumanResources, $event)\">\r\n              {{ 'ReleaseHR' | translate }}\r\n            </a>\r\n          } @else {\r\n            <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.HumanResources, $event)\">\r\n              {{ 'BlockHR' | translate }}\r\n            </a>\r\n          }\r\n        </li>\r\n        <li><hr [class]=\"dividerClass\"></li>\r\n      }\r\n\r\n      @if (tkBlockState && tkBlockState.UserCanBlockModule && systemModule == SystemModule.HumanResources) {\r\n        <li>\r\n          @if (tkBlockState.IsBlocked) {\r\n            <a [class]=\"menuRowClass\" (click)=\"releaseModule(BlockableModule.Timekeeping, $event)\">\r\n              {{ 'ReleaseTK' | translate }}\r\n            </a>\r\n          } @else {\r\n            <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.Timekeeping, $event)\">\r\n              {{ 'BlockTK' | translate }}\r\n            </a>\r\n          }\r\n        </li>\r\n        <li><hr [class]=\"dividerClass\">></li>\r\n      }\r\n\r\n      <li>\r\n        <a [class]=\"menuRowClass\" (click)=\"onChangePasswordClick($event)\">\r\n          <span [class]=\"indicatorClass\"></span>\r\n          {{ 'ChangePassword' | translate }}\r\n        </a>\r\n      </li>\r\n\r\n      <li><hr [class]=\"dividerClass\"></li>\r\n\r\n      <li>\r\n        <a [class]=\"menuRowClass\" (click)=\"onOpenAboutClick($event)\">\r\n          <fa-icon [class]=\"indicatorClass\" [icon]=\"infoIcon\"></fa-icon>\r\n          {{ 'About' | translate }}\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  }\r\n</div>\r\n\r\n<bayan-core-change-password-widget\r\n    [baseUrl]=\"baseUrl\"\r\n    [visible]=\"showChangePassword\"\r\n    [config]=\"changePasswordDialog\"\r\n    (visibleChange)=\"showChangePassword = !!$event\">\r\n  </bayan-core-change-password-widget>\r\n\r\n  <bayan-core-about-dialog-widget\r\n    [visible]=\"showAbout\"\r\n    [config]=\"aboutDialog\"\r\n    [licenseUrl]=\"licenseUrl\"\r\n    [releaseNotesUrl]=\"releaseNotesUrl\"\r\n    [supportUrl]=\"supportUrl\"\r\n    (visibleChange)=\"showAbout = !!$event\">\r\n  </bayan-core-about-dialog-widget>\r\n", styles: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
+                type: Input
+            }], licenseUrl: [{
+                type: Input
+            }], releaseNotesUrl: [{
+                type: Input
+            }], supportUrl: [{
+                type: Input
+            }], ActivePropertyChanged: [{
+                type: Input
+            }], systemModule: [{
+                type: Input
+            }], checkIcon: [{
+                type: Input
+            }], cogIcon: [{
+                type: Input
+            }], infoIcon: [{
+                type: Input
+            }], dropdownOpen: [{
+                type: Input
+            }], dropdownHostClass: [{
+                type: Input
+            }], toggleBtnClass: [{
+                type: Input
+            }], menuPanelClass: [{
+                type: Input
+            }], sectionLabelClass: [{
+                type: Input
+            }], menuRowClass: [{
+                type: Input
+            }], dividerClass: [{
+                type: Input
+            }], indicatorClass: [{
+                type: Input
+            }], indicatorActiveClass: [{
+                type: Input
+            }], indicatorInvisibleClass: [{
+                type: Input
+            }], alternateNamesChange: [{
+                type: Output
+            }], nameModeChange: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class BayanCoreUserPanelWidgetComponent {
+    elementRef;
+    topMenuService = inject(BayanCoreTopMenuService);
+    baseUrl = '';
+    wrapperClass = 'menu-dropdown-host';
+    dropdownOpenClass = 'open';
+    toggleButtonClass = 'employee-toggle';
+    employeeInfoClass = 'employee-info';
+    userNameClass = 'user-name';
+    propertyNameClass = 'property-name';
+    caretClass = 'employee-caret';
+    menuClass = 'employee-menu menu-dropdown-panel';
+    sectionLabelClass = 'menu-section-label';
+    menuItemClass = 'menu-item';
+    menuItemActiveClass = 'menu-item-active';
+    indicatorClass = 'menu-indicator';
+    invisibleIndicatorClass = 'menu-indicator invisible';
+    dividerClass = 'menu-divider';
+    signOutButtonClass = 'menu-item menu-item-signout';
+    showSignOutIcon = true;
+    signOutIconClass = 'mx-2';
+    propertyChanged = new EventEmitter();
+    signOutClick = new EventEmitter();
+    signOutIcon = faPersonRunning;
+    dropdownOpen = signal(false);
+    userPanel = signal(null);
+    badge = computed(() => ({
+        EmployeePhotoKey: this.userPanel()?.PhotoPath ?? null,
+        EmployeePhotoFailed: false,
+        EmployeeNameInitials: this.userPanel()?.NameInitials ?? '',
+    }));
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnInit() {
+        this.loadUserPanel();
+    }
+    ngOnChanges(changes) {
+        if (changes['baseUrl'] && !changes['baseUrl'].firstChange) {
+            this.loadUserPanel();
+        }
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.dropdownOpen.set(false);
+        }
+    }
+    toggleDropdown(event) {
+        event.preventDefault();
+        this.dropdownOpen.update((value) => !value);
+    }
+    selectProperty(event, property) {
+        event.preventDefault();
+        if (property.PropertyId === this.userPanel()?.ActivePropertyId) {
+            this.dropdownOpen.set(false);
+            return;
+        }
+        this.dropdownOpen.set(false);
+        this.topMenuService
+            .switchProperty(this.baseUrl, { PropertyId: property.PropertyId })
+            .subscribe({
+            next: () => {
+                this.topMenuService.getUserPanel(this.baseUrl).subscribe({
+                    next: (userPanel) => {
+                        this.userPanel.set(userPanel);
+                        this.propertyChanged.emit(property);
+                    },
+                });
+            },
+        });
+    }
+    signOut(event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        this.signOutClick.emit();
+    }
+    loadUserPanel() {
+        if (!this.baseUrl) {
+            this.userPanel.set(null);
+            return;
+        }
+        this.topMenuService.getUserPanel(this.baseUrl).subscribe({
+            next: (userPanel) => {
+                this.userPanel.set(userPanel);
+                let property = {
+                    PropertyId: userPanel.ActivePropertyId,
+                    PropertyName: userPanel.ActivePropertyName
+                };
+                this.propertyChanged.emit(property);
+            },
+            error: () => {
+                this.userPanel.set(null);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    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\"\r\n          [ngClass]=\"{'ms-3': !showSignOutIcon}\" (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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\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$1.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, decorators: [{
+            type: Component,
+            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\"\r\n          [ngClass]=\"{'ms-3': !showSignOutIcon}\" (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: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
+                type: Input
+            }], wrapperClass: [{
+                type: Input
+            }], dropdownOpenClass: [{
+                type: Input
+            }], toggleButtonClass: [{
+                type: Input
+            }], employeeInfoClass: [{
+                type: Input
+            }], userNameClass: [{
+                type: Input
+            }], propertyNameClass: [{
+                type: Input
+            }], caretClass: [{
+                type: Input
+            }], menuClass: [{
+                type: Input
+            }], sectionLabelClass: [{
+                type: Input
+            }], menuItemClass: [{
+                type: Input
+            }], menuItemActiveClass: [{
+                type: Input
+            }], indicatorClass: [{
+                type: Input
+            }], invisibleIndicatorClass: [{
+                type: Input
+            }], dividerClass: [{
+                type: Input
+            }], signOutButtonClass: [{
+                type: Input
+            }], showSignOutIcon: [{
+                type: Input
+            }], signOutIconClass: [{
+                type: Input
+            }], propertyChanged: [{
+                type: Output
+            }], signOutClick: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class BayanCoreTopMenuWidgetComponent {
+    globalSearchWidget;
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    menuService = inject(BayanCoreTopMenuService);
+    openDropdownIndex = null;
+    baseUrl = '';
+    systemModule = null;
+    menuItems = [];
+    sidebarCollapsed = false;
+    homeUrl = null;
+    logoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-enterprise-dark.png';
+    collapsedLogoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-collapsed.png';
+    logoClick = new EventEmitter();
+    isSsoLogin = false;
+    // Removed useInternalDialogs and all related logic
+    showGlobalSearch = true;
+    showUserPanel = true;
+    showSettings = true;
+    showShortcutMenus = true;
+    showNotifications = true;
+    notificationsTitle = 'Notifications';
+    showHelp = true;
+    helpTitle = 'Help';
+    helpUrl = 'https://docs.bayan.solutions/Bayan/index.html';
+    helpIcon = faQuestionCircle;
+    helpAnchorClass = 'menu-icon-btn';
+    helpUrlTarget = '_blank';
+    licenseUrl = '';
+    releaseNotesUrl = '';
+    supportUrl = 'https://skyits.com/contact';
+    helpClick = new EventEmitter();
+    menuItemClick = new EventEmitter();
+    searchSubmit = new EventEmitter();
+    propertyChanged = new EventEmitter();
+    signOutClick = new EventEmitter();
+    alternateNamesChange = new EventEmitter();
+    employeeNameModeChange = new EventEmitter();
+    aboutVisible = signal(false);
+    changePasswordVisible = signal(false);
+    ActivePropertyChanged = false;
+    ActivePropertyId = 0;
+    ngOnInit() {
+        this.loadShortcutMenus();
+    }
+    ngOnChanges(changes) {
+        if ((changes['baseUrl'] && !changes['baseUrl'].firstChange && changes['baseUrl'].previousValue !== changes['baseUrl'].currentValue) ||
+            (changes['ActivePropertyId'] && !changes['ActivePropertyId'].firstChange && changes['ActivePropertyId'].previousValue !== changes['ActivePropertyId'].currentValue) ||
+            (changes['systemModule'] && !changes['systemModule'].firstChange && changes['systemModule'].previousValue !== changes['systemModule'].currentValue)) {
+            this.globalSearchWidget?.reset();
+        }
+    }
+    onEmployeeNameModeChange(event) {
+        this.employeeNameModeChange.emit(event);
+    }
+    getLogoSrc() {
+        if (this.sidebarCollapsed) {
+            return this.collapsedLogoUrl || null;
+        }
+        return this.logoUrl || null;
+    }
+    onLogoClicked(event) {
+        event?.preventDefault();
+        if (this.homeUrl) {
+            window.location.href = this.homeUrl;
+            return;
+        }
+        this.logoClick.emit();
+    }
+    onHelpClicked(event) {
+        event?.preventDefault();
+        if (this.helpUrl) {
+            window.open(this.helpUrl, this.helpUrlTarget);
+            return;
+        }
+        this.helpClick.emit();
+    }
+    onPropertyChanged(property) {
+        this.ActivePropertyChanged = !this.ActivePropertyChanged;
+        this.ActivePropertyId = property.PropertyId;
+        this.loadShortcutMenus();
+        this.propertyChanged.emit(property);
+    }
+    loadShortcutMenus() {
+        this.menuItems = [];
+        if (!this.showShortcutMenus)
+            return;
+        if (!this.baseUrl)
+            return;
+        if (!this.systemModule)
+            return;
+        if (this.ActivePropertyId > 0) {
+            this.menuService.getMicroserviceTopMenusShortcut(this.baseUrl, this.ActivePropertyId, this.systemModule)
+                .subscribe({
+                next: (menus) => this.menuItems = menus ?? [],
+                error: () => this.menuItems = []
+            });
+        }
+        else {
+            this.menuItems = [];
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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", isSsoLogin: "isSsoLogin", showGlobalSearch: "showGlobalSearch", showUserPanel: "showUserPanel", showSettings: "showSettings", showShortcutMenus: "showShortcutMenus", showNotifications: "showNotifications", notificationsTitle: "notificationsTitle", showHelp: "showHelp", helpTitle: "helpTitle", helpUrl: "helpUrl", helpIcon: "helpIcon", helpAnchorClass: "helpAnchorClass", helpUrlTarget: "helpUrlTarget", licenseUrl: "licenseUrl", releaseNotesUrl: "releaseNotesUrl", supportUrl: "supportUrl" }, outputs: { logoClick: "logoClick", helpClick: "helpClick", menuItemClick: "menuItemClick", searchSubmit: "searchSubmit", propertyChanged: "propertyChanged", signOutClick: "signOutClick", alternateNamesChange: "alternateNamesChange", employeeNameModeChange: "employeeNameModeChange" }, usesOnChanges: true, 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 (showShortcutMenus) {\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; let idx = $index) {\r\n              <bayan-core-item-widget [item]=\"item\"\r\n                                      [baseUrl]=\"baseUrl\"\r\n                                      [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n                                      [open]=\"openDropdownIndex === idx\"\r\n                                      (toggleOpen)=\"openDropdownIndex = openDropdownIndex === idx ? null : idx\"\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            #globalSearchWidget\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            [baseUrl]=\"baseUrl\"\r\n            [licenseUrl]=\"licenseUrl\"\r\n            [releaseNotesUrl]=\"releaseNotesUrl\"\r\n            [supportUrl]=\"supportUrl\"\r\n            [systemModule]=\"systemModule\"\r\n            (alternateNamesChange)=\"alternateNamesChange.emit($event)\"\r\n            (employeeNameModeChange)=\"onEmployeeNameModeChange($event)\">\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<!-- Dialogs are now rendered inside settings-widget, not here -->\r\n", styles: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxToolbarModule }, { kind: "component", type: i1.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$1.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", "open"], outputs: ["itemClick", "toggleOpen"] }, { 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: ["baseUrl", "licenseUrl", "releaseNotesUrl", "supportUrl", "ActivePropertyChanged", "systemModule", "checkIcon", "cogIcon", "infoIcon", "dropdownOpen", "dropdownHostClass", "toggleBtnClass", "menuPanelClass", "sectionLabelClass", "menuRowClass", "dividerClass", "indicatorClass", "indicatorActiveClass", "indicatorInvisibleClass"], outputs: ["alternateNamesChange", "nameModeChange"] }, { kind: "component", type: BayanCoreNotificationsWidgetComponent, selector: "bayan-core-notifications-widget", inputs: ["baseUrl", "title", "wrapperClass", "linkClass", "iconClass", "badgeClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-top-menu-widget', standalone: true, imports: [
+                        CommonModule,
+                        DxToolbarModule,
+                        FontAwesomeModule,
+                        TranslatePipe,
+                        BayanCoreItemWidgetComponent,
+                        BayanCoreGlobalSearchWidgetComponent,
+                        BayanCoreUserPanelWidgetComponent,
+                        BayanCoreSettingsWidgetComponent,
+                        BayanCoreNotificationsWidgetComponent,
+                    ], 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 (showShortcutMenus) {\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; let idx = $index) {\r\n              <bayan-core-item-widget [item]=\"item\"\r\n                                      [baseUrl]=\"baseUrl\"\r\n                                      [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n                                      [open]=\"openDropdownIndex === idx\"\r\n                                      (toggleOpen)=\"openDropdownIndex = openDropdownIndex === idx ? null : idx\"\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            #globalSearchWidget\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            [baseUrl]=\"baseUrl\"\r\n            [licenseUrl]=\"licenseUrl\"\r\n            [releaseNotesUrl]=\"releaseNotesUrl\"\r\n            [supportUrl]=\"supportUrl\"\r\n            [systemModule]=\"systemModule\"\r\n            (alternateNamesChange)=\"alternateNamesChange.emit($event)\"\r\n            (employeeNameModeChange)=\"onEmployeeNameModeChange($event)\">\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<!-- Dialogs are now rendered inside settings-widget, not here -->\r\n", styles: ["[dir=rtl] .navbar-brand-link{margin-left:auto!important;margin-right:0!important;display:flex;justify-content:flex-end}.top-bar-header .dx-autocomplete,.header-toolbar .dx-autocomplete{width:100%!important;max-width:400px;margin:0 auto}.dx-autocomplete .dx-texteditor-input{background:#5c4848!important;color:#fff!important;border-radius:6px!important;border:2px solid #f18206!important;padding:8px 12px!important;font-size:16px!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#b9a9a9!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-input{border-color:#f18206!important;box-shadow:0 0 0 2px #f1820626!important}.settings-menu li{margin-bottom:9px}.settings-menu .header-dropdown-item,.settings-menu .menu-row{color:var(--dark-text-color, #333)!important;font-weight:400;background:none;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.settings-menu .header-dropdown-item.menu-item-active,.settings-menu .menu-row.menu-item-active{color:#222;font-weight:700}.settings-menu .menu-row:hover{background:#f5f5f5!important;color:#222!important}.settings-menu .menu-section-label{color:#bbb!important;font-size:13px;font-weight:400;cursor:default;padding-top:8px;padding-bottom:4px}.settings-menu .indicatorClass{display:inline-flex;align-items:center;margin-right:8px;color:var(--primary-color, #F18206)}.settings-menu .indicatorClass.invisible{color:transparent}.settings-menu .fa-icon{margin-right:8px}.settings-menu .dropdown-divider{margin:4px 0}[dir=rtl] .employee-info{margin-left:0!important;margin-right:8px!important;text-align:right}[dir=rtl] .user-name,[dir=rtl] .property-name{text-align:right}[dir=rtl] .employee-caret{margin-left:0!important;margin-right:2px!important}[dir=rtl] .menu-item,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-indicator{margin-left:0!important;margin-right:8px!important}[dir=rtl] .dropdown-divider,[dir=rtl] .menu-divider{margin-left:0!important;margin-right:0!important}[dir=rtl] .navbar-brand-link{text-align:right}[dir=rtl] .top-bar-header,[dir=rtl] .header-toolbar{direction:rtl}[dir=rtl] .about-dialog .row,[dir=rtl] .about-dialog .col-4,[dir=rtl] .about-dialog .col-8,[dir=rtl] .change-password-dialog .dx-form,[dir=rtl] .change-password-dialog .dx-label,[dir=rtl] .change-password-dialog .dx-field-item-label{text-align:right}[dir=rtl] .menu-dropdown-panel,[dir=rtl] .settings-menu,[dir=rtl] .employee-menu,[dir=rtl] .notifications-menu{right:auto;left:0}[dir=rtl] .menu-section-label,[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{text-align:right}[dir=rtl] .header-dropdown-item,[dir=rtl] .menu-row,[dir=rtl] .menu-item{padding-left:16px;padding-right:16px;flex-direction:row-reverse}[dir=rtl] .menu-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notifications-badge{right:auto;left:4px}[dir=rtl] .employee-info{margin-left:0;margin-right:8px}[dir=rtl] .employee-caret{margin-left:0;margin-right:2px}::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;font-size:14px}.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}.dialog-content{display:flex;flex-direction:column;height:100%}.dialog-body{flex:1;overflow-y:auto;padding:8px 4px}.dialog-body h3{font-size:16px;font-weight:600;margin-bottom:12px!important}.dialog-body h4{font-size:14px;font-weight:600;margin-top:16px!important;margin-bottom:8px!important}.dialog-body p{font-size:13px;line-height:1.6;color:#444;margin-bottom:10px!important}.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{display:flex!important;align-items:center!important}::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),min-width var(--tran-03);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}.user-info{display:flex;align-items:center}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(--bs-white, #fff);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}.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;color:#222!important}.menu-item-signout:hover fa-icon,.menu-item-signout:focus fa-icon{color:#222!important}.settings-menu{right:0;min-width:240px}.header-dropdown-item{gap:6px;padding:7px 16px;font-size:14px}.header-dropdown-item.disabled{opacity:.5}.item-icon{font-size:16px;width:18px;flex-shrink:0}.dropdown-divider{border-top:1px solid rgba(0,0,0,.175)}.notifications-icon-btn{position:relative}.notifications-badge{position:absolute;top:5px;right:4px;min-width:18px;height:15px;border-radius:25%;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background-color:var(--bs-danger, #dc3545)!important;color:#fff!important}.notifications-menu{right:0;top:calc(100% + 4px);min-width:280px;max-height:400px;overflow-y:auto;z-index:1050}.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}.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:35px!important;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-bar-header input{border:none!important;margin-right:0!important}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;animation:about-fade-in .2s ease}@keyframes about-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;animation:about-slide-in .22s ease;overflow:hidden}@keyframes about-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{font-size:1rem;font-weight:400;margin:0;color:#333}.about-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:#999;cursor:pointer;padding:0 4px}.about-close-btn:hover{color:#333}.about-modal-body{padding:20px 20px 16px}.about-logo{max-width:175px;width:100%}.about-product-name{font-size:1.25rem;font-weight:400;margin:0 0 8px!important;color:#333}.about-version-text{font-size:.9rem;color:#555;margin-bottom:4px!important}.about-up-to-date{font-size:.85rem;margin-bottom:4px!important}.about-copyright{font-size:.82rem;color:#555;line-height:1.5}.about-modal-actions{display:flex;border-top:1px solid #e5e5e5}.about-action-btn{flex:1;background:none;border:none;border-right:1px solid #e5e5e5;padding:12px 8px;font-size:.875rem;color:var(--primary-color, #F18206);cursor:pointer;transition:background .15s}.about-action-btn:last-child{border-right:none}.about-action-btn:hover{background:var(--primary-color-light, #f4ede3)}.sidebar-content{background:#222}.sidebar{width:260px;background:#222;color:#d3d7dc;height:100vh;min-height:100vh;max-height:100vh;transition:var(--tran-03);position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--bs-xs-shadow-box, 2px 0 8px rgba(0,0,0,.04));&.collapsed{width:60px;.sidebar-content,.sidebar-footer small{display:none}.sidebar-footer{justify-content:center}.sidebar-logo img{margin:0 auto}}.nav-sidebar li ul{background-color:var(--bs-gray, #eee)}.nav-sidebar li a{border-top:1px solid rgba(255,255,255,.04);display:block;padding:10px 25px;color:#d3d7dc!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:nowrap;transition:color var(--tran-02, .15s ease)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 10px 18px;background:#222;img{height:34px;transition:var(--tran-03)}}.sidebar-content{overflow-y:auto;flex:1 1 auto;height:100%;background:#222;scrollbar-width:thin;scrollbar-color:#4a4f58 #222222}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#222}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4f58;border-radius:8px;border:2px solid #222222}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5b616b}.nav-sidebar{list-style:none;padding:0;margin:0}.sidebar-footer{width:100%;padding:8px 10px;background:#222;font-size:var(--font-size-12, 12px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);position:absolute;bottom:0;left:0;a{color:var(--bs-white, #fff)}button{background:#222;border:1px solid #333;color:var(--bs-white, #fff)}a:hover{color:var(--bs-custom-light-white, #eee)!important}}}li.level-2>a{background:#ddd!important;color:#333!important}li.level-3>a{background:#eee!important;color:#333!important}.sub-menu li.level-last>a{background:#eee!important;color:#333!important}.sub-menu{background:none!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:#333!important;font-size:13px}.nav-sidebar li ul li a{color:var(--dark-text-color, #333)!important}li.level-2>a:hover,li.level-2>a.active,li.level-3>a:hover,li.level-3>a.active,.sub-menu li.level-last>a:hover,.sub-menu li.level-last>a.active{background:#fff2e4!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}li.level-last>a.has-children:hover>fa-icon,li.level-2>a.has-children:hover>fa-icon{color:var(--dark-text-color, #333)!important}li.level-2>a>fa-icon.fa-fw:hover,li.level-2>a>fa-icon.fa-fw:focus{color:var(--dark-text-color, #333)!important}.popover-sub-menu{position:absolute;left:60px;top:0;z-index:2000;min-width:180px;background:transparent;pointer-events:none}.popover-menu{background:var(--bs-white, #fff);color:var(--dark-text-color, #232323);border-radius:6px;box-shadow:var(--bs-md-shadow-box, 0 4px 16px rgba(0,0,0,.15));margin:0;padding:8px 0;pointer-events:auto}.popover-arrow{position:absolute;left:-8px;top:16px;width:16px;height:16px;background:transparent}.popover-arrow:before{content:\"\";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--bs-white, #fff);box-shadow:-2px 2px 6px #00000014;transform:rotate(45deg)}li.collapsed{position:relative}li.parent.level-2,li.level-last{padding:0!important;margin-bottom:0!important}li{&.level-2>a,&.level-last>a{transition:background var(--tran-02),color var(--tran-02)}margin-bottom:2px;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:100%}}}li.parent>a{color:#999!important;background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:0;gap:10px;width:100%;padding:11px 18px 11px 13px!important;text-decoration:none!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;text-overflow:ellipsis}li.parent>fa-icon{color:var(--Secondary-Light-Color, #999)!important}li.parent.open>a{font-weight:400;background:#222;color:#f0f3f6;border-radius:0;display:flex!important}li.parent>a:hover{color:var(--bs-custom-light-white, #eee)!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{background:var(--bs-gray, #eee);color:var(--Secondary-Light-Color, #999);padding-left:0;margin:0;border-radius:0 0 4px 4px;box-shadow:var(--bs-xs-shadow-box, 0 2px 8px rgba(0,0,0,.04));display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:var(--dark-text-color, #333);background:none;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid var(--bg-light-gray, #ddd);border-right:1px solid var(--bg-light-gray, #ddd)}li .sub-menu li a:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222)}li .sub-menu li.open>a{background:var(--bs-white, #fff);color:var(--dark-text-color, #222)}.sidebar-toggle-btn{width:32px;height:32px;border-radius:4px;background:#262626;color:var(--Secondary-Light-Color, #999);border:1px solid #48506a;display:flex;align-items:center;justify-content:center;margin:0;transition:background var(--tran-02),color var(--tran-02)}.sidebar-toggle-btn:hover{background:#48506a;color:#fff}a.navbar-brand-link,a.dropdown-item{color:var(--Secondary-Light-Color, #999);text-decoration:none;display:flex;align-items:center;border-radius:4px;transition:background var(--tran-02);justify-content:flex-start;gap:10px}a.navbar-brand-link:hover,a.dropdown-item:hover{background:var(--bs-gray, #eee);color:var(--dark-text-color, #222222)}.menu-dropdown-host>a:hover,.menu-icon-btn:hover,a.navbar-brand-link:hover{background:#222;color:var(--bs-white, #fff)!important}.fa{margin-right:8px}.sidebar-footer a:hover{background:#222!important;color:var(--bs-white, #fff)!important}.sidebar .nav-sidebar>li{margin:0}.sidebar .nav-sidebar>li>a{min-height:40px;padding:10px 16px 10px 28px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li>a .d-flex{align-items:center;gap:12px}.sidebar .nav-sidebar>li>a>.fa-fw:last-child{margin-left:10px;font-size:11px;flex-shrink:0;width:12px;text-align:center}.sidebar .nav-sidebar li>a:hover .text-secondary,.sidebar .nav-sidebar li>a:focus .text-secondary,.sidebar .nav-sidebar li.open>a .text-secondary,.sidebar .nav-sidebar li.level-1.open>a .text-secondary{color:#fff!important}.sidebar .nav-sidebar li.level-2>a:hover .text-secondary,.sidebar .nav-sidebar li.level-2>a:focus .text-secondary,.sidebar .nav-sidebar li.level-2.open>a .text-secondary,.sidebar .nav-sidebar li.level-3>a:hover .text-secondary,.sidebar .nav-sidebar li.level-3>a:focus .text-secondary,.sidebar .nav-sidebar li.level-last>a:hover .text-secondary,.sidebar .nav-sidebar li.level-last>a:focus .text-secondary{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}.sidebar .nav-sidebar .sub-menu{background:#efefef!important;margin:0;padding:0;border-radius:0;box-shadow:none}.sidebar .nav-sidebar .sub-menu>li{margin:0}.sidebar .nav-sidebar .sub-menu>li>a{min-height:38px;padding:9px 16px 9px 58px!important;background:#eee!important;color:#333!important;text-decoration:none!important;border-right:none;border-bottom:1px solid #dddddd;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-2.parent>a{padding-left:50px!important;font-weight:400}.sidebar .nav-sidebar .sub-menu>li.level-3>a,.sidebar .nav-sidebar .sub-menu>li.level-last>a{padding-left:58px!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a,.sidebar .nav-sidebar .sub-menu>li.level-3>a{background:#fff!important;color:#333!important}.sidebar .nav-sidebar .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar .sub-menu .sub-menu>li>a:hover,.sidebar .nav-sidebar .sub-menu .sub-menu>li.open>a{background:#fff2e4!important;color:#333!important}.sidebar .nav-sidebar a,.sidebar .nav-sidebar a:hover,.sidebar .nav-sidebar a:focus,.sidebar .nav-sidebar a:active{text-decoration:none!important}.sidebar .nav-sidebar li.parent>a{justify-content:space-between}.sidebar .nav-sidebar li.parent>a>.d-flex{flex:1 1 auto;min-width:0}.sidebar .nav-sidebar>li>a,.sidebar .nav-sidebar .sub-menu>li>a{display:flex;align-items:center;flex-wrap:nowrap}.sidebar .nav-sidebar .menu-label-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.sidebar .nav-sidebar .menu-name-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .nav-sidebar .menu-expand-arrow{flex:0 0 14px;width:14px;min-width:14px;margin-left:10px;text-align:center;color:#999}.sidebar .nav-sidebar .sub-menu>li.parent>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a>.menu-expand-arrow{color:#6f7680!important;opacity:1!important;visibility:visible!important}.sidebar .nav-sidebar .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu>li.parent.open>a>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent>a:hover>.menu-expand-arrow,.sidebar .nav-sidebar .sub-menu .sub-menu>li.parent.open>a>.menu-expand-arrow{color:#4e5560!important}.sidebar .nav-sidebar>li.level-1.parent>a,.sidebar .nav-sidebar>li.level-1.parent>a:visited,.sidebar .nav-sidebar>li.level-1.parent>a:focus,.sidebar .nav-sidebar>li.level-1.parent>a:active{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a span{color:#999!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover,.sidebar .nav-sidebar>li.level-1.parent.open>a{color:#fff!important;text-decoration:none!important}.sidebar .nav-sidebar>li.level-1.parent>a:hover span,.sidebar .nav-sidebar>li.level-1.parent.open>a span{color:#fff!important}.sidebar .nav-sidebar>li>a span,.sidebar .nav-sidebar .sub-menu>li>a span{font-size:12px}.sidebar .sidebar-footer small{display:flex;align-items:center;gap:10px;margin:0;line-height:1}.sidebar .sidebar-footer small,.sidebar .sidebar-footer small a{color:#8f949d!important;font-size:11px}.sidebar .sidebar-footer small a:hover{color:#fff!important}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:8px 0}::ng-deep .dx-popup-title.dx-toolbar .dx-closebutton{inset-inline-start:10px}::ng-deep .dx-popup-title.dx-toolbar{padding-top:10px!important}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], systemModule: [{
+                type: Input
+            }], sidebarCollapsed: [{
+                type: Input
+            }], homeUrl: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], collapsedLogoUrl: [{
+                type: Input
+            }], logoClick: [{
+                type: Output
+            }], isSsoLogin: [{
+                type: Input
+            }], showGlobalSearch: [{
+                type: Input
+            }], showUserPanel: [{
+                type: Input
+            }], showSettings: [{
+                type: Input
+            }], showShortcutMenus: [{
+                type: Input
+            }], showNotifications: [{
+                type: Input
+            }], notificationsTitle: [{
+                type: Input
+            }], showHelp: [{
+                type: Input
+            }], helpTitle: [{
+                type: Input
+            }], helpUrl: [{
+                type: Input
+            }], helpIcon: [{
+                type: Input
+            }], helpAnchorClass: [{
+                type: Input
+            }], helpUrlTarget: [{
+                type: Input
+            }], licenseUrl: [{
+                type: Input
+            }], releaseNotesUrl: [{
+                type: Input
+            }], supportUrl: [{
+                type: Input
+            }], helpClick: [{
+                type: Output
+            }], menuItemClick: [{
+                type: Output
+            }], searchSubmit: [{
+                type: Output
+            }], propertyChanged: [{
+                type: Output
+            }], signOutClick: [{
+                type: Output
+            }], alternateNamesChange: [{
+                type: Output
+            }], employeeNameModeChange: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of bayan-core-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BayanCoreAboutDialogWidgetComponent, BayanCoreChangePasswordWidgetComponent, BayanCoreGlobalSearchWidgetComponent, BayanCoreItemWidgetComponent, BayanCoreNotificationsWidgetComponent, BayanCoreSettingsWidgetComponent, BayanCoreTopMenuService, BayanCoreTopMenuWidgetComponent, BayanCoreUserPanelWidgetComponent, BlockableModule, EmployeeNamesModeOption, SystemModule };
+//# sourceMappingURL=skysoftware-co-bayan-core-widgets-ui.mjs.map