@absolutejs/absolute 0.19.0-beta.414 → 0.19.0-beta.416

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

@@ -1,24 +1,18 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, NgZone, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, NgZone, 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.cdr = inject(ChangeDetectorRef);
         this.sanitizer = inject(DomSanitizer);
-        this.hostElement = inject((ElementRef));
         this.zone = inject(NgZone);
-        this.patchListener = (event) => {
-            const detail = event.detail;
-            if (!detail || detail.id !== this.id || typeof detail.html !== 'string') {
-                return;
-            }
-            const nextHtml = detail.html;
+        this.slotConsumer = (html) => {
             this.zone.run(() => {
-                this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(nextHtml));
+                this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(html));
                 this.cdr.markForCheck();
             });
+            return true;
         };
         this.fallbackHtml = '';
         this.currentHtml = signal('', ...(ngDevMode ? [{ debugName: "currentHtml" }] : /* istanbul ignore next */ []));
@@ -35,32 +29,25 @@ export class StreamSlotComponent {
             });
             return;
         }
-        const existingHtml = this.readSlotHtml();
-        this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml && existingHtml.length > 0
-            ? existingHtml
-            : this.fallbackHtml));
-    }
-    ngAfterViewInit() {
-        if (typeof window === 'undefined')
-            return;
-        window.addEventListener(SLOT_PATCH_EVENT, this.patchListener);
-        const existingHtml = this.readSlotHtml();
-        if (existingHtml && existingHtml !== this.fallbackHtml) {
-            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml));
-            this.cdr.markForCheck();
+        const consumers = (window.__ABS_SLOT_CONSUMERS__ =
+            window.__ABS_SLOT_CONSUMERS__ ?? {});
+        consumers[this.id] = this.slotConsumer;
+        this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+        const pendingHtml = window.__ABS_SLOT_PENDING__?.[this.id];
+        if (typeof pendingHtml === 'string') {
+            this.slotConsumer(pendingHtml);
+            delete window.__ABS_SLOT_PENDING__?.[this.id];
         }
     }
     ngOnDestroy() {
         if (typeof window === 'undefined')
             return;
-        window.removeEventListener(SLOT_PATCH_EVENT, this.patchListener);
-    }
-    readSlotHtml() {
-        const slotElement = this.hostElement.nativeElement.querySelector(`#slot-${this.id}`);
-        return slotElement?.innerHTML ?? '';
+        if (window.__ABS_SLOT_CONSUMERS__) {
+            delete window.__ABS_SLOT_CONSUMERS__[this.id];
+        }
     }
     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" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: `
+    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"
@@ -72,9 +59,6 @@ export class StreamSlotComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, decorators: [{
             type: Component,
             args: [{
-                    host: {
-                        ngSkipHydration: 'true'
-                    },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'abs-stream-slot',
                     standalone: true,

package/dist/angular/index.js

@@ -180611,7 +180611,9 @@ var streamSwapRuntime = () => {
   if (window.__ABS_SLOT_RUNTIME__ === true)
     return;
   window.__ABS_SLOT_RUNTIME__ = true;
+  window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
   window.__ABS_SLOT_PENDING__ = window.__ABS_SLOT_PENDING__ ?? {};
+  const consumers = window.__ABS_SLOT_CONSUMERS__;
   const pending = window.__ABS_SLOT_PENDING__;
   const canApplyImmediately = () => window.__ABS_SLOT_HYDRATION_PENDING__ !== true;
   const apply = (id, html) => {
@@ -180619,6 +180621,14 @@ var streamSwapRuntime = () => {
       pending[id] = html;
       return;
     }
+    const consumer = consumers[id];
+    if (typeof consumer === "function") {
+      const handled = consumer(html);
+      if (handled !== false) {
+        delete pending[id];
+        return;
+      }
+    }
     const node = document.getElementById(`slot-${id}`);
     if (!node) {
       pending[id] = html;
@@ -181375,33 +181385,25 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component as Component2,
-  ElementRef,
   Input as Input2,
   NgZone,
   inject,
   signal
 } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
-var SLOT_PATCH_EVENT = "absolutejs:slot-patch";
-
 class StreamSlotComponent {
   constructor() {
     this.fallbackHtml = "";
   }
   cdr = inject(ChangeDetectorRef);
   sanitizer = inject(DomSanitizer);
-  hostElement = inject(ElementRef);
   zone = inject(NgZone);
-  patchListener = (event) => {
-    const detail = event.detail;
-    if (!detail || detail.id !== this.id || typeof detail.html !== "string") {
-      return;
-    }
-    const nextHtml = detail.html;
+  slotConsumer = (html) => {
     this.zone.run(() => {
-      this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(nextHtml));
+      this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(html));
       this.cdr.markForCheck();
     });
+    return true;
   };
   currentHtml = signal("");
   ngOnInit() {
@@ -181416,27 +181418,21 @@ class StreamSlotComponent {
       });
       return;
     }
-    const existingHtml = this.readSlotHtml();
-    this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml && existingHtml.length > 0 ? existingHtml : this.fallbackHtml));
-  }
-  ngAfterViewInit() {
-    if (typeof window === "undefined")
-      return;
-    window.addEventListener(SLOT_PATCH_EVENT, this.patchListener);
-    const existingHtml = this.readSlotHtml();
-    if (existingHtml && existingHtml !== this.fallbackHtml) {
-      this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml));
-      this.cdr.markForCheck();
+    const consumers = window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
+    consumers[this.id] = this.slotConsumer;
+    this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+    const pendingHtml = window.__ABS_SLOT_PENDING__?.[this.id];
+    if (typeof pendingHtml === "string") {
+      this.slotConsumer(pendingHtml);
+      delete window.__ABS_SLOT_PENDING__?.[this.id];
     }
   }
   ngOnDestroy() {
     if (typeof window === "undefined")
       return;
-    window.removeEventListener(SLOT_PATCH_EVENT, this.patchListener);
-  }
-  readSlotHtml() {
-    const slotElement = this.hostElement.nativeElement.querySelector(`#slot-${this.id}`);
-    return slotElement?.innerHTML ?? "";
+    if (window.__ABS_SLOT_CONSUMERS__) {
+      delete window.__ABS_SLOT_CONSUMERS__[this.id];
+    }
   }
 }
 __legacyDecorateClassTS([
@@ -181465,9 +181461,6 @@ __legacyDecorateClassTS([
 ], StreamSlotComponent.prototype, "timeoutMs", undefined);
 StreamSlotComponent = __legacyDecorateClassTS([
   Component2({
-    host: {
-      ngSkipHydration: "true"
-    },
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "abs-stream-slot",
     standalone: true,
@@ -181676,5 +181669,5 @@ export {
   DeferSlotComponent
 };
 
-//# debugId=0E6655AD7F7AC29D64756E2164756E21
+//# debugId=1CCD053B5B866BB364756E2164756E21
 //# sourceMappingURL=index.js.map