RangeSlider-Added DisableMin and DisableMax (#265)

* RangeSlider-Added DisableMin and DisableMax

* Create global.json

Author: snakex64

CodeBeam.MudBlazor.Extensions/Components/RangeSlider/MudRangeSlider.razor

@@ -31,13 +31,13 @@
 
         @if (Range)
         {
-            <input class="mud-slider-input" aria-valuenow="@UpperValue" aria-valuemin="@_min" aria-valuemax="@_max" role="slider" @attributes="UserAttributes" type="range" min="@_min" max="@_max" step="@_step" disabled="@(Disabled || _userInvalidatedRange)"
+            <input class="mud-slider-input" aria-valuenow="@UpperValue" aria-valuemin="@_min" aria-valuemax="@_max" role="slider" @attributes="UserAttributes" type="range" min="@_min" max="@_max" step="@_step" disabled="@(Disabled || _userInvalidatedRange || (Range && DisableMax))"
             @bind-value="@UpperText" @bind-value:event="@((Immediate ? "oninput" : "onchange"))" />
 
             @SliderValueLabel(upperLeft, UpperValue?.ToString())
         }
 
-        <input class="mud-slider-input" aria-valuenow="@Value" aria-valuemin="@_min" aria-valuemax="@_max" role="slider" @attributes="UserAttributes" type="range" min="@_min" max="@_max" step="@_step" disabled="@(Disabled || _userInvalidatedRange)"
+        <input class="mud-slider-input" aria-valuenow="@Value" aria-valuemin="@_min" aria-valuemax="@_max" role="slider" @attributes="UserAttributes" type="range" min="@_min" max="@_max" step="@_step" disabled="@(Disabled || _userInvalidatedRange || (Range && DisableMin))"
         @bind-value="@Text" @bind-value:event="@((Immediate ? "oninput" : "onchange"))" />
 
         @SliderValueLabel(left, Value?.ToString())

CodeBeam.MudBlazor.Extensions/Components/RangeSlider/MudRangeSlider.razor.cs

@@ -91,18 +91,34 @@ public T? Step
             set => _step = Converter.Set(value);
         }
 
-        /// <summary>
-        /// If true, the slider will be disabled.
-        /// </summary>
-        /// 
-        [Parameter]
-        [Category(CategoryTypes.Slider.Behavior)]
-        public bool Disabled { get; set; } = false;
-
-        /// <summary>
-        /// Child content of component.
-        /// </summary>
-        [Parameter]
+		/// <summary>
+		/// If true, the slider will be disabled.
+		/// </summary>
+		/// 
+		[Parameter]
+		[Category(CategoryTypes.Slider.Behavior)]
+		public bool Disabled { get; set; } = false;
+
+		/// <summary>
+		/// If true and <seealso cref="Range"/>, the slider's min value will be disabled.
+		/// </summary>
+		/// 
+		[Parameter]
+		[Category(CategoryTypes.Slider.Behavior)]
+		public bool DisableMin { get; set; } = false;
+
+		/// <summary>
+		/// If true and <seealso cref="Range"/>, the slider's max value will be disabled.
+		/// </summary>
+		/// 
+		[Parameter]
+		[Category(CategoryTypes.Slider.Behavior)]
+		public bool DisableMax { get; set; } = false;
+
+		/// <summary>
+		/// Child content of component.
+		/// </summary>
+		[Parameter]
         [Category(CategoryTypes.Slider.Behavior)]
         public RenderFragment? ChildContent { get; set; }
 

ComponentViewer.Docs/Pages/Examples/RangeSliderExample1.razor

@@ -5,7 +5,7 @@
 <MudGrid>
     <MudItem xs="12" sm="8">
         <MudRangeSlider @bind-Value="@_value" @bind-UpperValue="@_upperValue" Size="Size.Large" Variant="Variant.Filled" ValueLabel="_valueLabel" Range="_range" TickMarks="_tickmarks"
-                        Min="_min" Max="_max" Step="_step" Display="_display" MinDistance="_minDistance">@_label</MudRangeSlider>
+                        Min="_min" Max="_max" Step="_step" Display="_display" MinDistance="_minDistance" DisableMin="_disableMin" DisableMax="_disableMax">@_label</MudRangeSlider>
    </MudItem>
 
     <MudItem xs="12" sm="4">
@@ -16,6 +16,8 @@
             <MudSwitchM3 @bind-Checked="_valueLabel" Label="ValueLabel" Color="Color.Secondary" />
             <MudSwitchM3 @bind-Checked="_range" Label="Range" Color="Color.Secondary" />
             <MudSwitchM3 @bind-Checked="_tickmarks" Label="Tickmarks" Color="Color.Secondary" />
+            <MudSwitchM3 @bind-Checked="_disableMin" Label="DisableMin" Color="Color.Secondary" />
+            <MudSwitchM3 @bind-Checked="_disableMax" Label="DisableMax" Color="Color.Secondary" />
             <MudSwitchM3 @bind-Checked="_display" Label="Display" Color="Color.Secondary" />
             <MudNumericField @bind-Value="_min" Label="Min" Variant="Variant.Outlined" Margin="Margin.Dense" />
             <MudNumericField @bind-Value="_max" Label="Max" Variant="Variant.Outlined" Margin="Margin.Dense" />
@@ -34,6 +36,8 @@
     bool _display = true;
     bool _range = true;
     bool _tickmarks = false;
+    bool _disableMin = false;
+    bool _disableMax = false;
     int _min = 0;
     int _max = 100;
     int _step = 1;

global.json

@@ -2,4 +2,4 @@
   "sdk": {
     "version": "7.0.203"
   }
-}
+}