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

package/README.md

@@ -23,13 +23,13 @@ npm install @skysoftware-co/bayan-core-widgets-ui
 ```html
 <bayan-core-top-menu-widget
   [baseUrl]="appBaseUrl"
+  [systemModule]="systemModule"
   [sidebarCollapsed]="sidebarCollapsed"
   [homeUrl]="homeUrl"
   [logoUrl]="logoUrl"
   [collapsedLogoUrl]="collapsedLogoUrl"
   [menuItems]="menuItems"
   [searchItems]="searchItems"
-  [userPanel]="userPanel"
   [nameModeItems]="nameModeItems"
   [showGlobalSearch]="true"
   [showUserPanel]="true"
@@ -42,7 +42,7 @@ npm install @skysoftware-co/bayan-core-widgets-ui
   (menuItemClick)="onMenuItemClick($event)"
   (searchSubmit)="onSearchSubmit($event)"
   (searchItemNavigate)="onSearchItemNavigate($event)"
-  (propertyChange)="onPropertyChange($event)"
+  (propertyChanged)="onPropertyChange($event)"
   (signOutClick)="onSignOut()"
   (submitPasswordChange)="onSubmitPasswordChange($event)">
 </bayan-core-top-menu-widget>
@@ -67,21 +67,6 @@ interface TopMenuWidgetSearchItem {
   isTranslatable?: boolean;
 }
 
-interface TopMenuWidgetPropertyOption {
-  propertyId: number;
-  propertyName: string;
-}
-
-interface TopMenuWidgetUserPanel {
-  userDisplayName: string;
-  activePropertyId: number | null;
-  activePropertyName: string;
-  properties: TopMenuWidgetPropertyOption[];
-  isSsoLogin?: boolean;
-  photoPath?: string | null;
-  nameInitials?: string | null;
-}
-
 interface TopMenuWidgetNameModeItem {
   id: string;
   text: string;
@@ -125,6 +110,7 @@ Selector: `bayan-core-top-menu-widget`
 | Name | Type | Default | Description |
 |---|---|---|---|
 | `baseUrl` | `string` | `''` | Base URL used to resolve internal and external navigation targets. |
+| `systemModule` | `SystemModule \| null` | `null` | Current system module context. |
 | `sidebarCollapsed` | `boolean` | `false` | Switches the brand area to the collapsed logo state. |
 | `homeUrl` | `string \| null` | `null` | Brand navigation target. |
 | `logoUrl` | `string` | Bayan CDN URL | Expanded logo source. |
@@ -132,7 +118,6 @@ Selector: `bayan-core-top-menu-widget`
 | `searchPlaceholder` | `string` | `'TopMenu.SearchPlaceholder'` | Search placeholder text or translation key. |
 | `menuItems` | `TopMenuWidgetItem[]` | `[]` | Top-level navigation items. |
 | `searchItems` | `TopMenuWidgetSearchItem[]` | `[]` | Autocomplete items for global search. |
-| `userPanel` | `TopMenuWidgetUserPanel \| null` | `null` | Current user data and available properties. |
 | `isSsoLogin` | `boolean` | `false` | Fallback SSO flag when the user panel does not provide one. |
 | `useAlternateNames` | `boolean` | `false` | Enables alternate-names behavior in settings. |
 | `displayAlternateNames` | `boolean` | `false` | Marks alternate names as active. |
@@ -167,7 +152,7 @@ Selector: `bayan-core-top-menu-widget`
 | `menuItemClick` | `EventEmitter<TopMenuWidgetItem>` | Fired when a leaf menu item is activated. |
 | `searchSubmit` | `EventEmitter<string>` | Fired when free-text search is submitted. |
 | `searchItemNavigate` | `EventEmitter<TopMenuWidgetSearchItem>` | Fired when an autocomplete result is chosen. |
-| `propertyChange` | `EventEmitter<TopMenuWidgetPropertyOption>` | Fired when the active property changes. |
+| `propertyChanged` | `EventEmitter<PropertyOption>` | Fired when the active property changes. |
 | `signOutClick` | `EventEmitter<void>` | Fired when sign out is requested. |
 | `alternateNamesChange` | `EventEmitter<void>` | Fired when alternate names are toggled. |
 | `nameModeChange` | `EventEmitter<number>` | Fired when a name mode item is selected. |
@@ -195,6 +180,7 @@ Inputs:
 | Name | Type | Default | Description |
 |---|---|---|---|
 | `baseUrl` | `string` | `''` | Base URL used to resolve selected item URLs. |
+| `ActivePropertyChanged` | `boolean` | `false` | Boolean change token used to reset the search input after a property switch. |
 | `placeholder` | `string` | `'TopMenu.SearchPlaceholder'` | Placeholder text or translation key. |
 | `dataSource` | `TopMenuWidgetSearchItem[]` | `[]` | Search results shown in the autocomplete. |
 
@@ -214,6 +200,7 @@ Inputs:
 | Name | Type | Default | Description |
 |---|---|---|---|
 | `baseUrl` | `string` | `''` | Base URL used to resolve item URLs. |
+| `ActivePropertyChanged` | `boolean` | `false` | Boolean change token used to close open menu branches after a property switch. |
 | `item` | `TopMenuWidgetItem` | required | Menu item to render. |
 
 Outputs:
@@ -247,6 +234,7 @@ Inputs:
 
 | Name | Type | Default | Description |
 |---|---|---|---|
+| `ActivePropertyChanged` | `boolean` | `false` | Boolean change token used to close the settings menu after a property switch. |
 | `useAlternateNames` | `boolean` | `false` | Enables alternate names behavior. |
 | `displayAlternateNames` | `boolean` | `false` | Marks alternate names as active. |
 | `hrBlocked` | `boolean` | `false` | Current HR block state. |
@@ -277,15 +265,30 @@ Inputs:
 
 | Name | Type | Default | Description |
 |---|---|---|---|
-| `baseUrl` | `string` | `''` | Reserved for consistency with the top-menu contract. |
-| `userPanel` | `TopMenuWidgetUserPanel \| null` | `null` | Current user and property data. |
-| `isSsoLogin` | `boolean` | `false` | Fallback SSO flag when `userPanel.isSsoLogin` is not present. |
+| `baseUrl` | `string` | `''` | Base URL used to load the current user panel and to switch the active property. |
+| `wrapperClass` | `string` | `'menu-dropdown-host'` | Wrapper CSS classes. |
+| `dropdownOpenClass` | `string` | `'open'` | CSS class added while the dropdown is open. |
+| `toggleButtonClass` | `string` | `'employee-toggle'` | Toggle button CSS classes. |
+| `employeeInfoClass` | `string` | `'employee-info'` | Employee info wrapper CSS classes. |
+| `userNameClass` | `string` | `'user-name'` | User name text CSS classes. |
+| `propertyNameClass` | `string` | `'property-name'` | Active property text CSS classes. |
+| `caretClass` | `string` | `'employee-caret'` | Caret CSS classes. |
+| `menuClass` | `string` | `'employee-menu menu-dropdown-panel'` | Dropdown menu CSS classes. |
+| `sectionLabelClass` | `string` | `'menu-section-label'` | Section label CSS classes. |
+| `menuItemClass` | `string` | `'menu-item'` | Property row CSS classes. |
+| `menuItemActiveClass` | `string` | `'menu-item-active'` | Active property CSS class. |
+| `indicatorClass` | `string` | `'menu-indicator'` | Selection indicator CSS classes. |
+| `invisibleIndicatorClass` | `string` | `'invisible'` | Hidden indicator CSS class. |
+| `dividerClass` | `string` | `'menu-divider'` | Divider CSS classes. |
+| `signOutButtonClass` | `string` | `'menu-item menu-item-signout'` | Sign-out button CSS classes. |
+| `showSignOutIcon` | `boolean` | `true` | Shows or hides the sign-out icon. |
+| `signOutIconClass` | `string` | `'mx-2'` | Sign-out icon CSS classes. |
 
 Outputs:
 
 | Name | Type | Description |
 |---|---|---|
-| `propertyChange` | `EventEmitter<TopMenuWidgetPropertyOption>` | Fired when the active property changes. |
+| `propertyChanged` | `EventEmitter<PropertyOption>` | Fired after `switchProperty` succeeds and the widget refetches the user panel. |
 | `signOutClick` | `EventEmitter<void>` | Fired when sign out is requested. |
 
 ### Change Password Widget