using System.Globalization; using Connected.Annotations; using Connected.Extensions; using Connected.Utilities; using Microsoft.AspNetCore.Components; namespace Connected.Components; public partial class Slider : UIComponent { protected string Classname => new CssBuilder("mud-slider") .AddClass($"mud-slider-{Size.ToDescriptionString()}") .AddClass($"mud-slider-{Color.ToDescriptionString()}") .AddClass("mud-slider-vertical", Vertical) .AddClass(Class) .Build(); protected string _value; protected string _min = "0"; protected string _max = "100"; protected string _step = "1"; /// /// The minimum allowed value of the slider. Should not be equal to max. /// [Parameter] [Category(CategoryTypes.Slider.Validation)] public T Min { get => Converter.ConvertBack(_min); set => _min = Converter.Convert(value); } /// /// The maximum allowed value of the slider. Should not be equal to min. /// /// [Parameter] [Category(CategoryTypes.Slider.Validation)] public T Max { get => Converter.ConvertBack(_max); set => _max = Converter.Convert(value); } /// /// How many steps the slider should take on each move. /// /// [Parameter] [Category(CategoryTypes.Slider.Validation)] public T Step { get => Converter.ConvertBack(_step); set => _step = Converter.Convert(value); } /// /// If true, the slider will be disabled. /// /// [Parameter] [Category(CategoryTypes.Slider.Behavior)] public bool Disabled { get; set; } = false; /// /// Child content of component. /// [Parameter] [Category(CategoryTypes.Slider.Behavior)] public RenderFragment ChildContent { get; set; } [Parameter] [Category(CategoryTypes.Slider.Behavior)] public ToStringConverter Converter { get; set; } = new DefaultConverter() { Culture = CultureInfo.InvariantCulture }; [Parameter] public EventCallback ValueChanged { get; set; } [Parameter] [Category(CategoryTypes.Slider.Data)] public T Value { get => Converter.ConvertBack(_value); set { var d = Converter.Convert(value); if (_value == d) return; _value = d; ValueChanged.InvokeAsync(value); } } /// /// The color of the component. It supports the Primary, Secondary and Tertiary theme colors. /// [Parameter] [Category(CategoryTypes.Slider.Appearance)] public ThemeColor Color { get; set; } = ThemeColor.Primary; protected string Text { get => _value; set { if (_value == value) return; _value = value; ValueChanged.InvokeAsync(Value); } } /// /// If true, the dragging the slider will update the Value immediately. /// If false, the Value is updated only on releasing the handle. /// [Parameter] [Category(CategoryTypes.Slider.Behavior)] public bool Immediate { get; set; } = true; /// /// If true, displays the slider vertical. /// [Parameter] [Category(CategoryTypes.Slider.Appearance)] public bool Vertical { get; set; } = false; /// /// If true, displays tick marks on the track. /// [Parameter] [Category(CategoryTypes.Slider.Appearance)] public bool TickMarks { get; set; } = false; /// /// Labels for tick marks, will attempt to map the labels to each step in index order. /// [Parameter] [Category(CategoryTypes.Slider.Appearance)] public string[] TickMarkLabels { get; set; } /// /// Labels for tick marks, will attempt to map the labels to each step in index order. /// [Parameter] [Category(CategoryTypes.Slider.Appearance)] public Size Size { get; set; } = Size.Small; /// /// The variant to use. /// [Parameter] [Category(CategoryTypes.Button.Appearance)] public Variant Variant { get; set; } = Variant.Text; /// /// Displays the value over the slider thumb. /// [Parameter] [Category(CategoryTypes.Button.Appearance)] public bool ValueLabel { get; set; } private int _tickMarkCount = 0; protected override void OnParametersSet() { if (TickMarks) { var min = Convert.ToDouble(Min); var max = Convert.ToDouble(Max); var step = Convert.ToDouble(Step); _tickMarkCount = 1 + (int)((max - min) / step); } } private double CalculatePosition() { var min = Convert.ToDouble(Min); var max = Convert.ToDouble(Max); var value = Convert.ToDouble(Value); var result = 100.0 * (value - min) / (max - min); result = Math.Min(Math.Max(0, result), 100); return Math.Round(result, 2); } }