@praxisui/core 9.0.28 → 9.0.30

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-28T04:22:11.708Z",
+  "generatedAt": "2026-08-28T14:56:26.040Z",
   "packageName": "@praxisui/core",
-  "packageVersion": "9.0.28",
+  "packageVersion": "9.0.30",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 4,
@@ -3248,9 +3248,9 @@
         {
           "chunkIndex": 26,
           "chunkKind": "recipe",
-          "content": "{\"componentId\":\"praxis-dynamic-page\",\"chunkSection\":\"page.widgets\",\"page\":{\"widgets\":[{\"key\":\"payrollAreaTrend\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"area_chart\",\"title\":\"Massa líquida em área\",\"subtitle\":\"A tendência mensal remota com preenchimento de área\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-area-trend\",\"kind\":\"area\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioLiquido\",\"label\":\"Salário líquido\",\"aggregation\":\"sum\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollStackedArea\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"area_chart\",\"title\":\"Composição da folha\",\"subtitle\":\"Área empilhada com séries legítimas do mesmo endpoint\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-stacked-area\",\"kind\":\"stacked-area\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioBruto\",\"label\":\"Massa bruta\",\"aggregation\":\"sum\"},{\"field\":\"totalDescontos\",\"label\":\"Descontos\",\"aggregation\":\"sum\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollStackedBar\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"stacked_bar_chart\",\"title\":\"Composição em barras empilhadas\",\"subtitle\":\"As mesmas séries remotas em comparação mensal discreta\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-stacked-bar\",\"kind\":\"stacked-bar\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioBruto\",\"label\":\"Massa bruta\",\"aggregation\":\"sum\"},{\"field\":\"totalDescontos\",\"label\":\"Descontos\",\"aggregation\":\"sum\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollProfile\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"donut_large\",\"title\":\"Perfis da folha\",\"subtitle\":\"Rosca remota por perfil calculado\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-profile\",\"kind\":\"donut\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"group-by\",\"options\":{\"limit\":8,\"orderBy\":\"value-desc\"}},\"dimensions\":[{\"field\":\"payrollProfile\",\"label\":\"Perfil\",\"role\":\"category\"}],\"metrics\":[{\"field\":\"count\",\"label\":\"Registros\",\"aggregation\":\"count\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollProfilePie\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"pie_chart\",\"title\":\"Perfis em pizza\",\"subtitle\":\"A mesma composição remota em setores preenchidos\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-profile-pie\",\"kind\":\"pie\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"group-by\",\"options\":{\"limit\":8,\"orderBy\":\"value-desc\"}},\"dimensions\":[{\"field\":\"payrollProfile\",\"label\":\"Perfil\",\"role\":\"category\"}],\"metrics\":[{\"field\":\"count\",\"label\":\"Registros\",\"aggregation\":\"count\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollCombo\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"multiline_chart\",\"title\":\"Bruto × descontos\",\"subtitle\":\"Combo remoto com descontos no eixo secundário\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-combo\",\"kind\":\"combo\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioBruto\",\"label\":\"Massa bruta\",\"aggregation\":\"sum\",\"seriesKind\":\"bar\",\"axis\":\"primary\"},{\"field\":\"totalDescontos\",\"label\":\"Descontos\",\"aggregation\":\"sum\",\"seriesKind\":\"line\",\"axis\":\"secondary\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"absenceCorrelation\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"scatter_plot\",\"title\":\"Pessoas × dias afastados\",\"subtitle\":\"Dispersão remota por departamento\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"config\",\"enableCustomization\"],\"inputs\":{\"config\":{\"id\":\"analytics-dashboard-absence-correlation\",\"type\":\"scatter\",\"axes\":{\"x\":{\"field\":\"employees\",\"type\":\"value\",\"label\":\"Colaboradores\"},\"y\":{\"field\":\"days\",\"type\":\"value\",\"label\":\"Dias afastados\"}},\"series\":[{\"id\":\"absence-department-correlation\",\"name\":\"Departamentos\",\"metric\":{\"field\":\"days\",\"aggregation\":\"sum\"}}],\"dataSource\":{\"kind\":\"remote\",\"resourcePath\":\"/api/human-resources/vw-analytics-afastamentos\",\"schemaId\":\"/api/human-resources/vw-analytics-afastamentos\",\"query\":{\"sourceKind\":\"praxis.stats\",\"statsOperation\":\"group-by\",\"statsPath\":\"/api/human-resources/vw-analytics-afastamentos/stats/group-by\",\"statsRequest\":{\"filter\":{},\"field\":\"departamento\",\"metric\":{\"operation\":\"DISTINCT_COUNT\",\"field\":\"funcionarioId\",\"alias\":\"employees\"},\"metrics\":[{\"operation\":\"DISTINCT_COUNT\",\"field\":\"funcionarioId\",\"alias\":\"employees\"},{\"operation\":\"SUM\",\"field\":\"diasAfastado\",\"alias\":\"days\"}],\"limit\":20,\"orderBy\":\"VALUE_DESC\"},\"dimensions\":[{\"field\":\"departamento\"}],\"metrics\":[{\"field\":\"funcionarioId\",\"aggregation\":\"distinct-count\",\"alias\":\"employees\"},{\"field\":\"diasAfastado\",\"aggregation\":\"sum\",\"alias\":\"days\"}]}},\"interactions\":{\"pointClick\":true,\"selection\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}}]}}",
+          "content": "{\"componentId\":\"praxis-dynamic-page\",\"chunkSection\":\"page.widgets\",\"page\":{\"widgets\":[{\"key\":\"payrollAreaTrend\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"area_chart\",\"title\":\"Massa líquida em área\",\"subtitle\":\"A tendência mensal remota com preenchimento de área\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-area-trend\",\"kind\":\"area\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioLiquido\",\"label\":\"Salário líquido\",\"aggregation\":\"sum\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollStackedArea\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"area_chart\",\"title\":\"Composição da folha\",\"subtitle\":\"Área empilhada com séries legítimas do mesmo endpoint\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-stacked-area\",\"kind\":\"stacked-area\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioBruto\",\"label\":\"Massa bruta\",\"aggregation\":\"sum\"},{\"field\":\"totalDescontos\",\"label\":\"Descontos\",\"aggregation\":\"sum\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollStackedBar\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"stacked_bar_chart\",\"title\":\"Composição em barras empilhadas\",\"subtitle\":\"As mesmas séries remotas em comparação mensal discreta\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-stacked-bar\",\"kind\":\"stacked-bar\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioBruto\",\"label\":\"Massa bruta\",\"aggregation\":\"sum\"},{\"field\":\"totalDescontos\",\"label\":\"Descontos\",\"aggregation\":\"sum\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollProfile\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"donut_large\",\"title\":\"Perfis da folha\",\"subtitle\":\"Rosca remota por perfil calculado\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-profile\",\"kind\":\"donut\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"group-by\",\"options\":{\"limit\":8,\"orderBy\":\"value-desc\"}},\"dimensions\":[{\"field\":\"payrollProfile\",\"label\":\"Perfil\",\"role\":\"category\"}],\"metrics\":[{\"field\":\"count\",\"label\":\"Registros\",\"aggregation\":\"count\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollProfilePie\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"pie_chart\",\"title\":\"Perfis em pizza\",\"subtitle\":\"A mesma composição remota em setores preenchidos\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-profile-pie\",\"kind\":\"pie\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"group-by\",\"options\":{\"limit\":8,\"orderBy\":\"value-desc\"}},\"dimensions\":[{\"field\":\"payrollProfile\",\"label\":\"Perfil\",\"role\":\"category\"}],\"metrics\":[{\"field\":\"count\",\"label\":\"Registros\",\"aggregation\":\"count\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"payrollCombo\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"multiline_chart\",\"title\":\"Bruto × descontos\",\"subtitle\":\"Combo remoto com descontos no eixo secundário\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-payroll-combo\",\"kind\":\"combo\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-folha-pagamento\",\"operation\":\"timeseries\",\"options\":{\"granularity\":\"month\",\"orderBy\":\"key-asc\"}},\"dimensions\":[{\"field\":\"competencia\",\"label\":\"Competência\",\"role\":\"time\"}],\"metrics\":[{\"field\":\"salarioBruto\",\"label\":\"Massa bruta\",\"aggregation\":\"sum\",\"seriesKind\":\"bar\",\"axis\":\"primary\"},{\"field\":\"totalDescontos\",\"label\":\"Descontos\",\"aggregation\":\"sum\",\"seriesKind\":\"line\",\"axis\":\"secondary\"}],\"legend\":{\"enabled\":true},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}},{\"key\":\"absenceCorrelation\",\"shell\":{\"kind\":\"dashboard-card\",\"icon\":\"scatter_plot\",\"title\":\"Pessoas × dias afastados\",\"subtitle\":\"Dispersão remota por departamento\"},\"definition\":{\"id\":\"praxis-chart\",\"bindingOrder\":[\"chartDocument\",\"enableCustomization\"],\"inputs\":{\"chartDocument\":{\"version\":\"0.1.0\",\"chartId\":\"analytics-dashboard-absence-correlation\",\"kind\":\"scatter\",\"source\":{\"kind\":\"praxis.stats\",\"resource\":\"/api/human-resources/vw-analytics-afastamentos\",\"operation\":\"group-by\",\"options\":{\"limit\":20,\"orderBy\":\"value-desc\"}},\"dimensions\":[{\"field\":\"departamento\",\"label\":\"Departamento\",\"role\":\"category\"}],\"metrics\":[{\"field\":\"funcionarioId\",\"label\":\"Colaboradores\",\"aggregation\":\"distinct-count\"},{\"field\":\"diasAfastado\",\"label\":\"Dias afastados\",\"aggregation\":\"sum\"}],\"events\":{\"pointClick\":{\"action\":\"emit\"},\"selectionChange\":{\"action\":\"emit\"}},\"legend\":{\"enabled\":false},\"tooltip\":{\"enabled\":true}},\"enableCustomization\":true},\"outputs\":{\"pointClick\":\"emit\",\"selectionChange\":\"emit\",\"loadStateChange\":\"emit\"}}}]}}",
           "sourcePointer": "examples/ai-recipes/praxis-dynamic-page.analytics-dashboard-showcase.json",
-          "contentHash": "3b970d3e283c39a2917b69cf45133cef11dbaf3b23f6ae54c71b1f6803aaef21",
+          "contentHash": "f731db2cc79cd469e2e7526fbd081975f28f345fa5fb4073f2872d8f8d46265b",
           "sourceKind": "component_definition",
           "sourceId": "praxis-dynamic-page",
           "corpusVersion": "1.0.0"

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.30",
   "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;