euv-ui 0.34.1

Reusable UI component library for the euv framework, providing buttons, cards, modals, inputs, and more.
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

use super::*;

/// Obtains the [`UseWindowSize`] registered against the current hook
/// context slot.
///
/// Behaves like `HookContext::use_hook` - the same handle is returned on
/// every render at the same hook index, so the window listener is
/// attached once and the size survives re-renders.
///
/// # Returns
///
/// - `UseWindowSize` - The handle, with `get_width()` and `get_height()`
///   returning the reactive size signals.
pub fn use_window_size() -> UseWindowSize {
    let handle: UseWindowSize = HookContext::use_hook(|| {
        let handle: UseWindowSize = UseWindowSize::new();
        handle.attach();
        handle
    });
    App::use_cleanup({
        let handle: UseWindowSize = handle.clone();
        move || handle.detach()
    });
    handle
}

/// Reads one dimension of the viewport.
///
/// # Arguments
///
/// - `&Window` - The window to read.
/// - `bool` - `true` for the width, `false` for the height.
///
/// # Returns
///
/// - `i32` - The dimension in CSS pixels, or zero when it cannot be
///   read.
#[cfg(target_arch = "wasm32")]
pub(crate) fn read_dimension(window: &Window, width: bool) -> i32 {
    let value: Result<JsValue, JsValue> = if width {
        window.inner_width()
    } else {
        window.inner_height()
    };
    match value {
        Ok(value) => value.as_f64().unwrap_or(0.0) as i32,
        Err(_) => 0,
    }
}