projects / roojs1 / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Fix #5654 - roojspacker - get it working as a doc tool...
[roojs1] / docs.old / symbols / src / Roo_lib_AnimBase.js.html
diff --git a/docs.old/symbols/src/Roo_lib_AnimBase.js.html b/docs.old/symbols/src/Roo_lib_AnimBase.js.html
new file mode 100644 (file)
index 0000000..279dfe5
--- /dev/null
+++ b/docs.old/symbols/src/Roo_lib_AnimBase.js.html
@@ -0,0 +1,289 @@
+<html><head><title>../roojs1/Roo/lib/AnimBase.js</title><link rel="stylesheet" type="text/css" href="../../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
+ * Portions of this file are based on pieces of Yahoo User Interface Library
+ * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+ * YUI licensed under the BSD License:
+ * http://developer.yahoo.net/yui/license.txt
+ * &lt;script type=&quot;text/javascript&quot;&gt;
+ *
+ */
+
+</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {    
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">libFlyweight</span><span class="jsdoc-syntax">;
+    
+    </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">) {
+        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">libFlyweight</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-var">libFlyweight </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.Element.Flyweight</span><span class="jsdoc-syntax">();
+        }
+        </span><span class="jsdoc-var">libFlyweight.dom </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">libFlyweight</span><span class="jsdoc-syntax">;
+    }
+
+    </span><span class="jsdoc-comment">// since this uses fly! - it cant be in DOM (which does not have fly yet..)
+    
+   
+    
+    </span><span class="jsdoc-var">Roo.lib.AnimBase </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">method</span><span class="jsdoc-syntax">) {
+        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-var">this.init</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">method</span><span class="jsdoc-syntax">);
+        }
+    };
+
+    </span><span class="jsdoc-var">Roo.lib.AnimBase.fly </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">fly</span><span class="jsdoc-syntax">;
+    
+    
+    
+    </span><span class="jsdoc-var">Roo.lib.AnimBase.prototype </span><span class="jsdoc-syntax">= {
+
+        </span><span class="jsdoc-var">toString</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getEl</span><span class="jsdoc-syntax">();
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">id </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.id </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">el.tagName</span><span class="jsdoc-syntax">;
+            </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;Anim &quot; </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">id</span><span class="jsdoc-syntax">);
+        },
+
+        </span><span class="jsdoc-var">patterns</span><span class="jsdoc-syntax">: {
+            </span><span class="jsdoc-var">noNegatives</span><span class="jsdoc-syntax">:        /width|height|opacity|padding/i,
+            </span><span class="jsdoc-var">offsetAttribute</span><span class="jsdoc-syntax">:  /^((width|height)|(top|left))$/,
+            </span><span class="jsdoc-var">defaultUnit</span><span class="jsdoc-syntax">:        /width|height|top$|bottom$|left$|right$/i,
+            </span><span class="jsdoc-var">offsetUnit</span><span class="jsdoc-syntax">:         /\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i
+        },
+
+
+        </span><span class="jsdoc-var">doMethod</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">end</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.method</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.currentFrame</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">end </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.totalFrames</span><span class="jsdoc-syntax">);
+        },
+
+
+        </span><span class="jsdoc-var">setAttribute</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">val</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">unit</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.patterns.noNegatives.test</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">)) {
+                </span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">&gt; 0) ? </span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">: 0;
+            }
+
+            </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.getEl</span><span class="jsdoc-syntax">(), </span><span class="jsdoc-string">'_anim'</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.setStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">unit</span><span class="jsdoc-syntax">);
+        },
+
+
+        </span><span class="jsdoc-var">getAttribute</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getEl</span><span class="jsdoc-syntax">();
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.getStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">);
+
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-string">'auto' </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.patterns.offsetUnit.test</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">val</span><span class="jsdoc-syntax">)) {
+                </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">parseFloat</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">val</span><span class="jsdoc-syntax">);
+            }
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.patterns.offsetAttribute.exec</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">) || [];
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">pos </span><span class="jsdoc-syntax">= !!( </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">[3] );
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">box </span><span class="jsdoc-syntax">= !!( </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">[2] );
+
+
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box </span><span class="jsdoc-syntax">|| (</span><span class="jsdoc-var">fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.getStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'position'</span><span class="jsdoc-syntax">) == </span><span class="jsdoc-string">'absolute' </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">pos</span><span class="jsdoc-syntax">)) {
+                </span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">'offset' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">[0]</span><span class="jsdoc-var">.charAt</span><span class="jsdoc-syntax">(0)</span><span class="jsdoc-var">.toUpperCase</span><span class="jsdoc-syntax">() + </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">[0]</span><span class="jsdoc-var">.substr</span><span class="jsdoc-syntax">(1)];
+            } </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
+                </span><span class="jsdoc-var">val </span><span class="jsdoc-syntax">= 0;
+            }
+
+            </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">val</span><span class="jsdoc-syntax">;
+        },
+
+
+        </span><span class="jsdoc-var">getDefaultUnit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.patterns.defaultUnit.test</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">)) {
+                </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'px'</span><span class="jsdoc-syntax">;
+            }
+
+            </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">;
+        },
+
+        </span><span class="jsdoc-var">animateX </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">scope</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">f </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-var">this.onComplete.removeListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">);
+                </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">callback </span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">&quot;function&quot;</span><span class="jsdoc-syntax">) {
+                    </span><span class="jsdoc-var">callback.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scope </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+                }
+            };
+            </span><span class="jsdoc-var">this.onComplete.addListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this.animate</span><span class="jsdoc-syntax">();
+        },
+
+
+        </span><span class="jsdoc-var">setRuntimeAttribute</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">) {
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">;
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">end</span><span class="jsdoc-syntax">;
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">attributes </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.attributes</span><span class="jsdoc-syntax">;
+
+            </span><span class="jsdoc-var">this.runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">] = {};
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">isset </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">prop</span><span class="jsdoc-syntax">) {
+                </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">prop </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-string">'undefined'</span><span class="jsdoc-syntax">);
+            };
+
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">isset</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'to'</span><span class="jsdoc-syntax">]) &amp;&amp; !</span><span class="jsdoc-var">isset</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'by'</span><span class="jsdoc-syntax">])) {
+                </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
+            }
+
+            </span><span class="jsdoc-var">start </span><span class="jsdoc-syntax">= ( </span><span class="jsdoc-var">isset</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'from'</span><span class="jsdoc-syntax">]) ) ? </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'from'</span><span class="jsdoc-syntax">] : </span><span class="jsdoc-var">this.getAttribute</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">);
+
+
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isset</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'to'</span><span class="jsdoc-syntax">])) {
+                </span><span class="jsdoc-var">end </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'to'</span><span class="jsdoc-syntax">];
+            } </span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isset</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'by'</span><span class="jsdoc-syntax">])) {
+                </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">start.constructor </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">Array</span><span class="jsdoc-syntax">) {
+                    </span><span class="jsdoc-var">end </span><span class="jsdoc-syntax">= [];
+                    </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">= 0, </span><span class="jsdoc-var">len </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">start.length</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">len</span><span class="jsdoc-syntax">; ++</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">) {
+                        </span><span class="jsdoc-var">end</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">] + </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'by'</span><span class="jsdoc-syntax">][</span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">];
+                    }
+                } </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
+                    </span><span class="jsdoc-var">end </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">start </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'by'</span><span class="jsdoc-syntax">];
+                }
+            }
+
+            </span><span class="jsdoc-var">this.runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.start </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">;
+            </span><span class="jsdoc-var">this.runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.end </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">end</span><span class="jsdoc-syntax">;
+
+
+            </span><span class="jsdoc-var">this.runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.unit </span><span class="jsdoc-syntax">= ( </span><span class="jsdoc-var">isset</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.unit</span><span class="jsdoc-syntax">) ) ? </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">][</span><span class="jsdoc-string">'unit'</span><span class="jsdoc-syntax">] : </span><span class="jsdoc-var">this.getDefaultUnit</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">);
+        },
+
+
+        </span><span class="jsdoc-var">init</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">attributes</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">method</span><span class="jsdoc-syntax">) {
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">isAnimated </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
+
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">startTime </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">actualFrames </span><span class="jsdoc-syntax">= 0;
+
+
+            </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.getDom</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">);
+
+
+            </span><span class="jsdoc-var">this.attributes </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">attributes </span><span class="jsdoc-syntax">|| {};
+
+
+            </span><span class="jsdoc-var">this.duration </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">duration </span><span class="jsdoc-syntax">|| 1;
+
+
+            </span><span class="jsdoc-var">this.method </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">method </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">Roo.lib.Easing.easeNone</span><span class="jsdoc-syntax">;
+
+
+            </span><span class="jsdoc-var">this.useSeconds </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
+
+
+            </span><span class="jsdoc-var">this.currentFrame </span><span class="jsdoc-syntax">= 0;
+
+
+            </span><span class="jsdoc-var">this.totalFrames </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.lib.AnimMgr.fps</span><span class="jsdoc-syntax">;
+
+
+            </span><span class="jsdoc-var">this.getEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">;
+            };
+
+
+            </span><span class="jsdoc-var">this.isAnimated </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">isAnimated</span><span class="jsdoc-syntax">;
+            };
+
+
+            </span><span class="jsdoc-var">this.getStartTime </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">startTime</span><span class="jsdoc-syntax">;
+            };
+
+            </span><span class="jsdoc-var">this.runtimeAttributes </span><span class="jsdoc-syntax">= {};
+
+
+            </span><span class="jsdoc-var">this.animate </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.isAnimated</span><span class="jsdoc-syntax">()) {
+                    </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
+                }
+
+                </span><span class="jsdoc-var">this.currentFrame </span><span class="jsdoc-syntax">= 0;
+
+                </span><span class="jsdoc-var">this.totalFrames </span><span class="jsdoc-syntax">= ( </span><span class="jsdoc-var">this.useSeconds </span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">Math.ceil</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.AnimMgr.fps </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">this.duration</span><span class="jsdoc-syntax">) : </span><span class="jsdoc-var">this.duration</span><span class="jsdoc-syntax">;
+
+                </span><span class="jsdoc-var">Roo.lib.AnimMgr.registerElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            };
+
+
+            </span><span class="jsdoc-var">this.stop </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">finish</span><span class="jsdoc-syntax">) {
+                </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">finish</span><span class="jsdoc-syntax">) {
+                    </span><span class="jsdoc-var">this.currentFrame </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.totalFrames</span><span class="jsdoc-syntax">;
+                    </span><span class="jsdoc-var">this._onTween.fire</span><span class="jsdoc-syntax">();
+                }
+                </span><span class="jsdoc-var">Roo.lib.AnimMgr.stop</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            };
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onStart </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-var">this.onStart.fire</span><span class="jsdoc-syntax">();
+
+                </span><span class="jsdoc-var">this.runtimeAttributes </span><span class="jsdoc-syntax">= {};
+                </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">attr </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">this.attributes</span><span class="jsdoc-syntax">) {
+                    </span><span class="jsdoc-var">this.setRuntimeAttribute</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">);
+                }
+
+                </span><span class="jsdoc-var">isAnimated </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
+                </span><span class="jsdoc-var">actualFrames </span><span class="jsdoc-syntax">= 0;
+                </span><span class="jsdoc-var">startTime </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
+            };
+
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onTween </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">data </span><span class="jsdoc-syntax">= {
+                    </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">() - </span><span class="jsdoc-var">this.getStartTime</span><span class="jsdoc-syntax">(),
+                    </span><span class="jsdoc-var">currentFrame</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.currentFrame
+                </span><span class="jsdoc-syntax">};
+
+                </span><span class="jsdoc-var">data.toString </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">(
+                            </span><span class="jsdoc-string">'duration: ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">data.duration </span><span class="jsdoc-syntax">+
+                            </span><span class="jsdoc-string">', currentFrame: ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">data.currentFrame
+                            </span><span class="jsdoc-syntax">);
+                };
+
+                </span><span class="jsdoc-var">this.onTween.fire</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">);
+
+                </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">runtimeAttributes </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.runtimeAttributes</span><span class="jsdoc-syntax">;
+
+                </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">attr </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">runtimeAttributes</span><span class="jsdoc-syntax">) {
+                    </span><span class="jsdoc-var">this.setAttribute</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.doMethod</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.start</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.end</span><span class="jsdoc-syntax">), </span><span class="jsdoc-var">runtimeAttributes</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">attr</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.unit</span><span class="jsdoc-syntax">);
+                }
+
+                </span><span class="jsdoc-var">actualFrames </span><span class="jsdoc-syntax">+= 1;
+            };
+
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">onComplete </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">actual_duration </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">() - </span><span class="jsdoc-var">startTime</span><span class="jsdoc-syntax">) / 1000 ;
+
+                </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">data </span><span class="jsdoc-syntax">= {
+                    </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">actual_duration</span><span class="jsdoc-syntax">,
+                    </span><span class="jsdoc-var">frames</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">actualFrames</span><span class="jsdoc-syntax">,
+                    </span><span class="jsdoc-var">fps</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">actualFrames </span><span class="jsdoc-syntax">/ </span><span class="jsdoc-var">actual_duration
+                </span><span class="jsdoc-syntax">};
+
+                </span><span class="jsdoc-var">data.toString </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+                    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">(
+                            </span><span class="jsdoc-string">'duration: ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">data.duration </span><span class="jsdoc-syntax">+
+                            </span><span class="jsdoc-string">', frames: ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">data.frames </span><span class="jsdoc-syntax">+
+                            </span><span class="jsdoc-string">', fps: ' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">data.fps
+                            </span><span class="jsdoc-syntax">);
+                };
+
+                </span><span class="jsdoc-var">isAnimated </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
+                </span><span class="jsdoc-var">actualFrames </span><span class="jsdoc-syntax">= 0;
+                </span><span class="jsdoc-var">this.onComplete.fire</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">);
+            };
+
+
+            </span><span class="jsdoc-var">this._onStart </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.Event</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this.onStart </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.Event</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this.onTween </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.Event</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this._onTween </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.Event</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this.onComplete </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.Event</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this._onComplete </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.Event</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this._onStart.addListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">onStart</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this._onTween.addListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">onTween</span><span class="jsdoc-syntax">);
+            </span><span class="jsdoc-var">this._onComplete.addListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">onComplete</span><span class="jsdoc-syntax">);
+        }
+    };
+})();</span></code></body></html>
\ No newline at end of file
RooJS - Version 1