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
|
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
/**
* @unrestricted
*/
UI.DropDownMenu = class extends Common.Object {
/**
* @param {!Element} element
*/
constructor(element) {
super();
/** @type {!Array.<!UI.DropDownMenu.Item>} */
this._items = [];
element.addEventListener('mousedown', this._onMouseDown.bind(this));
}
/**
* @param {!Event} event
*/
_onMouseDown(event) {
if (event.which !== 1)
return;
var menu = new UI.ContextMenu(event);
for (var item of this._items)
menu.appendCheckboxItem(item.title, this._itemHandler.bind(this, item.id), item.id === this._selectedItemId);
menu.show();
}
/**
* @param {string} id
*/
_itemHandler(id) {
this.dispatchEventToListeners(UI.DropDownMenu.Events.ItemSelected, id);
}
/**
* @param {string} id
* @param {string} title
*/
addItem(id, title) {
this._items.push({id: id, title: title});
}
/**
* @param {string} id
*/
selectItem(id) {
this._selectedItemId = id;
}
clear() {
this._items = [];
delete this._selectedItemId;
}
};
/** @typedef {{id: string, title: string}} */
UI.DropDownMenu.Item;
/** @enum {symbol} */
UI.DropDownMenu.Events = {
ItemSelected: Symbol('ItemSelected')
};
|
