@fuentis/phoenix-ui 0.0.9-alpha.672 → 0.0.9-alpha.674

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -8728,7 +8728,8 @@ class MetaTimeperiodV2Component {
             this.value.set('');
             return;
         }
-        this.value.set(typeof v === 'string' ? v : timePeriodFromMS(v));
+        // Milliseconds are shown in the user's language, the format the validator and the user's input use.
+        this.value.set(typeof v === 'string' ? v : timePeriodFromMS(v, this.translate.currentLang));
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -8860,6 +8861,7 @@ class ReadOnlyInputV2Component {
     form;
     /** Used to automatically unsubscribe from valueChanges on destroy */
     dr = inject(DestroyRef);
+    translate = inject(TranslateService);
     /**
      * Internal reactive signal holding the current control value.
      * We keep a local signal to optimize OnPush change detection and computed selectors.
@@ -9057,6 +9059,13 @@ class ReadOnlyInputV2Component {
         if (this.type === 'ASSIGN' || this.type === 'ASSIGN_ASSET') {
             return this.assign()?.name ?? null;
         }
+        // A duration is stored in milliseconds: shown as a period in the user's language ("1d 4h"), as the editable
+        // field and the V1 read-only view show it; 0 is "not set".
+        if (this.type === 'TIMEPERIOD') {
+            if (typeof v === 'string')
+                return v;
+            return typeof v === 'number' && v > 0 ? timePeriodFromMS(v, this.translate.currentLang) : null;
+        }
         // Text areas and editors often contain HTML
         if (this.type === 'TEXT_AREA' || this.type === 'TEXT_EDITOR') {
             return typeof v === 'string' ? v : String(v);