MudWatch (#41)

* MudWatch Initialize

* API

* Cleanup

Author: mckaragoz

CodeBeam.MudExtensions/CodeBeam.MudExtensions.csproj

@@ -25,9 +25,11 @@
     <PackageReference Include="MudBlazor" Version="6.0.17" />
   </ItemGroup>
 
-	<Target Name="ToolRestore" BeforeTargets="PreBuildEvent">
+	<!--Uncomment it on development and debug to generate min.css on rebuild-->
+	<!--This sections causes to fail auto deployment to CloudFlare-->
+	<!--<Target Name="ToolRestore" BeforeTargets="PreBuildEvent">
 		<Exec Command="dotnet tool restore" StandardOutputImportance="high" />
-	</Target>
+	</Target>-->
 
 	<Target Name="PreBuild" AfterTargets="ToolRestore">
 		<Exec Command="dotnet tool run webcompiler -r Styles/MudExtensions.scss -c excubowebcompiler.json" StandardOutputImportance="high" />

CodeBeam.MudExtensions/Components/Watch/MudWatch.razor

@@ -0,0 +1,30 @@
+@namespace MudExtensions
+@inherits MudComponentBase
+
+
+<div class="@Classname" style="@Style">
+    @if (Wheel)
+    {
+        @if (ShowHour)
+        {
+            <MudWheel @ref="_wheelHour" Class="mud-width-full" @bind-Value="_hour" ItemCollection="Hours" WheelLevel="0" Dense="@Dense" Color="@Color" ToStringFunc="new Func<int, string>(NumberToString)" />
+        }
+        @if (ShowMinute)
+        {
+            <MudWheel @ref="_wheelMinute" Class="mud-width-full" @bind-Value="_minute" ItemCollection="Minutes" WheelLevel="0" ToStringFunc="new Func<int, string>(NumberToString)" Dense="@Dense" Color="@Color" />
+        }
+        @if (ShowSecond)
+        {
+            <MudWheel @ref="_wheelSecond" Class="mud-width-full" @bind-Value="_second" ItemCollection="Seconds" WheelLevel="0" ToStringFunc="new Func<int, string>(NumberToString)" Dense="@Dense" Color="@Color" />
+        }
+        @if (ShowMillisecond)
+        {
+            <MudWheel Class="mud-width-full" @bind-Value="_milliSecond" ItemCollection="MilliSeconds" WheelLevel="0" ToStringFunc="new Func<int, string>(NumberToString)" Dense="@Dense" Color="@Color" />
+        }
+    }
+    else
+    {
+        <MudText Typo="@Typo" Color="@Color" Align="Align.Center">@GetWatchText() <MudText Inline="true" Typo="@TypoMillisecond">@($"{(ShowMillisecond ? _milliSecond.ToString("D3") : null)}")</MudText></MudText>
+    }
+</div>
+