leptodon 0.1.0

your Leptos UI toolkit for data science
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

// Leptodon
//
// Copyright (C) 2025-2026 Open Analytics NV
//
// ===========================================================================
//
// This program is free software: you can redistribute it and/or modify it
// under the terms of the Apache License as published by The Apache Software
// Foundation, either version 2 of the License, or (at your option) any later
// version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
// FOR A PARTICULAR PURPOSE. See the Apache License for more details.
//
// You should have received a copy of the Apache License along with this program.
// If not, see <http://www.apache.org/licenses/>
use leptodon_proc_macros::generate_docs;
use leptos::prelude::*;

use crate::class_list;
use crate::class_list::reactive_class::MaybeReactiveClass;

#[derive(Default)]
pub enum SpinnerAppearance {
    #[default]
    Default,
    OA,
    Custom(MaybeReactiveClass),
}

impl SpinnerAppearance {
    fn into_class(self) -> MaybeReactiveClass {
        match self {
            SpinnerAppearance::Default => {
                "text-gray-900 stroke-oa-gray dark:text-oa-gray dark:stroke-gray-700".into()
            }
            SpinnerAppearance::OA => {
                "text-oa-blue stroke-oa-gray dark:text-oa-blue dark:stroke-gray-700".into()
            }
            SpinnerAppearance::Custom(class) => class,
        }
    }
}

#[generate_docs]
#[component]
pub fn Spinner(
    /// Extra style classes. E.g. change size.
    #[prop(optional, into)]
    class: MaybeReactiveClass,
    /// Spinner appearance
    #[prop(optional)]
    appearance: SpinnerAppearance,
) -> impl IntoView {
    view! {
        <div
            role="progressbar"
        >
            <svg
               width="35.174278mm"
               height="35.174034mm"
               viewBox="0 0 35.174278 35.174034"
               version="1.1"
               class=class_list!("animate-spin ", class, appearance.into_class())
               id="svg1"
               xmlns="http://www.w3.org/2000/svg"
               xmlns:svg="http://www.w3.org/2000/svg">
              <defs
                 id="defs1" />
              <g
                 id="layer1"
                 transform="translate(-49.206963,-49.206252)">
                <path
                    style="fill:none;stroke-width:3.175;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
                    id="path1-3"
                    stroke="currentFill"
                    d="m -50.793747,66.793747 a 16,16 0 0 1 -16,16"
                    transform="rotate(-90)" />
                <path
                   style="fill:none;stroke-width:3.175;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
                   id="path1"
                   stroke="currentColor"
                   d="M 82.793495,66.793747 A 16,16 0 0 1 72.91643,81.575819 16,16 0 0 1 55.479787,78.107455 16,16 0 0 1 52.011423,60.670812 16,16 0 0 1 66.793495,50.793747" />
              </g>
            </svg>
        </div>
    }
}