Merge pull request #443 from Inxton/update-operon-to-0-2-0-alpha-87

Update package version and improve form validation

Author: PTKu

Directory.Packages.props

@@ -9,7 +9,7 @@
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </GlobalPackageReference>
-    <PackageVersion Include="Inxton.Operon" Version="0.2.0-alpha.80" />
+    <PackageVersion Include="Inxton.Operon" Version="0.2.0-alpha.87" />
     <PackageVersion Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="9.0.2" Condition="'$(TargetFramework)' == 'net9.0'" />
     <PackageVersion Include="Microsoft.AspNetCore.Components.Web" Version="9.0.0" Condition="'$(TargetFramework)' == 'net9.0'" />
     <PackageVersion Include="System.Collections.Immutable" Version="9.0.0" Condition="'$(TargetFramework)' == 'net9.0'" />

src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/HtmlFiles/prgWeatherStations.html

@@ -1,27 +1,25 @@
 <div class="flex flex-wrap flex-col "><div><nav class="tab"><button class="tab-item active" blazor:onclick="4">North pole station</button><button class="tab-item " blazor:onclick="5">South pole station</button><button class="tab-item " blazor:onclick="6">Verl, Germany</button><button class="tab-item " blazor:onclick="7">Kriva, Slovakia</button></nav></div>
 
-    <div class="flex flex-wrap flex-col "><div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO"><div class="input-group "><label for:ignore="c42cf92e-0a92-49c5-a970-c2c1dcbbc90a">Station name (ICAO)</label><input type="text" id:ignore="c42cf92e-0a92-49c5-a970-c2c1dcbbc90a" class=" w-full min-w-20" blazor:onfocusin="8" blazor:onfocusout="9" readonly="readonly" value="" blazor:onchange="44" /></div>
+    <div class="flex flex-wrap flex-col "><div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO"><div class="input-group "><label for:ignore="ef700da4-5e81-4ea6-8c9c-988c6e2b4c90">Station name (ICAO)</label><input type="text" id:ignore="ef700da4-5e81-4ea6-8c9c-988c6e2b4c90" class=" w-full min-w-20" blazor:onfocusin="8" blazor:onfocusout="9" readonly="readonly" value="" blazor:onchange="44" /></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus"><div class="select-group"><label for:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_2a2d217a-ad73-42dd-8ac1-208b76c9243d">Station status</label>
-
-        <select id:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_2a2d217a-ad73-42dd-8ac1-208b76c9243d" class="min-w-6 " disabled="disabled"><option selected>Unknown</option></select></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Pressure"><div class="input-group "><label for:ignore="f05c23ee-88b8-43f2-8473-f7c19430d913">Pressure [Torr]</label><input type="number" id:ignore="f05c23ee-88b8-43f2-8473-f7c19430d913" class=" w-full min-w-20" blazor:onfocusin="11" blazor:onfocusout="12" step="any" readonly="readonly" value="0" blazor:onchange="45" /></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus"><div class="select-group"><label for:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_5db321b9-515c-4345-b4e4-f346001d3d52">Station status</label><select id:ignore="prgWeatherStations._weatherStations.NorthPole.StationStatus_5db321b9-515c-4345-b4e4-f346001d3d52" class="min-w-6 " disabled="disabled"><option selected>Unknown</option></select></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Pressure"><div class="input-group "><label for:ignore="4d9168e7-2d6f-4bfb-958d-15bac535aec8">Pressure [Torr]</label><input type="number" id:ignore="4d9168e7-2d6f-4bfb-958d-15bac535aec8" class=" w-full min-w-20" blazor:onfocusin="11" blazor:onfocusout="12" step="any" readonly="readonly" value="0" blazor:onchange="45" /></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Temp"><div class="input-group "><label for:ignore="5952e237-7552-40c2-9341-4a001855da61">Temperature [&#xB0;C]</label><input type="number" id:ignore="5952e237-7552-40c2-9341-4a001855da61" class=" w-full min-w-20" blazor:onfocusin="14" blazor:onfocusout="15" step="any" readonly="readonly" value="0" blazor:onchange="46" /></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Temp"><div class="input-group "><label for:ignore="3b43f63e-84dc-4648-9623-7c159283c69d">Temperature [&#xB0;C]</label><input type="number" id:ignore="3b43f63e-84dc-4648-9623-7c159283c69d" class=" w-full min-w-20" blazor:onfocusin="14" blazor:onfocusout="15" step="any" readonly="readonly" value="0" blazor:onchange="46" /></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Visibility"><div class="input-group "><label for:ignore="1cfed51f-f48b-46cc-bd20-0de8a6857bd6">Visibility [km]</label><input type="number" id:ignore="1cfed51f-f48b-46cc-bd20-0de8a6857bd6" class=" w-full min-w-20" blazor:onfocusin="17" blazor:onfocusout="18" step="any" readonly="readonly" value="0" blazor:onchange="47" /></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-Visibility"><div class="input-group "><label for:ignore="546924ad-d057-4ee5-8a85-9f7a28f577b3">Visibility [km]</label><input type="number" id:ignore="546924ad-d057-4ee5-8a85-9f7a28f577b3" class=" w-full min-w-20" blazor:onfocusin="17" blazor:onfocusout="18" step="any" readonly="readonly" value="0" blazor:onchange="47" /></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading"><div class="input-group "><label for:ignore="b509e667-ca6c-4b0f-81b9-6280d19e71ed">Wind heading [Azimuth]</label><input type="number" id:ignore="b509e667-ca6c-4b0f-81b9-6280d19e71ed" class=" w-full min-w-20" blazor:onfocusin="20" blazor:onfocusout="21" step="any" readonly="readonly" value="0" blazor:onchange="48" /></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading"><div class="input-group "><label for:ignore="d5f7b7e0-ff14-419c-b189-a6642fd23532">Wind heading [Azimuth]</label><input type="number" id:ignore="d5f7b7e0-ff14-419c-b189-a6642fd23532" class=" w-full min-w-20" blazor:onfocusin="20" blazor:onfocusout="21" step="any" readonly="readonly" value="0" blazor:onchange="48" /></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed"><div class="input-group "><label for:ignore="c69bbeec-4291-4fdd-9095-e788544fd272">Wind speed [m/s]</label><input type="number" id:ignore="c69bbeec-4291-4fdd-9095-e788544fd272" class=" w-full min-w-20" blazor:onfocusin="23" blazor:onfocusout="24" step="any" readonly="readonly" value="0" blazor:onchange="49" /></div>
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed"><div class="input-group "><label for:ignore="8794dc50-a308-40fc-ade4-663de5d36f5e">Wind speed [m/s]</label><input type="number" id:ignore="8794dc50-a308-40fc-ade4-663de5d36f5e" class=" w-full min-w-20" blazor:onfocusin="23" blazor:onfocusout="24" step="any" readonly="readonly" value="0" blazor:onchange="49" /></div>
     <div class="invalid-feedback hidden"></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDate"><div class="relative" tabindex="0" blazor:onkeydown="26"><div class="input-group"><label for:ignore="a23a14df-6b1f-4bd2-8ccd-ef98fae1dd24" class="text-gray-800 dark:text-gray-200 me-2">TestDate</label><div class="inline-flex items-center rounded-full bg-gray-200 dark:bg-gray-800"><input type="text" id:ignore="a23a14df-6b1f-4bd2-8ccd-ef98fae1dd24" class="p-2 focus:outline-none " size="4" blazor:onclick="27" blazor:onfocusin="28" blazor:onfocusout="29" readonly="readonly" value="1/1/0001" blazor:onchange="50" />
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDate"><div class="relative" tabindex="0" blazor:onkeydown="26"><div class="input-group"><label for:ignore="b700cb46-ab21-47b5-a0df-3032f00edc20" class="text-gray-800 dark:text-gray-200 me-2">TestDate</label><div class="inline-flex items-center rounded-picker bg-gray-200 dark:bg-gray-800"><input type="text" id:ignore="b700cb46-ab21-47b5-a0df-3032f00edc20" class="p-2 focus:outline-none " size="4" blazor:onclick="27" blazor:onfocusin="28" blazor:onfocusout="29" readonly="readonly" value="1/1/0001" blazor:onchange="50" />
             <button class="cursor-pointer me-2" blazor:onclick="31"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"></path></svg></button></div></div></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime"><div class="relative" tabindex="0" blazor:onkeydown="32"><div class="input-group"><label for:ignore="695ac62a-100a-4821-862e-ebe18c021b08" class="text-gray-800 dark:text-gray-200 me-2">TestDateTime</label><div class="inline-flex items-center rounded-full bg-gray-200 dark:bg-gray-800"><input type="text" id:ignore="695ac62a-100a-4821-862e-ebe18c021b08" class="p-2 focus:outline-none " size="16" blazor:onclick="33" blazor:onfocusin="34" blazor:onfocusout="35" title="Title" readonly="readonly" value="1/1/0001 12:00:00 AM" blazor:onchange="51" />
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime"><div class="relative" tabindex="0" blazor:onkeydown="32"><div class="input-group"><label for:ignore="6b9b8aec-3378-4cca-aabf-da40990c3cce" class="text-gray-800 dark:text-gray-200 me-2">TestDateTime</label><div class="inline-flex items-center rounded-picker bg-gray-200 dark:bg-gray-800"><input type="text" id:ignore="6b9b8aec-3378-4cca-aabf-da40990c3cce" class="p-2 focus:outline-none " size="16" blazor:onclick="33" blazor:onfocusin="34" blazor:onfocusout="35" title="Title" readonly="readonly" value="1/1/0001 12:00:00 AM" blazor:onchange="51" />
             <button class="cursor-pointer me-2" blazor:onclick="37"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"></path></svg></button></div></div></div>
-    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay"><div class="relative" tabindex="0" blazor:onkeydown="38"><div class="input-group"><label for:ignore="a36ebcbc-10bf-44d7-a760-140df063347f" class="text-gray-800 dark:text-gray-200 me-2">TestTimeOfDay</label><div class="inline-flex items-center rounded-full bg-gray-200 dark:bg-gray-800"><input type="text" id:ignore="a36ebcbc-10bf-44d7-a760-140df063347f" class="p-2 focus:outline-none " size="4" blazor:onclick="39" blazor:onfocusin="40" blazor:onfocusout="41" readonly="readonly" value="00:00:00" blazor:onchange="52" />
+    <div class="invalid-feedback"></div></div><div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay"><div class="relative" tabindex="0" blazor:onkeydown="38"><div class="input-group"><label for:ignore="2304bbb0-4310-4a2e-8aef-0b04f7c01f4e" class="text-gray-800 dark:text-gray-200 me-2">TestTimeOfDay</label><div class="inline-flex items-center rounded-picker bg-gray-200 dark:bg-gray-800"><input type="text" id:ignore="2304bbb0-4310-4a2e-8aef-0b04f7c01f4e" class="p-2 focus:outline-none " size="4" blazor:onclick="39" blazor:onfocusin="40" blazor:onfocusout="41" readonly="readonly" value="00:00:00" blazor:onchange="52" />
             <button class="cursor-pointer me-2" blazor:onclick="43"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg></button></div></div></div>
     <div class="invalid-feedback"></div></div></div><div class="simple-border"><h3>What plc says</h3>
-    <div class="mt-2"><div class="flex flex-wrap flex-col "><div name="prgWeatherStations-PlcCommentOnCurrentWeather"><div class="input-group "><label for:ignore="1baa54af-ef8e-482d-b11a-d4a57f06ef2d">What plc says</label><input type="text" id:ignore="1baa54af-ef8e-482d-b11a-d4a57f06ef2d" class=" w-full min-w-20" blazor:onfocusin="1" blazor:onfocusout="2" readonly="readonly" value="" blazor:onchange="3" /></div>
+    <div class="mt-2"><div class="flex flex-wrap flex-col "><div name="prgWeatherStations-PlcCommentOnCurrentWeather"><div class="input-group "><label for:ignore="e8dfe0b9-aa65-4158-aa45-39240bbae027">What plc says</label><input type="text" id:ignore="e8dfe0b9-aa65-4158-aa45-39240bbae027" class=" w-full min-w-20" blazor:onfocusin="1" blazor:onfocusout="2" readonly="readonly" value="" blazor:onchange="3" /></div>
     <div class="invalid-feedback hidden"></div>
     <div class="invalid-feedback"></div></div></div></div></div></div>