kael_ui 0.2.0

Professional shadcn-inspired UI component library for Kael. 100+ accessible components for building beautiful, performant desktop applications.
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123

// Debug to see if into_element is being called

use kael::{
    div, prelude::*, px, rgb, size, AnyElement, App, Application, Bounds, Context,
    InteractiveElement, Interactivity, ParentElement, Stateful, StatefulInteractiveElement,
    StyleRefinement, Styled, Window, WindowBounds, WindowOptions,
};
use kael_ui::layout::{ScrollContainer, ScrollDirection};

// Create our own version WITH debug prints
struct DebugScrollContainer {
    base: Stateful<kael::Div>,
    direction: ScrollDirection,
}

impl DebugScrollContainer {
    fn vertical() -> Self {
        eprintln!("DebugScrollContainer::vertical() called");
        Self {
            base: div().id("debug-scroll"),
            direction: ScrollDirection::Vertical,
        }
    }
}

impl Styled for DebugScrollContainer {
    fn style(&mut self) -> &mut StyleRefinement {
        self.base.style()
    }
}

impl InteractiveElement for DebugScrollContainer {
    fn interactivity(&mut self) -> &mut Interactivity {
        self.base.interactivity()
    }
}

impl StatefulInteractiveElement for DebugScrollContainer {}

impl ParentElement for DebugScrollContainer {
    fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
        self.base.extend(elements);
    }
}

impl IntoElement for DebugScrollContainer {
    type Element = Stateful<kael::Div>;

    fn into_element(self) -> Self::Element {
        eprintln!("DebugScrollContainer::into_element() CALLED!");
        let DebugScrollContainer {
            mut base,
            direction,
        } = self;

        base = match direction {
            ScrollDirection::Vertical => {
                eprintln!("Applying overflow_y_scroll()");
                base.overflow_y_scroll()
            }
            ScrollDirection::Horizontal => base.overflow_x_scroll(),
            ScrollDirection::Both => base.overflow_scroll(),
        };

        eprintln!("Returning base from into_element");
        base
    }
}

struct DebugTest {}

impl Render for DebugTest {
    fn render(&mut self, _window: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement {
        eprintln!("\n=== RENDER CALLED ===");

        div()
            .size_full()
            .flex()
            .flex_col()
            .gap_4()
            .p_4()
            .bg(kael::white())
            .child(div().child("Debug ScrollContainer:"))
            .child({
                eprintln!("Building DebugScrollContainer...");
                DebugScrollContainer::vertical()
                    .h(px(200.))
                    .w_full()
                    .border_1()
                    .border_color(rgb(0x00ff00))
                    .bg(rgb(0xfafafa))
                    .p(px(12.0))
                    .child(div().h(px(800.)).bg(rgb(0xd1fae5)).child("Debug content"))
            })
            .child(div().child("Actual library ScrollContainer:"))
            .child({
                eprintln!("Building ScrollContainer from library...");
                ScrollContainer::vertical()
                    .h(px(200.))
                    .w_full()
                    .border_1()
                    .border_color(rgb(0xff0000))
                    .bg(rgb(0xfafafa))
                    .p(px(12.0))
                    .child(div().h(px(800.)).bg(rgb(0xdbeafe)).child("Library content"))
            })
    }
}

fn main() {
    Application::new().run(|cx: &mut App| {
        let bounds = Bounds::centered(None, size(px(600.), px(700.0)), cx);
        cx.open_window(
            WindowOptions {
                window_bounds: Some(WindowBounds::Windowed(bounds)),
                ..Default::default()
            },
            |_, cx| cx.new(|_| DebugTest {}),
        )
        .unwrap();
        cx.activate(true);
    });
}