/
checkbox_button_group.ts
83 lines (65 loc) · 2.11 KB
/
checkbox_button_group.ts
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import {Tooltip, TooltipView} from "@bokehjs/models/ui/tooltip"
import { build_view, IterViews} from "@bokehjs/core/build_views"
import * as p from "@bokehjs/core/properties"
import {
CheckboxButtonGroup as bkCheckboxButtonGroup,
CheckboxButtonGroupView as bkCheckboxButtonGroupView,
} from '@bokehjs/models/widgets/checkbox_button_group'
export class CheckboxButtonGroupView extends bkCheckboxButtonGroupView {
declare model: CheckboxButtonGroup
protected tooltip: TooltipView | null
override *children(): IterViews {
yield* super.children()
if (this.tooltip != null)
yield this.tooltip
}
override async lazy_initialize(): Promise<void> {
await super.lazy_initialize()
const {tooltip} = this.model
if (tooltip != null)
this.tooltip = await build_view(tooltip, {parent: this})
}
override remove(): void {
this.tooltip?.remove()
super.remove()
}
override render(): void {
super.render()
const toggle = (visible: boolean) => {
this.tooltip?.model.setv({
visible,
})
}
let timer: number
this.el.addEventListener("mouseenter", () => {
timer = setTimeout(() => toggle(true), this.model.tooltip_delay)
})
this.el.addEventListener("mouseleave", () => {
clearTimeout(timer)
toggle(false)
})
}
}
export namespace CheckboxButtonGroup {
export type Attrs = p.AttrsOf<Props>
export type Props = bkCheckboxButtonGroup.Props & {
tooltip: p.Property<Tooltip | null>
tooltip_delay: p.Property<number>
}
}
export interface CheckboxButtonGroup extends CheckboxButtonGroup.Attrs {}
export class CheckboxButtonGroup extends bkCheckboxButtonGroup {
declare properties: CheckboxButtonGroup.Props
declare __view_type__: CheckboxButtonGroupView
static __module__ = "panel.models.widgets"
constructor(attrs?: Partial<CheckboxButtonGroup.Attrs>) {
super(attrs)
}
static {
this.prototype.default_view = CheckboxButtonGroupView
this.define<CheckboxButtonGroup.Props>(({Nullable, Ref, Number}) => ({
tooltip: [ Nullable(Ref(Tooltip)), null ],
tooltip_delay: [ Number, 500],
}))
}
}