@neoprototype/neop-ui-lib 1.1.2 → 1.1.4

package/fesm2022/neoprototype-neop-ui-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, Input, ViewChild, Component, EventEmitter, Output, InjectionToken, Optional, Inject, ElementRef, HostListener, ViewChildren, TemplateRef } from '@angular/core';
+import { Injectable, NgModule, Input, ViewChild, Component, EventEmitter, Output, InjectionToken, Optional, Inject, ElementRef, HostListener, ViewChildren, inject, PLATFORM_ID, afterNextRender, TemplateRef } from '@angular/core';
 import * as i1 from 'ng-zorro-antd/modal';
 import { NzModalModule } from 'ng-zorro-antd/modal';
 import { Subject, debounceTime } from 'rxjs';
@@ -2547,6 +2547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
 class NpTabComponent {
     _Router;
     _ActivatedRoute;
+    platformId = inject(PLATFORM_ID);
     headerWrapperRef;
     scrollContainerRef;
     tabItemRefs;
@@ -2565,13 +2566,28 @@ class NpTabComponent {
     constructor(_Router, _ActivatedRoute) {
         this._Router = _Router;
         this._ActivatedRoute = _ActivatedRoute;
+        afterNextRender(() => {
+            this.initBrowserLogic();
+        });
+    }
+    initBrowserLogic() {
+        const wrapper = this.headerWrapperRef?.nativeElement;
+        if (wrapper) {
+            wrapper.addEventListener('scroll', this.updateScrollButtons);
+        }
+        this.updateScrollButtons();
     }
     ngOnInit() {
         this.setTabActiveDefault();
     }
     setTabActiveDefault() {
-        if (this.tabActive) {
-            this.indexActive = this.tabs?.findIndex((x) => x.key === this.tabActive);
+        if (this.tabActive !== undefined && this.tabActive !== null && this.tabActive !== '') {
+            if (typeof this.tabActive === 'number') {
+                this.indexActive = this.tabActive;
+            }
+            else {
+                this.indexActive = this.tabs?.findIndex((x) => x.key === this.tabActive);
+            }
             return;
         }
         if (!this.isLink) {
@@ -2630,16 +2646,16 @@ class NpTabComponent {
         const pageWidth = wrapper.clientWidth;
         wrapper.scrollBy({ left: pageWidth, behavior: 'smooth' });
     }
-    ngAfterViewInit() {
-        const wrapper = this.headerWrapperRef?.nativeElement;
-        if (wrapper) {
-            wrapper.addEventListener('scroll', this.updateScrollButtons);
-        }
-        window.addEventListener('resize', this.updateScrollButtons);
-        setTimeout(() => {
-            this.updateScrollButtons();
-        }, 0);
-    }
+    // ngAfterViewInit(): void {
+    //   const wrapper = this.headerWrapperRef?.nativeElement;
+    //   if (wrapper) {
+    //     wrapper.addEventListener('scroll', this.updateScrollButtons);
+    //   }
+    //   window.addEventListener('resize', this.updateScrollButtons);
+    //   setTimeout(() => {
+    //     this.updateScrollButtons();
+    //   }, 0);
+    // }
     ngOnDestroy() {
         const wrapper = this.headerWrapperRef?.nativeElement;
         if (wrapper) {