blob: 408f8798782dfa5e1c83a21469c5ae8aedacd5d8 (
plain)
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
|
import { css } from "@linaria/core";
import { h, JSX, VNode, ComponentChildren } from "preact";
// eslint-disable-next-line import/extensions
import { alpha } from "./colors/manipulation";
// eslint-disable-next-line import/extensions
import { theme } from "./style";
const baseStyle = css``;
interface Props {
class: string;
children: ComponentChildren;
}
export function Popover({ class: _class, children, ...rest }: Props): VNode {
return (
<div class={[_class, baseStyle].join(" ")} style={{}} {...rest}>
{children}
</div>
);
}
function getOffsetTop(rect: any, vertical: any): number {
let offset = 0;
if (typeof vertical === "number") {
offset = vertical;
} else if (vertical === "center") {
offset = rect.height / 2;
} else if (vertical === "bottom") {
offset = rect.height;
}
return offset;
}
function getOffsetLeft(rect: any, horizontal: any): number {
let offset = 0;
if (typeof horizontal === "number") {
offset = horizontal;
} else if (horizontal === "center") {
offset = rect.width / 2;
} else if (horizontal === "right") {
offset = rect.width;
}
return offset;
}
function getTransformOriginValue(transformOrigin): string {
return [transformOrigin.horizontal, transformOrigin.vertical]
.map((n) => (typeof n === "number" ? `${n}px` : n))
.join(" ");
}
function resolveAnchorEl(anchorEl: any): any {
return typeof anchorEl === "function" ? anchorEl() : anchorEl;
}
|