<!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>[18707] trunk: Add pointers feature, and pointer to admin bar, props nacin for PHP bits, see #18693.</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/18707">18707</a></dd>
<dt>Author</dt> <dd>koopersmith</dd>
<dt>Date</dt> <dd>2011-09-18 21:17:09 +0000 (Sun, 18 Sep 2011)</dd>
</dl>

<h3>Log Message</h3>
<pre>Add pointers feature, and pointer to admin bar, props nacin for PHP bits, 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="#trunkwpincludesscriptloaderphp">trunk/wp-includes/script-loader.php</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<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>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadminincludestemplatephp"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/includes/template.php (18706 => 18707)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/includes/template.php        2011-09-18 21:11:28 UTC (rev 18706)
+++ trunk/wp-admin/includes/template.php        2011-09-18 21:17:09 UTC (rev 18707)
</span><span class="lines">@@ -2217,3 +2217,54 @@
</span><span class="cx"> 
</span><span class="cx">         return $button;
</span><span class="cx"> }
</span><ins>+
+/**
+ * Initializes the new feature pointers.
+ *
+ * @since 3.3.0
+ *
+ * Pointer user settings:
+ *    p0 - Admin bar pointer, added 3.3.
+ */
+function wp_pointer_enqueue( $hook_suffix ) {
+        $enqueue = false;
+
+        $admin_bar = get_user_setting( 'p0', 0 );
+        if ( ! $admin_bar &amp;&amp; apply_filters( 'show_wp_pointer_admin_bar', true ) ) {
+                $enqueue = true;
+                add_action( 'admin_print_footer_scripts', '_wp_pointer_print_admin_bar' );
+        }
+
+        if ( $enqueue ) {
+                wp_enqueue_style( 'wp-pointer' );
+                wp_enqueue_script( 'wp-pointer' );
+                wp_enqueue_script( 'utils' );
+        }
+}
+add_action( 'admin_enqueue_scripts', 'wp_pointer_enqueue' );
+
+function _wp_pointer_print_admin_bar() {
+        $pointer_content  = '&lt;h3&gt;' . __('The admin bar has been updated in WordPress 3.3.') . '&lt;/h3&gt;';
+        $pointer_content .= '&lt;p&gt;' . sprintf( __('Have some feedback? Visit this &lt;a href=&quot;%s&quot;&gt;ticket&lt;/a&gt;.'), 'http://core.trac.wordpress.org/ticket/18197' ) . '&lt;/p&gt;';
+        $pointer_content .= '&lt;p&gt;' . sprintf( __('P.S. You are looking at a new admin pointer. Chime in &lt;a href=&quot;%s&quot;&gt;here&lt;/a&gt;.'), 'http://core.trac.wordpress.org/ticket/18693' ) . '&lt;/p&gt;';
+
+?&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;
+//&lt;![CDATA[
+jQuery(document).ready( function($) {
+        $('#wpadminbar').pointer({
+                content: '&lt;?php echo $pointer_content; ?&gt;',
+                position: {
+                        my: 'left top',
+                        at: 'center bottom',
+                        offset: '-25 0'
+                },
+                close: function() {
+                        setUserSetting( 'p0', '1' );
+                }
+        }).pointer('open');
+});
+//]]&gt;
+&lt;/script&gt;
+&lt;?php
+}
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpincludescsswppointercss"></a>
<div class="addfile"><h4>Added: trunk/wp-includes/css/wp-pointer.css (0 => 18707)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/css/wp-pointer.css                                (rev 0)
+++ trunk/wp-includes/css/wp-pointer.css        2011-09-18 21:17:09 UTC (rev 18707)
</span><span class="lines">@@ -0,0 +1 @@
</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;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;}
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpincludescsswppointerdevcss"></a>
<div class="addfile"><h4>Added: trunk/wp-includes/css/wp-pointer.dev.css (0 => 18707)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/css/wp-pointer.dev.css                                (rev 0)
+++ trunk/wp-includes/css/wp-pointer.dev.css        2011-09-18 21:17:09 UTC (rev 18707)
</span><span class="lines">@@ -0,0 +1,106 @@
</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;
+}
+/* The arrow base class must take up no space, even with transparent borders. */
+.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 .wp-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;
+}
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpincludesjswppointerdevjs"></a>
<div class="addfile"><h4>Added: trunk/wp-includes/js/wp-pointer.dev.js (0 => 18707)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/js/wp-pointer.dev.js                                (rev 0)
+++ trunk/wp-includes/js/wp-pointer.dev.js        2011-09-18 21:17:09 UTC (rev 18707)
</span><span class="lines">@@ -0,0 +1,264 @@
</span><ins>+/**
+ * Pointer jQuery widget.
+ */
+(function($){
+        var identifier = 0,
+                zindex = 9999;
+
+        $.widget(&quot;wp.pointer&quot;, {
+                options: {
+                        pointerClass: 'wp-pointer',
+                        content: function( respond, event, t ) {
+                                return $(this).text();
+                        },
+                        buttons: function( event, t ) {
+                                var close  = ( wpPointerL10n ) ? wpPointerL10n.close : 'Close',
+                                        button = $('&lt;a class=&quot;button-secondary&quot;&gt;' + close + '&lt;/div&gt;');
+
+                                return button.bind( 'click.pointer', function() {
+                                        t.element.pointer('close');
+                                });
+                        },
+                        arrow: 'auto',
+                        position: {
+                                my: &quot;left center&quot;,
+                                at: &quot;right center&quot;
+                        },
+                        arrow: {
+                                edge:  'top',
+                                align: 'left',
+                                offset: 20
+                        },
+                        show: function( event, t ) {
+                                t.pointer.show();
+                                t.opened();
+                        },
+                        hide: function( event, t ) {
+                                t.pointer.hide();
+                                t.closed();
+                        },
+                        document: document
+                },
+
+                _create: function() {
+                        var positioning,
+                                family;
+
+                        this.content = $('&lt;div class=&quot;wp-pointer-content&quot;&gt;&lt;/div&gt;');
+                        this.arrow   = $('&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;');
+
+                        family = this.element.parents().add( this.element );
+                        positioning = 'absolute';
+
+                        if ( family.filter(function(){ return 'fixed' === $(this).css('position'); }).length )
+                                positioning = 'fixed';
+
+
+                        this.pointer = $('&lt;div /&gt;')
+                                .append( this.content )
+                                .append( this.arrow )
+                                .attr('id', 'wp-pointer-' + identifier++)
+                                .addClass( this.options.pointerClass )
+                                .css('position', positioning)
+                                .hide()
+                                .appendTo( this.options.document.body );
+                },
+
+                _setOption: function( key, value ) {
+                        var o   = this.options,
+                                tip = this.pointer;
+
+                        // Handle document transfer
+                        if ( key === &quot;document&quot; &amp;&amp; value !== o.document ) {
+                                tip.detach().appendTo( value.body );
+
+                        // Handle class change
+                        } else if ( key === &quot;pointerClass&quot; ) {
+                                tip.removeClass( o.pointerClass ).addClass( value );
+                        }
+
+                        // Call super method.
+                        $.Widget.prototype._setOption.apply( this, arguments );
+
+                        // Reposition automatically
+                        if ( key === &quot;position&quot; ) {
+                                this.reposition();
+
+                        // Update content automatically if pointer is open
+                        } else if ( key === &quot;content&quot; &amp;&amp; this.active ) {
+                                this.update();
+                        }
+                },
+
+                destroy: function() {
+                        this.pointer.remove();
+                        $.Widget.prototype.destroy.call( this );
+                },
+
+                widget: function() {
+                        return this.pointer;
+                },
+
+                update: function( event ) {
+                        var self = this,
+                                o    = this.options,
+                                dfd  = $.Deferred(),
+                                content;
+
+                        if ( o.disabled )
+                                return;
+
+                        dfd.done( function( content ) {
+                                self._update( event, content );
+                        })
+
+                        // Either o.content is a string...
+                        if ( typeof o.content === 'string' ) {
+                                content = o.content;
+
+                        // ...or o.content is a callback.
+                        } else {
+                                content = o.content.call( this.element[0], dfd.resolve, event, this._handoff() );
+                        }
+
+                        // If content is set, then complete the update.
+                        if ( content )
+                                dfd.resolve( content );
+
+                        return dfd.promise();
+                },
+
+                /**
+                 * Update is separated into two functions to allow events to defer
+                 * updating the pointer (e.g. fetch content with ajax, etc).
+                 */
+                _update: function( event, content ) {
+                        var buttons,
+                                o = this.options;
+
+                        if ( ! content )
+                                return;
+
+                        this.pointer.stop(); // Kill any animations on the pointer.
+                        this.content.html( content );
+
+                        buttons = o.buttons.call( this.element[0], event, this._handoff() );
+                        if ( buttons ) {
+                                buttons.wrap('&lt;div class=&quot;wp-pointer-buttons&quot; /&gt;').parent().appendTo( this.content );
+                        }
+
+                        this.reposition();
+                },
+
+                reposition: function() {
+                        if ( this.options.disabled )
+                                return;
+
+                        // Reposition pointer.
+                        this.pointer.css({
+                                top: 0,
+                                left: 0,
+                                zIndex: zindex++ // Increment the z-index so that it shows above other opened pointers.
+                        }).show().position($.extend({
+                                of: this.element
+                        }, this.options.position )); // the object comes before this.options.position so the user can override position.of.
+
+                        this.repoint();
+                },
+
+                repoint: function() {
+                        var o = this.options,
+                                position = {
+                                        my: 'center',
+                                        of: this.pointer
+                                },
+                                clear;
+
+                        if ( o.disabled )
+                                return;
+
+                        // Remove arrow classes.
+                        this.pointer[0].className = this.pointer[0].className.replace( /wp-pointer-[^\s'&quot;]*/, '' );
+
+                        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';
+                        } else {
+                                position.at = o.arrow.edge + ' ' + o.arrow.align;
+                                position.offset = '0 ' + o.arrow.offset;
+                                clear = 'left';
+                        }
+
+                        // Reposition arrow.
+                        this.arrow.position( position ).css( clear, '' );
+                        // Add arrow class.
+                        this.pointer.addClass( 'wp-pointer-' + o.arrow.edge );
+                },
+
+
+                open: function( event ) {
+                        var self = this,
+                                o    = this.options;
+
+                        if ( this.active || o.disabled )
+                                return;
+
+                        this.update().done( function() {
+                                self._open( event );
+                        });
+                },
+
+                _open: function( event ) {
+                        var self = this,
+                                o    = this.options;
+
+                        if ( this.active || o.disabled )
+                                return;
+
+                        this.active = true;
+
+                        this._trigger( &quot;open&quot;, event, this._handoff() );
+
+                        this._trigger( &quot;show&quot;, event, this._handoff({
+                                opened: function() {
+                                        self._trigger( &quot;opened&quot;, event, self._handoff() );
+                                }
+                        }));
+                },
+
+                close: function( event ) {
+                        if ( !this.active || this.options.disabled )
+                                return;
+
+                        var self = this;
+                        this.active = false;
+
+                        this._trigger( &quot;close&quot;, event, this._handoff() );
+                        this._trigger( &quot;hide&quot;, event, this._handoff({
+                                closed: function() {
+                                        self._trigger( &quot;closed&quot;, event, self._handoff() );
+                                }
+                        }));
+                },
+
+                sendToTop: function( event ) {
+                        if ( this.active )
+                                this.pointer.css( 'z-index', zindex++ );
+                },
+
+                toggle: function( event ) {
+                        if ( this.pointer.is(':hidden') )
+                                this.open( event );
+                        else
+                                this.close( event );
+                },
+
+                _handoff: function( extend ) {
+                        return $.extend({
+                                pointer: this.pointer,
+                                element: this.element
+                        }, extend);
+                }
+        });
+})(jQuery);
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpincludesjswppointerjs"></a>
<div class="addfile"><h4>Added: trunk/wp-includes/js/wp-pointer.js (0 => 18707)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/js/wp-pointer.js                                (rev 0)
+++ trunk/wp-includes/js/wp-pointer.js        2011-09-18 21:17:09 UTC (rev 18707)
</span><span class="lines">@@ -0,0 +1 @@
</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;)})},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);
</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 (18706 => 18707)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-includes/script-loader.php        2011-09-18 21:11:28 UTC (rev 18706)
+++ trunk/wp-includes/script-loader.php        2011-09-18 21:17:09 UTC (rev 18707)
</span><span class="lines">@@ -96,6 +96,11 @@
</span><span class="cx">                 'broken' =&gt; __('An unidentified error has occurred.')
</span><span class="cx">         ) );
</span><span class="cx"> 
</span><ins>+        $scripts-&gt;add( 'wp-pointer', &quot;/wp-includes/js/wp-pointer$suffix.js&quot;, array( 'jquery-ui-widget', 'jquery-ui-position' ), '20110918', 1 );
+        $scripts-&gt;add_script_data( 'wp-pointer', 'wpPointerL10n', array(
+                'close' =&gt; __('Close'),
+        ) );
+
</ins><span class="cx">         $scripts-&gt;add( 'autosave', &quot;/wp-includes/js/autosave$suffix.js&quot;, array('schedule', 'wp-ajax-response'), '20110524', 1 );
</span><span class="cx"> 
</span><span class="cx">         $scripts-&gt;add( 'wp-lists', &quot;/wp-includes/js/wp-lists$suffix.js&quot;, array('wp-ajax-response'), '20110521', 1 );
</span><span class="lines">@@ -425,6 +430,7 @@
</span><span class="cx">         $styles-&gt;add( 'admin-bar', &quot;/wp-includes/css/admin-bar$suffix.css&quot;, array(), '20110916b' );
</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(), '20110802' );
</span><ins>+        $styles-&gt;add( 'wp-pointer', &quot;/wp-includes/css/wp-pointer$suffix.css&quot;, array(), '20110918' );
</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>