@haloduck/ui 2.0.25 → 2.0.27

package/fesm2022/haloduck-ui.mjs

@@ -3007,6 +3007,12 @@ class TableComponent {
             .subscribe(() => {
             this.setupIntersectionObserver();
         });
+        // 데이터 행 렌더링 변화에 맞춰 센티널 타겟을 재지정
+        this.dataRows?.changes
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.setupIntersectionObserver();
+        });
         const container = this.scrollContainer?.nativeElement;
         this.scrollListenerTarget = container || (typeof window !== 'undefined' ? window : undefined);
         if (this.scrollListenerTarget) {
@@ -3038,7 +3044,7 @@ class TableComponent {
             this.intersectionObserver = new IntersectionObserver(this.onIntersection, {
                 root: rootElement || undefined,
                 rootMargin: '0px 0px 200px 0px',
-                threshold: 0.5,
+                threshold: 0.05,
             });
             this.intersectionObserver.observe(target);
         });
@@ -3054,17 +3060,20 @@ class TableComponent {
         for (const entry of entries) {
             if (!entry.isIntersecting)
                 continue;
-            if (!this.hasObservedOnce) {
-                // 첫 교차는 무시: 새 옵저버가 생성될 때 현재 화면에 이미 보이는 경우를 방지
+            const container = this.scrollContainer?.nativeElement;
+            const allowWithoutScroll = !container || container.scrollHeight <= container.clientHeight;
+            if (!this.hasObservedOnce && !allowWithoutScroll) {
+                // 내부 스크롤 컨테이너가 있고 첫 교차는 무시
                 this.hasObservedOnce = true;
                 continue;
             }
-            // 마지막 키가 존재, 로딩 아님, 그리고 실제 스크롤이 있었을 때만 로드
+            // 마지막 키가 존재, 로딩 아님, 그리고 (실제 스크롤 발생 or 스크롤 불필요)일 때만 로드
             Promise.all([
                 firstValueFrom(this.lastEvaluatedKey.pipe(take(1))),
                 firstValueFrom(this.isLoading.pipe(take(1))),
             ]).then(([lastKey, isLoading]) => {
-                if (!(lastKey && !isLoading && this.didScrollSinceLastLoad)) {
+                const scrolledOk = this.didScrollSinceLastLoad || allowWithoutScroll;
+                if (!(lastKey && !isLoading && scrolledOk)) {
                     return;
                 }
                 // 중복 호출 방지: 즉시 관찰 해제 후 로드 트리거