@fundamental-ngx/platform 0.57.4-rc.1 → 0.57.4-rc.2

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

@@ -82,6 +82,9 @@ class IconTabBarBase {
         if (changes.tabs && !changes.tabs.firstChange) {
             this._initTabs();
             this._triggerRecalculationVisibleItems();
+            if (this._tabWasRemoved(changes)) {
+                this._updateSelectedTab(changes);
+            }
             return;
         }
         if (changes.isRtl && !changes.isRtl.firstChange) {
@@ -110,9 +113,11 @@ class IconTabBarBase {
      */
     _selectItem(selectedItem, event) {
         event?.stopPropagation();
-        this.selectedUid = selectedItem.uId;
+        this.selectedUid = selectedItem?.uId;
         this.selectedUidChange.emit(this.selectedUid);
-        selectedItem.badge = false;
+        if (selectedItem) {
+            selectedItem.badge = false;
+        }
         this.selected.emit(selectedItem);
     }
     /** @hidden */
@@ -322,6 +327,49 @@ class IconTabBarBase {
         }
         return activeTab;
     }
+    /**
+     * @hidden
+     * Checks if a tab was removed from the list of tabs.
+     * @param changes - SimpleChanges
+     * @returns { boolean } - Returns true if a tab was removed, false otherwise.
+     */
+    _tabWasRemoved(changes) {
+        return changes.tabs.currentValue.length < changes.tabs.previousValue.length;
+    }
+    /**
+     * @hidden
+     * Updates the selected tab based on the changes in the tabs.
+     * If the removed tab was before the selected tab or is the selected tab, it updates the selected tab.
+     * If no previous selected tab can be found, it selects the first one.
+     * If the removed tab is after the selected tab, no changes are needed.
+     * @param changes - SimpleChanges
+     */
+    _updateSelectedTab(changes) {
+        const selectedIdNumber = Number(this.selectedUid);
+        const removedTabIndex = this._getRemovedTabIndex(changes);
+        if (isNaN(selectedIdNumber) || removedTabIndex === -1) {
+            return;
+        }
+        // If the removed tab was before the selected tab or was the selected tab, we need to update the selection.
+        if (removedTabIndex <= selectedIdNumber) {
+            const previousSelectedTabId = `${selectedIdNumber - 1}`;
+            // Mark the previous tab as selected. If it cannot be found, select the first one.
+            const selectedItem = this.tabs.find((tab) => tab.uId === previousSelectedTabId) || this.tabs[0];
+            this._selectItem(selectedItem);
+        }
+    }
+    /**
+     * @hidden
+     * Gets the index of the removed tab based on the changes in the tabs.
+     * @param changes - SimpleChanges
+     * @returns { number } - The index of the removed tab, or -1 if not found.
+     */
+    _getRemovedTabIndex(changes) {
+        return changes.tabs.previousValue.findIndex((tab) => {
+            const tabStillExists = changes.tabs.currentValue.some((currentTab) => currentTab.id === tab.id);
+            return tabStillExists ? false : true;
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IconTabBarBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.4", type: IconTabBarBase, isStandalone: true, inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: false, isRequired: false, transformFunction: null }, isRtl: { classPropertyName: "isRtl", publicName: "isRtl", isSignal: false, isRequired: false, transformFunction: null }, densityMode: { classPropertyName: "densityMode", publicName: "densityMode", isSignal: false, isRequired: false, transformFunction: null }, selectedUid: { classPropertyName: "selectedUid", publicName: "selectedUid", isSignal: false, isRequired: false, transformFunction: null }, tabHeadingLevel: { classPropertyName: "tabHeadingLevel", publicName: "tabHeadingLevel", isSignal: true, isRequired: false, transformFunction: null }, colorAssociations: { classPropertyName: "colorAssociations", publicName: "colorAssociations", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", selectedUidChange: "selectedUidChange" }, viewQueries: [{ propertyName: "overflowDirective", first: true, predicate: OverflowListDirective, descendants: true }, { propertyName: "headerElement", first: true, predicate: ["tablist"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0 }); }
 }