From f33d902560a50a287979c5e7bc04fbc4a243aadd Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 22 Jun 2025 20:15:51 +0200
Subject: [PATCH] Feature/migrate value component to control flow (part 2)
 (#5000)

* Migrate to control flow

* Update changelog
---
 CHANGELOG.md                               | 6 ++++++
 libs/ui/src/lib/value/value.component.html | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9eab6aab0..275871fd9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Migrated the `@ghostfolio/ui/value` component to control flow
+
 ## 2.173.0 - 2025-06-21
 
 ### Added
diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index 8c9fa7e16..1f61f30e5 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -5,7 +5,7 @@
 }
 <div class="d-flex flex-column w-100">
   <ng-template #label><ng-content></ng-content></ng-template>
-  <ng-container *ngIf="value || value === 0 || value === null">
+  @if (value || value === 0 || value === null) {
     <div
       class="align-items-center d-flex"
       [ngClass]="position === 'end' ? 'justify-content-end' : ''"
@@ -72,7 +72,7 @@
         </div>
       }
     </div>
-  </ng-container>
+  }
 
   @if (value === undefined) {
     <ngx-skeleton-loader