@absolutejs/absolute 0.19.0-beta.406 → 0.19.0-beta.408

package/dist/angular/browser.js

@@ -9551,17 +9551,32 @@ var IslandStore = IslandStoreImpl;
 import { Component as Component3, computed, input } from "@angular/core";
 
 // src/angular/components/stream-slot.component.ts
-import { Component as Component2, Input as Input2, inject } from "@angular/core";
+import {
+  Component as Component2,
+  ElementRef as ElementRef2,
+  Input as Input2,
+  inject,
+  signal
+} from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
+var SLOT_PATCH_EVENT = "absolutejs:slot-patch";
+
 class StreamSlotComponent {
   constructor() {
     this.fallbackHtml = "";
   }
   sanitizer = inject(DomSanitizer);
-  get trustedFallbackHtml() {
-    return this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml);
-  }
+  hostElement = inject(ElementRef2);
+  patchListener = (event) => {
+    const detail = event.detail;
+    if (!detail || detail.id !== this.id || typeof detail.html !== "string") {
+      return;
+    }
+    this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(detail.html));
+  };
+  currentHtml = signal("");
   ngOnInit() {
+    this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
     if (typeof window !== "undefined")
       return;
     registerStreamingSlot({
@@ -9572,6 +9587,21 @@ class StreamSlotComponent {
       timeoutMs: this.timeoutMs
     });
   }
+  ngAfterViewInit() {
+    if (typeof window === "undefined")
+      return;
+    window.addEventListener(SLOT_PATCH_EVENT, this.patchListener);
+    const slotElement = this.hostElement.nativeElement.querySelector(`#slot-${this.id}`);
+    const existingHtml = slotElement?.innerHTML;
+    if (existingHtml && existingHtml !== this.fallbackHtml) {
+      this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml));
+    }
+  }
+  ngOnDestroy() {
+    if (typeof window === "undefined")
+      return;
+    window.removeEventListener(SLOT_PATCH_EVENT, this.patchListener);
+  }
 }
 __legacyDecorateClassTS([
   Input2(),
@@ -9606,7 +9636,7 @@ StreamSlotComponent = __legacyDecorateClassTS([
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			[innerHTML]="trustedFallbackHtml"
+			[innerHTML]="currentHtml()"
 		></div>
 	`
   })
@@ -9650,7 +9680,7 @@ DeferSlotComponent = __legacyDecorateClassTS([
 ], DeferSlotComponent);
 // src/angular/components/image.component.ts
 init_imageProcessing();
-import { Component as Component4, computed as computed2, input as input2, signal } from "@angular/core";
+import { Component as Component4, computed as computed2, input as input2, signal as signal2 } from "@angular/core";
 import { NgStyle } from "@angular/common";
 var resolveBlurBg = (placeholderValue, blurDataUrl) => {
   if (typeof placeholderValue === "string" && placeholderValue !== "blur" && placeholderValue.startsWith("data:")) {
@@ -9683,7 +9713,7 @@ class ImageComponent {
   style = input2();
   unoptimized = input2(false);
   width = input2();
-  blurRemoved = signal(false);
+  blurRemoved = signal2(false);
   resolvedSrc = computed2(() => {
     const override = this.overrideSrc();
     if (override)
@@ -9806,5 +9836,5 @@ export {
   DeferSlotComponent
 };
 
-//# debugId=7D7D71EE858481CF64756E2164756E21
+//# debugId=567E71B8705D774464756E2164756E21
 //# sourceMappingURL=browser.js.map