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
|
// Copyright 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.
Polymer({
is: 'viewer-page-selector',
properties: {
/**
* The number of pages the document contains.
*/
docLength: {type: Number, value: 1, observer: 'docLengthChanged_'},
/**
* The current page being viewed (1-based). A change to pageNo is mirrored
* immediately to the input field. A change to the input field is not
* mirrored back until pageNoCommitted() is called and change-page is fired.
*/
pageNo: {
type: Number,
value: 1,
},
strings: Object,
},
/** @return {!CrInputElement} */
get pageSelector() {
return this.$.pageselector;
},
pageNoCommitted: function() {
const page = parseInt(this.pageSelector.value, 10);
if (!isNaN(page) && page <= this.docLength && page > 0) {
this.fire('change-page', {page: page - 1, origin: 'pageselector'});
} else {
this.pageSelector.value = this.pageNo.toString();
}
this.pageSelector.blur();
},
/** @private */
docLengthChanged_: function() {
const numDigits = this.docLength.toString().length;
this.style.setProperty('--page-length-digits', `${numDigits}`);
},
select: function() {
this.pageSelector.select();
},
/**
* @return {boolean} True if the selector input field is currently focused.
*/
isActive: function() {
return this.shadowRoot.activeElement == this.pageSelector;
},
/**
* Immediately remove any non-digit characters.
* @private
*/
onInputValueChange_: function() {
this.pageSelector.value = this.pageSelector.value.replace(/[^\d]/, '');
},
});
|
