Upgrade to ExtJS 3.3.0 - Released 10/06/2010

[extjs.git] / src / widgets / Shadow.js

diff --git a/src/widgets/Shadow.js b/src/widgets/Shadow.js
index 8ea75b1..2799319 100644 (file)
--- a/src/widgets/Shadow.js
+++ b/src/widgets/Shadow.js
@@ -1,6 +1,6 @@
 /*!
 /*!

- * Ext JS Library 3.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.3.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.

  * licensing@extjs.com
  * http://www.extjs.com/license
  */
  * licensing@extjs.com
  * http://www.extjs.com/license
  */


@@ -13,19 +13,23 @@
  * Create a new Shadow
  * @param {Object} config The config object
  */
  * Create a new Shadow
  * @param {Object} config The config object
  */

-Ext.Shadow = function(config){
+Ext.Shadow = function(config) {

     Ext.apply(this, config);
     Ext.apply(this, config);

-    if(typeof this.mode != "string"){
+    if (typeof this.mode != "string") {

         this.mode = this.defaultMode;
     }
         this.mode = this.defaultMode;
     }

-    var o = this.offset, a = {h: 0};
-    var rad = Math.floor(this.offset/2);
-    switch(this.mode.toLowerCase()){ // all this hideous nonsense calculates the various offsets for shadows
+    var o = this.offset,
+        a = {
+            h: 0
+        },
+        rad = Math.floor(this.offset / 2);
+    switch (this.mode.toLowerCase()) {
+        // all this hideous nonsense calculates the various offsets for shadows

         case "drop":
             a.w = 0;
             a.l = a.t = o;
             a.t -= 1;
         case "drop":
             a.w = 0;
             a.l = a.t = o;
             a.t -= 1;

-            if(Ext.isIE){
+            if (Ext.isIE) {

                 a.l -= this.offset + rad;
                 a.t -= this.offset + rad;
                 a.w -= rad;
                 a.l -= this.offset + rad;
                 a.t -= this.offset + rad;
                 a.w -= rad;


@@ -34,24 +38,24 @@ Ext.Shadow = function(config){
             }
         break;
         case "sides":
             }
         break;
         case "sides":

-            a.w = (o*2);
+            a.w = (o * 2);

             a.l = -o;
             a.l = -o;

-            a.t = o-1;
-            if(Ext.isIE){
+            a.t = o - 1;
+            if (Ext.isIE) {

                 a.l -= (this.offset - rad);
                 a.t -= this.offset + rad;
                 a.l += 1;
                 a.l -= (this.offset - rad);
                 a.t -= this.offset + rad;
                 a.l += 1;

-                a.w -= (this.offset - rad)*2;
+                a.w -= (this.offset - rad) * 2;

                 a.w -= rad + 1;
                 a.h -= 1;
             }
         break;
         case "frame":
                 a.w -= rad + 1;
                 a.h -= 1;
             }
         break;
         case "frame":

-            a.w = a.h = (o*2);
+            a.w = a.h = (o * 2);

             a.l = a.t = -o;
             a.t += 1;
             a.h -= 2;
             a.l = a.t = -o;
             a.t += 1;
             a.h -= 2;

-            if(Ext.isIE){
+            if (Ext.isIE) {

                 a.l -= (this.offset - rad);
                 a.t -= (this.offset - rad);
                 a.l += 1;
                 a.l -= (this.offset - rad);
                 a.t -= (this.offset - rad);
                 a.l += 1;


@@ -87,23 +91,23 @@ Ext.Shadow.prototype = {
      * Displays the shadow under the target element
      * @param {Mixed} targetEl The id or element under which the shadow should display
      */
      * Displays the shadow under the target element
      * @param {Mixed} targetEl The id or element under which the shadow should display
      */

-    show : function(target){
+    show: function(target) {

         target = Ext.get(target);
         target = Ext.get(target);

-        if(!this.el){
+        if (!this.el) {

             this.el = Ext.Shadow.Pool.pull();
             this.el = Ext.Shadow.Pool.pull();

-            if(this.el.dom.nextSibling != target.dom){
+            if (this.el.dom.nextSibling != target.dom) {

                 this.el.insertBefore(target);
             }
         }
                 this.el.insertBefore(target);
             }
         }

-        this.el.setStyle("z-index", this.zIndex || parseInt(target.getStyle("z-index"), 10)-1);
-        if(Ext.isIE){
-            this.el.dom.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius="+(this.offset)+")";
+        this.el.setStyle("z-index", this.zIndex || parseInt(target.getStyle("z-index"), 10) - 1);
+        if (Ext.isIE) {
+            this.el.dom.style.filter = "progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius=" + (this.offset) + ")";

         }
         this.realign(
         }
         this.realign(

-            target.getLeft(true),
-            target.getTop(true),
-            target.getWidth(),
-            target.getHeight()
+        target.getLeft(true),
+        target.getTop(true),
+        target.getWidth(),
+        target.getHeight()

         );
         this.el.dom.style.display = "block";
     },
         );
         this.el.dom.style.display = "block";
     },


@@ -111,8 +115,8 @@ Ext.Shadow.prototype = {
     /**
      * Returns true if the shadow is visible, else false
      */
     /**
      * Returns true if the shadow is visible, else false
      */

-    isVisible : function(){
-        return this.el ? true : false;  
+    isVisible: function() {
+        return this.el ? true: false;

     },
 
     /**
     },
 
     /**


@@ -123,25 +127,32 @@ Ext.Shadow.prototype = {
      * @param {Number} width The target element width
      * @param {Number} height The target element height
      */
      * @param {Number} width The target element width
      * @param {Number} height The target element height
      */

-    realign : function(l, t, w, h){
-        if(!this.el){
+    realign: function(l, t, w, h) {
+        if (!this.el) {

             return;
         }
             return;
         }

-        var a = this.adjusts, d = this.el.dom, s = d.style;
-        var iea = 0;
-        s.left = (l+a.l)+"px";
-        s.top = (t+a.t)+"px";
-        var sw = (w+a.w), sh = (h+a.h), sws = sw +"px", shs = sh + "px";
-        if(s.width != sws || s.height != shs){
+        var a = this.adjusts,
+            d = this.el.dom,
+            s = d.style,
+            iea = 0,
+            sw = (w + a.w),
+            sh = (h + a.h),
+            sws = sw + "px",
+            shs = sh + "px",
+            cn,
+            sww;
+        s.left = (l + a.l) + "px";
+        s.top = (t + a.t) + "px";
+        if (s.width != sws || s.height != shs) {

             s.width = sws;
             s.height = shs;
             s.width = sws;
             s.height = shs;

-            if(!Ext.isIE){
-                var cn = d.childNodes;
-                var sww = Math.max(0, (sw-12))+"px";
+            if (!Ext.isIE) {
+                cn = d.childNodes;
+                sww = Math.max(0, (sw - 12)) + "px";

                 cn[0].childNodes[1].style.width = sww;
                 cn[1].childNodes[1].style.width = sww;
                 cn[2].childNodes[1].style.width = sww;
                 cn[0].childNodes[1].style.width = sww;
                 cn[1].childNodes[1].style.width = sww;
                 cn[2].childNodes[1].style.width = sww;

-                cn[1].style.height = Math.max(0, (sh-12))+"px";
+                cn[1].style.height = Math.max(0, (sh - 12)) + "px";

             }
         }
     },
             }
         }
     },


@@ -149,8 +160,8 @@ Ext.Shadow.prototype = {
     /**
      * Hides this shadow
      */
     /**
      * Hides this shadow
      */

-    hide : function(){
-        if(this.el){
+    hide: function() {
+        if (this.el) {

             this.el.dom.style.display = "none";
             Ext.Shadow.Pool.push(this.el);
             delete this.el;
             this.el.dom.style.display = "none";
             Ext.Shadow.Pool.push(this.el);
             delete this.el;


@@ -161,31 +172,31 @@ Ext.Shadow.prototype = {
      * Adjust the z-index of this shadow
      * @param {Number} zindex The new z-index
      */
      * Adjust the z-index of this shadow
      * @param {Number} zindex The new z-index
      */

-    setZIndex : function(z){
+    setZIndex: function(z) {

         this.zIndex = z;
         this.zIndex = z;

-        if(this.el){
+        if (this.el) {

             this.el.setStyle("z-index", z);
         }
     }
 };
 
 // Private utility class that manages the internal Shadow cache
             this.el.setStyle("z-index", z);
         }
     }
 };
 
 // Private utility class that manages the internal Shadow cache

-Ext.Shadow.Pool = function(){
-    var p = [];
-    var markup = Ext.isIE ?
-                 '<div class="x-ie-shadow"></div>' :
-                 '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';
+Ext.Shadow.Pool = function() {
+    var p = [],
+        markup = Ext.isIE ?
+            '<div class="x-ie-shadow"></div>':
+            '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';

     return {
     return {

-        pull : function(){
+        pull: function() {

             var sh = p.shift();
             var sh = p.shift();

-            if(!sh){
+            if (!sh) {

                 sh = Ext.get(Ext.DomHelper.insertHtml("beforeBegin", document.body.firstChild, markup));
                 sh.autoBoxAdjust = false;
             }
             return sh;
         },
 
                 sh = Ext.get(Ext.DomHelper.insertHtml("beforeBegin", document.body.firstChild, markup));
                 sh.autoBoxAdjust = false;
             }
             return sh;
         },
 

-        push : function(sh){
+        push: function(sh) {

             p.push(sh);
         }
     };
             p.push(sh);
         }
     };