Feat: Task Listitem Inapplicable State (#131)

* Feat: Add inapplicable state handling for list items and refine CSS utility classes

* Extend Markdown tests to include task lists with inapplicable state validation.

Author: AnnaSasDev

src/InfiniLore.InfiniBlazor.Core.Components/InfiniCheckBox/InfiniCheckbox.razor

@@ -16,21 +16,24 @@
         type="checkbox"
         class="sr-only"
         checked="@IsChecked"
-        disabled="@IsDisabled"
+        disabled="@(IsDisabled || IsInapplicable)"
         @onfocus="@OnFocusAsync"
         @onblur="@OnBlurAsync"
-        tabindex="@(IsDisabled ? -1 : 0)"
+        tabindex="@(IsDisabled || IsInapplicable ? -1 : 0)"
         @onkeydown="@OnKeyDownAsync"
     />
     <!-- Custom checkbox appearance -->
-    <div 
-        class="@ConcatClasses(BackgroundClasses,ContainerBorderClasses, FocusClasses, Size.ToTailwindRounded()) border-2 p-0.5"
+    <div
+        class="@ConcatClasses(BackgroundClasses, ContainerBorderClasses, FocusClasses, Size.ToTailwindRounded()) border-2 p-0.5"
         @onclick="@OnToggleAsync">
-        @if (IsChecked) {
+        @if (IsInapplicable) {
+            <LiMinus Size="@Size.ToLucideIconSize()" Class="@WhenDisabled("text-(--color-base-50)", "text-(--color-base-20)")"/>
+        }
+        else if (IsChecked) {
             <LiCheck Size="@Size.ToLucideIconSize()" Class="@WhenDisabled("text-(--color-base-10)", "text-(--color-base-20)")"/>
         }
         else {
-            <LiSlash Size="@Size.ToLucideIconSize()"  Class="@WhenDisabled("text-(--color-base-50) p-1", "text-(--color-base-70) p-1")"/>
+            <LiSlash Size="@Size.ToLucideIconSize()" Class="@WhenDisabled("text-(--color-base-50) p-1", "text-(--color-base-70) p-1")"/>
         }
     </div>
     @ChildContent
@@ -42,7 +45,8 @@
 @code {
     [Parameter] public bool IsChecked { get; set; }
     [Parameter] public EventCallback<bool> IsCheckedChanged { get; set; }
-
+    [Parameter] public bool IsInapplicable { get; set; }
+    
     [Parameter] public Size Size { get; set; } = Size.M;
     private bool _isFocused;
 

src/InfiniLore.InfiniBlazor.Core.Markdown.Components/MdBlazorComponents/MdInfiniListItem.razor

@@ -17,12 +17,21 @@
 <li class="my-2 [&:has(>[data-checkbox])]:list-none [&>ul]:mt-2 [&>ol]:mt-2">
     @if (SyntaxNode.IsCheckable) {
         <InfiniCheckbox 
+            IsInapplicable="@SyntaxNode.IsInapplicable"
             Size="Size.S"
             Class="-ml-6 mr-2 align-bottom" 
             IsChecked="@SyntaxNode.IsChecked" 
             IsCheckedChanged="@OnCheckChanged"/>
     }
-    @ComponentConverter.RenderChildComponents(SyntaxNode)
+    @if (SyntaxNode.IsInapplicable) {
+        <CascadingIsDisabled>
+            <span class="text-(--color-base-20) line-through">@ComponentConverter.RenderChildComponents(SyntaxNode)</span>
+        </CascadingIsDisabled>
+    }
+    else {
+        @ComponentConverter.RenderChildComponents(SyntaxNode)
+    }
+    
 </li>
 @* ------------------------------------------------------------------------------------------------------------------ *@
 @* Code

src/InfiniLore.InfiniBlazor.Core.Markdown/Parsers/MarkdownString/Serializer/RegexLib/MdRegexLib.cs

@@ -76,13 +76,13 @@ public static partial class MdRegexLib {
             (?<htmlPost>.+)?
           )
         | (?<horizontalRule>^(?<hr>\ *?(\-{3,}?|_{3,}?)\ *?)$)
-        | (?<paragraph>(?<p>.+?)$)
+        | (?<paragraph>^(?<p>.+?)$)
         | (?<newLine>\n)
 
         """, RegexOptions.IgnorePatternWhitespace | RegexOptions.Multiline | RegexOptions.ExplicitCapture | RegexOptions.Compiled)]
     public static partial Regex MultilineStructuresRegex { get; }
 
-    [GeneratedRegex(@"^ *(?:-|(?<lIndex>\d*)\.)(?:(?<lTaskSpace> *)\[(?<lTask>[ xX])])?(?:(?<lSpace> *)(?<lHead>.+)|(?<lHead> )|(?<lHead>))(?<lBody>(?:\n +.*)*)", RegexOptions.Multiline | RegexOptions.ExplicitCapture | RegexOptions.Compiled)]
+    [GeneratedRegex(@"^ *(?:-|(?<lIndex>\d*)\.)(?:(?<lTaskSpace> *)\[(?<lTask>[ xX~])])?(?:(?<lSpace> *)(?<lHead>.+)|(?<lHead> )|(?<lHead>))(?<lBody>(?:\n +.*)*)", RegexOptions.Multiline | RegexOptions.ExplicitCapture | RegexOptions.Compiled)]
     public static partial Regex ListItemBodyRegex { get; }
 
     [GeneratedRegex("""

src/InfiniLore.InfiniBlazor.Core.Markdown/Syntax/Nodes/ListItemMdSyntaxNode.cs

@@ -8,6 +8,7 @@ namespace InfiniLore.InfiniBlazor.Markdown.Syntax.Nodes;
 // ---------------------------------------------------------------------------------------------------------------------
 public sealed class ListItemMdSyntaxNode : MdSyntaxNode<ListItemMdSyntaxNode> {
     public bool IsCheckable => OriginalCheckMarker.IsNotNullOrEmpty();
+    public bool IsInapplicable => OriginalCheckMarker.ElementAtOrDefault(0) == '~';
     public bool IsChecked => OriginalCheckMarker.ToLowerInvariant().ElementAtOrDefault(0) == 'x';
     public string Index { get; private set; } = string.Empty;
     public string OriginalCheckMarker { get; private set; } = string.Empty;