@praxisui/dynamic-fields 9.0.0-beta.15 → 9.0.0-beta.17

package/README.md

@@ -162,6 +162,8 @@ Read-only and display states prefer the canonical `field.valuePresentation` cont
 
 Use `valuePresentation` for scalar display values such as currency, number, date, datetime, time, percentage, and boolean. Keep legacy hints such as `format`, `numericFormat`, `currency`, `numberFormat`, and `locale` only as compatibility inputs when needed.
 
+Presentation formatting resolves locale in this order: `field.localization.locale`, `field.locale`, the canonical `PraxisI18nService` locale, Angular `LOCALE_ID`, then `en-US`. Host applications should configure the Praxis i18n service or field metadata instead of patching display labels locally.
+
 ## Inline Filters
 
 The package also exports inline field components for compact filter and toolbar experiences, including inline text, select, async select, entity lookup, numeric, currency, date, date range, time, rating, and specialized business filters.

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-06-24T11:17:27.420Z",
+  "generatedAt": "2026-06-24T15:54:00.036Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "9.0.0-beta.15",
+  "packageVersion": "9.0.0-beta.17",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -9064,7 +9064,7 @@ function resolveFieldPresentation(field, value, options) {
     const config = buildValuePresentationConfig(field, value);
     if (!config)
         return null;
-    const effectiveLocalization = mergeLocalization(options?.localization, buildLegacyFieldLocalization(field));
+    const effectiveLocalization = mergeLocalization(mergeLocalization(buildLegacyFieldLocalization(field), field?.localization), options?.localization);
     const fallbackCurrencyCode = config.type === 'currency' && !config.currency?.code
         ? inferCurrencyCodeFromLocale(effectiveLocalization?.locale ||
             options?.surfaceLocale ||
@@ -9072,7 +9072,7 @@ function resolveFieldPresentation(field, value, options) {
             undefined)
         : undefined;
     return resolveValuePresentation(config, {
-        valueLocale: resolveFieldLocale(field),
+        valueLocale: effectiveLocalization?.locale,
         localization: fallbackCurrencyCode
             ? mergeLocalization(effectiveLocalization, {
                 ...(effectiveLocalization?.locale ? { locale: effectiveLocalization.locale } : {}),
@@ -9729,7 +9729,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * project additional chrome around the field.
  */
 class FieldShellComponent {
-    hostLocale = inject(LOCALE_ID, { optional: true }) ?? 'en-US';
+    angularLocale = inject(LOCALE_ID, { optional: true }) ?? 'en-US';
+    i18n = inject(PraxisI18nService, { optional: true });
     cdr = inject(ChangeDetectorRef);
     optionDisplayResolver = inject(OptionDisplayResolverService);
     crudService = inject(GenericCrudService, {
@@ -9898,7 +9899,7 @@ class FieldShellComponent {
             const formatted = typeof fn === 'function'
                 ? fn(raw)
                 : formatDisplayValue(this.field, raw, {
-                    appLocale: this.hostLocale,
+                    appLocale: this.resolvePresentationAppLocale(),
                     surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
                     localization: this.field?.localization ?? undefined,
                 });
@@ -9906,7 +9907,7 @@ class FieldShellComponent {
         }
         catch {
             return formatDisplayValue(this.field, raw, {
-                appLocale: this.hostLocale,
+                appLocale: this.resolvePresentationAppLocale(),
                 surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
                 localization: this.field?.localization ?? undefined,
             });
@@ -9924,14 +9925,14 @@ class FieldShellComponent {
                     : null;
             const val = formatted == null ? raw : formatted;
             return formatDisplayHtml(this.field, val, {
-                appLocale: this.hostLocale,
+                appLocale: this.resolvePresentationAppLocale(),
                 surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
                 localization: this.field?.localization ?? undefined,
             });
         }
         catch {
             return formatDisplayHtml(this.field, raw, {
-                appLocale: this.hostLocale,
+                appLocale: this.resolvePresentationAppLocale(),
                 surfaceLocale: this.field?.localization?.locale ?? this.field?.locale ?? undefined,
                 localization: this.field?.localization ?? undefined,
             });
@@ -10029,6 +10030,14 @@ class FieldShellComponent {
         const value = String(position ?? '').trim().toLowerCase();
         return ['end', 'right', 'after', 'suffix', 'trailing'].includes(value);
     }
+    resolvePresentationAppLocale() {
+        const praxisLocale = this.i18n?.getLocale()?.trim();
+        if (praxisLocale) {
+            return praxisLocale;
+        }
+        const angularLocale = this.angularLocale?.trim();
+        return angularLocale || 'en-US';
+    }
     refreshPresentationDisplayValue() {
         this.resolveSub?.unsubscribe();
         this.resolveSub = undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "9.0.0-beta.15",
+  "version": "9.0.0-beta.17",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^9.0.0-beta.15",
-    "@praxisui/cron-builder": "^9.0.0-beta.15"
+    "@praxisui/core": "^9.0.0-beta.17",
+    "@praxisui/cron-builder": "^9.0.0-beta.17"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",