git.roojs.org Git - roojs1/blob - docs/src/Roo_Shadow.js.html

   1 <html><head><title>Roo/Shadow.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">/*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * &lt;script type=&quot;text/javascript&quot;&gt;
  10  */
  11
  12
  13 /**
  14  * @class Roo.Shadow
  15  * Simple class that can provide a shadow effect for any element.  Note that the element MUST be absolutely positioned,
  16  * and the shadow does not provide any shimming.  This should be used only in simple cases -- for more advanced
  17  * functionality that can also provide the same shadow effect, see the {@link Roo.Layer} class.
  18  * @constructor
  19  * Create a new Shadow
  20  * @param {Object} config The config object
  21  */
  22 </span><span class="jsdoc-var">Roo.Shadow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  23     </span><span class="jsdoc-var">Roo.apply</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  24     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">this.mode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;string&quot;</span><span class="jsdoc-syntax">){
  25         </span><span class="jsdoc-var">this.mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.defaultMode</span><span class="jsdoc-syntax">;
  26     }
  27     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">o </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.offset</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">= {</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">: 0};
  28     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rad </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.offset</span><span class="jsdoc-syntax">/2);
  29     </span><span class="jsdoc-keyword">switch</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.mode.toLowerCase</span><span class="jsdoc-syntax">()){ </span><span class="jsdoc-comment">// all this hideous nonsense calculates the various offsets for shadows
  30         </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;drop&quot;</span><span class="jsdoc-syntax">:
  31             </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">= 0;
  32             </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">;
  33             </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">-= 1;
  34             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isIE</span><span class="jsdoc-syntax">){
  35                 </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">;
  36                 </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">;
  37                 </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">;
  38                 </span><span class="jsdoc-var">a.h </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">;
  39                 </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">+= 1;
  40             }
  41         </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
  42         </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;sides&quot;</span><span class="jsdoc-syntax">:
  43             </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">*2);
  44             </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">= -</span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">;
  45             </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">-1;
  46             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isIE</span><span class="jsdoc-syntax">){
  47                 </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">-= (</span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">);
  48                 </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">;
  49                 </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">+= 1;
  50                 </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">-= (</span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">)*2;
  51                 </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">rad </span><span class="jsdoc-syntax">+ 1;
  52                 </span><span class="jsdoc-var">a.h </span><span class="jsdoc-syntax">-= 1;
  53             }
  54         </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
  55         </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;frame&quot;</span><span class="jsdoc-syntax">:
  56             </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">a.h </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">*2);
  57             </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">= -</span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">;
  58             </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">+= 1;
  59             </span><span class="jsdoc-var">a.h </span><span class="jsdoc-syntax">-= 2;
  60             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isIE</span><span class="jsdoc-syntax">){
  61                 </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">-= (</span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">);
  62                 </span><span class="jsdoc-var">a.t </span><span class="jsdoc-syntax">-= (</span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">);
  63                 </span><span class="jsdoc-var">a.l </span><span class="jsdoc-syntax">+= 1;
  64                 </span><span class="jsdoc-var">a.w </span><span class="jsdoc-syntax">-= (</span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rad </span><span class="jsdoc-syntax">+ 1);
  65                 </span><span class="jsdoc-var">a.h </span><span class="jsdoc-syntax">-= (</span><span class="jsdoc-var">this.offset </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rad</span><span class="jsdoc-syntax">);
  66                 </span><span class="jsdoc-var">a.h </span><span class="jsdoc-syntax">+= 1;
  67             }
  68         </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
  69     };
  70
  71     </span><span class="jsdoc-var">this.adjusts </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">;
  72 };
  73
  74 </span><span class="jsdoc-var">Roo.Shadow.prototype </span><span class="jsdoc-syntax">= {
  75     </span><span class="jsdoc-comment">/**
  76      * @cfg {String} mode
  77      * The shadow display mode.  Supports the following options:&lt;br /&gt;
  78      * sides: Shadow displays on both sides and bottom only&lt;br /&gt;
  79      * frame: Shadow displays equally on all four sides&lt;br /&gt;
  80      * drop: Traditional bottom-right drop shadow (default)
  81      */
  82     </span><span class="jsdoc-var">mode</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  83     </span><span class="jsdoc-comment">/**
  84      * @cfg {String} offset
  85      * The number of pixels to offset the shadow from the element (defaults to 4)
  86      */
  87     </span><span class="jsdoc-var">offset</span><span class="jsdoc-syntax">: 4,
  88
  89     </span><span class="jsdoc-comment">// private
  90     </span><span class="jsdoc-var">defaultMode</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;drop&quot;</span><span class="jsdoc-syntax">,
  91
  92     </span><span class="jsdoc-comment">/**
  93      * Displays the shadow under the target element
  94      * @param {String/HTMLElement/Element} targetEl The id or element under which the shadow should display
  95      */
  96     </span><span class="jsdoc-var">show </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target</span><span class="jsdoc-syntax">){
  97         </span><span class="jsdoc-var">target </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target</span><span class="jsdoc-syntax">);
  98         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">){
  99             </span><span class="jsdoc-var">this.el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.Shadow.Pool.pull</span><span class="jsdoc-syntax">();
 100             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.el.dom.nextSibling </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">target.dom</span><span class="jsdoc-syntax">){
 101                 </span><span class="jsdoc-var">this.el.insertBefore</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target</span><span class="jsdoc-syntax">);
 102             }
 103         }
 104         </span><span class="jsdoc-var">this.el.setStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;z-index&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.zIndex </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">target.getStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;z-index&quot;</span><span class="jsdoc-syntax">), 10)-1);
 105         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isIE</span><span class="jsdoc-syntax">){
 106             </span><span class="jsdoc-var">this.el.dom.style.filter</span><span class="jsdoc-syntax">=</span><span class="jsdoc-string">&quot;progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius=&quot;</span><span class="jsdoc-syntax">+(</span><span class="jsdoc-var">this.offset</span><span class="jsdoc-syntax">)+</span><span class="jsdoc-string">&quot;)&quot;</span><span class="jsdoc-syntax">;
 107         }
 108         </span><span class="jsdoc-var">this.realign</span><span class="jsdoc-syntax">(
 109             </span><span class="jsdoc-var">target.getLeft</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">),
 110             </span><span class="jsdoc-var">target.getTop</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">),
 111             </span><span class="jsdoc-var">target.getWidth</span><span class="jsdoc-syntax">(),
 112             </span><span class="jsdoc-var">target.getHeight</span><span class="jsdoc-syntax">()
 113         );
 114         </span><span class="jsdoc-var">this.el.dom.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">&quot;block&quot;</span><span class="jsdoc-syntax">;
 115     },
 116
 117     </span><span class="jsdoc-comment">/**
 118      * Returns true if the shadow is visible, else false
 119      */
 120     </span><span class="jsdoc-var">isVisible </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 121         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.el </span><span class="jsdoc-syntax">? </span><span class="jsdoc-keyword">true </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
 122     },
 123
 124     </span><span class="jsdoc-comment">/**
 125      * Direct alignment when values are already available. Show must be called at least once before
 126      * calling this method to ensure it is initialized.
 127      * @param {Number} left The target element left position
 128      * @param {Number} top The target element top position
 129      * @param {Number} width The target element width
 130      * @param {Number} height The target element height
 131      */
 132     </span><span class="jsdoc-var">realign </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">w</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">){
 133         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">){
 134             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 135         }
 136         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.adjusts</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">d </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el.dom</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.style</span><span class="jsdoc-syntax">;
 137         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">iea </span><span class="jsdoc-syntax">= 0;
 138         </span><span class="jsdoc-var">s.left </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">a.l</span><span class="jsdoc-syntax">)+</span><span class="jsdoc-string">&quot;px&quot;</span><span class="jsdoc-syntax">;
 139         </span><span class="jsdoc-var">s.top </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">a.t</span><span class="jsdoc-syntax">)+</span><span class="jsdoc-string">&quot;px&quot;</span><span class="jsdoc-syntax">;
 140         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sw </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">w</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">a.w</span><span class="jsdoc-syntax">), </span><span class="jsdoc-var">sh </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">a.h</span><span class="jsdoc-syntax">), </span><span class="jsdoc-var">sws </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">sw </span><span class="jsdoc-syntax">+</span><span class="jsdoc-string">&quot;px&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">shs </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">sh </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">&quot;px&quot;</span><span class="jsdoc-syntax">;
 141
 142         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">s.width </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">sws </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">s.height </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">shs</span><span class="jsdoc-syntax">){
 143             </span><span class="jsdoc-var">s.width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">sws</span><span class="jsdoc-syntax">;
 144             </span><span class="jsdoc-var">s.height </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">shs</span><span class="jsdoc-syntax">;
 145             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">Roo.isIE</span><span class="jsdoc-syntax">){
 146                 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cn </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.childNodes</span><span class="jsdoc-syntax">;
 147                 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sww </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, (</span><span class="jsdoc-var">sw</span><span class="jsdoc-syntax">-12))+</span><span class="jsdoc-string">&quot;px&quot;</span><span class="jsdoc-syntax">;
 148                 </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">[0]</span><span class="jsdoc-var">.childNodes</span><span class="jsdoc-syntax">[1]</span><span class="jsdoc-var">.style.width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">sww</span><span class="jsdoc-syntax">;
 149                 </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">[1]</span><span class="jsdoc-var">.childNodes</span><span class="jsdoc-syntax">[1]</span><span class="jsdoc-var">.style.width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">sww</span><span class="jsdoc-syntax">;
 150                 </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">[2]</span><span class="jsdoc-var">.childNodes</span><span class="jsdoc-syntax">[1]</span><span class="jsdoc-var">.style.width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">sww</span><span class="jsdoc-syntax">;
 151                 </span><span class="jsdoc-var">cn</span><span class="jsdoc-syntax">[1]</span><span class="jsdoc-var">.style.height </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, (</span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">-12))+</span><span class="jsdoc-string">&quot;px&quot;</span><span class="jsdoc-syntax">;
 152             }
 153         }
 154     },
 155
 156     </span><span class="jsdoc-comment">/**
 157      * Hides this shadow
 158      */
 159     </span><span class="jsdoc-var">hide </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 160         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">){
 161             </span><span class="jsdoc-var">this.el.dom.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">&quot;none&quot;</span><span class="jsdoc-syntax">;
 162             </span><span class="jsdoc-var">Roo.Shadow.Pool.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">);
 163             </span><span class="jsdoc-keyword">delete </span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">;
 164         }
 165     },
 166
 167     </span><span class="jsdoc-comment">/**
 168      * Adjust the z-index of this shadow
 169      * @param {Number} zindex The new z-index
 170      */
 171     </span><span class="jsdoc-var">setZIndex </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">z</span><span class="jsdoc-syntax">){
 172         </span><span class="jsdoc-var">this.zIndex </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">z</span><span class="jsdoc-syntax">;
 173         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">){
 174             </span><span class="jsdoc-var">this.el.setStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;z-index&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">z</span><span class="jsdoc-syntax">);
 175         }
 176     }
 177 };
 178
 179 </span><span class="jsdoc-comment">// Private utility class that manages the internal Shadow cache
 180 </span><span class="jsdoc-var">Roo.Shadow.Pool </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 181     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= [];
 182     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">markup </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.isIE </span><span class="jsdoc-syntax">?
 183                  </span><span class="jsdoc-string">'&lt;div class=&quot;x-ie-shadow&quot;&gt;&lt;/div&gt;' </span><span class="jsdoc-syntax">:
 184                  </span><span class="jsdoc-string">'&lt;div class=&quot;x-shadow&quot;&gt;&lt;div class=&quot;xst&quot;&gt;&lt;div class=&quot;xstl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;xstc&quot;&gt;&lt;/div&gt;&lt;div class=&quot;xstr&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;xsc&quot;&gt;&lt;div class=&quot;xsml&quot;&gt;&lt;/div&gt;&lt;div class=&quot;xsmc&quot;&gt;&lt;/div&gt;&lt;div class=&quot;xsmr&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;xsb&quot;&gt;&lt;div class=&quot;xsbl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;xsbc&quot;&gt;&lt;/div&gt;&lt;div class=&quot;xsbr&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'</span><span class="jsdoc-syntax">;
 185     </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
 186         </span><span class="jsdoc-var">pull </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 187             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sh </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p.shift</span><span class="jsdoc-syntax">();
 188             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">){
 189                 </span><span class="jsdoc-var">sh </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.DomHelper.insertHtml</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;beforeBegin&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">document.body.firstChild</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">markup</span><span class="jsdoc-syntax">));
 190                 </span><span class="jsdoc-var">sh.autoBoxAdjust </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
 191             }
 192             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
 193         },
 194
 195         </span><span class="jsdoc-var">push </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">){
 196             </span><span class="jsdoc-var">p.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">);
 197         }
 198     };
 199 }();</span></code></body></html>