Docs: update Material, AntDesign and PWA guides (#6523)

* antdesign and material

* pwa docs

* descriptions

Author: stsrki

Documentation/Blazorise.Docs/Layouts/DocsLayout.razor

@@ -46,11 +46,13 @@
                         </BarItem>
                         <BarItem>
                             <BarDropdown @bind-Visible="@sideBarIntegrationsMenuVisible">
-                                <BarDropdownToggle To="docs/usage">
+                                <BarDropdownToggle To="docs/usage" Trigger="BarDropdownToggleTrigger.All">
                                     <BarIcon IconName="IconName.BookReader" /> Integrations
                                 </BarDropdownToggle>
                                 <BarDropdownMenu>
-                                    <BarDropdownItem To="docs/usage/ant-design">Ant Design</BarDropdownItem>
+                                    <BarDropdownItem To="docs/usage/ant-design" Flex="Flex.JustifyContent.Between">
+                                        <DocsNewFeatureBadge>Ant Design</DocsNewFeatureBadge>
+                                    </BarDropdownItem>
                                     <BarDropdownItem To="docs/usage/bootstrap4">Bootstrap 4</BarDropdownItem>
                                     <BarDropdownItem To="docs/usage/bootstrap5">Bootstrap 5</BarDropdownItem>
                                     <BarDropdownItem To="docs/usage/bulma">Bulma</BarDropdownItem>

Documentation/Blazorise.Docs/Models/Snippets.generated.cs

@@ -4918,8 +4918,13 @@ public IEnumerable<ValidationResult> Validate( ValidationContext validationConte
 
         public const string AnalyzerSeverityExample = @"dotnet_diagnostic.BLZP004.severity = error";
 
-        public const string AntDesignScriptsExample = @"<script src=""_content/Blazorise.AntDesign/modal.js?v=2.0.4.0"" type=""module""></script>
-<script src=""_content/Blazorise.AntDesign/tooltip.js?v=2.0.4.0"" type=""module""></script>";
+        public const string AnimateScriptsExample = @"<script src=""_content/Blazorise.Animate/blazorise.animate.js?v=2.0.4.0""></script>";
+
+        public const string AntDesignScriptsExample = @"<script src=""_content/Blazorise.AntDesign/bar.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise.AntDesign/modal.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise.AntDesign/segmented.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise.AntDesign/tooltip.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise.AntDesign/wave.js?v=2.0.4.0"" type=""module""></script>";
 
         public const string Bootstrap5ScriptsExample = @"<script src=""_content/Blazorise.Bootstrap5/modal.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise.Bootstrap5/tooltip.js?v=2.0.4.0"" type=""module""></script>";
@@ -4932,12 +4937,20 @@ public IEnumerable<ValidationResult> Validate( ValidationContext validationConte
 
         public const string ButtonJavascriptMockTestingExample = @"JSInterop.AddBlazoriseButton();";
 
+        public const string CaptchaReCaptchaScriptsExample = @"<script src=""_content/Blazorise.Captcha.ReCaptcha/blazorise.recaptcha.js?v=2.0.4.0"" type=""module""></script>";
+
+        public const string ChartsAnnotationScriptsExample = @"<script src=""_content/Blazorise.Charts.Annotation/chart.annotation.js?v=2.0.4.0"" type=""module""></script>";
+
+        public const string ChartsDataLabelsScriptsExample = @"<script src=""_content/Blazorise.Charts.DataLabels/chart.datalabels.js?v=2.0.4.0"" type=""module""></script>";
+
         public const string ChartsScriptsExample = @"<script src=""_content/Blazorise.Charts/charts.js?v=2.0.4.0"" type=""module""></script>";
 
         public const string ChartsStreamingScriptsExample = @"<script src=""_content/Blazorise.Charts.Streaming/charts.streaming.js?v=2.0.4.0"" type=""module""></script>";
 
         public const string ChartsTrendlineScriptsExample = @"<script src=""_content/Blazorise.Charts.Trendline/charts.trendline.js?v=2.0.4.0"" type=""module""></script>";
 
+        public const string ChartsZoomScriptsExample = @"<script src=""_content/Blazorise.Charts.Zoom/chart.zoom.js?v=2.0.4.0"" type=""module""></script>";
+
         public const string CommonScriptsExample = @"<script src=""_content/Blazorise/breakpoint.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/button.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/closable.js?v=2.0.4.0"" type=""module""></script>
@@ -4947,20 +4960,25 @@ public IEnumerable<ValidationResult> Validate( ValidationContext validationConte
 <script src=""_content/Blazorise/dropdown.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/fileInput.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/filePicker.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise/floatingUi.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/inputMask.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/io.js?v=2.0.4.0"" type=""module""></script>
-<script src=""_content/Blazorise/memoEdit.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise/memoInput.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise/modal.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/numericPicker.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/observer.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise/rangeSlider.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/table.js?v=2.0.4.0"" type=""module""></script>
-<script src=""_content/Blazorise/textEdit.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise/textInput.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/theme.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/timePicker.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/tooltip.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise/utilities.js?v=2.0.4.0"" type=""module""></script>";
 
         public const string ComponentsImportExample = @"@using Blazorise.Components";
 
+        public const string CropperScriptsExample = @"<script src=""_content/Blazorise.Cropper/blazorise.cropper.js?v=2.0.4.0"" type=""module""></script>";
+
         public const string DatagridScriptsExample = @"<script src=""_content/Blazorise.DataGrid/datagrid.js?v=2.0.4.0"" type=""module""></script>";
 
         public const string EmptyProviderExample = @"public void ConfigureServices( IServiceCollection services )
@@ -4969,9 +4987,17 @@ public IEnumerable<ValidationResult> Validate( ValidationContext validationConte
     .AddEmptyProviders();
 }";
 
+        public const string FluentUI2ScriptsExample = @"<script src=""_content/Blazorise.FluentUI2/modal.js?v=2.0.4.0"" type=""module""></script>
+<script src=""_content/Blazorise.FluentUI2/tooltip.js?v=2.0.4.0"" type=""module""></script>";
+
+        public const string GanttScriptsExample = @"<script src=""_content/Blazorise.Gantt/gantt.js?v=2.0.4.0"" type=""module""></script>";
+
+        public const string LottieAnimationScriptsExample = @"<script src=""_content/Blazorise.LottieAnimation/lottie-animation.js?v=2.0.4.0"" type=""module""></script>";
+
         public const string MarkdownScriptsExample = @"<script src=""_content/Blazorise.Markdown/markdown.js?v=2.0.4.0"" type=""module""></script>";
 
-        public const string MaterialScriptsExample = @"<script src=""_content/Blazorise.Material/modal.js?v=2.0.4.0"" type=""module""></script>
+        public const string MaterialScriptsExample = @"<script src=""_content/Blazorise.Material/blazorise.material.js?v=2.0.4.0""></script>
+<script src=""_content/Blazorise.Material/modal.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise.Material/tooltip.js?v=2.0.4.0"" type=""module""></script>";
 
         public const string McpClientConfigExample = @"{
@@ -5015,8 +5041,18 @@ public IEnumerable<ValidationResult> Validate( ValidationContext validationConte
 
         public const string MigrationSmokeTestExample = @"blazorise-migrate --version";
 
+        public const string PdfViewerScriptsExample = @"<script src=""_content/Blazorise.PdfViewer/pdfviewer.js?v=2.0.4.0"" type=""module""></script>";
+
+        public const string QRCodeScriptsExample = @"<script src=""_content/Blazorise.QRCode/blazorise.qrcode.js?v=2.0.4.0"" type=""module""></script>";
+
         public const string RichTextEditScriptsExample = @"<script src=""_content/Blazorise.RichTextEdit/richtextedit.js?v=2.0.4.0"" type=""module""></script>";
 
+        public const string SchedulerScriptsExample = @"<script src=""_content/Blazorise.Scheduler/scheduler.js?v=2.0.4.0"" type=""module""></script>";
+
+        public const string SignaturePadScriptsExample = @"<script src=""_content/Blazorise.SignaturePad/signaturepad.js"" type=""module""></script>";
+
+        public const string SplitterScriptsExample = @"<script src=""_content/Blazorise.Splitter/blazorise.splitter.js?v=2.0.4.0"" type=""module""></script>";
+
         public const string TailwindScriptsExample = @"<script src=""_content/Blazorise.Tailwind/modal.js?v=2.0.4.0"" type=""module""></script>
 <script src=""_content/Blazorise.Tailwind/tooltip.js?v=2.0.4.0"" type=""module""></script>";
 
@@ -13366,7 +13402,7 @@ protected override void OnInitialized()
     .AddAntDesignProviders()
     .AddFontAwesomeIcons();";
 
-        public const string AntDesignGuideSourceFilesExample = @"<link rel=""stylesheet"" href=""https://cdnjs.cloudflare.com/ajax/libs/antd/4.24.15/antd.min.css"" integrity=""sha512-Ac6zlwN6S+uQSinFAcV27Gd/TtKEDt7XWXn2xWO4Xi9dTbbpT9/vJb+VT5af6nZywrgBD3qUFTb5y1VN4YD94Q=="" crossorigin=""anonymous"" referrerpolicy=""no-referrer"" />
+        public const string AntDesignGuideSourceFilesExample = @"<link href=""_content/Blazorise.AntDesign/antd.css?v=2.0.4.0"" rel=""stylesheet"" />
 <link href=""_content/Blazorise.Icons.FontAwesome/v6/css/all.min.css?v=2.0.4.0"" rel=""stylesheet"">
 
 <link href=""_content/Blazorise/blazorise.css?v=2.0.4.0"" rel=""stylesheet"" />
@@ -13523,7 +13559,7 @@ protected override void OnInitialized()
     .AddMaterialIcons();";
 
         public const string MaterialGuideSourceFilesExample = @"<!-- In <head> -->
-<!-- Optional: Material icons webfont (recommended when using Blazorise.Icons.Material) -->
+<!-- Required when using Blazorise.Icons.Material -->
 <link href=""https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp|Material+Icons+Round|Material+Icons+Two+Tone"" rel=""stylesheet"">
 
 <link href=""_content/Blazorise/blazorise.css?v=2.0.4.0"" rel=""stylesheet"" />

Documentation/Blazorise.Docs/Pages/Docs/Code/AnimateScriptsExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.Animate/blazorise.animate.js?v=2.0.4.0</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+</pre></div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Code/AntDesignScriptsExampleCode.html

@@ -1,6 +1,9 @@
 <div class="blazorise-codeblock">
 <div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.AntDesign/bar.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
 <span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.AntDesign/modal.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.AntDesign/segmented.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
 <span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.AntDesign/tooltip.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.AntDesign/wave.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
 </pre></div>
-</div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Code/CaptchaReCaptchaScriptsExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.Captcha.ReCaptcha/blazorise.recaptcha.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+</pre></div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Code/ChartsAnnotationScriptsExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.Charts.Annotation/chart.annotation.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+</pre></div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Code/ChartsDataLabelsScriptsExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.Charts.DataLabels/chart.datalabels.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+</pre></div>
+</div>

Documentation/Blazorise.Docs/Pages/Docs/Code/ChartsZoomScriptsExampleCode.html

@@ -0,0 +1,5 @@
+<div class="blazorise-codeblock">
+<div class="html"><pre>
+<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">script</span> <span class="htmlAttributeName">src</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">_content/Blazorise.Charts.Zoom/chart.zoom.js?v=2.0.4.0</span><span class="quot">&quot;</span> <span class="htmlAttributeName">type</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="htmlAttributeValue">module</span><span class="quot">&quot;</span><span class="htmlTagDelimiter">&gt;</span><span class="htmlTagDelimiter">&lt;/</span><span class="htmlElementName">script</span><span class="htmlTagDelimiter">&gt;</span>
+</pre></div>
+</div>