CHORE: update nuget dependencies

MIGRATE: tailwind 4
UPDATE: tailwind cli instead of postcss plugin
FIX: generate qr in mobile app

Author: Ap73MKa

Src/.targets/TailwindIntegration.targets

@@ -0,0 +1,33 @@
+<Project>
+    <PropertyGroup>
+        <TailwindToolsVersion Condition="'$(TailwindToolsVersion)' == ''">4.0.3</TailwindToolsVersion>
+    </PropertyGroup>
+
+    <Target Name="TailwindBuild" BeforeTargets="CoreBuild" DependsOnTargets="GetTailwindInputs; AcquireTailwindTooling"
+            Inputs="@(TailwindFileInputs)" Outputs="$(TailwindCssOutput)">
+        <Exec Command="$(TailwindExePath) -i $(TailwindCssInput) -o $(TailwindCssOutput) --minify" />
+        <Touch Files="$(TailwindCssOutput)" />
+        <ItemGroup>
+            <FileWrites Include="$(TailwindCssOutput)" />
+        </ItemGroup>
+    </Target>
+
+    <Target Name="AcquireTailwindTooling" DependsOnTargets="GetTailwindInputs" Condition="!Exists('$(TailwindExePath)')">
+        <DownloadFile SourceUrl="https://github.com/tailwindlabs/tailwindcss/releases/download/v$(TailwindToolsVersion)/$(TailwindExeName)" DestinationFolder="$(TailwindExeDir)" />
+        <Exec Condition="!$([MSBuild]::IsOSPlatform('Windows'))" Command="chmod +x '$(TailwindExePath)'" />
+    </Target>
+    
+    <Target Name="GetTailwindInputs">
+        <PropertyGroup>
+            <TailwindExeName Condition="$([MSBuild]::IsOSPlatform('Windows'))">tailwindcss-windows-x64.exe</TailwindExeName>
+            <TailwindExeName Condition="$([MSBuild]::IsOSPlatform('Linux'))">tailwindcss-linux-x64</TailwindExeName>
+            <TailwindExeName Condition="$([MSBuild]::IsOSPlatform('OSX'))">tailwindcss-macos-x64</TailwindExeName>
+            <TailwindExeDir>$([System.IO.Path]::Combine("node_modules", $(TailwindToolsVersion)))</TailwindExeDir>
+            <TailwindExePath>$([System.IO.Path]::Combine($(TailwindExeDir), $(TailwindExeName)))</TailwindExePath>
+        </PropertyGroup>		
+        <ItemGroup>			
+            <TailwindFileInputs Include="$(MSBuildProjectDirectory)\**\*.css;$(MSBuildProjectDirectory)\**\*.razor;$(MSBuildProjectDirectory)\**\*.cshtml" />
+            <UpToDateCheckInput Include="@(TailwindFileInputs)" />
+        </ItemGroup>
+    </Target>
+</Project>

Src/Apps/Desktop/Pl.Desktop.Client/Pl.Desktop.Client.csproj

@@ -19,6 +19,9 @@
         <IncludeSymbols>false</IncludeSymbols>
         <GenerateTestArtifacts>false</GenerateTestArtifacts>
         <EnableDefaultCssItems>false</EnableDefaultCssItems>
+
+        <TailwindCssInput>wwwroot\app.css</TailwindCssInput>
+        <TailwindCssOutput>wwwroot\app.min.css</TailwindCssOutput>
     </PropertyGroup>
 
     <ItemGroup Label="Directory.Packages.props">
@@ -35,8 +38,8 @@
     </ItemGroup>
 
     <ItemGroup Label="Packages">
-        <PackageReference Include="Microsoft.Extensions.Options" VersionOverride="9.0.1" />
-        <PackageReference Include="Microsoft.WindowsAppSDK" VersionOverride="1.6.250108002" />
+        <PackageReference Include="Microsoft.Extensions.Options" VersionOverride="9.0.2" />
+        <PackageReference Include="Microsoft.WindowsAppSDK" VersionOverride="1.6.250205002" />
 
         <PackageReference Include="Velopack" VersionOverride="0.0.1053"/>
 
@@ -84,10 +87,7 @@
         <Content Include="..\..\..\Libs\Pl.Components\Shared\_Imports.razor" Link="_Imports.razor" CopyToOutputDirectory="PreserveNewest" />
     </ItemGroup>
 
-    <Import Project="..\..\..\.targets\NodePackages.targets" />
+    <Import Project="..\..\..\.targets\TailwindIntegration.targets" />
     <Import Project="..\..\..\.targets\AppSettingsForMaui.targets" />
 
-    <Target Name="StaticsBuild" BeforeTargets="PreBuildEvent">
-      <Exec Command="npm run build" />
-    </Target>
-</Project>
+</Project>

Src/Apps/Desktop/Pl.Desktop.Client/Source/Features/DeviceStatusIcons/PrinterStatusIcon.razor

@@ -10,7 +10,7 @@
   Class="relative"
   OnClick="@PrintStatusMessage"
 >
-  <div class="@Css.Class("size-3 rounded-full shadow-sm overflow-hidden absolute -top-1 -right-1", GetIndicatorStyle)"></div>
+  <div class="@Css.Class("size-3 rounded-full shadow-xs overflow-hidden absolute -top-1 -right-1", GetIndicatorStyle)"></div>
   <PrinterIcon class="@Css.Class("size-5", GetIconStyle)"/>
 </Button>
 

Src/Apps/Desktop/Pl.Desktop.Client/Source/Features/DeviceStatusIcons/ScaleStatusIcon.razor

@@ -10,7 +10,7 @@
   Class="relative"
   OnClick="@PrintStatusMessage"
 >
-  <div class="@Css.Class("size-3 rounded-full shadow-sm overflow-hidden absolute -top-1 -right-1", GetIndicatorStyle)"></div>
+  <div class="@Css.Class("size-3 rounded-full shadow-xs overflow-hidden absolute -top-1 -right-1", GetIndicatorStyle)"></div>
   <ScaleIcon class="@Css.Class("size-5", GetIconStyle)"/>
 </Button>
 

Src/Apps/Desktop/Pl.Desktop.Client/Source/Features/MobileNumericInput/MobileNumericDisplay.razor

@@ -7,7 +7,7 @@
   maxlength="@Parent.MaxDigitCount"
   placeholder="1"
   inputmode="none"
-  class="w-full border px-3 py-2 focus:border-border focus:outline-none rounded-lg focus:ring-0 text-right text-4xl"
+  class="w-full border px-3 py-2 focus:border-border focus:outline-hidden rounded-lg focus:ring-0 text-right text-4xl"
 />
 
 @code {

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Labels/LabelsPage.razor

@@ -22,7 +22,7 @@
       </div>
     </AppHeader>
     <div class="size-full flex flex-col grow overflow-hidden items-center justify-center px-8 pt-2 pb-4">
-      <div class="w-full grid grid-rows-1 gap-4 grid-cols-[1fr,1.5fr] h-[34rem] max-w-screen-2xl overflow-hidden">
+      <div class="w-full grid grid-rows-1 gap-4 grid-cols-[1fr_1.5fr] h-[34rem] max-w-screen-2xl overflow-hidden">
         <LabelConfig />
         <LabelCreateForm />
       </div>

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Pallet/FunctionalityDescription/FunctionalityDescription.razor

@@ -1,6 +1,6 @@
 @using Blazor.Heroicons
 
-<div class="rounded-md max-w-2xl max-h-full overflow-y-auto border shadow-sm bg-background p-6 w-full">
+<div class="rounded-md max-w-2xl max-h-full overflow-y-auto border shadow-xs bg-background p-6 w-full">
   <div class="flex flex-col space-y-1.5">
     <h3 class="font-semibold leading-none tracking-tight">
       @Localizer["FuncCardHeader"]

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Pallet/LabelsGrid.razor

@@ -25,7 +25,7 @@
     </div>
     <div class="flex w-full pb-2 justify-between items-end">
       <div class="w-1/2 pb-2">
-        <div class="w-full border bg-background rounded-md pb-0.5 px-2 h-9 flex items-center shadow-sm gap-2 justify-between overflow-hidden">
+        <div class="w-full border bg-background rounded-md pb-0.5 px-2 h-9 flex items-center shadow-xs gap-2 justify-between overflow-hidden">
           <Heroicon
             Name="@HeroiconName.MagnifyingGlass"
             Type="HeroiconType.Outline"
@@ -36,7 +36,7 @@
             @bind="SearchingNumber"
             @bind:event="oninput"
             placeholder="@Localizer["SearchByNumberPlaceholder"]"
-            class="bg-transparent size-full text-sm focus:outline-none focus:border-0 focus:ring-0"
+            class="bg-transparent size-full text-sm focus:outline-hidden focus:border-0 focus:ring-0"
           />
         </div>
       </div>
@@ -48,7 +48,7 @@
     </div>
   </div>
   <div class="size-full grow overflow-hidden px-6 pb-6 pt-0">
-    <div class="rounded-md border size-full bg-background shadow-sm overflow-hidden">
+    <div class="rounded-md border size-full bg-background shadow-xs overflow-hidden">
       <div class="size-full overflow-y-auto">
         <UseEndpoint Endpoint="@PalletEndpoints.PalletLabelsEndpoint" Arg="@new(Pallet.Id)" Context="labelsQuery">
           <FluentDataGrid

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Pallet/PalletManForm.razor

@@ -1,6 +1,6 @@
 @using vNext.BlazorComponents.FluentValidation
 
-<div class="rounded-lg overflow-hidden max-w-sm p-6 border shadow-sm bg-background w-full">
+<div class="rounded-lg overflow-hidden max-w-sm p-6 border shadow-xs bg-background w-full">
   <div class="w-full pb-4 border-b">
     <h2 class="text-lg font-semibold leading-none tracking-tight">
       @Localizer["PalletManFormHeader"]

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Pallet/PalletPage.razor

@@ -24,7 +24,7 @@
       }
       else
       {
-      <div class="size-full grid grid-rows-1 grid-cols-[24rem,2fr] rounded-lg shadow-sm bg-background border divide-x max-w-screen-2xl overflow-hidden">
+      <div class="size-full grid grid-rows-1 grid-cols-[24rem_2fr] rounded-lg shadow-xs bg-background border divide-x max-w-screen-2xl overflow-hidden">
         <PalletSelect />
         <div class="size-full overflow-hidden">
           @if (PalletState.Value.Pallet == null)

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Pallet/PalletSelect/PalletSelectItem.razor

@@ -6,7 +6,7 @@
   type="button"
   disabled="@IsSelected"
   @onclick="@(() => Dispatcher.Dispatch(new ChangePalletAction(Pallet)))"
-  class="@Css.Class("w-full h-18 shrink-0 px-4 pb-2.5 pt-2 items-center flex shadow-sm transition-colors rounded-md border hover:bg-secondary/[.6]",
+  class="@Css.Class("w-full h-18 shrink-0 px-4 pb-2.5 pt-2 items-center flex shadow-xs transition-colors rounded-md border hover:bg-secondary/[.6]",
            IsSelected ? "bg-secondary hover:bg-secondary" : string.Empty)"
 >
   <div class="size-full overflow-hidden grow flex gap-0.5 flex-col">

Src/Apps/Desktop/Pl.Desktop.Client/Source/Pages/Pallet/PalletSelect/PalletSelectSearching.razor

@@ -10,7 +10,7 @@
       @bind="SearchingString"
       @bind:event="oninput"
       @bind:after="OnInputChanged"
-      class="size-full border-none text-sm pl-1 focus:outline-none focus:ring-0"
+      class="size-full border-none text-sm pl-1 focus:outline-hidden focus:ring-0"
       placeholder="@Localizer["SearchByNumberPlaceholder"]"/>
   </div>
   <div class="w-9">

Src/Apps/Desktop/Pl.Desktop.Client/appsettings.DevelopVS.json

@@ -1,7 +1,7 @@
 {
   "System": {
     "Language": "ru-RU",
-    "FullScreenMode": true,
+    "FullScreenMode": false,
     "MockPrinter": false,
     "MockScales": true
   },