@coreui/angular-pro 5.5.7 → 5.5.8

package/fesm2022/coreui-angular-pro.mjs

@@ -17584,22 +17584,19 @@ class ToastComponent {
      * @return boolean
      */
     visibleInput = input(false, ...(ngDevMode ? [{ debugName: "visibleInput", transform: booleanAttribute, alias: 'visible' }] : [{ transform: booleanAttribute, alias: 'visible' }]));
-    #visibleInputEffect = effect(() => {
-        this.visible = this.visibleInput();
-    }, ...(ngDevMode ? [{ debugName: "#visibleInputEffect" }] : []));
+    #visible = linkedSignal(this.visibleInput);
+    #visibleEffect = effect(() => {
+        const newValue = this.#visible();
+        newValue ? this.setTimer() : this.clearTimer();
+        this.visibleChange?.emit(newValue);
+        this.changeDetectorRef.markForCheck();
+    }, ...(ngDevMode ? [{ debugName: "#visibleEffect" }] : []));
     set visible(value) {
-        const newValue = value;
-        if (this.#visible !== newValue) {
-            this.#visible = newValue;
-            newValue ? this.setTimer() : this.clearTimer();
-            this.visibleChange?.emit(newValue);
-            this.changeDetectorRef.markForCheck();
-        }
+        this.#visible.set(value);
     }
     get visible() {
-        return this.#visible;
+        return this.#visible();
     }
-    #visible = false;
     /**
      * @ignore
      */
@@ -17841,6 +17838,11 @@ class ToasterComponent {
     position = input('absolute', ...(ngDevMode ? [{ debugName: "position" }] : []));
     toasterHost = viewChild.required(ToasterHostDirective);
     contentToasts = contentChildren(ToastComponent, ...(ngDevMode ? [{ debugName: "contentToasts", read: ViewContainerRef }] : [{ read: ViewContainerRef }]));
+    #contentToastsEffect = effect(() => {
+        // Ensure that the contentToasts is available before accessing it
+        // temp fix for: ASSERTION ERROR: Unexpected state: no hydration info available for a given TNode, which represents a view container. [Expected=> null != undefined <=Actual]
+        this.contentToasts();
+    }, ...(ngDevMode ? [{ debugName: "#contentToastsEffect" }] : []));
     hostClasses = computed(() => {
         const placement = this.placement;
         const position = this.position();
@@ -17888,7 +17890,7 @@ class ToasterComponent {
         this.contentToasts()?.forEach((item) => {
             if (state.toast && item.element.nativeElement === state.toast.hostElement.nativeElement) {
                 if (!state.toast.dynamic()) {
-                    state.toast['visible'] = false;
+                    state.toast.visible = false;
                 }
             }
         });
@@ -17904,14 +17906,14 @@ class ToasterComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.6", type: ToasterComponent, isStandalone: true, selector: "c-toaster", inputs: { placementInput: { classPropertyName: "placementInput", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" }, classAttribute: "toaster toast-container" }, queries: [{ propertyName: "contentToasts", predicate: ToastComponent, read: ViewContainerRef, isSignal: true }], viewQueries: [{ propertyName: "toasterHost", first: true, predicate: ToasterHostDirective, descendants: true, isSignal: true }], exportAs: ["cToaster"], ngImport: i0, template: "<ng-template cToasterHost />\n<ng-content cToasterHost />\n", dependencies: [{ kind: "directive", type: ToasterHostDirective, selector: "[cToasterHost]", exportAs: ["cToasterHost"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.6", type: ToasterComponent, isStandalone: true, selector: "c-toaster", inputs: { placementInput: { classPropertyName: "placementInput", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" }, classAttribute: "toaster toast-container" }, providers: [ToasterService], queries: [{ propertyName: "contentToasts", predicate: ToastComponent, read: ViewContainerRef, isSignal: true }], viewQueries: [{ propertyName: "toasterHost", first: true, predicate: ToasterHostDirective, descendants: true, isSignal: true }], exportAs: ["cToaster"], ngImport: i0, template: "<ng-template cToasterHost />\n<ng-content />\n", dependencies: [{ kind: "directive", type: ToasterHostDirective, selector: "[cToasterHost]", exportAs: ["cToasterHost"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToasterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c-toaster', exportAs: 'cToaster', imports: [ToasterHostDirective], host: {
                         class: 'toaster toast-container',
                         '[class]': 'hostClasses()'
-                    }, template: "<ng-template cToasterHost />\n<ng-content cToasterHost />\n" }]
+                    }, providers: [ToasterService], template: "<ng-template cToasterHost />\n<ng-content />\n" }]
         }] });
 
 class ToastModule {