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
|
// 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.
Polymer({
is: 'viewer-page-indicator',
properties: {
label: {type: String, value: '1'},
index: {type: Number, observer: 'indexChanged'},
pageLabels: {type: Array, value: null, observer: 'pageLabelsChanged'}
},
/** @type {number|undefined} */
timerId: undefined,
/** @override */
ready: function() {
const callback = this.fadeIn_.bind(this);
window.addEventListener('scroll', function() {
requestAnimationFrame(callback);
});
},
/** @private */
fadeIn_: function() {
const percent = window.scrollY /
(document.scrollingElement.scrollHeight -
document.documentElement.clientHeight);
this.style.top =
percent * (document.documentElement.clientHeight - this.offsetHeight) +
'px';
// <if expr="is_macosx">
// If overlay scrollbars are enabled, prevent them from overlapping the
// triangle. TODO(dbeam): various platforms can enable overlay scrolling,
// not just Mac. The scrollbars seem to have different widths/appearances on
// those platforms, though.
assert(document.documentElement.dir);
const endEdge = isRTL() ? 'left' : 'right';
if (window.innerWidth == document.scrollingElement.scrollWidth) {
this.style[endEdge] = '16px';
} else {
this.style[endEdge] = '0px';
}
// </if>
this.style.opacity = 1;
clearTimeout(this.timerId);
this.timerId = setTimeout(() => {
this.style.opacity = 0;
this.timerId = undefined;
}, 2000);
},
pageLabelsChanged: function() {
this.indexChanged();
},
indexChanged: function() {
if (this.pageLabels) {
this.label = this.pageLabels[this.index];
} else {
this.label = String(this.index + 1);
}
}
});
|