@fundamental-ngx/platform 0.61.3 → 0.61.5

package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs

@@ -1,8 +1,6 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, signal, input, inject, ChangeDetectorRef, NgZone, DestroyRef, isDevMode, ElementRef, ViewChild, Output, Input, Directive, ViewChildren, Component, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute, viewChild, contentChild, TemplateRef, contentChildren, Injectable, model, output, viewChildren, computed, effect, HostBinding, Optional, NgModule } from '@angular/core';
-import { take, debounceTime, distinctUntilChanged, first } from 'rxjs/operators';
+import { EventEmitter, signal, input, inject, ChangeDetectorRef, isDevMode, ElementRef, ViewChild, Output, Input, Directive, ViewChildren, Component, DestroyRef, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute, viewChild, contentChild, TemplateRef, contentChildren, Injectable, model, output, viewChildren, computed, effect, HostBinding, Optional, NgModule } from '@angular/core';
 import { SPACE, ENTER, RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, BACKSPACE, DELETE } from '@angular/cdk/keycodes';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@fundamental-ngx/cdk/utils';
 import { KeyUtil, OverflowListDirective, AsyncOrSyncPipe, OverflowListItemDirective, RtlService, scrollTop } from '@fundamental-ngx/cdk/utils';
 import { FD_DYNAMIC_PAGE } from '@fundamental-ngx/core/dynamic-page';
@@ -10,8 +8,10 @@ import { NgClass, NgTemplateOutlet, SlicePipe } from '@angular/common';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
 import { IconComponent, FD_DEFAULT_ICON_FONT_FAMILY } from '@fundamental-ngx/core/icon';
 import { PopoverComponent, PopoverControlComponent, PopoverBodyComponent } from '@fundamental-ngx/core/popover';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/cdk/drag-drop';
 import { ReplaySubject, Subject, fromEvent } from 'rxjs';
+import { debounceTime, distinctUntilChanged, first } from 'rxjs/operators';
 import { ScrollSpyDirective } from '@fundamental-ngx/core/scroll-spy';
 import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
 import { FD_TABLIST } from '@fundamental-ngx/core/shared';
@@ -47,14 +47,10 @@ class IconTabBarBase {
         this._inDynamicPage = !!inject(FD_DYNAMIC_PAGE, { optional: true });
         /** @hidden */
         this._cd = inject(ChangeDetectorRef);
-        /** @Hidden */
-        this._ngZone = inject(NgZone);
-        /** @hidden */
-        this._tabs = [];
-        /** @hidden */
-        this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._destroyed = false;
+        /** @hidden */
+        this._tabs = [];
     }
     /**
      * @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
@@ -214,7 +210,7 @@ class IconTabBarBase {
      * @description trigger recalculation items, need to do it asynchronously after dom was rerendered
      */
     _triggerRecalculationVisibleItems() {
-        this._ngZone.onMicrotaskEmpty.pipe(take(1), takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+        queueMicrotask(() => {
             if (this.overflowDirective && !this._destroyed) {
                 const extra = this.overflowDirective.getAmountOfExtraItems();
                 this._recalculateVisibleItems(extra);
@@ -807,7 +803,7 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
      * @param selectedItem
      * @description select extra item inside popover
      */
-    async _selectExtraItem(selectedItem) {
+    _selectExtraItem(selectedItem) {
         this._currentStepIndex = selectedItem.index;
         let amountOfPreviousSteps;
         let amountOfNextSteps;
@@ -828,8 +824,8 @@ class IconTabBarProcessTypeComponent extends ClosableIconTabBar {
             this._showLeftBtn = amountOfPreviousSteps > 0;
         }
         this._selectItem(selectedItem);
-        this._ngZone.onMicrotaskEmpty.pipe(take(1)).subscribe(() => {
-            if (this.overflowDirective) {
+        queueMicrotask(() => {
+            if (this.overflowDirective && !this._destroyed) {
                 const extra = this.overflowDirective.getAmountOfExtraItems();
                 isPreviousStepsStrategy
                     ? this.recalculateItemsByPrevArr(extra, amountOfPreviousSteps)