@fundamental-ngx/core 0.58.0-rc.68 → 0.58.0-rc.69

package/fesm2022/fundamental-ngx-core-shellbar.mjs

@@ -14,7 +14,6 @@ import { UserMenuComponent } from '@fundamental-ngx/core/user-menu';
 import { AvatarComponent } from '@fundamental-ngx/core/avatar';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ResizeObserverService, RtlService, ClickedDirective } from '@fundamental-ngx/cdk/utils';
-import { isEqual, sortBy } from 'lodash-es';
 import { NgTemplateOutlet } from '@angular/common';
 import equal from 'fast-deep-equal';
 import { BehaviorSubject, distinctUntilChanged } from 'rxjs';
@@ -571,7 +570,7 @@ class ShellbarContextAreaComponent {
                 lastItem.el.style.display = 'none';
             }
         }
-        if (!isEqual(sortBy(this._hiddenItems), sortBy(newHiddenItems))) {
+        if (!this._arraysEqual(this._hiddenItems, newHiddenItems)) {
             this._hiddenItems = newHiddenItems;
             this.contentItemVisibilityChange.emit(newHiddenItems);
         }
@@ -603,6 +602,21 @@ class ShellbarContextAreaComponent {
         })
             .sort((a, b) => a.priority - b.priority);
     }
+    /**
+     * Compares two arrays of HTMLElements for equality.
+     * Sorts both arrays and checks if all elements are the same.
+     */
+    _arraysEqual(arr1, arr2) {
+        if (!arr1 && arr2.length === 0) {
+            return true;
+        }
+        if (!arr1 || arr1.length !== arr2.length) {
+            return false;
+        }
+        const sorted1 = [...arr1].sort();
+        const sorted2 = [...arr2].sort();
+        return sorted1.every((el, index) => el === sorted2[index]);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShellbarContextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ShellbarContextAreaComponent, isStandalone: true, selector: "fd-shellbar-context-area", outputs: { contentItemVisibilityChange: "contentItemVisibilityChange" }, host: { properties: { "class.fd-shellbar__group": "true", "class.fd-shellbar__group--context-area": "true" } }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }