third_party/polymer/v1_0/components-chromium/iron-list/iron-list.html - Issue 1766433002: Roll Polymer to 1.3.1

Side by Side Diff: third_party/polymer/v1_0/components-chromium/iron-list/iron-list.html

Issue 1766433002: Roll Polymer to 1.3.1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase Created 4 years, 9 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/iron-list/bower.json ('k') | third_party/polymer/v1_0/components-chromium/iron-list/iron-list-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.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

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

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

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.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

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

10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html ">	10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html ">

(...skipping 114 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
125 This is why we refer to it as a `virtual` list. In this case, a `dom-repeat` wil l still	125 This is why we refer to it as a `virtual` list. In this case, a `dom-repeat` wil l still

126 create 500 nodes which could slow down the web app, but `iron-list` will only cr eate 20.	126 create 500 nodes which could slow down the web app, but `iron-list` will only cr eate 20.

127	127

128 However, having an `iron-list` does not mean that you can load all the data at o nce.	128 However, having an `iron-list` does not mean that you can load all the data at o nce.

129 Say, you have a million records in the database, you want to split the data into pages	129 Say, you have a million records in the database, you want to split the data into pages

130 so you can bring a page at the time. The page could contain 500 items, and iron- list	130 so you can bring a page at the time. The page could contain 500 items, and iron- list

131 will only render 20.	131 will only render 20.

132	132

133 @group Iron Element	133 @group Iron Element

134 @element iron-list	134 @element iron-list

135 @demo demo/index.html Simple list	135 @demo demo/index.html List of cards

136 @demo demo/selection.html Selection of items	136 @demo demo/selection.html Items selection

137 @demo demo/collapse.html Collapsable items	137 @demo demo/collapse.html Collapsable items

138 @demo demo/scroll-threshold.html Scroll thesholds	138 @demo demo/scroll-threshold.html Scroll thesholds

	139 @demo demo/basic.html Basic list

139	140

140 -->	141 -->

141	142

142 </head><body><dom-module id="iron-list">	143 </head><body><dom-module id="iron-list">

143 <template>	144 <template>

144 <style>	145 <style>

145 :host {	146 :host {

146 display: block;	147 display: block;

147 position: relative;	148 position: relative;

148 }	149 }

(...skipping 22 matching lines...) Expand all Loading...
171 </array-selector>	172 </array-selector>

172	173

173 <div id="items">	174 <div id="items">

174 <content></content>	175 <content></content>

175 </div>	176 </div>

176	177

177 </template>	178 </template>

178 </dom-module>	179 </dom-module>

179	180

180 <script src="iron-list-extracted.js"></script></body></html>	181 <script src="iron-list-extracted.js"></script></body></html>

OLD	NEW