hydrolysis-m3 0.3.0

Material 3 widget theme for WaterUI self-drawn backends
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

use crate::dimensions::{
    TEXT_CONTEXT_MENU_CONTAINER_SHAPE, TEXT_CONTEXT_MENU_HORIZONTAL_PADDING,
    TEXT_CONTEXT_MENU_MAX_WIDTH, TEXT_CONTEXT_MENU_MIN_WIDTH, TEXT_CONTEXT_MENU_ROW_HEIGHT,
    TEXT_CONTEXT_MENU_SEPARATOR_HORIZONTAL_INSET, TEXT_CONTEXT_MENU_SEPARATOR_THICKNESS,
    TEXT_CONTEXT_MENU_VERTICAL_PADDING, TEXT_CONTEXT_MENU_WIDTH_PER_CHAR,
};
use crate::elevation::MaterialElevationLevel;
use crate::theme::colors::MaterialColorScheme;
use crate::{Brush, DrawContext, TextContextMenuMetrics};

use vello::kurbo::{Rect, RoundedRectRadii};

pub const fn text_context_metrics() -> TextContextMenuMetrics {
    TextContextMenuMetrics {
        row_height: TEXT_CONTEXT_MENU_ROW_HEIGHT,
        horizontal_padding: TEXT_CONTEXT_MENU_HORIZONTAL_PADDING,
        vertical_padding: TEXT_CONTEXT_MENU_VERTICAL_PADDING,
        min_width: TEXT_CONTEXT_MENU_MIN_WIDTH,
        max_width: TEXT_CONTEXT_MENU_MAX_WIDTH,
        width_per_char: TEXT_CONTEXT_MENU_WIDTH_PER_CHAR,
        corner_radius: TEXT_CONTEXT_MENU_CONTAINER_SHAPE,
        separator_horizontal_inset: TEXT_CONTEXT_MENU_SEPARATOR_HORIZONTAL_INSET,
        separator_thickness: TEXT_CONTEXT_MENU_SEPARATOR_THICKNESS,
    }
}

pub fn draw_text_context_panel(
    colors: &MaterialColorScheme,
    draw: &mut dyn DrawContext,
    bounds: Rect,
) {
    let radii = RoundedRectRadii::from_single_radius(TEXT_CONTEXT_MENU_CONTAINER_SHAPE);
    // `MenuTokens.ContainerElevation` is `ElevationTokens.Level2`.
    crate::elevation::draw_shadows(draw, bounds, radii, MaterialElevationLevel::LEVEL2, colors);
    draw.fill_rounded_rect(
        bounds,
        radii,
        &Brush::from(colors.surface_container.peniko()),
    );
}

pub fn draw_text_context_separator(
    colors: &MaterialColorScheme,
    draw: &mut dyn DrawContext,
    bounds: Rect,
) {
    draw.fill_rect(bounds, &Brush::from(colors.outline_variant.peniko()));
}

#[cfg(test)]
mod tests {
    use super::text_context_metrics;
    use crate::dimensions::{
        TEXT_CONTEXT_MENU_CONTAINER_SHAPE, TEXT_CONTEXT_MENU_HORIZONTAL_PADDING,
        TEXT_CONTEXT_MENU_MAX_WIDTH, TEXT_CONTEXT_MENU_MIN_WIDTH, TEXT_CONTEXT_MENU_ROW_HEIGHT,
        TEXT_CONTEXT_MENU_VERTICAL_PADDING,
    };

    #[test]
    fn text_context_menu_metrics_match_material_menu_tokens() {
        let metrics = text_context_metrics();

        assert_eq!(metrics.row_height, TEXT_CONTEXT_MENU_ROW_HEIGHT);
        assert_eq!(metrics.row_height, 48.0);
        assert_eq!(
            metrics.horizontal_padding,
            TEXT_CONTEXT_MENU_HORIZONTAL_PADDING
        );
        assert_eq!(metrics.horizontal_padding, 12.0);
        assert_eq!(metrics.vertical_padding, TEXT_CONTEXT_MENU_VERTICAL_PADDING);
        assert_eq!(metrics.vertical_padding, 8.0);
        assert_eq!(metrics.min_width, TEXT_CONTEXT_MENU_MIN_WIDTH);
        assert_eq!(metrics.min_width, 112.0);
        assert_eq!(metrics.max_width, TEXT_CONTEXT_MENU_MAX_WIDTH);
        assert_eq!(metrics.max_width, 280.0);
        assert_eq!(metrics.corner_radius, TEXT_CONTEXT_MENU_CONTAINER_SHAPE);
        assert_eq!(metrics.corner_radius, 4.0);
    }
}