<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[18969] trunk: Simplify pointer API with smarter positioning.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg > ul, #logmsg > ol { margin-left: 0; margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/18969">18969</a></dd>
<dt>Author</dt> <dd>koopersmith</dd>
<dt>Date</dt> <dd>2011-10-14 03:33:46 +0000 (Fri, 14 Oct 2011)</dd>
</dl>

<h3>Log Message</h3>
<pre>Simplify pointer API with smarter positioning. see <a href="http://core.trac.wordpress.org/ticket/18693">#18693</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpadminincludestemplatephp">trunk/wp-admin/includes/template.php</a></li>
<li><a href="#trunkwpincludescsswppointercss">trunk/wp-includes/css/wp-pointer.css</a></li>
<li><a href="#trunkwpincludescsswppointerdevcss">trunk/wp-includes/css/wp-pointer.dev.css</a></li>
<li><a href="#trunkwpincludesjswppointerdevjs">trunk/wp-includes/js/wp-pointer.dev.js</a></li>
<li><a href="#trunkwpincludesjswppointerjs">trunk/wp-includes/js/wp-pointer.js</a></li>
<li><a href="#trunkwpincludesscriptloaderphp">trunk/wp-includes/script-loader.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadminincludestemplatephp"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/includes/template.php (18968 => 18969)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/includes/template.php        2011-10-14 01:06:23 UTC (rev 18968)
+++ trunk/wp-admin/includes/template.php        2011-10-14 03:33:46 UTC (rev 18969)
</span><span class="lines">@@ -1650,7 +1650,6 @@
</span><span class="cx">         if ( $enqueue ) {
</span><span class="cx">                 wp_enqueue_style( 'wp-pointer' );
</span><span class="cx">                 wp_enqueue_script( 'wp-pointer' );
</span><del>-                wp_enqueue_script( 'utils' );
</del><span class="cx">         }
</span><span class="cx"> }
</span><span class="cx"> add_action( 'admin_enqueue_scripts', 'wp_pointer_enqueue' );
</span><span class="lines">@@ -1664,13 +1663,9 @@
</span><span class="cx"> &lt;script type=&quot;text/javascript&quot;&gt;
</span><span class="cx"> //&lt;![CDATA[
</span><span class="cx"> jQuery(document).ready( function($) {
</span><del>-        $('#wpadminbar').pointer({
</del><ins>+        $('#wp-admin-bar-help').pointer({
</ins><span class="cx">                 content: '&lt;?php echo $pointer_content; ?&gt;',
</span><del>-                position: {
-                        my: 'left top',
-                        at: 'center bottom',
-                        offset: '-25 0'
-                },
</del><ins>+                position: 'top',
</ins><span class="cx">                 close: function() {
</span><span class="cx">                         $.post( ajaxurl, {
</span><span class="cx">                                         pointer: 'wp330-admin-bar',
</span></span></pre></div>
<a id="trunkwpincludescsswppointercss"></a>
<div class="modfile"><h4>Modified: trunk/wp-includes/css/wp-pointer.css (18968 => 18969)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/css/wp-pointer.css        2011-10-14 01:06:23 UTC (rev 18968)
+++ trunk/wp-includes/css/wp-pointer.css        2011-10-14 03:33:46 UTC (rev 18969)
</span><span class="lines">@@ -1 +1 @@
</span><del>-.wp-pointer-content{padding:0 10px;background:white;border:1px solid #aaa;-moz-box-shadow:0 0 16px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1);box-shadow:0 0 16px rgba(0,0,0,0.1);}.wp-pointer-buttons{padding:0 0 10px 0;overflow:auto;}.wp-pointer-buttons a{float:right;display:inline-block;}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0;}.wp-pointer-arrow{z-index:10;}.wp-pointer-arrow-inner{z-index:20;}.wp-pointer-left{margin-left:10px;}.wp-pointer-right{margin-left:-10px;}.wp-pointer-top{margin-top:10px;}.wp-pointer-bottom{margin-top:-10px;}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow,.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow{border:solid 10px transparent;}.wp-pointer-left .wp-pointer-arrow{border-right-color:#aaa;border-left-width:0;right:100%;top:0;}.wp-pointer-right .wp-pointer-arrow{border-left-color:#aaa;border-right-width:0;left:100%;top:0;}.wp-pointer-top .w
 p-pointer-arrow{border-bottom-color:#aaa;border-top-width:0;left:0;bottom:100%;}.wp-pointer-bottom .wp-pointer-arrow{border-top-color:#aaa;border-bottom-width:0;left:0;top:100%;}.wp-pointer-left .wp-pointer-arrow-inner,.wp-pointer-right .wp-pointer-arrow-inner,.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer-bottom .wp-pointer-arrow-inner{border:solid 9px transparent;}.wp-pointer-left .wp-pointer-arrow-inner{border-right-color:#fff;border-left-width:0;top:-9px;left:2px;}.wp-pointer-right .wp-pointer-arrow-inner{border-left-color:#fff;border-right-width:0;top:-9px;right:2px;}.wp-pointer-top .wp-pointer-arrow-inner{border-bottom-color:#fff;border-top-width:0;top:2px;left:-9px;}.wp-pointer-bottom .wp-pointer-arrow-inner{border-top-color:#fff;border-bottom-width:0;bottom:2px;left:-9px;}
</del><span class="cx">\ No newline at end of file
</span><ins>+.wp-pointer-content{padding:0 10px;background:white;border:1px solid #aaa;-moz-box-shadow:0 0 16px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1);box-shadow:0 0 16px rgba(0,0,0,0.1);}.wp-pointer-buttons{padding:0 0 10px 0;overflow:auto;}.wp-pointer-buttons a{float:right;display:inline-block;}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0;}.wp-pointer-arrow{z-index:10;}.wp-pointer-arrow-inner{z-index:20;}.wp-pointer-left{margin-left:10px;}.wp-pointer-right{margin-left:-10px;}.wp-pointer-top{margin-top:10px;}.wp-pointer-bottom{margin-top:-10px;}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow,.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow{border:solid 10px transparent;}.wp-pointer-left .wp-pointer-arrow{border-right-color:#aaa;border-left-width:0;}.wp-pointer-right .wp-pointer-arrow{border-left-color:#aaa;border-right-width:0;}.wp-pointer-top .wp-pointer-arrow{border-bottom-col
 or:#aaa;border-top-width:0;}.wp-pointer-bottom .wp-pointer-arrow{border-top-color:#aaa;border-bottom-width:0;}.wp-pointer-left .wp-pointer-arrow-inner,.wp-pointer-right .wp-pointer-arrow-inner,.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer-bottom .wp-pointer-arrow-inner{border:solid 9px transparent;}.wp-pointer-left .wp-pointer-arrow-inner{border-right-color:#fff;border-left-width:0;top:-9px;left:2px;}.wp-pointer-right .wp-pointer-arrow-inner{border-left-color:#fff;border-right-width:0;top:-9px;right:2px;}.wp-pointer-top .wp-pointer-arrow-inner{border-bottom-color:#fff;border-top-width:0;top:2px;left:-9px;}.wp-pointer-bottom .wp-pointer-arrow-inner{border-top-color:#fff;border-bottom-width:0;bottom:2px;left:-9px;}
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpincludescsswppointerdevcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-includes/css/wp-pointer.dev.css (18968 => 18969)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/css/wp-pointer.dev.css        2011-10-14 01:06:23 UTC (rev 18968)
+++ trunk/wp-includes/css/wp-pointer.dev.css        2011-10-14 03:33:46 UTC (rev 18969)
</span><span class="lines">@@ -51,26 +51,18 @@
</span><span class="cx"> .wp-pointer-left .wp-pointer-arrow {
</span><span class="cx">         border-right-color: #aaa;
</span><span class="cx">         border-left-width: 0;
</span><del>-        right: 100%;
-        top: 0;
</del><span class="cx"> }
</span><span class="cx"> .wp-pointer-right .wp-pointer-arrow {
</span><span class="cx">         border-left-color: #aaa;
</span><span class="cx">         border-right-width: 0;
</span><del>-        left: 100%;
-        top: 0;
</del><span class="cx"> }
</span><span class="cx"> .wp-pointer-top .wp-pointer-arrow {
</span><span class="cx">         border-bottom-color: #aaa;
</span><span class="cx">         border-top-width: 0;
</span><del>-        left: 0;
-        bottom: 100%;
</del><span class="cx"> }
</span><span class="cx"> .wp-pointer-bottom .wp-pointer-arrow {
</span><span class="cx">         border-top-color: #aaa;
</span><span class="cx">         border-bottom-width: 0;
</span><del>-        left: 0;
-        top: 100%;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .wp-pointer-left .wp-pointer-arrow-inner,
</span></span></pre></div>
<a id="trunkwpincludesjswppointerdevjs"></a>
<div class="modfile"><h4>Modified: trunk/wp-includes/js/wp-pointer.dev.js (18968 => 18969)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/js/wp-pointer.dev.js        2011-10-14 01:06:23 UTC (rev 18968)
+++ trunk/wp-includes/js/wp-pointer.dev.js        2011-10-14 03:33:46 UTC (rev 18969)
</span><span class="lines">@@ -19,16 +19,7 @@
</span><span class="cx">                                         t.element.pointer('close');
</span><span class="cx">                                 });
</span><span class="cx">                         },
</span><del>-                        arrow: 'auto',
-                        position: {
-                                my: &quot;left center&quot;,
-                                at: &quot;right center&quot;
-                        },
-                        arrow: {
-                                edge:  'top',
-                                align: 'left',
-                                offset: 20
-                        },
</del><ins>+                        position: 'top',
</ins><span class="cx">                         show: function( event, t ) {
</span><span class="cx">                                 t.pointer.show();
</span><span class="cx">                                 t.opened();
</span><span class="lines">@@ -151,9 +142,13 @@
</span><span class="cx">                 },
</span><span class="cx"> 
</span><span class="cx">                 reposition: function() {
</span><ins>+                        var position;
+
</ins><span class="cx">                         if ( this.options.disabled )
</span><span class="cx">                                 return;
</span><span class="cx"> 
</span><ins>+                        position = this._processPosition( this.options.position );
+
</ins><span class="cx">                         // Reposition pointer.
</span><span class="cx">                         this.pointer.css({
</span><span class="cx">                                 top: 0,
</span><span class="lines">@@ -161,42 +156,85 @@
</span><span class="cx">                                 zIndex: zindex++ // Increment the z-index so that it shows above other opened pointers.
</span><span class="cx">                         }).show().position($.extend({
</span><span class="cx">                                 of: this.element
</span><del>-                        }, this.options.position )); // the object comes before this.options.position so the user can override position.of.
</del><ins>+                        }, position )); // the object comes before this.options.position so the user can override position.of.
</ins><span class="cx"> 
</span><span class="cx">                         this.repoint();
</span><span class="cx">                 },
</span><span class="cx"> 
</span><span class="cx">                 repoint: function() {
</span><span class="cx">                         var o = this.options,
</span><del>-                                position = {
-                                        my: 'center',
-                                        of: this.pointer
-                                },
-                                clear;
</del><ins>+                                position,
+                                at;
</ins><span class="cx"> 
</span><span class="cx">                         if ( o.disabled )
</span><span class="cx">                                 return;
</span><span class="cx"> 
</span><ins>+                        // Generate arrow position from the box position.
+                        position = $.extend( this._processPosition( o.position ), {
+                                of: this.pointer,
+                                offset: ''
+                        });
+
+                        // Swap at and my; we're positioning the arrow relative to the box.
+                        at = position.at + '';
+                        position.at = position.my;
+                        position.my = at;
+
+                        // Don't align the arrows exactly with the edge.
+                        if ( position.align != 'center' ) {
+                                position.offset = ( position.align == 'top' || position.align == 'left' ) ? 15 : -15;
+                                if ( position.align == 'top' || position.align == 'bottom' )
+                                        position.offset = '0 ' + position.offset;
+                                else
+                                        position.offset = position.offset + ' 0';
+                        }
+
</ins><span class="cx">                         // Remove arrow classes.
</span><span class="cx">                         this.pointer[0].className = this.pointer[0].className.replace( /wp-pointer-[^\s'&quot;]*/, '' );
</span><span class="cx"> 
</span><del>-                        if ( o.arrow.edge == 'top' || o.arrow.edge == 'bottom' ) {
-                                position.at = o.arrow.align + ' ' + o.arrow.edge;
-                                position.offset = o.arrow.offset + ' 0';
-                                clear = 'top';
</del><ins>+                        // Add arrow class.
+                        this.pointer.addClass( 'wp-pointer-' + position.edge );
+
+                        // Reposition arrow.
+                        this.arrow.position( position );
+                },
+
+                _processPosition: function( position ) {
+                        var opposite = {
+                                        top: 'bottom',
+                                        bottom: 'top',
+                                        left: 'right',
+                                        right: 'left'
+                                },
+                                result;
+
+                        // If the position object is a string, it is shorthand for position.edge.
+                        if ( typeof position == 'string' ) {
+                                result = {
+                                        edge: position + ''
+                                };
</ins><span class="cx">                         } else {
</span><del>-                                position.at = o.arrow.edge + ' ' + o.arrow.align;
-                                position.offset = '0 ' + o.arrow.offset;
-                                clear = 'left';
</del><ins>+                                result = $.extend( {}, position );
</ins><span class="cx">                         }
</span><span class="cx"> 
</span><del>-                        // Reposition arrow.
-                        this.arrow.position( position ).css( clear, '' );
-                        // Add arrow class.
-                        this.pointer.addClass( 'wp-pointer-' + o.arrow.edge );
</del><ins>+                        if ( ! result.edge )
+                                return result;
+
+                        if ( result.edge == 'top' || result.edge == 'bottom' ) {
+                                result.align = result.align || 'left';
+
+                                result.at = result.at || result.align + ' ' + opposite[ result.edge ];
+                                result.my = result.my || result.align + ' ' + result.edge;
+                        } else {
+                                result.align = result.align || 'top';
+
+                                result.at = result.at || opposite[ result.edge ] + ' ' + result.align;
+                                result.my = result.my || result.edge + ' ' + result.align;
+                        }
+
+                        return result;
</ins><span class="cx">                 },
</span><span class="cx"> 
</span><del>-
</del><span class="cx">                 open: function( event ) {
</span><span class="cx">                         var self = this,
</span><span class="cx">                                 o    = this.options;
</span></span></pre></div>
<a id="trunkwpincludesjswppointerjs"></a>
<div class="modfile"><h4>Modified: trunk/wp-includes/js/wp-pointer.js (18968 => 18969)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/js/wp-pointer.js        2011-10-14 01:06:23 UTC (rev 18968)
+++ trunk/wp-includes/js/wp-pointer.js        2011-10-14 03:33:46 UTC (rev 18969)
</span><span class="lines">@@ -1 +1 @@
</span><del>-(function(c){var a=0,b=9999;c.widget(&quot;wp.pointer&quot;,{options:{pointerClass:&quot;wp-pointer&quot;,content:function(f,e,d){return c(this).text()},buttons:function(f,e){var g=(wpPointerL10n)?wpPointerL10n.close:&quot;Close&quot;,d=c('&lt;a class=&quot;button-secondary&quot;&gt;'+g+&quot;&lt;/div&gt;&quot;);return d.bind(&quot;click.pointer&quot;,function(){e.element.pointer(&quot;close&quot;)})},arrow:&quot;auto&quot;,position:{my:&quot;left center&quot;,at:&quot;right center&quot;},arrow:{edge:&quot;top&quot;,align:&quot;left&quot;,offset:20},show:function(e,d){d.pointer.show();d.opened()},hide:function(e,d){d.pointer.hide();d.closed()},document:document},_create:function(){var e,d;this.content=c('&lt;div class=&quot;wp-pointer-content&quot;&gt;&lt;/div&gt;');this.arrow=c('&lt;div class=&quot;wp-pointer-arrow&quot;&gt;&lt;div class=&quot;wp-pointer-arrow-inner&quot;&gt;&lt;/div&gt;&lt;/div&gt;');d=this.element.parents().add(this.element);e=&quot;absolute&q
 uot;;if(d.filter(function(){return&quot;fixed&quot;===c(this).css(&quot;position&quot;)}).length){e=&quot;fixed&quot;}this.pointer=c(&quot;&lt;div /&gt;&quot;).append(this.content).append(this.arrow).attr(&quot;id&quot;,&quot;wp-pointer-&quot;+a++).addClass(this.options.pointerClass).css(&quot;position&quot;,e).hide().appendTo(this.options.document.body)},_setOption:function(d,f){var g=this.options,e=this.pointer;if(d===&quot;document&quot;&amp;&amp;f!==g.document){e.detach().appendTo(f.body)}else{if(d===&quot;pointerClass&quot;){e.removeClass(g.pointerClass).addClass(f)}}c.Widget.prototype._setOption.apply(this,arguments);if(d===&quot;position&quot;){this.reposition()}else{if(d===&quot;content&quot;&amp;&amp;this.active){this.update()}}},destroy:function(){this.pointer.remove();c.Widget.prototype.destroy.call(this)},widget:function(){return this.pointer},update:function(g){var e=this,h=this.options,d=c.Deferred(),f;if(h.disabled){return}d.done(function(i){e._update(g,i)});i
 f(typeof h.content===&quot;string&quot;){f=h.content}else{f=h.content.call(this.element[0],d.resolve,g,this._handoff())}if(f){d.resolve(f)}return d.promise()},_update:function(f,e){var d,g=this.options;if(!e){return}this.pointer.stop();this.content.html(e);d=g.buttons.call(this.element[0],f,this._handoff());if(d){d.wrap('&lt;div class=&quot;wp-pointer-buttons&quot; /&gt;').parent().appendTo(this.content)}this.reposition()},reposition:function(){if(this.options.disabled){return}this.pointer.css({top:0,left:0,zIndex:b++}).show().position(c.extend({of:this.element},this.options.position));this.repoint()},repoint:function(){var f=this.options,e={my:&quot;center&quot;,of:this.pointer},d;if(f.disabled){return}this.pointer[0].className=this.pointer[0].className.replace(/wp-pointer-[^\s'&quot;]*/,&quot;&quot;);if(f.arrow.edge==&quot;top&quot;||f.arrow.edge==&quot;bottom&quot;){e.at=f.arrow.align+&quot; &quot;+f.arrow.edge;e.offset=f.arrow.offset+&quot; 0&quot;;d=&quot;top&quot;}else
 {e.at=f.arrow.edge+&quot; &quot;+f.arrow.align;e.offset=&quot;0 &quot;+f.arrow.offset;d=&quot;left&quot;}this.arrow.position(e).css(d,&quot;&quot;);this.pointer.addClass(&quot;wp-pointer-&quot;+f.arrow.edge)},open:function(e){var d=this,f=this.options;if(this.active||f.disabled){return}this.update().done(function(){d._open(e)})},_open:function(e){var d=this,f=this.options;if(this.active||f.disabled){return}this.active=true;this._trigger(&quot;open&quot;,e,this._handoff());this._trigger(&quot;show&quot;,e,this._handoff({opened:function(){d._trigger(&quot;opened&quot;,e,d._handoff())}}))},close:function(e){if(!this.active||this.options.disabled){return}var d=this;this.active=false;this._trigger(&quot;close&quot;,e,this._handoff());this._trigger(&quot;hide&quot;,e,this._handoff({closed:function(){d._trigger(&quot;closed&quot;,e,d._handoff())}}))},sendToTop:function(d){if(this.active){this.pointer.css(&quot;z-index&quot;,b++)}},toggle:function(d){if(this.pointer.is(&quot;:hidden
 &quot;)){this.open(d)}else{this.close(d)}},_handoff:function(d){return c.extend({pointer:this.pointer,element:this.element},d)}})})(jQuery);
</del><span class="cx">\ No newline at end of file
</span><ins>+(function(c){var a=0,b=9999;c.widget(&quot;wp.pointer&quot;,{options:{pointerClass:&quot;wp-pointer&quot;,content:function(f,e,d){return c(this).text()},buttons:function(f,e){var g=(wpPointerL10n)?wpPointerL10n.close:&quot;Close&quot;,d=c('&lt;a class=&quot;button-secondary&quot;&gt;'+g+&quot;&lt;/div&gt;&quot;);return d.bind(&quot;click.pointer&quot;,function(){e.element.pointer(&quot;close&quot;)})},position:&quot;top&quot;,show:function(e,d){d.pointer.show();d.opened()},hide:function(e,d){d.pointer.hide();d.closed()},document:document},_create:function(){var e,d;this.content=c('&lt;div class=&quot;wp-pointer-content&quot;&gt;&lt;/div&gt;');this.arrow=c('&lt;div class=&quot;wp-pointer-arrow&quot;&gt;&lt;div class=&quot;wp-pointer-arrow-inner&quot;&gt;&lt;/div&gt;&lt;/div&gt;');d=this.element.parents().add(this.element);e=&quot;absolute&quot;;if(d.filter(function(){return&quot;fixed&quot;===c(this).css(&quot;position&quot;)}).length){e=&quot;fixed&quot;}this.poi
 nter=c(&quot;&lt;div /&gt;&quot;).append(this.content).append(this.arrow).attr(&quot;id&quot;,&quot;wp-pointer-&quot;+a++).addClass(this.options.pointerClass).css(&quot;position&quot;,e).hide().appendTo(this.options.document.body)},_setOption:function(d,f){var g=this.options,e=this.pointer;if(d===&quot;document&quot;&amp;&amp;f!==g.document){e.detach().appendTo(f.body)}else{if(d===&quot;pointerClass&quot;){e.removeClass(g.pointerClass).addClass(f)}}c.Widget.prototype._setOption.apply(this,arguments);if(d===&quot;position&quot;){this.reposition()}else{if(d===&quot;content&quot;&amp;&amp;this.active){this.update()}}},destroy:function(){this.pointer.remove();c.Widget.prototype.destroy.call(this)},widget:function(){return this.pointer},update:function(g){var e=this,h=this.options,d=c.Deferred(),f;if(h.disabled){return}d.done(function(i){e._update(g,i)});if(typeof h.content===&quot;string&quot;){f=h.content}else{f=h.content.call(this.element[0],d.resolve,g,this._handoff())}if(f){
 d.resolve(f)}return d.promise()},_update:function(f,e){var d,g=this.options;if(!e){return}this.pointer.stop();this.content.html(e);d=g.buttons.call(this.element[0],f,this._handoff());if(d){d.wrap('&lt;div class=&quot;wp-pointer-buttons&quot; /&gt;').parent().appendTo(this.content)}this.reposition()},reposition:function(){var d;if(this.options.disabled){return}d=this._processPosition(this.options.position);this.pointer.css({top:0,left:0,zIndex:b++}).show().position(c.extend({of:this.element},d));this.repoint()},repoint:function(){var f=this.options,e,d;if(f.disabled){return}e=c.extend(this._processPosition(f.position),{of:this.pointer,offset:&quot;&quot;});d=e.at+&quot;&quot;;e.at=e.my;e.my=d;if(e.align!=&quot;center&quot;){e.offset=(e.align==&quot;top&quot;||e.align==&quot;left&quot;)?15:-15;if(e.align==&quot;top&quot;||e.align==&quot;bottom&quot;){e.offset=&quot;0 &quot;+e.offset}else{e.offset=e.offset+&quot; 0&quot;}}this.pointer[0].className=this.pointer[0].className.repl
 ace(/wp-pointer-[^\s'&quot;]*/,&quot;&quot;);this.pointer.addClass(&quot;wp-pointer-&quot;+e.edge);this.arrow.position(e)},_processPosition:function(e){var f={top:&quot;bottom&quot;,bottom:&quot;top&quot;,left:&quot;right&quot;,right:&quot;left&quot;},d;if(typeof e==&quot;string&quot;){d={edge:e+&quot;&quot;}}else{d=c.extend({},e)}if(!d.edge){return d}if(d.edge==&quot;top&quot;||d.edge==&quot;bottom&quot;){d.align=d.align||&quot;left&quot;;d.at=d.at||d.align+&quot; &quot;+f[d.edge];d.my=d.my||d.align+&quot; &quot;+d.edge}else{d.align=d.align||&quot;top&quot;;d.at=d.at||f[d.edge]+&quot; &quot;+d.align;d.my=d.my||d.edge+&quot; &quot;+d.align}return d},open:function(e){var d=this,f=this.options;if(this.active||f.disabled){return}this.update().done(function(){d._open(e)})},_open:function(e){var d=this,f=this.options;if(this.active||f.disabled){return}this.active=true;this._trigger(&quot;open&quot;,e,this._handoff());this._trigger(&quot;show&quot;,e,this._handoff({opened:function
 (){d._trigger(&quot;opened&quot;,e,d._handoff())}}))},close:function(e){if(!this.active||this.options.disabled){return}var d=this;this.active=false;this._trigger(&quot;close&quot;,e,this._handoff());this._trigger(&quot;hide&quot;,e,this._handoff({closed:function(){d._trigger(&quot;closed&quot;,e,d._handoff())}}))},sendToTop:function(d){if(this.active){this.pointer.css(&quot;z-index&quot;,b++)}},toggle:function(d){if(this.pointer.is(&quot;:hidden&quot;)){this.open(d)}else{this.close(d)}},_handoff:function(d){return c.extend({pointer:this.pointer,element:this.element},d)}})})(jQuery);
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpincludesscriptloaderphp"></a>
<div class="modfile"><h4>Modified: trunk/wp-includes/script-loader.php (18968 => 18969)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/script-loader.php        2011-10-14 01:06:23 UTC (rev 18968)
+++ trunk/wp-includes/script-loader.php        2011-10-14 03:33:46 UTC (rev 18969)
</span><span class="lines">@@ -96,7 +96,7 @@
</span><span class="cx">                 'broken' =&gt; __('An unidentified error has occurred.')
</span><span class="cx">         ) );
</span><span class="cx"> 
</span><del>-        $scripts-&gt;add( 'wp-pointer', &quot;/wp-includes/js/wp-pointer$suffix.js&quot;, array( 'jquery-ui-widget', 'jquery-ui-position' ), '20110918', 1 );
</del><ins>+        $scripts-&gt;add( 'wp-pointer', &quot;/wp-includes/js/wp-pointer$suffix.js&quot;, array( 'jquery-ui-widget', 'jquery-ui-position' ), '20111013', 1 );
</ins><span class="cx">         $scripts-&gt;add_script_data( 'wp-pointer', 'wpPointerL10n', array(
</span><span class="cx">                 'close' =&gt; __('Close'),
</span><span class="cx">         ) );
</span><span class="lines">@@ -455,7 +455,7 @@
</span><span class="cx">         $styles-&gt;add( 'admin-bar', &quot;/wp-includes/css/admin-bar$suffix.css&quot;, array(), '20111010' );
</span><span class="cx">         $styles-&gt;add( 'wp-jquery-ui-dialog', &quot;/wp-includes/css/jquery-ui-dialog$suffix.css&quot;, array(), '20101224' );
</span><span class="cx">         $styles-&gt;add( 'editor-buttons', &quot;/wp-includes/css/editor-buttons$suffix.css&quot;, array(), '20111010' );
</span><del>-        $styles-&gt;add( 'wp-pointer', &quot;/wp-includes/css/wp-pointer$suffix.css&quot;, array(), '20110918' );
</del><ins>+        $styles-&gt;add( 'wp-pointer', &quot;/wp-includes/css/wp-pointer$suffix.css&quot;, array(), '20111013' );
</ins><span class="cx"> 
</span><span class="cx">         foreach ( $rtl_styles as $rtl_style ) {
</span><span class="cx">                 $styles-&gt;add_data( $rtl_style, 'rtl', true );
</span></span></pre>
</div>
</div>

</body>
</html>