blob: f445ed30add3ceffa9872ae07e5c316acab7e0ca (
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
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
|
// Copyright (c) 2012 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.
/**
* @fileoverview DotList implementation
*/
cr.define('ntp', function() {
'use strict';
/**
* Live list of the navigation dots.
* @type {!NodeList|undefined}
*/
var navDots;
/**
* Creates a new DotList object.
* @constructor
* @extends {HTMLUListElement}
*/
var DotList = cr.ui.define('ul');
DotList.prototype = {
__proto__: HTMLUListElement.prototype,
/** @override */
decorate: function() {
this.addEventListener('keydown', this.onKeyDown_.bind(this));
navDots = this.getElementsByClassName('dot');
},
/**
* Live list of the navigation dots.
* @type {!NodeList|undefined}
*/
get dots() {
return navDots;
},
/**
* Handler for key events on the dot list. These keys will change the focus
* element.
* @param {Event} e The KeyboardEvent.
*/
onKeyDown_: function(e) {
if (e.metaKey || e.shiftKey || e.altKey || e.ctrlKey)
return;
var direction = 0;
if (e.keyIdentifier == 'Left')
direction = -1;
else if (e.keyIdentifier == 'Right')
direction = 1;
else
return;
var focusDot = this.querySelector('.dot:focus');
if (!focusDot)
return;
var focusIndex = Array.prototype.indexOf.call(navDots, focusDot);
var newFocusIndex = focusIndex + direction;
if (focusIndex == newFocusIndex)
return;
newFocusIndex = (newFocusIndex + navDots.length) % navDots.length;
navDots[newFocusIndex].tabIndex = 3;
navDots[newFocusIndex].focus();
focusDot.tabIndex = -1;
e.stopPropagation();
e.preventDefault();
}
};
return {
DotList: DotList
};
});
|
