From 9e0fb63d8377009f99a93e657452ccf28b8bc471 Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Sun, 27 Sep 2026 01:06:28 +0700
Subject: [PATCH] fix(ui): widen input types on value component

---
 libs/ui/src/lib/value/value.component.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/libs/ui/src/lib/value/value.component.ts b/libs/ui/src/lib/value/value.component.ts
index cc08e5a248..5e25de03ef 100644
--- a/libs/ui/src/lib/value/value.component.ts
+++ b/libs/ui/src/lib/value/value.component.ts
@@ -42,12 +42,12 @@ export class GfValueComponent implements AfterViewInit, OnChanges, OnDestroy {
   @Input() isCurrency = false;
   @Input() isDate = false;
   @Input() isPercent = false;
-  @Input() locale: string;
+  @Input() locale?: string;
   @Input() position = '';
   @Input() size: 'large' | 'medium' | 'small' = 'small';
-  @Input() subLabel = '';
-  @Input() unit = '';
-  @Input() value: number | string = '';
+  @Input() subLabel?: string = '';
+  @Input() unit?: string | null = '';
+  @Input() value?: number | string | null = '';
 
   @ViewChild('labelContent', { static: false })
   labelContent!: ElementRef<HTMLSpanElement>;
@@ -219,7 +219,7 @@ export class GfValueComponent implements AfterViewInit, OnChanges, OnDestroy {
     this.isCopied = false;
     this.isNumber = false;
     this.isString = false;
-    this.locale = this.locale || getLocale();
+    this.locale = this.locale ?? getLocale();
     this.useAbsoluteValue = false;
 
     if (this.copyToClipboardTimeout) {