@skysoftware-co/bayan-core-widgets-ui 0.1.6 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs +42 -26
  2. package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs.map +1 -1
  3. package/lib/side-menu-widget/components/side-menu-item/side-menu-item-widget.component.d.ts +2 -0
  4. package/lib/side-menu-widget/side-menu-widget.component.d.ts +4 -0
  5. package/package.json +1 -1
package/fesm2022/skysoftware-co-bayan-core-widgets-ui.mjs CHANGED
@@ -6,7 +6,7 @@ import * as i1$2 from '@angular/common';
6
6
  import { DOCUMENT, CommonModule } from '@angular/common';
7
7
  import * as i1$1 from '@fortawesome/angular-fontawesome';
8
8
  import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
9
- import { faTools, faGrid, faDollar, faUsers, faRightLeft, faMedal, faGraduationCap, faBell, faCheckCircle, faCheck, faCog, faInfoCircle, faPersonRunning, faQuestionCircle, faAngleDown, faAngleRight, faBolt, faCalendarDays, faCalculator, faHouseChimney, faMoneyBill, faMoneyBill1, faBuildingColumns, faAngleLeft } from '@fortawesome/pro-solid-svg-icons';
9
+ import { faTools, faGrid, faDollar, faUsers, faRightLeft, faMedal, faGraduationCap, faBell, faCheckCircle, faCheck, faCog, faInfoCircle, faPersonRunning, faQuestionCircle, faAngleDown, faAngleRight, faAngleLeft, faBolt, faCalendarDays, faCalculator, faHouseChimney, faMoneyBill, faMoneyBill1, faBuildingColumns } from '@fortawesome/pro-solid-svg-icons';
10
10
  import { Router, RouterModule } from '@angular/router';
11
11
  import * as i1 from 'devextreme-angular';
12
12
  import { DxAutocompleteModule, DxPopupModule, DxFormModule, DxToolbarModule } from 'devextreme-angular';
@@ -3235,11 +3235,11 @@ class BayanCoreGlobalSearchWidgetComponent {
3235
3235
  }
3236
3236
  }
3237
3237
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3238
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreGlobalSearchWidgetComponent, isStandalone: true, selector: "bayan-core-global-search-widget", inputs: { dataSource: "dataSource", baseUrl: "baseUrl", 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 }], ngImport: i0, template: "<div class=\"global-search-wrapper\">\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]=\"true\"\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=\"global-search-dropdown-item\" *dxTemplate=\"let item of 'item'\">\r\n <a class=\"global-search-link compact-search-item\" href=\"{{item.MenuUrl}}\">\r\n <div class=\"d-flex flex-column flex-grow-1\">\r\n <div class=\"d-flex flex-grow-1 align-items-center\">\r\n <fa-icon [icon]=\"getIconForClass(item.IconClass)\" class=\"global-search-icon mx-1\"></fa-icon>\r\n <div class=\"search-title\">@if (item.IsTranslatable) { {{ item.MenuTitle | translate }} } @else { {{ item.MenuTitle }} }</div>\r\n </div>\r\n <div class=\"search-subtitle mx-3 ps-1 mt-1\">@if (item.IsTranslatable) { {{ item.MenuSubTitle | translate }} } @else { {{ item.MenuSubTitle }} }</div>\r\n </div>\r\n </a>\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3238
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreGlobalSearchWidgetComponent, isStandalone: true, selector: "bayan-core-global-search-widget", inputs: { dataSource: "dataSource", baseUrl: "baseUrl", 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 }], ngImport: i0, template: "<div class=\"global-search-wrapper\">\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]=\"true\"\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=\"global-search-dropdown-item\" *dxTemplate=\"let item of 'item'\">\r\n <a class=\"global-search-link compact-search-item\" href=\"{{item.MenuUrl}}\">\r\n <div class=\"d-flex flex-column flex-grow-1\">\r\n <div class=\"d-flex flex-grow-1 align-items-center\">\r\n <fa-icon [icon]=\"getIconForClass(item.IconClass)\" class=\"global-search-icon mx-1\"></fa-icon>\r\n <div class=\"search-title\">@if (item.IsTranslatable) { {{ item.MenuTitle | translate }} } @else { {{ item.MenuTitle }} }</div>\r\n </div>\r\n <div class=\"search-subtitle mx-3 ps-1 mt-1\">@if (item.IsTranslatable) { {{ item.MenuSubTitle | translate }} } @else { {{ item.MenuSubTitle }} }</div>\r\n </div>\r\n </a>\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3239
3239
  }
3240
3240
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, decorators: [{
3241
3241
  type: Component,
3242
- args: [{ selector: 'bayan-core-global-search-widget', standalone: true, imports: [CommonModule, DxAutocompleteModule, FontAwesomeModule, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"global-search-wrapper\">\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]=\"true\"\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=\"global-search-dropdown-item\" *dxTemplate=\"let item of 'item'\">\r\n <a class=\"global-search-link compact-search-item\" href=\"{{item.MenuUrl}}\">\r\n <div class=\"d-flex flex-column flex-grow-1\">\r\n <div class=\"d-flex flex-grow-1 align-items-center\">\r\n <fa-icon [icon]=\"getIconForClass(item.IconClass)\" class=\"global-search-icon mx-1\"></fa-icon>\r\n <div class=\"search-title\">@if (item.IsTranslatable) { {{ item.MenuTitle | translate }} } @else { {{ item.MenuTitle }} }</div>\r\n </div>\r\n <div class=\"search-subtitle mx-3 ps-1 mt-1\">@if (item.IsTranslatable) { {{ item.MenuSubTitle | translate }} } @else { {{ item.MenuSubTitle }} }</div>\r\n </div>\r\n </a>\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3242
+ args: [{ selector: 'bayan-core-global-search-widget', standalone: true, imports: [CommonModule, DxAutocompleteModule, FontAwesomeModule, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"global-search-wrapper\">\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]=\"true\"\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=\"global-search-dropdown-item\" *dxTemplate=\"let item of 'item'\">\r\n <a class=\"global-search-link compact-search-item\" href=\"{{item.MenuUrl}}\">\r\n <div class=\"d-flex flex-column flex-grow-1\">\r\n <div class=\"d-flex flex-grow-1 align-items-center\">\r\n <fa-icon [icon]=\"getIconForClass(item.IconClass)\" class=\"global-search-icon mx-1\"></fa-icon>\r\n <div class=\"search-title\">@if (item.IsTranslatable) { {{ item.MenuTitle | translate }} } @else { {{ item.MenuTitle }} }</div>\r\n </div>\r\n <div class=\"search-subtitle mx-3 ps-1 mt-1\">@if (item.IsTranslatable) { {{ item.MenuSubTitle | translate }} } @else { {{ item.MenuSubTitle }} }</div>\r\n </div>\r\n </a>\r\n </div>\r\n </dx-autocomplete>\r\n</div>\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3243
3243
  }], propDecorators: { searchAutoComplete: [{
3244
3244
  type: ViewChild,
3245
3245
  args: ['searchAutoComplete']
@@ -3322,11 +3322,11 @@ class BayanCoreItemWidgetComponent {
3322
3322
  this.itemClick.emit(item);
3323
3323
  }
3324
3324
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
3325
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreItemWidgetComponent, isStandalone: true, selector: "bayan-core-item-widget", inputs: { baseUrl: "baseUrl", ActivePropertyChanged: "ActivePropertyChanged", item: "item", navItemClass: "navItemClass", navLinkClass: "navLinkClass", dropdownClass: "dropdownClass", dropdownOpenClass: "dropdownOpenClass", dropdownToggleClass: "dropdownToggleClass", caretClass: "caretClass", dropdownMenuClass: "dropdownMenuClass" }, outputs: { itemClick: "itemClick" }, 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 + (open ? ' ' + dropdownOpenClass : '')\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\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 <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 </li>\r\n}\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"], outputs: ["itemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3325
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreItemWidgetComponent, isStandalone: true, selector: "bayan-core-item-widget", inputs: { baseUrl: "baseUrl", ActivePropertyChanged: "ActivePropertyChanged", item: "item", navItemClass: "navItemClass", navLinkClass: "navLinkClass", dropdownClass: "dropdownClass", dropdownOpenClass: "dropdownOpenClass", dropdownToggleClass: "dropdownToggleClass", caretClass: "caretClass", dropdownMenuClass: "dropdownMenuClass" }, outputs: { itemClick: "itemClick" }, 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 + (open ? ' ' + dropdownOpenClass : '')\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\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 <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 </li>\r\n}\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"], outputs: ["itemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3326
3326
  }
3327
3327
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, decorators: [{
3328
3328
  type: Component,
3329
- args: [{ selector: 'bayan-core-item-widget', standalone: true, imports: [CommonModule, BayanCoreTranslatePipe], 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 + (open ? ' ' + dropdownOpenClass : '')\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\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 <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 </li>\r\n}\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3329
+ args: [{ selector: 'bayan-core-item-widget', standalone: true, imports: [CommonModule, BayanCoreTranslatePipe], 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 + (open ? ' ' + dropdownOpenClass : '')\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\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 <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 </li>\r\n}\r\n", styles: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3330
3330
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
3331
3331
  type: Input
3332
3332
  }], ActivePropertyChanged: [{
@@ -3405,11 +3405,11 @@ class BayanCoreNotificationsWidgetComponent {
3405
3405
  });
3406
3406
  }
3407
3407
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3408
- 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3408
+ 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3409
3409
  }
3410
3410
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, decorators: [{
3411
3411
  type: Component,
3412
- args: [{ selector: 'bayan-core-notifications-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanCoreTranslatePipe], 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3412
+ args: [{ selector: 'bayan-core-notifications-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanCoreTranslatePipe], 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3413
3413
  }], propDecorators: { baseUrl: [{
3414
3414
  type: Input
3415
3415
  }], title: [{
@@ -3617,11 +3617,11 @@ class BayanCoreAboutDialogWidgetComponent {
3617
3617
  window.open(this.supportUrl, '_blank');
3618
3618
  }
3619
3619
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3620
- 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3620
+ 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3621
3621
  }
3622
3622
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, decorators: [{
3623
3623
  type: Component,
3624
- args: [{ selector: 'bayan-core-about-dialog-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanCoreTranslatePipe], 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3624
+ args: [{ selector: 'bayan-core-about-dialog-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanCoreTranslatePipe], 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3625
3625
  }], propDecorators: { baseUrl: [{
3626
3626
  type: Input
3627
3627
  }], visible: [{
@@ -3854,7 +3854,7 @@ class BayanCoreSettingsWidgetComponent {
3854
3854
  catch { }
3855
3855
  }
3856
3856
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
3857
- 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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseHR' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.HumanResources, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseTK' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.Timekeeping, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, 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 });
3857
+ 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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseHR' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.HumanResources, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseTK' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.Timekeeping, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, 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 });
3858
3858
  }
3859
3859
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, decorators: [{
3860
3860
  type: Component,
@@ -3864,7 +3864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
3864
3864
  BayanCoreTranslatePipe,
3865
3865
  BayanCoreChangePasswordWidgetComponent,
3866
3866
  BayanCoreAboutDialogWidgetComponent
3867
- ], 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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseHR' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.HumanResources, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseTK' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.Timekeeping, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3867
+ ], 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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseHR' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.HumanResources, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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 <span [class]=\"indicatorClass\"></span>\r\n {{ 'ReleaseTK' | translate }}\r\n </a>\r\n } @else {\r\n <a [class]=\"menuRowClass\" (click)=\"blockModule(BlockableModule.Timekeeping, $event)\">\r\n <span [class]=\"indicatorClass\"></span>\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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
3868
3868
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
3869
3869
  type: Input
3870
3870
  }], licenseUrl: [{
@@ -4012,11 +4012,11 @@ class BayanCoreUserPanelWidgetComponent {
4012
4012
  });
4013
4013
  }
4014
4014
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
4015
- 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4015
+ 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4016
4016
  }
4017
4017
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, decorators: [{
4018
4018
  type: Component,
4019
- args: [{ selector: 'bayan-core-user-panel-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanEmployeeBadgeComponent, BayanCoreTranslatePipe], 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
4019
+ args: [{ selector: 'bayan-core-user-panel-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanEmployeeBadgeComponent, BayanCoreTranslatePipe], 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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
4020
4020
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
4021
4021
  type: Input
4022
4022
  }], wrapperClass: [{
@@ -4183,7 +4183,7 @@ class BayanCoreTopMenuWidgetComponent {
4183
4183
  }
4184
4184
  }
4185
4185
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
4186
- 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" }, viewQueries: [{ propertyName: "userPanelWidget", first: true, predicate: BayanCoreUserPanelWidgetComponent, descendants: 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) {\r\n <bayan-core-item-widget [item]=\"item\"\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (itemClick)=\"menuItemClick.emit($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n #globalSearchWidget\r\n [baseUrl]=\"baseUrl\"\r\n [dataSource]=\"globalSearchResults\"\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)=\"onAlternateNamesChange($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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "ActivePropertyChanged", "item", "navItemClass", "navLinkClass", "dropdownClass", "dropdownOpenClass", "dropdownToggleClass", "caretClass", "dropdownMenuClass"], outputs: ["itemClick"] }, { kind: "component", type: BayanCoreGlobalSearchWidgetComponent, selector: "bayan-core-global-search-widget", inputs: ["dataSource", "baseUrl", "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"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4186
+ 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" }, viewQueries: [{ propertyName: "userPanelWidget", first: true, predicate: BayanCoreUserPanelWidgetComponent, descendants: 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) {\r\n <bayan-core-item-widget [item]=\"item\"\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (itemClick)=\"menuItemClick.emit($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n #globalSearchWidget\r\n [baseUrl]=\"baseUrl\"\r\n [dataSource]=\"globalSearchResults\"\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)=\"onAlternateNamesChange($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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "ActivePropertyChanged", "item", "navItemClass", "navLinkClass", "dropdownClass", "dropdownOpenClass", "dropdownToggleClass", "caretClass", "dropdownMenuClass"], outputs: ["itemClick"] }, { kind: "component", type: BayanCoreGlobalSearchWidgetComponent, selector: "bayan-core-global-search-widget", inputs: ["dataSource", "baseUrl", "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"] }, { kind: "pipe", type: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4187
4187
  }
4188
4188
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, decorators: [{
4189
4189
  type: Component,
@@ -4197,7 +4197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
4197
4197
  BayanCoreSettingsWidgetComponent,
4198
4198
  BayanCoreNotificationsWidgetComponent,
4199
4199
  BayanCoreTranslatePipe
4200
- ], 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) {\r\n <bayan-core-item-widget [item]=\"item\"\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (itemClick)=\"menuItemClick.emit($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n #globalSearchWidget\r\n [baseUrl]=\"baseUrl\"\r\n [dataSource]=\"globalSearchResults\"\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)=\"onAlternateNamesChange($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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
4200
+ ], 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) {\r\n <bayan-core-item-widget [item]=\"item\"\r\n [baseUrl]=\"baseUrl\"\r\n [ActivePropertyChanged]=\"ActivePropertyChanged\"\r\n (itemClick)=\"menuItemClick.emit($event)\">\r\n </bayan-core-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </dxi-item>\r\n }\r\n\r\n @if (showGlobalSearch) {\r\n <dxi-item location=\"after\" locateInMenu=\"never\">\r\n <div *dxTemplate>\r\n <bayan-core-global-search-widget\r\n #globalSearchWidget\r\n [baseUrl]=\"baseUrl\"\r\n [dataSource]=\"globalSearchResults\"\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)=\"onAlternateNamesChange($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: [".global-search-wrapper{position:relative;width:100%;max-width:480px}.dx-autocomplete-popup-wrapper{border-radius:8px!important;box-shadow:0 4px 16px #00000026!important;background:#fff!important;min-width:400px!important;padding:.5rem 0!important;max-height:340px!important;overflow-y:auto!important}.global-search-dropdown-item{width:100%}.global-search-link{display:block;border-radius:6px;transition:background .15s,color .15s;text-decoration:none;padding:0}.compact-search-item{padding:2px 7px!important;min-height:35px;line-height:1.2}.global-search-link:hover,.compact-search-item:hover{background:#f5f5f5!important;color:#999!important}.search-title{color:#999!important;font-weight:600;font-size:.8em!important;line-height:1.1}.search-subtitle{color:#222;font-size:14px;line-height:1.1;margin-top:1px}.global-search-icon{color:#999!important;font-size:.8em!important}.state-small-size{font-size:.95em}.menu-dropdown-panel,.dropdown-menu{background:#fff!important}[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-container,.dx-autocomplete.dx-texteditor-filled .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}.dx-autocomplete,.dx-autocomplete.dx-texteditor-filled{background:transparent!important;box-shadow:none!important}.dx-autocomplete .dx-texteditor-input{background:transparent!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}.dx-autocomplete .dx-texteditor-input::placeholder{color:#ffffff8c!important;opacity:1}.dx-autocomplete.dx-state-focused .dx-texteditor-container,.dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input,.dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:transparent!important;color:#333!important;outline:none!important;box-shadow:none!important}.dx-autocomplete.dx-state-focused .dx-texteditor-input::placeholder{color:#aaa!important}.dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}.dx-autocomplete.dx-state-focused .dx-clear-button-area,.dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!important}.settings-menu li{margin-bottom:0;list-style:none}.settings-menu li:has(>.header-dropdown-item):hover,.settings-menu li:has(>.menu-row):hover{background:#f5f5f5!important}.settings-menu .header-dropdown-item,.settings-menu .menu-row{display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--dark-text-color, #333)!important;font-weight:400;background:transparent;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-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;background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete.dx-texteditor-filled,::ng-deep .dx-autocomplete{background:transparent!important;border-color:transparent!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-container{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-container,::ng-deep .dx-autocomplete.dx-state-focused.dx-texteditor-filled .dx-texteditor-container,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-container{background:#fff!important;border-color:#ffffff4d!important;box-shadow:none!important}::ng-deep .dx-autocomplete .dx-texteditor-input{background:#6d5555e8!important;color:#fff!important;box-shadow:none!important;outline:none!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-texteditor-input,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-texteditor-input{background:#fff!important;color:#000!important}::ng-deep .dx-autocomplete .dx-clear-button-area{background:transparent!important;color:#ffffffb3!important}::ng-deep .dx-autocomplete.dx-state-focused .dx-clear-button-area,::ng-deep .dx-autocomplete:not(.dx-texteditor-empty) .dx-clear-button-area{background:transparent!important;color:#999!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}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-before{left:auto!important;right:0!important;padding:0 20px!important}[dir=rtl] ::ng-deep .top-bar-header .dx-toolbar .dx-toolbar-after{right:auto!important;left:0!important;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:400;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{display:flex;align-items:center;width:100%;box-sizing:border-box;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:#999!important;font-weight:400;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 .2s;background:#222}.nav-item .nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important;background:#222}.nav-item .nav-link .caret{margin-left:4px;font-size:10px;color:#999;transition:color .2s}.nav-item .nav-link:hover .caret,.nav-item.dropdown.open>.nav-link .caret{color:#fff}.nav-link.dropdown-toggle,.nav-link.dropdown-toggle:link,.nav-link.dropdown-toggle:visited{color:#999!important;background:#222!important}.nav-link.dropdown-toggle:hover,.nav-item.dropdown.open>.nav-link.dropdown-toggle{color:#fff!important;background:#222!important}.nav-item.dropdown{position:relative}.dropdown-menu{left:0;min-width:200px}.nav-item.dropdown.open>.dropdown-menu{display:block}.dropdown-menu.menu-dropdown-panel{background:#fff;box-shadow:0 4px 16px #00000026;border-radius:0 0 4px 4px;padding:0;min-width:200px;z-index:1200}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:visited,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:link,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:visited{background:#fff!important;color:#333!important;height:38px!important;padding:0 22px;font-weight:400;font-size:13px;display:flex;align-items:center;text-decoration:none!important;transition:background .15s}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link:hover,.dropdown-menu.menu-dropdown-panel .nav-item .nav-link.dropdown-toggle:hover,.dropdown-menu.menu-dropdown-panel .nav-item.dropdown.open>.nav-link{background:#f5f5f5!important;color:#333!important}.dropdown-menu.menu-dropdown-panel .nav-item .nav-link .caret{color:#999!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"] }]
4201
4201
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { userPanelWidget: [{
4202
4202
  type: ViewChild,
4203
4203
  args: [BayanCoreUserPanelWidgetComponent]
@@ -4272,13 +4272,19 @@ class BayanCoreSideMenuItemWidgetComponent {
4272
4272
  fallbackIcon = ['fas', 'square'];
4273
4273
  cdr = inject(ChangeDetectorRef);
4274
4274
  elRef = inject(ElementRef);
4275
+ document = inject(DOCUMENT);
4275
4276
  popoverTop = 0;
4276
4277
  getPopoverTop() {
4277
4278
  const rect = this.elRef.nativeElement.getBoundingClientRect();
4278
4279
  return rect.top;
4279
4280
  }
4280
4281
  constructor(library) {
4281
- library.addIcons(faAngleDown, faAngleRight, faUsers, faBolt, faCog, faCalendarDays, faCalculator, faHouseChimney, faMoneyBill, faMoneyBill1, faBuildingColumns, faCalendarDays$1, faCalculator$1, faMoneyBill$1, faMoneyBill1$1);
4282
+ library.addIcons(faAngleDown, faAngleRight, faAngleLeft, faUsers, faBolt, faCog, faCalendarDays, faCalculator, faHouseChimney, faMoneyBill, faMoneyBill1, faBuildingColumns, faCalendarDays$1, faCalculator$1, faMoneyBill$1, faMoneyBill1$1);
4283
+ }
4284
+ getExpandArrowIcon() {
4285
+ return this.document.documentElement.dir === 'rtl'
4286
+ ? ['fas', 'angle-left']
4287
+ : ['fas', 'angle-right'];
4282
4288
  }
4283
4289
  hasChildren() {
4284
4290
  return (this.item.Children || []).length > 0;
@@ -4324,7 +4330,7 @@ class BayanCoreSideMenuItemWidgetComponent {
4324
4330
  }
4325
4331
  onChildExpanded(expandedItem, siblings) {
4326
4332
  siblings.forEach(sibling => {
4327
- if (sibling !== expandedItem && sibling.Expanded) {
4333
+ if (sibling !== expandedItem) {
4328
4334
  sibling.Expanded = false;
4329
4335
  this.collapseRecursive(sibling.Children || []);
4330
4336
  }
@@ -4415,11 +4421,11 @@ class BayanCoreSideMenuItemWidgetComponent {
4415
4421
  }
4416
4422
  }
4417
4423
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuItemWidgetComponent, deps: [{ token: i1$1.FaIconLibrary }], target: i0.ɵɵFactoryTarget.Component });
4418
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuItemWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-item-widget", inputs: { item: "item", level: "level", collapsed: "collapsed" }, outputs: { itemClick: "itemClick", expanded: "expanded" }, ngImport: i0, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n [class.level-1]=\"level === 1\"\r\n [class.level-2]=\"level === 2\"\r\n [class.level-3]=\"level >= 3\"\r\n [class.level-last]=\"!hasChildren()\"\r\n (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n @if (shouldShowIcon() || (collapsed && level === 1)) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n }\r\n @if (!collapsed) {\r\n <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n }\r\n </div>\r\n @if (hasChildren() && !collapsed) {\r\n <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : ['fas', 'angle-right']\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n }\r\n </a>\r\n @if (hasChildren() && !collapsed) {\r\n <ul class=\"sub-menu\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget\r\n [item]=\"child\"\r\n [level]=\"level + 1\"\r\n [collapsed]=\"collapsed\"\r\n (itemClick)=\"itemClick.emit($event)\"\r\n (expanded)=\"onChildExpanded($event, item.Children)\">\r\n </bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n }\r\n @if (hasChildren() && item.Expanded && collapsed) {\r\n <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n <div class=\"popover-arrow\"></div>\r\n <div class=\"popover-menu\">\r\n <div class=\"popover-menu-header\">\r\n @if (shouldShowIcon()) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n }\r\n <span>{{ item.MenuName | translate }}</span>\r\n </div>\r\n <ul class=\"popover-items-list\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget [item]=\"child\" [level]=\"level + 1\" [collapsed]=\"false\" (itemClick)=\"itemClick.emit($event)\"></bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n</li>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\n"], dependencies: [{ kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { 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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
4424
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuItemWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-item-widget", inputs: { item: "item", level: "level", collapsed: "collapsed" }, outputs: { itemClick: "itemClick", expanded: "expanded" }, ngImport: i0, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n [class.level-1]=\"level === 1\"\r\n [class.level-2]=\"level === 2\"\r\n [class.level-3]=\"level >= 3\"\r\n [class.level-last]=\"!hasChildren()\"\r\n (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n @if (level === 1 && (shouldShowIcon() || collapsed)) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n }\r\n @if (!collapsed) {\r\n <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n }\r\n </div>\r\n @if (hasChildren() && !collapsed) {\r\n <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : getExpandArrowIcon()\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n }\r\n </a>\r\n @if (hasChildren() && !collapsed) {\r\n <ul class=\"sub-menu\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget\r\n [item]=\"child\"\r\n [level]=\"level + 1\"\r\n [collapsed]=\"collapsed\"\r\n (itemClick)=\"itemClick.emit($event)\"\r\n (expanded)=\"onChildExpanded($event, item.Children)\">\r\n </bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n }\r\n @if (hasChildren() && item.Expanded && collapsed) {\r\n <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n <div class=\"popover-menu\">\r\n <div class=\"popover-arrow\"></div>\r\n <div class=\"popover-menu-header\">\r\n @if (shouldShowIcon()) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n }\r\n <span>{{ item.MenuName | translate }}</span>\r\n </div>\r\n <ul class=\"popover-items-list\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget\r\n [item]=\"child\"\r\n [level]=\"level + 1\"\r\n [collapsed]=\"false\"\r\n (itemClick)=\"itemClick.emit($event)\"\r\n (expanded)=\"onChildExpanded($event, item.Children)\">\r\n </bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n</li>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"], dependencies: [{ kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { 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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
4419
4425
  }
4420
4426
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuItemWidgetComponent, decorators: [{
4421
4427
  type: Component,
4422
- args: [{ selector: 'bayan-core-side-menu-item-widget', standalone: true, imports: [CommonModule, RouterModule, FontAwesomeModule, BayanCoreTranslatePipe, BayanCoreSideMenuItemWidgetComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n [class.level-1]=\"level === 1\"\r\n [class.level-2]=\"level === 2\"\r\n [class.level-3]=\"level >= 3\"\r\n [class.level-last]=\"!hasChildren()\"\r\n (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n @if (shouldShowIcon() || (collapsed && level === 1)) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n }\r\n @if (!collapsed) {\r\n <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n }\r\n </div>\r\n @if (hasChildren() && !collapsed) {\r\n <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : ['fas', 'angle-right']\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n }\r\n </a>\r\n @if (hasChildren() && !collapsed) {\r\n <ul class=\"sub-menu\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget\r\n [item]=\"child\"\r\n [level]=\"level + 1\"\r\n [collapsed]=\"collapsed\"\r\n (itemClick)=\"itemClick.emit($event)\"\r\n (expanded)=\"onChildExpanded($event, item.Children)\">\r\n </bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n }\r\n @if (hasChildren() && item.Expanded && collapsed) {\r\n <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n <div class=\"popover-arrow\"></div>\r\n <div class=\"popover-menu\">\r\n <div class=\"popover-menu-header\">\r\n @if (shouldShowIcon()) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n }\r\n <span>{{ item.MenuName | translate }}</span>\r\n </div>\r\n <ul class=\"popover-items-list\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget [item]=\"child\" [level]=\"level + 1\" [collapsed]=\"false\" (itemClick)=\"itemClick.emit($event)\"></bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n</li>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\n"] }]
4428
+ args: [{ selector: 'bayan-core-side-menu-item-widget', standalone: true, imports: [CommonModule, RouterModule, FontAwesomeModule, BayanCoreTranslatePipe, BayanCoreSideMenuItemWidgetComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<li [class.parent]=\"hasChildren()\" [class.open]=\"item.Expanded\" [class.collapsed]=\"collapsed\"\r\n [class.level-1]=\"level === 1\"\r\n [class.level-2]=\"level === 2\"\r\n [class.level-3]=\"level >= 3\"\r\n [class.level-last]=\"!hasChildren()\"\r\n (mouseenter)=\"collapsed && hasChildren() ? item.Expanded = true : null\"\r\n (mouseleave)=\"collapsed && hasChildren() ? item.Expanded = false : null\">\r\n <a (click)=\"toggle($event)\" [attr.href]=\"getResolvedUrl() || '#'\" [class.has-children]=\"hasChildren()\">\r\n <div class=\"d-flex flex-grow-1 menu-label-wrap\">\r\n @if (level === 1 && (shouldShowIcon() || collapsed)) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 text-secondary\"></fa-icon>\r\n }\r\n @if (!collapsed) {\r\n <span class=\"menu-name-text\">{{ item.MenuName | translate }}</span>\r\n }\r\n </div>\r\n @if (hasChildren() && !collapsed) {\r\n <fa-icon [icon]=\"item.Expanded ? ['fas', 'angle-down'] : getExpandArrowIcon()\" class=\"fa-fw menu-expand-arrow text-secondary\"></fa-icon>\r\n }\r\n </a>\r\n @if (hasChildren() && !collapsed) {\r\n <ul class=\"sub-menu\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget\r\n [item]=\"child\"\r\n [level]=\"level + 1\"\r\n [collapsed]=\"collapsed\"\r\n (itemClick)=\"itemClick.emit($event)\"\r\n (expanded)=\"onChildExpanded($event, item.Children)\">\r\n </bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n }\r\n @if (hasChildren() && item.Expanded && collapsed) {\r\n <div class=\"popover-sub-menu\" [style.top.px]=\"getPopoverTop()\">\r\n <div class=\"popover-menu\">\r\n <div class=\"popover-arrow\"></div>\r\n <div class=\"popover-menu-header\">\r\n @if (shouldShowIcon()) {\r\n <fa-icon [icon]=\"getSafeMenuIcon(item.IconClass)\" class=\"fa-fw me-2 popover-header-icon\"></fa-icon>\r\n }\r\n <span>{{ item.MenuName | translate }}</span>\r\n </div>\r\n <ul class=\"popover-items-list\">\r\n @for (child of item.Children; track child) {\r\n <bayan-core-side-menu-item-widget\r\n [item]=\"child\"\r\n [level]=\"level + 1\"\r\n [collapsed]=\"false\"\r\n (itemClick)=\"itemClick.emit($event)\"\r\n (expanded)=\"onChildExpanded($event, item.Children)\">\r\n </bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n</li>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
4423
4429
  }], ctorParameters: () => [{ type: i1$1.FaIconLibrary }], propDecorators: { item: [{
4424
4430
  type: Input,
4425
4431
  args: [{ required: true }]
@@ -4444,11 +4450,11 @@ class BayanCoreTermsDialogWidgetComponent {
4444
4450
  this.close();
4445
4451
  }
4446
4452
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTermsDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4447
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCoreTermsDialogWidgetComponent, isStandalone: true, selector: "bayan-core-terms-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'TermsAndConditions' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n <p>{{ 'TermsIntro1' | translate }}</p>\r\n <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n <h4>{{ 'Trademarks' | translate }}</h4>\r\n <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n <h4>{{ 'Copyrights' | translate }}</h4>\r\n <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n <h4>{{ 'Links' | translate }}</h4>\r\n <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\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: "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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4453
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCoreTermsDialogWidgetComponent, isStandalone: true, selector: "bayan-core-terms-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'TermsAndConditions' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n <p>{{ 'TermsIntro1' | translate }}</p>\r\n <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n <h4>{{ 'Trademarks' | translate }}</h4>\r\n <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n <h4>{{ 'Copyrights' | translate }}</h4>\r\n <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n <h4>{{ 'Links' | translate }}</h4>\r\n <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\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: "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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4448
4454
  }
4449
4455
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTermsDialogWidgetComponent, decorators: [{
4450
4456
  type: Component,
4451
- args: [{ selector: 'bayan-core-terms-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'TermsAndConditions' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n <p>{{ 'TermsIntro1' | translate }}</p>\r\n <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n <h4>{{ 'Trademarks' | translate }}</h4>\r\n <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n <h4>{{ 'Copyrights' | translate }}</h4>\r\n <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n <h4>{{ 'Links' | translate }}</h4>\r\n <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\n"] }]
4457
+ args: [{ selector: 'bayan-core-terms-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'TermsAndConditions' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'TermsAndConditions' | translate }}</h3>\r\n <p>{{ 'TermsIntro1' | translate }}</p>\r\n <p>{{ 'TermsIntro2' | translate }}</p>\r\n\r\n <h4>{{ 'Trademarks' | translate }}</h4>\r\n <p>{{ 'TermsTrademarksText' | translate }}</p>\r\n\r\n <h4>{{ 'Copyrights' | translate }}</h4>\r\n <p>{{ 'TermsCopyrightsText' | translate }}</p>\r\n\r\n <h4>{{ 'SubmissionOfIdeas' | translate }}</h4>\r\n <p>{{ 'TermsSubmissionOfIdeasText' | translate }}</p>\r\n\r\n <h4>{{ 'Links' | translate }}</h4>\r\n <p>{{ 'TermsLinksText' | translate }}</p>\r\n\r\n <h4>{{ 'RulesOfConduct' | translate }}</h4>\r\n <p>{{ 'TermsRulesOfConductText1' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText2' | translate }}</p>\r\n <p>{{ 'TermsRulesOfConductText3' | translate }}</p>\r\n\r\n <h4 class=\"text-uppercase\">{{ 'Disclaimer' | translate }}</h4>\r\n <p>{{ 'TermsDisclaimerText1' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText2' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText3' | translate }}</p>\r\n <p>{{ 'TermsDisclaimerText4' | translate }}</p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
4452
4458
  }], propDecorators: { visible: [{
4453
4459
  type: Input
4454
4460
  }], visibleChange: [{
@@ -4466,11 +4472,11 @@ class BayanCorePrivacyDialogWidgetComponent {
4466
4472
  this.close();
4467
4473
  }
4468
4474
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCorePrivacyDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4469
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCorePrivacyDialogWidgetComponent, isStandalone: true, selector: "bayan-core-privacy-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'PrivacyStatement' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n <h4>{{ 'DataSubmission' | translate }}</h4>\r\n <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\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: "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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4475
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCorePrivacyDialogWidgetComponent, isStandalone: true, selector: "bayan-core-privacy-dialog-widget", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'PrivacyStatement' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n <h4>{{ 'DataSubmission' | translate }}</h4>\r\n <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\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: "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: BayanCoreTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4470
4476
  }
4471
4477
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCorePrivacyDialogWidgetComponent, decorators: [{
4472
4478
  type: Component,
4473
- args: [{ selector: 'bayan-core-privacy-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'PrivacyStatement' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n <h4>{{ 'DataSubmission' | translate }}</h4>\r\n <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\n"] }]
4479
+ args: [{ selector: 'bayan-core-privacy-dialog-widget', standalone: true, imports: [CommonModule, DxPopupModule, SkyFooterActionsComponent, BayanCoreTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n [visible]=\"visible\"\r\n (onHiding)=\"onHiding()\"\r\n [showTitle]=\"true\"\r\n [title]=\"'PrivacyStatement' | translate\"\r\n [dragEnabled]=\"false\"\r\n [hideOnOutsideClick]=\"true\"\r\n [showCloseButton]=\"true\"\r\n [width]=\"580\"\r\n [height]=\"520\"\r\n shadingColor=\"rgba(0,0,0,0.4)\"\r\n [animation]=\"{\r\n show: { type: 'fade', duration: 300, from: 0, to: 1 },\r\n hide: { type: 'fade', duration: 200, from: 1, to: 0 }\r\n }\">\r\n <div *dxTemplate=\"let data of 'content'\" class=\"dialog-content\">\r\n <div class=\"dialog-body\">\r\n <h3>{{ 'PrivacyStatement' | translate }}</h3>\r\n <p>{{ 'PrivacyIntro' | translate }}</p>\r\n\r\n <h4>{{ 'DataSubmission' | translate }}</h4>\r\n <p>{{ 'PrivacyDataSubmissionText' | translate }}</p>\r\n\r\n <h4>{{ 'ProtectionOfData' | translate }}</h4>\r\n <p>{{ 'PrivacyProtectionOfDataText' | translate }}</p>\r\n\r\n <h4>{{ 'ChangesOnPrivacyPolicy' | translate }}</h4>\r\n <p>{{ 'PrivacyChangesText' | translate }}</p>\r\n <p [innerHTML]=\"'PrivacyContactUs' | translate\"></p>\r\n </div>\r\n\r\n <sky-footer-actions\r\n [primaryButtonText]=\"'Close' | translate\"\r\n [showSecondaryButton]=\"false\"\r\n (PrimaryButtonClick)=\"close()\">\r\n </sky-footer-actions>\r\n </div>\r\n</dx-popup>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
4474
4480
  }], propDecorators: { visible: [{
4475
4481
  type: Input
4476
4482
  }], visibleChange: [{
@@ -4493,6 +4499,7 @@ class BayanCoreSideMenuWidgetComponent {
4493
4499
  menu = [];
4494
4500
  menuService = inject(BayanCoreTopMenuService);
4495
4501
  cdr = inject(ChangeDetectorRef);
4502
+ document = inject(DOCUMENT);
4496
4503
  constructor(library) {
4497
4504
  library.addIcons(faAngleLeft, faAngleRight);
4498
4505
  }
@@ -4527,12 +4534,21 @@ class BayanCoreSideMenuWidgetComponent {
4527
4534
  };
4528
4535
  });
4529
4536
  }
4537
+ get isRtl() {
4538
+ return this.document.documentElement.dir === 'rtl';
4539
+ }
4530
4540
  getLogoSrc() {
4531
4541
  return this.collapsed ? this.collapsedLogoUrl : this.logoUrl;
4532
4542
  }
4533
4543
  reloadMenu() {
4534
4544
  this.loadSideMenusData();
4535
4545
  }
4546
+ getToggleIcon() {
4547
+ const isRtl = this.document.documentElement.dir === 'rtl';
4548
+ return (this.collapsed !== isRtl)
4549
+ ? ['fas', 'angle-right']
4550
+ : ['fas', 'angle-left'];
4551
+ }
4536
4552
  toggleSidebar() {
4537
4553
  this.collapsed = !this.collapsed;
4538
4554
  this.collapsedChange.emit(this.collapsed);
@@ -4543,7 +4559,7 @@ class BayanCoreSideMenuWidgetComponent {
4543
4559
  }
4544
4560
  onMenuExpanded(expandedItem) {
4545
4561
  this.menu.forEach(item => {
4546
- if (item !== expandedItem && item.Expanded) {
4562
+ if (item !== expandedItem) {
4547
4563
  item.Expanded = false;
4548
4564
  this.collapseChildrenRecursive(item.Children || []);
4549
4565
  }
@@ -4559,7 +4575,7 @@ class BayanCoreSideMenuWidgetComponent {
4559
4575
  });
4560
4576
  }
4561
4577
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuWidgetComponent, deps: [{ token: i1$1.FaIconLibrary }], target: i0.ɵɵFactoryTarget.Component });
4562
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-widget", inputs: { collapsed: "collapsed", baseUrl: "baseUrl", systemModule: "systemModule", activePropertyId: "activePropertyId", ActivePropertyChanged: "ActivePropertyChanged", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", showFooter: "showFooter" }, outputs: { collapsedChange: "collapsedChange", itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\">\r\n <div class=\"sidebar-logo\">\r\n <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n </div>\r\n <div class=\"sidebar-content\">\r\n <ul class=\"nav-sidebar\">\r\n @for (item of menu; track item) {\r\n <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n @if (showFooter) {\r\n <div class=\"sidebar-footer\">\r\n <small class=\"text-secondary flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n </small>\r\n <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"collapsed ? ['fas', 'angle-right'] : ['fas', 'angle-left']\"></fa-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!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: BayanCoreTranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "component", type: BayanCoreTermsDialogWidgetComponent, selector: "bayan-core-terms-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "component", type: BayanCorePrivacyDialogWidgetComponent, selector: "bayan-core-privacy-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4578
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSideMenuWidgetComponent, isStandalone: true, selector: "bayan-core-side-menu-widget", inputs: { collapsed: "collapsed", baseUrl: "baseUrl", systemModule: "systemModule", activePropertyId: "activePropertyId", ActivePropertyChanged: "ActivePropertyChanged", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", showFooter: "showFooter" }, outputs: { collapsedChange: "collapsedChange", itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\" [attr.dir]=\"isRtl ? 'rtl' : 'ltr'\">\r\n <div class=\"sidebar-logo\">\r\n <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n </div>\r\n <div class=\"sidebar-content\">\r\n <ul class=\"nav-sidebar\">\r\n @for (item of menu; track item) {\r\n <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n @if (showFooter) {\r\n <div class=\"sidebar-footer\">\r\n <small class=\"text-secondary flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n </small>\r\n <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"getToggleIcon()\"></fa-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\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: BayanCoreTranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreSideMenuItemWidgetComponent, selector: "bayan-core-side-menu-item-widget", inputs: ["item", "level", "collapsed"], outputs: ["itemClick", "expanded"] }, { kind: "component", type: BayanCoreTermsDialogWidgetComponent, selector: "bayan-core-terms-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }, { kind: "component", type: BayanCorePrivacyDialogWidgetComponent, selector: "bayan-core-privacy-dialog-widget", inputs: ["visible"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
4563
4579
  }
4564
4580
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSideMenuWidgetComponent, decorators: [{
4565
4581
  type: Component,
@@ -4570,7 +4586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
4570
4586
  BayanCoreSideMenuItemWidgetComponent,
4571
4587
  BayanCoreTermsDialogWidgetComponent,
4572
4588
  BayanCorePrivacyDialogWidgetComponent,
4573
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\">\r\n <div class=\"sidebar-logo\">\r\n <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n </div>\r\n <div class=\"sidebar-content\">\r\n <ul class=\"nav-sidebar\">\r\n @for (item of menu; track item) {\r\n <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n @if (showFooter) {\r\n <div class=\"sidebar-footer\">\r\n <small class=\"text-secondary flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n </small>\r\n <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"collapsed ? ['fas', 'angle-right'] : ['fas', 'angle-left']\"></fa-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!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:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:4px}.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:0;pointer-events:auto;overflow:hidden}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;font-size:12px;font-weight:500;color:#999;border-bottom:1px solid #eee;background:#fff}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li.level-last>a{background:transparent!important;color:#333!important;padding:8px 16px!important;border-bottom:none!important;border-right:none!important;font-size:13px}.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:#f5f5f5!important;color:#222!important}.popover-menu li.level-2>a span,.popover-menu li.level-3>a span,.popover-menu .sub-menu li.level-last>a span{color:#333!important}.popover-menu .sub-menu{background:none!important;margin:0;padding:0}.popover-menu .sub-menu li a{padding:7px 16px 7px 28px!important;background:transparent!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;color:#555!important}.popover-menu .sub-menu li a:hover{background:#f5f5f5!important;color:#222!important}.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}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;padding:11px 0!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw{font-size:1.2rem!important;width:auto!important;margin:0 auto!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin-right:0;display:inline-flex;justify-content:center;width:auto;font-size:1.2rem}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!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));max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;will-change:max-height,opacity}li.open>.sub-menu{max-height:1500px;opacity:1;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .26s ease 60ms}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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#222!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}\n"] }]
4589
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sidebar\" [class.collapsed]=\"collapsed\" [attr.dir]=\"isRtl ? 'rtl' : 'ltr'\">\r\n <div class=\"sidebar-logo\">\r\n <img [src]=\"getLogoSrc()\" alt=\"Logo\" />\r\n </div>\r\n <div class=\"sidebar-content\">\r\n <ul class=\"nav-sidebar\">\r\n @for (item of menu; track item) {\r\n <bayan-core-side-menu-item-widget [item]=\"item\" [level]=\"1\" [collapsed]=\"collapsed\" (itemClick)=\"onItemClick($event)\" (expanded)=\"onMenuExpanded($event)\"></bayan-core-side-menu-item-widget>\r\n }\r\n </ul>\r\n </div>\r\n @if (showFooter) {\r\n <div class=\"sidebar-footer\">\r\n <small class=\"text-secondary flex-grow-1 d-flex align-items-center\" [class.d-none]=\"collapsed\">&#169; {{'Sky Software' | translate}}\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"termsOpen = true; $event.preventDefault()\">{{'Terms' | translate}}</a>\r\n <a href=\"#\" class=\"text-secondary mx-2\" (click)=\"privacyOpen = true; $event.preventDefault()\">{{'Privacy' | translate}}</a>\r\n </small>\r\n <button (click)=\"toggleSidebar()\" class=\"sidebar-toggle-btn fs-5\">\r\n <fa-icon class=\"sidebar-toggle-icon\" [icon]=\"getToggleIcon()\"></fa-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n\r\n<bayan-core-terms-dialog-widget [(visible)]=\"termsOpen\"></bayan-core-terms-dialog-widget>\r\n<bayan-core-privacy-dialog-widget [(visible)]=\"privacyOpen\"></bayan-core-privacy-dialog-widget>\r\n", styles: [".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}.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;background:#222;.sidebar-footer small{display:none}.sidebar-content{background:#222}.sidebar-footer{justify-content:center;background:#222}.sidebar-logo{background:#222;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:#999!important;font-size:var(--font-size-13, 13px);font-weight:300;white-space:normal;transition:color var(--tran-02, .15s ease)}.nav-sidebar>li.level-last>a{border:none!important;display:flex!important}.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}}}.nav-sidebar a,.nav-sidebar a:hover,.nav-sidebar a:focus,.nav-sidebar a:active,.sub-menu a,.sub-menu a:hover,.sub-menu a:focus,.sub-menu a:active,.popover-menu a,.popover-menu a:hover,.popover-menu a:focus,.popover-menu a:active{text-decoration:none!important}li.level-2>a{padding-left:52px!important;background:#d8d8d8!important;color:#333!important;font-size:13.5px;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:none!important;border-left:none!important}li.level-3>a{padding-left:68px!important;background:#f5f5f5!important;color:#333!important;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06)!important;border-right:none!important;border-left:none!important}.sub-menu li.level-last>a{background:#f5f5f5!important;color:#333!important}.sub-menu{background:#d8d8d8!important}li.level-2>a span,li.level-3>a span,.sub-menu li.level-last>a span{color:inherit!important;font-size:inherit}.nav-sidebar li ul li a{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:#e8e8e8!important;color:#333!important}a.has-children{display:flex;flex-wrap:nowrap}.popover-sub-menu{position:fixed;left:60px;z-index:99999;min-width:220px;background:transparent;pointer-events:none;padding-left:12px}.popover-menu{position:relative;background:#fff;color:#333;border-radius:6px;box-shadow:0 4px 20px #0000002e;margin:0;padding:0;pointer-events:auto;overflow:visible}.popover-arrow{position:absolute;left:-8px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.12))}.popover-menu-header{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;font-weight:600;color:#999;border-bottom:1px solid #eee;background:#fff;border-radius:6px 6px 0 0}.popover-header-icon{color:#999;font-size:13px}.popover-items-list{list-style:none;margin:0;padding:4px 0}.popover-menu li>a,.popover-menu li.level-2>a,.popover-menu li.level-last>a,.popover-menu .sub-menu li>a,.popover-menu .sub-menu li.level-last>a{background:#fff!important;color:#333!important;padding:9px 16px!important;border-bottom:1px solid #f0f0f0!important;border-right:none!important;border-left:none!important;font-size:13px;display:flex!important;align-items:center!important;justify-content:space-between!important}.popover-menu li>a:hover,.popover-menu li.level-2>a:hover,.popover-menu li.level-last>a:hover,.popover-menu .sub-menu li>a:hover,.popover-menu .sub-menu li.level-last>a:hover{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a,.popover-menu li.parent.open>a{background:var(--primary-color, #F18206)!important;color:#fff!important}.popover-menu li.open>a fa-icon,.popover-menu li.open>a .fa-fw,.popover-menu li>a:hover fa-icon,.popover-menu li>a:hover .fa-fw{color:#fff!important}.popover-menu li>a span,.popover-menu .sub-menu li>a span{color:inherit!important}.popover-menu .sub-menu{background:#fff!important;margin:0;padding:0;display:none}.popover-menu li.open>.sub-menu{display:block}.popover-menu .sub-menu li>a{padding-left:28px!important}li.collapsed{position:relative}.sidebar.collapsed .nav-sidebar>li>a{justify-content:center;align-items:center;padding:11px 0!important;display:flex!important}.sidebar.collapsed .nav-sidebar>li>a fa-icon.fa-fw,.sidebar.collapsed .nav-sidebar>li>a fa-icon{font-size:17px!important;width:17px!important;height:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}li.parent.level-2,li.level-2.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:0;&.collapsed>a{justify-content:center;span{display:none}.fa-fw{margin:0;display:inline-flex;justify-content:center;align-items:center;width:17px;font-size:17px}}}li.parent>a,li.level-1.level-last>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}li.parent>a fa-icon,li.parent>a .fa-fw,li.level-1.level-last>a fa-icon,li.level-1.level-last>a .fa-fw{color:#999!important;transition:color var(--tran-02);display:inline-flex!important;align-items:center!important;align-self:center!important}.sidebar .nav-sidebar li>a>.d-flex{min-width:0}.sidebar .nav-sidebar li>a span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}li.parent>fa-icon{color:#999!important}li.parent.open>a{font-weight:400;background:#222;color:#fff!important;border-radius:0;display:flex!important}li.parent.open>a fa-icon,li.parent.open>a .fa-fw{color:#fff!important}li.parent>a:hover,li.level-1.level-last>a:hover{color:#fff!important}li.parent>a:hover fa-icon,li.parent>a:hover .fa-fw,li.level-1.level-last>a:hover fa-icon,li.level-1.level-last>a:hover .fa-fw{color:#fff!important}a.has-children{display:flex!important;flex-wrap:nowrap}.sub-menu{list-style:none!important;background:#d8d8d8;color:#333;padding:0!important;margin:0;border-radius:0 0 4px 4px;display:none}li.open>.sub-menu{display:block}li .sub-menu li a{color:#333;background:#d8d8d8;font-weight:400;border-radius:0;justify-content:flex-start;gap:10px;padding:11px 18px 11px 30px!important;border-bottom:1px solid rgba(0,0,0,.08);border-right:none;border-left:none}li .sub-menu li a:hover{background:#e8e8e8;color:#333}li .sub-menu li.open>a{background:#fff;color:#333}.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-icon{color:var(--Secondary-Light-Color, #999);transition:color var(--tran-02)}.sidebar-toggle-btn:hover .sidebar-toggle-icon{color:#fff}.sidebar-toggle-btn:hover{background:#48506a;color:#fff!important}.sidebar-toggle-btn:hover fa-icon,.sidebar-toggle-btn:hover .fa-icon,.sidebar-toggle-btn:hover svg{color:#fff!important}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{display:flex!important;align-items:center!important;min-height:40px;padding:10px 16px 10px 13px!important;text-decoration:none!important;line-height:1.2;border-top:1px solid rgba(255,255,255,.05)}.sidebar .nav-sidebar>li.level-last>a{display:flex!important;align-items:center!important;border:none!important;text-decoration:none!important;padding:11px 18px 11px 13px!important;color:#999!important;background:none!important;gap:10px}.sidebar .nav-sidebar>li.level-1.level-last>a fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a .text-secondary{color:#999!important;transition:color var(--tran-02)}.sidebar .nav-sidebar>li.level-1.level-last>a:hover{color:#fff!important;background:none!important}.sidebar .nav-sidebar>li.level-1.level-last>a:hover fa-icon,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .fa-fw,.sidebar .nav-sidebar>li.level-1.level-last>a:hover .text-secondary{color:#fff!important}.sidebar .nav-sidebar>li>a .d-flex{display:flex!important;align-items:center!important;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{color:#333!important}.sidebar .nav-sidebar>li.level-1.open>a{background:#222!important;color:#f0f3f6!important}[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000002e}[dir=rtl] .sidebar .sidebar-logo{padding:8px 18px 10px 0;justify-content:flex-end}[dir=rtl] .sidebar .sidebar-footer{left:auto;right:0;flex-direction:row-reverse}[dir=rtl] .sidebar .nav-sidebar>li>a,[dir=rtl] li.parent>a,[dir=rtl] li.level-1.level-last>a{flex-direction:row-reverse;padding:11px 13px 11px 18px!important;text-align:right}[dir=rtl] .sidebar .nav-sidebar li>a .d-flex,[dir=rtl] .sidebar .nav-sidebar li>a .menu-label-wrap{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .sidebar .nav-sidebar li>a fa-icon.fa-fw{margin-right:0!important;margin-left:10px!important}[dir=rtl] .menu-expand-arrow{transform:none}[dir=rtl] li.level-2>a{padding-left:18px!important;padding-right:52px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li.level-3>a{padding-left:18px!important;padding-right:68px!important;border-right:none!important;border-left:none!important;text-align:right}[dir=rtl] li .sub-menu li a{padding:11px 30px 11px 18px!important;text-align:right;border-right:none!important;border-left:none!important}[dir=rtl] .sidebar.collapsed .nav-sidebar>li>a{justify-content:center;flex-direction:row;padding:11px 0!important}[dir=rtl] .popover-sub-menu{left:auto;right:60px;padding-left:0;padding-right:12px}[dir=rtl] .popover-arrow{left:auto;right:-8px;border-right:none;border-left:8px solid #fff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.12))}[dir=rtl] .popover-menu li>a{flex-direction:row-reverse;text-align:right}[dir=rtl] .popover-menu .sub-menu li>a{padding-right:28px!important;padding-left:16px!important;text-align:right}\n"] }]
4574
4590
  }], ctorParameters: () => [{ type: i1$1.FaIconLibrary }], propDecorators: { collapsed: [{
4575
4591
  type: Input
4576
4592
  }], baseUrl: [{