From 9669655ad493177f472a4a7d55f76ca4d3bac54d Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Mon, 28 Sep 2026 22:15:51 +0700
Subject: [PATCH] feat(lib): remove deprecated undefined loading state from
 value component

---
 libs/ui/src/lib/value/value.component.html | 6 +-----
 libs/ui/src/lib/value/value.component.ts   | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index c5ebe4e2cf..385a49ac10 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -27,11 +27,7 @@
     }
   </ng-template>
 
-  <!--
-    @deprecated Rendering the loading state for an undefined value is kept for
-    backward compatibility. Use the isLoading attribute instead.
-  -->
-  @if (isLoading() || value === undefined) {
+  @if (isLoading()) {
     <ngx-skeleton-loader
       animation="pulse"
       [theme]="{
diff --git a/libs/ui/src/lib/value/value.component.ts b/libs/ui/src/lib/value/value.component.ts
index c2c7d4621d..d13acadd7a 100644
--- a/libs/ui/src/lib/value/value.component.ts
+++ b/libs/ui/src/lib/value/value.component.ts
@@ -47,7 +47,7 @@ export class GfValueComponent implements AfterViewInit, OnChanges, OnDestroy {
   @Input() size: 'large' | 'medium' | 'small' = 'small';
   @Input() subLabel?: string = '';
   @Input() unit?: string | null = '';
-  @Input() value?: number | string | null = '';
+  @Input() value: number | string | null = '';
 
   @ViewChild('labelContent', { static: false })
   labelContent!: ElementRef<HTMLSpanElement>;