/** * Attempt to re-color SVG icons used in the admin menu or the toolbar * * @output wp-admin/js/svg-painter.js */ window.wp = window.wp || {}; wp.svgPainter = ( function( $, window, document, undefined ) { 'use strict'; var selector, base64, painter, colorscheme = {}, elements = []; $( function() { // Detection for browser SVG capability. if ( document.implementation.hasFeature( 'http://www.w3.org/TR/SVG11/feature#Image', '1.1' ) ) { $( document.body ).removeClass( 'no-svg' ).addClass( 'svg' ); wp.svgPainter.init(); } }); /** * Needed only for IE9 * * Based on jquery.base64.js 0.0.3 - https://github.com/yckart/jquery.base64.js * * Based on: https://gist.github.com/Yaffle/1284012 * * Copyright (c) 2012 Yannick Albert (http://yckart.com) * Licensed under the MIT license * http://www.opensource.org/licenses/mit-license.php */ base64 = ( function() { var c, b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/', a256 = '', r64 = [256], r256 = [256], i = 0; function init() { while( i < 256 ) { c = String.fromCharCode(i); a256 += c; r256[i] = i; r64[i] = b64.indexOf(c); ++i; } } function code( s, discard, alpha, beta, w1, w2 ) { var tmp, length, buffer = 0, i = 0, result = '', bitsInBuffer = 0; s = String(s); length = s.length; while( i < length ) { c = s.charCodeAt(i); c = c < 256 ? alpha[c] : -1; buffer = ( buffer << w1 ) + c; bitsInBuffer += w1; while( bitsInBuffer >= w2 ) { bitsInBuffer -= w2; tmp = buffer >> bitsInBuffer; result += beta.charAt(tmp); buffer ^= tmp << bitsInBuffer; } ++i; } if ( ! discard && bitsInBuffer > 0 ) { result += beta.charAt( buffer << ( w2 - bitsInBuffer ) ); } return result; } function btoa( plain ) { if ( ! c ) { init(); } plain = code( plain, false, r256, b64, 8, 6 ); return plain + '===='.slice( ( plain.length % 4 ) || 4 ); } function atob( coded ) { var i; if ( ! c ) { init(); } coded = coded.replace( /[^A-Za-z0-9\+\/\=]/g, '' ); coded = String(coded).split('='); i = coded.length; do { --i; coded[i] = code( coded[i], true, r64, a256, 6, 8 ); } while ( i > 0 ); coded = coded.join(''); return coded; } return { atob: atob, btoa: btoa }; })(); return { init: function() { painter = this; selector = $( '#adminmenu .wp-menu-image, #wpadminbar .ab-item' ); this.setColors(); this.findElements(); this.paint(); }, setColors: function( colors ) { if ( typeof colors === 'undefined' && typeof window._wpColorScheme !== 'undefined' ) { colors = window._wpColorScheme; } if ( colors && colors.icons && colors.icons.base && colors.icons.current && colors.icons.focus ) { colorscheme = colors.icons; } }, findElements: function() { selector.each( function() { var $this = $(this), bgImage = $this.css( 'background-image' ); if ( bgImage && bgImage.indexOf( 'data:image/svg+xml;base64' ) != -1 ) { elements.push( $this ); } }); }, paint: function() { // Loop through all elements. $.each( elements, function( index, $element ) { var $menuitem = $element.parent().parent(); if ( $menuitem.hasClass( 'current' ) || $menuitem.hasClass( 'wp-has-current-submenu' ) ) { // Paint icon in 'current' color. painter.paintElement( $element, 'current' ); } else { // Paint icon in base color. painter.paintElement( $element, 'base' ); // Set hover callbacks. $menuitem.on( 'mouseenter', function() { painter.paintElement( $element, 'focus' ); } ).on( 'mouseleave', function() { // Match the delay from hoverIntent. window.setTimeout( function() { painter.paintElement( $element, 'base' ); }, 100 ); } ); } }); }, paintElement: function( $element, colorType ) { var xml, encoded, color; if ( ! colorType || ! colorscheme.hasOwnProperty( colorType ) ) { return; } color = colorscheme[ colorType ]; // Only accept hex colors: #101 or #101010. if ( ! color.match( /^(#[0-9a-f]{3}|#[0-9a-f]{6})$/i ) ) { return; } xml = $element.data( 'wp-ui-svg-' + color ); if ( xml === 'none' ) { return; } if ( ! xml ) { encoded = $element.css( 'background-image' ).match( /.+data:image\/svg\+xml;base64,([A-Za-z0-9\+\/\=]+)/ ); if ( ! encoded || ! encoded[1] ) { $element.data( 'wp-ui-svg-' + color, 'none' ); return; } try { if ( 'atob' in window ) { xml = window.atob( encoded[1] ); } else { xml = base64.atob( encoded[1] ); } } catch ( error ) {} if ( xml ) { // Replace `fill` attributes. xml = xml.replace( /fill="(.+?)"/g, 'fill="' + color + '"'); // Replace `style` attributes. xml = xml.replace( /style="(.+?)"/g, 'style="fill:' + color + '"'); // Replace `fill` properties in `<style>` tags. xml = xml.replace( /fill:.*?;/g, 'fill: ' + color + ';'); if ( 'btoa' in window ) { xml = window.btoa( xml ); } else { xml = base64.btoa( xml ); } $element.data( 'wp-ui-svg-' + color, xml ); } else { $element.data( 'wp-ui-svg-' + color, 'none' ); return; } } $element.attr( 'style', 'background-image: url("data:image/svg+xml;base64,' + xml + '") !important;' ); } }; })( jQuery, window, document );
Name | Type | Size | Permission | Actions |
---|---|---|---|---|
widgets | Folder | 0755 |
|
|
accordion.js | File | 2.87 KB | 0644 |
|
accordion.min.js | File | 849 B | 0644 |
|
application-passwords.js | File | 6.24 KB | 0644 |
|
application-passwords.min.js | File | 2.95 KB | 0644 |
|
auth-app.js | File | 5.66 KB | 0644 |
|
auth-app.min.js | File | 2.04 KB | 0644 |
|
code-editor.js | File | 11.32 KB | 0644 |
|
code-editor.min.js | File | 3.01 KB | 0644 |
|
color-picker.js | File | 9.54 KB | 0644 |
|
color-picker.min.js | File | 3.4 KB | 0644 |
|
comment.js | File | 2.85 KB | 0644 |
|
comment.min.js | File | 1.28 KB | 0644 |
|
common.js | File | 58.63 KB | 0644 |
|
common.min.js | File | 21.93 KB | 0644 |
|
custom-background.js | File | 3.35 KB | 0644 |
|
custom-background.min.js | File | 1.18 KB | 0644 |
|
custom-header.js | File | 1.98 KB | 0644 |
|
customize-controls.js | File | 286.52 KB | 0644 |
|
customize-controls.min.js | File | 109.03 KB | 0644 |
|
customize-nav-menus.js | File | 109.69 KB | 0644 |
|
customize-nav-menus.min.js | File | 46.19 KB | 0644 |
|
customize-widgets.js | File | 70.05 KB | 0644 |
|
customize-widgets.min.js | File | 27.41 KB | 0644 |
|
dashboard.js | File | 26.92 KB | 0644 |
|
dashboard.min.js | File | 8.59 KB | 0644 |
|
edit-comments.js | File | 36.65 KB | 0644 |
|
edit-comments.min.js | File | 14.99 KB | 0644 |
|
editor-expand.js | File | 41.61 KB | 0644 |
|
editor-expand.min.js | File | 13.14 KB | 0644 |
|
editor.js | File | 44.25 KB | 0644 |
|
editor.min.js | File | 12.87 KB | 0644 |
|
farbtastic.js | File | 7.67 KB | 0644 |
|
gallery.js | File | 5.41 KB | 0644 |
|
gallery.min.js | File | 3.65 KB | 0644 |
|
image-edit.js | File | 38.21 KB | 0644 |
|
image-edit.min.js | File | 14.3 KB | 0644 |
|
inline-edit-post.js | File | 19.8 KB | 0644 |
|
inline-edit-post.min.js | File | 9.27 KB | 0644 |
|
inline-edit-tax.js | File | 7.61 KB | 0644 |
|
inline-edit-tax.min.js | File | 2.93 KB | 0644 |
|
iris.min.js | File | 23.09 KB | 0644 |
|
language-chooser.js | File | 890 B | 0644 |
|
language-chooser.min.js | File | 423 B | 0644 |
|
link.js | File | 3.89 KB | 0644 |
|
link.min.js | File | 1.7 KB | 0644 |
|
media-gallery.js | File | 1.27 KB | 0644 |
|
media-gallery.min.js | File | 611 B | 0644 |
|
media-upload.js | File | 3.38 KB | 0644 |
|
media-upload.min.js | File | 1.13 KB | 0644 |
|
media.js | File | 6.26 KB | 0644 |
|
media.min.js | File | 2.34 KB | 0644 |
|
nav-menu.js | File | 50.68 KB | 0644 |
|
nav-menu.min.js | File | 25.69 KB | 0644 |
|
password-strength-meter.js | File | 4.14 KB | 0644 |
|
password-strength-meter.min.js | File | 1.1 KB | 0644 |
|
password-toggle.js | File | 1.31 KB | 0644 |
|
password-toggle.min.js | File | 847 B | 0644 |
|
plugin-install.js | File | 6.92 KB | 0644 |
|
plugin-install.min.js | File | 2.35 KB | 0644 |
|
post.js | File | 39.08 KB | 0644 |
|
post.min.js | File | 18.59 KB | 0644 |
|
postbox.js | File | 18.4 KB | 0644 |
|
postbox.min.js | File | 6.55 KB | 0644 |
|
privacy-tools.js | File | 10.67 KB | 0644 |
|
privacy-tools.min.js | File | 5.03 KB | 0644 |
|
revisions.js | File | 33.13 KB | 0644 |
|
revisions.min.js | File | 17.45 KB | 0644 |
|
set-post-thumbnail.js | File | 876 B | 0644 |
|
set-post-thumbnail.min.js | File | 620 B | 0644 |
|
site-health.js | File | 13.15 KB | 0644 |
|
site-health.min.js | File | 6.13 KB | 0644 |
|
site-icon.js | File | 5.91 KB | 0644 |
|
site-icon.min.js | File | 2.12 KB | 0644 |
|
svg-painter.js | File | 5.39 KB | 0644 |
|
svg-painter.min.js | File | 2.33 KB | 0644 |
|
tags-box.js | File | 10.88 KB | 0644 |
|
tags-box.min.js | File | 3 KB | 0644 |
|
tags-suggest.js | File | 5.64 KB | 0644 |
|
tags-suggest.min.js | File | 2.22 KB | 0644 |
|
tags.js | File | 4.77 KB | 0644 |
|
tags.min.js | File | 1.96 KB | 0644 |
|
theme-plugin-editor.js | File | 24.79 KB | 0644 |
|
theme-plugin-editor.min.js | File | 11.46 KB | 0644 |
|
theme.js | File | 54.65 KB | 0644 |
|
theme.min.js | File | 26.4 KB | 0644 |
|
updates.js | File | 108.36 KB | 0644 |
|
updates.min.js | File | 47.1 KB | 0644 |
|
user-profile.js | File | 14.2 KB | 0644 |
|
user-profile.min.js | File | 6.35 KB | 0644 |
|
user-suggest.js | File | 2.25 KB | 0644 |
|
user-suggest.min.js | File | 676 B | 0644 |
|
widgets.js | File | 22.56 KB | 0644 |
|
widgets.min.js | File | 12.31 KB | 0644 |
|
word-count.js | File | 7.52 KB | 0644 |
|
word-count.min.js | File | 1.49 KB | 0644 |
|
xfn.js | File | 740 B | 0644 |
|
xfn.min.js | File | 458 B | 0644 |
|