update to mudblazor 7.x

Author: mhwlng

README.md

@@ -235,7 +235,7 @@ chromium-browser --noerrdialogs --disable-infobars --kiosk 'http://127.0.0.1:500
 
 For the 3840x1100 screen, you can increase the zoom level of chromium using --force-device-scale-factor=1.5 on the command line.
 
-If the web page checks for the dark mode system setting, --force-dark-mode can be added to the command line.
+If the web page checks for the dark mode system setting, --force-dark-mode --enable-features=WebContentsForceDark can be added to the command line.
 
 To disable the cache mechanism, --disk-cache-dir=/dev/null can be added to the command line.
 
@@ -355,7 +355,7 @@ I installed the 'Kiosk Mode' HACS frontend repository. See https://github.com/Ne
 
 Now, you can use the kiosk query parameter, to hide the header and sidebar on the dashboard:
 
-For example : http://192.168.2.34:8123/lovelace/home?kiosk
+For example : http://192.168.2.73:8123/lovelace/home?kiosk
 
 Note, that this only works correctly, if you hide the sidebar by default, for the Kiosk user:
 

kiosk-server/Pages/Kiosk.razor

@@ -3,7 +3,7 @@
 
 <MudLayout Class="d-flex flex-grow-1" Style="">
     <MudAppBar Elevation="0" Class="pa-0 ma-0 " Color="@(LayoutService.IsDarkMode ? @Color.Dark : @Color.Primary)">
-        <MudTabs Class="pa-0 ma-0" Elevation="0" Rounded="false" Border="false" DisableRipple="true" DisableSliderAnimation="true" Color="@(LayoutService.IsDarkMode ? @Color.Dark : @Color.Primary)" ActivePanelIndexChanged="ActivePanelIndexChanged" TabHeaderClass="@TabHeaderClass">
+        <MudTabs Class="pa-0 ma-0" Elevation="0" Rounded="false" Border="false" Ripple="false" SliderAnimation="false" Color="@(LayoutService.IsDarkMode ? @Color.Dark : @Color.Primary)" ActivePanelIndexChanged="ActivePanelIndexChanged" TabHeaderClass="@TabHeaderClass">
             @foreach (var url in RedirectUrlList)
             {
                 <MudTabPanel Text="@url.Name"/>

kiosk-server/Pages/Setup.razor

@@ -15,7 +15,7 @@
 
         </ToolBarContent>
         <Columns>
-            <PropertyColumn  T="RedirectItem" TProperty="int"  Property="x => x.Id" IsEditable="false" HeaderStyle="width:1%" CellStyle="text-align:center;"/>
+            <PropertyColumn T="RedirectItem" TProperty="int"  Property="x => x.Id" Editable="false" HeaderStyle="width:1%" CellStyle="text-align:center;"/>
             <PropertyColumn T="RedirectItem" TProperty="string" Property="x => x.Name" HeaderStyle="Width:20%">
                 <EditTemplate>
                     <MudTextField T="string" Value="context.Item.Name" ValueChanged="@(async (e) => { context.Item.Name = e;await CommittedItemChanges(context.Item); })" Margin="@Margin.Dense" Style="margin-top:0" />
@@ -27,11 +27,11 @@
                 </EditTemplate>
             </PropertyColumn>
 
-            <TemplateColumn T="RedirectItem"  IsEditable="false" Title="Action" HeaderStyle="width:1%" CellStyle="text-align:center;">
+            <TemplateColumn T="RedirectItem"  Editable="false" Title="Action" HeaderStyle="width:1%" CellStyle="text-align:center;">
                 <CellTemplate>
                     @if (!string.IsNullOrEmpty(context.Item.Url))
                     {
-                        <MudIconButton Size="@Size.Small" Icon="@Icons.Material.Outlined.Delete" Title="Delete" OnClick="@(async (e) => { await DeleteUrl(context.Item); })"/>
+                        <MudIconButton Size="@Size.Small" Icon="@Icons.Material.Outlined.Delete" title="Delete" OnClick="@(async (e) => { await DeleteUrl(context.Item); })"/>
                     }
 
                 </CellTemplate>

kiosk-server/Shared/EmptyLayout.razor

@@ -2,6 +2,7 @@
 @inherits LayoutComponentBase
 
 <MudThemeProvider IsDarkMode="@LayoutService.IsDarkMode"/>
+<MudPopoverProvider />
 <MudDialogProvider />
 <MudSnackbarProvider />
 

kiosk-server/kiosk-server.csproj

@@ -25,12 +25,12 @@
   </Target>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Authorization" Version="8.0.4" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.Analyzers" Version="8.0.4" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.4" />
+    <PackageReference Include="Microsoft.AspNetCore.Authorization" Version="8.0.8" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.Analyzers" Version="8.0.8" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.8" />
     <PackageReference Include="Microsoft.Extensions.Hosting.Systemd" Version="8.0.0" />
-    <PackageReference Include="Microsoft.JSInterop" Version="8.0.4" />
-    <PackageReference Include="MudBlazor" Version="6.19.1" />
+    <PackageReference Include="Microsoft.JSInterop" Version="8.0.8" />
+    <PackageReference Include="MudBlazor" Version="7.8.0" />
     <PackageReference Include="System.IO.Pipelines" Version="8.0.0" />
   </ItemGroup>