| OLD | NEW |
| 1 // Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 part of touch; | 5 part of touch; |
| 6 | 6 |
| 7 /** | 7 /** |
| 8 * Common effects related helpers. | 8 * Common effects related helpers. |
| 9 */ | 9 */ |
| 10 class FxUtil { | 10 class FxUtil { |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 60 } | 60 } |
| 61 | 61 |
| 62 /** | 62 /** |
| 63 * Determine the position of an [element] relative to a [target] element. | 63 * Determine the position of an [element] relative to a [target] element. |
| 64 * Moving the [element] to be a child of [target] and setting the | 64 * Moving the [element] to be a child of [target] and setting the |
| 65 * [element]'s top and left values to the returned coordinate should result | 65 * [element]'s top and left values to the returned coordinate should result |
| 66 * in the [element]'s position remaining unchanged while its parent is | 66 * in the [element]'s position remaining unchanged while its parent is |
| 67 * changed. | 67 * changed. |
| 68 */ | 68 */ |
| 69 static Coordinate computeRelativePosition(Element element, Element target) { | 69 static Coordinate computeRelativePosition(Element element, Element target) { |
| 70 final testPoint = new Point(0, 0); | 70 final elementPoint = computePagePosition(element); |
| 71 final pagePoint = | 71 final targetPoint = computePagePosition(target); |
| 72 window.webkitConvertPointFromNodeToPage(element, testPoint); | 72 return new Coordinate(elementPoint.x - targetPoint.x, |
| 73 final pointRelativeToTarget = | 73 elementPoint.y - targetPoint.y); |
| 74 window.webkitConvertPointFromPageToNode(target, pagePoint); | 74 } |
| 75 return new Coordinate(pointRelativeToTarget.x, pointRelativeToTarget.y); | 75 |
| 76 /** Computes the position of an element on the page. */ |
| 77 static Coordinate computePagePosition(Element element) { |
| 78 num left = 0; |
| 79 num top = 0; |
| 80 do { |
| 81 left += element.offsetLeft; |
| 82 top += element.offsetTop; |
| 83 element = element.offsetParent; |
| 84 } while (element != null); |
| 85 return new Coordinate(left, top); |
| 76 } | 86 } |
| 77 | 87 |
| 78 /** Clear a -webkit-transform from an element. */ | 88 /** Clear a -webkit-transform from an element. */ |
| 79 static void clearWebkitTransform(Element el) { | 89 static void clearWebkitTransform(Element el) { |
| 80 el.style.transform = ''; | 90 el.style.transform = ''; |
| 81 } | 91 } |
| 82 | 92 |
| 83 /** | 93 /** |
| 84 * Checks whether an element has a translate3d webkit transform applied. | 94 * Checks whether an element has a translate3d webkit transform applied. |
| 85 */ | 95 */ |
| (...skipping 10 matching lines...) Expand all Loading... |
| 96 style.left = '${x}px'; | 106 style.left = '${x}px'; |
| 97 style.top = '${y}px'; | 107 style.top = '${y}px'; |
| 98 } | 108 } |
| 99 } | 109 } |
| 100 | 110 |
| 101 class TransitionTimingFunction { | 111 class TransitionTimingFunction { |
| 102 static const EASE_IN = 'ease-in'; | 112 static const EASE_IN = 'ease-in'; |
| 103 static const EASE_OUT = 'ease-out'; | 113 static const EASE_OUT = 'ease-out'; |
| 104 static const EASE_IN_OUT = 'ease-in-out'; | 114 static const EASE_IN_OUT = 'ease-in-out'; |
| 105 } | 115 } |
| OLD | NEW |