@absolutejs/absolute 0.19.0-beta.410 → 0.19.0-beta.412

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

@@ -1,18 +1,24 @@
-import { Component, ElementRef, Input, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, 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;
             }
-            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(detail.html));
+            const nextHtml = detail.html;
+            this.zone.run(() => {
+                this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(nextHtml));
+                this.cdr.markForCheck();
+            });
         };
         this.fallbackHtml = '';
         this.currentHtml = signal('', ...(ngDevMode ? [{ debugName: "currentHtml" }] : /* istanbul ignore next */ []));
@@ -37,6 +43,7 @@ export class StreamSlotComponent {
         const existingHtml = slotElement?.innerHTML;
         if (existingHtml && existingHtml !== this.fallbackHtml) {
             this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml));
+            this.cdr.markForCheck();
         }
     }
     ngOnDestroy() {
@@ -50,14 +57,14 @@ export class StreamSlotComponent {
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			ngSkipHydration
 			[innerHTML]="currentHtml()"
 		></div>
-	`, isInline: true }); }
+	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'abs-stream-slot',
                     standalone: true,
                     template: `
@@ -65,7 +72,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			ngSkipHydration
 			[innerHTML]="currentHtml()"
 		></div>
 	`

package/dist/angular/index.js

@@ -169160,7 +169160,7 @@ ${registrations}
     ({ tsLibDir } = cached);
     cached.lastUsed = Date.now();
   } else {
-    const tsPath = __require.resolve("typescript");
+    const tsPath = __require.resolve("/home/alexkahn/abs/absolutejs/node_modules/typescript/lib/typescript.js");
     const tsRootDir = dirname(tsPath);
     tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve(tsRootDir, "lib");
     const config = readConfiguration("./tsconfig.json");
@@ -181372,9 +181372,12 @@ import { Component as Component3, computed, input } from "@angular/core";
 
 // src/angular/components/stream-slot.component.ts
 import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
   Component as Component2,
   ElementRef,
   Input as Input2,
+  NgZone,
   inject,
   signal
 } from "@angular/core";
@@ -181385,14 +181388,20 @@ 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;
     }
-    this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(detail.html));
+    const nextHtml = detail.html;
+    this.zone.run(() => {
+      this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(nextHtml));
+      this.cdr.markForCheck();
+    });
   };
   currentHtml = signal("");
   ngOnInit() {
@@ -181415,6 +181424,7 @@ class StreamSlotComponent {
     const existingHtml = slotElement?.innerHTML;
     if (existingHtml && existingHtml !== this.fallbackHtml) {
       this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(existingHtml));
+      this.cdr.markForCheck();
     }
   }
   ngOnDestroy() {
@@ -181449,6 +181459,7 @@ __legacyDecorateClassTS([
 ], StreamSlotComponent.prototype, "timeoutMs", undefined);
 StreamSlotComponent = __legacyDecorateClassTS([
   Component2({
+    changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "abs-stream-slot",
     standalone: true,
     template: `
@@ -181456,7 +181467,6 @@ StreamSlotComponent = __legacyDecorateClassTS([
 			[attr.id]="'slot-' + id"
 			[attr.class]="className"
 			data-absolute-slot="true"
-			ngSkipHydration
 			[innerHTML]="currentHtml()"
 		></div>
 	`
@@ -181657,5 +181667,5 @@ export {
   DeferSlotComponent
 };
 
-//# debugId=372A44A54775508664756E2164756E21
+//# debugId=69C195A7E1EB7A6764756E2164756E21
 //# sourceMappingURL=index.js.map