blob: 08dadde8c57708a3269abbe6f98dd2b6fc8b9e04 (
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
|
// Copyright 2020 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.
import '//resources/cr_elements/cr_toolbar/cr_toolbar.m.js';
import {html, PolymerElement} from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';
class KaleidoscopeToolbarElement extends PolymerElement {
static get is() {
return 'kaleidoscope-toolbar';
}
static get template() {
return html`{__html_template__}`;
}
static get properties() {
return {
// Sets the tooltip text displayed on the menu button.
menuLabel: {type: String, value: ''},
// Sets the text displayed beside the menu button.
pageName: {type: String, value: ''},
};
}
constructor() {
super();
this.timeoutInterval_ = null;
}
/**
* @param {!CustomEvent<string>} e
* @private
*/
onSearchChanged_(e) {
clearInterval(this.timeoutInterval_);
// Add a 300ms debounce so we don't fire for every character but should not
// be noticeable to the user.
this.timeoutInterval_ = setTimeout(() => {
const event = new CustomEvent('ks-search-updated', {detail: e.detail});
this.dispatchEvent(event);
}, 300);
}
}
customElements.define(
KaleidoscopeToolbarElement.is, KaleidoscopeToolbarElement);
|
