diff options
Diffstat (limited to 'node_modules/montage/ui/scroller.reel/scroller.html')
| -rw-r--r-- | node_modules/montage/ui/scroller.reel/scroller.html | 56 |
1 files changed, 13 insertions, 43 deletions
diff --git a/node_modules/montage/ui/scroller.reel/scroller.html b/node_modules/montage/ui/scroller.reel/scroller.html index 656db110..fc59297f 100644 --- a/node_modules/montage/ui/scroller.reel/scroller.html +++ b/node_modules/montage/ui/scroller.reel/scroller.html | |||
| @@ -7,8 +7,8 @@ | |||
| 7 | <html> | 7 | <html> |
| 8 | <head> | 8 | <head> |
| 9 | <title></title> | 9 | <title></title> |
| 10 | <script type="text/montage-serialization"> | 10 | <script type="text/montage-serialization">{ |
| 11 | { | 11 | |
| 12 | "scrollbars": { | 12 | "scrollbars": { |
| 13 | "module": "montage/ui/scroll-bars.reel", | 13 | "module": "montage/ui/scroll-bars.reel", |
| 14 | "name": "ScrollBars", | 14 | "name": "ScrollBars", |
| @@ -22,47 +22,17 @@ | |||
| 22 | "module": "montage/ui/composer/translate-composer", | 22 | "module": "montage/ui/composer/translate-composer", |
| 23 | "name": "TranslateComposer", | 23 | "name": "TranslateComposer", |
| 24 | "properties": { | 24 | "properties": { |
| 25 | "component": {"@": "owner"} | 25 | "component": {"@": "owner"}, |
| 26 | "invertAxis": true | ||
| 26 | }, | 27 | }, |
| 27 | "bindings": { | 28 | "bindings": { |
| 28 | "translateX": { | 29 | "translateX": {"<<->": "@owner.scrollX"}, |
| 29 | "boundObject": {"@": "owner"}, | 30 | "translateY": {"<<->": "@owner.scrollY"}, |
| 30 | "boundObjectPropertyPath": "scrollX", | 31 | "maxTranslateY": {"<<->": "@owner._maxTranslateY"}, |
| 31 | "oneway": false | 32 | "maxTranslateX": {"<<->": "@owner._maxTranslateX"}, |
| 32 | }, | 33 | "axis": {"<<->": "@owner.axis"}, |
| 33 | "translateY": { | 34 | "hasBouncing": {"<<->": "@owner.hasBouncing"}, |
| 34 | "boundObject": {"@": "owner"}, | 35 | "hasMomentum": {"<<->": "@owner.hasMomentum"} |
| 35 | "boundObjectPropertyPath": "scrollY", | ||
| 36 | "oneway": false | ||
| 37 | }, | ||
| 38 | "maxTranslateY": { | ||
| 39 | "boundObject": {"@": "owner"}, | ||
| 40 | "boundObjectPropertyPath": "_maxTranslateY" | ||
| 41 | }, | ||
| 42 | "maxTranslateX": { | ||
| 43 | "boundObject": {"@": "owner"}, | ||
| 44 | "boundObjectPropertyPath": "_maxTranslateX" | ||
| 45 | }, | ||
| 46 | "axis": { | ||
| 47 | "boundObject": {"@": "owner"}, | ||
| 48 | "boundObjectPropertyPath": "axis" | ||
| 49 | }, | ||
| 50 | "hasBouncing": { | ||
| 51 | "boundObject": {"@": "owner"}, | ||
| 52 | "boundObjectPropertyPath": "hasBouncing" | ||
| 53 | }, | ||
| 54 | "hasMomentum": { | ||
| 55 | "boundObject": {"@": "owner"}, | ||
| 56 | "boundObjectPropertyPath": "hasMomentum" | ||
| 57 | }, | ||
| 58 | "bouncingDuration": { | ||
| 59 | "boundObject": {"@": "owner"}, | ||
| 60 | "boundObjectPropertyPath": "bouncingDuration" | ||
| 61 | }, | ||
| 62 | "momentumDuration": { | ||
| 63 | "boundObject": {"@": "owner"}, | ||
| 64 | "boundObjectPropertyPath": "momentumDuration" | ||
| 65 | } | ||
| 66 | }, | 36 | }, |
| 67 | "listeners": [ | 37 | "listeners": [ |
| 68 | { | 38 | { |
| @@ -90,8 +60,8 @@ | |||
| 90 | } | 60 | } |
| 91 | } | 61 | } |
| 92 | } | 62 | } |
| 93 | } | 63 | |
| 94 | </script> | 64 | }</script> |
| 95 | <style> | 65 | <style> |
| 96 | .montage-scroller { | 66 | .montage-scroller { |
| 97 | position: relative; | 67 | position: relative; |