blob: 8d4b45c0ff59833f3ba53b3f0b4ed5fbbdc44033 (
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
|
// Copyright 2018 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 This element contains a set of SVGs that together acts as an
* animated and responsive background for any page that contains it.
*/
import 'chrome://resources/cr_elements/shared_vars_css.m.js';
import './navi_colors_css.js';
import {html, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
import {stepIndicatorModel} from './nux_types.js';
Polymer({
is: 'step-indicator',
_template: html`{__html_template__}`,
properties: {
/** @type {stepIndicatorModel} */
model: Object,
/** @private */
dots_: {
type: Array,
computed: 'computeDots_(model.total)',
},
},
/**
* @return {!Array<undefined>}
* @private
*/
computeDots_: function() {
// If total is 1, show nothing.
return new Array(this.model.total > 1 ? this.model.total : 0);
},
/**
* @param {number} index
* @return {string}
* @private
*/
getActiveClass_: function(index) {
return index == this.model.active ? 'active' : '';
},
});
|