Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(67)

Side by Side Diff: lib/paper_fab.dart

Issue 1418513006: update elements and fix some bugs (Closed) Base URL: git@github.com:dart-lang/polymer_elements.git@master
Patch Set: code review updates Created 5 years, 1 month 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 | « lib/paper_dropdown_menu_nodart.html ('k') | lib/paper_fab.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 `paper_fab`. 3 /// Dart API for the polymer element `paper_fab`.
4 @HtmlImport('paper_fab_nodart.html') 4 @HtmlImport('paper_fab_nodart.html')
5 library polymer_elements.lib.src.paper_fab.paper_fab; 5 library polymer_elements.lib.src.paper_fab.paper_fab;
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';
11 import 'paper_button_behavior.dart'; 11 import 'paper_button_behavior.dart';
12 import 'iron_button_state.dart'; 12 import 'iron_button_state.dart';
13 import 'iron_a11y_keys_behavior.dart'; 13 import 'iron_a11y_keys_behavior.dart';
14 import 'iron_control_state.dart'; 14 import 'iron_control_state.dart';
15 import 'paper_ripple_behavior.dart';
16 import 'iron_flex_layout/classes/iron_flex_layout.dart';
15 import 'iron_icon.dart'; 17 import 'iron_icon.dart';
16 import 'iron_flex_layout/classes/iron_flex_layout.dart';
17 import 'default_theme.dart';
18 import 'color.dart';
19 import 'paper_material.dart'; 18 import 'paper_material.dart';
20 import 'paper_ripple.dart'; 19 import 'paper_ripple.dart';
20 import 'color.dart';
21 import 'default_theme.dart';
21 22
22 /// Material Design: <a href="http://www.google.com/design/spec/components/butto ns.html">Button</a> 23 /// Material design: [Floating Action Button](https://www.google.com/design/spec /components/buttons-floating-action-button.html)
23 /// 24 ///
24 /// `paper-fab` is a floating action button. It contains an image placed in the center and 25 /// `paper-fab` is a floating action button. It contains an image placed in the center and
25 /// comes in two sizes: regular size and a smaller size by applying the attribut e `mini`. When 26 /// comes in two sizes: regular size and a smaller size by applying the attribut e `mini`. When
26 /// the user touches the button, a ripple effect emanates from the center of the button. 27 /// the user touches the button, a ripple effect emanates from the center of the button.
27 /// 28 ///
28 /// You may import `iron-icons` to use with this element, or provide a URL to a custom icon. 29 /// You may import `iron-icons` to use with this element, or provide a URL to a custom icon.
29 /// See `iron-iconset` for more information about how to use a custom icon set. 30 /// See `iron-iconset` for more information about how to use a custom icon set.
30 /// 31 ///
31 /// Example: 32 /// Example:
32 /// 33 ///
(...skipping 10 matching lines...) Expand all
43 /// 44 ///
44 /// Custom property | Description | Default 45 /// Custom property | Description | Default
45 /// ----------------|-------------|---------- 46 /// ----------------|-------------|----------
46 /// `--paper-fab-background` | The background color of the button | `--accent-co lor` 47 /// `--paper-fab-background` | The background color of the button | `--accent-co lor`
47 /// `--paper-fab-keyboard-focus-background` | The background color of the button when focused | `--paper-pink-900` 48 /// `--paper-fab-keyboard-focus-background` | The background color of the button when focused | `--paper-pink-900`
48 /// `--paper-fab-disabled-background` | The background color of the button when it's disabled | `--paper-grey-300` 49 /// `--paper-fab-disabled-background` | The background color of the button when it's disabled | `--paper-grey-300`
49 /// `--paper-fab-disabled-text` | The text color of the button when it's disable d | `--paper-grey-500` 50 /// `--paper-fab-disabled-text` | The text color of the button when it's disable d | `--paper-grey-500`
50 /// `--paper-fab` | Mixin applied to the button | `{}` 51 /// `--paper-fab` | Mixin applied to the button | `{}`
51 /// `--paper-fab-mini` | Mixin applied to a mini button | `{}` 52 /// `--paper-fab-mini` | Mixin applied to a mini button | `{}`
52 /// `--paper-fab-disabled` | Mixin applied to a disabled button | `{}` 53 /// `--paper-fab-disabled` | Mixin applied to a disabled button | `{}`
54 /// `--paper-fab-iron-icon` | Mixin applied to the iron-icon within the button | `{}`
53 @CustomElementProxy('paper-fab') 55 @CustomElementProxy('paper-fab')
54 class PaperFab extends HtmlElement with CustomElementProxyMixin, PolymerBase, Ir onA11yKeysBehavior, IronButtonState, IronControlState, PaperButtonBehavior { 56 class PaperFab extends HtmlElement with CustomElementProxyMixin, PolymerBase, Ir onA11yKeysBehavior, IronButtonState, IronControlState, PaperRippleBehavior, Pape rButtonBehavior {
55 PaperFab.created() : super.created(); 57 PaperFab.created() : super.created();
56 factory PaperFab() => new Element.tag('paper-fab'); 58 factory PaperFab() => new Element.tag('paper-fab');
57 59
58 /// Specifies the icon name or index in the set of icons available in 60 /// Specifies the icon name or index in the set of icons available in
59 /// the icon's icon set. If the icon property is specified, 61 /// the icon's icon set. If the icon property is specified,
60 /// the src property should not be. 62 /// the src property should not be.
61 String get icon => jsElement[r'icon']; 63 String get icon => jsElement[r'icon'];
62 set icon(String value) { jsElement[r'icon'] = value; } 64 set icon(String value) { jsElement[r'icon'] = value; }
63 65
64 /// Set this to true to style this is a "mini" FAB. 66 /// Set this to true to style this is a "mini" FAB.
65 bool get mini => jsElement[r'mini']; 67 bool get mini => jsElement[r'mini'];
66 set mini(bool value) { jsElement[r'mini'] = value; } 68 set mini(bool value) { jsElement[r'mini'] = value; }
67 69
68 /// The URL of an image for the icon. If the src property is specified, 70 /// The URL of an image for the icon. If the src property is specified,
69 /// the icon property should not be. 71 /// the icon property should not be.
70 String get src => jsElement[r'src']; 72 String get src => jsElement[r'src'];
71 set src(String value) { jsElement[r'src'] = value; } 73 set src(String value) { jsElement[r'src'] = value; }
72 } 74 }
OLDNEW
« no previous file with comments | « lib/paper_dropdown_menu_nodart.html ('k') | lib/paper_fab.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698