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

package/dist/angular/components/stream-slot.component.js

@@ -1,16 +1,24 @@
-import { Component, Input, inject } from '@angular/core';
+import { Component, ElementRef, Input, inject, signal } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { registerStreamingSlot } from './core/streamingSlotRegistrar.js';
 import * as i0 from "@angular/core";
+const SLOT_PATCH_EVENT = 'absolutejs:slot-patch';
 export class StreamSlotComponent {
     constructor() {
         this.sanitizer = inject(DomSanitizer);
+        this.hostElement = inject((ElementRef));
+        this.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));
+        };
         this.fallbackHtml = '';
-    }
-    get trustedFallbackHtml() {
-        return this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml);
+        this.currentHtml = signal('', ...(ngDevMode ? [{ debugName: "currentHtml" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
+        this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
         if (typeof window !== 'undefined')
             return;
         registerStreamingSlot({
@@ -21,13 +29,28 @@ export 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);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: StreamSlotComponent, isStandalone: true, selector: "abs-stream-slot", inputs: { className: "className", errorHtml: "errorHtml", fallbackHtml: "fallbackHtml", id: "id", resolve: "resolve", timeoutMs: "timeoutMs" }, ngImport: i0, template: `
 		<div
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			[innerHTML]="trustedFallbackHtml"
+			[innerHTML]="currentHtml()"
 		></div>
 	`, isInline: true }); }
 }
@@ -41,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			[innerHTML]="trustedFallbackHtml"
+			[innerHTML]="currentHtml()"
 		></div>
 	`
                 }]

package/dist/angular/index.js

@@ -180606,6 +180606,7 @@ var runWithStreamingSlotRegistry = async (task) => {
 import"@angular/compiler";
 
 // src/client/streamSwap.ts
+var SLOT_PATCH_EVENT = "absolutejs:slot-patch";
 var streamSwapRuntime = () => {
   if (window.__ABS_SLOT_RUNTIME__ === true)
     return;
@@ -180624,6 +180625,9 @@ var streamSwapRuntime = () => {
       return;
     }
     node.innerHTML = html;
+    window.dispatchEvent(new CustomEvent(SLOT_PATCH_EVENT, {
+      detail: { html, id }
+    }));
     delete pending[id];
   };
   const flush = () => {
@@ -181367,17 +181371,32 @@ var renderIsland = (props) => renderIslandMarkup(requireCurrentIslandRegistry(),
 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,
+  Input as Input2,
+  inject,
+  signal
+} from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
+var SLOT_PATCH_EVENT2 = "absolutejs:slot-patch";
+
 class StreamSlotComponent {
   constructor() {
     this.fallbackHtml = "";
   }
   sanitizer = inject(DomSanitizer);
-  get trustedFallbackHtml() {
-    return this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml);
-  }
+  hostElement = inject(ElementRef);
+  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({
@@ -181388,6 +181407,21 @@ class StreamSlotComponent {
       timeoutMs: this.timeoutMs
     });
   }
+  ngAfterViewInit() {
+    if (typeof window === "undefined")
+      return;
+    window.addEventListener(SLOT_PATCH_EVENT2, 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_EVENT2, this.patchListener);
+  }
 }
 __legacyDecorateClassTS([
   Input2(),
@@ -181422,7 +181456,7 @@ StreamSlotComponent = __legacyDecorateClassTS([
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			[innerHTML]="trustedFallbackHtml"
+			[innerHTML]="currentHtml()"
 		></div>
 	`
   })
@@ -181466,7 +181500,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:")) {
@@ -181499,7 +181533,7 @@ class ImageComponent {
   style = input2();
   unoptimized = input2(false);
   width = input2();
-  blurRemoved = signal(false);
+  blurRemoved = signal2(false);
   resolvedSrc = computed2(() => {
     const override = this.overrideSrc();
     if (override)
@@ -181622,5 +181656,5 @@ export {
   DeferSlotComponent
 };
 
-//# debugId=EFA32F489E030B9264756E2164756E21
+//# debugId=8F89B49B48BFC7AB64756E2164756E21
 //# sourceMappingURL=index.js.map