@absolutejs/absolute 0.19.0-beta.421 → 0.19.0-beta.423

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

@@ -1,4 +1,4 @@
-import { afterNextRender, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, inject, signal } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { registerStreamingSlot } from './core/streamingSlotRegistrar.js';
 import { isAngularDeferSlotPayload } from './defer-slot-payload.js';
@@ -54,13 +54,14 @@ export class DeferSlotComponent {
             this.applyPatchPayload(payload);
             return true;
         };
-        afterNextRender(() => {
+    }
+    ngAfterViewInit() {
+        if (typeof window === 'undefined')
+            return;
+        requestAnimationFrame(() => {
             this.runtimeReady.set(true);
-            if (typeof window.__ABS_SLOT_FLUSH__ === 'function') {
-                requestAnimationFrame(() => {
-                    window.__ABS_SLOT_FLUSH__?.();
-                });
-            }
+            this.cdr.markForCheck();
+            window.__ABS_SLOT_FLUSH__?.();
         });
     }
     ngOnDestroy() {
@@ -88,7 +89,7 @@ export class DeferSlotComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: DeferSlotComponent, isStandalone: true, selector: "abs-defer-slot", inputs: { className: "className", id: "id", payload: "payload" }, host: { attributes: { "ngSkipHydration": "true" } }, queries: [{ propertyName: "resolvedTemplate", first: true, predicate: DeferResolvedTemplateDirective, descendants: true }, { propertyName: "fallbackTemplate", first: true, predicate: DeferFallbackTemplateDirective, descendants: true }, { propertyName: "errorTemplate", first: true, predicate: DeferErrorTemplateDirective, descendants: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: DeferSlotComponent, isStandalone: true, selector: "abs-defer-slot", inputs: { className: "className", id: "id", payload: "payload" }, queries: [{ propertyName: "resolvedTemplate", first: true, predicate: DeferResolvedTemplateDirective, descendants: true }, { propertyName: "fallbackTemplate", first: true, predicate: DeferFallbackTemplateDirective, descendants: true }, { propertyName: "errorTemplate", first: true, predicate: DeferErrorTemplateDirective, descendants: true }], ngImport: i0, template: `
 		<div
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
@@ -105,9 +106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        ngSkipHydration: 'true'
-                    },
                     selector: 'abs-defer-slot',
                     standalone: true,
                     imports: [

package/dist/angular/index.js

@@ -180785,7 +180785,13 @@ var createSlotPatchStatement = (id, payload) => `(window.${STREAMING_RUNTIME_GLO
 var createNonceAttr = (nonce) => nonce ? ` nonce="${nonce}"` : "";
 var createStreamingSlotId = () => `${SLOT_ID_PREFIX}${Math.random().toString(36).slice(2, 10)}`;
 var getStreamingSlotsRuntimeScript = () => getStreamSwapRuntimeScript();
-var renderStreamingSlotsRuntimeTag = (nonce) => `<script${createNonceAttr(nonce)}>${escapeScriptContent(getStreamingSlotsRuntimeScript())}</script>`;
+var renderStreamingSlotsRuntimeTag = (nonce, runtimePreludeScript) => {
+  const runtimeBody = [
+    runtimePreludeScript?.trim() ? runtimePreludeScript.trim() : "",
+    getStreamingSlotsRuntimeScript()
+  ].filter(Boolean).join(";");
+  return `<script${createNonceAttr(nonce)}>${escapeScriptContent(runtimeBody)}</script>`;
+};
 var renderStreamingSlotPlaceholder = (id, fallbackHtml = "") => `<div id="${createSlotPlaceholderId(id)}" data-absolute-slot="true">${fallbackHtml}</div>`;
 var renderStreamingSlotPatchTag = (id, payload, nonce) => `<script${createNonceAttr(nonce)}>${escapeScriptContent(createSlotPatchStatement(id, payload))}</script>`;
 var injectHtmlIntoHead = (html, injection) => {
@@ -181090,8 +181096,8 @@ var streamOutOfOrderSlots = ({
     }
   });
 };
-var injectStreamingRuntimeIntoStream = (stream, nonce, runtimePlacement = "head") => {
-  const runtimeTag = renderStreamingSlotsRuntimeTag(nonce);
+var injectStreamingRuntimeIntoStream = (stream, nonce, runtimePlacement = "head", runtimePreludeScript) => {
+  const runtimeTag = renderStreamingSlotsRuntimeTag(nonce, runtimePreludeScript);
   const encoder = new TextEncoder;
   const decoder = new TextDecoder;
   const closingTag = runtimePlacement === "body" ? CLOSING_BODY_TAG : CLOSING_HEAD_TAG;
@@ -181148,6 +181154,7 @@ var appendStreamingSlotPatchesToStream = (stream, slots = [], {
   onError,
   onSlotMetric,
   policy,
+  runtimePreludeScript,
   runtimePlacement = "head"
 } = {}) => {
   const resolvedPolicy = resolveStreamingSlotPolicy(policy);
@@ -181165,7 +181172,7 @@ var appendStreamingSlotPatchesToStream = (stream, slots = [], {
   });
   if (preparedSlots.length === 0)
     return stream;
-  const source = injectRuntime ? injectStreamingRuntimeIntoStream(stream, nonce, runtimePlacement) : stream;
+  const source = injectRuntime ? injectStreamingRuntimeIntoStream(stream, nonce, runtimePlacement, runtimePreludeScript) : stream;
   const encoder = new TextEncoder;
   const decoder = new TextDecoder;
   const reader = source.getReader();
@@ -181254,6 +181261,7 @@ var enhanceHtmlResponseWithStreamingSlots = (response, {
   nonce,
   onError,
   runtimePlacement,
+  runtimePreludeScript,
   streamingSlots = [],
   policy
 } = {}) => {
@@ -181264,6 +181272,7 @@ var enhanceHtmlResponseWithStreamingSlots = (response, {
     nonce,
     onError,
     policy,
+    runtimePreludeScript,
     runtimePlacement
   });
   return new Response(body, {
@@ -181485,7 +181494,6 @@ init_renderIslandMarkup();
 var renderIsland = (props) => renderIslandMarkup(requireCurrentIslandRegistry(), props);
 // src/angular/components/defer-slot.component.ts
 import {
-  afterNextRender,
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component as Component2,
@@ -181582,13 +181590,14 @@ class DeferSlotComponent {
       this.applyPatchPayload(payload);
       return true;
     };
-    afterNextRender(() => {
+  }
+  ngAfterViewInit() {
+    if (typeof window === "undefined")
+      return;
+    requestAnimationFrame(() => {
       this.runtimeReady.set(true);
-      if (typeof window.__ABS_SLOT_FLUSH__ === "function") {
-        requestAnimationFrame(() => {
-          window.__ABS_SLOT_FLUSH__?.();
-        });
-      }
+      this.cdr.markForCheck();
+      window.__ABS_SLOT_FLUSH__?.();
     });
   }
   ngOnDestroy() {
@@ -181641,9 +181650,6 @@ __legacyDecorateClassTS([
 DeferSlotComponent = __legacyDecorateClassTS([
   Component2({
     changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-      ngSkipHydration: "true"
-    },
     selector: "abs-defer-slot",
     standalone: true,
     imports: [
@@ -181913,7 +181919,9 @@ StreamSlotComponent = __legacyDecorateClassTS([
 ], StreamSlotComponent);
 
 // src/angular/index.ts
-var handleAngularPageRequest2 = wrapPageHandlerWithStreamingSlots(handleAngularPageRequest);
+var handleAngularPageRequest2 = wrapPageHandlerWithStreamingSlots(handleAngularPageRequest, {
+  runtimePreludeScript: "window.__ABS_SLOT_HYDRATION_PENDING__ = true;"
+});
 export {
   renderIsland,
   handleAngularPageRequest2 as handleAngularPageRequest,
@@ -181929,5 +181937,5 @@ export {
   DeferErrorTemplateDirective
 };
 
-//# debugId=983A18DFE8EA4EA664756E2164756E21
+//# debugId=F985A10B96E2618164756E2164756E21
 //# sourceMappingURL=index.js.map