seed-bootstrap 0.2.0

Components for using Bootstrap toolkit with Seed framework
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

export function create_popper(toggle_element, popup_element, on_apply_styles) {
  return Popper.createPopper(toggle_element, popup_element, {
    strategy: "fixed",
    placement: 'bottom-start',
    modifiers: [
      {
        name: 'offset',
        options: {
          offset: [0, 2],
        },
      },
      {
        name: 'applyStyles',
        fn({ state }) {
          const popup_style =
            Object
              .entries(state.styles.popper)
              .map(([prop, value]) => `${prop}: ${value};`)
              .join(" ");

          on_apply_styles(popup_style);
        }
      },
    ],
  });
}

export function update_popper(popper_instance) {
  popper_instance.update();
}

export function destroy_popper(popper_instance) {
  popper_instance.destroy();
}