OLD | NEW |
(Empty) | |
| 1 <link rel='import' href='../iron-page-url.html'> |
| 2 <link rel='import' href='../../polymer/polymer.html'> |
| 3 |
| 4 <script> |
| 5 Polymer({ |
| 6 is: 'default-value', |
| 7 properties: { |
| 8 val: { |
| 9 type: String, |
| 10 notify: true, |
| 11 value: 'default-value' |
| 12 } |
| 13 }, |
| 14 }); |
| 15 |
| 16 Polymer({ |
| 17 is: 'on-attached', |
| 18 properties: { |
| 19 val: { |
| 20 type: String, |
| 21 notify: true, |
| 22 value: 'on-attached-default-value' |
| 23 } |
| 24 }, |
| 25 attached: function() { |
| 26 if (this.val === 'on-attached-default-value') { |
| 27 this.val = 'on-attached'; |
| 28 } |
| 29 } |
| 30 }); |
| 31 |
| 32 Polymer({ |
| 33 is: 'on-ready', |
| 34 properties: { |
| 35 val: { |
| 36 type: String, |
| 37 notify: true, |
| 38 value: 'on-ready-default-value' |
| 39 } |
| 40 }, |
| 41 ready: function() { |
| 42 this.val = 'on-ready'; |
| 43 } |
| 44 }); |
| 45 |
| 46 Polymer({ |
| 47 is: 'on-timeout', |
| 48 properties: { |
| 49 val: { |
| 50 type: String, |
| 51 notify: true, |
| 52 value: 'on-timeout-default-value' |
| 53 } |
| 54 }, |
| 55 attached: function() { |
| 56 setTimeout(function() { |
| 57 this.val = 'on-timeout'; |
| 58 }.bind(this), 10); |
| 59 } |
| 60 }) |
| 61 </script> |
| 62 |
| 63 <dom-module id='default-before'> |
| 64 <template> |
| 65 <default-value value='{{val}}'></default-value> |
| 66 <iron-page-url query='{{val}}'></iron-page-url> |
| 67 |
| 68 </template> |
| 69 <script>Polymer({is: 'default-before', properties: {val: {type: String}}});</s
cript> |
| 70 </dom-module> |
| 71 |
| 72 <dom-module id='attached-before'> |
| 73 <template> |
| 74 <on-attached val='{{val}}'></on-attached> |
| 75 <iron-page-url query='{{val}}'></iron-page-url> |
| 76 </template> |
| 77 <script>Polymer({is: 'attached-before', properties: {val: {type: String}}});</
script> |
| 78 </dom-module> |
| 79 |
| 80 <dom-module id='ready-before'> |
| 81 <template> |
| 82 <on-ready val='{{val}}'></on-ready> |
| 83 <iron-page-url query='{{val}}'></iron-page-url> |
| 84 </template> |
| 85 <script>Polymer({is: 'ready-before', properties: {val: {type: String}}});</scr
ipt> |
| 86 </dom-module> |
| 87 |
| 88 <dom-module id='timeout-before'> |
| 89 <template> |
| 90 <on-timeout val='{{val}}'></on-timeout> |
| 91 <iron-page-url query='{{val}}'></iron-page-url> |
| 92 </template> |
| 93 <script>Polymer({is: 'timeout-before', properties: {val: {type: String}}});</s
cript> |
| 94 </dom-module> |
| 95 |
| 96 |
| 97 <dom-module id='default-after'> |
| 98 <template> |
| 99 <iron-page-url query='{{val}}'></iron-page-url> |
| 100 <default-value value='{{val}}'></default-value> |
| 101 </template> |
| 102 <script>Polymer({is: 'default-after', properties: {val: {type: String}}});</sc
ript> |
| 103 </dom-module> |
| 104 |
| 105 <dom-module id='attached-after'> |
| 106 <template> |
| 107 <iron-page-url query='{{val}}'></iron-page-url> |
| 108 <on-attached val='{{val}}'></on-attached> |
| 109 </template> |
| 110 <script>Polymer({is: 'attached-after', properties: {val: {type: String}}});</s
cript> |
| 111 </dom-module> |
| 112 |
| 113 <dom-module id='ready-after'> |
| 114 <template> |
| 115 <iron-page-url query='{{val}}'></iron-page-url> |
| 116 <on-ready val='{{val}}'></on-ready> |
| 117 </template> |
| 118 <script>Polymer({is: 'ready-after', properties: {val: {type: String}}});</scri
pt> |
| 119 </dom-module> |
| 120 |
| 121 <dom-module id='timeout-after'> |
| 122 <template> |
| 123 <iron-page-url query='{{val}}'></iron-page-url> |
| 124 <on-timeout val='{{val}}'></on-timeout> |
| 125 </template> |
| 126 <script>Polymer({is: 'timeout-after', properties: {val: {type: String}}});</sc
ript> |
| 127 </dom-module> |
| 128 |
| 129 |
| 130 <dom-module id='default-below'> |
| 131 <template> |
| 132 <iron-page-url query='{{val}}'> |
| 133 <default-value value='{{val}}'></default-value> |
| 134 </iron-page-url> |
| 135 </template> |
| 136 <script>Polymer({is: 'default-below', properties: {val: {type: String}}});</sc
ript> |
| 137 </dom-module> |
| 138 |
| 139 <dom-module id='attached-below'> |
| 140 <template> |
| 141 <iron-page-url query='{{val}}'> |
| 142 <on-attached val='{{val}}'></on-attached> |
| 143 </iron-page-url> |
| 144 </template> |
| 145 <script>Polymer({is: 'attached-below', properties: {val: {type: String}}});</s
cript> |
| 146 </dom-module> |
| 147 |
| 148 <dom-module id='ready-below'> |
| 149 <template> |
| 150 <iron-page-url query='{{val}}'> |
| 151 <on-ready val='{{val}}'></on-ready> |
| 152 </iron-page-url> |
| 153 </template> |
| 154 <script>Polymer({is: 'ready-below', properties: {val: {type: String}}});</scri
pt> |
| 155 </dom-module> |
| 156 |
| 157 <dom-module id='timeout-below'> |
| 158 <template> |
| 159 <iron-page-url query='{{val}}'> |
| 160 <on-timeout val='{{val}}'></on-timeout> |
| 161 </iron-page-url> |
| 162 </template> |
| 163 <script>Polymer({is: 'timeout-below', properties: {val: {type: String}}});</sc
ript> |
| 164 </dom-module> |
| 165 |
| 166 |
| 167 <dom-module id='default-above'> |
| 168 <template> |
| 169 <default-value value='{{val}}'> |
| 170 <iron-page-url query='{{val}}'></iron-page-url> |
| 171 </default-value> |
| 172 </template> |
| 173 <script>Polymer({is: 'default-above', properties: {val: {type: String}}});</sc
ript> |
| 174 </dom-module> |
| 175 |
| 176 <dom-module id='attached-above'> |
| 177 <template> |
| 178 <on-attached val='{{val}}'> |
| 179 <iron-page-url query='{{val}}'> |
| 180 </iron-page-url> |
| 181 </on-attached> |
| 182 </template> |
| 183 <script>Polymer({is: 'attached-above', properties: {val: {type: String}}});</s
cript> |
| 184 </dom-module> |
| 185 |
| 186 <dom-module id='ready-above'> |
| 187 <template> |
| 188 <on-ready val='{{val}}'> |
| 189 <iron-page-url query='{{val}}'> |
| 190 </iron-page-url> |
| 191 </on-ready> |
| 192 </template> |
| 193 <script>Polymer({is: 'ready-above', properties: {val: {type: String}}});</scri
pt> |
| 194 </dom-module> |
| 195 |
| 196 <dom-module id='timeout-above'> |
| 197 <template> |
| 198 <on-timeout val='{{val}}'> |
| 199 <iron-page-url query='{{val}}'></iron-page-url> |
| 200 </on-timeout> |
| 201 </template> |
| 202 <script>Polymer({is: 'timeout-above', properties: {val: {type: String}}});</sc
ript> |
| 203 </dom-module> |
| 204 |
| 205 |
| 206 <dom-module id='default-container'> |
| 207 <template> |
| 208 <iron-page-url query='{{val}}'></iron-page-url> |
| 209 </template> |
| 210 <script> |
| 211 Polymer({ |
| 212 is: 'default-container', |
| 213 properties: {val: {type: String, value: 'default-container-val'}} |
| 214 }); |
| 215 </script> |
| 216 </dom-module> |
| 217 |
| 218 <dom-module id='attached-container'> |
| 219 <template> |
| 220 <iron-page-url query='{{val}}'></iron-page-url> |
| 221 </template> |
| 222 <script> |
| 223 Polymer({ |
| 224 is: 'attached-container', |
| 225 properties: {val: {type: String, value: 'container-attached-default-val'}}
, |
| 226 attached: function() { |
| 227 if (this.val === 'container-attached-default-val') { |
| 228 this.val = 'attached-container-val'; |
| 229 } |
| 230 } |
| 231 }); |
| 232 </script> |
| 233 </dom-module> |
| 234 |
| 235 <dom-module id='ready-container'> |
| 236 <template> |
| 237 <iron-page-url query='{{val}}'></iron-page-url> |
| 238 </template> |
| 239 <script> |
| 240 Polymer({ |
| 241 is: 'ready-container', properties: {val: {type: String}}, |
| 242 ready: function() { |
| 243 this.val = 'ready-container-val'; |
| 244 } |
| 245 }); |
| 246 </script> |
| 247 </dom-module> |
| 248 |
| 249 <dom-module id='timeout-container'> |
| 250 <template> |
| 251 <iron-page-url query='{{val}}'></iron-page-url> |
| 252 </template> |
| 253 <script>Polymer({ |
| 254 is: 'timeout-container', |
| 255 properties: { |
| 256 val: {type: String} |
| 257 }, |
| 258 attached: function() { |
| 259 setTimeout(function() { |
| 260 this.val = 'on-timeout'; |
| 261 }.bind(this), 10); |
| 262 } |
| 263 });</script> |
| 264 </dom-module> |
OLD | NEW |