@haloduck/ui 2.0.29 → 2.0.30

package/fesm2022/haloduck-ui.mjs

@@ -2893,7 +2893,7 @@ class AutoLoadDirective {
     ngZone = inject(NgZone);
     observer;
     isLoading = false;
-    hasLoadedOnce = false;
+    hasTriggeredOnce = false;
     autoLoadEnabled = true;
     autoLoadThreshold = 0.1;
     autoLoadRootMargin = '0px';
@@ -2927,29 +2927,27 @@ class AutoLoadDirective {
         if (this.isLoading || !this.autoLoadEnabled) {
             return;
         }
-        // 무한 로드 방지: 첫 번째 보임 감지 시에는 로드하지 않고, 
-        // 실제로 사용자가 스크롤해서 다시 보일 때만 로드
-        if (this.hasLoadedOnce) {
+        // 첫 번째 로드는 건너뛰고, 이후부터는 보일 때마다 자동 로드
+        if (this.hasTriggeredOnce) {
             this.isLoading = true;
             this.autoLoadTrigger.emit();
-            // 로딩 상태를 일정 시간 후 해제하여 중복 로드 방지
-            setTimeout(() => {
-                this.isLoading = false;
-            }, 2000);
             // 옵저버를 일시적으로 해제하여 연속 트리거 방지
             this.temporarilyDisableObserver();
         }
-        this.hasLoadedOnce = true;
+        else {
+            this.hasTriggeredOnce = true;
+        }
     }
     temporarilyDisableObserver() {
         if (this.observer) {
             this.observer.disconnect();
-            // 2초 후 옵저버 재연결
+            // 1초 후 옵저버 재연결
             setTimeout(() => {
                 if (this.autoLoadEnabled && this.observer) {
+                    this.isLoading = false;
                     this.observer.observe(this.elementRef.nativeElement);
                 }
-            }, 2000);
+            }, 1000);
         }
     }
     disconnect() {
@@ -2963,7 +2961,7 @@ class AutoLoadDirective {
     }
     // 자동 로드를 재활성화하는 메서드
     resetAutoLoad() {
-        this.hasLoadedOnce = false;
+        this.hasTriggeredOnce = false;
         this.isLoading = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AutoLoadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });