Refactor image handling and add new chart assets (#17)

Updated `DemoImageSrcConstants.cs` to replace hardcoded image URLs with a new base path format. Introduced new constants for various chart types and removed old URLs.

Modified `DemoStringConstants.cs` to include a new constant for the image assets path.

Updated multiple Razor component files to use a new variable for image URLs instead of direct references to constants.

Enhanced `README.md` with documentation links for each chart type and updated the copyright year to 2025.

Added new PNG image files for `bar-chart.png`, `bubble-chart.png`, `doughnut-chart.png`, `line-chart.png`, `pie-chart.png`, `polar-area-chart.png`, `radar-chart.png`, and `scatter-chart.png`.

NOTE: This commit message is auto-generated using GitHub Copilot.

Author: gvreddy04

BlazorExpress.ChartJS.Demo.RCL/Constants/DemoImageSrcConstants.cs

@@ -4,13 +4,14 @@ public static class DemoImageSrcConstants
 {
     #region Fields and Constants
 
-    public const string BarChart = "https://i.imgur.com/FGgEMp6.jpg";
-    public const string DoughnutChart = "https://i.imgur.com/FGgEMp6.jpg";
-    public const string LineChart = "https://i.imgur.com/FGgEMp6.jpg";
-    public const string PieChart = "https://i.imgur.com/FGgEMp6.jpg";
-    public const string PolarAreaChart = "https://i.imgur.com/FGgEMp6.jpg";
-    public const string RadarChart = "https://i.imgur.com/FGgEMp6.jpg";
-    public const string ScatterChart = "https://i.imgur.com/FGgEMp6.jpg";
+    public const string BarChart = $"{DemoStringConstants.StaticAssets_Images_Path}/bar-chart.png";
+    public const string BubbleChart = $"{DemoStringConstants.StaticAssets_Images_Path}/bubble-chart.png";
+    public const string DoughnutChart = $"{DemoStringConstants.StaticAssets_Images_Path}/doughnut-chart.png";
+    public const string LineChart = $"{DemoStringConstants.StaticAssets_Images_Path}/line-chart.png";
+    public const string PieChart = $"{DemoStringConstants.StaticAssets_Images_Path}/pie-chart.png";
+    public const string PolarAreaChart = $"{DemoStringConstants.StaticAssets_Images_Path}/polar-area-chart.png";
+    public const string RadarChart = $"{DemoStringConstants.StaticAssets_Images_Path}/radar-chart.png";
+    public const string ScatterChart = $"{DemoStringConstants.StaticAssets_Images_Path}/scatter-chart.png";
 
     #endregion
 }

BlazorExpress.ChartJS.Demo.RCL/Constants/DemoStringConstants.cs

@@ -44,5 +44,7 @@ public static class DemoStringConstants
     public const string StaticAssets_Icons_Path = StaticAssets_RootPath + "/icons";
     public const string StaticAssets_Icons_Logo_png = StaticAssets_Icons_Path + "/logo.png";
 
+    public const string StaticAssets_Images_Path = StaticAssets_RootPath + "/images";
+
     #endregion
 }

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/BarChart/BarChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.BarChart" class="img-fluid" alt="Blazor Bar Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_BarChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Bar Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="BarChart" DocType="DocType.Parameters" />
 </Section>

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/BubbleChart/BubbleChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.BarChart" class="img-fluid" alt="Blazor Bar Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_BubbleChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Bar Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="BubbleChart" DocType="DocType.Parameters" />
 </Section>
@@ -48,5 +48,5 @@
     private const string pageDescription = $"Comprehensive API documentation for the Blazor <code>{componentName}</code> component, including configuration options, parameters, methods, events, child component parameters, and model properties.";
     private const string metaTitle = $"Blazor {componentName} component API Reference & Configuration Guide";
     private const string metaDescription = $"Comprehensive API documentation for the Blazor {componentName} component, including configuration options, parameters, methods, events, child component parameters, and model properties.";
-    private const string imageUrl = @DemoImageSrcConstants.BarChart;
+    private const string imageUrl = @DemoImageSrcConstants.BubbleChart;
 }

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/DoughnutChart/DoughnutChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.DoughnutChart" class="img-fluid" alt="Blazor Doughnut Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_DoughnutChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Doughnut Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="DoughnutChart" DocType="DocType.Parameters" />
 </Section>

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/LineChart/LineChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.LineChart" class="img-fluid" alt="Blazor Line Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_LineChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Line Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="LineChart" DocType="DocType.Parameters" />
 </Section>

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/PieChart/PieChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.PieChart" class="img-fluid" alt="Blazor Pie Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_PieChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Pie Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="PieChart" DocType="DocType.Parameters" />
 </Section>

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/PolarAreaChart/PolarAreaChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.PolarAreaChart" class="img-fluid" alt="Blazor PolarArea Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_PolarAreaChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor PolarArea Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="PolarAreaChart" DocType="DocType.Parameters" />
 </Section>

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/RadarChart/RadarChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.RadarChart" class="img-fluid" alt="Blazor Radar Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_RadarChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Radar Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="RadarChart" DocType="DocType.Parameters" />
 </Section>

BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/ScatterChart/ScatterChart_Doc_01_Documentation.razor

@@ -9,10 +9,10 @@
     </SubTitleTemplate>
 </PageHero>
 
-<Image Src="@DemoImageSrcConstants.ScatterChart" class="img-fluid" alt="Blazor Scatter Chart - API Documentation" />
-
 <DemoLink Href="@DemoRouteConstants.Demos_ScatterChart" />
 
+<Image Src="@imageUrl" class="img-fluid" alt="Blazor Scatter Chart - API Documentation" />
+
 <Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
     <DocxTable TItem="ScatterChart" DocType="DocType.Parameters" />
 </Section>