Not Working With Angular SSR Version 17 about aos HOT 2 OPEN

import { NgZone } from '@angular/core';

constructor(private ngZone: NgZone) {}

ngAfterViewInit(): void {
  if (isPlatformBrowser(this.platformId)) {
    this.ngZone.runOutsideAngular(() => {
      // Run code outside Angular zone
      if (this.document.readyState == 'complete') {
        console.log('doc loaded');
      }
      console.log('Page ready');
      AOS.init({ once: true, duration: 1000 });
      AOS.refresh();
    });
  }
}

constructor(@Inject(DOCUMENT) private document: Document) {}

ngAfterViewInit(): void {
  if (isPlatformBrowser(this.platformId)) {
    this.document.addEventListener('DOMContentLoaded', () => {
      console.log('doc loaded');
      console.log('Page ready');
      AOS.init({ once: true, duration: 1000 });
      AOS.refresh();
    });
  }
}

import * as AOS from 'aos';

import AOS from 'aos';

  ngOnInit(): void {
    if (isPlatformBrowser(this.platformId)) {
      this.document.addEventListener('DOMContentLoaded', () => {
        console.log('doc loaded');
        console.log('Page ready');
        AOS.init();
        AOS.refresh();
      });
    }
  }

document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    AOS.init();
  }
};