@skysoftware-co/bayan-hr-widgets-ui 2.0.13 → 2.0.14

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

@@ -5632,13 +5632,13 @@ class EmployeeMainInfoCardComponent {
     employeeMainInfo = input(null, ...(ngDevMode ? [{ debugName: "employeeMainInfo" }] : /* istanbul ignore next */ []));
     searchValue = input('', ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
     badgeClass = input('badge employee-rounded-badge-xl fs-5', ...(ngDevMode ? [{ debugName: "badgeClass" }] : /* istanbul ignore next */ []));
-    badgeImageClass = input('rounded-circle shadow-lg', ...(ngDevMode ? [{ debugName: "badgeImageClass" }] : /* istanbul ignore next */ []));
+    badgeImageClass = input('rounded-circle', ...(ngDevMode ? [{ debugName: "badgeImageClass" }] : /* istanbul ignore next */ []));
     badgeWidth = input('50px', ...(ngDevMode ? [{ debugName: "badgeWidth" }] : /* istanbul ignore next */ []));
     badgeHeight = input('50px', ...(ngDevMode ? [{ debugName: "badgeHeight" }] : /* istanbul ignore next */ []));
     employeeInfoContainerClass = input('d-flex align-content-center', ...(ngDevMode ? [{ debugName: "employeeInfoContainerClass" }] : /* istanbul ignore next */ []));
     employeeDetailsClass = input('ms-3', ...(ngDevMode ? [{ debugName: "employeeDetailsClass" }] : /* istanbul ignore next */ []));
     employeeNameContainerClass = input('d-flex align-items-center', ...(ngDevMode ? [{ debugName: "employeeNameContainerClass" }] : /* istanbul ignore next */ []));
-    employeeNameClass = input('fs-14 text-dark-gray fw-medium text-ellipsis-one-line', ...(ngDevMode ? [{ debugName: "employeeNameClass" }] : /* istanbul ignore next */ []));
+    employeeNameClass = input('fs-13 text-dark-gray fw-medium text-ellipsis-one-line', ...(ngDevMode ? [{ debugName: "employeeNameClass" }] : /* istanbul ignore next */ []));
     employeePositionClass = input('fs-12 fw-normal text-dark-gray text-ellipsis-one-line mb-1', ...(ngDevMode ? [{ debugName: "employeePositionClass" }] : /* istanbul ignore next */ []));
     employeeGradeClass = input('fs-12 text-dark-gray', ...(ngDevMode ? [{ debugName: "employeeGradeClass" }] : /* istanbul ignore next */ []));
     showGrade = input(false, ...(ngDevMode ? [{ debugName: "showGrade" }] : /* istanbul ignore next */ []));
@@ -5732,7 +5732,7 @@ class MyTeamPopupComponent {
     switchLabelClass = input('form-check-label mx-2 fs-13', ...(ngDevMode ? [{ debugName: "switchLabelClass" }] : /* istanbul ignore next */ []));
     scrollViewClass = input('position-relative', ...(ngDevMode ? [{ debugName: "scrollViewClass" }] : /* istanbul ignore next */ []));
     emptyStateClass = input('position-absolute top-50 start-50 translate-middle w-100 text-center text-dark-gray fs-14', ...(ngDevMode ? [{ debugName: "emptyStateClass" }] : /* istanbul ignore next */ []));
-    groupHeaderClass = input('fs-14 text-dark pt-2 pb-1', ...(ngDevMode ? [{ debugName: "groupHeaderClass" }] : /* istanbul ignore next */ []));
+    groupHeaderClass = input('fs-13 text-dark pt-2 pb-1', ...(ngDevMode ? [{ debugName: "groupHeaderClass" }] : /* istanbul ignore next */ []));
     employeeCardClass = input('bg-light-gray rounded p-2 mb-2 d-flex align-items-center justify-content-between border-start border-4 border-start-primary', ...(ngDevMode ? [{ debugName: "employeeCardClass" }] : /* istanbul ignore next */ []));
     employeeCardHeight = input('100px', ...(ngDevMode ? [{ debugName: "employeeCardHeight" }] : /* istanbul ignore next */ []));
     contactContainerClass = input('d-flex flex-column gap-1 border-start border-2 ps-3 w-100', ...(ngDevMode ? [{ debugName: "contactContainerClass" }] : /* istanbul ignore next */ []));
@@ -5795,7 +5795,7 @@ class MyTeamPopupComponent {
         return this.hasEmployeeEmail(employee) || this.hasEmployeePhone(employee);
     }
     onSearchChanged(value) {
-        const nextSearchValue = value ?? '';
+        const nextSearchValue = (value ?? '').trim();
         if (nextSearchValue === this.searchValue()) {
             return;
         }
@@ -5812,21 +5812,24 @@ class MyTeamPopupComponent {
             event?.component?.release?.();
             return;
         }
-        const scrollableContainer = event?.element?.querySelector?.('.dx-scrollable-container');
-        const scrollableContent = event?.element?.querySelector?.('.dx-scrollable-content');
-        if (scrollableContainer && scrollableContent && scrollableContent.scrollHeight <= scrollableContainer.clientHeight) {
-            event?.component?.release?.();
-            return;
-        }
-        const scrollTop = event?.component?.scrollOffset?.().top ?? 0;
-        if (scrollTop <= 0) {
-            event?.component?.release?.();
-            return;
-        }
         this.loadPage(false).finally(() => {
             event?.component?.release?.();
         });
     }
+    isScrollContentScrollable() {
+        const scrollableElement = this.dataScrollView?.instance?.element?.();
+        const scrollableContainer = scrollableElement?.querySelector?.('.dx-scrollable-container');
+        const scrollableContent = scrollableElement?.querySelector?.('.dx-scrollable-content');
+        if (!scrollableContainer || !scrollableContent) {
+            return true;
+        }
+        return scrollableContent.scrollHeight > scrollableContainer.clientHeight;
+    }
+    async loadRemainingPagesIfNeeded() {
+        while (this.hasMoreData() && !this.isScrollContentScrollable()) {
+            await this.loadPage(false);
+        }
+    }
     resetState() {
         this.items.set([]);
         this.hasMoreData.set(true);
@@ -5845,7 +5848,10 @@ class MyTeamPopupComponent {
             employees.push(employee);
             groupedMap.set(key, employees);
         }
-        this.items.set(Array.from(groupedMap.entries()).map(([adminUnitName, employees]) => ({ adminUnitName, employees })));
+        const sortedGroups = Array.from(groupedMap.entries())
+            .sort(([firstAdminUnit], [secondAdminUnit]) => firstAdminUnit.localeCompare(secondAdminUnit, undefined, { sensitivity: 'base' }))
+            .map(([adminUnitName, employees]) => ({ adminUnitName, employees }));
+        this.items.set(sortedGroups);
     }
     async loadPage(reset) {
         if (this.isDataLoading() || (!reset && !this.hasMoreData())) {
@@ -5874,6 +5880,7 @@ class MyTeamPopupComponent {
             this.appendEmployees(pageData);
             this.loadedCount += pageData.length;
             this.pageIndex += 1;
+            this.dataScrollView?.instance?.update();
             const hasMore = this.loadedCount < this.totalCount && pageData.length > 0;
             this.hasMoreData.set(hasMore);
         }
@@ -5886,6 +5893,9 @@ class MyTeamPopupComponent {
                 this.isLoading.set(false);
                 this.isLoadingChanged.emit(false);
             }
+            if (!reset) {
+                await this.loadRemainingPagesIfNeeded();
+            }
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });