From 02e2aeb6d171a2696e9dd4b086103186ae3e03b1 Mon Sep 17 00:00:00 2001
From: Leigh Pointer <leigh.pointer@outlook.com>
Date: Thu, 20 Jul 2023 13:56:29 +0200
Subject: [PATCH 1/2] Extended control to set the Required attribute

The control now allow the required attribute to be set.  This will now give better UX feedback.
---
 .../Modules/Controls/AutoComplete.razor       | 44 ++++++++++++-------
 1 file changed, 29 insertions(+), 15 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/AutoComplete.razor b/Oqtane.Client/Modules/Controls/AutoComplete.razor
index b464fd20..8aca8d48 100644
--- a/Oqtane.Client/Modules/Controls/AutoComplete.razor
+++ b/Oqtane.Client/Modules/Controls/AutoComplete.razor
@@ -2,7 +2,7 @@
 @inherits LocalizableComponent
 
 <div class="app-autocomplete">
-	<input class="form-control" value="@Value" @oninput="OnInput" @onkeyup="OnKeyUp" placeholder="@Placeholder" autocomplete="off" />
+    <input class="form-control" value="@Value" @oninput="OnInput" @onkeyup="OnKeyUp" placeholder="@Placeholder" autocomplete="off" @attributes="InputAttributes" />
 	@if (_results != null)
 	{
 		<select class="form-select" style="position: relative;" value="@Value" size="@Rows" @onkeyup="OnKeyUp" @onchange="(e => OnChange(e))">
@@ -29,27 +29,41 @@
 </div>
 
 @code {
-	Dictionary<string, string> _results;
+    Dictionary<string, string> _results;
+    Dictionary<string, object> InputAttributes { get; set; } = new();
 
-	[Parameter]
-	public Func<string, Task<Dictionary<string, string>>> OnSearch { get; set; } // required - an async delegate method which accepts a filter string parameter and returns a dictionary
+    [Parameter]
+    public Func<string, Task<Dictionary<string, string>>> OnSearch { get; set; } // required - an async delegate method which accepts a filter string parameter and returns a dictionary
 
-	[Parameter]
-	public int Characters { get; set; } = 3; // optional - number of characters before search is initiated
+    [Parameter]
+    public int Characters { get; set; } = 3; // optional - number of characters before search is initiated
 
-	[Parameter]
-	public int Rows { get; set; } = 3; // optional - number of result rows to display
+    [Parameter]
+    public int Rows { get; set; } = 3; // optional - number of result rows to display
 
-	[Parameter]
-	public string Placeholder { get; set; } // optional - placeholder input text
+    [Parameter]
+    public string Placeholder { get; set; } // optional - placeholder input text
 
-	[Parameter]
-	public string Value { get; set; } // value of item selected
+    [Parameter]
+    public string Value { get; set; } // value of item selected
 
-	[Parameter]
-	public string Key { get; set; } // key of item selected
+    [Parameter]
+    public string Key { get; set; } // key of item selected
 
-	private async Task OnInput(ChangeEventArgs e)
+    [Parameter]
+    public bool Required { get; set; } // optional - if the item is required
+
+    protected override void OnParametersSet()
+    {
+        if (Required)
+        {
+            if (!InputAttributes.ContainsKey(nameof(Required)))
+            {
+                InputAttributes.Add(nameof(Required), true);
+            }
+        }
+    }
+    private async Task OnInput(ChangeEventArgs e)
 	{
 		Value = e.Value?.ToString();
 		if (Value?.Length >= Characters)

From 2a0c983c2ef31f2aa1f26c4b392f336158a2900a Mon Sep 17 00:00:00 2001
From: Leigh Pointer <leigh.pointer@outlook.com>
Date: Wed, 26 Jul 2023 11:28:14 +0200
Subject: [PATCH 2/2] Handle if Parameter is set dynamically

---
 Oqtane.Client/Modules/Controls/AutoComplete.razor | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/Oqtane.Client/Modules/Controls/AutoComplete.razor b/Oqtane.Client/Modules/Controls/AutoComplete.razor
index 8aca8d48..89e74124 100644
--- a/Oqtane.Client/Modules/Controls/AutoComplete.razor
+++ b/Oqtane.Client/Modules/Controls/AutoComplete.razor
@@ -62,6 +62,13 @@
                 InputAttributes.Add(nameof(Required), true);
             }
         }
+        else
+        {
+            if (InputAttributes.ContainsKey(nameof(Required)))
+            {
+                InputAttributes.Remove(nameof(Required));
+            }
+        }
     }
     private async Task OnInput(ChangeEventArgs e)
 	{