Feature/extend Storybook story of portfolio proportion chart component by story in percentage (#6007)

* Extend Storybook story

* Update changelog

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
+
+- Extended the _Storybook_ stories of the portfolio proportion chart component by a story using percentage values
+
 ## 2.220.0 - 2025-11-29
 
 ### Changed

libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.stories.ts

@@ -22,7 +22,7 @@ export default {
 
 type Story = StoryObj<GfPortfolioProportionChartComponent>;
 
-export const Simple: Story = {
+export const Default: Story = {
   args: {
     baseCurrency: 'USD',
     data: {
@@ -37,3 +37,47 @@ export const Simple: Story = {
     locale: 'en-US'
   }
 };
+
+export const InPercentage: Story = {
+  args: {
+    data: {
+      US: { name: 'United States', value: 0.6515000000000001 },
+      NL: { name: 'Netherlands', value: 0.006 },
+      DE: { name: 'Germany', value: 0.0031 },
+      GB: { name: 'United Kingdom', value: 0.0124 },
+      CA: { name: 'Canada', value: 0.0247 },
+      IE: { name: 'Ireland', value: 0.0112 },
+      SE: { name: 'Sweden', value: 0.0016 },
+      ES: { name: 'Spain', value: 0.0042 },
+      AU: { name: 'Australia', value: 0.0022 },
+      FR: { name: 'France', value: 0.0012 },
+      UY: { name: 'Uruguay', value: 0.0012 },
+      CH: { name: 'Switzerland', value: 0.004099999999999999 },
+      LU: { name: 'Luxembourg', value: 0.0012 },
+      BR: { name: 'Brazil', value: 0.0006 },
+      HK: { name: 'Hong Kong', value: 0.0006 },
+      IT: { name: 'Italy', value: 0.0005 },
+      CN: { name: 'China', value: 0.002 },
+      KR: { name: 'South Korea', value: 0.0006 },
+      BM: { name: 'Bermuda', value: 0.0011 },
+      ZA: { name: 'South Africa', value: 0.0004 },
+      SG: { name: 'Singapore', value: 0.0003 },
+      IL: { name: 'Israel', value: 0.001 },
+      DK: { name: 'Denmark', value: 0.0002 },
+      PE: { name: 'Peru', value: 0.0002 },
+      NO: { name: 'Norway', value: 0.0002 },
+      KY: { name: 'Cayman Islands', value: 0.0001 },
+      IN: { name: 'India', value: 0.0001 },
+      TW: { name: 'Taiwan', value: 0.0002 },
+      GR: { name: 'Greece', value: 0.0001 },
+      CL: { name: 'Chile', value: 0.0001 },
+      MX: { name: 'Mexico', value: 0 },
+      RU: { name: 'Russia', value: 0 },
+      IS: { name: 'Iceland', value: 0 },
+      JP: { name: 'Japan', value: 0 },
+      BE: { name: 'Belgium', value: 0 }
+    },
+    isInPercent: true,
+    keys: ['name']
+  }
+};