| Index: third_party/polymer/components-chromium/core-list/core-list.html
|
| diff --git a/third_party/polymer/components-chromium/core-list/core-list.html b/third_party/polymer/components-chromium/core-list/core-list.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..d15140d514aab63008b891b399eddc172d798311
|
| --- /dev/null
|
| +++ b/third_party/polymer/components-chromium/core-list/core-list.html
|
| @@ -0,0 +1,43 @@
|
| +<!--
|
| +Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| +Code distributed by Google as part of the polymer project is also
|
| +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| +-->
|
| +
|
| +<!--
|
| +`core-list` displays a virtual, 'infinite' list. The template inside the
|
| +`core-list` element represents the dom to create for each list item. The
|
| +`data` property specifies an array of list item data. The `height` property
|
| +represents the height of a list item.
|
| +
|
| +By default, the list supports selection via tapping. Styling the selection
|
| +should be done via binding. The `selectedProperty` property is set on the
|
| +list view data for each selected item.
|
| +
|
| +`core-list` manages a viewport of data based on the current scroll position.
|
| +For performance reasons, not every item in the list is rendered at once.
|
| +
|
| + <core-list data="{{data}}" height="80">
|
| + <template>
|
| + <div class="{{ {selected: selected} | tokenList }}">List row: {{index}}</div>
|
| + </template>
|
| + </core-list>
|
| +
|
| +@group Polymer Core Elements
|
| +@element core-list
|
| +-->
|
| +<link rel="import" href="../polymer/polymer.html">
|
| +<link rel="import" href="../core-selection/core-selection.html">
|
| +
|
| +<polymer-element name="core-list" on-tap="{{tapHandler}}" assetpath="">
|
| +<template>
|
| + <core-selection id="selection" multi="{{multi}}" on-core-select="{{selectedHandler}}"></core-selection>
|
| + <link rel="stylesheet" href="core-list.css">
|
| + <div id="viewport" class="core-list-viewport"><content></content></div>
|
| +</template>
|
| +
|
| +</polymer-element>
|
| +<script src="core-list-extracted.js"></script>
|
|
|