@praxisui/core 9.0.28 → 9.0.29

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-28T04:22:11.708Z",
+  "generatedAt": "2026-08-28T12:49:04.203Z",
   "packageName": "@praxisui/core",
-  "packageVersion": "9.0.28",
+  "packageVersion": "9.0.29",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 4,

package/fesm2022/praxisui-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, Injectable, inject, Inject, Optional, SkipSelf, makeEnvironmentProviders, APP_INITIALIZER, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, ErrorHandler, Input, Directive, input, booleanAttribute, ChangeDetectionStrategy, EventEmitter, Output, SecurityContext, ViewContainerRef, SimpleChange, ContentChild, HostBinding, Injector, ElementRef, ChangeDetectorRef, HostListener, ViewChildren, ViewChild, output, effect } from '@angular/core';
+import { Component, InjectionToken, Injectable, inject, Inject, Optional, SkipSelf, makeEnvironmentProviders, APP_INITIALIZER, signal, computed, DestroyRef, ENVIRONMENT_INITIALIZER, ErrorHandler, Input, Directive, input, booleanAttribute, ChangeDetectionStrategy, EventEmitter, Output, SecurityContext, ViewContainerRef, SimpleChange, ContentChild, HostBinding, Injector, ElementRef, ChangeDetectorRef, afterNextRender, HostListener, ViewChildren, ViewChild, output, effect } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpParams, HttpResponse, HttpContextToken, HTTP_INTERCEPTORS, withInterceptors } from '@angular/common/http';
 import { of, defer, throwError, from, EMPTY, BehaviorSubject, firstValueFrom, Subject, finalize as finalize$1, shareReplay as shareReplay$1, map as map$1, switchMap as switchMap$1, catchError as catchError$1, forkJoin } from 'rxjs';
@@ -37593,7 +37593,7 @@ class DynamicWidgetPageComponent {
     widgetLoaders;
     constructor() {
         this.registerRuntimeComponentObservationProvider();
-        this.observeHostWidth();
+        afterNextRender({ read: () => this.observeHostWidth() });
     }
     ngOnDestroy() {
         this.destroyed = true;
@@ -39875,6 +39875,11 @@ class DynamicWidgetPageComponent {
     onWindowResize() {
         if (!this.pageDefinition)
             return;
+        const measuredWidth = this.measureHostWidth();
+        if (this.updateContainerWidth(measuredWidth))
+            return;
+        if (this.containerWidth)
+            return;
         this.applyResponsivePresentation(this.pageDefinition, this.pageDefinition.widgets || [], this.pageRuntime);
     }
     onCanvasPointerMove(event) {
@@ -40160,25 +40165,35 @@ class DynamicWidgetPageComponent {
             : fallback;
     }
     observeHostWidth() {
+        if (this.destroyed)
+            return;
+        this.updateContainerWidth(this.measureHostWidth());
         const ResizeObserverCtor = globalThis.ResizeObserver;
         if (typeof ResizeObserverCtor !== 'function') {
             return;
         }
         this.hostResizeObserver = new ResizeObserverCtor((entries) => {
-            const width = entries[0]?.contentRect.width;
-            if (!Number.isFinite(width)
-                || width <= 0
-                || Math.abs(width - (this.containerWidth || 0)) < 0.5) {
-                return;
-            }
-            this.containerWidth = width;
-            if (this.pageDefinition) {
-                this.applyResponsivePresentation(this.pageDefinition, this.pageDefinition.widgets || [], this.pageRuntime);
-                this.changeDetector.markForCheck();
-            }
+            this.updateContainerWidth(entries[0]?.contentRect.width);
         });
         this.hostResizeObserver.observe(this.hostElement.nativeElement);
     }
+    measureHostWidth() {
+        return this.hostElement.nativeElement.getBoundingClientRect().width;
+    }
+    updateContainerWidth(width) {
+        if (!Number.isFinite(width)
+            || !width
+            || width <= 0
+            || Math.abs(width - (this.containerWidth || 0)) < 0.5) {
+            return false;
+        }
+        this.containerWidth = width;
+        if (this.pageDefinition) {
+            this.applyResponsivePresentation(this.pageDefinition, this.pageDefinition.widgets || [], this.pageRuntime);
+            this.changeDetector.markForCheck();
+        }
+        return true;
+    }
     isCanvasMode() {
         return !!this.canvas;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/core",
-  "version": "9.0.28",
+  "version": "9.0.29",
   "description": "Core library for Praxis UI Workspace: types, tokens, services and utilities shared across @praxisui/* packages.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",

package/types/praxisui-core.d.ts

@@ -16621,6 +16621,8 @@ declare class DynamicWidgetPageComponent implements OnChanges, OnDestroy {
     private resolveDeviceKind;
     private resolveViewportWidth;
     private observeHostWidth;
+    private measureHostWidth;
+    private updateContainerWidth;
     isCanvasMode(): boolean;
     shouldAutoWireOutputs(widget: WidgetInstance | RenderedWidgetInstance): boolean;
     private hasCompositionOutputLinks;