orbital-base-components 0.1.1

Headless base primitives for Orbital — structure, semantics, and accessibility
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
50
51
52
53
54
55
56

mod styles;

use leptos::{prelude::*, tachys::html::class::class as tachys_class};
use orbital_style::inject_style;

use super::visibility::UseOverlayVisibility;

pub use styles::overlay_trigger_styles;

#[derive(Debug, Clone, Copy, Default, PartialEq, Eq)]
pub enum OverlayTriggerType {
    #[default]
    Hover,
    Click,
}

/// Trigger slot for anchored overlays — wraps children in a stable inline-flex target.
#[slot]
pub struct OverlayTrigger<T> {
    children: TypedChildren<T>,
}

impl OverlayTriggerType {
    pub fn uses_hover(&self) -> bool {
        matches!(self, Self::Hover)
    }

    pub fn uses_click(&self) -> bool {
        matches!(self, Self::Click)
    }
}

pub fn render_overlay_trigger<T>(
    overlay_trigger: OverlayTrigger<T>,
    visibility: &UseOverlayVisibility,
    trigger_type: OverlayTriggerType,
    open_class: &'static str,
) -> impl IntoView
where
    T: AddAnyAttr + IntoView + Send + 'static,
{
    inject_style("orbital-overlay-trigger", overlay_trigger_styles());

    let OverlayTrigger { children } = overlay_trigger;
    let is_show = visibility.is_show;
    let inner = children.into_inner()().into_inner();
    let wrapped = view! {
        <span class="orbital-overlay-trigger">
            {inner}
        </span>
    }
    .into_view()
    .add_any_attr(tachys_class((open_class, move || is_show.get())));

    visibility.attach_trigger(wrapped, trigger_type)
}