Updating Mudblazor Version

Components/Form/FormCheckboxComponent.razor

@@ -51,20 +51,15 @@
 
 @code {
 
-    [Parameter]
-    public string Label { get; set; } = "";
+    [Parameter] public string Label { get; set; } = "";
 
-    [Parameter]
-    public string Info { get; set; } = "";
+    [Parameter] public string Info { get; set; } = "";
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
-    [Parameter]
-    public bool ReadOnly { get; set; }
+    [Parameter] public bool ReadOnly { get; set; }
 
-    [Parameter]
-    public bool Value { get; set; }
+    [Parameter] public bool Value { get; set; }
 
     private string labelId = "";
 

Components/Form/FormDisplayComponent.razor

@@ -35,23 +35,18 @@
 </style>
 
 @code {
+
     //TODO Clean up
-    [Parameter]
-    public string Label { get; set; } = default!;
+    [Parameter] public string Label { get; set; } = default!;
 
-    [Parameter]
-    public string Info { get; set; } = default!;
+    [Parameter] public string Info { get; set; } = default!;
 
-    [Parameter]
-    public RenderFragment? Display { get; set; }
+    [Parameter] public RenderFragment? Display { get; set; }
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
-    [Parameter]
-    public bool? ReadOnly { get; set; }
+    [Parameter] public bool? ReadOnly { get; set; }
 
-    [Parameter]
-    public string? Value { get; set; }
+    [Parameter] public string? Value { get; set; }
 
 }

Components/Form/FormEscapeCodeComponent.razor

@@ -2,11 +2,11 @@
 <div class="escapeCodeContainer">
     <textarea style="background-color: #2C2E33; width: 100%; border:3px solid #A8ADB9; border-radius:1px; padding: 8px;"
               rows="8"
-              @onchange="OnChange" />
+              @onchange="OnChange"/>
 
     <textarea style="background-color: #2C2E33; width: 100%; border:3px solid #A8ADB9; border-radius:1px; padding: 8px;"
               rows="8"
-              @bind="Output" />
+              @bind="Output"/>
 </div>
 
 <style>

Components/Form/FormGuessComponent.razor

@@ -73,20 +73,15 @@
 
 @code {
 
-    [Parameter]
-    public string Label { get; set; } = "";
+    [Parameter] public string Label { get; set; } = "";
 
-    [Parameter]
-    public string Info { get; set; } = "";
+    [Parameter] public string Info { get; set; } = "";
 
-    [Parameter]
-    public EventCallback<AnswerEventArgs> OnChange { get; set; } = default!;
+    [Parameter] public EventCallback<AnswerEventArgs> OnChange { get; set; }
 
-    [Parameter]
-    public MemoryQuestionModel MemoryQuestion { get; set; } = default!;
+    [Parameter] public MemoryQuestionModel MemoryQuestion { get; set; } = default!;
 
-    [Parameter]
-    public bool IsSubmitted { get; set; }
+    [Parameter] public bool IsSubmitted { get; set; }
 
 
     private string? guess = "";

Components/Form/FormInfoComponent.razor

@@ -6,7 +6,6 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment? ChildContent { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
 
 }

Components/Form/FormLabelComponent.razor

@@ -4,7 +4,6 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment? ChildContent { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
 
 }

Components/Form/FormLayoutComponent.razor

@@ -4,7 +4,6 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment? ChildContent { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
 
 }

Components/Form/FormNumberComponent.razor

@@ -38,17 +38,13 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment? FormLabelComponent { get; set; }
+    [Parameter] public RenderFragment? FormLabelComponent { get; set; }
 
-    [Parameter]
-    public string Id { get; set; } = default!;
+    [Parameter] public string Id { get; set; } = default!;
 
-    [Parameter]
-    public RenderFragment? FormInfoComponent { get; set; }
+    [Parameter] public RenderFragment? FormInfoComponent { get; set; }
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
     void OnInputChanged(ChangeEventArgs changeEventArgs)
     {
@@ -73,16 +69,12 @@
         }
     }
 
-    [Parameter]
-    public bool ReadOnly { get; set; } = false;
+    [Parameter] public bool ReadOnly { get; set; }
 
-    [Parameter]
-    public int Value { get; set; } = 0;
+    [Parameter] public int Value { get; set; }
 
-    [Parameter]
-    public int Min { get; set; } = 0;
+    [Parameter] public int Min { get; set; }
 
-    [Parameter]
-    public int Max { get; set; } = 2048;
+    [Parameter] public int Max { get; set; } = 2048;
 
 }

Components/Form/FormSelectComponent.razor

@@ -17,16 +17,12 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment? FormLabelComponent { get; set; }
+    [Parameter] public RenderFragment? FormLabelComponent { get; set; }
 
-    [Parameter]
-    public RenderFragment? FormInfoComponent { get; set; }
+    [Parameter] public RenderFragment? FormInfoComponent { get; set; }
 
-    [Parameter]
-    public RenderFragment? ChildContent { get; set; }
+    [Parameter] public RenderFragment? ChildContent { get; set; }
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
 }

Components/Form/FormTextAreaComponent.razor

@@ -11,7 +11,7 @@
                   type="text"
                   rows="@Rows"
                   value="@Value"
-                  @onchange="OnChange" />
+                  @onchange="OnChange"/>
     </div>
     @if (Info != "")
     {
@@ -56,32 +56,23 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment? FormLabelComponent { get; set; }
+    [Parameter] public RenderFragment? FormLabelComponent { get; set; }
 
-    [Parameter]
-    public RenderFragment? FormInfoComponent { get; set; }
+    [Parameter] public RenderFragment? FormInfoComponent { get; set; }
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
-    [Parameter]
-    public bool? ReadOnly { get; set; }
+    [Parameter] public bool? ReadOnly { get; set; }
 
-    [Parameter]
-    public string? Value { get; set; }
+    [Parameter] public string? Value { get; set; }
 
-    [Parameter]
-    public int Rows { get; set; } = 4;
+    [Parameter] public int Rows { get; set; } = 4;
 
-    [Parameter]
-    public string Label { get; set; } = "";
+    [Parameter] public string Label { get; set; } = "";
 
-    [Parameter]
-    public string Info { get; set; } = "";
+    [Parameter] public string Info { get; set; } = "";
 
-    [Parameter]
-    public string Placeholder { get; set; } = "";
+    [Parameter] public string Placeholder { get; set; } = "";
 
     private string labelId = "";
 

Components/Form/FormTextComponent.razor

@@ -52,34 +52,25 @@
 
 @code {
 
-    [Parameter]
-    public string Id { get; set; } = "";
+    [Parameter] public string Id { get; set; } = "";
 
-    [Parameter]
-    public string Label { get; set; } = "";
+    [Parameter] public string Label { get; set; } = "";
 
-    [Parameter]
-    public string Info { get; set; } = "";
+    [Parameter] public string Info { get; set; } = "";
 
-    [Parameter]
-    public string Placeholder { get; set; } = "";
+    [Parameter] public string Placeholder { get; set; } = "";
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnInput { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnInput { get; set; }
 
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
-    [Parameter]
-    public EventCallback OnFocus { get; set; }
+    [Parameter] public EventCallback OnFocus { get; set; }
 
 
-    [Parameter]
-    public bool ReadOnly { get; set; }
+    [Parameter] public bool ReadOnly { get; set; }
 
-    [Parameter]
-    public string Value { get; set; } = "";
+    [Parameter] public string Value { get; set; } = "";
 
     private string labelId = "";
 

Components/Form/FormToggleComponent.razor

@@ -44,74 +44,69 @@
         font-size: 0.8rem;
         font-style: italic;
     }
-    
+
     .switch {
-      position: relative;
-      width: 60px;
-      height: 34px;
-      display: flex;
-      align-items: center;
-      top: 4px;
+        position: relative;
+        width: 60px;
+        height: 34px;
+        display: flex;
+        align-items: center;
+        top: 4px;
     }
-    
-    .switch input { 
-      opacity: 0;
+
+    .switch input {
+        opacity: 0;
     }
-    
+
     .slider {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: var(--paper-border);
-      -webkit-transition: .4s;
-      transition: .4s;
-      border-radius: 34px;
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: var(--paper-border);
+        -webkit-transition: .4s;
+        transition: .4s;
+        border-radius: 34px;
     }
-    
+
     .slider:before {
-      position: absolute;
-      content: "";
-      height: 26px;
-      width: 26px;
-      left: 4px;
-      bottom: 4px;
-      background-color: white;
-      -webkit-transition: .4s;
-      transition: .4s;
-      border-radius: 50%;
+        position: absolute;
+        content: "";
+        height: 26px;
+        width: 26px;
+        left: 4px;
+        bottom: 4px;
+        background-color: white;
+        -webkit-transition: .4s;
+        transition: .4s;
+        border-radius: 50%;
     }
-    
+
     .checked + .slider {
-          background-color: #7838df;
-     }
-     
-     .checked + .slider:before {
-           -webkit-transform: translateX(26px);
-           -ms-transform: translateX(26px);
-           transform: translateX(26px);
-         }
-    
+        background-color: #7838df;
+    }
+
+    .checked + .slider:before {
+        -webkit-transform: translateX(26px);
+        -ms-transform: translateX(26px);
+        transform: translateX(26px);
+    }
+
 </style>
 
 @code {
 
-    [Parameter]
-    public string Label { get; set; } = "";
+    [Parameter] public string Label { get; set; } = "";
 
-    [Parameter]
-    public string Info { get; set; } = "";
+    [Parameter] public string Info { get; set; } = "";
 
-    [Parameter]
-    public EventCallback<ChangeEventArgs> OnChange { get; set; }
+    [Parameter] public EventCallback<ChangeEventArgs> OnChange { get; set; }
 
-    [Parameter]
-    public bool ReadOnly { get; set; }
+    [Parameter] public bool ReadOnly { get; set; }
 
-    [Parameter]
-    public bool Value { get; set; }
+    [Parameter] public bool Value { get; set; }
 
     private string labelId = "";