Index: packages/polymer_expressions/example/streams/mouse_resize_image.html |
diff --git a/packages/polymer_expressions/example/streams/mouse_resize_image.html b/packages/polymer_expressions/example/streams/mouse_resize_image.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..461e6abfd5b91800abc2441b5973738d8f25d05d |
--- /dev/null |
+++ b/packages/polymer_expressions/example/streams/mouse_resize_image.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE html> |
+<!-- |
+Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
+for details. All rights reserved. Use of this source code is governed by a |
+BSD-style license that can be found in the LICENSE file. |
+--> |
+ |
+<html> |
+ <body> |
+ <template id="test" bind="{{ mouseMax }}"> |
+ <img src="http://www.dartlang.org/logos/dart-logo.png" |
+ width="{{ value }}" |
+ height="{{ value }}"> |
+ </template> |
+ <script type="application/dart"> |
+ import 'dart:html'; |
+ import 'dart:math'; |
+ import 'package:polymer_expressions/polymer_expressions.dart'; |
+ import 'package:template_binding/template_binding.dart'; |
+ |
+ main() { |
+ var globals = { |
+ 'mouse': document.onMouseMove, |
+ 'mouseMax': |
+ document.onMouseMove.map((e) => max(e.offsetX, e.offsetY)), |
+ }; |
+ |
+ templateBind(query('#test')) |
+ ..bindingDelegate = new PolymerExpressions(globals: globals) |
+ ..model = null; |
+ } |
+ </script> |
+ <script src="packages/browser/dart.js"></script> |
+ </body> |
+</html> |