third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html - Issue 1187823002: Update Polymer components and re-run reproduce.sh

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html

Issue 1187823002: Update Polymer components and re-run reproduce.sh (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Rebase Created 5 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.css ('k') | third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS

9 --><html><head><link rel="import" href="../paper-styles/paper-styles.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">	10 <link rel="import" href="../paper-styles/paper-styles.html">

11 <link rel="import" href="../iron-behaviors/iron-control-state.html">

12 <link rel="import" href="../paper-progress/paper-progress.html">	11 <link rel="import" href="../paper-progress/paper-progress.html">

13 <link rel="import" href="../paper-input/paper-input.html">	12 <link rel="import" href="../paper-input/paper-input.html">

	13 <link rel="import" href="../paper-behaviors/paper-inky-focus-behavior.html">

	14 <link rel="import" href="../paper-ripple/paper-ripple.html">

	15 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html ">

	16 <link rel="import" href="../iron-form-element-behavior/iron-form-element-behavio r.html">

14	17

15 <!--	18 <!--

16 `paper-slider` allows user to select a value from a range of values by	19 `paper-slider` allows user to select a value from a range of values by

17 moving the slider thumb. The interactive nature of the slider makes it a	20 moving the slider thumb. The interactive nature of the slider makes it a

18 great choice for settings that reflect intensity levels, such as volume,	21 great choice for settings that reflect intensity levels, such as volume,

19 brightness, or color saturation.	22 brightness, or color saturation.

20	23

21 Example:	24 Example:

22	25

23 <paper-slider></paper-slider>	26 <paper-slider></paper-slider>

(...skipping 48 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
72 --paper-slider-disabled-secondary-color: #ccc;	75 --paper-slider-disabled-secondary-color: #ccc;

73 }	76 }

74	77

75 @group Paper Elements	78 @group Paper Elements

76 @element paper-slider	79 @element paper-slider

77 @demo demo/index.html	80 @demo demo/index.html

78 @hero hero.svg	81 @hero hero.svg

79 -->	82 -->

80	83

81 </head><body><dom-module id="paper-slider">	84 </head><body><dom-module id="paper-slider">

	85

82 <link rel="import" type="css" href="paper-slider.css">	86 <link rel="import" type="css" href="paper-slider.css">

	87

83 <template>	88 <template>

84 <template is="dom-if" if="{{!disabled}}">	89 <div id="sliderContainer" class$="[[_getClassNames(disabled, pin, snaps, imm ediateValue, min, expand, dragging, transiting, editable)]]">

85 </template>

86	90

87 <div id="sliderContainer" class$="[[_getClassNames(disabled, pin, snaps, imm ediateValue, min, expand, dragging, transiting, editable)]]">

88 <div class="bar-container">	91 <div class="bar-container">

89 <paper-progress id="sliderBar" aria-hidden="true" min="[[min]]" max="[[m ax]]" value="[[immediateValue]]" secondary-progress="[[secondaryProgress]]" on-d own="_bardown" on-up="_resetKnob" on-track="_onTrack"></paper-progress>	92 <paper-progress id="sliderBar" aria-hidden="true" min="[[min]]" max="[[m ax]]" step="[[step]]" value="[[immediateValue]]" secondary-progress="[[secondary Progress]]" on-down="_bardown" on-up="_resetKnob" on-track="_onTrack">

	93 </paper-progress>

90 </div>	94 </div>

91	95

92 <template is="dom-if" if="[[snaps]]">	96 <template is="dom-if" if="[[snaps]]">

93 <div class="slider-markers horizontal layout">	97 <div class="slider-markers horizontal layout">

94 <template is="dom-repeat" items="[[markers]]">	98 <template is="dom-repeat" items="[[markers]]">

95 <div class="slider-marker flex"></div>	99 <div class="slider-marker flex"></div>

96 </template>	100 </template>

97 </div>	101 </div>

98 </template>	102 </template>

99	103

100 <div id="sliderKnob" on-down="_knobdown" on-up="_resetKnob" on-track="_onT rack" on-transitionend="_knobTransitionEnd" center-justified="" center="" horizo ntal="" layout="">	104 <div id="sliderKnob" class="center-justified center horizontal layout" on- down="_knobdown" on-up="_resetKnob" on-track="_onTrack" on-transitionend="_knobT ransitionEnd">

101	105 <paper-ripple id="ink" class="circle" center=""></paper-ripple>

102 <div id="sliderKnobInner" value$="[[immediateValue]]"></div>	106 <div id="sliderKnobInner" value$="[[immediateValue]]"></div>

103 </div>	107 </div>

104 </div>	108 </div>

105	109

106 <template is="dom-if" if="[[editable]]">	110 <template is="dom-if" if="[[editable]]">

107 <paper-input id="input" class="slider-input" disabled$="[[disabled]]" on-c hange="_inputChange"></paper-input>	111 <paper-input id="input" class="slider-input" disabled$="[[disabled]]" on-c hange="_inputChange">

	112 </paper-input>

108 </template>	113 </template>

	114 </template>

109	115

110 </template>

111 </dom-module>	116 </dom-module>

112	117

113 <script src="paper-slider-extracted.js"></script></body></html>	118 <script src="paper-slider-extracted.js"></script></body></html>

OLD	NEW