codexly-ui 0.0.75 → 0.0.77

package/fesm2022/codexly-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, effect, signal, inject, ElementRef, InjectionToken, PLATFORM_ID, Injectable, Renderer2, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent, Directive, output, contentChildren, NgZone, model, untracked, forwardRef, viewChild, HostListener, ViewChildren, contentChild, Injector, ViewChild, ChangeDetectorRef, ContentChildren, Input, numberAttribute, booleanAttribute } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, effect, signal, inject, ElementRef, InjectionToken, PLATFORM_ID, Injectable, Renderer2, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent, Directive, output, contentChildren, NgZone, model, untracked, forwardRef, viewChild, HostListener, ViewChildren, contentChild, Injector, ViewChild, ChangeDetectorRef, ContentChildren, Input, numberAttribute, booleanAttribute, runInInjectionContext } from '@angular/core';
 import { isPlatformBrowser, CurrencyPipe, NgTemplateOutlet, DecimalPipe, NgStyle, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, NgControl, FormControl, ReactiveFormsModule, FormGroup, Validators } from '@angular/forms';
@@ -13967,19 +13967,19 @@ class ToastOverlayContainer extends OverlayContainer {
 }
 class ClxToastService {
     _injector = inject(Injector);
-    _platformId = inject(PLATFORM_ID);
     _toastOverlay = null;
     _containers = new Map();
     _getOverlay() {
         if (this._toastOverlay)
             return this._toastOverlay;
-        const container = new ToastOverlayContainer(this._platformId);
-        // Create a child injector that provides the custom OverlayContainer
         const childInjector = Injector.create({
             parent: this._injector,
             providers: [
-                { provide: OverlayContainer, useValue: container },
-                { provide: Overlay, deps: [OverlayContainer] },
+                {
+                    provide: OverlayContainer,
+                    useFactory: () => runInInjectionContext(this._injector, () => new ToastOverlayContainer()),
+                },
+                { provide: Overlay },
             ],
         });
         this._toastOverlay = childInjector.get(Overlay);
@@ -13989,6 +13989,11 @@ class ClxToastService {
     show(options) {
         const position = options.position ?? TOAST_DEFAULTS.position;
         const container = this._getOrCreateContainer(position);
+        // Move our dedicated overlay container to the end of body on every show
+        // so it always appears after any modal cdk-overlay-container
+        const el = container.overlayRef.overlayElement.closest('.clx-toast-overlay-container');
+        if (el)
+            document.body.appendChild(el);
         const entry = {
             id: this._uid(),
             type: options.type ?? TOAST_DEFAULTS.type,