META-INF.dirigible.dev-tools.ui.HistoryInput.js Maven / Gradle / Ivy
// Copyright (c) 2015 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 {Keys} from './KeyboardShortcut.js';
import {registerCustomElement} from './utils/register-custom-element.js';
/**
* @unrestricted
*/
export class HistoryInput extends HTMLInputElement {
constructor() {
super();
this._history = [''];
this._historyPosition = 0;
this.addEventListener('keydown', this._onKeyDown.bind(this), false);
this.addEventListener('input', this._onInput.bind(this), false);
}
/**
* @return {!HistoryInput}
*/
static create() {
if (!HistoryInput._constructor) {
HistoryInput._constructor = registerCustomElement('input', 'history-input', HistoryInput);
}
return /** @type {!HistoryInput} */ (HistoryInput._constructor());
}
/**
* @param {!Event} event
*/
_onInput(event) {
if (this._history.length === this._historyPosition + 1) {
this._history[this._history.length - 1] = this.value;
}
}
/**
* @param {!Event} event
*/
_onKeyDown(event) {
if (event.keyCode === Keys.Up.code) {
this._historyPosition = Math.max(this._historyPosition - 1, 0);
this.value = this._history[this._historyPosition];
this.dispatchEvent(new Event('input', {'bubbles': true, 'cancelable': true}));
event.consume(true);
} else if (event.keyCode === Keys.Down.code) {
this._historyPosition = Math.min(this._historyPosition + 1, this._history.length - 1);
this.value = this._history[this._historyPosition];
this.dispatchEvent(new Event('input', {'bubbles': true, 'cancelable': true}));
event.consume(true);
} else if (event.keyCode === Keys.Enter.code) {
this._saveToHistory();
}
}
_saveToHistory() {
if (this._history.length > 1 && this._history[this._history.length - 2] === this.value) {
return;
}
this._history[this._history.length - 1] = this.value;
this._historyPosition = this._history.length - 1;
this._history.push('');
}
}