third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Unified Diff: third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/iron-iconset/index.html ('k') | third_party/polymer/v0_8/components-chromium/iron-image/.bower.json » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html

diff --git a/third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html b/third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html

index f6cffff0b2a708c0040dd3676420b321a032f0df..8e1dc83ae0afd64a6df8ca232f35478814bc588a 100644

--- a/third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html

+++ b/third_party/polymer/v0_8/components-chromium/iron-iconset/iron-iconset.html

@@ -1,58 +1,57 @@

<!--

+@license

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

---><!--

-/**

- * @group Iron Elements

- *

- * The `iron-iconset` element allows users to define their own icon sets.

- * The `src` property specifies the url of the icon image. Multiple icons may

- * be included in this image and they may be organized into rows.

- * The `icons` property is a space separated list of names corresponding to the

- * icons. The names must be ordered as the icons are ordered in the icon image.

- * Icons are expected to be square and are the size specified by the `size`

- * property. The `width` property corresponds to the width of the icon image

- * and must be specified if icons are arranged into multiple rows in the image.

- *

- * All `iron-iconset` elements are available for use by other `iron-iconset`

- * elements via a database keyed by id. Typically, an element author that wants

- * to support a set of custom icons uses a `iron-iconset` to retrieve

- * and use another, user-defined iconset.

- *

- * Example:

- *

- * <iron-iconset id="my-icons" src="my-icons.png" width="96" size="24"

- * icons="location place starta stopb bus car train walk">

- * </iron-iconset>

- *

- * This will automatically register the icon set "my-icons" to the iconset

- * database. To use these icons from within another element, make a

- * `iron-iconset` element and call the `byId` method to retrieve a

- * given iconset. To apply a particular icon to an element, use the

- * `applyIcon` method. For example:

- *

- * iconset.applyIcon(iconNode, 'car');

- *

- * Themed icon sets are also supported. The `iron-iconset` can contain child

- * `property` elements that specify a theme with an offsetX and offsetY of the

- * theme within the icon resource. For example.

- *

- * <iron-iconset id="my-icons" src="my-icons.png" width="96" size="24"

- * icons="location place starta stopb bus car train walk">

- * <property theme="special" offsetX="256" offsetY="24"></property>

- * </iron-iconset>

- *

- * Then a themed icon can be applied like this:

- *

- * iconset.applyIcon(iconNode, 'car', 'special');

- *

- * @element iron-iconset

- */

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

+<!--

+The `iron-iconset` element allows users to define their own icon sets.

+The `src` property specifies the url of the icon image. Multiple icons may

+be included in this image and they may be organized into rows.

+The `icons` property is a space separated list of names corresponding to the

+icons. The names must be ordered as the icons are ordered in the icon image.

+Icons are expected to be square and are the size specified by the `size`

+property. The `width` property corresponds to the width of the icon image

+and must be specified if icons are arranged into multiple rows in the image.

+All `iron-iconset` elements are available for use by other `iron-iconset`

+elements via a database keyed by id. Typically, an element author that wants

+to support a set of custom icons uses a `iron-iconset` to retrieve

+and use another, user-defined iconset.

+Example:

+ <iron-iconset id="my-icons" src="my-icons.png" width="96" size="24"

+ icons="location place starta stopb bus car train walk">

+ </iron-iconset>

+This will automatically register the icon set "my-icons" to the iconset

+database. To use these icons from within another element, make a

+`iron-iconset` element and call the `byId` method to retrieve a

+given iconset. To apply a particular icon to an element, use the

+`applyIcon` method. For example:

+ iconset.applyIcon(iconNode, 'car');

+Themed icon sets are also supported. The `iron-iconset` can contain child

+`property` elements that specify a theme with an offsetX and offsetY of the

+theme within the icon resource. For example.

+ <iron-iconset id="my-icons" src="my-icons.png" width="96" size="24"

+ icons="location place starta stopb bus car train walk">

+ <property theme="special" offsetX="256" offsetY="24"></property>

+ </iron-iconset>

+Then a themed icon can be applied like this:

+ iconset.applyIcon(iconNode, 'car', 'special');

+@element iron-iconset

+-->

</head><body><script src="iron-iconset-extracted.js"></script></body></html>