@skysoftware-co/bayan-core-widgets-ui 0.0.1

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

@@ -0,0 +1,966 @@
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, signal, ViewChild, inject, HostListener, Injectable, computed } from '@angular/core';
+import * as i1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faCheckCircle, faTools, faGrid, faDollar, faUsers, faRightLeft, faMedal, faGraduationCap, faBell, faCheck, faCog, faInfoCircle, faPersonRunning, faQuestionCircle } from '@fortawesome/pro-solid-svg-icons';
+import { Router } from '@angular/router';
+import * as i1$1 from 'devextreme-angular';
+import { DxPopupModule, DxFormModule, DxAutocompleteModule, DxToolbarModule } from 'devextreme-angular';
+import { TranslatePipe, SkyFooterActionsComponent } from '@skysoftware-co/sky-components-ui';
+import * as i2 from 'devextreme-angular/core';
+import * as i3 from 'devextreme-angular/ui/nested';
+import { faClock } from '@fortawesome/pro-light-svg-icons';
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { map, catchError, throwError } from 'rxjs';
+import { BayanEmployeeBadgeComponent } from '@skysoftware-co/bayan-components-ui';
+
+function resolveUrl(baseUrl, url) {
+    if (!url) {
+        return null;
+    }
+    return baseUrl ? joinUrl(baseUrl, url) : url;
+}
+function isExternalNavigation(baseUrl, url) {
+    return isAbsoluteUrl(url) || (!!baseUrl && isAbsoluteUrl(baseUrl));
+}
+function joinUrl(baseUrl, url) {
+    const normalizedBaseUrl = baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;
+    const normalizedUrl = url.startsWith('/') ? url : `/${url}`;
+    return `${normalizedBaseUrl}${normalizedUrl}`;
+}
+function isAbsoluteUrl(url) {
+    return /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i.test(url);
+}
+
+class BayanCoreAboutDialogWidgetComponent {
+    baseUrl = '';
+    visible = false;
+    config;
+    visibleChange = new EventEmitter();
+    licenseClick = new EventEmitter();
+    releaseNotesClick = new EventEmitter();
+    supportClick = new EventEmitter();
+    checkCircleIcon = faCheckCircle;
+    onBackdropClick(event) {
+        if (event.target.classList.contains('about-backdrop')) {
+            this.closeDialog();
+        }
+    }
+    closeDialog() {
+        this.visibleChange.emit(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreAboutDialogWidgetComponent, isStandalone: true, selector: "bayan-core-about-dialog-widget", inputs: { baseUrl: "baseUrl", visible: "visible", config: "config" }, outputs: { visibleChange: "visibleChange", licenseClick: "licenseClick", releaseNotesClick: "releaseNotesClick", supportClick: "supportClick" }, ngImport: i0, template: "@if (visible) {\r\n  <div class=\"about-backdrop\" (click)=\"onBackdropClick($event)\">\r\n    <div class=\"about-modal\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n      <div class=\"about-modal-header\">\r\n        <h4 class=\"about-modal-title\" id=\"topMenuAboutDialogTitle\">{{ config.title || 'AboutSkyBayan' | translate }}</h4>\r\n        <button type=\"button\" class=\"about-close-btn\" (click)=\"closeDialog()\" [attr.aria-label]=\"(config.closeButtonLabel || 'Close') | translate\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"about-modal-body\">\r\n        <div class=\"row align-items-start\">\r\n          <div class=\"col-4\">\r\n            @if (config.logoUrl) {\r\n              <img [src]=\"config.logoUrl\" alt=\"Logo\" class=\"img-fluid about-logo\">\r\n            }\r\n          </div>\r\n          <div class=\"col-8\">\r\n            <h3 class=\"about-product-name\">{{ config.title || 'AboutSkyBayan' | translate }}</h3>\r\n            <p class=\"about-version-text mb-1\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n            <p class=\"about-up-to-date mb-2\">\r\n              <fa-icon [icon]=\"checkCircleIcon\" class=\"text-info me-1\"></fa-icon>\r\n              <small class=\"text-muted\">{{ (config.statusLabel || 'SkyBayanUpToDate') | translate }}</small>\r\n            </p>\r\n            <p class=\"about-copyright mb-0\">{{ config.copyright || '' }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"about-modal-actions\">\r\n        <button type=\"button\" class=\"about-action-btn\" (click)=\"licenseClick.emit()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n        <button type=\"button\" class=\"about-action-btn\" (click)=\"releaseNotesClick.emit()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n        <button type=\"button\" class=\"about-action-btn\" (click)=\"supportClick.emit()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreAboutDialogWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-about-dialog-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible) {\r\n  <div class=\"about-backdrop\" (click)=\"onBackdropClick($event)\">\r\n    <div class=\"about-modal\" role=\"dialog\" aria-labelledby=\"topMenuAboutDialogTitle\" aria-modal=\"true\">\r\n      <div class=\"about-modal-header\">\r\n        <h4 class=\"about-modal-title\" id=\"topMenuAboutDialogTitle\">{{ config.title || 'AboutSkyBayan' | translate }}</h4>\r\n        <button type=\"button\" class=\"about-close-btn\" (click)=\"closeDialog()\" [attr.aria-label]=\"(config.closeButtonLabel || 'Close') | translate\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"about-modal-body\">\r\n        <div class=\"row align-items-start\">\r\n          <div class=\"col-4\">\r\n            @if (config.logoUrl) {\r\n              <img [src]=\"config.logoUrl\" alt=\"Logo\" class=\"img-fluid about-logo\">\r\n            }\r\n          </div>\r\n          <div class=\"col-8\">\r\n            <h3 class=\"about-product-name\">{{ config.title || 'AboutSkyBayan' | translate }}</h3>\r\n            <p class=\"about-version-text mb-1\">{{ (config.versionLabel || 'Version') | translate }} {{ config.version || '' }}</p>\r\n            <p class=\"about-up-to-date mb-2\">\r\n              <fa-icon [icon]=\"checkCircleIcon\" class=\"text-info me-1\"></fa-icon>\r\n              <small class=\"text-muted\">{{ (config.statusLabel || 'SkyBayanUpToDate') | translate }}</small>\r\n            </p>\r\n            <p class=\"about-copyright mb-0\">{{ config.copyright || '' }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"about-modal-actions\">\r\n        <button type=\"button\" class=\"about-action-btn\" (click)=\"licenseClick.emit()\">{{ (config.licenseButtonLabel || 'LicenseInformation') | translate }}</button>\r\n        <button type=\"button\" class=\"about-action-btn\" (click)=\"releaseNotesClick.emit()\">{{ (config.releaseNotesButtonLabel || 'ReleaseNotes') | translate }}</button>\r\n        <button type=\"button\" class=\"about-action-btn\" (click)=\"supportClick.emit()\">{{ (config.supportButtonLabel || 'TechnicalSupport') | translate }}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], visibleChange: [{
+                type: Output
+            }], licenseClick: [{
+                type: Output
+            }], releaseNotesClick: [{
+                type: Output
+            }], supportClick: [{
+                type: Output
+            }] } });
+
+class BayanCoreChangePasswordWidgetComponent {
+    baseUrl = '';
+    visible = false;
+    config;
+    isSubmitting = false;
+    visibleChange = new EventEmitter();
+    submitPasswordChange = new EventEmitter();
+    changePasswordForm;
+    currentPasswordMode = signal('password');
+    newPasswordMode = signal('password');
+    confirmNewPasswordMode = signal('password');
+    formData = {
+        currentPassword: '',
+        newPassword: '',
+        confirmNewPassword: '',
+    };
+    closeDialog() {
+        this.visible = false;
+        this.visibleChange.emit(false);
+        this.resetForm();
+    }
+    resetForm() {
+        this.formData = {
+            currentPassword: '',
+            newPassword: '',
+            confirmNewPassword: '',
+        };
+    }
+    onSaveButtonClick() {
+        const isValid = this.changePasswordForm?.instance.validate().isValid ?? false;
+        if (!isValid) {
+            return;
+        }
+        this.submitPasswordChange.emit({ ...this.formData });
+    }
+    togglePasswordMode(field) {
+        const current = this[field]();
+        this[field].set(current === 'text' ? 'password' : 'text');
+    }
+    updateField(field, value) {
+        this.formData = {
+            ...this.formData,
+            [field]: value,
+        };
+    }
+    isChangePasswordValid() {
+        return !!this.formData.currentPassword && !!this.formData.newPassword && !!this.formData.confirmNewPassword && this.formData.newPassword === this.formData.confirmNewPassword;
+    }
+    getCurrentPasswordEditorOptions() {
+        return {
+            maxLength: 256,
+            disabled: this.isSubmitting,
+            mode: this.currentPasswordMode(),
+            onValueChanged: (event) => this.updateField('currentPassword', event.value ?? ''),
+            buttons: [{
+                    name: 'password',
+                    location: 'after',
+                    options: {
+                        stylingMode: 'text',
+                        icon: this.currentPasswordMode() === 'text' ? 'eyeopen' : 'eyeclose',
+                        onClick: () => this.togglePasswordMode('currentPasswordMode'),
+                    },
+                }],
+        };
+    }
+    getNewPasswordEditorOptions() {
+        return {
+            maxLength: 256,
+            disabled: this.isSubmitting,
+            mode: this.newPasswordMode(),
+            onValueChanged: (event) => this.updateField('newPassword', event.value ?? ''),
+            buttons: [{
+                    name: 'password',
+                    location: 'after',
+                    options: {
+                        stylingMode: 'text',
+                        icon: this.newPasswordMode() === 'text' ? 'eyeopen' : 'eyeclose',
+                        onClick: () => this.togglePasswordMode('newPasswordMode'),
+                    },
+                }],
+        };
+    }
+    getConfirmPasswordEditorOptions() {
+        return {
+            maxLength: 256,
+            disabled: this.isSubmitting,
+            mode: this.confirmNewPasswordMode(),
+            onValueChanged: (event) => this.updateField('confirmNewPassword', event.value ?? ''),
+            buttons: [{
+                    name: 'password',
+                    location: 'after',
+                    options: {
+                        stylingMode: 'text',
+                        icon: this.confirmNewPasswordMode() === 'text' ? 'eyeopen' : 'eyeclose',
+                        onClick: () => this.togglePasswordMode('confirmNewPasswordMode'),
+                    },
+                }],
+        };
+    }
+    passwordComparison = () => this.formData.newPassword;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreChangePasswordWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: BayanCoreChangePasswordWidgetComponent, isStandalone: true, selector: "bayan-core-change-password-widget", inputs: { baseUrl: "baseUrl", visible: "visible", config: "config", isSubmitting: "isSubmitting" }, outputs: { visibleChange: "visibleChange", submitPasswordChange: "submitPasswordChange" }, viewQueries: [{ propertyName: "changePasswordForm", first: true, predicate: ["changePasswordForm"], descendants: true }], ngImport: i0, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"closeDialog()\"\r\n  [title]=\"config.title | translate\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"450\"\r\n  [height]=\"'auto'\"\r\n  [dragEnabled]=\"false\"\r\n  [shading]=\"true\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\">\r\n  <div *dxTemplate=\"let data of 'content'\">\r\n    <dx-form\r\n      #changePasswordForm\r\n      [formData]=\"formData\"\r\n      labelLocation=\"top\"\r\n      [showColonAfterLabel]=\"false\"\r\n      class=\"mb-3 mx-2\">\r\n      <dxi-item\r\n        dataField=\"currentPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getCurrentPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.currentPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"newPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getNewPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.newPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"confirmNewPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getConfirmPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.confirmNewPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n        <dxi-validation-rule\r\n          type=\"compare\"\r\n          [comparisonTarget]=\"passwordComparison\">\r\n        </dxi-validation-rule>\r\n      </dxi-item>\r\n    </dx-form>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"config.primaryButtonText | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      [isLoading]=\"isSubmitting\"\r\n      [disabledPrimaryButton]=\"isSubmitting || !isChangePasswordValid()\"\r\n      (PrimaryButtonClick)=\"onSaveButtonClick()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: DxFormModule }, { kind: "component", type: i1$1.DxFormComponent, selector: "dx-form", inputs: ["accessKey", "activeStateEnabled", "alignItemLabels", "alignItemLabelsInAllGroups", "colCount", "colCountByScreen", "customizeItem", "disabled", "elementAttr", "focusStateEnabled", "formData", "height", "hint", "hoverStateEnabled", "isDirty", "items", "labelLocation", "labelMode", "minColWidth", "optionalMark", "readOnly", "requiredMark", "requiredMessage", "rtlEnabled", "screenByWidth", "scrollingEnabled", "showColonAfterLabel", "showOptionalMark", "showRequiredMark", "showValidationSummary", "tabIndex", "validationGroup", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onEditorEnterKey", "onFieldDataChanged", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "alignItemLabelsChange", "alignItemLabelsInAllGroupsChange", "colCountChange", "colCountByScreenChange", "customizeItemChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "formDataChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "itemsChange", "labelLocationChange", "labelModeChange", "minColWidthChange", "optionalMarkChange", "readOnlyChange", "requiredMarkChange", "requiredMessageChange", "rtlEnabledChange", "screenByWidthChange", "scrollingEnabledChange", "showColonAfterLabelChange", "showOptionalMarkChange", "showRequiredMarkChange", "showValidationSummaryChange", "tabIndexChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "author", "id", "timestamp", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "captionTemplate", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "collapsed", "collapsedSize", "collapsible", "maxSize", "minSize", "resizable", "size", "splitter", "heightRatio", "widthRatio", "expanded", "hasItems", "parentId"] }, { kind: "component", type: i3.DxoLabelComponent, selector: "dxo-label", inputs: ["connectorColor", "connectorWidth", "customizeText", "font", "format", "indent", "visible", "horizontalAlignment", "position", "text", "verticalAlignment", "alignment", "customizeHint", "displayMode", "indentFromAxis", "overlappingBehavior", "rotationAngle", "staggeringSpacing", "template", "textOverflow", "wordWrap", "argumentFormat", "backgroundColor", "border", "connector", "displayFormat", "horizontalOffset", "showForZeroValues", "verticalOffset", "hideFirstOrLast", "indentFromTick", "useRangeColors", "location", "showColon", "radialOffset", "topIndent", "shadow", "useNodeColors", "dataField", "enabled"] }, { kind: "component", type: i3.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "component", type: SkyFooterActionsComponent, selector: "sky-footer-actions", inputs: ["primaryButtonText", "extraButtonText", "secondaryButtonText", "primaryButtonWidth", "secondaryButtonWidth", "extraButtonWidth", "isFillRowWidth", "primaryButtonHeight", "secondaryButtonHeight", "extraButtonHeight", "showPrimaryButton", "showSecondaryButton", "showExtraButton", "primaryButtonType", "secondaryButtonType", "extraButtonType", "disabledPrimaryButton", "disabledSecondaryButton", "disabledExtraButton", "primarySubmitBehavior", "secondarySubmitBehavior", "extraSubmitBehavior", "primaryButtonClass", "secondaryButtonClass", "extraButtonClass", "formValidationGroup", "isLoading", "loadingText", "disabled", "EditMode", "validatePrimaryAction", "validateExtraAction", "showErrorLabel", "errorMessage", "errorLabel", "closeButtonClass", "marginClass", "successMessage"], outputs: ["PrimaryButtonClick", "SecondaryButtonClick", "ExtraButtonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreChangePasswordWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-change-password-widget', standalone: true, imports: [CommonModule, DxPopupModule, DxFormModule, SkyFooterActionsComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-popup\r\n  [visible]=\"visible\"\r\n  (onHiding)=\"closeDialog()\"\r\n  [title]=\"config.title | translate\"\r\n  [showCloseButton]=\"true\"\r\n  [width]=\"450\"\r\n  [height]=\"'auto'\"\r\n  [dragEnabled]=\"false\"\r\n  [shading]=\"true\"\r\n  shadingColor=\"rgba(0,0,0,0.4)\">\r\n  <div *dxTemplate=\"let data of 'content'\">\r\n    <dx-form\r\n      #changePasswordForm\r\n      [formData]=\"formData\"\r\n      labelLocation=\"top\"\r\n      [showColonAfterLabel]=\"false\"\r\n      class=\"mb-3 mx-2\">\r\n      <dxi-item\r\n        dataField=\"currentPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getCurrentPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.currentPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"newPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getNewPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.newPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n      </dxi-item>\r\n\r\n      <dxi-item\r\n        dataField=\"confirmNewPassword\"\r\n        editorType=\"dxTextBox\"\r\n        [editorOptions]=\"getConfirmPasswordEditorOptions()\">\r\n        <dxo-label [text]=\"config.confirmNewPasswordLabel | translate\"></dxo-label>\r\n        <dxi-validation-rule type=\"required\"></dxi-validation-rule>\r\n        <dxi-validation-rule\r\n          type=\"compare\"\r\n          [comparisonTarget]=\"passwordComparison\">\r\n        </dxi-validation-rule>\r\n      </dxi-item>\r\n    </dx-form>\r\n\r\n    <sky-footer-actions\r\n      [primaryButtonText]=\"config.primaryButtonText | translate\"\r\n      [showSecondaryButton]=\"false\"\r\n      [isLoading]=\"isSubmitting\"\r\n      [disabledPrimaryButton]=\"isSubmitting || !isChangePasswordValid()\"\r\n      (PrimaryButtonClick)=\"onSaveButtonClick()\">\r\n    </sky-footer-actions>\r\n  </div>\r\n</dx-popup>\r\n" }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], isSubmitting: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], submitPasswordChange: [{
+                type: Output
+            }], changePasswordForm: [{
+                type: ViewChild,
+                args: ['changePasswordForm']
+            }] } });
+
+class BayanCoreGlobalSearchWidgetComponent {
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    searchAutoComplete;
+    baseUrl = '';
+    placeholder = 'TopMenu.SearchPlaceholder';
+    dataSource = [];
+    search = new EventEmitter();
+    itemNavigate = new EventEmitter();
+    toolsIcon = faTools;
+    gridIcon = faGrid;
+    creditIcon = faDollar;
+    usersIcon = faUsers;
+    clockIcon = faClock;
+    swapIcon = faRightLeft;
+    medalIcon = faMedal;
+    graduateIcon = faGraduationCap;
+    onInput(event) {
+        const searchTerm = event.event?.target?.value;
+        if (typeof searchTerm === 'string' && searchTerm.startsWith(' ')) {
+            event.component?.option('value', searchTerm.trim());
+        }
+    }
+    onEnterKey(event) {
+        const searchTerm = (event.event?.target?.value ?? '').toString().trim();
+        if (!searchTerm) {
+            return;
+        }
+        const match = this.dataSource.find((item) => item.menuSubTitle.toLowerCase().trim() === searchTerm.toLowerCase().trim());
+        if (match) {
+            this.itemNavigate.emit(match);
+            return;
+        }
+        this.search.emit(searchTerm);
+    }
+    onItemSelected(event, item) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.itemNavigate.emit(item);
+        this.navigateToUrl(item.menuUrl);
+    }
+    reset() {
+        this.searchAutoComplete?.instance?.option('value', '');
+    }
+    getText(text, isTranslatable = false) {
+        return isTranslatable ? text : text;
+    }
+    hasNavigationUrl(url) {
+        return !!resolveUrl(this.baseUrl, url);
+    }
+    navigateToUrl(url) {
+        if (!url) {
+            return;
+        }
+        const resolvedUrl = resolveUrl(this.baseUrl, url);
+        if (!resolvedUrl) {
+            return;
+        }
+        if (isExternalNavigation(this.baseUrl, url)) {
+            this.document.location.assign(resolvedUrl);
+            return;
+        }
+        void this.router.navigateByUrl(resolvedUrl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreGlobalSearchWidgetComponent, isStandalone: true, selector: "bayan-core-global-search-widget", inputs: { baseUrl: "baseUrl", placeholder: "placeholder", dataSource: "dataSource" }, outputs: { search: "search", itemNavigate: "itemNavigate" }, viewQueries: [{ propertyName: "searchAutoComplete", first: true, predicate: ["searchAutoComplete"], descendants: true }], ngImport: i0, template: "<div class=\"top-menu-widget__search\">\r\n  <dx-autocomplete\r\n    #searchAutoComplete\r\n    [placeholder]=\"placeholder | translate\"\r\n    [dataSource]=\"dataSource\"\r\n    valueExpr=\"menuSubTitle\"\r\n    [searchExpr]=\"['menuSubTitle']\"\r\n    [showClearButton]=\"false\"\r\n    [showDropDownButton]=\"false\"\r\n    searchMode=\"contains\"\r\n    [width]=\"'100%'\"\r\n    stylingMode=\"filled\"\r\n    [wrapItemText]=\"true\"\r\n    [searchTimeout]=\"100\"\r\n    (onInput)=\"onInput($event)\"\r\n    (onEnterKey)=\"onEnterKey($event)\">\r\n    <div class=\"w-100\" *dxTemplate=\"let item of 'item'\">\r\n      @if (hasNavigationUrl(item.menuUrl)) {\r\n        <a\r\n          class=\"top-menu-widget__search-item\"\r\n          (click)=\"onItemSelected($event, item)\">\r\n          <div class=\"top-menu-widget__search-item-title\">\r\n            @if (item.iconClass === 'icon icon-tools') {\r\n              <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-grid') {\r\n              <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-credit') {\r\n              <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-users') {\r\n              <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-clock') {\r\n              <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-swap') {\r\n              <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-medal') {\r\n              <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-graduation-cap') {\r\n              <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n            }\r\n\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuTitle | translate }}\r\n            } @else {\r\n              {{ item.menuTitle }}\r\n            }\r\n          </div>\r\n\r\n          <div class=\"top-menu-widget__search-item-subtitle\">\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuSubTitle | translate }}\r\n            } @else {\r\n              {{ item.menuSubTitle }}\r\n            }\r\n          </div>\r\n        </a>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          class=\"top-menu-widget__search-item\"\r\n          (click)=\"onItemSelected($event, item)\">\r\n          <div class=\"top-menu-widget__search-item-title\">\r\n            @if (item.iconClass === 'icon icon-tools') {\r\n              <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-grid') {\r\n              <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-credit') {\r\n              <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-users') {\r\n              <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-clock') {\r\n              <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-swap') {\r\n              <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-medal') {\r\n              <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-graduation-cap') {\r\n              <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n            }\r\n\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuTitle | translate }}\r\n            } @else {\r\n              {{ item.menuTitle }}\r\n            }\r\n          </div>\r\n\r\n          <div class=\"top-menu-widget__search-item-subtitle\">\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuSubTitle | translate }}\r\n            } @else {\r\n              {{ item.menuSubTitle }}\r\n            }\r\n          </div>\r\n        </button>\r\n      }\r\n    </div>\r\n  </dx-autocomplete>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxAutocompleteModule }, { kind: "component", type: i1$1.DxAutocompleteComponent, selector: "dx-autocomplete", inputs: ["accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxItemCount", "maxLength", "minSearchLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxItemCountChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreGlobalSearchWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-global-search-widget', standalone: true, imports: [CommonModule, DxAutocompleteModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top-menu-widget__search\">\r\n  <dx-autocomplete\r\n    #searchAutoComplete\r\n    [placeholder]=\"placeholder | translate\"\r\n    [dataSource]=\"dataSource\"\r\n    valueExpr=\"menuSubTitle\"\r\n    [searchExpr]=\"['menuSubTitle']\"\r\n    [showClearButton]=\"false\"\r\n    [showDropDownButton]=\"false\"\r\n    searchMode=\"contains\"\r\n    [width]=\"'100%'\"\r\n    stylingMode=\"filled\"\r\n    [wrapItemText]=\"true\"\r\n    [searchTimeout]=\"100\"\r\n    (onInput)=\"onInput($event)\"\r\n    (onEnterKey)=\"onEnterKey($event)\">\r\n    <div class=\"w-100\" *dxTemplate=\"let item of 'item'\">\r\n      @if (hasNavigationUrl(item.menuUrl)) {\r\n        <a\r\n          class=\"top-menu-widget__search-item\"\r\n          (click)=\"onItemSelected($event, item)\">\r\n          <div class=\"top-menu-widget__search-item-title\">\r\n            @if (item.iconClass === 'icon icon-tools') {\r\n              <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-grid') {\r\n              <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-credit') {\r\n              <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-users') {\r\n              <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-clock') {\r\n              <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-swap') {\r\n              <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-medal') {\r\n              <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-graduation-cap') {\r\n              <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n            }\r\n\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuTitle | translate }}\r\n            } @else {\r\n              {{ item.menuTitle }}\r\n            }\r\n          </div>\r\n\r\n          <div class=\"top-menu-widget__search-item-subtitle\">\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuSubTitle | translate }}\r\n            } @else {\r\n              {{ item.menuSubTitle }}\r\n            }\r\n          </div>\r\n        </a>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          class=\"top-menu-widget__search-item\"\r\n          (click)=\"onItemSelected($event, item)\">\r\n          <div class=\"top-menu-widget__search-item-title\">\r\n            @if (item.iconClass === 'icon icon-tools') {\r\n              <fa-icon [icon]=\"toolsIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-grid') {\r\n              <fa-icon [icon]=\"gridIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-credit') {\r\n              <fa-icon [icon]=\"creditIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-users') {\r\n              <fa-icon [icon]=\"usersIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-clock') {\r\n              <fa-icon [icon]=\"clockIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-swap') {\r\n              <fa-icon [icon]=\"swapIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-medal') {\r\n              <fa-icon [icon]=\"medalIcon\"></fa-icon>\r\n            }\r\n            @if (item.iconClass === 'icon icon-graduation-cap') {\r\n              <fa-icon [icon]=\"graduateIcon\"></fa-icon>\r\n            }\r\n\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuTitle | translate }}\r\n            } @else {\r\n              {{ item.menuTitle }}\r\n            }\r\n          </div>\r\n\r\n          <div class=\"top-menu-widget__search-item-subtitle\">\r\n            @if (item.isTranslatable) {\r\n              {{ item.menuSubTitle | translate }}\r\n            } @else {\r\n              {{ item.menuSubTitle }}\r\n            }\r\n          </div>\r\n        </button>\r\n      }\r\n    </div>\r\n  </dx-autocomplete>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], propDecorators: { searchAutoComplete: [{
+                type: ViewChild,
+                args: ['searchAutoComplete']
+            }], baseUrl: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], search: [{
+                type: Output
+            }], itemNavigate: [{
+                type: Output
+            }] } });
+
+class BayanCoreItemWidgetComponent {
+    elementRef;
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    baseUrl = '';
+    item;
+    itemClick = new EventEmitter();
+    open = signal(false);
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.open.set(false);
+        }
+    }
+    hasChildren() {
+        return (this.item.children ?? []).length > 0;
+    }
+    hasNavigationUrl(url) {
+        return !!resolveUrl(this.baseUrl, url);
+    }
+    onItemActivated(event) {
+        event.preventDefault();
+        if (this.hasChildren()) {
+            event.stopPropagation();
+            this.open.update((value) => !value);
+            return;
+        }
+        this.itemClick.emit(this.item);
+        this.navigateToUrl(this.item.menuUrl);
+    }
+    onChildItemClick(item) {
+        this.open.set(false);
+        this.itemClick.emit(item);
+    }
+    navigateToUrl(url) {
+        if (!url) {
+            return;
+        }
+        const resolvedUrl = resolveUrl(this.baseUrl, url);
+        if (!resolvedUrl) {
+            return;
+        }
+        if (isExternalNavigation(this.baseUrl, url)) {
+            this.document.location.assign(resolvedUrl);
+            return;
+        }
+        void this.router.navigateByUrl(resolvedUrl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreItemWidgetComponent, isStandalone: true, selector: "bayan-core-item-widget", inputs: { baseUrl: "baseUrl", item: "item" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "@if (!hasChildren()) {\r\n  <li class=\"nav-item\">\r\n    @if (hasNavigationUrl(item.menuUrl)) {\r\n      <a\r\n        class=\"nav-link\"\r\n        (click)=\"onItemActivated($event)\">\r\n        {{ item.menuName | translate }}\r\n      </a>\r\n    } @else {\r\n      <button\r\n        type=\"button\"\r\n        class=\"nav-link\"\r\n        (click)=\"onItemActivated($event)\">\r\n        {{ item.menuName | translate }}\r\n      </button>\r\n    }\r\n  </li>\r\n}\r\n\r\n@if (hasChildren()) {\r\n  <li class=\"nav-item dropdown\" [class.open]=\"open()\">\r\n    <button type=\"button\" class=\"nav-link dropdown-toggle\" (click)=\"onItemActivated($event)\">\r\n      {{ item.menuName | translate }} <span class=\"caret\"></span>\r\n    </button>\r\n\r\n    @if (open()) {\r\n      <ul class=\"dropdown-menu menu-dropdown-panel\">\r\n        @for (child of item.children; track child.id ?? child.menuName) {\r\n          <bayan-core-item-widget\r\n            [baseUrl]=\"baseUrl\"\r\n            [item]=\"child\"\r\n            (itemClick)=\"onChildItemClick($event)\">\r\n          </bayan-core-item-widget>\r\n        }\r\n      </ul>\r\n    }\r\n  </li>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "item"], outputs: ["itemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreItemWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-item-widget', standalone: true, imports: [CommonModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!hasChildren()) {\r\n  <li class=\"nav-item\">\r\n    @if (hasNavigationUrl(item.menuUrl)) {\r\n      <a\r\n        class=\"nav-link\"\r\n        (click)=\"onItemActivated($event)\">\r\n        {{ item.menuName | translate }}\r\n      </a>\r\n    } @else {\r\n      <button\r\n        type=\"button\"\r\n        class=\"nav-link\"\r\n        (click)=\"onItemActivated($event)\">\r\n        {{ item.menuName | translate }}\r\n      </button>\r\n    }\r\n  </li>\r\n}\r\n\r\n@if (hasChildren()) {\r\n  <li class=\"nav-item dropdown\" [class.open]=\"open()\">\r\n    <button type=\"button\" class=\"nav-link dropdown-toggle\" (click)=\"onItemActivated($event)\">\r\n      {{ item.menuName | translate }} <span class=\"caret\"></span>\r\n    </button>\r\n\r\n    @if (open()) {\r\n      <ul class=\"dropdown-menu menu-dropdown-panel\">\r\n        @for (child of item.children; track child.id ?? child.menuName) {\r\n          <bayan-core-item-widget\r\n            [baseUrl]=\"baseUrl\"\r\n            [item]=\"child\"\r\n            (itemClick)=\"onChildItemClick($event)\">\r\n          </bayan-core-item-widget>\r\n        }\r\n      </ul>\r\n    }\r\n  </li>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
+                type: Input
+            }], item: [{
+                type: Input,
+                args: [{ required: true }]
+            }], itemClick: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class BayanCoreTopMenuService {
+    http = inject(HttpClient);
+    unwrap(obs) {
+        return obs.pipe(map((env) => {
+            if (!env.ResponseData) {
+                throw new Error('No data received');
+            }
+            return env.ResponseData;
+        }), catchError((error) => throwError(() => error)));
+    }
+    getBaseUrl(baseUrl) {
+        return `${baseUrl.replace(/\/$/, '')}/api/app-frame`;
+    }
+    getMicroserviceMenusByProperty(baseUrl, propertyId, systemModule) {
+        const params = new HttpParams()
+            .set('PropertyId', propertyId)
+            .set('SystemModule', systemModule);
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/left-menu`, { params }));
+    }
+    getMicroserviceTopMenusShortcut(baseUrl, propertyId, systemModule) {
+        const params = new HttpParams()
+            .set('PropertyId', propertyId)
+            .set('SystemModule', systemModule);
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/top-shortcuts`, {
+            params,
+        }));
+    }
+    getGlobalSearchMenus(baseUrl, propertyId) {
+        let params = new HttpParams();
+        if (propertyId != null) {
+            params = params.set('PropertyId', propertyId);
+        }
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/global-search-menu`, { params }));
+    }
+    getUserPanel(baseUrl) {
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/user-panel`));
+    }
+    switchProperty(baseUrl, request) {
+        return this.unwrap(this.http.post(`${this.getBaseUrl(baseUrl)}/switch-property`, request));
+    }
+    getPreferences(baseUrl) {
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/preferences`));
+    }
+    setDisplayAlternateNames(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/alternate-names`, request);
+    }
+    setEmployeeNamesMode(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/preferences/employee-names-mode`, request);
+    }
+    getModuleBlockState(baseUrl, systemModule) {
+        const params = new HttpParams().set('SystemModule', systemModule);
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/module-block-state`, {
+            params,
+        }));
+    }
+    blockModule(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/block-module`, request);
+    }
+    releaseModule(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/release-module`, request);
+    }
+    getNotificationsSummary(baseUrl) {
+        return this.unwrap(this.http.get(`${this.getBaseUrl(baseUrl)}/notifications-summary`));
+    }
+    changePassword(baseUrl, request) {
+        return this.http.post(`${this.getBaseUrl(baseUrl)}/change-password`, request);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class BayanCoreNotificationsWidgetComponent {
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    topMenuService = inject(BayanCoreTopMenuService);
+    baseUrl = '';
+    title = 'Notifications';
+    wrapperClass = 'notifications-icon-wrap menu-dropdown-host';
+    linkClass = 'menu-icon-btn cursor-pointer top-menu-widget__notification-btn';
+    iconClass = 'fs-6';
+    badgeClass = 'top-menu-widget__notification-badge';
+    bellIcon = faBell;
+    notificationsSummary = signal({
+        NotificationsUrl: '',
+        TotalNotificationsCount: 0,
+    });
+    ngOnInit() {
+        this.loadNotificationsSummary();
+    }
+    ngOnChanges(changes) {
+        if (changes['baseUrl'] && !changes['baseUrl'].firstChange) {
+            this.loadNotificationsSummary();
+        }
+    }
+    onNotificationClick(event) {
+        event?.preventDefault();
+        const rawNotificationUrl = this.notificationsSummary().NotificationsUrl;
+        const notificationUrl = resolveUrl(this.baseUrl, rawNotificationUrl);
+        if (notificationUrl) {
+            if (rawNotificationUrl && isExternalNavigation(this.baseUrl, rawNotificationUrl)) {
+                this.document.location.assign(notificationUrl);
+            }
+            else {
+                void this.router.navigateByUrl(notificationUrl);
+            }
+        }
+    }
+    loadNotificationsSummary() {
+        if (!this.baseUrl) {
+            this.resetNotificationsData();
+            return;
+        }
+        this.topMenuService.getNotificationsSummary(this.baseUrl).subscribe({
+            next: (summary) => {
+                this.notificationsSummary.set({
+                    NotificationsUrl: summary.NotificationsUrl,
+                    TotalNotificationsCount: summary.TotalNotificationsCount,
+                });
+            },
+            error: () => {
+                this.resetNotificationsData();
+            },
+        });
+    }
+    resetNotificationsData() {
+        this.notificationsSummary.set({
+            NotificationsUrl: '',
+            TotalNotificationsCount: 0,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreNotificationsWidgetComponent, isStandalone: true, selector: "bayan-core-notifications-widget", inputs: { baseUrl: "baseUrl", title: "title", wrapperClass: "wrapperClass", linkClass: "linkClass", iconClass: "iconClass", badgeClass: "badgeClass" }, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"wrapperClass\">\r\n <a [class]=\"linkClass\"\r\n      [title]=\"title | translate\"\r\n      (click)=\"onNotificationClick($event)\">\r\n      <fa-icon [class]=\"iconClass\" [icon]=\"bellIcon\"></fa-icon>\r\n      @if ((notificationsSummary().TotalNotificationsCount || 0) > 0) {\r\n        <span [class]=\"badgeClass\">{{ notificationsSummary().TotalNotificationsCount }}</span>\r\n      }\r\n    </a>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreNotificationsWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-notifications-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"wrapperClass\">\r\n <a [class]=\"linkClass\"\r\n      [title]=\"title | translate\"\r\n      (click)=\"onNotificationClick($event)\">\r\n      <fa-icon [class]=\"iconClass\" [icon]=\"bellIcon\"></fa-icon>\r\n      @if ((notificationsSummary().TotalNotificationsCount || 0) > 0) {\r\n        <span [class]=\"badgeClass\">{{ notificationsSummary().TotalNotificationsCount }}</span>\r\n      }\r\n    </a>\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], wrapperClass: [{
+                type: Input
+            }], linkClass: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], badgeClass: [{
+                type: Input
+            }] } });
+
+class BayanCoreSettingsWidgetComponent {
+    elementRef;
+    useAlternateNames = false;
+    displayAlternateNames = false;
+    hrBlocked = false;
+    hrCanBlock = false;
+    tkBlocked = false;
+    tkCanBlock = false;
+    nameModeItems = [];
+    settingsEnabled = true;
+    alternateNamesChange = new EventEmitter();
+    nameModeChange = new EventEmitter();
+    blockHrClick = new EventEmitter();
+    releaseHrClick = new EventEmitter();
+    blockTkClick = new EventEmitter();
+    releaseTkClick = new EventEmitter();
+    changePasswordClick = new EventEmitter();
+    openAboutClick = new EventEmitter();
+    checkIcon = faCheck;
+    cogIcon = faCog;
+    infoIcon = faInfoCircle;
+    dropdownOpen = signal(false);
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.dropdownOpen.set(false);
+        }
+    }
+    toggleDropdown(event) {
+        event.preventDefault();
+        this.dropdownOpen.update((value) => !value);
+    }
+    onAlternateNamesClick(event) {
+        event.preventDefault();
+        if (!this.settingsEnabled) {
+            return;
+        }
+        this.alternateNamesChange.emit();
+    }
+    onNameModeClick(index, event) {
+        event.preventDefault();
+        if (!this.settingsEnabled) {
+            return;
+        }
+        this.dropdownOpen.set(false);
+        this.nameModeChange.emit(index);
+    }
+    emitAndClose(event, emitter) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        emitter.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreSettingsWidgetComponent, isStandalone: true, selector: "bayan-core-settings-widget", inputs: { useAlternateNames: "useAlternateNames", displayAlternateNames: "displayAlternateNames", hrBlocked: "hrBlocked", hrCanBlock: "hrCanBlock", tkBlocked: "tkBlocked", tkCanBlock: "tkCanBlock", nameModeItems: "nameModeItems", settingsEnabled: "settingsEnabled" }, outputs: { alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange", blockHrClick: "blockHrClick", releaseHrClick: "releaseHrClick", blockTkClick: "blockTkClick", releaseTkClick: "releaseTkClick", changePasswordClick: "changePasswordClick", openAboutClick: "openAboutClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"dropdown menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n  <button type=\"button\" class=\"settings-toggle menu-icon-btn\" (click)=\"toggleDropdown($event)\" [title]=\"'Settings' | translate\">\r\n    <fa-icon [icon]=\"cogIcon\" class=\"fs-6\"></fa-icon>\r\n  </button>\r\n\r\n  @if (dropdownOpen()) {\r\n    <ul class=\"settings-menu menu-dropdown-panel\">\r\n      @if (useAlternateNames) {\r\n        <li>\r\n          <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onAlternateNamesClick($event)\">\r\n            @if (displayAlternateNames) {\r\n              <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n            } @else {\r\n              <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n            }\r\n            {{ 'DisplayAlternateNames' | translate }}\r\n          </button>\r\n        </li>\r\n        <li><hr class=\"dropdown-divider\"></li>\r\n      }\r\n\r\n      @if (hrCanBlock) {\r\n        <li>\r\n          @if (hrBlocked) {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseHrClick)\">\r\n              <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'ReleaseHR' | translate }}\r\n            </button>\r\n          } @else {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockHrClick)\">\r\n              <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'BlockHR' | translate }}\r\n            </button>\r\n          }\r\n        </li>\r\n      }\r\n\r\n      @if (tkCanBlock) {\r\n        <li>\r\n          @if (tkBlocked) {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseTkClick)\">\r\n              <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'ReleaseTK' | translate }}\r\n            </button>\r\n          } @else {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockTkClick)\">\r\n              <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'BlockTK' | translate }}\r\n            </button>\r\n          }\r\n        </li>\r\n      }\r\n\r\n      @if (hrCanBlock || tkCanBlock) {\r\n        <li><hr class=\"dropdown-divider\"></li>\r\n      }\r\n\r\n      @if (nameModeItems.length > 0) {\r\n        <li>\r\n          <span class=\"menu-section-label\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n        </li>\r\n\r\n        @for (item of nameModeItems; track item.id; let index = $index) {\r\n          <li>\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onNameModeClick(index, $event)\">\r\n              @if (item.selected) {\r\n                <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n              } @else {\r\n                <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n              }\r\n              {{ item.text }}\r\n            </button>\r\n          </li>\r\n        }\r\n\r\n        <li><hr class=\"dropdown-divider\"></li>\r\n      }\r\n\r\n      <li>\r\n        <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, changePasswordClick)\">\r\n          <span class=\"menu-indicator\"></span>\r\n          {{ 'ChangePassword' | translate }}\r\n        </button>\r\n      </li>\r\n\r\n      <li><hr class=\"dropdown-divider\"></li>\r\n\r\n      <li>\r\n        <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, openAboutClick)\">\r\n          <fa-icon class=\"menu-indicator\" [icon]=\"infoIcon\"></fa-icon>\r\n          {{ 'About' | translate }}\r\n        </button>\r\n      </li>\r\n    </ul>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreSettingsWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-settings-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n  <button type=\"button\" class=\"settings-toggle menu-icon-btn\" (click)=\"toggleDropdown($event)\" [title]=\"'Settings' | translate\">\r\n    <fa-icon [icon]=\"cogIcon\" class=\"fs-6\"></fa-icon>\r\n  </button>\r\n\r\n  @if (dropdownOpen()) {\r\n    <ul class=\"settings-menu menu-dropdown-panel\">\r\n      @if (useAlternateNames) {\r\n        <li>\r\n          <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onAlternateNamesClick($event)\">\r\n            @if (displayAlternateNames) {\r\n              <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n            } @else {\r\n              <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n            }\r\n            {{ 'DisplayAlternateNames' | translate }}\r\n          </button>\r\n        </li>\r\n        <li><hr class=\"dropdown-divider\"></li>\r\n      }\r\n\r\n      @if (hrCanBlock) {\r\n        <li>\r\n          @if (hrBlocked) {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseHrClick)\">\r\n              <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'ReleaseHR' | translate }}\r\n            </button>\r\n          } @else {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockHrClick)\">\r\n              <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'BlockHR' | translate }}\r\n            </button>\r\n          }\r\n        </li>\r\n      }\r\n\r\n      @if (tkCanBlock) {\r\n        <li>\r\n          @if (tkBlocked) {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, releaseTkClick)\">\r\n              <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'ReleaseTK' | translate }}\r\n            </button>\r\n          } @else {\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, blockTkClick)\">\r\n              <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n              {{ 'BlockTK' | translate }}\r\n            </button>\r\n          }\r\n        </li>\r\n      }\r\n\r\n      @if (hrCanBlock || tkCanBlock) {\r\n        <li><hr class=\"dropdown-divider\"></li>\r\n      }\r\n\r\n      @if (nameModeItems.length > 0) {\r\n        <li>\r\n          <span class=\"menu-section-label\">{{ 'EmployeeNamesMode' | translate }}</span>\r\n        </li>\r\n\r\n        @for (item of nameModeItems; track item.id; let index = $index) {\r\n          <li>\r\n            <button type=\"button\" class=\"header-dropdown-item menu-row\" [disabled]=\"!settingsEnabled\" [class.disabled]=\"!settingsEnabled\" (click)=\"onNameModeClick(index, $event)\">\r\n              @if (item.selected) {\r\n                <fa-icon class=\"menu-indicator menu-indicator-active\" [icon]=\"checkIcon\"></fa-icon>\r\n              } @else {\r\n                <fa-icon class=\"menu-indicator invisible\" [icon]=\"checkIcon\"></fa-icon>\r\n              }\r\n              {{ item.text }}\r\n            </button>\r\n          </li>\r\n        }\r\n\r\n        <li><hr class=\"dropdown-divider\"></li>\r\n      }\r\n\r\n      <li>\r\n        <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, changePasswordClick)\">\r\n          <span class=\"menu-indicator\"></span>\r\n          {{ 'ChangePassword' | translate }}\r\n        </button>\r\n      </li>\r\n\r\n      <li><hr class=\"dropdown-divider\"></li>\r\n\r\n      <li>\r\n        <button type=\"button\" class=\"header-dropdown-item menu-row\" (click)=\"emitAndClose($event, openAboutClick)\">\r\n          <fa-icon class=\"menu-indicator\" [icon]=\"infoIcon\"></fa-icon>\r\n          {{ 'About' | translate }}\r\n        </button>\r\n      </li>\r\n    </ul>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { useAlternateNames: [{
+                type: Input
+            }], displayAlternateNames: [{
+                type: Input
+            }], hrBlocked: [{
+                type: Input
+            }], hrCanBlock: [{
+                type: Input
+            }], tkBlocked: [{
+                type: Input
+            }], tkCanBlock: [{
+                type: Input
+            }], nameModeItems: [{
+                type: Input
+            }], settingsEnabled: [{
+                type: Input
+            }], alternateNamesChange: [{
+                type: Output
+            }], nameModeChange: [{
+                type: Output
+            }], blockHrClick: [{
+                type: Output
+            }], releaseHrClick: [{
+                type: Output
+            }], blockTkClick: [{
+                type: Output
+            }], releaseTkClick: [{
+                type: Output
+            }], changePasswordClick: [{
+                type: Output
+            }], openAboutClick: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class BayanCoreUserPanelWidgetComponent {
+    elementRef;
+    baseUrl = '';
+    set userPanel(value) {
+        this.userPanelState.set(value);
+    }
+    isSsoLogin = false;
+    propertyChange = new EventEmitter();
+    signOutClick = new EventEmitter();
+    signOutIcon = faPersonRunning;
+    dropdownOpen = signal(false);
+    userPanelState = signal(null);
+    badge = computed(() => ({
+        EmployeePhotoKey: this.userPanelState()?.photoPath ?? null,
+        EmployeePhotoFailed: false,
+        EmployeeNameInitials: this.userPanelState()?.nameInitials ?? '',
+    }));
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (target && !this.elementRef.nativeElement.contains(target)) {
+            this.dropdownOpen.set(false);
+        }
+    }
+    displayName() {
+        return this.userPanelState()?.userDisplayName ?? '';
+    }
+    activePropertyName() {
+        return this.userPanelState()?.activePropertyName ?? '';
+    }
+    activePropertyId() {
+        return this.userPanelState()?.activePropertyId ?? null;
+    }
+    propertyList() {
+        return this.userPanelState()?.properties ?? [];
+    }
+    showSignOut() {
+        return !(this.userPanelState()?.isSsoLogin ?? this.isSsoLogin);
+    }
+    toggleDropdown(event) {
+        event.preventDefault();
+        this.dropdownOpen.update((value) => !value);
+    }
+    selectProperty(event, property) {
+        event.preventDefault();
+        if (property.propertyId === this.activePropertyId()) {
+            this.dropdownOpen.set(false);
+            return;
+        }
+        this.dropdownOpen.set(false);
+        this.propertyChange.emit(property);
+    }
+    signOut(event) {
+        event.preventDefault();
+        this.dropdownOpen.set(false);
+        this.signOutClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreUserPanelWidgetComponent, isStandalone: true, selector: "bayan-core-user-panel-widget", inputs: { baseUrl: "baseUrl", userPanel: "userPanel", isSsoLogin: "isSsoLogin" }, outputs: { propertyChange: "propertyChange", signOutClick: "signOutClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n  <button type=\"button\" class=\"employee-toggle\" (click)=\"toggleDropdown($event)\">\r\n    <bayan-employee-badge [badge]=\"badge()\" width=\"34px\" height=\"34px\"></bayan-employee-badge>\r\n\r\n    <div class=\"employee-info\">\r\n      <span class=\"user-name\">{{ displayName() }}</span>\r\n\r\n      @if (activePropertyName()) {\r\n        <span class=\"property-name\">{{ activePropertyName() }}</span>\r\n      }\r\n    </div>\r\n\r\n    <span class=\"employee-caret\">&#9660;</span>\r\n  </button>\r\n\r\n  @if (dropdownOpen()) {\r\n    <ul class=\"employee-menu menu-dropdown-panel\">\r\n      @if (propertyList().length > 0) {\r\n        <li class=\"menu-section-label\">{{ 'Properties' | translate }}</li>\r\n\r\n        @for (property of propertyList(); track property.propertyId) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"menu-item\"\r\n              [class.menu-item-active]=\"property.propertyId === activePropertyId()\"\r\n              (click)=\"selectProperty($event, property)\">\r\n              @if (property.propertyId === activePropertyId()) {\r\n                <span class=\"menu-indicator\">&#9658;</span>\r\n              } @else {\r\n                <span class=\"menu-indicator invisible\"></span>\r\n              }\r\n\r\n              {{ property.propertyName }}\r\n            </button>\r\n          </li>\r\n        }\r\n\r\n        <li><hr class=\"menu-divider\"></li>\r\n      }\r\n\r\n      @if (showSignOut()) {\r\n        <li>\r\n          <button type=\"button\" class=\"menu-item menu-item-signout\" (click)=\"signOut($event)\">\r\n            <fa-icon class=\"mx-2\" [icon]=\"signOutIcon\"></fa-icon>{{ 'SignOut' | translate }}\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: BayanEmployeeBadgeComponent, selector: "bayan-employee-badge", inputs: ["badge", "width", "height", "imageClass", "badgeClass"], outputs: ["employeePhotoError"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreUserPanelWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-user-panel-widget', standalone: true, imports: [CommonModule, FontAwesomeModule, BayanEmployeeBadgeComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu-dropdown-host\" [class.open]=\"dropdownOpen()\">\r\n  <button type=\"button\" class=\"employee-toggle\" (click)=\"toggleDropdown($event)\">\r\n    <bayan-employee-badge [badge]=\"badge()\" width=\"34px\" height=\"34px\"></bayan-employee-badge>\r\n\r\n    <div class=\"employee-info\">\r\n      <span class=\"user-name\">{{ displayName() }}</span>\r\n\r\n      @if (activePropertyName()) {\r\n        <span class=\"property-name\">{{ activePropertyName() }}</span>\r\n      }\r\n    </div>\r\n\r\n    <span class=\"employee-caret\">&#9660;</span>\r\n  </button>\r\n\r\n  @if (dropdownOpen()) {\r\n    <ul class=\"employee-menu menu-dropdown-panel\">\r\n      @if (propertyList().length > 0) {\r\n        <li class=\"menu-section-label\">{{ 'Properties' | translate }}</li>\r\n\r\n        @for (property of propertyList(); track property.propertyId) {\r\n          <li>\r\n            <button\r\n              type=\"button\"\r\n              class=\"menu-item\"\r\n              [class.menu-item-active]=\"property.propertyId === activePropertyId()\"\r\n              (click)=\"selectProperty($event, property)\">\r\n              @if (property.propertyId === activePropertyId()) {\r\n                <span class=\"menu-indicator\">&#9658;</span>\r\n              } @else {\r\n                <span class=\"menu-indicator invisible\"></span>\r\n              }\r\n\r\n              {{ property.propertyName }}\r\n            </button>\r\n          </li>\r\n        }\r\n\r\n        <li><hr class=\"menu-divider\"></li>\r\n      }\r\n\r\n      @if (showSignOut()) {\r\n        <li>\r\n          <button type=\"button\" class=\"menu-item menu-item-signout\" (click)=\"signOut($event)\">\r\n            <fa-icon class=\"mx-2\" [icon]=\"signOutIcon\"></fa-icon>{{ 'SignOut' | translate }}\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { baseUrl: [{
+                type: Input
+            }], userPanel: [{
+                type: Input
+            }], isSsoLogin: [{
+                type: Input
+            }], propertyChange: [{
+                type: Output
+            }], signOutClick: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class BayanCoreTopMenuWidgetComponent {
+    document = inject(DOCUMENT);
+    router = inject(Router);
+    baseUrl = '';
+    sidebarCollapsed = false;
+    homeUrl = null;
+    logoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-enterprise-dark.png';
+    collapsedLogoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-collapsed.png';
+    logoClick = new EventEmitter();
+    searchPlaceholder = 'TopMenu.SearchPlaceholder';
+    menuItems = [];
+    searchItems = [];
+    userPanel = null;
+    isSsoLogin = false;
+    useAlternateNames = false;
+    displayAlternateNames = false;
+    hrBlocked = false;
+    hrCanBlock = false;
+    tkBlocked = false;
+    tkCanBlock = false;
+    nameModeItems = [];
+    settingsEnabled = true;
+    useInternalDialogs = false;
+    changePasswordLoading = false;
+    changePasswordDialog = {
+        title: 'ChangePassword',
+        currentPasswordLabel: 'CurrentPassword',
+        newPasswordLabel: 'NewPassword',
+        confirmNewPasswordLabel: 'ConfirmPassword',
+        primaryButtonText: 'Change',
+    };
+    aboutDialog = {
+        title: 'Sky Bayan Human Resources Management',
+        logoUrl: '',
+        version: '',
+        versionLabel: 'Version',
+        copyright: `Copyright 2026, Sky Software Co LLC All Rights Reserved
+Sky Bayan and Sky Bayan Logo are registered trademarks of Sky Software`,
+        statusLabel: 'SkyBayanUpToDate',
+        licenseButtonLabel: 'LicenseInformation',
+        releaseNotesButtonLabel: 'ReleaseNotes',
+        supportButtonLabel: 'TechnicalSupport',
+        closeButtonLabel: 'Close',
+    };
+    showGlobalSearch = false;
+    showUserPanel = false;
+    showSettings = false;
+    showNotifications = true;
+    notificationsTitle = 'Notifications';
+    showHelp = true;
+    helpTitle = 'Help';
+    helpUrl = null;
+    helpIcon = faQuestionCircle;
+    helpAnchorClass = 'menu-icon-btn top-menu-widget__help-link';
+    helpUrlTarget = '_blank';
+    helpClick = new EventEmitter();
+    menuItemClick = new EventEmitter();
+    searchSubmit = new EventEmitter();
+    searchItemNavigate = new EventEmitter();
+    propertyChange = new EventEmitter();
+    signOutClick = new EventEmitter();
+    alternateNamesChange = new EventEmitter();
+    nameModeChange = new EventEmitter();
+    blockHrClick = new EventEmitter();
+    releaseHrClick = new EventEmitter();
+    blockTkClick = new EventEmitter();
+    releaseTkClick = new EventEmitter();
+    changePasswordClick = new EventEmitter();
+    openAboutClick = new EventEmitter();
+    aboutLicenseClick = new EventEmitter();
+    aboutReleaseNotesClick = new EventEmitter();
+    aboutSupportClick = new EventEmitter();
+    submitPasswordChange = new EventEmitter();
+    aboutVisible = signal(false);
+    changePasswordVisible = signal(false);
+    hasNavigationUrl(url) {
+        return !!resolveUrl(this.baseUrl, url);
+    }
+    getLogoSrc() {
+        if (this.sidebarCollapsed) {
+            return this.collapsedLogoUrl || null;
+        }
+        return this.logoUrl || null;
+    }
+    onLogoClicked(event) {
+        event?.preventDefault();
+        this.logoClick.emit();
+        this.navigateToUrl(this.homeUrl);
+    }
+    onHelpClicked(event) {
+        event?.preventDefault();
+        this.helpClick.emit();
+        this.navigateToUrl(this.helpUrl);
+    }
+    onChangePasswordRequested() {
+        this.changePasswordClick.emit();
+        if (this.useInternalDialogs) {
+            this.changePasswordVisible.set(true);
+        }
+    }
+    onAboutRequested() {
+        this.openAboutClick.emit();
+        if (this.useInternalDialogs) {
+            this.aboutVisible.set(true);
+        }
+    }
+    navigateToUrl(url) {
+        if (!url) {
+            return;
+        }
+        const resolvedUrl = resolveUrl(this.baseUrl, url);
+        if (!resolvedUrl) {
+            return;
+        }
+        if (isExternalNavigation(this.baseUrl, url)) {
+            this.document.location.assign(resolvedUrl);
+            return;
+        }
+        void this.router.navigateByUrl(resolvedUrl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: BayanCoreTopMenuWidgetComponent, isStandalone: true, selector: "bayan-core-top-menu-widget", inputs: { baseUrl: "baseUrl", sidebarCollapsed: "sidebarCollapsed", homeUrl: "homeUrl", logoUrl: "logoUrl", collapsedLogoUrl: "collapsedLogoUrl", searchPlaceholder: "searchPlaceholder", menuItems: "menuItems", searchItems: "searchItems", userPanel: "userPanel", isSsoLogin: "isSsoLogin", useAlternateNames: "useAlternateNames", displayAlternateNames: "displayAlternateNames", hrBlocked: "hrBlocked", hrCanBlock: "hrCanBlock", tkBlocked: "tkBlocked", tkCanBlock: "tkCanBlock", nameModeItems: "nameModeItems", settingsEnabled: "settingsEnabled", useInternalDialogs: "useInternalDialogs", changePasswordLoading: "changePasswordLoading", changePasswordDialog: "changePasswordDialog", aboutDialog: "aboutDialog", showGlobalSearch: "showGlobalSearch", showUserPanel: "showUserPanel", showSettings: "showSettings", showNotifications: "showNotifications", notificationsTitle: "notificationsTitle", showHelp: "showHelp", helpTitle: "helpTitle", helpUrl: "helpUrl", helpIcon: "helpIcon", helpAnchorClass: "helpAnchorClass", helpUrlTarget: "helpUrlTarget" }, outputs: { logoClick: "logoClick", helpClick: "helpClick", menuItemClick: "menuItemClick", searchSubmit: "searchSubmit", searchItemNavigate: "searchItemNavigate", propertyChange: "propertyChange", signOutClick: "signOutClick", alternateNamesChange: "alternateNamesChange", nameModeChange: "nameModeChange", blockHrClick: "blockHrClick", releaseHrClick: "releaseHrClick", blockTkClick: "blockTkClick", releaseTkClick: "releaseTkClick", changePasswordClick: "changePasswordClick", openAboutClick: "openAboutClick", aboutLicenseClick: "aboutLicenseClick", aboutReleaseNotesClick: "aboutReleaseNotesClick", aboutSupportClick: "aboutSupportClick", submitPasswordChange: "submitPasswordChange" }, ngImport: i0, template: "<header class=\"top-menu-widget__header shadow-sm w-100 sticky-top\">\r\n  <dx-toolbar class=\"top-menu-widget__toolbar px-4\">\r\n    <dxi-item location=\"before\">\r\n      <div *dxTemplate>\r\n        <a\r\n          class=\"top-menu-widget__brand\"\r\n          [class.top-menu-widget__brand--collapsed]=\"sidebarCollapsed\"\r\n          (click)=\"onLogoClicked($event)\">\r\n            <img\r\n              [src]=\"getLogoSrc()\"\r\n              alt=\"\"\r\n              class=\"top-menu-widget__logo\"\r\n              [class.top-menu-widget__logo--collapsed]=\"sidebarCollapsed && !!collapsedLogoUrl\">\r\n        </a>\r\n      </div>\r\n    </dxi-item>\r\n\r\n    <dxi-item location=\"before\" locateInMenu=\"never\">\r\n      <div *dxTemplate>\r\n        <ul class=\"top-menu-widget__nav\">\r\n          @for (item of menuItems; track item.id ?? item.menuName) {\r\n            <bayan-core-item-widget [item]=\"item\" [baseUrl]=\"baseUrl\" (itemClick)=\"menuItemClick.emit($event)\"></bayan-core-item-widget>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </dxi-item>\r\n\r\n    @if (showGlobalSearch) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <bayan-core-global-search-widget\r\n            [baseUrl]=\"baseUrl\"\r\n            [placeholder]=\"searchPlaceholder\"\r\n            [dataSource]=\"searchItems\"\r\n            (search)=\"searchSubmit.emit($event)\"\r\n            (itemNavigate)=\"searchItemNavigate.emit($event)\">\r\n          </bayan-core-global-search-widget>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n\r\n    @if (showUserPanel) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <bayan-core-user-panel-widget\r\n            [baseUrl]=\"baseUrl\"\r\n            [userPanel]=\"userPanel\"\r\n            [isSsoLogin]=\"isSsoLogin\"\r\n            (propertyChange)=\"propertyChange.emit($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            [useAlternateNames]=\"useAlternateNames\"\r\n            [displayAlternateNames]=\"displayAlternateNames\"\r\n            [hrBlocked]=\"hrBlocked\"\r\n            [hrCanBlock]=\"hrCanBlock\"\r\n            [tkBlocked]=\"tkBlocked\"\r\n            [tkCanBlock]=\"tkCanBlock\"\r\n            [nameModeItems]=\"nameModeItems\"\r\n            [settingsEnabled]=\"settingsEnabled\"\r\n            (alternateNamesChange)=\"alternateNamesChange.emit()\"\r\n            (nameModeChange)=\"nameModeChange.emit($event)\"\r\n            (blockHrClick)=\"blockHrClick.emit()\"\r\n            (releaseHrClick)=\"releaseHrClick.emit()\"\r\n            (blockTkClick)=\"blockTkClick.emit()\"\r\n            (releaseTkClick)=\"releaseTkClick.emit()\"\r\n            (changePasswordClick)=\"onChangePasswordRequested()\"\r\n            (openAboutClick)=\"onAboutRequested()\">\r\n          </bayan-core-settings-widget>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n\r\n    @if (showNotifications) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <bayan-core-notifications-widget [baseUrl]=\"baseUrl\"\r\n                                           [title]=\"notificationsTitle | translate\" >\r\n          </bayan-core-notifications-widget>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n\r\n    @if (showHelp) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <a\r\n            [class]=\"helpAnchorClass\"\r\n            [title]=\"helpTitle | translate\"\r\n            [target]=\"helpUrlTarget\"\r\n            (click)=\"onHelpClicked($event)\">\r\n            <fa-icon [icon]=\"helpIcon\" class=\"fs-6\"></fa-icon>\r\n          </a>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n  </dx-toolbar>\r\n</header>\r\n\r\n@if (useInternalDialogs) {\r\n  <bayan-core-about-dialog-widget\r\n    [baseUrl]=\"baseUrl\"\r\n    [visible]=\"aboutVisible()\"\r\n    [config]=\"aboutDialog\"\r\n    (visibleChange)=\"aboutVisible.set($event)\"\r\n    (licenseClick)=\"aboutLicenseClick.emit()\"\r\n    (releaseNotesClick)=\"aboutReleaseNotesClick.emit()\"\r\n    (supportClick)=\"aboutSupportClick.emit()\">\r\n  </bayan-core-about-dialog-widget>\r\n\r\n  <bayan-core-change-password-widget\r\n    [baseUrl]=\"baseUrl\"\r\n    [visible]=\"changePasswordVisible()\"\r\n    [config]=\"changePasswordDialog\"\r\n    [isSubmitting]=\"changePasswordLoading\"\r\n    (visibleChange)=\"changePasswordVisible.set($event)\"\r\n    (submitPasswordChange)=\"submitPasswordChange.emit($event)\">\r\n  </bayan-core-change-password-widget>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DxToolbarModule }, { kind: "component", type: i1$1.DxToolbarComponent, selector: "dx-toolbar", inputs: ["dataSource", "disabled", "elementAttr", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "menuItemTemplate", "multiline", "noDataText", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onOptionChanged", "dataSourceChange", "disabledChange", "elementAttrChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "menuItemTemplateChange", "multilineChange", "noDataTextChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "author", "id", "timestamp", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "captionTemplate", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "collapsed", "collapsedSize", "collapsible", "maxSize", "minSize", "resizable", "size", "splitter", "heightRatio", "widthRatio", "expanded", "hasItems", "parentId"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BayanCoreItemWidgetComponent, selector: "bayan-core-item-widget", inputs: ["baseUrl", "item"], outputs: ["itemClick"] }, { kind: "component", type: BayanCoreGlobalSearchWidgetComponent, selector: "bayan-core-global-search-widget", inputs: ["baseUrl", "placeholder", "dataSource"], outputs: ["search", "itemNavigate"] }, { kind: "component", type: BayanCoreUserPanelWidgetComponent, selector: "bayan-core-user-panel-widget", inputs: ["baseUrl", "userPanel", "isSsoLogin"], outputs: ["propertyChange", "signOutClick"] }, { kind: "component", type: BayanCoreSettingsWidgetComponent, selector: "bayan-core-settings-widget", inputs: ["useAlternateNames", "displayAlternateNames", "hrBlocked", "hrCanBlock", "tkBlocked", "tkCanBlock", "nameModeItems", "settingsEnabled"], outputs: ["alternateNamesChange", "nameModeChange", "blockHrClick", "releaseHrClick", "blockTkClick", "releaseTkClick", "changePasswordClick", "openAboutClick"] }, { kind: "component", type: BayanCoreAboutDialogWidgetComponent, selector: "bayan-core-about-dialog-widget", inputs: ["baseUrl", "visible", "config"], outputs: ["visibleChange", "licenseClick", "releaseNotesClick", "supportClick"] }, { kind: "component", type: BayanCoreChangePasswordWidgetComponent, selector: "bayan-core-change-password-widget", inputs: ["baseUrl", "visible", "config", "isSubmitting"], outputs: ["visibleChange", "submitPasswordChange"] }, { kind: "component", type: BayanCoreNotificationsWidgetComponent, selector: "bayan-core-notifications-widget", inputs: ["baseUrl", "title", "wrapperClass", "linkClass", "iconClass", "badgeClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: BayanCoreTopMenuWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bayan-core-top-menu-widget', standalone: true, imports: [
+                        CommonModule,
+                        DxToolbarModule,
+                        FontAwesomeModule,
+                        TranslatePipe,
+                        BayanCoreItemWidgetComponent,
+                        BayanCoreGlobalSearchWidgetComponent,
+                        BayanCoreUserPanelWidgetComponent,
+                        BayanCoreSettingsWidgetComponent,
+                        BayanCoreAboutDialogWidgetComponent,
+                        BayanCoreChangePasswordWidgetComponent,
+                        BayanCoreNotificationsWidgetComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"top-menu-widget__header shadow-sm w-100 sticky-top\">\r\n  <dx-toolbar class=\"top-menu-widget__toolbar px-4\">\r\n    <dxi-item location=\"before\">\r\n      <div *dxTemplate>\r\n        <a\r\n          class=\"top-menu-widget__brand\"\r\n          [class.top-menu-widget__brand--collapsed]=\"sidebarCollapsed\"\r\n          (click)=\"onLogoClicked($event)\">\r\n            <img\r\n              [src]=\"getLogoSrc()\"\r\n              alt=\"\"\r\n              class=\"top-menu-widget__logo\"\r\n              [class.top-menu-widget__logo--collapsed]=\"sidebarCollapsed && !!collapsedLogoUrl\">\r\n        </a>\r\n      </div>\r\n    </dxi-item>\r\n\r\n    <dxi-item location=\"before\" locateInMenu=\"never\">\r\n      <div *dxTemplate>\r\n        <ul class=\"top-menu-widget__nav\">\r\n          @for (item of menuItems; track item.id ?? item.menuName) {\r\n            <bayan-core-item-widget [item]=\"item\" [baseUrl]=\"baseUrl\" (itemClick)=\"menuItemClick.emit($event)\"></bayan-core-item-widget>\r\n          }\r\n        </ul>\r\n      </div>\r\n    </dxi-item>\r\n\r\n    @if (showGlobalSearch) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <bayan-core-global-search-widget\r\n            [baseUrl]=\"baseUrl\"\r\n            [placeholder]=\"searchPlaceholder\"\r\n            [dataSource]=\"searchItems\"\r\n            (search)=\"searchSubmit.emit($event)\"\r\n            (itemNavigate)=\"searchItemNavigate.emit($event)\">\r\n          </bayan-core-global-search-widget>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n\r\n    @if (showUserPanel) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <bayan-core-user-panel-widget\r\n            [baseUrl]=\"baseUrl\"\r\n            [userPanel]=\"userPanel\"\r\n            [isSsoLogin]=\"isSsoLogin\"\r\n            (propertyChange)=\"propertyChange.emit($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            [useAlternateNames]=\"useAlternateNames\"\r\n            [displayAlternateNames]=\"displayAlternateNames\"\r\n            [hrBlocked]=\"hrBlocked\"\r\n            [hrCanBlock]=\"hrCanBlock\"\r\n            [tkBlocked]=\"tkBlocked\"\r\n            [tkCanBlock]=\"tkCanBlock\"\r\n            [nameModeItems]=\"nameModeItems\"\r\n            [settingsEnabled]=\"settingsEnabled\"\r\n            (alternateNamesChange)=\"alternateNamesChange.emit()\"\r\n            (nameModeChange)=\"nameModeChange.emit($event)\"\r\n            (blockHrClick)=\"blockHrClick.emit()\"\r\n            (releaseHrClick)=\"releaseHrClick.emit()\"\r\n            (blockTkClick)=\"blockTkClick.emit()\"\r\n            (releaseTkClick)=\"releaseTkClick.emit()\"\r\n            (changePasswordClick)=\"onChangePasswordRequested()\"\r\n            (openAboutClick)=\"onAboutRequested()\">\r\n          </bayan-core-settings-widget>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n\r\n    @if (showNotifications) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <bayan-core-notifications-widget [baseUrl]=\"baseUrl\"\r\n                                           [title]=\"notificationsTitle | translate\" >\r\n          </bayan-core-notifications-widget>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n\r\n    @if (showHelp) {\r\n      <dxi-item location=\"after\" locateInMenu=\"never\">\r\n        <div *dxTemplate>\r\n          <a\r\n            [class]=\"helpAnchorClass\"\r\n            [title]=\"helpTitle | translate\"\r\n            [target]=\"helpUrlTarget\"\r\n            (click)=\"onHelpClicked($event)\">\r\n            <fa-icon [icon]=\"helpIcon\" class=\"fs-6\"></fa-icon>\r\n          </a>\r\n        </div>\r\n      </dxi-item>\r\n    }\r\n  </dx-toolbar>\r\n</header>\r\n\r\n@if (useInternalDialogs) {\r\n  <bayan-core-about-dialog-widget\r\n    [baseUrl]=\"baseUrl\"\r\n    [visible]=\"aboutVisible()\"\r\n    [config]=\"aboutDialog\"\r\n    (visibleChange)=\"aboutVisible.set($event)\"\r\n    (licenseClick)=\"aboutLicenseClick.emit()\"\r\n    (releaseNotesClick)=\"aboutReleaseNotesClick.emit()\"\r\n    (supportClick)=\"aboutSupportClick.emit()\">\r\n  </bayan-core-about-dialog-widget>\r\n\r\n  <bayan-core-change-password-widget\r\n    [baseUrl]=\"baseUrl\"\r\n    [visible]=\"changePasswordVisible()\"\r\n    [config]=\"changePasswordDialog\"\r\n    [isSubmitting]=\"changePasswordLoading\"\r\n    (visibleChange)=\"changePasswordVisible.set($event)\"\r\n    (submitPasswordChange)=\"submitPasswordChange.emit($event)\">\r\n  </bayan-core-change-password-widget>\r\n}\r\n", styles: [":host{display:flex}.top-menu-widget__header{width:100%;background:#222;color:#fff}.top-menu-widget__toolbar{width:100%}::ng-deep .top-menu-widget__header .dx-toolbar{padding:0!important;height:56px!important;background:#222}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-items-container,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-before,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-center,::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item.dx-toolbar-item,::ng-deep .top-menu-widget__header .dx-toolbar .dx-item-content.dx-toolbar-item-content{height:56px!important;display:flex!important;align-items:center!important}::ng-deep .top-menu-widget__header .dx-toolbar .dx-toolbar-after{padding:0 20px!important;gap:4px}.top-menu-widget__brand{display:flex;align-items:center;text-decoration:none;background:transparent;border:0;cursor:pointer;font:inherit;width:235px;min-width:235px;overflow:hidden;transition:width .3s ease,min-width .3s ease}.top-menu-widget__brand--collapsed{width:60px;min-width:60px}.top-menu-widget__logo{height:38px;object-fit:contain}.top-menu-widget__logo--collapsed{height:32px;object-fit:contain}.top-menu-widget__nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.menu-dropdown-host{position:relative;display:flex;align-items:center}.menu-icon-btn,.employee-toggle,.nav-link{background:transparent;border:0;color:#999!important;font:inherit;text-align:inherit;text-decoration:none;transition:color .2s ease,background .2s ease}.menu-icon-btn:hover,.employee-toggle:hover,.nav-link:hover,.nav-item.dropdown.open>.nav-link{color:#fff!important}.menu-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;cursor:pointer}.menu-dropdown-panel{position:absolute;top:100%;background:#fff;color:#333;border:1px solid #dee2e6;box-shadow:0 4px 12px #0000001f;z-index:1050;padding:4px 0;list-style:none;border-radius:4px;margin:0}.menu-section-label{font-size:12px;color:#888;padding:4px 16px 6px;letter-spacing:.03em;display:block}.menu-row{display:flex;align-items:center;gap:6px}.menu-divider,.dropdown-divider{border:none;border-top:1px solid rgba(0,0,0,.15);margin:4px 0}.menu-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:12px;padding-top:2px}.menu-indicator-active{color:#f18206}.employee-toggle{display:flex;align-items:center;height:56px;padding:0 6px;cursor:pointer}.employee-info{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:4px}.user-name{font-size:13px;font-weight:500;color:#fff;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.property-name,.employee-caret{font-size:11px;color:#999}.employee-menu,.settings-menu,.notifications-menu{right:0}.employee-menu{min-width:200px}.settings-menu{min-width:240px}.menu-item,.header-dropdown-item{display:flex;align-items:center;width:100%;background:transparent;border:0;padding:7px 16px;font-size:14px;font:inherit;color:#333;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus,.header-dropdown-item:hover,.header-dropdown-item:focus{background:#f5f5f5;color:#333!important}.menu-item-active{font-weight:600}.menu-item-signout:hover,.menu-item-signout:focus{background:#6c757d!important;color:#fff!important}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:flex-start;height:56px;padding:0 14px;font-size:13px;font-weight:500;white-space:nowrap;background:#222}.caret{margin-left:4px;font-size:10px}.dropdown-menu{left:0;min-width:220px;padding:0;overflow:hidden}.dropdown-menu .nav-link{height:44px;padding:0 22px;background:#fff;color:#333!important;font-weight:400}.dropdown-menu .nav-link:hover,.dropdown-menu .nav-item.dropdown.open>.nav-link{background:#f5f6f8;color:#222!important}.top-menu-widget__search{width:280px;display:flex;align-items:center}::ng-deep .top-menu-widget__search .dx-texteditor{border-radius:6px}::ng-deep .top-menu-widget__search .dx-texteditor-input{color:#333}.top-menu-widget__search-item{display:flex;flex-direction:column;text-decoration:none}.top-menu-widget__search-item-title{display:flex;align-items:center;gap:4px;color:#666;font-size:11px;margin-bottom:4px}.top-menu-widget__search-item-subtitle{color:#222;font-size:13px;margin-left:18px}.top-menu-widget__notification-btn{position:relative}.top-menu-widget__notification-badge{position:absolute;top:8px;right:4px;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:10px;line-height:18px;text-align:center;background:#f18206;color:#fff}.top-menu-widget__help-link{display:inline-flex}.invisible{visibility:hidden}.disabled{opacity:.5;pointer-events:none}.about-backdrop{position:fixed;inset:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal{background:#fff;border-radius:6px;width:560px;max-width:95vw;box-shadow:0 5px 30px #00000040;overflow:hidden}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e5e5}.about-modal-title{margin:0;font-size:18px;font-weight:600}.about-close-btn{border:0;background:transparent;font-size:24px;line-height:1;color:#666}.about-modal-body{padding:20px}.about-logo{max-height:80px;object-fit:contain}.about-product-name{font-size:20px;font-weight:600;margin-bottom:8px}.about-version-text,.about-copyright{color:#555}.about-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 20px 20px}.about-action-btn{border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;padding:8px 12px}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], sidebarCollapsed: [{
+                type: Input
+            }], homeUrl: [{
+                type: Input
+            }], logoUrl: [{
+                type: Input
+            }], collapsedLogoUrl: [{
+                type: Input
+            }], logoClick: [{
+                type: Output
+            }], searchPlaceholder: [{
+                type: Input
+            }], menuItems: [{
+                type: Input
+            }], searchItems: [{
+                type: Input
+            }], userPanel: [{
+                type: Input
+            }], isSsoLogin: [{
+                type: Input
+            }], useAlternateNames: [{
+                type: Input
+            }], displayAlternateNames: [{
+                type: Input
+            }], hrBlocked: [{
+                type: Input
+            }], hrCanBlock: [{
+                type: Input
+            }], tkBlocked: [{
+                type: Input
+            }], tkCanBlock: [{
+                type: Input
+            }], nameModeItems: [{
+                type: Input
+            }], settingsEnabled: [{
+                type: Input
+            }], useInternalDialogs: [{
+                type: Input
+            }], changePasswordLoading: [{
+                type: Input
+            }], changePasswordDialog: [{
+                type: Input
+            }], aboutDialog: [{
+                type: Input
+            }], showGlobalSearch: [{
+                type: Input
+            }], showUserPanel: [{
+                type: Input
+            }], showSettings: [{
+                type: Input
+            }], showNotifications: [{
+                type: Input
+            }], notificationsTitle: [{
+                type: Input
+            }], showHelp: [{
+                type: Input
+            }], helpTitle: [{
+                type: Input
+            }], helpUrl: [{
+                type: Input
+            }], helpIcon: [{
+                type: Input
+            }], helpAnchorClass: [{
+                type: Input
+            }], helpUrlTarget: [{
+                type: Input
+            }], helpClick: [{
+                type: Output
+            }], menuItemClick: [{
+                type: Output
+            }], searchSubmit: [{
+                type: Output
+            }], searchItemNavigate: [{
+                type: Output
+            }], propertyChange: [{
+                type: Output
+            }], signOutClick: [{
+                type: Output
+            }], alternateNamesChange: [{
+                type: Output
+            }], nameModeChange: [{
+                type: Output
+            }], blockHrClick: [{
+                type: Output
+            }], releaseHrClick: [{
+                type: Output
+            }], blockTkClick: [{
+                type: Output
+            }], releaseTkClick: [{
+                type: Output
+            }], changePasswordClick: [{
+                type: Output
+            }], openAboutClick: [{
+                type: Output
+            }], aboutLicenseClick: [{
+                type: Output
+            }], aboutReleaseNotesClick: [{
+                type: Output
+            }], aboutSupportClick: [{
+                type: Output
+            }], submitPasswordChange: [{
+                type: Output
+            }] } });
+
+var EmployeeNamesModeOption;
+(function (EmployeeNamesModeOption) {
+    EmployeeNamesModeOption[EmployeeNamesModeOption["ShortNames"] = 1] = "ShortNames";
+    EmployeeNamesModeOption[EmployeeNamesModeOption["StandardNames"] = 2] = "StandardNames";
+    EmployeeNamesModeOption[EmployeeNamesModeOption["FullNames"] = 3] = "FullNames";
+})(EmployeeNamesModeOption || (EmployeeNamesModeOption = {}));
+var BlockableModule;
+(function (BlockableModule) {
+    BlockableModule[BlockableModule["HumanResources"] = 4] = "HumanResources";
+    BlockableModule[BlockableModule["Timekeeping"] = 5] = "Timekeeping";
+})(BlockableModule || (BlockableModule = {}));
+var SystemModule;
+(function (SystemModule) {
+    SystemModule[SystemModule["Corporate"] = 1] = "Corporate";
+    SystemModule[SystemModule["Cluster"] = 2] = "Cluster";
+    SystemModule[SystemModule["Setup"] = 3] = "Setup";
+    SystemModule[SystemModule["HumanResources"] = 4] = "HumanResources";
+    SystemModule[SystemModule["Timekeeping"] = 5] = "Timekeeping";
+    SystemModule[SystemModule["Payroll"] = 6] = "Payroll";
+    SystemModule[SystemModule["Training"] = 7] = "Training";
+    SystemModule[SystemModule["Workflow"] = 8] = "Workflow";
+    SystemModule[SystemModule["Appraisal"] = 9] = "Appraisal";
+    SystemModule[SystemModule["BusinessIntelligence"] = 10] = "BusinessIntelligence";
+})(SystemModule || (SystemModule = {}));
+
+/*
+ * Public API Surface of bayan-core-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BayanCoreTopMenuService, BayanCoreTopMenuWidgetComponent, BlockableModule, EmployeeNamesModeOption, SystemModule };
+//# sourceMappingURL=skysoftware-co-bayan-core-widgets-ui.mjs.map