| OLD | NEW | 
|---|
| 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
     s/iron-flex-layout.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
     s/iron-flex-layout.html"> | 
|  | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
     on.html"> | 
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
     eckbox.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
     eckbox.html"> | 
| 4 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button
     .html"> |  | 
| 5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_collapse/cr_coll
     apse.html"> | 5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_collapse/cr_coll
     apse.html"> | 
| 6 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_expand_button/cr
     _expand_button.html"> | 6 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_expand_button/cr
     _expand_button.html"> | 
| 7 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_input/cr_input.h
     tml"> | 7 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_input/cr_input.h
     tml"> | 
| 8 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_toggle_button/cr
     _toggle_button.html"> | 8 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_toggle_button/cr
     _toggle_button.html"> | 
| 9 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_network_
     icon.html"> | 9 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_network_
     icon.html"> | 
| 10 | 10 | 
| 11 <dom-module id="cr-demo-element"> | 11 <dom-module id="cr-demo-element"> | 
| 12   <link rel="import" type="css" href="demo_element.css"> | 12   <link rel="import" type="css" href="demo_element.css"> | 
| 13   <template> | 13   <template> | 
| 14     <h3>cr-button</h3> |  | 
| 15     <div class="layout vertical"> |  | 
| 16       <div class="layout horizontal"> |  | 
| 17         <cr-button>Button1</cr-button> |  | 
| 18         <cr-button>Button2</cr-button> |  | 
| 19         <cr-button>Button3</cr-button> |  | 
| 20       </div> |  | 
| 21       <cr-button raised>Raised Button</cr-button> |  | 
| 22       <div class="layout horizontal"> |  | 
| 23         <cr-button toggles>Toggle Button1</cr-button> |  | 
| 24         <cr-button toggles>Toggle Button2</cr-button> |  | 
| 25       </div> |  | 
| 26     </div> |  | 
| 27 |  | 
| 28     <h3>cr-input</h3> | 14     <h3>cr-input</h3> | 
| 29     <div class="layout vertical"> | 15     <div class="layout vertical"> | 
| 30       <div class="layout horizontal"> | 16       <div class="layout horizontal"> | 
| 31         <cr-input label="CrInput1" value="{{inputValues.1}}"></cr-input> | 17         <cr-input label="CrInput1" value="{{inputValues.1}}"></cr-input> | 
| 32         <span>InputValue.1=</span> | 18         <span>InputValue.1=</span> | 
| 33         <span>[[inputValues.1]]</span> | 19         <span>[[inputValues.1]]</span> | 
| 34       </div> | 20       </div> | 
| 35       <div class="layout horizontal"> | 21       <div class="layout horizontal"> | 
| 36         <cr-input label="CrInput2" value="{{inputValues.2}}"></cr-input> | 22         <cr-input label="CrInput2" value="{{inputValues.2}}"></cr-input> | 
| 37         <cr-input label="CrInput3" value="{{inputValues.3}}"></cr-input> | 23         <cr-input label="CrInput3" value="{{inputValues.3}}"></cr-input> | 
| (...skipping 27 matching lines...) Expand all  Loading... | 
| 65       <cr-expand-button expanded="{{collapseOpened}}"> | 51       <cr-expand-button expanded="{{collapseOpened}}"> | 
| 66         Collapse 1 | 52         Collapse 1 | 
| 67       </cr-expand-button> | 53       </cr-expand-button> | 
| 68       <cr-collapse opened="[[collapseOpened]]"> | 54       <cr-collapse opened="[[collapseOpened]]"> | 
| 69         <div class="layout vertical"> | 55         <div class="layout vertical"> | 
| 70           <span>Collapsable Section 1</span> | 56           <span>Collapsable Section 1</span> | 
| 71           <paper-checkbox>Advanced option 1</paper-checkbox> | 57           <paper-checkbox>Advanced option 1</paper-checkbox> | 
| 72           <paper-checkbox>Advanced option 2</paper-checkbox> | 58           <paper-checkbox>Advanced option 2</paper-checkbox> | 
| 73         </div> | 59         </div> | 
| 74       </cr-collapse> | 60       </cr-collapse> | 
| 75       <cr-button toggles active="{{collapseOpened2}}"> | 61       <paper-button toggles active="{{collapseOpened2}}"> | 
| 76         Collapse 2 | 62         Collapse 2 | 
| 77       </cr-button> | 63       </paper-button> | 
| 78       <cr-collapse opened="[[collapseOpened2]]"> | 64       <cr-collapse opened="[[collapseOpened2]]"> | 
| 79         <div class="layout vertical"> | 65         <div class="layout vertical"> | 
| 80           <span>Collapsable Section 2</span> | 66           <span>Collapsable Section 2</span> | 
| 81         </div> | 67         </div> | 
| 82       </cr-collapse> | 68       </cr-collapse> | 
| 83     </div> | 69     </div> | 
| 84 | 70 | 
| 85     <cr-expand-button toggles expanded="{{networkOpened}}"> | 71     <cr-expand-button toggles expanded="{{networkOpened}}"> | 
| 86       <span class="heading">cr-network-*</span> | 72       <span class="heading">cr-network-*</span> | 
| 87     </cr-expand-button> | 73     </cr-expand-button> | 
| (...skipping 15 matching lines...) Expand all  Loading... | 
| 103             </cr-network-icon> | 89             </cr-network-icon> | 
| 104             <span>Cellular (16px)</span> | 90             <span>Cellular (16px)</span> | 
| 105           </div> | 91           </div> | 
| 106         </div> | 92         </div> | 
| 107       </div> | 93       </div> | 
| 108     </cr-collapse> | 94     </cr-collapse> | 
| 109 | 95 | 
| 110   </template> | 96   </template> | 
| 111   <script src="demo_element.js"></script> | 97   <script src="demo_element.js"></script> | 
| 112 </dom-module> | 98 </dom-module> | 
| OLD | NEW | 
|---|