impulse-ui-kit 1.1.9

Powerful frontend framework based on Leptos
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
57
58
59
60
61
62

//! Calculate position utility.

/// Overlay side to show at.
#[derive(Clone, Copy, PartialEq)]
#[allow(missing_docs)]
pub enum OverlaySide {
  Top,
  Right,
  Bottom,
  Left,
}

/// Overlay align to show with.
#[derive(Clone, Copy, PartialEq)]
#[allow(missing_docs)]
pub enum OverlayAlign {
  Start,
  Center,
  End,
}

/// Calculates overlay position based on given positions, side and align.
#[allow(clippy::too_many_arguments)]
pub fn calculate_position(
  trigger_top: f64,
  trigger_left: f64,
  trigger_width: f64,
  trigger_height: f64,
  content_width: f64,
  content_height: f64,
  side: OverlaySide,
  align: OverlayAlign,
  side_offset: i32,
) -> (f64, f64) {
  let offset = side_offset as f64;

  let (mut top, mut left) = match side {
    OverlaySide::Top => (trigger_top - content_height - offset, trigger_left),
    OverlaySide::Bottom => (trigger_top + trigger_height + offset, trigger_left),
    OverlaySide::Left => (trigger_top, trigger_left - content_width - offset),
    OverlaySide::Right => (trigger_top, trigger_left + trigger_width + offset),
  };

  match side {
    OverlaySide::Top | OverlaySide::Bottom => {
      left += match align {
        OverlayAlign::Start => 0.0,
        OverlayAlign::Center => (trigger_width - content_width) / 2.0,
        OverlayAlign::End => trigger_width - content_width,
      };
    }
    OverlaySide::Left | OverlaySide::Right => {
      top += match align {
        OverlayAlign::Start => 0.0,
        OverlayAlign::Center => (trigger_height - content_height) / 2.0,
        OverlayAlign::End => trigger_height - content_height,
      };
    }
  }

  (top, left)
}