canonrs-interactions-core 0.1.0

CanonRS interactions core types and traits
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

//! Outside click — 1 listener global por selector
use wasm_bindgen::prelude::*;
use wasm_bindgen::JsCast;
use web_sys::Element;
use std::cell::RefCell;
use std::collections::HashSet;

thread_local! {
    static REGISTERED: RefCell<HashSet<&'static str>> = RefCell::new(HashSet::new());
}

pub fn register_click_outside(root_selector: &'static str, close_fn: fn(&Element)) {
    let already = REGISTERED.with(|r| {
        let mut set = r.borrow_mut();
        if set.contains(root_selector) { true } else { set.insert(root_selector); false }
    });
    if already { return; }

    let selector = root_selector.to_string();
    let cb = Closure::<dyn Fn(web_sys::MouseEvent)>::wrap(Box::new(move |e: web_sys::MouseEvent| {
        let Some(target) = e.target().and_then(|t| t.dyn_into::<Element>().ok()) else { return };
        if target.closest(&selector).ok().flatten().is_some() { return; }
        let Some(doc) = web_sys::window().and_then(|w| w.document()) else { return };
        let Ok(nodes) = doc.query_selector_all(&selector) else { return };
        for i in 0..nodes.length() {
            if let Some(root) = nodes.item(i).and_then(|n| n.dyn_into::<Element>().ok()) {
                if crate::dom::state::has(&root, "open") { close_fn(&root); }
            }
        }
    }));
    if let Some(doc) = web_sys::window().and_then(|w| w.document()) {
        let _ = doc.add_event_listener_with_callback("click", cb.as_ref().unchecked_ref());
    }
    cb.forget();
}