vizia_core 0.4.0

Core components of vizia
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

use crate::prelude::*;

/// Enum representing semantic size presets for common controls.
#[derive(Debug, Default, Clone, Copy, PartialEq, Eq)]
pub enum ControlSize {
    /// Extra small control.
    ExtraSmall,
    /// Small control.
    Small,
    #[default]
    /// Medium control.
    Medium,
    /// Large control.
    Large,
}

impl_res_simple!(ControlSize);

/// Modifiers for common control-level behavior that can be shared across views.
pub trait ControlModifiers: Sized {
    /// Applies semantic sizing classes to a control.
    fn control_size<U: Into<ControlSize> + Clone + 'static>(
        self,
        size: impl Res<U> + 'static,
    ) -> Self;
}

pub(crate) fn bind_control_size<V: View, U: Into<ControlSize> + Clone + 'static>(
    handle: Handle<'_, V>,
    size: impl Res<U> + 'static,
) -> Handle<'_, V> {
    let size = size.to_signal(handle.cx).map(|value| value.clone().into());
    handle.bind(size, move |handle| {
        match size.get() {
            ControlSize::ExtraSmall => {
                handle
                    .toggle_class("xsmall", true)
                    .toggle_class("small", false)
                    .toggle_class("medium", false)
                    .toggle_class("large", false);
            }
            ControlSize::Small => {
                handle
                    .toggle_class("small", true)
                    .toggle_class("xsmall", false)
                    .toggle_class("medium", false)
                    .toggle_class("large", false);
            }
            ControlSize::Medium => {
                handle
                    .toggle_class("medium", true)
                    .toggle_class("xsmall", false)
                    .toggle_class("small", false)
                    .toggle_class("large", false);
            }
            ControlSize::Large => {
                handle
                    .toggle_class("large", true)
                    .toggle_class("xsmall", false)
                    .toggle_class("small", false)
                    .toggle_class("medium", false);
            }
        };
    })
}