rspec 1.1.12 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (267) hide show
  1. data/.autotest +2 -1
  2. data/.document +7 -0
  3. data/History.txt +58 -0
  4. data/License.txt +1 -1
  5. data/Manifest.txt +45 -82
  6. data/README.txt +3 -6
  7. data/Rakefile +33 -13
  8. data/Ruby1.9.markdown +32 -0
  9. data/TODO.txt +10 -4
  10. data/Upgrade.markdown +63 -0
  11. data/bin/spec +1 -1
  12. data/cucumber.yml +3 -0
  13. data/examples/failing/{failing_autogenerated_docstrings_example.rb → failing_implicit_docstrings_example.rb} +0 -0
  14. data/examples/failing/pending_example.rb +9 -0
  15. data/examples/failing/spec_helper.rb +1 -1
  16. data/examples/passing/{custom_expectation_matchers.rb → custom_matchers.rb} +0 -0
  17. data/examples/passing/filtered_formatter.rb +18 -0
  18. data/examples/passing/filtered_formatter_example.rb +31 -0
  19. data/examples/passing/implicit_docstrings_example.rb +18 -0
  20. data/examples/passing/spec_helper.rb +1 -1
  21. data/examples/ruby1.9.compatibility/access_to_constants_spec.rb +17 -18
  22. data/features/before_and_after_blocks/before_and_after_blocks.feature +4 -4
  23. data/features/example_groups/example_group_with_should_methods.feature +1 -1
  24. data/features/example_groups/{autogenerated_docstrings.feature → implicit_docstrings.feature} +7 -9
  25. data/features/example_groups/nested_groups.feature +1 -1
  26. data/features/heckle/heckle.feature +56 -0
  27. data/features/interop/examples_and_tests_together.feature +1 -1
  28. data/features/interop/test_but_not_test_unit.feature +1 -1
  29. data/features/interop/test_case_with_should_methods.feature +1 -1
  30. data/features/matchers/create_matcher.feature +115 -0
  31. data/features/mock_framework_integration/use_flexmock.feature +22 -4
  32. data/features/mock_framework_integration/use_mocha.feature +27 -0
  33. data/features/mock_framework_integration/use_rr.feature +27 -0
  34. data/features/mocks/mix_stubs_and_mocks.feature +22 -0
  35. data/features/pending/pending_examples.feature +81 -0
  36. data/features/step_definitions/running_rspec.rb +5 -3
  37. data/features/support/env.rb +1 -1
  38. data/features/support/matchers/smart_match.rb +2 -2
  39. data/lib/autotest/rspec.rb +1 -1
  40. data/lib/spec.rb +1 -1
  41. data/lib/{adapters → spec/adapters}/mock_frameworks/flexmock.rb +0 -0
  42. data/lib/{adapters → spec/adapters}/mock_frameworks/mocha.rb +0 -0
  43. data/lib/{adapters → spec/adapters}/mock_frameworks/rr.rb +0 -0
  44. data/lib/{adapters → spec/adapters}/mock_frameworks/rspec.rb +0 -1
  45. data/lib/spec/autorun.rb +3 -0
  46. data/lib/spec/dsl.rb +3 -1
  47. data/lib/spec/dsl/matchers.rb +13 -0
  48. data/lib/spec/example.rb +4 -0
  49. data/lib/spec/example/before_and_after_hooks.rb +5 -20
  50. data/lib/spec/example/errors.rb +3 -3
  51. data/lib/spec/example/example_description.rb +15 -0
  52. data/lib/spec/example/example_group.rb +0 -15
  53. data/lib/spec/example/example_group_factory.rb +34 -46
  54. data/lib/spec/example/example_group_hierarchy.rb +53 -0
  55. data/lib/spec/example/example_group_methods.rb +101 -211
  56. data/lib/spec/example/example_methods.rb +61 -81
  57. data/lib/spec/example/module_reopening_fix.rb +23 -1
  58. data/lib/spec/example/pending.rb +3 -2
  59. data/lib/spec/example/predicate_matchers.rb +47 -0
  60. data/lib/spec/example/subject.rb +91 -0
  61. data/lib/spec/expectations.rb +1 -1
  62. data/lib/spec/expectations/differs/default.rb +0 -1
  63. data/lib/spec/expectations/extensions.rb +0 -1
  64. data/lib/spec/expectations/handler.rb +13 -6
  65. data/lib/spec/interop/test.rb +5 -0
  66. data/lib/spec/interop/test/unit/testcase.rb +5 -22
  67. data/lib/spec/matchers.rb +22 -8
  68. data/lib/spec/matchers/be.rb +4 -9
  69. data/lib/spec/matchers/be_close.rb +20 -5
  70. data/lib/spec/matchers/be_instance_of.rb +45 -0
  71. data/lib/spec/matchers/be_kind_of.rb +45 -0
  72. data/lib/spec/matchers/change.rb +8 -6
  73. data/lib/spec/matchers/compatibility.rb +14 -0
  74. data/lib/spec/matchers/eql.rb +24 -6
  75. data/lib/spec/matchers/equal.rb +24 -6
  76. data/lib/spec/matchers/exist.rb +21 -5
  77. data/lib/spec/matchers/extensions/instance_exec.rb +25 -0
  78. data/lib/spec/matchers/generated_descriptions.rb +2 -2
  79. data/lib/spec/matchers/has.rb +28 -11
  80. data/lib/spec/matchers/have.rb +2 -2
  81. data/lib/spec/matchers/include.rb +2 -2
  82. data/lib/spec/matchers/match.rb +25 -7
  83. data/lib/spec/matchers/match_array.rb +3 -3
  84. data/lib/spec/matchers/matcher.rb +51 -0
  85. data/lib/spec/matchers/method_missing.rb +2 -2
  86. data/lib/spec/matchers/operator_matcher.rb +12 -5
  87. data/lib/spec/matchers/raise_error.rb +3 -3
  88. data/lib/spec/matchers/respond_to.rb +3 -3
  89. data/lib/spec/matchers/satisfy.rb +7 -7
  90. data/lib/spec/matchers/throw_symbol.rb +3 -5
  91. data/lib/spec/mocks.rb +3 -3
  92. data/lib/spec/mocks/argument_expectation.rb +15 -15
  93. data/lib/spec/mocks/{argument_constraints.rb → argument_matchers.rb} +19 -23
  94. data/lib/spec/mocks/error_generator.rb +5 -8
  95. data/lib/spec/mocks/framework.rb +1 -1
  96. data/lib/spec/mocks/message_expectation.rb +5 -13
  97. data/lib/spec/mocks/mock.rb +4 -5
  98. data/lib/spec/mocks/proxy.rb +9 -5
  99. data/lib/spec/mocks/spec_methods.rb +10 -1
  100. data/lib/spec/rake/spectask.rb +0 -1
  101. data/lib/spec/runner.rb +6 -28
  102. data/lib/spec/runner/configuration.rb +3 -3
  103. data/lib/spec/runner/drb_command_line.rb +2 -1
  104. data/lib/spec/runner/example_group_runner.rb +3 -2
  105. data/lib/spec/runner/formatter/base_text_formatter.rb +34 -19
  106. data/lib/spec/runner/formatter/failing_example_groups_formatter.rb +3 -5
  107. data/lib/spec/runner/formatter/html_formatter.rb +2 -3
  108. data/lib/spec/runner/formatter/nested_text_formatter.rb +7 -25
  109. data/lib/spec/runner/formatter/progress_bar_formatter.rb +1 -1
  110. data/lib/spec/runner/formatter/snippet_extractor.rb +1 -1
  111. data/lib/spec/runner/formatter/specdoc_formatter.rb +1 -7
  112. data/lib/spec/runner/heckle_runner.rb +3 -6
  113. data/lib/spec/runner/heckle_runner_unsupported.rb +1 -1
  114. data/lib/spec/runner/option_parser.rb +19 -21
  115. data/lib/spec/runner/options.rb +32 -27
  116. data/lib/spec/runner/reporter.rb +8 -9
  117. data/lib/spec/test/unit.rb +10 -0
  118. data/lib/spec/version.rb +2 -2
  119. data/{features/support → resources}/helpers/cmdline.rb +2 -2
  120. data/resources/rake/verify_rcov.rake +1 -1
  121. data/resources/spec/example_group_with_should_methods.rb +1 -1
  122. data/resources/spec/simple_spec.rb +1 -1
  123. data/resources/test/spec_and_test_together.rb +2 -3
  124. data/resources/test/spec_including_test_but_not_unit.rb +1 -1
  125. data/resources/test/test_case_with_should_methods.rb +2 -3
  126. data/spec/autotest/autotest_helper.rb +0 -1
  127. data/spec/autotest/rspec_spec.rb +95 -98
  128. data/spec/spec/dsl/main_spec.rb +3 -3
  129. data/spec/spec/dsl/matchers_spec.rb +25 -0
  130. data/spec/spec/example/example_group_class_definition_spec.rb +14 -15
  131. data/spec/spec/example/example_group_factory_spec.rb +31 -44
  132. data/spec/spec/example/example_group_methods_spec.rb +86 -52
  133. data/spec/spec/example/example_group_spec.rb +32 -79
  134. data/spec/spec/example/example_matcher_spec.rb +10 -10
  135. data/spec/spec/example/example_methods_spec.rb +108 -242
  136. data/spec/spec/example/nested_example_group_spec.rb +2 -2
  137. data/spec/spec/example/pending_module_spec.rb +66 -41
  138. data/spec/spec/example/shared_example_group_spec.rb +4 -4
  139. data/spec/spec/{matchers → expectations}/handler_spec.rb +52 -4
  140. data/spec/spec/interop/test/unit/resources/spec_that_fails.rb +2 -2
  141. data/spec/spec/interop/test/unit/resources/spec_that_passes.rb +2 -2
  142. data/spec/spec/interop/test/unit/resources/spec_with_errors.rb +2 -2
  143. data/spec/spec/interop/test/unit/resources/spec_with_options_hash.rb +2 -2
  144. data/spec/spec/interop/test/unit/resources/test_case_that_fails.rb +2 -2
  145. data/spec/spec/interop/test/unit/resources/test_case_that_passes.rb +2 -2
  146. data/spec/spec/interop/test/unit/resources/test_case_with_errors.rb +2 -2
  147. data/spec/spec/interop/test/unit/resources/testsuite_adapter_spec_with_test_unit.rb +2 -2
  148. data/spec/spec/interop/test/unit/testcase_spec.rb +0 -4
  149. data/spec/spec/matchers/be_close_spec.rb +1 -1
  150. data/spec/spec/matchers/be_instance_of_spec.rb +29 -0
  151. data/spec/spec/matchers/be_kind_of_spec.rb +29 -0
  152. data/spec/spec/matchers/change_spec.rb +20 -0
  153. data/spec/spec/matchers/compatibility_spec.rb +34 -0
  154. data/spec/spec/matchers/description_generation_spec.rb +0 -12
  155. data/spec/spec/matchers/eql_spec.rb +2 -2
  156. data/spec/spec/matchers/equal_spec.rb +2 -2
  157. data/spec/spec/matchers/exist_spec.rb +8 -4
  158. data/spec/spec/matchers/have_spec.rb +4 -4
  159. data/spec/spec/matchers/match_spec.rb +2 -2
  160. data/spec/spec/matchers/matcher_methods_spec.rb +1 -1
  161. data/spec/spec/matchers/matcher_spec.rb +97 -0
  162. data/spec/spec/matchers/throw_symbol_spec.rb +8 -8
  163. data/spec/spec/mocks/{bug_report_496.rb → bug_report_496_spec.rb} +0 -0
  164. data/spec/spec/mocks/{failing_mock_argument_constraints_spec.rb → failing_argument_matchers_spec.rb} +2 -2
  165. data/spec/spec/mocks/hash_including_matcher_spec.rb +4 -4
  166. data/spec/spec/mocks/hash_not_including_matcher_spec.rb +3 -3
  167. data/spec/spec/mocks/mock_spec.rb +27 -2
  168. data/spec/spec/mocks/nil_expectation_warning_spec.rb +1 -1
  169. data/spec/spec/mocks/partial_mock_spec.rb +18 -3
  170. data/spec/spec/mocks/{passing_mock_argument_constraints_spec.rb → passing_argument_matchers_spec.rb} +6 -6
  171. data/spec/spec/mocks/stubbed_message_expectations_spec.rb +13 -1
  172. data/spec/spec/package/bin_spec_spec.rb +2 -2
  173. data/spec/spec/runner/configuration_spec.rb +12 -12
  174. data/spec/spec/runner/drb_command_line_spec.rb +71 -73
  175. data/spec/spec/runner/formatter/base_text_formatter_spec.rb +82 -1
  176. data/spec/spec/runner/formatter/failing_example_groups_formatter_spec.rb +8 -8
  177. data/spec/spec/runner/formatter/failing_examples_formatter_spec.rb +4 -4
  178. data/spec/spec/runner/formatter/html_formatted-1.8.6.html +8 -8
  179. data/spec/spec/runner/formatter/html_formatted-1.8.7.html +38 -26
  180. data/spec/spec/runner/formatter/html_formatted-1.9.1.html +61 -53
  181. data/spec/spec/runner/formatter/html_formatter_spec.rb +100 -48
  182. data/spec/spec/runner/formatter/nested_text_formatter_spec.rb +20 -34
  183. data/spec/spec/runner/formatter/profile_formatter_spec.rb +2 -1
  184. data/spec/spec/runner/formatter/progress_bar_formatter_spec.rb +9 -6
  185. data/spec/spec/runner/formatter/specdoc_formatter_spec.rb +6 -6
  186. data/spec/spec/runner/formatter/text_mate_formatted-1.8.6.html +20 -20
  187. data/spec/spec/runner/formatter/text_mate_formatted-1.8.7.html +38 -26
  188. data/spec/spec/runner/formatter/text_mate_formatted-1.9.1.html +55 -47
  189. data/spec/spec/runner/formatter/{spec_mate_formatter_spec.rb → text_mate_formatter_spec.rb} +11 -9
  190. data/spec/spec/runner/heckle_runner_spec.rb +1 -1
  191. data/spec/spec/runner/heckler_spec.rb +1 -1
  192. data/spec/spec/runner/option_parser_spec.rb +28 -11
  193. data/spec/spec/runner/options_spec.rb +34 -0
  194. data/spec/spec/runner/reporter_spec.rb +66 -62
  195. data/spec/spec/runner/resources/utf8_encoded.rb +1 -0
  196. data/spec/spec/runner/spec_drb.opts +1 -0
  197. data/spec/spec/runner_spec.rb +7 -5
  198. data/spec/spec_helper.rb +24 -2
  199. metadata +49 -90
  200. data/examples/passing/autogenerated_docstrings_example.rb +0 -25
  201. data/examples/passing/before_and_after_example.rb +0 -40
  202. data/examples/passing/behave_as_example.rb +0 -45
  203. data/examples/passing/legacy_spec.rb +0 -11
  204. data/examples/passing/priority.txt +0 -1
  205. data/features/support/helpers/story_helper.rb +0 -16
  206. data/lib/spec/expectations/extensions/string_and_symbol.rb +0 -17
  207. data/lib/spec/runner/formatter/story/html_formatter.rb +0 -174
  208. data/lib/spec/runner/formatter/story/plain_text_formatter.rb +0 -194
  209. data/lib/spec/runner/formatter/story/progress_bar_formatter.rb +0 -42
  210. data/lib/spec/story.rb +0 -10
  211. data/lib/spec/story/extensions.rb +0 -3
  212. data/lib/spec/story/extensions/main.rb +0 -86
  213. data/lib/spec/story/extensions/regexp.rb +0 -9
  214. data/lib/spec/story/extensions/string.rb +0 -9
  215. data/lib/spec/story/given_scenario.rb +0 -14
  216. data/lib/spec/story/runner.rb +0 -57
  217. data/lib/spec/story/runner/plain_text_story_runner.rb +0 -48
  218. data/lib/spec/story/runner/scenario_collector.rb +0 -18
  219. data/lib/spec/story/runner/scenario_runner.rb +0 -54
  220. data/lib/spec/story/runner/story_mediator.rb +0 -137
  221. data/lib/spec/story/runner/story_parser.rb +0 -247
  222. data/lib/spec/story/runner/story_runner.rb +0 -74
  223. data/lib/spec/story/scenario.rb +0 -14
  224. data/lib/spec/story/step.rb +0 -70
  225. data/lib/spec/story/step_group.rb +0 -89
  226. data/lib/spec/story/step_mother.rb +0 -38
  227. data/lib/spec/story/story.rb +0 -39
  228. data/lib/spec/story/world.rb +0 -124
  229. data/resources/spec/spec_with_flexmock.rb +0 -19
  230. data/rspec.gemspec +0 -32
  231. data/spec/spec/matchers/mock_constraint_matchers_spec.rb +0 -24
  232. data/spec/spec/runner/formatter/story/html_formatter_spec.rb +0 -135
  233. data/spec/spec/runner/formatter/story/plain_text_formatter_spec.rb +0 -600
  234. data/spec/spec/runner/formatter/story/progress_bar_formatter_spec.rb +0 -82
  235. data/spec/spec/spec_spec.rb +0 -21
  236. data/spec/spec/story/builders.rb +0 -46
  237. data/spec/spec/story/extensions/main_spec.rb +0 -161
  238. data/spec/spec/story/extensions_spec.rb +0 -14
  239. data/spec/spec/story/given_scenario_spec.rb +0 -27
  240. data/spec/spec/story/runner/plain_text_story_runner_spec.rb +0 -90
  241. data/spec/spec/story/runner/scenario_collector_spec.rb +0 -27
  242. data/spec/spec/story/runner/scenario_runner_spec.rb +0 -214
  243. data/spec/spec/story/runner/story_mediator_spec.rb +0 -143
  244. data/spec/spec/story/runner/story_parser_spec.rb +0 -401
  245. data/spec/spec/story/runner/story_runner_spec.rb +0 -294
  246. data/spec/spec/story/runner_spec.rb +0 -93
  247. data/spec/spec/story/scenario_spec.rb +0 -18
  248. data/spec/spec/story/step_group_spec.rb +0 -157
  249. data/spec/spec/story/step_mother_spec.rb +0 -84
  250. data/spec/spec/story/step_spec.rb +0 -272
  251. data/spec/spec/story/story_helper.rb +0 -2
  252. data/spec/spec/story/story_spec.rb +0 -84
  253. data/spec/spec/story/world_spec.rb +0 -423
  254. data/story_server/prototype/javascripts/builder.js +0 -136
  255. data/story_server/prototype/javascripts/controls.js +0 -972
  256. data/story_server/prototype/javascripts/dragdrop.js +0 -976
  257. data/story_server/prototype/javascripts/effects.js +0 -1117
  258. data/story_server/prototype/javascripts/prototype.js +0 -4140
  259. data/story_server/prototype/javascripts/rspec.js +0 -149
  260. data/story_server/prototype/javascripts/scriptaculous.js +0 -58
  261. data/story_server/prototype/javascripts/slider.js +0 -276
  262. data/story_server/prototype/javascripts/sound.js +0 -55
  263. data/story_server/prototype/javascripts/unittest.js +0 -568
  264. data/story_server/prototype/lib/server.rb +0 -24
  265. data/story_server/prototype/stories.html +0 -176
  266. data/story_server/prototype/stylesheets/rspec.css +0 -136
  267. data/story_server/prototype/stylesheets/test.css +0 -90
@@ -1,1117 +0,0 @@
1
- // script.aculo.us effects.js v1.8.0_pre1, Fri Oct 12 21:34:51 +0200 2007
2
-
3
- // Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
4
- // Contributors:
5
- // Justin Palmer (http://encytemedia.com/)
6
- // Mark Pilgrim (http://diveintomark.org/)
7
- // Martin Bialasinki
8
- //
9
- // script.aculo.us is freely distributable under the terms of an MIT-style license.
10
- // For details, see the script.aculo.us web site: http://script.aculo.us/
11
-
12
- // converts rgb() and #xxx to #xxxxxx format,
13
- // returns self (or first argument) if not convertable
14
- String.prototype.parseColor = function() {
15
- var color = '#';
16
- if (this.slice(0,4) == 'rgb(') {
17
- var cols = this.slice(4,this.length-1).split(',');
18
- var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
19
- } else {
20
- if (this.slice(0,1) == '#') {
21
- if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
22
- if (this.length==7) color = this.toLowerCase();
23
- }
24
- }
25
- return (color.length==7 ? color : (arguments[0] || this));
26
- };
27
-
28
- /*--------------------------------------------------------------------------*/
29
-
30
- Element.collectTextNodes = function(element) {
31
- return $A($(element).childNodes).collect( function(node) {
32
- return (node.nodeType==3 ? node.nodeValue :
33
- (node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
34
- }).flatten().join('');
35
- };
36
-
37
- Element.collectTextNodesIgnoreClass = function(element, className) {
38
- return $A($(element).childNodes).collect( function(node) {
39
- return (node.nodeType==3 ? node.nodeValue :
40
- ((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
41
- Element.collectTextNodesIgnoreClass(node, className) : ''));
42
- }).flatten().join('');
43
- };
44
-
45
- Element.setContentZoom = function(element, percent) {
46
- element = $(element);
47
- element.setStyle({fontSize: (percent/100) + 'em'});
48
- if (Prototype.Browser.WebKit) window.scrollBy(0,0);
49
- return element;
50
- };
51
-
52
- Element.getInlineOpacity = function(element){
53
- return $(element).style.opacity || '';
54
- };
55
-
56
- Element.forceRerendering = function(element) {
57
- try {
58
- element = $(element);
59
- var n = document.createTextNode(' ');
60
- element.appendChild(n);
61
- element.removeChild(n);
62
- } catch(e) { }
63
- };
64
-
65
- /*--------------------------------------------------------------------------*/
66
-
67
- var Effect = {
68
- _elementDoesNotExistError: {
69
- name: 'ElementDoesNotExistError',
70
- message: 'The specified DOM element does not exist, but is required for this effect to operate'
71
- },
72
- Transitions: {
73
- linear: Prototype.K,
74
- sinoidal: function(pos) {
75
- return (-Math.cos(pos*Math.PI)/2) + 0.5;
76
- },
77
- reverse: function(pos) {
78
- return 1-pos;
79
- },
80
- flicker: function(pos) {
81
- var pos = ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
82
- return pos > 1 ? 1 : pos;
83
- },
84
- wobble: function(pos) {
85
- return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
86
- },
87
- pulse: function(pos, pulses) {
88
- pulses = pulses || 5;
89
- return (
90
- ((pos % (1/pulses)) * pulses).round() == 0 ?
91
- ((pos * pulses * 2) - (pos * pulses * 2).floor()) :
92
- 1 - ((pos * pulses * 2) - (pos * pulses * 2).floor())
93
- );
94
- },
95
- spring: function(pos) {
96
- return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6));
97
- },
98
- none: function(pos) {
99
- return 0;
100
- },
101
- full: function(pos) {
102
- return 1;
103
- }
104
- },
105
- DefaultOptions: {
106
- duration: 1.0, // seconds
107
- fps: 100, // 100= assume 66fps max.
108
- sync: false, // true for combining
109
- from: 0.0,
110
- to: 1.0,
111
- delay: 0.0,
112
- queue: 'parallel'
113
- },
114
- tagifyText: function(element) {
115
- var tagifyStyle = 'position:relative';
116
- if (Prototype.Browser.IE) tagifyStyle += ';zoom:1';
117
-
118
- element = $(element);
119
- $A(element.childNodes).each( function(child) {
120
- if (child.nodeType==3) {
121
- child.nodeValue.toArray().each( function(character) {
122
- element.insertBefore(
123
- new Element('span', {style: tagifyStyle}).update(
124
- character == ' ' ? String.fromCharCode(160) : character),
125
- child);
126
- });
127
- Element.remove(child);
128
- }
129
- });
130
- },
131
- multiple: function(element, effect) {
132
- var elements;
133
- if (((typeof element == 'object') ||
134
- Object.isFunction(element)) &&
135
- (element.length))
136
- elements = element;
137
- else
138
- elements = $(element).childNodes;
139
-
140
- var options = Object.extend({
141
- speed: 0.1,
142
- delay: 0.0
143
- }, arguments[2] || { });
144
- var masterDelay = options.delay;
145
-
146
- $A(elements).each( function(element, index) {
147
- new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
148
- });
149
- },
150
- PAIRS: {
151
- 'slide': ['SlideDown','SlideUp'],
152
- 'blind': ['BlindDown','BlindUp'],
153
- 'appear': ['Appear','Fade']
154
- },
155
- toggle: function(element, effect) {
156
- element = $(element);
157
- effect = (effect || 'appear').toLowerCase();
158
- var options = Object.extend({
159
- queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
160
- }, arguments[2] || { });
161
- Effect[element.visible() ?
162
- Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
163
- }
164
- };
165
-
166
- Effect.DefaultOptions.transition = Effect.Transitions.sinoidal;
167
-
168
- /* ------------- core effects ------------- */
169
-
170
- Effect.ScopedQueue = Class.create(Enumerable, {
171
- initialize: function() {
172
- this.effects = [];
173
- this.interval = null;
174
- },
175
- _each: function(iterator) {
176
- this.effects._each(iterator);
177
- },
178
- add: function(effect) {
179
- var timestamp = new Date().getTime();
180
-
181
- var position = Object.isString(effect.options.queue) ?
182
- effect.options.queue : effect.options.queue.position;
183
-
184
- switch(position) {
185
- case 'front':
186
- // move unstarted effects after this effect
187
- this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
188
- e.startOn += effect.finishOn;
189
- e.finishOn += effect.finishOn;
190
- });
191
- break;
192
- case 'with-last':
193
- timestamp = this.effects.pluck('startOn').max() || timestamp;
194
- break;
195
- case 'end':
196
- // start effect after last queued effect has finished
197
- timestamp = this.effects.pluck('finishOn').max() || timestamp;
198
- break;
199
- }
200
-
201
- effect.startOn += timestamp;
202
- effect.finishOn += timestamp;
203
-
204
- if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
205
- this.effects.push(effect);
206
-
207
- if (!this.interval)
208
- this.interval = setInterval(this.loop.bind(this), 15);
209
- },
210
- remove: function(effect) {
211
- this.effects = this.effects.reject(function(e) { return e==effect });
212
- if (this.effects.length == 0) {
213
- clearInterval(this.interval);
214
- this.interval = null;
215
- }
216
- },
217
- loop: function() {
218
- var timePos = new Date().getTime();
219
- for(var i=0, len=this.effects.length;i<len;i++)
220
- this.effects[i] && this.effects[i].loop(timePos);
221
- }
222
- });
223
-
224
- Effect.Queues = {
225
- instances: $H(),
226
- get: function(queueName) {
227
- if (!Object.isString(queueName)) return queueName;
228
-
229
- if (!this.instances[queueName])
230
- this.instances[queueName] = new Effect.ScopedQueue();
231
-
232
- return this.instances[queueName];
233
- }
234
- };
235
- Effect.Queue = Effect.Queues.get('global');
236
-
237
- Effect.Base = Class.create();
238
- Effect.Base.prototype = {
239
- position: null,
240
- start: function(options) {
241
- function codeForEvent(options,eventName){
242
- return (
243
- (options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') +
244
- (options[eventName] ? 'this.options.'+eventName+'(this);' : '')
245
- );
246
- }
247
- if (options && options.transition === false) options.transition = Effect.Transitions.linear;
248
- this.options = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { });
249
- this.currentFrame = 0;
250
- this.state = 'idle';
251
- this.startOn = this.options.delay*1000;
252
- this.finishOn = this.startOn+(this.options.duration*1000);
253
- this.fromToDelta = this.options.to-this.options.from;
254
- this.totalTime = this.finishOn-this.startOn;
255
- this.totalFrames = this.options.fps*this.options.duration;
256
-
257
- eval('this.render = function(pos){ '+
258
- 'if (this.state=="idle"){this.state="running";'+
259
- codeForEvent(this.options,'beforeSetup')+
260
- (this.setup ? 'this.setup();':'')+
261
- codeForEvent(this.options,'afterSetup')+
262
- '};if (this.state=="running"){'+
263
- 'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+
264
- 'this.position=pos;'+
265
- codeForEvent(this.options,'beforeUpdate')+
266
- (this.update ? 'this.update(pos);':'')+
267
- codeForEvent(this.options,'afterUpdate')+
268
- '}}');
269
-
270
- this.event('beforeStart');
271
- if (!this.options.sync)
272
- Effect.Queues.get(Object.isString(this.options.queue) ?
273
- 'global' : this.options.queue.scope).add(this);
274
- },
275
- loop: function(timePos) {
276
- if (timePos >= this.startOn) {
277
- if (timePos >= this.finishOn) {
278
- this.render(1.0);
279
- this.cancel();
280
- this.event('beforeFinish');
281
- if (this.finish) this.finish();
282
- this.event('afterFinish');
283
- return;
284
- }
285
- var pos = (timePos - this.startOn) / this.totalTime,
286
- frame = (pos * this.totalFrames).round();
287
- if (frame > this.currentFrame) {
288
- this.render(pos);
289
- this.currentFrame = frame;
290
- }
291
- }
292
- },
293
- cancel: function() {
294
- if (!this.options.sync)
295
- Effect.Queues.get(Object.isString(this.options.queue) ?
296
- 'global' : this.options.queue.scope).remove(this);
297
- this.state = 'finished';
298
- },
299
- event: function(eventName) {
300
- if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
301
- if (this.options[eventName]) this.options[eventName](this);
302
- },
303
- inspect: function() {
304
- var data = $H();
305
- for(property in this)
306
- if (!Object.isFunction(this[property])) data[property] = this[property];
307
- return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>';
308
- }
309
- };
310
-
311
- Effect.Parallel = Class.create(Effect.Base, {
312
- initialize: function(effects) {
313
- this.effects = effects || [];
314
- this.start(arguments[1]);
315
- },
316
- update: function(position) {
317
- this.effects.invoke('render', position);
318
- },
319
- finish: function(position) {
320
- this.effects.each( function(effect) {
321
- effect.render(1.0);
322
- effect.cancel();
323
- effect.event('beforeFinish');
324
- if (effect.finish) effect.finish(position);
325
- effect.event('afterFinish');
326
- });
327
- }
328
- });
329
-
330
- Effect.Tween = Class.create(Effect.Base, {
331
- initialize: function(object, from, to) {
332
- object = Object.isString(object) ? $(object) : object;
333
- var args = $A(arguments), method = args.last(),
334
- options = args.length == 5 ? args[3] : null;
335
- this.method = Object.isFunction(method) ? method.bind(object) :
336
- Object.isFunction(object[method]) ? object[method].bind(object) :
337
- function(value) { object[method] = value };
338
- this.start(Object.extend({ from: from, to: to }, options || { }));
339
- },
340
- update: function(position) {
341
- this.method(position);
342
- }
343
- });
344
-
345
- Effect.Event = Class.create(Effect.Base, {
346
- initialize: function() {
347
- this.start(Object.extend({ duration: 0 }, arguments[0] || { }));
348
- },
349
- update: Prototype.emptyFunction
350
- });
351
-
352
- Effect.Opacity = Class.create(Effect.Base, {
353
- initialize: function(element) {
354
- this.element = $(element);
355
- if (!this.element) throw(Effect._elementDoesNotExistError);
356
- // make this work on IE on elements without 'layout'
357
- if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
358
- this.element.setStyle({zoom: 1});
359
- var options = Object.extend({
360
- from: this.element.getOpacity() || 0.0,
361
- to: 1.0
362
- }, arguments[1] || { });
363
- this.start(options);
364
- },
365
- update: function(position) {
366
- this.element.setOpacity(position);
367
- }
368
- });
369
-
370
- Effect.Move = Class.create(Effect.Base, {
371
- initialize: function(element) {
372
- this.element = $(element);
373
- if (!this.element) throw(Effect._elementDoesNotExistError);
374
- var options = Object.extend({
375
- x: 0,
376
- y: 0,
377
- mode: 'relative'
378
- }, arguments[1] || { });
379
- this.start(options);
380
- },
381
- setup: function() {
382
- this.element.makePositioned();
383
- this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
384
- this.originalTop = parseFloat(this.element.getStyle('top') || '0');
385
- if (this.options.mode == 'absolute') {
386
- this.options.x = this.options.x - this.originalLeft;
387
- this.options.y = this.options.y - this.originalTop;
388
- }
389
- },
390
- update: function(position) {
391
- this.element.setStyle({
392
- left: (this.options.x * position + this.originalLeft).round() + 'px',
393
- top: (this.options.y * position + this.originalTop).round() + 'px'
394
- });
395
- }
396
- });
397
-
398
- // for backwards compatibility
399
- Effect.MoveBy = function(element, toTop, toLeft) {
400
- return new Effect.Move(element,
401
- Object.extend({ x: toLeft, y: toTop }, arguments[3] || { }));
402
- };
403
-
404
- Effect.Scale = Class.create(Effect.Base, {
405
- initialize: function(element, percent) {
406
- this.element = $(element);
407
- if (!this.element) throw(Effect._elementDoesNotExistError);
408
- var options = Object.extend({
409
- scaleX: true,
410
- scaleY: true,
411
- scaleContent: true,
412
- scaleFromCenter: false,
413
- scaleMode: 'box', // 'box' or 'contents' or { } with provided values
414
- scaleFrom: 100.0,
415
- scaleTo: percent
416
- }, arguments[2] || { });
417
- this.start(options);
418
- },
419
- setup: function() {
420
- this.restoreAfterFinish = this.options.restoreAfterFinish || false;
421
- this.elementPositioning = this.element.getStyle('position');
422
-
423
- this.originalStyle = { };
424
- ['top','left','width','height','fontSize'].each( function(k) {
425
- this.originalStyle[k] = this.element.style[k];
426
- }.bind(this));
427
-
428
- this.originalTop = this.element.offsetTop;
429
- this.originalLeft = this.element.offsetLeft;
430
-
431
- var fontSize = this.element.getStyle('font-size') || '100%';
432
- ['em','px','%','pt'].each( function(fontSizeType) {
433
- if (fontSize.indexOf(fontSizeType)>0) {
434
- this.fontSize = parseFloat(fontSize);
435
- this.fontSizeType = fontSizeType;
436
- }
437
- }.bind(this));
438
-
439
- this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
440
-
441
- this.dims = null;
442
- if (this.options.scaleMode=='box')
443
- this.dims = [this.element.offsetHeight, this.element.offsetWidth];
444
- if (/^content/.test(this.options.scaleMode))
445
- this.dims = [this.element.scrollHeight, this.element.scrollWidth];
446
- if (!this.dims)
447
- this.dims = [this.options.scaleMode.originalHeight,
448
- this.options.scaleMode.originalWidth];
449
- },
450
- update: function(position) {
451
- var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
452
- if (this.options.scaleContent && this.fontSize)
453
- this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
454
- this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
455
- },
456
- finish: function(position) {
457
- if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
458
- },
459
- setDimensions: function(height, width) {
460
- var d = { };
461
- if (this.options.scaleX) d.width = width.round() + 'px';
462
- if (this.options.scaleY) d.height = height.round() + 'px';
463
- if (this.options.scaleFromCenter) {
464
- var topd = (height - this.dims[0])/2;
465
- var leftd = (width - this.dims[1])/2;
466
- if (this.elementPositioning == 'absolute') {
467
- if (this.options.scaleY) d.top = this.originalTop-topd + 'px';
468
- if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
469
- } else {
470
- if (this.options.scaleY) d.top = -topd + 'px';
471
- if (this.options.scaleX) d.left = -leftd + 'px';
472
- }
473
- }
474
- this.element.setStyle(d);
475
- }
476
- });
477
-
478
- Effect.Highlight = Class.create(Effect.Base, {
479
- initialize: function(element) {
480
- this.element = $(element);
481
- if (!this.element) throw(Effect._elementDoesNotExistError);
482
- var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { });
483
- this.start(options);
484
- },
485
- setup: function() {
486
- // Prevent executing on elements not in the layout flow
487
- if (this.element.getStyle('display')=='none') { this.cancel(); return; }
488
- // Disable background image during the effect
489
- this.oldStyle = { };
490
- if (!this.options.keepBackgroundImage) {
491
- this.oldStyle.backgroundImage = this.element.getStyle('background-image');
492
- this.element.setStyle({backgroundImage: 'none'});
493
- }
494
- if (!this.options.endcolor)
495
- this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
496
- if (!this.options.restorecolor)
497
- this.options.restorecolor = this.element.getStyle('background-color');
498
- // init color calculations
499
- this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
500
- this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
501
- },
502
- update: function(position) {
503
- this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
504
- return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) });
505
- },
506
- finish: function() {
507
- this.element.setStyle(Object.extend(this.oldStyle, {
508
- backgroundColor: this.options.restorecolor
509
- }));
510
- }
511
- });
512
-
513
- Effect.ScrollTo = function(element) {
514
- var options = arguments[1] || { },
515
- scrollOffsets = document.viewport.getScrollOffsets(),
516
- elementOffsets = $(element).cumulativeOffset(),
517
- max = (window.height || document.body.scrollHeight) - document.viewport.getHeight();
518
-
519
- if (options.offset) elementOffsets[1] += options.offset;
520
-
521
- return new Effect.Tween(null,
522
- scrollOffsets.top,
523
- elementOffsets[1] > max ? max : elementOffsets[1],
524
- options,
525
- function(p){ scrollTo(scrollOffsets.left, p.round()) }
526
- );
527
- };
528
-
529
- /* ------------- combination effects ------------- */
530
-
531
- Effect.Fade = function(element) {
532
- element = $(element);
533
- var oldOpacity = element.getInlineOpacity();
534
- var options = Object.extend({
535
- from: element.getOpacity() || 1.0,
536
- to: 0.0,
537
- afterFinishInternal: function(effect) {
538
- if (effect.options.to!=0) return;
539
- effect.element.hide().setStyle({opacity: oldOpacity});
540
- }
541
- }, arguments[1] || { });
542
- return new Effect.Opacity(element,options);
543
- };
544
-
545
- Effect.Appear = function(element) {
546
- element = $(element);
547
- var options = Object.extend({
548
- from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
549
- to: 1.0,
550
- // force Safari to render floated elements properly
551
- afterFinishInternal: function(effect) {
552
- effect.element.forceRerendering();
553
- },
554
- beforeSetup: function(effect) {
555
- effect.element.setOpacity(effect.options.from).show();
556
- }}, arguments[1] || { });
557
- return new Effect.Opacity(element,options);
558
- };
559
-
560
- Effect.Puff = function(element) {
561
- element = $(element);
562
- var oldStyle = {
563
- opacity: element.getInlineOpacity(),
564
- position: element.getStyle('position'),
565
- top: element.style.top,
566
- left: element.style.left,
567
- width: element.style.width,
568
- height: element.style.height
569
- };
570
- return new Effect.Parallel(
571
- [ new Effect.Scale(element, 200,
572
- { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
573
- new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
574
- Object.extend({ duration: 1.0,
575
- beforeSetupInternal: function(effect) {
576
- Position.absolutize(effect.effects[0].element)
577
- },
578
- afterFinishInternal: function(effect) {
579
- effect.effects[0].element.hide().setStyle(oldStyle); }
580
- }, arguments[1] || { })
581
- );
582
- };
583
-
584
- Effect.BlindUp = function(element) {
585
- element = $(element);
586
- element.makeClipping();
587
- return new Effect.Scale(element, 0,
588
- Object.extend({ scaleContent: false,
589
- scaleX: false,
590
- restoreAfterFinish: true,
591
- afterFinishInternal: function(effect) {
592
- effect.element.hide().undoClipping();
593
- }
594
- }, arguments[1] || { })
595
- );
596
- };
597
-
598
- Effect.BlindDown = function(element) {
599
- element = $(element);
600
- var elementDimensions = element.getDimensions();
601
- return new Effect.Scale(element, 100, Object.extend({
602
- scaleContent: false,
603
- scaleX: false,
604
- scaleFrom: 0,
605
- scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
606
- restoreAfterFinish: true,
607
- afterSetup: function(effect) {
608
- effect.element.makeClipping().setStyle({height: '0px'}).show();
609
- },
610
- afterFinishInternal: function(effect) {
611
- effect.element.undoClipping();
612
- }
613
- }, arguments[1] || { }));
614
- };
615
-
616
- Effect.SwitchOff = function(element) {
617
- element = $(element);
618
- var oldOpacity = element.getInlineOpacity();
619
- return new Effect.Appear(element, Object.extend({
620
- duration: 0.4,
621
- from: 0,
622
- transition: Effect.Transitions.flicker,
623
- afterFinishInternal: function(effect) {
624
- new Effect.Scale(effect.element, 1, {
625
- duration: 0.3, scaleFromCenter: true,
626
- scaleX: false, scaleContent: false, restoreAfterFinish: true,
627
- beforeSetup: function(effect) {
628
- effect.element.makePositioned().makeClipping();
629
- },
630
- afterFinishInternal: function(effect) {
631
- effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity});
632
- }
633
- })
634
- }
635
- }, arguments[1] || { }));
636
- };
637
-
638
- Effect.DropOut = function(element) {
639
- element = $(element);
640
- var oldStyle = {
641
- top: element.getStyle('top'),
642
- left: element.getStyle('left'),
643
- opacity: element.getInlineOpacity() };
644
- return new Effect.Parallel(
645
- [ new Effect.Move(element, {x: 0, y: 100, sync: true }),
646
- new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
647
- Object.extend(
648
- { duration: 0.5,
649
- beforeSetup: function(effect) {
650
- effect.effects[0].element.makePositioned();
651
- },
652
- afterFinishInternal: function(effect) {
653
- effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle);
654
- }
655
- }, arguments[1] || { }));
656
- };
657
-
658
- Effect.Shake = function(element) {
659
- element = $(element);
660
- var oldStyle = {
661
- top: element.getStyle('top'),
662
- left: element.getStyle('left') };
663
- return new Effect.Move(element,
664
- { x: 20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
665
- new Effect.Move(effect.element,
666
- { x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
667
- new Effect.Move(effect.element,
668
- { x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
669
- new Effect.Move(effect.element,
670
- { x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
671
- new Effect.Move(effect.element,
672
- { x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
673
- new Effect.Move(effect.element,
674
- { x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
675
- effect.element.undoPositioned().setStyle(oldStyle);
676
- }}) }}) }}) }}) }}) }});
677
- };
678
-
679
- Effect.SlideDown = function(element) {
680
- element = $(element).cleanWhitespace();
681
- // SlideDown need to have the content of the element wrapped in a container element with fixed height!
682
- var oldInnerBottom = element.down().getStyle('bottom');
683
- var elementDimensions = element.getDimensions();
684
- return new Effect.Scale(element, 100, Object.extend({
685
- scaleContent: false,
686
- scaleX: false,
687
- scaleFrom: window.opera ? 0 : 1,
688
- scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
689
- restoreAfterFinish: true,
690
- afterSetup: function(effect) {
691
- effect.element.makePositioned();
692
- effect.element.down().makePositioned();
693
- if (window.opera) effect.element.setStyle({top: ''});
694
- effect.element.makeClipping().setStyle({height: '0px'}).show();
695
- },
696
- afterUpdateInternal: function(effect) {
697
- effect.element.down().setStyle({bottom:
698
- (effect.dims[0] - effect.element.clientHeight) + 'px' });
699
- },
700
- afterFinishInternal: function(effect) {
701
- effect.element.undoClipping().undoPositioned();
702
- effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); }
703
- }, arguments[1] || { })
704
- );
705
- };
706
-
707
- Effect.SlideUp = function(element) {
708
- element = $(element).cleanWhitespace();
709
- var oldInnerBottom = element.down().getStyle('bottom');
710
- var elementDimensions = element.getDimensions();
711
- return new Effect.Scale(element, window.opera ? 0 : 1,
712
- Object.extend({ scaleContent: false,
713
- scaleX: false,
714
- scaleMode: 'box',
715
- scaleFrom: 100,
716
- scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
717
- restoreAfterFinish: true,
718
- afterSetup: function(effect) {
719
- effect.element.makePositioned();
720
- effect.element.down().makePositioned();
721
- if (window.opera) effect.element.setStyle({top: ''});
722
- effect.element.makeClipping().show();
723
- },
724
- afterUpdateInternal: function(effect) {
725
- effect.element.down().setStyle({bottom:
726
- (effect.dims[0] - effect.element.clientHeight) + 'px' });
727
- },
728
- afterFinishInternal: function(effect) {
729
- effect.element.hide().undoClipping().undoPositioned();
730
- effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom});
731
- }
732
- }, arguments[1] || { })
733
- );
734
- };
735
-
736
- // Bug in opera makes the TD containing this element expand for a instance after finish
737
- Effect.Squish = function(element) {
738
- return new Effect.Scale(element, window.opera ? 1 : 0, {
739
- restoreAfterFinish: true,
740
- beforeSetup: function(effect) {
741
- effect.element.makeClipping();
742
- },
743
- afterFinishInternal: function(effect) {
744
- effect.element.hide().undoClipping();
745
- }
746
- });
747
- };
748
-
749
- Effect.Grow = function(element) {
750
- element = $(element);
751
- var options = Object.extend({
752
- direction: 'center',
753
- moveTransition: Effect.Transitions.sinoidal,
754
- scaleTransition: Effect.Transitions.sinoidal,
755
- opacityTransition: Effect.Transitions.full
756
- }, arguments[1] || { });
757
- var oldStyle = {
758
- top: element.style.top,
759
- left: element.style.left,
760
- height: element.style.height,
761
- width: element.style.width,
762
- opacity: element.getInlineOpacity() };
763
-
764
- var dims = element.getDimensions();
765
- var initialMoveX, initialMoveY;
766
- var moveX, moveY;
767
-
768
- switch (options.direction) {
769
- case 'top-left':
770
- initialMoveX = initialMoveY = moveX = moveY = 0;
771
- break;
772
- case 'top-right':
773
- initialMoveX = dims.width;
774
- initialMoveY = moveY = 0;
775
- moveX = -dims.width;
776
- break;
777
- case 'bottom-left':
778
- initialMoveX = moveX = 0;
779
- initialMoveY = dims.height;
780
- moveY = -dims.height;
781
- break;
782
- case 'bottom-right':
783
- initialMoveX = dims.width;
784
- initialMoveY = dims.height;
785
- moveX = -dims.width;
786
- moveY = -dims.height;
787
- break;
788
- case 'center':
789
- initialMoveX = dims.width / 2;
790
- initialMoveY = dims.height / 2;
791
- moveX = -dims.width / 2;
792
- moveY = -dims.height / 2;
793
- break;
794
- }
795
-
796
- return new Effect.Move(element, {
797
- x: initialMoveX,
798
- y: initialMoveY,
799
- duration: 0.01,
800
- beforeSetup: function(effect) {
801
- effect.element.hide().makeClipping().makePositioned();
802
- },
803
- afterFinishInternal: function(effect) {
804
- new Effect.Parallel(
805
- [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
806
- new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
807
- new Effect.Scale(effect.element, 100, {
808
- scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
809
- sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
810
- ], Object.extend({
811
- beforeSetup: function(effect) {
812
- effect.effects[0].element.setStyle({height: '0px'}).show();
813
- },
814
- afterFinishInternal: function(effect) {
815
- effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle);
816
- }
817
- }, options)
818
- )
819
- }
820
- });
821
- };
822
-
823
- Effect.Shrink = function(element) {
824
- element = $(element);
825
- var options = Object.extend({
826
- direction: 'center',
827
- moveTransition: Effect.Transitions.sinoidal,
828
- scaleTransition: Effect.Transitions.sinoidal,
829
- opacityTransition: Effect.Transitions.none
830
- }, arguments[1] || { });
831
- var oldStyle = {
832
- top: element.style.top,
833
- left: element.style.left,
834
- height: element.style.height,
835
- width: element.style.width,
836
- opacity: element.getInlineOpacity() };
837
-
838
- var dims = element.getDimensions();
839
- var moveX, moveY;
840
-
841
- switch (options.direction) {
842
- case 'top-left':
843
- moveX = moveY = 0;
844
- break;
845
- case 'top-right':
846
- moveX = dims.width;
847
- moveY = 0;
848
- break;
849
- case 'bottom-left':
850
- moveX = 0;
851
- moveY = dims.height;
852
- break;
853
- case 'bottom-right':
854
- moveX = dims.width;
855
- moveY = dims.height;
856
- break;
857
- case 'center':
858
- moveX = dims.width / 2;
859
- moveY = dims.height / 2;
860
- break;
861
- }
862
-
863
- return new Effect.Parallel(
864
- [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
865
- new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
866
- new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
867
- ], Object.extend({
868
- beforeStartInternal: function(effect) {
869
- effect.effects[0].element.makePositioned().makeClipping();
870
- },
871
- afterFinishInternal: function(effect) {
872
- effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); }
873
- }, options)
874
- );
875
- };
876
-
877
- Effect.Pulsate = function(element) {
878
- element = $(element);
879
- var options = arguments[1] || { };
880
- var oldOpacity = element.getInlineOpacity();
881
- var transition = options.transition || Effect.Transitions.sinoidal;
882
- var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) };
883
- reverser.bind(transition);
884
- return new Effect.Opacity(element,
885
- Object.extend(Object.extend({ duration: 2.0, from: 0,
886
- afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
887
- }, options), {transition: reverser}));
888
- };
889
-
890
- Effect.Fold = function(element) {
891
- element = $(element);
892
- var oldStyle = {
893
- top: element.style.top,
894
- left: element.style.left,
895
- width: element.style.width,
896
- height: element.style.height };
897
- element.makeClipping();
898
- return new Effect.Scale(element, 5, Object.extend({
899
- scaleContent: false,
900
- scaleX: false,
901
- afterFinishInternal: function(effect) {
902
- new Effect.Scale(element, 1, {
903
- scaleContent: false,
904
- scaleY: false,
905
- afterFinishInternal: function(effect) {
906
- effect.element.hide().undoClipping().setStyle(oldStyle);
907
- } });
908
- }}, arguments[1] || { }));
909
- };
910
-
911
- Effect.Morph = Class.create(Effect.Base, {
912
- initialize: function(element) {
913
- this.element = $(element);
914
- if (!this.element) throw(Effect._elementDoesNotExistError);
915
- var options = Object.extend({
916
- style: { }
917
- }, arguments[1] || { });
918
-
919
- if (!Object.isString(options.style)) this.style = $H(options.style);
920
- else {
921
- if (options.style.include(':'))
922
- this.style = options.style.parseStyle();
923
- else {
924
- this.element.addClassName(options.style);
925
- this.style = $H(this.element.getStyles());
926
- this.element.removeClassName(options.style);
927
- var css = this.element.getStyles();
928
- this.style = this.style.reject(function(style) {
929
- return style.value == css[style.key];
930
- });
931
- options.afterFinishInternal = function(effect) {
932
- effect.element.addClassName(effect.options.style);
933
- effect.transforms.each(function(transform) {
934
- effect.element.style[transform.style] = '';
935
- });
936
- }
937
- }
938
- }
939
- this.start(options);
940
- },
941
-
942
- setup: function(){
943
- function parseColor(color){
944
- if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff';
945
- color = color.parseColor();
946
- return $R(0,2).map(function(i){
947
- return parseInt( color.slice(i*2+1,i*2+3), 16 )
948
- });
949
- }
950
- this.transforms = this.style.map(function(pair){
951
- var property = pair[0], value = pair[1], unit = null;
952
-
953
- if (value.parseColor('#zzzzzz') != '#zzzzzz') {
954
- value = value.parseColor();
955
- unit = 'color';
956
- } else if (property == 'opacity') {
957
- value = parseFloat(value);
958
- if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
959
- this.element.setStyle({zoom: 1});
960
- } else if (Element.CSS_LENGTH.test(value)) {
961
- var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/);
962
- value = parseFloat(components[1]);
963
- unit = (components.length == 3) ? components[2] : null;
964
- }
965
-
966
- var originalValue = this.element.getStyle(property);
967
- return {
968
- style: property.camelize(),
969
- originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0),
970
- targetValue: unit=='color' ? parseColor(value) : value,
971
- unit: unit
972
- };
973
- }.bind(this)).reject(function(transform){
974
- return (
975
- (transform.originalValue == transform.targetValue) ||
976
- (
977
- transform.unit != 'color' &&
978
- (isNaN(transform.originalValue) || isNaN(transform.targetValue))
979
- )
980
- )
981
- });
982
- },
983
- update: function(position) {
984
- var style = { }, transform, i = this.transforms.length;
985
- while(i--)
986
- style[(transform = this.transforms[i]).style] =
987
- transform.unit=='color' ? '#'+
988
- (Math.round(transform.originalValue[0]+
989
- (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() +
990
- (Math.round(transform.originalValue[1]+
991
- (transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() +
992
- (Math.round(transform.originalValue[2]+
993
- (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() :
994
- (transform.originalValue +
995
- (transform.targetValue - transform.originalValue) * position).toFixed(3) +
996
- (transform.unit === null ? '' : transform.unit);
997
- this.element.setStyle(style, true);
998
- }
999
- });
1000
-
1001
- Effect.Transform = Class.create({
1002
- initialize: function(tracks){
1003
- this.tracks = [];
1004
- this.options = arguments[1] || { };
1005
- this.addTracks(tracks);
1006
- },
1007
- addTracks: function(tracks){
1008
- tracks.each(function(track){
1009
- var data = $H(track).values().first();
1010
- this.tracks.push($H({
1011
- ids: $H(track).keys().first(),
1012
- effect: Effect.Morph,
1013
- options: { style: data }
1014
- }));
1015
- }.bind(this));
1016
- return this;
1017
- },
1018
- play: function(){
1019
- return new Effect.Parallel(
1020
- this.tracks.map(function(track){
1021
- var elements = [$(track.ids) || $$(track.ids)].flatten();
1022
- return elements.map(function(e){ return new track.effect(e, Object.extend({ sync:true }, track.options)) });
1023
- }).flatten(),
1024
- this.options
1025
- );
1026
- }
1027
- });
1028
-
1029
- Element.CSS_PROPERTIES = $w(
1030
- 'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' +
1031
- 'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
1032
- 'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
1033
- 'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
1034
- 'fontSize fontWeight height left letterSpacing lineHeight ' +
1035
- 'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
1036
- 'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
1037
- 'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
1038
- 'right textIndent top width wordSpacing zIndex');
1039
-
1040
- Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;
1041
-
1042
- String.__parseStyleElement = document.createElement('div');
1043
- String.prototype.parseStyle = function(){
1044
- var style, styleRules = $H();
1045
- if (Prototype.Browser.WebKit)
1046
- style = new Element('div',{style:this}).style;
1047
- else {
1048
- String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>';
1049
- style = String.__parseStyleElement.childNodes[0].style;
1050
- }
1051
-
1052
- Element.CSS_PROPERTIES.each(function(property){
1053
- if (style[property]) styleRules[property] = style[property];
1054
- });
1055
-
1056
- if (Prototype.Browser.IE && this.include('opacity'))
1057
- styleRules.opacity = this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1];
1058
-
1059
- return styleRules;
1060
- };
1061
-
1062
- if (document.defaultView && document.defaultView.getComputedStyle) {
1063
- Element.getStyles = function(element) {
1064
- var css = document.defaultView.getComputedStyle($(element), null);
1065
- return Element.CSS_PROPERTIES.inject({ }, function(styles, property) {
1066
- styles[property] = css[property];
1067
- return styles;
1068
- });
1069
- };
1070
- } else {
1071
- Element.getStyles = function(element) {
1072
- element = $(element);
1073
- var css = element.currentStyle, styles;
1074
- styles = Element.CSS_PROPERTIES.inject({ }, function(hash, property) {
1075
- hash[property] = css[property];
1076
- return hash;
1077
- });
1078
- if (!styles.opacity) styles.opacity = element.getOpacity();
1079
- return styles;
1080
- };
1081
- };
1082
-
1083
- Effect.Methods = {
1084
- morph: function(element, style) {
1085
- element = $(element);
1086
- new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { }));
1087
- return element;
1088
- },
1089
- visualEffect: function(element, effect, options) {
1090
- element = $(element)
1091
- var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1);
1092
- new Effect[klass](element, options);
1093
- return element;
1094
- },
1095
- highlight: function(element, options) {
1096
- element = $(element);
1097
- new Effect.Highlight(element, options);
1098
- return element;
1099
- }
1100
- };
1101
-
1102
- $w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+
1103
- 'pulsate shake puff squish switchOff dropOut').each(
1104
- function(effect) {
1105
- Effect.Methods[effect] = function(element, options){
1106
- element = $(element);
1107
- Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options);
1108
- return element;
1109
- }
1110
- }
1111
- );
1112
-
1113
- $w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each(
1114
- function(f) { Effect.Methods[f] = Element[f]; }
1115
- );
1116
-
1117
- Element.addMethods(Effect.Methods);