Add carousel navigation and the mixed checkbox state, without script

These were left out because daisyUI does them with scripts or with links that
<base href="/"> breaks.

DCarousel:
- ShowNavigation adds previous/next links on each slide, and ShowIndicators adds
  a row of numbered links under the strip.
- The links point at the slides' ids under the current path, so Blazor treats
  them as same-page fragments and scrolls the strip.

DCheckbox:
- Indeterminate renders aria-checked="mixed", which daisyUI draws like
  :indeterminate.
- A click clears it through IndeterminateChanged.
- The neo inset well leaves the mixed state alone.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed 2026-10-03 12:43:07 +02:00
1 parent 96d1db1008
commit d71040f262
5 files changed
+103 -11

No files matched your search

+17 -4
View File
@@ -1,7 +1,8 @@
@inherits DInputBase<bool>
@* daisyUI Checkbox: https://daisyui.com/components/checkbox/ . With LabelText the checkbox sits in a <label class="label">
followed by the text, as in daisyUI's fieldset examples. *@
followed by the text, as in daisyUI's fieldset examples. Indeterminate renders aria-checked="mixed", which daisyUI
draws like the :indeterminate state that only script could set. *@
@if (LabelText is null)
{
@Checkbox
@@ -18,11 +19,15 @@ else
[Parameter] public DColor Color { get; set; }
[Parameter] public DSize Size { get; set; }
[Parameter] public string LabelText { get; set; }
/// <summary>The mixed state; a click clears it and reports false through IndeterminateChanged.</summary>
[Parameter] public bool Indeterminate { get; set; }
[Parameter] public EventCallback<bool> IndeterminateChanged { get; set; }
string CssClassFull => Cx("checkbox", IsInvalid ? "checkbox-error" : ColorClass, SizeClass, CssClass);
RenderFragment Checkbox => @<input @attributes="InputAttributes" type="checkbox" class="@CssClassFull" name="@NameAttributeValue"
checked="@CurrentValue" @onchange="OnChange" aria-invalid="@(IsInvalid ? "true" : null)" />;
RenderFragment Checkbox => @<input @attributes="InputAttributes" type="checkbox" class="@CssClassFull" name="@NameAttribute"
checked="@CurrentValue" @onchange="OnChange" aria-checked="@(Indeterminate ? "mixed" : null)"
aria-invalid="@(IsInvalid ? "true" : null)" />;
string ColorClass => Color switch
{
@@ -46,5 +51,13 @@ else
_ => null
};
void OnChange(ChangeEventArgs e) => CurrentValue = e.Value is true;
async Task OnChange(ChangeEventArgs e)
{
CurrentValue = e.Value is true;
if (Indeterminate)
{
Indeterminate = false;
await IndeterminateChanged.InvokeAsync(false);
}
}
}