aril 0.0.75 → 0.0.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aril",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "peerDependencies": {
     "@angular/common": "^17.1.0",
     "@angular/core": "^17.1.0",
@@ -94,18 +94,18 @@
       "esm": "./esm2022/theme/layout/aril-theme-layout.mjs",
       "default": "./fesm2022/aril-theme-layout.mjs"
     },
-    "./ui/badge": {
-      "types": "./ui/badge/index.d.ts",
-      "esm2022": "./esm2022/ui/badge/aril-ui-badge.mjs",
-      "esm": "./esm2022/ui/badge/aril-ui-badge.mjs",
-      "default": "./fesm2022/aril-ui-badge.mjs"
-    },
     "./ui/autoComplete": {
       "types": "./ui/autoComplete/index.d.ts",
       "esm2022": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
       "esm": "./esm2022/ui/autoComplete/aril-ui-autoComplete.mjs",
       "default": "./fesm2022/aril-ui-autoComplete.mjs"
     },
+    "./ui/badge": {
+      "types": "./ui/badge/index.d.ts",
+      "esm2022": "./esm2022/ui/badge/aril-ui-badge.mjs",
+      "esm": "./esm2022/ui/badge/aril-ui-badge.mjs",
+      "default": "./fesm2022/aril-ui-badge.mjs"
+    },
     "./ui/button": {
       "types": "./ui/button/index.d.ts",
       "esm2022": "./esm2022/ui/button/aril-ui-button.mjs",
@@ -130,23 +130,17 @@
       "esm": "./esm2022/ui/chip/aril-ui-chip.mjs",
       "default": "./fesm2022/aril-ui-chip.mjs"
     },
-    "./ui/dxField": {
-      "types": "./ui/dxField/index.d.ts",
-      "esm2022": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
-      "esm": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
-      "default": "./fesm2022/aril-ui-dxField.mjs"
-    },
     "./ui/field": {
       "types": "./ui/field/index.d.ts",
       "esm2022": "./esm2022/ui/field/aril-ui-field.mjs",
       "esm": "./esm2022/ui/field/aril-ui-field.mjs",
       "default": "./fesm2022/aril-ui-field.mjs"
     },
-    "./ui/fileUpload": {
-      "types": "./ui/fileUpload/index.d.ts",
-      "esm2022": "./esm2022/ui/fileUpload/aril-ui-fileUpload.mjs",
-      "esm": "./esm2022/ui/fileUpload/aril-ui-fileUpload.mjs",
-      "default": "./fesm2022/aril-ui-fileUpload.mjs"
+    "./ui/dxField": {
+      "types": "./ui/dxField/index.d.ts",
+      "esm2022": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
+      "esm": "./esm2022/ui/dxField/aril-ui-dxField.mjs",
+      "default": "./fesm2022/aril-ui-dxField.mjs"
     },
     "./ui/form": {
       "types": "./ui/form/index.d.ts",
@@ -160,11 +154,11 @@
       "esm": "./esm2022/ui/lib/aril-ui-lib.mjs",
       "default": "./fesm2022/aril-ui-lib.mjs"
     },
-    "./ui/overlayPanel": {
-      "types": "./ui/overlayPanel/index.d.ts",
-      "esm2022": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
-      "esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
-      "default": "./fesm2022/aril-ui-overlayPanel.mjs"
+    "./ui/fileUpload": {
+      "types": "./ui/fileUpload/index.d.ts",
+      "esm2022": "./esm2022/ui/fileUpload/aril-ui-fileUpload.mjs",
+      "esm": "./esm2022/ui/fileUpload/aril-ui-fileUpload.mjs",
+      "default": "./fesm2022/aril-ui-fileUpload.mjs"
     },
     "./ui/mask": {
       "types": "./ui/mask/index.d.ts",
@@ -172,12 +166,30 @@
       "esm": "./esm2022/ui/mask/aril-ui-mask.mjs",
       "default": "./fesm2022/aril-ui-mask.mjs"
     },
+    "./ui/overlayPanel": {
+      "types": "./ui/overlayPanel/index.d.ts",
+      "esm2022": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
+      "esm": "./esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs",
+      "default": "./fesm2022/aril-ui-overlayPanel.mjs"
+    },
     "./ui/number": {
       "types": "./ui/number/index.d.ts",
       "esm2022": "./esm2022/ui/number/aril-ui-number.mjs",
       "esm": "./esm2022/ui/number/aril-ui-number.mjs",
       "default": "./fesm2022/aril-ui-number.mjs"
     },
+    "./ui/progressbar": {
+      "types": "./ui/progressbar/index.d.ts",
+      "esm2022": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
+      "esm": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
+      "default": "./fesm2022/aril-ui-progressbar.mjs"
+    },
+    "./ui/selectBox": {
+      "types": "./ui/selectBox/index.d.ts",
+      "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
+      "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
+      "default": "./fesm2022/aril-ui-selectBox.mjs"
+    },
     "./ui/panel": {
       "types": "./ui/panel/index.d.ts",
       "esm2022": "./esm2022/ui/panel/aril-ui-panel.mjs",
@@ -190,30 +202,12 @@
       "esm": "./esm2022/ui/radioButton/aril-ui-radioButton.mjs",
       "default": "./fesm2022/aril-ui-radioButton.mjs"
     },
-    "./ui/password": {
-      "types": "./ui/password/index.d.ts",
-      "esm2022": "./esm2022/ui/password/aril-ui-password.mjs",
-      "esm": "./esm2022/ui/password/aril-ui-password.mjs",
-      "default": "./fesm2022/aril-ui-password.mjs"
-    },
-    "./ui/progressbar": {
-      "types": "./ui/progressbar/index.d.ts",
-      "esm2022": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
-      "esm": "./esm2022/ui/progressbar/aril-ui-progressbar.mjs",
-      "default": "./fesm2022/aril-ui-progressbar.mjs"
-    },
     "./ui/tagBox": {
       "types": "./ui/tagBox/index.d.ts",
       "esm2022": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
       "esm": "./esm2022/ui/tagBox/aril-ui-tagBox.mjs",
       "default": "./fesm2022/aril-ui-tagBox.mjs"
     },
-    "./ui/selectBox": {
-      "types": "./ui/selectBox/index.d.ts",
-      "esm2022": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
-      "esm": "./esm2022/ui/selectBox/aril-ui-selectBox.mjs",
-      "default": "./fesm2022/aril-ui-selectBox.mjs"
-    },
     "./ui/switch": {
       "types": "./ui/switch/index.d.ts",
       "esm2022": "./esm2022/ui/switch/aril-ui-switch.mjs",
@@ -226,6 +220,12 @@
       "esm": "./esm2022/ui/table/aril-ui-table.mjs",
       "default": "./fesm2022/aril-ui-table.mjs"
     },
+    "./ui/password": {
+      "types": "./ui/password/index.d.ts",
+      "esm2022": "./esm2022/ui/password/aril-ui-password.mjs",
+      "esm": "./esm2022/ui/password/aril-ui-password.mjs",
+      "default": "./fesm2022/aril-ui-password.mjs"
+    },
     "./ui/text": {
       "types": "./ui/text/index.d.ts",
       "esm2022": "./esm2022/ui/text/aril-ui-text.mjs",
@@ -256,6 +256,12 @@
       "esm": "./esm2022/ui/value/aril-ui-value.mjs",
       "default": "./fesm2022/aril-ui-value.mjs"
     },
+    "./ui/tree": {
+      "types": "./ui/tree/index.d.ts",
+      "esm2022": "./esm2022/ui/tree/aril-ui-tree.mjs",
+      "esm": "./esm2022/ui/tree/aril-ui-tree.mjs",
+      "default": "./fesm2022/aril-ui-tree.mjs"
+    },
     "./util/init-event": {
       "types": "./util/init-event/index.d.ts",
       "esm2022": "./esm2022/util/init-event/aril-util-init-event.mjs",
@@ -268,11 +274,11 @@
       "esm": "./esm2022/util/block/aril-util-block.mjs",
       "default": "./fesm2022/aril-util-block.mjs"
     },
-    "./util/custom_pages": {
-      "types": "./util/custom_pages/index.d.ts",
-      "esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
-      "esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
-      "default": "./fesm2022/aril-util-custom_pages.mjs"
+    "./util/loaders": {
+      "types": "./util/loaders/index.d.ts",
+      "esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
+      "esm": "./esm2022/util/loaders/aril-util-loaders.mjs",
+      "default": "./fesm2022/aril-util-loaders.mjs"
     },
     "./util/lib": {
       "types": "./util/lib/index.d.ts",
@@ -286,47 +292,41 @@
       "esm": "./esm2022/util/pub-sub/aril-util-pub-sub.mjs",
       "default": "./fesm2022/aril-util-pub-sub.mjs"
     },
-    "./ui/tree": {
-      "types": "./ui/tree/index.d.ts",
-      "esm2022": "./esm2022/ui/tree/aril-ui-tree.mjs",
-      "esm": "./esm2022/ui/tree/aril-ui-tree.mjs",
-      "default": "./fesm2022/aril-ui-tree.mjs"
-    },
-    "./util/loaders": {
-      "types": "./util/loaders/index.d.ts",
-      "esm2022": "./esm2022/util/loaders/aril-util-loaders.mjs",
-      "esm": "./esm2022/util/loaders/aril-util-loaders.mjs",
-      "default": "./fesm2022/aril-util-loaders.mjs"
-    },
     "./util/primitive-extensions": {
       "types": "./util/primitive-extensions/index.d.ts",
       "esm2022": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
       "esm": "./esm2022/util/primitive-extensions/aril-util-primitive-extensions.mjs",
       "default": "./fesm2022/aril-util-primitive-extensions.mjs"
     },
+    "./boot/config/api": {
+      "types": "./boot/config/api/index.d.ts",
+      "esm2022": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
+      "esm": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
+      "default": "./fesm2022/aril-boot-config-api.mjs"
+    },
+    "./util/custom_pages": {
+      "types": "./util/custom_pages/index.d.ts",
+      "esm2022": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
+      "esm": "./esm2022/util/custom_pages/aril-util-custom_pages.mjs",
+      "default": "./fesm2022/aril-util-custom_pages.mjs"
+    },
     "./util/unwrap": {
       "types": "./util/unwrap/index.d.ts",
       "esm2022": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
       "esm": "./esm2022/util/unwrap/aril-util-unwrap.mjs",
       "default": "./fesm2022/aril-util-unwrap.mjs"
     },
-    "./boot/config/apps": {
-      "types": "./boot/config/apps/index.d.ts",
-      "esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
-      "esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
-      "default": "./fesm2022/aril-boot-config-apps.mjs"
-    },
     "./boot/config/plugins": {
       "types": "./boot/config/plugins/index.d.ts",
       "esm2022": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
       "esm": "./esm2022/boot/config/plugins/aril-boot-config-plugins.mjs",
       "default": "./fesm2022/aril-boot-config-plugins.mjs"
     },
-    "./boot/config/api": {
-      "types": "./boot/config/api/index.d.ts",
-      "esm2022": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
-      "esm": "./esm2022/boot/config/api/aril-boot-config-api.mjs",
-      "default": "./fesm2022/aril-boot-config-api.mjs"
+    "./boot/config/apps": {
+      "types": "./boot/config/apps/index.d.ts",
+      "esm2022": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
+      "esm": "./esm2022/boot/config/apps/aril-boot-config-apps.mjs",
+      "default": "./fesm2022/aril-boot-config-apps.mjs"
     }
   }
 }

package/theme/layout/app/topbar/app.topbar.component.html

@@ -21,40 +21,40 @@
 
 	<div class="topbar-end mr-2">
 		<ul class="topbar-menu">
-			<li class="ml-3">
+			<li>
 				<button
 					pButton
 					type="button"
 					icon="pi pi-sitemap"
 					class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"></button>
 			</li>
-			<li class="ml-3">
+			<li>
 				<button
 					pButton
 					type="button"
 					icon="pi pi-history"
 					class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"></button>
 			</li>
-			<li class="ml-3">
+			<li>
 				<button
 					pButton
 					type="button"
 					icon="pi pi-heart"
 					class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"></button>
-			</li>
-			
-
-			<li class="ml-3">
+			</li>			
+			<li>
 				<button
-				 pButton 
-				 type="button" 
-				 class="p-button-text p-button-secondary p-button-rounded flex-shrink-0" 
-				 (click)="onProfileButtonClick()" >
+					pButton
+					type="button"
+					class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"
+					(click)="onProfileButtonClick()">
 					{{ username[0] | uppercase }}
 				</button>
 			</li>
-
-			<li class="ml-3">
+			<li>
+				<p-divider layout="vertical" styleClass="h-1rem border-500 m-0" />
+			</li>
+			<li>
 				<button
 					pButton
 					type="button"

package/theme/layout/app/topbar/app.topbar.component.ts

@@ -1,24 +1,25 @@
+import { UpperCasePipe } from '@angular/common';
 import { Component, ElementRef, ViewChild, inject, signal } from '@angular/core';
-import { Apps } from 'aril/boot/config/apps';
+import { FormsModule } from '@angular/forms';
 
 import { ButtonModule } from 'primeng/button';
+import { DividerModule } from 'primeng/divider';
 
+import { Apps } from 'aril/boot/config/apps';
 import { KeycloakManager } from 'aril/keycloak';
 
 import { LayoutService } from '../../service/app.layout.service';
 import { AppBreadcrumbComponent } from '../breadcrumb/app.breadcrumb.component';
-import { UpperCasePipe } from '@angular/common';
-import { FormsModule } from '@angular/forms';
 
 @Component({
 	standalone: true,
 	selector: 'app-topbar',
-	imports: [ButtonModule, AppBreadcrumbComponent,UpperCasePipe, FormsModule],
+	imports: [ButtonModule, AppBreadcrumbComponent, UpperCasePipe, FormsModule, DividerModule],
 	templateUrl: './app.topbar.component.html'
 })
 export class AppTopbarComponent {
 	@ViewChild('menubutton') menuButton!: ElementRef;
-	
+
 	username! :string;
 	layoutService = inject(LayoutService);
 	keyCloakManager = inject(KeycloakManager);
@@ -41,23 +42,23 @@ export class AppTopbarComponent {
 				default:
 					this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');
 			}}else{
-				switch ((<any>globalThis).activeMF) {
-					case Apps.HES:
-					case Apps.CTS:
-					case Apps.SIS:
+			switch ((<any>globalThis).activeMF) {
+				case Apps.HES:
+				case Apps.CTS:
+				case Apps.SIS:
 						this.filePath.update((file)=> file = 'assets/images/lena-logo.png');
-						break;
-					case Apps.CRM:
-					case Apps.BILLING:
-					case Apps.PAYMENT:
-					case Apps.WDM:
-					case Apps.MNG:
+					break;
+				case Apps.CRM:
+				case Apps.BILLING:
+				case Apps.PAYMENT:
+				case Apps.WDM:
+				case Apps.MNG:
 						this.filePath.update((file)=> file = 'assets/images/thor-logo.png');
-						break;
-					case Apps.MW:
+					break;
+				case Apps.MW:
 						this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');
-						break;
-					default:
+					break;
+				default:
 						this.filePath.update((file)=> file = 'assets/images/yeap-logo.png');;
 			}
 		}

package/theme/styles/layout/_topbar.scss

@@ -46,6 +46,7 @@
 		margin: 0;
 		padding: 0;
 		list-style: none;
+		gap: 12px;
 
 		li {
 			button {

package/theme/styles/theme/light/_variables.scss

@@ -788,7 +788,7 @@ $dividerHorizontalPadding: 0 1.25rem !default;
 $dividerVerticalMargin: 0 1.25rem !default;
 $dividerVerticalPadding: 1.25rem 0 !default;
 $dividerSize: 1px !default;
-$dividerColor: $shade300 !default;
+$dividerColor: $shade500 !default;
 
 //avatar
 $avatarBg: $shade300 !default;