From 33311058119b06c00436f18709a2c4f77c8f29c4 Mon Sep 17 00:00:00 2001
From: markosteger <marko.steger@gmail.com>
Date: Fri, 24 Mar 2023 13:42:47 +0100
Subject: [PATCH] Added Base component with ID used for state management. All
 other components must inherit from it To get Id property

---
 .../Program.cs                                |  1 +
 src/Connected.Components/Classes/InputBase.cs |  7 +-
 src/Connected.Components/Classes/State.cs     | 18 +++++
 .../Components/Base.razor                     |  5 ++
 .../Components/Base.razor.cs                  | 20 ++++++
 .../Components/Button.razor                   |  4 +-
 .../Components/Button.razor.cs                |  2 +-
 .../Components/CheckBox.razor                 |  2 +-
 .../Components/CheckBox.razor.cs              |  7 --
 .../Components/Chip.razor                     |  4 +-
 .../Components/Chip.razor.cs                  |  6 +-
 .../Components/DatePicker.razor               |  2 +
 .../Components/DatePicker.razor.cs            |  2 +-
 .../Components/Dropdown.razor                 |  6 +-
 .../Components/Dropdown.razor.cs              |  1 -
 .../Components/FormWizard.razor               |  6 +-
 .../Components/FormWizard.razor.cs            | 12 ++--
 .../Components/FormWizardStep.razor           |  4 +-
 .../Components/FormWizardStep.razor.cs        |  9 +--
 .../Components/Glyph.razor                    |  4 +-
 .../Components/Glyph.razor.cs                 |  2 +-
 .../Components/Grid.razor                     |  2 +
 .../Components/Grid.razor.cs                  |  3 +-
 .../Components/GridRow.razor                  |  2 +
 .../Components/GridRow.razor.cs               |  2 +-
 .../Components/Link.razor                     |  4 +-
 .../Components/Link.razor.cs                  |  3 +-
 .../Components/ModalDialog.razor              |  3 +
 .../Components/ModalDialog.razor.cs           |  3 +-
 .../Components/NumberStepper.razor            |  2 +
 .../Components/NumberStepper.razor.cs         |  2 +-
 .../Components/Radio.razor.cs                 |  3 -
 .../Components/RadioGroup.razor               |  2 +
 .../Components/RadioGroup.razor.cs            |  2 +-
 .../Components/ToggleInput.razor.cs           |  3 -
 .../Services/ServiceCollectionExtensions.cs   |  3 +
 .../Services/StateManagerService.cs           | 71 +++++++++++++++++++
 37 files changed, 178 insertions(+), 56 deletions(-)
 create mode 100644 src/Connected.Components/Classes/State.cs
 create mode 100644 src/Connected.Components/Components/Base.razor
 create mode 100644 src/Connected.Components/Components/Base.razor.cs
 create mode 100644 src/Connected.Components/Services/StateManagerService.cs

diff --git a/src/Connected.Components.Showcase.Runner/Program.cs b/src/Connected.Components.Showcase.Runner/Program.cs
index 370ca59..2230c89 100644
--- a/src/Connected.Components.Showcase.Runner/Program.cs
+++ b/src/Connected.Components.Showcase.Runner/Program.cs
@@ -14,6 +14,7 @@ internal class Program
 		builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
 		builder.Services.AddModalDialogService();
+		builder.Services.AddStateManagementService();
 
 		await builder.Build().RunAsync();
 	}
diff --git a/src/Connected.Components/Classes/InputBase.cs b/src/Connected.Components/Classes/InputBase.cs
index 60ff5e3..44ef62c 100644
--- a/src/Connected.Components/Classes/InputBase.cs
+++ b/src/Connected.Components/Classes/InputBase.cs
@@ -1,8 +1,9 @@
-using Connected.Utilities;
+using Connected.Components;
+using Connected.Utilities;
 using Microsoft.AspNetCore.Components;
 
 namespace Connected.Models;
-public class InputBase : ComponentBase
+public class InputBase : Base
 {
 	[Parameter]
 	public string Class { get; set; } = string.Empty;
@@ -72,7 +73,7 @@ public class InputBase : ComponentBase
 	/// Fired when the text value changes.
 	/// </summary>
 	[Parameter] public EventCallback<string> TextChanged { get; set; }
-	public string Text { get; set; }
+	public string Text { get; set; } = string.Empty;
 
 	protected virtual async Task SetTextAsync(string text)
 	{
diff --git a/src/Connected.Components/Classes/State.cs b/src/Connected.Components/Classes/State.cs
new file mode 100644
index 0000000..fce7666
--- /dev/null
+++ b/src/Connected.Components/Classes/State.cs
@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Connected.Classes
+{
+	public class State
+	{
+		public Type? ComponentType { get; set; }
+		public string Id { get; set; }
+		public Dictionary<string, object>? Values { get; set; }
+
+		public State()
+		{
+			ComponentType = null;
+			Id=string.Empty;
+			Values = new();
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/Connected.Components/Components/Base.razor b/src/Connected.Components/Components/Base.razor
new file mode 100644
index 0000000..ebeb06c
--- /dev/null
+++ b/src/Connected.Components/Components/Base.razor
@@ -0,0 +1,5 @@
+@inherits ComponentBase
+
+@*Base class for all components
+It contains unique ID for the component used in
+saving state of the component*@
diff --git a/src/Connected.Components/Components/Base.razor.cs b/src/Connected.Components/Components/Base.razor.cs
new file mode 100644
index 0000000..dd9a782
--- /dev/null
+++ b/src/Connected.Components/Components/Base.razor.cs
@@ -0,0 +1,20 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Connected.Components
+{
+	public partial class Base : ComponentBase
+	{
+		/// <summary>
+		/// Unique ID for the component used in state management
+		/// Every component should inherit from Base class
+		/// </summary>
+		[Parameter, EditorRequired]
+		public string Id { get; set; } = Guid.NewGuid().ToString();
+
+		protected override void OnInitialized()
+		{
+			if (string.IsNullOrEmpty(Id))
+				Id = Guid.NewGuid().ToString();
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/Connected.Components/Components/Button.razor b/src/Connected.Components/Components/Button.razor
index 1465f49..078981e 100644
--- a/src/Connected.Components/Components/Button.razor
+++ b/src/Connected.Components/Components/Button.razor
@@ -1,4 +1,6 @@
-<button type="button"
+@inherits Base
+
+<button type="button"
         @onclick="@OnClick"
         disabled=@Disabled
         style="@StyleList"
diff --git a/src/Connected.Components/Components/Button.razor.cs b/src/Connected.Components/Components/Button.razor.cs
index c25d239..ad01cb4 100644
--- a/src/Connected.Components/Components/Button.razor.cs
+++ b/src/Connected.Components/Components/Button.razor.cs
@@ -3,7 +3,7 @@ using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 
 namespace Connected.Components;
-public partial class Button
+public partial class Button : Base
 {
 	#region Parameters
 
diff --git a/src/Connected.Components/Components/CheckBox.razor b/src/Connected.Components/Components/CheckBox.razor
index 6625a92..1f8b944 100644
--- a/src/Connected.Components/Components/CheckBox.razor
+++ b/src/Connected.Components/Components/CheckBox.razor
@@ -3,7 +3,7 @@
 @inherits InputBase;
 
 <label class="checkbox-group"
-       for="@Id">
+       for="@base.Id">
     <input class="@ClassList"
            style="@StyleList"
            id="@Id"
diff --git a/src/Connected.Components/Components/CheckBox.razor.cs b/src/Connected.Components/Components/CheckBox.razor.cs
index 193688c..dc4553f 100644
--- a/src/Connected.Components/Components/CheckBox.razor.cs
+++ b/src/Connected.Components/Components/CheckBox.razor.cs
@@ -13,13 +13,6 @@ public partial class CheckBox : InputBase
 	[Parameter]
 	public bool Checked { get; set; } = false;
 
-
-	/// <summary>
-	/// ID for the CheckBox
-	/// </summary>
-	[Parameter, EditorRequired]
-	public string? Id { get; set; }
-
 	/// <summary>
 	/// Event when the checked is changed
 	/// </summary>
diff --git a/src/Connected.Components/Components/Chip.razor b/src/Connected.Components/Components/Chip.razor
index 6e208e2..829b33e 100644
--- a/src/Connected.Components/Components/Chip.razor
+++ b/src/Connected.Components/Components/Chip.razor
@@ -1,4 +1,6 @@
-<h3>Chip</h3>
+@inherits Base
+
+<h3>Chip</h3>
 
 @code {
 
diff --git a/src/Connected.Components/Components/Chip.razor.cs b/src/Connected.Components/Components/Chip.razor.cs
index 385a115..65f1e22 100644
--- a/src/Connected.Components/Components/Chip.razor.cs
+++ b/src/Connected.Components/Components/Chip.razor.cs
@@ -1,7 +1,5 @@
-using Microsoft.AspNetCore.Components;
+namespace Connected.Components;
 
-namespace Connected.Components;
-
-public partial class Chip
+public partial class Chip: Base
 {
 }
diff --git a/src/Connected.Components/Components/DatePicker.razor b/src/Connected.Components/Components/DatePicker.razor
index 763b407..6bfd48c 100644
--- a/src/Connected.Components/Components/DatePicker.razor
+++ b/src/Connected.Components/Components/DatePicker.razor
@@ -1,5 +1,7 @@
 @using System.Globalization;
 
+@inherits Base
+
 @if (loaded)
 {
     <div id="picker">
diff --git a/src/Connected.Components/Components/DatePicker.razor.cs b/src/Connected.Components/Components/DatePicker.razor.cs
index a5592f4..f613470 100644
--- a/src/Connected.Components/Components/DatePicker.razor.cs
+++ b/src/Connected.Components/Components/DatePicker.razor.cs
@@ -1,7 +1,7 @@
 using Microsoft.AspNetCore.Components;
 
 namespace Connected.Components;
-public partial class DatePicker
+public partial class DatePicker: Base
 {
 	private bool loaded = false;
 
diff --git a/src/Connected.Components/Components/Dropdown.razor b/src/Connected.Components/Components/Dropdown.razor
index 99a445e..03ca104 100644
--- a/src/Connected.Components/Components/Dropdown.razor
+++ b/src/Connected.Components/Components/Dropdown.razor
@@ -1,5 +1,7 @@
-@typeparam T;
-@inherits Connected.Models.InputBase;
+@using Connected.Models
+
+@typeparam T;
+@inherits InputBase;
 
 <div class="@InputFieldClassList">
    <select type="textarea" @onfocus="(()=> Open())" @onblur="(()=> Close())">
diff --git a/src/Connected.Components/Components/Dropdown.razor.cs b/src/Connected.Components/Components/Dropdown.razor.cs
index fa821b2..e426385 100644
--- a/src/Connected.Components/Components/Dropdown.razor.cs
+++ b/src/Connected.Components/Components/Dropdown.razor.cs
@@ -1,7 +1,6 @@
 using Microsoft.AspNetCore.Components;
 using System.Collections.ObjectModel;
 using Connected.Models;
-using System.Collections.Immutable;
 
 namespace Connected.Components;
 
diff --git a/src/Connected.Components/Components/FormWizard.razor b/src/Connected.Components/Components/FormWizard.razor
index 1e5fbd8..fbbfa77 100644
--- a/src/Connected.Components/Components/FormWizard.razor
+++ b/src/Connected.Components/Components/FormWizard.razor
@@ -1,4 +1,6 @@
-@if (loaded)
+@inherits Base
+
+@if (loaded)
 {
     <CascadingValue Value="this">
         <section id="@Id" class="@ClassList" style="@StyleList">
@@ -23,5 +25,5 @@
     </section>
 </CascadingValue>
 } else {
-    <p>Loading wizard....</p>
+    <p>@LoadingText</p>
 }
\ No newline at end of file
diff --git a/src/Connected.Components/Components/FormWizard.razor.cs b/src/Connected.Components/Components/FormWizard.razor.cs
index aa22eb3..70cb7af 100644
--- a/src/Connected.Components/Components/FormWizard.razor.cs
+++ b/src/Connected.Components/Components/FormWizard.razor.cs
@@ -2,11 +2,10 @@
 using Connected.Enums;
 using Connected.Utilities;
 using Microsoft.AspNetCore.Components;
-using Microsoft.Extensions.Options;
 using System.Reflection.Metadata;
 
 namespace Connected.Components;
-public partial class FormWizard
+public partial class FormWizard: Base
 {
 
 	/// <summary>
@@ -23,6 +22,12 @@ public partial class FormWizard
 	[Parameter]
 	public List<FormWizardStep> Steps { get; set; } = new();
 
+	/// <summary>
+	/// Steps of type FormWizardStep
+	/// </summary>
+	[Parameter]
+	public string LoadingText { get; set; } = "Loading wizard...";
+
 	/// <summary>
 	/// Steps of type FormWizardStep
 	/// </summary>
@@ -41,9 +46,6 @@ public partial class FormWizard
 	[Parameter]
 	public EventCallback OnCancelClick { get; set; }
 
-	[Parameter]
-	public string Id { get; set; } = Guid.NewGuid().ToString();
-
 	/// <summary>
 	/// Text shown inside the button
 	/// Options: any string variable
diff --git a/src/Connected.Components/Components/FormWizardStep.razor b/src/Connected.Components/Components/FormWizardStep.razor
index cb57eec..a095424 100644
--- a/src/Connected.Components/Components/FormWizardStep.razor
+++ b/src/Connected.Components/Components/FormWizardStep.razor
@@ -1,3 +1,5 @@
-<div class="@ClassList" style="@StyleList">
+@inherits Base
+
+<div class="@ClassList" style="@StyleList">
     @ChildContent
 </div>
diff --git a/src/Connected.Components/Components/FormWizardStep.razor.cs b/src/Connected.Components/Components/FormWizardStep.razor.cs
index af26bf5..21178c6 100644
--- a/src/Connected.Components/Components/FormWizardStep.razor.cs
+++ b/src/Connected.Components/Components/FormWizardStep.razor.cs
@@ -2,19 +2,13 @@
 using Microsoft.AspNetCore.Components;
 
 namespace Connected.Components;
-public partial class FormWizardStep
+public partial class FormWizardStep: Base
 {
 	#region Parameters
 
 	[CascadingParameter]
 	public FormWizard Parent { get; set; }
 
-	/// <summary>
-	/// Unique name of the step (used for properly identifying steps)
-	/// </summary>
-	[Parameter]
-	public string? Id { get; set; } = Guid.NewGuid().ToString();
-
 	/// <summary>
 	/// Text shown inside the button
 	/// Options: any string variable
@@ -57,7 +51,6 @@ public partial class FormWizardStep
 
 	#endregion
 
-
 	#region Styling
 
 	public string StyleList
diff --git a/src/Connected.Components/Components/Glyph.razor b/src/Connected.Components/Components/Glyph.razor
index 2d0b9c3..f9a0d36 100644
--- a/src/Connected.Components/Components/Glyph.razor
+++ b/src/Connected.Components/Components/Glyph.razor
@@ -1,3 +1,5 @@
-<svg viewBox="0 0 24 24"  class="@GlyphClassList" @onclick="@OnClick">
+@inherits Base
+
+<svg viewBox="0 0 24 24"  class="@GlyphClassList" @onclick="@OnClick">
     @((MarkupString)SVG)
 </svg>
diff --git a/src/Connected.Components/Components/Glyph.razor.cs b/src/Connected.Components/Components/Glyph.razor.cs
index 5a45c80..6e00b12 100644
--- a/src/Connected.Components/Components/Glyph.razor.cs
+++ b/src/Connected.Components/Components/Glyph.razor.cs
@@ -4,7 +4,7 @@ using Microsoft.AspNetCore.Components.Web;
 
 namespace Connected.Components;
 
-public partial class Glyph
+public partial class Glyph: Base
 {
 	/// <summary>
 	/// SVG markup string for glyph
diff --git a/src/Connected.Components/Components/Grid.razor b/src/Connected.Components/Components/Grid.razor
index c0d110a..d333d0c 100644
--- a/src/Connected.Components/Components/Grid.razor
+++ b/src/Connected.Components/Components/Grid.razor
@@ -1,6 +1,8 @@
 @attribute [CascadingTypeParameter(nameof(DataType))]
 @typeparam DataType
 
+@inherits Base
+
 <CascadingValue Value="this">
     <div class="@GridClassList.ToString()">
         @foreach (var Item in ItemsToShow)
diff --git a/src/Connected.Components/Components/Grid.razor.cs b/src/Connected.Components/Components/Grid.razor.cs
index dc50ba7..318c918 100644
--- a/src/Connected.Components/Components/Grid.razor.cs
+++ b/src/Connected.Components/Components/Grid.razor.cs
@@ -1,11 +1,10 @@
 using Connected.Classes.Grid;
 using Connected.Utilities;
 using Microsoft.AspNetCore.Components;
-using Microsoft.Extensions.Options;
 using System.Collections.ObjectModel;
 
 namespace Connected.Components;
-public partial class Grid<DataType> : ComponentBase
+public partial class Grid<DataType> : Base
 {
 
 	[Parameter]
diff --git a/src/Connected.Components/Components/GridRow.razor b/src/Connected.Components/Components/GridRow.razor
index faaf275..f3e033a 100644
--- a/src/Connected.Components/Components/GridRow.razor
+++ b/src/Connected.Components/Components/GridRow.razor
@@ -1,5 +1,7 @@
 @typeparam DataType
 
+@inherits Base
+
 <CascadingValue Value="this">
     <div class="@GridRowClass.ToString()" id="@Guid.NewGuid()">
         <div class="data-grid-select">
diff --git a/src/Connected.Components/Components/GridRow.razor.cs b/src/Connected.Components/Components/GridRow.razor.cs
index 08f4696..ceb75cb 100644
--- a/src/Connected.Components/Components/GridRow.razor.cs
+++ b/src/Connected.Components/Components/GridRow.razor.cs
@@ -2,7 +2,7 @@
 using Microsoft.AspNetCore.Components;
 
 namespace Connected.Components;
-public partial class GridRow<DataType> : ComponentBase
+public partial class GridRow<DataType> : Base
 {
 
 	[CascadingParameter]
diff --git a/src/Connected.Components/Components/Link.razor b/src/Connected.Components/Components/Link.razor
index f07b8c7..822a25b 100644
--- a/src/Connected.Components/Components/Link.razor
+++ b/src/Connected.Components/Components/Link.razor
@@ -1,4 +1,6 @@
-<a class="@LinkClassList"
+@inherits Base
+
+<a class="@LinkClassList"
    style="@LinkStyleList"
    href="@Url"
    target="@_target">
diff --git a/src/Connected.Components/Components/Link.razor.cs b/src/Connected.Components/Components/Link.razor.cs
index ca0a8d7..9027eb5 100644
--- a/src/Connected.Components/Components/Link.razor.cs
+++ b/src/Connected.Components/Components/Link.razor.cs
@@ -1,10 +1,9 @@
 using Connected.Enums;
 using Connected.Utilities;
 using Microsoft.AspNetCore.Components;
-using static Connected.Colors;
 
 namespace Connected.Components;
-public partial class Link
+public partial class Link: Base
 {
 	/// <summary>
 	/// URL of the link
diff --git a/src/Connected.Components/Components/ModalDialog.razor b/src/Connected.Components/Components/ModalDialog.razor
index 41be3cf..4dbc978 100644
--- a/src/Connected.Components/Components/ModalDialog.razor
+++ b/src/Connected.Components/Components/ModalDialog.razor
@@ -1,4 +1,7 @@
 @using Connected.Models.Modal;
+
+@inherits Base
+
 @if (IsVisible)
 {
    <div class="@ClassList" @onclick="@CloseIfEnabled" @onkeydown="@(e => CheckEscape(e))" tabindex="-1" @ref="@root">
diff --git a/src/Connected.Components/Components/ModalDialog.razor.cs b/src/Connected.Components/Components/ModalDialog.razor.cs
index 0bcef56..0b56df3 100644
--- a/src/Connected.Components/Components/ModalDialog.razor.cs
+++ b/src/Connected.Components/Components/ModalDialog.razor.cs
@@ -4,10 +4,9 @@ using Connected.Services;
 using Connected.Utilities;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
-using System.Reflection;
 
 namespace Connected.Components;
-public partial class ModalDialog : IDisposable
+public partial class ModalDialog : Base, IDisposable
 {
 	[Inject] ModalDialogService? ModalService { get; set; }
 
diff --git a/src/Connected.Components/Components/NumberStepper.razor b/src/Connected.Components/Components/NumberStepper.razor
index d0dc8df..05a856d 100644
--- a/src/Connected.Components/Components/NumberStepper.razor
+++ b/src/Connected.Components/Components/NumberStepper.razor
@@ -1,5 +1,7 @@
 @typeparam NumberType
 
+@inherits Base
+
 <div class="form-group-alt">
     <div class="input-group-content">
         <div class="input-cta-icon" @onclick="StepDown">
diff --git a/src/Connected.Components/Components/NumberStepper.razor.cs b/src/Connected.Components/Components/NumberStepper.razor.cs
index 55bfb42..d2893b7 100644
--- a/src/Connected.Components/Components/NumberStepper.razor.cs
+++ b/src/Connected.Components/Components/NumberStepper.razor.cs
@@ -4,7 +4,7 @@ using System.Numerics;
 
 namespace Connected.Components
 {
-	public partial class NumberStepper<NumberType> where NumberType : INumber<NumberType>
+	public partial class NumberStepper<NumberType> where NumberType : Base,  INumber<NumberType>
 
 	{
 		[Parameter]
diff --git a/src/Connected.Components/Components/Radio.razor.cs b/src/Connected.Components/Components/Radio.razor.cs
index f8a98e4..1d0e269 100644
--- a/src/Connected.Components/Components/Radio.razor.cs
+++ b/src/Connected.Components/Components/Radio.razor.cs
@@ -12,9 +12,6 @@ public partial class Radio : InputBase
 	[Parameter]
 	public bool Checked { get; set; } = false;
 
-	[Parameter, EditorRequired]
-	public string? Id { get; set; }
-
 	#endregion
 
 	#region Events
diff --git a/src/Connected.Components/Components/RadioGroup.razor b/src/Connected.Components/Components/RadioGroup.razor
index c4828fe..cd27938 100644
--- a/src/Connected.Components/Components/RadioGroup.razor
+++ b/src/Connected.Components/Components/RadioGroup.razor
@@ -1,5 +1,7 @@
 @using Connected.Models;
 
+@inherits Base
+
 <CascadingValue Value="this">
    <div>
       @if (!string.IsNullOrEmpty(Name))
diff --git a/src/Connected.Components/Components/RadioGroup.razor.cs b/src/Connected.Components/Components/RadioGroup.razor.cs
index 3fc1a61..da12616 100644
--- a/src/Connected.Components/Components/RadioGroup.razor.cs
+++ b/src/Connected.Components/Components/RadioGroup.razor.cs
@@ -1,7 +1,7 @@
 using Microsoft.AspNetCore.Components;
 
 namespace Connected.Components;
-public partial class RadioGroup
+public partial class RadioGroup: Base
 {
 	#region Parameters
 
diff --git a/src/Connected.Components/Components/ToggleInput.razor.cs b/src/Connected.Components/Components/ToggleInput.razor.cs
index b0b03c1..6d7eeb4 100644
--- a/src/Connected.Components/Components/ToggleInput.razor.cs
+++ b/src/Connected.Components/Components/ToggleInput.razor.cs
@@ -13,9 +13,6 @@ public partial class ToggleInput: InputBase
 		set => _checked= (bool)value;
 	}
 
-	[Parameter, EditorRequired]
-	public string Id { get; set; }
-
 	[Parameter]
 	public EventCallback<bool> CheckedChanged { get; set; }
 
diff --git a/src/Connected.Components/Services/ServiceCollectionExtensions.cs b/src/Connected.Components/Services/ServiceCollectionExtensions.cs
index 2f58959..1d19464 100644
--- a/src/Connected.Components/Services/ServiceCollectionExtensions.cs
+++ b/src/Connected.Components/Services/ServiceCollectionExtensions.cs
@@ -6,4 +6,7 @@ public static class ServiceCollectionExtensions
 {
 	public static IServiceCollection AddModalDialogService(this IServiceCollection services)
 		 => services.AddScoped<ModalDialogService>();
+
+	public static IServiceCollection AddStateManagementService(this IServiceCollection services)
+		 => services.AddSingleton<StateManagerService>();
 }
\ No newline at end of file
diff --git a/src/Connected.Components/Services/StateManagerService.cs b/src/Connected.Components/Services/StateManagerService.cs
new file mode 100644
index 0000000..ea5bc63
--- /dev/null
+++ b/src/Connected.Components/Services/StateManagerService.cs
@@ -0,0 +1,71 @@
+using Connected.Classes;
+using Connected.Components;
+using System.Collections.ObjectModel;
+
+namespace Connected.Services;
+public class StateManagerService
+{
+	public void SaveOrUpdateComponentState(Base Component)
+	{
+		var current_state = new State();
+		var properties = Component.GetType().GetProperties();
+		current_state.Id = Component.Id;
+		current_state.ComponentType = Component.GetType();
+		if (current_state.Values is null) current_state.Values = new Dictionary<string, object>();
+		foreach (var property in properties)
+		{
+			var value = property.GetValue(Component);
+			if (value is not null)
+				current_state.Values.Add(property.Name, value);
+		}
+		if (SavedStates is null) SavedStates = new ObservableCollection<State>();
+		SavedStates.Add(current_state);
+	}
+
+	public State? LoadComponentState(string ComponentId)
+	{
+		if (string.IsNullOrEmpty(ComponentId)) return null;
+		if (SavedStates is not null)
+		{
+			var Component = SavedStates.Where(state => state.Id == ComponentId).FirstOrDefault();
+			return Component;
+		}
+		return null;
+	}
+
+	public bool RemoveComponentState(string ComponentId)
+	{
+		bool result = false;
+		try
+		{
+			if (SavedStates is not null)
+			{
+				return SavedStates.Remove(SavedStates.FirstOrDefault(state => state.Id == ComponentId));
+			}
+		} catch (Exception ex)
+		{
+			result = false;
+		}
+		return result;
+	}
+
+	public bool ClearComponentStates()
+	{
+		bool result = false;
+		try
+		{
+			if (SavedStates is not null)
+			{
+				SavedStates.Clear();
+				result = true;
+			}
+		} catch
+		{
+			result = false;
+		}
+		return result;
+	}
+
+	private ObservableCollection<State>? SavedStates { get; set; } = new();
+
+}