+++ /dev/null
-<html><head><title>/home/alan/gitlive/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
- * <script type="text/javascript">
- *
- */
-
-</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">"Anim " </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">> 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">&& !</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">&& </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">"function"</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">]) && !</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">< </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