dbffd66e35
- Add ToolTip helper that tracks scrolling target elements - Auto hide if the target scrolls out of view - ToolTip position depends on target position - Add basic tooltips for maps in the transition view, entries in timeline tracks and the source panel Drive-by-fix: - Move events.mjs to view/ folder - Add basic toString methods on various log entries - Add requestAnimationFrame update support for V8CustomElement Bug: v8:10644 Change-Id: I1059733cd094a986b715547b3d5747eefbc54bc5 Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2551103 Commit-Queue: Camillo Bruni <cbruni@chromium.org> Reviewed-by: Marja Hölttä <marja@chromium.org> Cr-Commit-Position: refs/heads/master@{#71434}
56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
// Copyright 2020 the V8 project 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 './timeline/timeline-track.mjs';
|
|
|
|
import {SynchronizeSelectionEvent} from './events.mjs';
|
|
import {DOM, V8CustomElement} from './helper.mjs';
|
|
|
|
DOM.defineCustomElement(
|
|
'view/timeline-panel',
|
|
(templateText) => class TimelinePanel extends V8CustomElement {
|
|
constructor() {
|
|
super(templateText);
|
|
this.addEventListener('scrolltrack', e => this.handleTrackScroll(e));
|
|
this.addEventListener(
|
|
SynchronizeSelectionEvent.name,
|
|
e => this.handleSelectionSyncronization(e));
|
|
}
|
|
|
|
set nofChunks(count) {
|
|
for (const track of this.timelineTracks) {
|
|
track.nofChunks = count;
|
|
}
|
|
}
|
|
|
|
get nofChunks() {
|
|
return this.timelineTracks[0].nofChunks;
|
|
}
|
|
|
|
get timelineTracks() {
|
|
return this.$('slot').assignedNodes().filter(
|
|
node => node.nodeType === Node.ELEMENT_NODE);
|
|
}
|
|
|
|
handleTrackScroll(event) {
|
|
// TODO(zcankara) add forEachTrack helper method
|
|
for (const track of this.timelineTracks) {
|
|
track.scrollLeft = event.detail;
|
|
}
|
|
}
|
|
|
|
handleSelectionSyncronization(event) {
|
|
this.timeSelection = {start: event.start, end: event.end};
|
|
}
|
|
|
|
set timeSelection(timeSelection) {
|
|
if (timeSelection.start > timeSelection.end) {
|
|
throw new Error('Invalid time range');
|
|
}
|
|
for (const track of this.timelineTracks) {
|
|
track.timeSelection = timeSelection;
|
|
}
|
|
}
|
|
});
|