diff --git a/projects/angular-natural-gallery/src/lib/natural-gallery/natural-gallery.component.ts b/projects/angular-natural-gallery/src/lib/natural-gallery/natural-gallery.component.ts
index 2115809..8807204 100644
--- a/projects/angular-natural-gallery/src/lib/natural-gallery/natural-gallery.component.ts
+++ b/projects/angular-natural-gallery/src/lib/natural-gallery/natural-gallery.component.ts
@@ -18,9 +18,7 @@ export class NaturalGalleryComponent<T extends ModelAttributes = ModelAttributes
 
     @ViewChild('gallery', {static: true}) private galleryElement!: ElementRef<HTMLElement>;
 
-    public readonly gallery = new Promise<Natural<T>>(resolve => {
-        this.resolve = resolve;
-    });
+    public readonly gallery: Promise<Natural<T>>;
 
     private resolve!: (value: Natural<T>) => void;
 
@@ -32,6 +30,12 @@ export class NaturalGalleryComponent<T extends ModelAttributes = ModelAttributes
         this.gallery.then(gallery => gallery.setItems(items));
     }
 
+    public constructor() {
+        this.gallery = new Promise<Natural<T>>(resolve => {
+            this.resolve = resolve;
+        });
+    }
+
     public ngOnInit(): void {
         setTimeout(() => {
             const gallery = new Natural<T>(this.galleryElement.nativeElement, this.options, this.scrollable);