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

Side by Side Diff: lib/paper_toggle_button.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_tabs.dart ('k') | lib/paper_toggle_button.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_toggle_button`. 3 /// Dart API for the polymer element `paper_toggle_button`.
4 @HtmlImport('paper_toggle_button_nodart.html') 4 @HtmlImport('paper_toggle_button_nodart.html')
5 library polymer_elements.lib.src.paper_toggle_button.paper_toggle_button; 5 library polymer_elements.lib.src.paper_toggle_button.paper_toggle_button;
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_checked_element_behavior.dart';
11 import 'paper_inky_focus_behavior.dart'; 12 import 'paper_inky_focus_behavior.dart';
12 import 'iron_button_state.dart'; 13 import 'iron_button_state.dart';
13 import 'iron_a11y_keys_behavior.dart'; 14 import 'iron_a11y_keys_behavior.dart';
14 import 'iron_control_state.dart'; 15 import 'iron_control_state.dart';
16 import 'paper_ripple_behavior.dart';
15 import 'iron_checked_element_behavior.dart'; 17 import 'iron_checked_element_behavior.dart';
16 import 'iron_form_element_behavior.dart'; 18 import 'iron_form_element_behavior.dart';
17 import 'iron_validatable_behavior.dart'; 19 import 'iron_validatable_behavior.dart';
18 import 'color.dart'; 20 import 'color.dart';
19 import 'default_theme.dart'; 21 import 'default_theme.dart';
20 import 'paper_ripple.dart'; 22 import 'paper_ripple.dart';
21 23
24 /// Material design: [Switch](https://www.google.com/design/spec/components/sele ction-controls.html#selection-controls-switch)
25 ///
22 /// `paper-toggle-button` provides a ON/OFF switch that user can toggle the stat e 26 /// `paper-toggle-button` provides a ON/OFF switch that user can toggle the stat e
23 /// by tapping or by dragging the switch. 27 /// by tapping or by dragging the switch.
24 /// 28 ///
25 /// Example: 29 /// Example:
26 /// 30 ///
27 /// <paper-toggle-button></paper-toggle-button> 31 /// <paper-toggle-button></paper-toggle-button>
28 /// 32 ///
29 /// ### Styling 33 /// ### Styling
30 /// 34 ///
31 /// The following custom properties and mixins are available for styling: 35 /// The following custom properties and mixins are available for styling:
32 /// 36 ///
33 /// Custom property | Description | Default 37 /// Custom property | Description | Default
34 /// ----------------|-------------|---------- 38 /// ----------------|-------------|----------
35 /// `--paper-toggle-button-unchecked-bar-color` | Slider color when the input is not checked | `#000000` 39 /// `--paper-toggle-button-unchecked-bar-color` | Slider color when the input is not checked | `#000000`
36 /// `--paper-toggle-button-unchecked-button-color` | Button color when the input is not checked | `--paper-grey-50` 40 /// `--paper-toggle-button-unchecked-button-color` | Button color when the input is not checked | `--paper-grey-50`
37 /// `--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color wh en the input is not checked | `--dark-primary-color` 41 /// `--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color wh en the input is not checked | `--dark-primary-color`
38 /// `--paper-toggle-button-checked-bar-color` | Slider button color when the inp ut is checked | `--default-primary-color` 42 /// `--paper-toggle-button-checked-bar-color` | Slider button color when the inp ut is checked | `--default-primary-color`
39 /// `--paper-toggle-button-checked-button-color` | Button color when the input i s checked | `--default-primary-color` 43 /// `--paper-toggle-button-checked-button-color` | Button color when the input i s checked | `--default-primary-color`
40 /// `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--default-primary-color` 44 /// `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--default-primary-color`
41 /// `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the input is not checked | `{}` 45 /// `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the input is not checked | `{}`
42 /// `--paper-toggle-button-unchecked-button` | Mixin applied to the slider butto n when the input is not checked | `{}` 46 /// `--paper-toggle-button-unchecked-button` | Mixin applied to the slider butto n when the input is not checked | `{}`
43 /// `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the i nput is checked | `{}` 47 /// `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the i nput is checked | `{}`
44 /// `--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}` 48 /// `--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}`
49 /// `--paper-toggle-button-label-color` | Label color | `--primary-text-color`
45 @CustomElementProxy('paper-toggle-button') 50 @CustomElementProxy('paper-toggle-button')
46 class PaperToggleButton extends HtmlElement with CustomElementProxyMixin, Polyme rBase, IronA11yKeysBehavior, IronButtonState, IronControlState, PaperInkyFocusBe havior, IronFormElementBehavior, IronValidatableBehavior, IronCheckedElementBeha vior { 51 class PaperToggleButton extends HtmlElement with CustomElementProxyMixin, Polyme rBase, IronA11yKeysBehavior, IronButtonState, IronControlState, PaperRippleBehav ior, PaperInkyFocusBehavior, IronFormElementBehavior, IronValidatableBehavior, I ronCheckedElementBehavior, PaperCheckedElementBehavior {
47 PaperToggleButton.created() : super.created(); 52 PaperToggleButton.created() : super.created();
48 factory PaperToggleButton() => new Element.tag('paper-toggle-button'); 53 factory PaperToggleButton() => new Element.tag('paper-toggle-button');
49 } 54 }
OLDNEW
« no previous file with comments | « lib/paper_tabs.dart ('k') | lib/paper_toggle_button.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698