| OLD | NEW |
| 1 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update` | 1 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update` |
| 2 | 2 |
| 3 /// Dart API for the polymer element `iron_icon`. | 3 /// Dart API for the polymer element `iron_icon`. |
| 4 @HtmlImport('iron_icon_nodart.html') | 4 @HtmlImport('iron_icon_nodart.html') |
| 5 library polymer_elements.lib.src.iron_icon.iron_icon; | 5 library polymer_elements.lib.src.iron_icon.iron_icon; |
| 6 | 6 |
| 7 import 'dart:html'; | 7 import 'dart:html'; |
| 8 import 'dart:js' show JsArray, JsObject; | 8 import 'dart:js' show JsArray, JsObject; |
| 9 import 'package:web_components/web_components.dart'; | 9 import 'package:web_components/web_components.dart'; |
| 10 import 'package:polymer_interop/polymer_interop.dart'; | 10 import 'package:polymer_interop/polymer_interop.dart'; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 42 /// <link rel="import" href="/components/iron-icons/communication-icons.html
"> | 42 /// <link rel="import" href="/components/iron-icons/communication-icons.html
"> |
| 43 /// | 43 /// |
| 44 /// <iron-icon icon="communication:email"></iron-icon> | 44 /// <iron-icon icon="communication:email"></iron-icon> |
| 45 /// | 45 /// |
| 46 /// You can also create custom icon sets of bitmap or SVG icons. | 46 /// You can also create custom icon sets of bitmap or SVG icons. |
| 47 /// | 47 /// |
| 48 /// Example of using an icon named `cherry` from a custom iconset with the ID `f
ruit`: | 48 /// Example of using an icon named `cherry` from a custom iconset with the ID `f
ruit`: |
| 49 /// | 49 /// |
| 50 /// <iron-icon icon="fruit:cherry"></iron-icon> | 50 /// <iron-icon icon="fruit:cherry"></iron-icon> |
| 51 /// | 51 /// |
| 52 /// See [iron-iconset](#iron-iconset) and [iron-iconset-svg](#iron-iconset-svg)
for more information about | 52 /// See [iron-iconset](iron-iconset) and [iron-iconset-svg](iron-iconset-svg) fo
r more information about |
| 53 /// how to create a custom iconset. | 53 /// how to create a custom iconset. |
| 54 /// | 54 /// |
| 55 /// See [iron-icons](https://elements.polymer-project.org/elements/iron-icons?vi
ew=demo:demo/index.html) for the default set of icons. | 55 /// See the [iron-icons demo](iron-icons?view=demo:demo/index.html) to see the i
cons available |
| 56 /// in the various iconsets. |
| 56 /// | 57 /// |
| 57 /// | 58 /// |
| 58 /// ### Styling | 59 /// ### Styling |
| 59 /// | 60 /// |
| 60 /// The following custom properties are available for styling: | 61 /// The following custom properties are available for styling: |
| 61 /// | 62 /// |
| 62 /// Custom property | Description | Default | 63 /// Custom property | Description | Default |
| 63 /// ----------------|-------------|---------- | 64 /// ----------------|-------------|---------- |
| 64 /// `--iron-icon-width` | Width of the icon | `24px` | 65 /// `--iron-icon-width` | Width of the icon | `24px` |
| 65 /// `--iron-icon-height` | Height of the icon | `24px` | 66 /// `--iron-icon-height` | Height of the icon | `24px` |
| 67 /// `--iron-icon-fill-color` | Fill color of the svg icon | `currentcolor` |
| 68 /// `--iron-icon-stroke-color` | Stroke color of the svg icon | none |
| 66 @CustomElementProxy('iron-icon') | 69 @CustomElementProxy('iron-icon') |
| 67 class IronIcon extends HtmlElement with CustomElementProxyMixin, PolymerBase { | 70 class IronIcon extends HtmlElement with CustomElementProxyMixin, PolymerBase { |
| 68 IronIcon.created() : super.created(); | 71 IronIcon.created() : super.created(); |
| 69 factory IronIcon() => new Element.tag('iron-icon'); | 72 factory IronIcon() => new Element.tag('iron-icon'); |
| 70 | 73 |
| 71 /// The name of the icon to use. The name should be of the form: | 74 /// The name of the icon to use. The name should be of the form: |
| 72 /// `iconset_name:icon_name`. | 75 /// `iconset_name:icon_name`. |
| 73 String get icon => jsElement[r'icon']; | 76 String get icon => jsElement[r'icon']; |
| 74 set icon(String value) { jsElement[r'icon'] = value; } | 77 set icon(String value) { jsElement[r'icon'] = value; } |
| 75 | 78 |
| 76 /// If using iron-icon without an iconset, you can set the src to be | 79 /// If using iron-icon without an iconset, you can set the src to be |
| 77 /// the URL of an individual icon image file. Note that this will take | 80 /// the URL of an individual icon image file. Note that this will take |
| 78 /// precedence over a given icon attribute. | 81 /// precedence over a given icon attribute. |
| 79 String get src => jsElement[r'src']; | 82 String get src => jsElement[r'src']; |
| 80 set src(String value) { jsElement[r'src'] = value; } | 83 set src(String value) { jsElement[r'src'] = value; } |
| 81 | 84 |
| 82 /// The name of the theme to used, if one is specified by the | 85 /// The name of the theme to used, if one is specified by the |
| 83 /// iconset. | 86 /// iconset. |
| 84 String get theme => jsElement[r'theme']; | 87 String get theme => jsElement[r'theme']; |
| 85 set theme(String value) { jsElement[r'theme'] = value; } | 88 set theme(String value) { jsElement[r'theme'] = value; } |
| 86 } | 89 } |
| OLD | NEW |