@eui/showcase 23.0.0-alpha.8 → 23.0.0-alpha.9

package/fesm2022/eui-showcase.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, input, Component, inject, ChangeDetectorRef, afterNextRender, ViewEncapsulation, ElementRef, Renderer2, effect, Directive, booleanAttribute, model, contentChildren, forwardRef, viewChild, DestroyRef, HostListener, contentChild } from '@angular/core';
+import { signal, Injectable, input, Component, inject, ChangeDetectorRef, afterNextRender, ViewEncapsulation, ElementRef, Renderer2, effect, Directive, booleanAttribute, model, contentChildren, forwardRef, viewChild, DestroyRef, Injector, HostListener, contentChild } from '@angular/core';
 import * as i1 from '@eui/components/eui-icon';
 import { EUI_ICON } from '@eui/components/eui-icon';
 import * as i2 from '@eui/components/eui-button';
@@ -1081,6 +1081,7 @@ class DocPageComponent {
         this.categories = [];
         this.scrollHandler = null;
         this.scrollContainer = null;
+        this.isDestroyed = false;
         this.samples = contentChildren(DocSampleComponent, { ...(ngDevMode ? { debugName: "samples" } : /* istanbul ignore next */ {}), descendants: true });
         this.sections = contentChildren(DocSectionComponent, { ...(ngDevMode ? { debugName: "sections" } : /* istanbul ignore next */ {}), descendants: true });
         this.pageOverviewContent = contentChildren(forwardRef(() => DocPageOverviewContentDirective), /* @ts-ignore */
@@ -1107,6 +1108,7 @@ class DocPageComponent {
         this.route = inject(ActivatedRoute);
         this.asService = inject(EuiAppShellService);
         this.destroyRef = inject(DestroyRef);
+        this.injector = inject(Injector);
         this.TABS_DEF = [
             { index: 0, id: 'samples' },
             { index: 1, id: 'api' },
@@ -1134,9 +1136,10 @@ class DocPageComponent {
             this.isDeprecated.set(true);
         if (this.isLegacyInput())
             this.isLegacy.set(true);
+        this.destroyRef.onDestroy(() => this.isDestroyed = true);
         afterNextRender(() => {
             this.asService.isBlockDocumentActive = true;
-        });
+        }, { injector: this.injector });
         this.appMetadata = this.asService.state.appMetadata;
         const id = this.id();
         if (id && !this.label()) {
@@ -1151,7 +1154,7 @@ class DocPageComponent {
             this.apiUrl = this._getApiUrl();
             afterNextRender(() => {
                 this.apiUrlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(this.apiUrl);
-            });
+            }, { injector: this.injector });
         }
         catch (e) {
             // API URL construction failed - non-critical
@@ -1167,13 +1170,15 @@ class DocPageComponent {
                 this.isNavClicked = false;
                 setTimeout(() => this.setupScrollSpy(), 500);
             }, 1);
-        });
+        }, { injector: this.injector });
     }
     getCategoryIndex(name) {
         const category = this.CATEGORIES_DEF.find(cat => cat.id.toLowerCase() === name.toLowerCase());
         return category ? category.index : this.CATEGORIES_DEF.find(cat => cat.id === 'free-category').index;
     }
     setupScrollSpy() {
+        if (this.isDestroyed)
+            return;
         const hostEl = document.querySelector('.eui-doc-page');
         if (!hostEl)
             return;