rebase from live enviornment

wp/plugins/divi-builder/includes/builder/scripts/ext/jquery.easypiechart.js

@@ -0,0 +1,365 @@
+/*!
+* easyPieChart
+* Lightweight plugin to render simple, animated and retina optimized pie charts
+*
+* @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de)
+* @version 2.1.5
+*
+* Modified to adapt the latest jQuery version (v3 above) included on WordPress 5.6:
+* - (2020-12-15) - jQuery isFunction method is deprecated.
+*/
+
+(function(root, factory) {
+    if(typeof exports === 'object') {
+        module.exports = factory(require('jquery'));
+    }
+    else if(typeof define === 'function' && define.amd) {
+        define(['jquery'], factory);
+    }
+    else {
+        factory(root.jQuery);
+    }
+}(this, function($) {
+
+/**
+ * Renderer to render the chart on a canvas object
+ * @param {DOMElement} el      DOM element to host the canvas (root of the plugin)
+ * @param {object}     options options object of the plugin
+ */
+var CanvasRenderer = function(el, options) {
+	var cachedBackground;
+	var canvas = document.createElement('canvas');
+
+	el.appendChild(canvas);
+
+	if (typeof(G_vmlCanvasManager) !== 'undefined') {
+		G_vmlCanvasManager.initElement(canvas);
+	}
+
+	var ctx = canvas.getContext('2d');
+
+	canvas.width = canvas.height = options.size;
+
+	// canvas on retina devices
+	var scaleBy = 1;
+	if (window.devicePixelRatio > 1) {
+		scaleBy = window.devicePixelRatio;
+		canvas.style.width = canvas.style.height = [options.size, 'px'].join('');
+		canvas.width = canvas.height = options.size * scaleBy;
+		ctx.scale(scaleBy, scaleBy);
+	}
+
+	// move 0,0 coordinates to the center
+	ctx.translate(options.size / 2, options.size / 2);
+
+	// rotate canvas -90deg
+	ctx.rotate((-1 / 2 + options.rotate / 180) * Math.PI);
+
+	var radius = (options.size - options.lineWidth) / 2;
+	if (options.scaleColor && options.scaleLength) {
+		radius -= options.scaleLength + 2; // 2 is the distance between scale and bar
+	}
+
+	// IE polyfill for Date
+	Date.now = Date.now || function() {
+		return +(new Date());
+	};
+
+	/**
+	 * Draw a circle around the center of the canvas
+	 * @param {strong} color     Valid CSS color string
+	 * @param {number} lineWidth Width of the line in px
+	 * @param {number} percent   Percentage to draw (float between -1 and 1)
+	 */
+	var drawCircle = function(color, lineWidth, percent, alpha ) {
+		percent = Math.min(Math.max(-1, percent || 0), 1);
+		var isNegative = percent <= 0 ? true : false;
+
+		ctx.beginPath();
+		ctx.arc(0, 0, radius, 0, Math.PI * 2 * percent, isNegative);
+
+		ctx.strokeStyle = color;
+		ctx.globalAlpha = alpha;
+		ctx.lineWidth = lineWidth;
+
+		ctx.stroke();
+	};
+
+	/**
+	 * Draw the scale of the chart
+	 */
+	var drawScale = function() {
+		var offset;
+		var length;
+
+		ctx.lineWidth = 1;
+		ctx.fillStyle = options.scaleColor;
+
+		ctx.save();
+		for (var i = 24; i > 0; --i) {
+			if (i % 6 === 0) {
+				length = options.scaleLength;
+				offset = 0;
+			} else {
+				length = options.scaleLength * 0.6;
+				offset = options.scaleLength - length;
+			}
+			ctx.fillRect(-options.size/2 + offset, 0, length, 1);
+			ctx.rotate(Math.PI / 12);
+		}
+		ctx.restore();
+	};
+
+	/**
+	 * Request animation frame wrapper with polyfill
+	 * @return {function} Request animation frame method or timeout fallback
+	 */
+	var reqAnimationFrame = (function() {
+		return  window.requestAnimationFrame ||
+				window.webkitRequestAnimationFrame ||
+				window.mozRequestAnimationFrame ||
+				function(callback) {
+					window.setTimeout(callback, 1000 / 60);
+				};
+	}());
+
+	/**
+	 * Draw the background of the plugin including the scale and the track
+	 */
+	var drawBackground = function() {
+		if(options.scaleColor) drawScale();
+		if(options.trackColor) drawCircle(options.trackColor, options.lineWidth, 1, options.trackAlpha );
+	};
+
+  /**
+    * Canvas accessor
+   */
+  this.getCanvas = function() {
+    return canvas;
+  };
+
+  /**
+    * Canvas 2D context 'ctx' accessor
+   */
+  this.getCtx = function() {
+    return ctx;
+  };
+
+	/**
+	 * Clear the complete canvas
+	 */
+	this.clear = function() {
+		ctx.clearRect(options.size / -2, options.size / -2, options.size, options.size);
+	};
+
+	/**
+	 * Draw the complete chart
+	 * @param {number} percent Percent shown by the chart between -100 and 100
+	 */
+	this.draw = function(percent) {
+		// do we need to render a background
+		if (!!options.scaleColor || !!options.trackColor) {
+			// getImageData and putImageData are supported
+			if (ctx.getImageData && ctx.putImageData) {
+				if (!cachedBackground) {
+					drawBackground();
+					cachedBackground = ctx.getImageData(0, 0, options.size * scaleBy, options.size * scaleBy);
+				} else {
+					ctx.putImageData(cachedBackground, 0, 0);
+				}
+			} else {
+				this.clear();
+				drawBackground();
+			}
+		} else {
+			this.clear();
+		}
+
+		ctx.lineCap = options.lineCap;
+
+		// if barcolor is a function execute it and pass the percent as a value
+		var color;
+		if (typeof(options.barColor) === 'function') {
+			color = options.barColor(percent);
+		} else {
+			color = options.barColor;
+		}
+
+		// draw bar
+		drawCircle(color, options.lineWidth, percent / 100, options.barAlpha );
+	}.bind(this);
+
+	/**
+	 * Animate from some percent to some other percentage
+	 * @param {number} from Starting percentage
+	 * @param {number} to   Final percentage
+	 */
+	this.animate = function(from, to) {
+		var startTime = Date.now();
+		options.onStart(from, to);
+		var animation = function() {
+			var process = Math.min(Date.now() - startTime, options.animate.duration);
+			var currentValue = options.easing(this, process, from, to - from, options.animate.duration);
+			this.draw(currentValue);
+			options.onStep(from, to, currentValue);
+			if (process >= options.animate.duration) {
+				options.onStop(from, to);
+			} else {
+				reqAnimationFrame(animation);
+			}
+		}.bind(this);
+
+		reqAnimationFrame(animation);
+	}.bind(this);
+};
+
+var EasyPieChart = function(el, opts) {
+	var defaultOptions = {
+		barColor: '#ef1e25',
+		barAlpha: 1.0,
+		trackColor: '#f9f9f9',
+		trackAlpha: 1.0,
+		scaleColor: '#dfe0e0',
+		scaleLength: 5,
+		lineCap: 'round',
+		lineWidth: 3,
+		size: 110,
+		rotate: 0,
+		render: true,
+		animate: {
+			duration: 1000,
+			enabled: true
+		},
+		easing: function (x, t, b, c, d) { // more can be found here: http://gsgd.co.uk/sandbox/jquery/easing/
+			t = t / (d/2);
+			if (t < 1) {
+				return c / 2 * t * t + b;
+			}
+			return -c/2 * ((--t)*(t-2) - 1) + b;
+		},
+		onStart: function(from, to) {
+			return;
+		},
+		onStep: function(from, to, currentValue) {
+			return;
+		},
+		onStop: function(from, to) {
+			return;
+		}
+	};
+
+	// detect present renderer
+	if (typeof(CanvasRenderer) !== 'undefined') {
+		defaultOptions.renderer = CanvasRenderer;
+	} else if (typeof(SVGRenderer) !== 'undefined') {
+		defaultOptions.renderer = SVGRenderer;
+	} else {
+		throw new Error('Please load either the SVG- or the CanvasRenderer');
+	}
+
+	var options = {};
+	var currentValue = 0;
+
+	/**
+	 * Initialize the plugin by creating the options object and initialize rendering
+	 */
+	var init = function() {
+		this.el = el;
+		this.options = options;
+
+		// merge user options into default options
+		for (var i in defaultOptions) {
+			if (defaultOptions.hasOwnProperty(i)) {
+				options[i] = opts && typeof(opts[i]) !== 'undefined' ? opts[i] : defaultOptions[i];
+				if (typeof(options[i]) === 'function') {
+					options[i] = options[i].bind(this);
+				}
+			}
+		}
+
+		// check for jQuery easing
+		if (typeof(options.easing) === 'string' && typeof(jQuery) !== 'undefined' && 'function' === typeof jQuery.easing[options.easing]) {
+			options.easing = jQuery.easing[options.easing];
+		} else {
+			options.easing = defaultOptions.easing;
+		}
+
+		// process earlier animate option to avoid bc breaks
+		if (typeof(options.animate) === 'number') {
+			options.animate = {
+				duration: options.animate,
+				enabled: true
+			};
+		}
+
+		if (typeof(options.animate) === 'boolean' && !options.animate) {
+			options.animate = {
+				duration: 1000,
+				enabled: options.animate
+			};
+		}
+
+		// create renderer
+		this.renderer = new options.renderer(el, options);
+
+		// initial draw
+		this.renderer.draw(currentValue);
+
+		// initial update
+		if (el.dataset && el.dataset.percent) {
+			this.update(parseFloat(el.dataset.percent));
+		} else if (el.getAttribute && el.getAttribute('data-percent')) {
+			this.update(parseFloat(el.getAttribute('data-percent')));
+		}
+	}.bind(this);
+
+	/**
+	 * Update the value of the chart
+	 * @param  {number} newValue Number between 0 and 100
+	 * @return {object}          Instance of the plugin for method chaining
+	 */
+	this.update = function(newValue) {
+		newValue = parseFloat(newValue);
+		if (options.animate.enabled) {
+			this.renderer.animate(currentValue, newValue);
+		} else {
+			this.renderer.draw(newValue);
+		}
+		currentValue = newValue;
+		return this;
+	}.bind(this);
+
+	/**
+	 * Disable animation
+	 * @return {object} Instance of the plugin for method chaining
+	 */
+	this.disableAnimation = function() {
+		options.animate.enabled = false;
+		return this;
+	};
+
+	/**
+	 * Enable animation
+	 * @return {object} Instance of the plugin for method chaining
+	 */
+	this.enableAnimation = function() {
+		options.animate.enabled = true;
+		return this;
+	};
+
+	init();
+};
+
+$.fn.easyPieChart = function(options) {
+	return this.each(function() {
+		var instanceOptions;
+
+		if (!$.data(this, 'easyPieChart')) {
+			instanceOptions = $.extend({}, options, $(this).data());
+			$.data(this, 'easyPieChart', new EasyPieChart(this, instanceOptions));
+		}
+	});
+};
+
+
+}));

wp/plugins/divi-builder/includes/builder/scripts/ext/jquery.fittext.js

@@ -0,0 +1,46 @@
+/*global jQuery */
+/*!
+* FitText.js 1.2
+*
+* Copyright 2011, Dave Rupert http://daverupert.com
+* Released under the WTFPL license
+* http://sam.zoy.org/wtfpl/
+*
+* Date: Thu May 05 14:23:00 2011 -0600
+*
+* Modified to adapt the latest jQuery version (v3 above) included on WordPress 5.6:
+* - (2021-02-05) - Number type value passed to css method is deprecated.
+*/
+
+(function( $ ){
+
+  $.fn.fitText = function( kompressor, options ) {
+
+    // Setup options
+    var compressor = kompressor || 1,
+        settings = $.extend({
+          'minFontSize' : Number.NEGATIVE_INFINITY,
+          'maxFontSize' : $(this).css('font-size')
+        }, options);
+
+    return this.each(function(){
+
+      // Store the object
+      var $this = $(this);
+
+      // Resizer() resizes items based on the object width divided by the compressor * 10
+      var resizer = function () {
+        $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)) + 'px');
+      };
+
+      // Call once to set.
+      resizer();
+
+      // Call on resize. Opera debounces their resize by default.
+      $(window).on('resize.fittext orientationchange.fittext', resizer);
+
+    });
+
+  };
+
+})( jQuery );

wp/plugins/divi-builder/includes/builder/scripts/ext/jquery.fitvids.js

@@ -0,0 +1,87 @@
+/*jshint browser:true */
+/*!
+* FitVids 1.1
+*
+* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
+* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
+*
+*/
+
+;(function( $ ){
+
+  'use strict';
+
+  $.fn.fitVids = function( options ) {
+    var settings = {
+      customSelector: null,
+      ignore: null
+    };
+
+    if(!document.getElementById('fit-vids-style')) {
+      // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
+      var div = document.createElement("div");
+      div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
+      head.appendChild(div.childNodes[1]);
+    }
+
+    if ( options ) {
+      $.extend( settings, options );
+    }
+
+    return this.each(function(){
+      var selectors = [
+        'iframe[src*="player.vimeo.com"]',
+        'iframe[src*="youtube.com"]',
+        'iframe[src*="youtube-nocookie.com"]',
+        'iframe[src*="kickstarter.com"][src*="video.html"]',
+        'object',
+        'embed'
+      ];
+
+      if (settings.customSelector) {
+        selectors.push(settings.customSelector);
+      }
+
+      var ignoreList = '.fitvidsignore';
+
+      if(settings.ignore) {
+        ignoreList = ignoreList + ', ' + settings.ignore;
+      }
+
+      var $allVideos = $(this).find(selectors.join(','));
+      $allVideos = $allVideos.not('object object'); // SwfObj conflict patch
+      $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
+
+      $allVideos.each(function(){
+        var $this = $(this);
+        if($this.parents(ignoreList).length > 0) {
+          return; // Disable FitVids on this video.
+        }
+        if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
+        if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
+        {
+          $this.attr('height', 9);
+          $this.attr('width', 16);
+        }
+        var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
+            width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
+            aspectRatio = height / width;
+        if(!$this.attr('name')){
+          var videoName = 'fitvid' + $.fn.fitVids._count;
+          $this.attr('name', videoName);
+          $.fn.fitVids._count++;
+        }
+        $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
+        $this.removeAttr('height').removeAttr('width');
+      });
+    });
+  };
+  
+  // Internal counter for unique video names.
+  $.fn.fitVids._count = 0;
+  
+// Works with either jQuery or Zepto
+})( window.jQuery || window.Zepto );

wp/plugins/divi-builder/includes/builder/scripts/ext/jquery.hashchange.js

@@ -0,0 +1,393 @@
+/*!
+* jQuery hashchange event - v1.3 - 7/21/2010
+* http://benalman.com/projects/jquery-hashchange-plugin/
+*
+* Copyright (c) 2010 "Cowboy" Ben Alman
+* Dual licensed under the MIT and GPL licenses.
+* http://benalman.com/about/license/
+*
+* Modified to adapt the latest jQuery version (v3 above) included on WordPress 5.6:
+* - (2021-02-03) - jQuery bind method is deprecated.
+*/
+
+// Script: jQuery hashchange event
+//
+// *Version: 1.3, Last updated: 7/21/2010*
+//
+// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/
+// GitHub       - http://github.com/cowboy/jquery-hashchange/
+// Source       - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js
+// (Minified)   - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped)
+//
+// About: License
+//
+// Copyright (c) 2010 "Cowboy" Ben Alman,
+// Dual licensed under the MIT and GPL licenses.
+// http://benalman.com/about/license/
+//
+// About: Examples
+//
+// These working examples, complete with fully commented code, illustrate a few
+// ways in which this plugin can be used.
+//
+// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/
+// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/
+//
+// About: Support and Testing
+//
+// Information about what version or versions of jQuery this plugin has been
+// tested with, what browsers it has been tested in, and where the unit tests
+// reside (so you can test it yourself).
+//
+// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2
+// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5,
+//                   Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5.
+// Unit Tests      - http://benalman.com/code/projects/jquery-hashchange/unit/
+//
+// About: Known issues
+//
+// While this jQuery hashchange event implementation is quite stable and
+// robust, there are a few unfortunate browser bugs surrounding expected
+// hashchange event-based behaviors, independent of any JavaScript
+// window.onhashchange abstraction. See the following examples for more
+// information:
+//
+// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/
+// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/
+// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/
+// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/
+//
+// Also note that should a browser natively support the window.onhashchange
+// event, but not report that it does, the fallback polling loop will be used.
+//
+// About: Release History
+//
+// 1.3   - (7/21/2010) Reorganized IE6/7 Iframe code to make it more
+//         "removable" for mobile-only development. Added IE6/7 document.title
+//         support. Attempted to make Iframe as hidden as possible by using
+//         techniques from http://www.paciellogroup.com/blog/?p=604. Added
+//         support for the "shortcut" format $(window).hashchange( fn ) and
+//         $(window).hashchange() like jQuery provides for built-in events.
+//         Renamed jQuery.hashchangeDelay to <jQuery.fn.hashchange.delay> and
+//         lowered its default value to 50. Added <jQuery.fn.hashchange.domain>
+//         and <jQuery.fn.hashchange.src> properties plus document-domain.html
+//         file to address access denied issues when setting document.domain in
+//         IE6/7.
+// 1.2   - (2/11/2010) Fixed a bug where coming back to a page using this plugin
+//         from a page on another domain would cause an error in Safari 4. Also,
+//         IE6/7 Iframe is now inserted after the body (this actually works),
+//         which prevents the page from scrolling when the event is first bound.
+//         Event can also now be bound before DOM ready, but it won't be usable
+//         before then in IE6/7.
+// 1.1   - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug
+//         where browser version is incorrectly reported as 8.0, despite
+//         inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag.
+// 1.0   - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special
+//         window.onhashchange functionality into a separate plugin for users
+//         who want just the basic event & back button support, without all the
+//         extra awesomeness that BBQ provides. This plugin will be included as
+//         part of jQuery BBQ, but also be available separately.
+
+(function($,window,undefined){
+  '$:nomunge'; // Used by YUI compressor.
+
+  // Reused string.
+  var str_hashchange = 'hashchange',
+
+    // Method / object references.
+    doc = document,
+    fake_onhashchange,
+    special = $.event.special,
+
+    // Does the browser support window.onhashchange? Note that IE8 running in
+    // IE7 compatibility mode reports true for 'onhashchange' in window, even
+    // though the event isn't supported, so also test document.documentMode.
+    doc_mode = doc.documentMode,
+    supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 );
+
+  // Get location.hash (or what you'd expect location.hash to be) sans any
+  // leading #. Thanks for making this necessary, Firefox!
+  function get_fragment( url ) {
+    url = url || location.href;
+    return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' );
+  };
+
+  // Method: jQuery.fn.hashchange
+  //
+  // Bind a handler to the window.onhashchange event or trigger all bound
+  // window.onhashchange event handlers. This behavior is consistent with
+  // jQuery's built-in event handlers.
+  //
+  // Usage:
+  //
+  // > jQuery(window).hashchange( [ handler ] );
+  //
+  // Arguments:
+  //
+  //  handler - (Function) Optional handler to be bound to the hashchange
+  //    event. This is a "shortcut" for the more verbose form:
+  //    jQuery(window).on( 'hashchange', handler ). If handler is omitted,
+  //    all bound window.onhashchange event handlers will be triggered. This
+  //    is a shortcut for the more verbose
+  //    jQuery(window).trigger( 'hashchange' ). These forms are described in
+  //    the <hashchange event> section.
+  //
+  // Returns:
+  //
+  //  (jQuery) The initial jQuery collection of elements.
+
+  // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
+  // $(elem).hashchange() for triggering, like jQuery does for built-in events.
+  $.fn[ str_hashchange ] = function( fn ) {
+    return fn ? this.on( str_hashchange, fn ) : this.trigger( str_hashchange );
+  };
+
+  // Property: jQuery.fn.hashchange.delay
+  //
+  // The numeric interval (in milliseconds) at which the <hashchange event>
+  // polling loop executes. Defaults to 50.
+
+  // Property: jQuery.fn.hashchange.domain
+  //
+  // If you're setting document.domain in your JavaScript, and you want hash
+  // history to work in IE6/7, not only must this property be set, but you must
+  // also set document.domain BEFORE jQuery is loaded into the page. This
+  // property is only applicable if you are supporting IE6/7 (or IE8 operating
+  // in "IE7 compatibility" mode).
+  //
+  // In addition, the <jQuery.fn.hashchange.src> property must be set to the
+  // path of the included "document-domain.html" file, which can be renamed or
+  // modified if necessary (note that the document.domain specified must be the
+  // same in both your main JavaScript as well as in this file).
+  //
+  // Usage:
+  //
+  // jQuery.fn.hashchange.domain = document.domain;
+
+  // Property: jQuery.fn.hashchange.src
+  //
+  // If, for some reason, you need to specify an Iframe src file (for example,
+  // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can
+  // do so using this property. Note that when using this property, history
+  // won't be recorded in IE6/7 until the Iframe src file loads. This property
+  // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7
+  // compatibility" mode).
+  //
+  // Usage:
+  //
+  // jQuery.fn.hashchange.src = 'path/to/file.html';
+
+  $.fn[ str_hashchange ].delay = 50;
+  /*
+  $.fn[ str_hashchange ].domain = null;
+  $.fn[ str_hashchange ].src = null;
+  */
+
+  // Event: hashchange event
+  //
+  // Fired when location.hash changes. In browsers that support it, the native
+  // HTML5 window.onhashchange event is used, otherwise a polling loop is
+  // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to
+  // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7
+  // compatibility" mode), a hidden Iframe is created to allow the back button
+  // and hash-based history to work.
+  //
+  // Usage as described in <jQuery.fn.hashchange>:
+  //
+  // > // Bind an event handler.
+  // > jQuery(window).hashchange( function(e) {
+  // >   var hash = location.hash;
+  // >   ...
+  // > });
+  // >
+  // > // Manually trigger the event handler.
+  // > jQuery(window).hashchange();
+  //
+  // A more verbose usage that allows for event namespacing:
+  //
+  // > // Bind an event handler.
+  // > jQuery(window).on( 'hashchange', function(e) {
+  // >   var hash = location.hash;
+  // >   ...
+  // > });
+  // >
+  // > // Manually trigger the event handler.
+  // > jQuery(window).trigger( 'hashchange' );
+  //
+  // Additional Notes:
+  //
+  // * The polling loop and Iframe are not created until at least one handler
+  //   is actually bound to the 'hashchange' event.
+  // * If you need the bound handler(s) to execute immediately, in cases where
+  //   a location.hash exists on page load, via bookmark or page refresh for
+  //   example, use jQuery(window).hashchange() or the more verbose
+  //   jQuery(window).trigger( 'hashchange' ).
+  // * The event can be bound before DOM ready, but since it won't be usable
+  //   before then in IE6/7 (due to the necessary Iframe), recommended usage is
+  //   to bind it inside a DOM ready handler.
+
+  // Override existing $.event.special.hashchange methods (allowing this plugin
+  // to be defined after jQuery BBQ in BBQ's source code).
+  special[ str_hashchange ] = $.extend( special[ str_hashchange ], {
+
+    // Called only when the first 'hashchange' event is bound to window.
+    setup: function() {
+      // If window.onhashchange is supported natively, there's nothing to do..
+      if ( supports_onhashchange ) { return false; }
+
+      // Otherwise, we need to create our own. And we don't want to call this
+      // until the user binds to the event, just in case they never do, since it
+      // will create a polling loop and possibly even a hidden Iframe.
+      $( fake_onhashchange.start );
+    },
+
+    // Called only when the last 'hashchange' event is unbound from window.
+    teardown: function() {
+      // If window.onhashchange is supported natively, there's nothing to do..
+      if ( supports_onhashchange ) { return false; }
+
+      // Otherwise, we need to stop ours (if possible).
+      $( fake_onhashchange.stop );
+    }
+
+  });
+
+  // fake_onhashchange does all the work of triggering the window.onhashchange
+  // event for browsers that don't natively support it, including creating a
+  // polling loop to watch for hash changes and in IE 6/7 creating a hidden
+  // Iframe to enable back and forward.
+  fake_onhashchange = (function(){
+    var self = {},
+      timeout_id,
+
+      // Remember the initial hash so it doesn't get triggered immediately.
+      last_hash = get_fragment(),
+
+      fn_retval = function(val){ return val; },
+      history_set = fn_retval,
+      history_get = fn_retval;
+
+    // Start the polling loop.
+    self.start = function() {
+      timeout_id || poll();
+    };
+
+    // Stop the polling loop.
+    self.stop = function() {
+      timeout_id && clearTimeout( timeout_id );
+      timeout_id = undefined;
+    };
+
+    // This polling loop checks every $.fn.hashchange.delay milliseconds to see
+    // if location.hash has changed, and triggers the 'hashchange' event on
+    // window when necessary.
+    function poll() {
+      var hash = get_fragment(),
+        history_hash = history_get( last_hash );
+
+      if ( hash !== last_hash ) {
+        history_set( last_hash = hash, history_hash );
+
+        $(window).trigger( str_hashchange );
+
+      } else if ( history_hash !== last_hash ) {
+        location.href = location.href.replace( /#.*/, '' ) + history_hash;
+      }
+
+      timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay );
+    };
+
+    // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
+    // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv
+    // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
+    typeof $.browser !== 'undefined' && $.browser.msie && !supports_onhashchange && (function(){
+      // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8
+      // when running in "IE7 compatibility" mode.
+
+      var iframe,
+        iframe_src;
+
+      // When the event is bound and polling starts in IE 6/7, create a hidden
+      // Iframe for history handling.
+      self.start = function(){
+        if ( !iframe ) {
+          iframe_src = $.fn[ str_hashchange ].src;
+          iframe_src = iframe_src && iframe_src + get_fragment();
+
+          // Create hidden Iframe. Attempt to make Iframe as hidden as possible
+          // by using techniques from http://www.paciellogroup.com/blog/?p=604.
+          iframe = $('<iframe tabindex="-1" title="empty"/>').hide()
+
+            // When Iframe has completely loaded, initialize the history and
+            // start polling.
+            .one( 'load', function(){
+              iframe_src || history_set( get_fragment() );
+              poll();
+            })
+
+            // Load Iframe src if specified, otherwise nothing.
+            .attr( 'src', iframe_src || 'javascript:0' )
+
+            // Append Iframe after the end of the body to prevent unnecessary
+            // initial page scrolling (yes, this works).
+            .insertAfter( 'body' )[0].contentWindow;
+
+          // Whenever `document.title` changes, update the Iframe's title to
+          // prettify the back/next history menu entries. Since IE sometimes
+          // errors with "Unspecified error" the very first time this is set
+          // (yes, very useful) wrap this with a try/catch block.
+          doc.onpropertychange = function(){
+            try {
+              if ( event.propertyName === 'title' ) {
+                iframe.document.title = doc.title;
+              }
+            } catch(e) {}
+          };
+
+        }
+      };
+
+      // Override the "stop" method since an IE6/7 Iframe was created. Even
+      // if there are no longer any bound event handlers, the polling loop
+      // is still necessary for back/next to work at all!
+      self.stop = fn_retval;
+
+      // Get history by looking at the hidden Iframe's location.hash.
+      history_get = function() {
+        return get_fragment( iframe.location.href );
+      };
+
+      // Set a new history item by opening and then closing the Iframe
+      // document, *then* setting its location.hash. If document.domain has
+      // been set, update that as well.
+      history_set = function( hash, history_hash ) {
+        var iframe_doc = iframe.document,
+          domain = $.fn[ str_hashchange ].domain;
+
+        if ( hash !== history_hash ) {
+          // Update Iframe with any initial `document.title` that might be set.
+          iframe_doc.title = doc.title;
+
+          // Opening the Iframe's document after it has been closed is what
+          // actually adds a history entry.
+          iframe_doc.open();
+
+          // Set document.domain for the Iframe document as well, if necessary.
+          domain && iframe_doc.write( '<script>document.domain="' + domain + '"</script>' );
+
+          iframe_doc.close();
+
+          // Update the Iframe's hash, for great justice.
+          iframe.location.hash = hash;
+        }
+      };
+
+    })();
+    // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^
+    // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+    return self;
+  })();
+
+})(jQuery,this);

wp/plugins/divi-builder/includes/builder/scripts/ext/jquery.visible.min.js

@@ -0,0 +1,23 @@
+/*
+Copyright (c) 2012 Digital Fusion, http://teamdf.com/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+!function(t){var i=t(window);t.fn.visible=function(t,e,o){if(!(this.length<1)){var r=this.length>1?this.eq(0):this,n=r.get(0),f=i.width(),h=i.height(),o=o?o:"both",l=e===!0?n.offsetWidth*n.offsetHeight:!0;if("function"==typeof n.getBoundingClientRect){var g=n.getBoundingClientRect(),u=g.top>=0&&g.top<h,s=g.bottom>0&&g.bottom<=h,c=g.left>=0&&g.left<f,a=g.right>0&&g.right<=f,v=t?u||s:u&&s,b=t?c||a:c&&a;if("both"===o)return l&&v&&b;if("vertical"===o)return l&&v;if("horizontal"===o)return l&&b}else{var d=i.scrollTop(),p=d+h,w=i.scrollLeft(),m=w+f,y=r.offset(),z=y.top,B=z+r.height(),C=y.left,R=C+r.width(),j=t===!0?B:z,q=t===!0?z:B,H=t===!0?R:C,L=t===!0?C:R;if("both"===o)return!!l&&p>=q&&j>=d&&m>=L&&H>=w;if("vertical"===o)return!!l&&p>=q&&j>=d;if("horizontal"===o)return!!l&&m>=L&&H>=w}}}}(jQuery);

wp/plugins/divi-builder/includes/builder/scripts/ext/lz-string.min.js

@@ -0,0 +1,12 @@
+/*!
+* Copyright (c) 2013 Pieroxy <pieroxy@pieroxy.net>
+* This work is free. You can redistribute it and/or modify it
+* under the terms of the WTFPL, Version 2
+* For more information see LICENSE.txt or http://www.wtfpl.net/
+*
+*  For more information, the home page:
+*  http://pieroxy.net/blog/pages/lz-string/testing.html
+*
+*  LZ-based compression algorithm, version 1.4.4
+*/
+var LZString=function(){function o(o,r){if(!t[o]){t[o]={};for(var n=0;n<o.length;n++)t[o][o.charAt(n)]=n}return t[o][r]}var r=String.fromCharCode,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",t={},i={compressToBase64:function(o){if(null==o)return"";var r=i._compress(o,6,function(o){return n.charAt(o)});switch(r.length%4){default:case 0:return r;case 1:return r+"===";case 2:return r+"==";case 3:return r+"="}},decompressFromBase64:function(r){return null==r?"":""==r?null:i._decompress(r.length,32,function(e){return o(n,r.charAt(e))})},compressToUTF16:function(o){return null==o?"":i._compress(o,15,function(o){return r(o+32)})+" "},decompressFromUTF16:function(o){return null==o?"":""==o?null:i._decompress(o.length,16384,function(r){return o.charCodeAt(r)-32})},compressToUint8Array:function(o){for(var r=i.compress(o),n=new Uint8Array(2*r.length),e=0,t=r.length;t>e;e++){var s=r.charCodeAt(e);n[2*e]=s>>>8,n[2*e+1]=s%256}return n},decompressFromUint8Array:function(o){if(null===o||void 0===o)return i.decompress(o);for(var n=new Array(o.length/2),e=0,t=n.length;t>e;e++)n[e]=256*o[2*e]+o[2*e+1];var s=[];return n.forEach(function(o){s.push(r(o))}),i.decompress(s.join(""))},compressToEncodedURIComponent:function(o){return null==o?"":i._compress(o,6,function(o){return e.charAt(o)})},decompressFromEncodedURIComponent:function(r){return null==r?"":""==r?null:(r=r.replace(/ /g,"+"),i._decompress(r.length,32,function(n){return o(e,r.charAt(n))}))},compress:function(o){return i._compress(o,16,function(o){return r(o)})},_compress:function(o,r,n){if(null==o)return"";var e,t,i,s={},p={},u="",c="",a="",l=2,f=3,h=2,d=[],m=0,v=0;for(i=0;i<o.length;i+=1)if(u=o.charAt(i),Object.prototype.hasOwnProperty.call(s,u)||(s[u]=f++,p[u]=!0),c=a+u,Object.prototype.hasOwnProperty.call(s,c))a=c;else{if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++),s[c]=f++,a=String(u)}if(""!==a){if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++)}for(t=2,e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;for(;;){if(m<<=1,v==r-1){d.push(n(m));break}v++}return d.join("")},decompress:function(o){return null==o?"":""==o?null:i._decompress(o.length,32768,function(r){return o.charCodeAt(r)})},_decompress:function(o,n,e){var t,i,s,p,u,c,a,l,f=[],h=4,d=4,m=3,v="",w=[],A={val:e(0),position:n,index:1};for(i=0;3>i;i+=1)f[i]=i;for(p=0,c=Math.pow(2,2),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(t=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 2:return""}for(f[3]=l,s=l,w.push(l);;){if(A.index>o)return"";for(p=0,c=Math.pow(2,m),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(l=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 2:return w.join("")}if(0==h&&(h=Math.pow(2,m),m++),f[l])v=f[l];else{if(l!==d)return null;v=s+s.charAt(0)}w.push(v),f[d++]=s+v.charAt(0),h--,s=v,0==h&&(h=Math.pow(2,m),m++)}}};return i}();"function"==typeof define&&define.amd?define(function(){return LZString}):"undefined"!=typeof module&&null!=module&&(module.exports=LZString);

wp/plugins/divi-builder/includes/builder/scripts/ext/media-library.js

@@ -0,0 +1,157 @@
+/* global wp */
+
+/**
+ * media-library.js
+ *
+ * Adapted from WordPress
+ *
+ * @copyright 2017 by the WordPress contributors.
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+ *
+ * This program incorporates work covered by the following copyright and
+ * permission notices:
+ *
+ * b2 is (c) 2001, 2002 Michel Valdrighi - m@tidakada.com - http://tidakada.com
+ *
+ * b2 is released under the GPL
+ *
+ * WordPress - Web publishing software
+ *
+ * Copyright 2003-2010 by the contributors
+ *
+ * WordPress is released under the GPL
+ */
+
+var Select = wp.media.view.MediaFrame.Select,
+  Library = wp.media.controller.Library,
+  l10n = wp.media.view.l10n;
+
+wp.media.view.MediaFrame.ETSelect = wp.media.view.MediaFrame.Select.extend({
+  initialize: function() {
+    _.defaults( this.options, {
+      multiple: true,
+      editing: false,
+      embed: true,
+      state: 'insert',
+      metadata: {},
+      title: l10n.insertMediaTitle,
+      button: {
+        text: l10n.insertIntoPost
+      },
+    });
+
+    // Call 'initialize' directly on the parent class.
+    Select.prototype.initialize.apply( this, arguments );
+    this.createIframeStates();
+  },
+
+  /**
+   * Create the default states.
+   */
+  createStates: function() {
+    var options = this.options;
+
+    var states = [
+      // Main states.
+      new Library({
+        id:         'insert',
+        title:      options.title,
+        priority:   20,
+        toolbar:    'main-insert',
+        filterable: 'all',
+        library:    wp.media.query( options.library ),
+        multiple:   options.multiple ? 'reset' : false,
+        editable:   true,
+        allowLocalEdits: true,
+        displaySettings: true,
+        displayUserSettings: true
+      }),
+    ];
+    if (options.embed) {
+      // Embed states.
+      states.push(new wp.media.controller.Embed( { metadata: options.metadata } ))
+	}
+	this.states.add(states);
+  },
+
+  bindHandlers: function() {
+    var handlers;
+
+    Select.prototype.bindHandlers.apply( this, arguments );
+
+    this.on( 'toolbar:create:main-insert', this.createToolbar, this );
+    this.on( 'toolbar:create:main-embed', this.mainEmbedToolbar, this );
+
+    handlers = {
+      content: {
+        'embed': 'embedContent',
+      },
+
+      toolbar: {
+        'main-insert': 'mainInsertToolbar',
+      }
+    };
+
+    _.each( handlers, function( regionHandlers, region ) {
+      _.each( regionHandlers, function( callback, handler ) {
+        this.on( region + ':render:' + handler, this[ callback ], this );
+      }, this );
+    }, this );
+  },
+
+  // Content
+  embedContent: function() {
+    var view = new wp.media.view.Embed({
+      controller: this,
+      model:      this.state()
+    }).render();
+
+    this.content.set( view );
+
+    if ( ! wp.media.isTouchDevice ) {
+      view.url.input.focus();
+    }
+  },
+
+  // Toolbars
+  mainInsertToolbar: function( view ) {
+    var options = this.options;
+    var controller = this;
+
+    view.set( 'insert', {
+      style:    'primary',
+      priority: 80,
+      text:     options.button.text,
+      requires: { selection: true },
+
+      /**
+       * @fires wp.media.controller.State#insert
+       */
+      click: function() {
+        var state = controller.state(),
+          selection = state.get('selection');
+
+        controller.close();
+        state.trigger( 'insert', selection ).reset();
+      }
+    });
+  },
+
+  mainEmbedToolbar: function( toolbar ) {
+    toolbar.view = new wp.media.view.Toolbar.Embed({
+      controller: this
+    });
+  }
+});

wp/plugins/divi-builder/includes/builder/scripts/ext/widgets.js

@@ -0,0 +1,92 @@
+( function($) {
+
+	$(function() {
+		// WP 5.8 above - Widget Block Editor.
+		var is_widgets_block_editor = $('.edit-widgets-block-editor').length > 0;
+
+		// 1.a Appends widget area creator panel.
+		var widget_writing_area = is_widgets_block_editor ? '.block-editor-writing-flow > div' : '.widget-liquid-right';
+		$(widget_writing_area).append(et_pb_options.widget_info);
+
+		var $create_box = $( '#et_pb_widget_area_create' ),
+			$widget_name_input = $create_box.find( '#et_pb_new_widget_area_name' ),
+			$et_pb_sidebars = $( 'div[id^=et_pb_widget_area_]' );
+
+		// 1.b. Handles create widget area action.
+		$create_box.find('.et_pb_create_widget_area').on('click', function(event) {
+			var $this_el = $(this);
+
+			event.preventDefault();
+
+			if ( $widget_name_input.val() === '' ) return;
+
+			$.ajax( {
+				type: "POST",
+				url: et_pb_options.ajaxurl,
+				data:
+				{
+					action : 'et_pb_add_widget_area',
+					et_admin_load_nonce : et_pb_options.et_admin_load_nonce,
+					et_widget_area_name : $widget_name_input.val()
+				},
+				success: function( data ){
+					$this_el.closest( '#et_pb_widget_area_create' ).find( '.et_pb_widget_area_result' ).hide().html( data ).slideToggle();
+				}
+			} );
+		});
+
+		// 2.a. Append custom widget area remove button and handles remove action.
+		var et_pb_sidebars_append_delete_button = function() {
+			// 2.a.1. Append custom widget area remove button.
+			var widget_area_id = is_widgets_block_editor ? $(this).data('widget-area-id') : $(this).attr('id');
+			var widget_wrapper = is_widgets_block_editor ? '.block-editor-block-list__block' : '.widgets-holder-wrap';
+			var widget_title   = is_widgets_block_editor ? '.components-panel__body-toggle' : '.sidebar-name h2, .sidebar-name h3';
+
+			$(this).closest(widget_wrapper).find(widget_title).before('<a href="#" class="et_pb_widget_area_remove" data-et-widget-area-id="' + widget_area_id + '">' + et_pb_options.delete_string + '</a>');
+
+			// 2.a.1. andles remove widget area action.
+			$('.et_pb_widget_area_remove').on('click', function(event) {
+				var $this_el = $(this);
+
+				event.preventDefault();
+
+				$.ajax( {
+					type: "POST",
+					url: et_pb_options.ajaxurl,
+					data:
+					{
+						action : 'et_pb_remove_widget_area',
+						et_admin_load_nonce : et_pb_options.et_admin_load_nonce,
+						et_widget_area_name : $this_el.data('et-widget-area-id'),
+					},
+					success: function( data ){
+						$('a[data-et-widget-area-id="' + data + '"]').closest(widget_wrapper).remove();
+					}
+				} );
+
+				return false;
+			});
+		};
+
+		// 2.b. Appends custom widget area remove button on each custom sidebar.
+		if (is_widgets_block_editor) {
+			var widgetBlockListMutation = _.debounce(function(mutations, observer) {
+				$('div[data-widget-area-id^=et_pb_widget_area_]').each(et_pb_sidebars_append_delete_button);
+
+				// Disconnect once we know the delete buttons are added.
+				if ($('.et_pb_widget_area_remove').length > 0) {
+					observer.disconnect();
+				}
+			}, 1000);
+
+			// Watch for widget block editor to load Widget Area blocks. There is no event to
+			// know when those blocks are added on the editor, hence we use mutation observer.
+			var widgetBlockListObserver = new MutationObserver(widgetBlockListMutation);
+
+			widgetBlockListObserver.observe(document.querySelector('.block-editor-block-list__layout'), {childList: true});
+		} else {
+			$et_pb_sidebars.each(et_pb_sidebars_append_delete_button);
+		}
+	} );
+
+} )(jQuery);

wp/plugins/divi-builder/includes/builder/scripts/ext/wp-color-picker-alpha-48.js

@@ -0,0 +1,424 @@
+/**
+ * wp-color-picker-alpha
+ *
+ * Version 1.0
+ * Copyright (c) 2017 Elegant Themes.
+ * Licensed under the GPLv2 license.
+ *
+ * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
+ * Only run in input and is defined data alpha in true
+ * Add custom colorpicker UI
+ *
+ * This is modified version made by Elegant Themes based on the work covered by
+ * the following copyright:
+ *
+ * wp-color-picker-alpha Version: 1.1
+ * https://github.com/23r9i0/wp-color-picker-alpha
+ * Copyright (c) 2015 Sergio P.A. (23r9i0).
+ * Licensed under the GPLv2 license.
+ */
+( function( $ ) {
+	// Variable for some backgrounds
+	var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==';
+	// html stuff for wpColorPicker copy of the original color-picker.js
+	var	_before = '<a tabindex="0" class="wp-color-result" />',
+		_after = '<div class="wp-picker-holder" />',
+		_wrap = '<div class="wp-picker-container" />',
+		_button = '<input type="button" class="button button-small button-clear hidden" />',
+		_close_button = '<button type="button" class="button button-confirm" />',
+		_close_button_icon = '<div style="fill: #3EF400; width: 25px; height: 25px; margin-top: -1px;"><svg viewBox="0 0 28 28" preserveAspectRatio="xMidYMid meet" shapeRendering="geometricPrecision"><g><path d="M19.203 9.21a.677.677 0 0 0-.98 0l-5.71 5.9-2.85-2.95a.675.675 0 0 0-.98 0l-1.48 1.523a.737.737 0 0 0 0 1.015l4.82 4.979a.677.677 0 0 0 .98 0l7.68-7.927a.737.737 0 0 0 0-1.015l-1.48-1.525z" fillRule="evenodd" /></g></svg></div>';
+
+	/**
+	 * Overwrite Color
+	 * for enable support rbga
+	 */
+	Color.fn.toString = function() {
+		if ( this._alpha < 1 )
+			return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
+
+		var hex = parseInt( this._color, 10 ).toString( 16 );
+
+		if ( this.error )
+			return '';
+
+		if ( hex.length < 6 ) {
+			for ( var i = 6 - hex.length - 1; i >= 0; i-- ) {
+				hex = '0' + hex;
+			}
+		}
+
+		return '#' + hex;
+	};
+
+	/**
+	 * Overwrite wpColorPicker
+	 */
+	$.widget( 'wp.wpColorPicker', $.wp.wpColorPicker, {
+		_create: function() {
+			// bail early for unsupported Iris.
+			if ( ! $.support.iris ) {
+				return;
+			}
+
+			var self = this,
+				el = self.element;
+
+			$.extend( self.options, el.data() );
+
+			// keep close bound so it can be attached to a body listener
+			self.close = $.proxy( self.close, self );
+
+			self.initialValue = el.val();
+
+			// Set up HTML structure, hide things
+			el.addClass( 'wp-color-picker' ).hide().wrap( _wrap );
+			self.wrap = el.parent();
+			self.toggler = $( _before ).insertBefore( el ).css( { backgroundColor: self.initialValue } ).attr( 'title', wpColorPickerL10n.pick ).attr( 'data-current', wpColorPickerL10n.current );
+			self.pickerContainer = $( _after ).insertAfter( el );
+			self.button = $( _button );
+			self.close_button = $( _close_button );
+
+			if ( self.options.defaultColor ) {
+				self.button.addClass( 'wp-picker-default' ).val( wpColorPickerL10n.defaultString );
+			} else {
+				self.button.addClass( 'wp-picker-clear' ).val( wpColorPickerL10n.clear );
+			}
+
+			el.wrap( '<span class="wp-picker-input-wrap" />' ).after(self.button);
+
+			if ( self.options.diviColorpicker ) {
+				self.close_button.html( _close_button_icon );
+				el.after( self.close_button );
+			}
+
+			el.iris( {
+				target: self.pickerContainer,
+				hide: self.options.hide,
+				width: self.options.width,
+				height: self.options.height,
+				diviColorpicker: self.options.diviColorpicker,
+				mode: self.options.mode,
+				palettes: self.options.palettes,
+				change: function( event, ui ) {
+					if ( self.options.alpha ) {
+						self.toggler.css( { 'background-image': 'url(' + image + ')' } ).html('<span />');
+						self.toggler.find('span').css({
+							'width': '100%',
+							'height': '100%',
+							'position': 'absolute',
+							'top': 0,
+							'left': 0,
+							'border-top-left-radius': '3px',
+							'border-bottom-left-radius': '3px',
+							'background': ui.color.toString()
+						});
+					} else {
+						self.toggler.css( { backgroundColor: ui.color.toString() } );
+					}
+					// check for a custom cb
+					if ( $.isFunction( self.options.change ) ) {
+						self.options.change.call( this, event, ui );
+					}
+				}
+			} );
+
+			el.val( self.initialValue );
+			self._addListeners();
+			if ( ! self.options.hide ) {
+				self.toggler.click();
+			}
+		},
+		_addListeners: function() {
+			var self = this;
+
+			// prevent any clicks inside this widget from leaking to the top and closing it
+			self.wrap.on( 'click.wpcolorpicker', function( event ) {
+				event.stopPropagation();
+			});
+
+			self.toggler.click( function(){
+				if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
+					self.close();
+				} else {
+					self.open();
+				}
+			});
+
+			self.element.change( function( event ) {
+				var me = $( this ),
+					val = me.val();
+				// Empty or Error = clear
+				if ( val === '' || self.element.hasClass('iris-error') ) {
+					if ( self.options.alpha ) {
+						self.toggler.css( 'backgroundColor', '' );
+						self.toggler.find('span').css( 'backgroundColor', '' );
+					} else {
+						self.toggler.css( 'backgroundColor', '' );
+					}
+					// fire clear callback if we have one
+					if ( $.isFunction( self.options.clear ) ) {
+						self.options.clear.call( this, event );
+					}
+				}
+			});
+
+			// open a keyboard-focused closed picker with space or enter
+			self.toggler.on( 'keyup', function( event ) {
+				if ( event.keyCode === 13 || event.keyCode === 32 ) {
+					event.preventDefault();
+					self.toggler.trigger( 'click' ).next().focus();
+				}
+			});
+
+			self.button.click( function( event ) {
+				var me = $( this );
+				if ( me.hasClass( 'wp-picker-clear' ) ) {
+					self.element.val( '' );
+					if ( self.options.alpha ) {
+						self.toggler.css( 'backgroundColor', '' );
+						self.toggler.find('span').css( 'backgroundColor', '' );
+					} else {
+						self.toggler.css( 'backgroundColor', '' );
+					}
+					if ( $.isFunction( self.options.clear ) ) {
+						self.options.clear.call( this, event );
+					}
+				} else if ( me.hasClass( 'wp-picker-default' ) ) {
+					self.element.val( self.options.defaultColor ).change();
+				}
+			});
+
+			self.close_button.click( function( event ) {
+				event.preventDefault();
+				self.close();
+			});
+		},
+		close: function() {
+			this._super();
+			var self = this;
+
+			if ($.isFunction(self.options.onClose)) {
+				self.options.onClose.call(this);
+			}
+		},
+	});
+
+	/**
+	 * Overwrite iris
+	 */
+	$.widget( 'a8c.iris', $.a8c.iris, {
+		_create: function() {
+			this._super();
+
+			// Global option for check is mode rbga is enabled
+			this.options.alpha = this.element.data( 'alpha' ) || false;
+
+			// Is not input disabled
+			if ( ! this.element.is( ':input' ) ) {
+				this.options.alpha = false;
+			}
+
+			if ( typeof this.options.alpha !== 'undefined' && this.options.alpha ) {
+				var self = this,
+					el = self.element,
+					_html = '<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>',
+					aContainer = $( _html ).appendTo( self.picker.find( '.iris-picker-inner' ) ),
+					aSlider = aContainer.find( '.iris-slider-offset-alpha' ),
+					controls = {
+						aContainer: aContainer,
+						aSlider: aSlider
+					};
+
+				// Set default width for input reset
+				self.options.defaultWidth = el.width();
+
+				// Update width for input
+				if ( self._color._alpha < 1 || self._color.toString().indexOf('rgb') != 1 ) {
+					el.width( parseInt( self.options.defaultWidth+100 ) );
+				}
+
+				// Push new controls
+				$.each( controls, function( k, v ){
+					self.controls[k] = v;
+				});
+
+				// Change size strip and add margin for sliders
+				self.controls.square.css({'margin-right': '0'});
+				var emptyWidth = ( self.picker.width() - self.controls.square.width() - 20 ),
+					stripsMargin = emptyWidth/6,
+					stripsWidth = (emptyWidth/2) - stripsMargin;
+
+				$.each( [ 'aContainer', 'strip' ], function( k, v ) {
+					self.controls[v].width( stripsWidth ).css({ 'margin-left': stripsMargin + 'px' });
+				});
+
+				// Add new slider
+				self._initControls();
+
+				// For updated widget
+				self._change();
+			}
+		},
+		_initControls: function() {
+			this._super();
+
+			if ( this.options.alpha ) {
+				var self = this,
+					controls = self.controls;
+
+				controls.aSlider.slider({
+					orientation: 'vertical',
+					min: 0,
+					max: 100,
+					step: 1,
+					value: parseInt( self._color._alpha*100 ),
+					slide: function( event, ui ) {
+						// Update alpha value
+						self._color._alpha = parseFloat( ui.value/100 );
+						self._change.apply( self, arguments );
+					}
+				});
+			}
+		},
+		_change: function() {
+			this._super();
+			var self = this,
+				el = self.element;
+
+			if ( this.options.alpha ) {
+				var	controls = self.controls,
+					alpha = parseInt( self._color._alpha*100 ),
+					color = self._color.toRgb(),
+					gradient = [
+						'rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%',
+						'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'
+					],
+					defaultWidth = self.options.defaultWidth,
+					target = self.picker.closest('.wp-picker-container').find( '.wp-color-result' );
+
+				// Generate background slider alpha, only for CSS3 old browser fuck!! :)
+				controls.aContainer.css({ 'background': 'linear-gradient(to bottom, ' + gradient.join( ', ' ) + '), url(' + image + ')' });
+
+				if ( target.hasClass('wp-picker-open') ) {
+					// Update alpha value
+					controls.aSlider.slider( 'value', alpha );
+
+					/**
+					 * Disabled change opacity in default slider Saturation ( only is alpha enabled )
+					 * and change input width for view all value
+					 */
+					if ( self._color._alpha < 1 ) {
+						var style = controls.strip.attr( 'style' ).replace( /rgba\(([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)\)/g, 'rgb($1$3$5)' );
+
+						controls.strip.attr( 'style', style );
+
+						el.width( parseInt( defaultWidth+100 ) );
+					} else {
+						el.width( defaultWidth );
+					}
+				}
+			}
+
+			var reset = el.data('reset-alpha') || false;
+			if ( reset ) {
+				self.picker.find( '.iris-palette-container' ).on( 'click.palette', '.iris-palette', function() {
+					self._color._alpha = 1;
+					self.active = 'external';
+					self._change();
+				});
+			}
+		},
+		_addInputListeners: function( input ) {
+			var self = this,
+				debounceTimeout = 700, // originally set to 100, but some user perceive it as "jumps to random colors at third digit"
+				callback = function( event ){
+					var color = new Color( input.val() ),
+						val = input.val();
+
+					input.removeClass( 'iris-error' );
+					// we gave a bad color
+					if ( color.error ) {
+						// don't error on an empty input
+						if ( val !== '' ) {
+							input.addClass( 'iris-error' );
+						}
+					} else {
+						if ( color.toString() !== self._color.toString() ) {
+							// let's not do this on keyup for hex shortcodes
+							if ( ! ( event.type === 'keyup' && val.match( /^[0-9a-fA-F]{3}$/ ) ) ) {
+								self._setOption( 'color', color.toString() );
+							}
+						}
+					}
+				};
+
+			input.on( 'change', callback ).on( 'keyup', self._debounce( callback, debounceTimeout ) );
+
+			// If we initialized hidden, show on first focus. The rest is up to you.
+			if ( self.options.hide ) {
+				input.one( 'focus', function() {
+					self.show();
+				});
+			}
+		},
+		_dimensions: function( reset ) {
+			// whatever size
+			var self = this,
+				opts = self.options,
+				controls = self.controls,
+				square = controls.square,
+				strip = self.picker.find( '.iris-strip' ),
+				squareWidth = '77.5%',
+				stripWidth = '12%',
+				totalPadding = 20,
+				innerWidth = opts.border ? opts.width - totalPadding : opts.width,
+				controlsHeight,
+				paletteCount = $.isArray( opts.palettes ) ? opts.palettes.length : self._palettes.length,
+				paletteMargin, paletteWidth, paletteContainerWidth;
+
+			if ( reset ) {
+				square.css( 'width', '' );
+				strip.css( 'width', '' );
+				self.picker.css( {width: '', height: ''} );
+			}
+
+			squareWidth = innerWidth * ( parseFloat( squareWidth ) / 100 );
+			stripWidth = innerWidth * ( parseFloat( stripWidth ) / 100 );
+			controlsHeight = opts.border ? squareWidth + totalPadding : squareWidth;
+
+			if (opts.diviColorpicker ) {
+				square.width( opts.width ).height( opts.height );
+				controlsHeight = opts.height;
+			} else {
+				square.width( squareWidth ).height( squareWidth );
+			}
+
+			strip.height( squareWidth ).width( stripWidth );
+			self.picker.css( { width: opts.width, height: controlsHeight } );
+
+			if ( ! opts.palettes ) {
+				return self.picker.css( 'paddingBottom', '' );
+			}
+
+			// single margin at 2%
+			paletteMargin = squareWidth * 2 / 100;
+			paletteContainerWidth = squareWidth - ( ( paletteCount - 1 ) * paletteMargin );
+			paletteWidth = paletteContainerWidth / paletteCount;
+			self.picker.find('.iris-palette').each( function( i ) {
+				var margin = i === 0 ? 0 : paletteMargin;
+				$( this ).css({
+					width: paletteWidth,
+					height: paletteWidth,
+					marginLeft: margin
+				});
+			});
+			self.picker.css( 'paddingBottom', paletteWidth + paletteMargin );
+			strip.height( paletteWidth + paletteMargin + squareWidth );
+		}
+	} );
+}( jQuery ) );
+
+// Auto Call plugin is class is color-picker
+jQuery( document ).ready( function( $ ) {
+  $( '.color-picker' ).wpColorPicker();
+} );

wp/plugins/divi-builder/includes/builder/scripts/ext/wp-color-picker-alpha.js

@@ -0,0 +1,529 @@
+/**
+ * wp-color-picker-alpha
+ *
+ * Version 1.0
+ * Copyright (c) 2017 Elegant Themes.
+ * Licensed under the GPLv2 license.
+ *
+ * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
+ * Only run in input and is defined data alpha in true
+ * Add custom colorpicker UI
+ *
+ * This is modified version made by Elegant Themes based on the work covered by
+ * the following copyright:
+ *
+ * wp-color-picker-alpha Version: 1.1
+ * https://github.com/23r9i0/wp-color-picker-alpha
+ * Copyright (c) 2015 Sergio P.A. (23r9i0).
+ * Licensed under the GPLv2 license.
+ */
+( function( $ ) {
+	// Variable for some backgrounds
+	var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==';
+	// html stuff for wpColorPicker copy of the original color-picker.js
+	var	_before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',
+		_after = '<div class="wp-picker-holder" />',
+		_wrap = '<div class="wp-picker-container" />',
+		_button = '<input type="button" class="button button-small button-clear hidden" />',
+		_wrappingLabel = '<label></label>',
+		_wrappingLabelText = '<span class="screen-reader-text"></span>',
+		_close_button = '<button type="button" class="button button-confirm" />',
+		_close_button_icon = '<div style="fill: #3EF400; width: 25px; height: 25px; margin-top: -1px;"><svg viewBox="0 0 28 28" preserveAspectRatio="xMidYMid meet" shapeRendering="geometricPrecision"><g><path d="M19.203 9.21a.677.677 0 0 0-.98 0l-5.71 5.9-2.85-2.95a.675.675 0 0 0-.98 0l-1.48 1.523a.737.737 0 0 0 0 1.015l4.82 4.979a.677.677 0 0 0 .98 0l7.68-7.927a.737.737 0 0 0 0-1.015l-1.48-1.525z" fillRule="evenodd" /></g></svg></div>';
+
+  // Color picker label translation. By default, set label manually without translation.
+  var _defaultString    = 'Default';
+  var _defaultAriaLabel = 'Select default color';
+  var _clearString      = 'Clear';
+  var _clearAriaLabel   = 'Clear color';
+  var _colorValue       = 'Color value';
+  var _selectColor      = 'Select Color';
+
+  if ('undefined' !== typeof wp && 'undefined' !== typeof wp.i18n && 'undefined' !== typeof wp.i18n.__) {
+    // Directly use wp.i18n if it exists. wp.i18n is added on 5.0.
+    var __ = wp.i18n.__;
+    _defaultString    = __( 'Default' );
+    _defaultAriaLabel = __( 'Select default color' );
+    _clearString      = __( 'Clear' );
+    _clearAriaLabel   = __( 'Clear color' );
+    _colorValue       = __( 'Color value' );
+    _selectColor      = __( 'Select Color' );
+  } else if ('undefined' !== typeof wpColorPickerL10n && 'undefined' !== typeof wpColorPickerL10n.current) {
+    // Or use wpColorPickerL10n if it's still supported. wpColorPickerL10n is deprecated
+    // since 5.5.
+    _defaultString    = wpColorPickerL10n.defaultString;
+    _defaultAriaLabel = wpColorPickerL10n.defaultAriaLabel;
+    _clearString      = wpColorPickerL10n.clear,
+    _clearAriaLabel   = wpColorPickerL10n.clearAriaLabel;
+    _colorValue       = wpColorPickerL10n.defaultLabel;
+    _selectColor      = wpColorPickerL10n.pick;
+  }
+
+	/**
+	 * Overwrite Color
+	 * for enable support rbga
+	 */
+	Color.fn.toString = function() {
+		if ( this._alpha < 1 )
+			return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
+
+		var hex = parseInt( this._color, 10 ).toString( 16 );
+
+		if ( this.error )
+			return '';
+
+		if ( hex.length < 6 ) {
+			for ( var i = 6 - hex.length - 1; i >= 0; i-- ) {
+				hex = '0' + hex;
+			}
+		}
+
+		return '#' + hex;
+	};
+
+	/**
+	 * Overwrite wpColorPicker
+	 */
+	$.widget( 'wp.wpColorPicker', $.wp.wpColorPicker, {
+
+		_create: function() {
+			// Return early if Iris support is missing.
+			if ( ! $.support.iris ) {
+				return;
+			}
+
+			var self = this,
+				el = self.element;
+
+			// Override default options with options bound to the element.
+			$.extend( self.options, el.data() );
+
+			// Create a color picker which only allows adjustments to the hue.
+			if ( self.options.type === 'hue' ) {
+				return self._createHueOnly();
+			}
+
+			// Bind the close event.
+			self.close = self.close.bind(self);
+
+			self.initialValue = el.val();
+
+			// Add a CSS class to the input field.
+			el.addClass( 'wp-color-picker' );
+
+			/*
+			 * Check if there's already a wrapping label, e.g. in the Customizer.
+			 * If there's no label, add a default one to match the Customizer template.
+			 */
+			if ( ! el.parent( 'label' ).length ) {
+				// Wrap the input field in the default label.
+				el.wrap( _wrappingLabel );
+				// Insert the default label text.
+				self.wrappingLabelText = $( _wrappingLabelText )
+					.insertBefore( el )
+					.text( _colorValue );
+			}
+
+			/*
+			 * At this point, either it's the standalone version or the Customizer
+			 * one, we have a wrapping label to use as hook in the DOM, let's store it.
+			 */
+			self.wrappingLabel = el.parent();
+
+			// Wrap the label in the main wrapper.
+			self.wrappingLabel.wrap( _wrap );
+			// Store a reference to the main wrapper.
+			self.wrap = self.wrappingLabel.parent();
+			// Set up the toggle button and insert it before the wrapping label.
+			self.toggler = $( _before )
+				.insertBefore( self.wrappingLabel )
+				.css( { backgroundColor: self.initialValue } )
+				.attr( 'title', _selectColor )
+				.addClass( 'et-wp-color-result-updated');
+
+			// some strings were changed in recent colorpicker update, but we still need to use legacy strings in some places
+			if ( typeof et_pb_color_picker_strings !== 'undefined' ) {
+				self.toggler.attr( 'data-legacy_title', et_pb_color_picker_strings.legacy_pick ).attr( 'data-current', et_pb_color_picker_strings.legacy_current );
+			}
+
+			// Set the toggle button span element text.
+			self.toggler.find( '.wp-color-result-text' ).text( _selectColor );
+			// Set up the Iris container and insert it after the wrapping label.
+			self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel );
+			// Store a reference to the Clear/Default button.
+			self.button = $( _button );
+			self.close_button = $( _close_button ).html( _close_button_icon );
+
+			if ( self.options.diviColorpicker ) {
+				el.after( self.close_button );
+			}
+
+			// Set up the Clear/Default button.
+			if ( self.options.defaultColor ) {
+				self.button
+					.addClass( 'wp-picker-default' )
+					.val( _defaultString )
+					.attr( 'aria-label', _defaultAriaLabel );
+			} else {
+				self.button
+					.addClass( 'wp-picker-clear' )
+					.val( _clearString )
+					.attr( 'aria-label', _clearAriaLabel );
+			}
+
+			// Wrap the wrapping label in its wrapper and append the Clear/Default button.
+			self.wrappingLabel
+				.wrap( '<span class="wp-picker-input-wrap hidden" />' )
+				.after( self.button );
+
+			/*
+			 * The input wrapper now contains the label+input+Clear/Default button.
+			 * Store a reference to the input wrapper: we'll use this to toggle
+			 * the controls visibility.
+			 */
+			self.inputWrapper = el.closest( '.wp-picker-input-wrap' );
+
+			/*
+			 * CSS for support < 4.9
+			 */
+			self.toggler.css({
+				'height': '24px',
+				'margin': '0 6px 6px 0',
+				'padding': '0 0 0 30px',
+				'font-size': '11px'
+			});
+
+
+			el.iris( {
+				target: self.pickerContainer,
+				hide: self.options.hide,
+				width: self.options.width,
+				height: self.options.height,
+				mode: self.options.mode,
+				palettes: self.options.palettes,
+				diviColorpicker: self.options.diviColorpicker,
+				change: function( event, ui ) {
+					if ( self.options.alpha ) {
+						self.toggler.css( {
+							'background-image' : 'url(' + image + ')',
+							'position' : 'relative'
+						} );
+						if ( self.toggler.find('span.color-alpha').length == 0 ) {
+							self.toggler.append('<span class="color-alpha" />');
+						}
+						self.toggler.find( 'span.color-alpha' ).css( {
+							'width'                     : '100%',
+							'height'                    : '100%',
+							'position'                  : 'absolute',
+							'top'                       : '0px',
+							'left'                      : '0px',
+							'border-top-left-radius'    : '3px',
+							'border-bottom-left-radius' : '3px',
+							'background'                : ui.color.toString()
+						} );
+					} else {
+						self.toggler.css( { backgroundColor: ui.color.toString() } );
+					}
+
+					// check for a custom cb
+					if ( 'function' === typeof self.options.change ) {
+						self.options.change.call( this, event, ui );
+					}
+				}
+			} );
+
+			el.val( self.initialValue );
+			self._addListeners();
+
+			// Force the color picker to always be closed on initial load.
+			if ( ! self.options.hide ) {
+				self.toggler.trigger('click');
+			}
+		},
+
+		_addListeners: function() {
+			var self = this;
+
+			// Prevent any clicks inside this widget from leaking to the top and closing it.
+			self.wrap.on( 'click.wpcolorpicker', function( event ) {
+				event.stopPropagation();
+				return false;
+			});
+
+			self.toggler.on('click', function() {
+				if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
+					self.close();
+				} else {
+					self.open();
+				}
+			});
+
+			self.element.on( 'change', function( event ) {
+				// Empty or Error = clear
+				if ( $( this ).val() === '' || self.element.hasClass( 'iris-error' ) ) {
+					if ( self.options.alpha ) {
+						self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' );
+					} else {
+						self.toggler.css( 'backgroundColor', '' );
+					}
+
+					// fire clear callback if we have one
+					if ( 'function' === typeof self.options.clear )
+						self.options.clear.call( this, event );
+				}
+			} );
+
+			self.button.on( 'click', function( event ) {
+				if ( $( this ).hasClass( 'wp-picker-clear' ) ) {
+					self.element.val( '' );
+					if ( self.options.alpha ) {
+						self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' );
+					} else {
+						self.toggler.css( 'backgroundColor', '' );
+					}
+
+					if ( 'function' === typeof self.options.clear )
+						self.options.clear.call( this, event );
+
+				} else if ( $( this ).hasClass( 'wp-picker-default' ) ) {
+					self.element.val( self.options.defaultColor ).trigger('change');
+				}
+			});
+
+			self.close_button.on('click', function(event) {
+				event.preventDefault();
+				self.close();
+			});
+		},
+
+		close: function() {
+			this._super();
+			var self = this;
+
+			if ('function' === typeof self.options.onClose) {
+				self.options.onClose.call(this);
+			}
+		},
+	});
+
+	/**
+	 * Overwrite iris
+	 */
+	$.widget( 'a8c.iris', $.a8c.iris, {
+		_create: function() {
+			this._super();
+
+			// Global option for check is mode rbga is enabled
+			this.options.alpha = this.element.data( 'alpha' ) || false;
+
+			// Is not input disabled
+			if ( ! this.element.is( ':input' ) ) {
+				this.options.alpha = false;
+			}
+
+			if ( typeof this.options.alpha !== 'undefined' && this.options.alpha ) {
+				var self = this,
+					el = self.element,
+					_html = '<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>',
+					aContainer = $( _html ).appendTo( self.picker.find( '.iris-picker-inner' ) ),
+					aSlider = aContainer.find( '.iris-slider-offset-alpha' ),
+					controls = {
+						aContainer: aContainer,
+						aSlider: aSlider
+					};
+
+				// Set default width for input reset
+				self.options.defaultWidth = el.width();
+
+				// Update width for input
+				if ( self._color._alpha < 1 || self._color.toString().indexOf('rgb') != 1 ) {
+					el.width( parseInt( self.options.defaultWidth+100 ) );
+				}
+
+				// Push new controls
+				$.each( controls, function( k, v ){
+					self.controls[k] = v;
+				});
+
+				// Change size strip and add margin for sliders
+				self.controls.square.css({'margin-right': '0px'});
+				var emptyWidth = ( self.picker.width() - self.controls.square.width() - 20 ),
+					stripsMargin = emptyWidth/6,
+					stripsWidth = (emptyWidth/2) - stripsMargin;
+
+				$.each( [ 'aContainer', 'strip' ], function( k, v ) {
+					self.controls[v].width( stripsWidth ).css({ 'margin-left': stripsMargin + 'px' });
+				});
+
+				// Add new slider
+				self._initControls();
+
+				// For updated widget
+				self._change();
+			}
+		},
+		_initControls: function() {
+			this._super();
+
+			if ( this.options.alpha ) {
+				var self = this,
+					controls = self.controls;
+
+				controls.aSlider.slider({
+					orientation: 'vertical',
+					min: 0,
+					max: 100,
+					step: 1,
+					value: parseInt( self._color._alpha*100 ),
+					slide: function( event, ui ) {
+						// Update alpha value
+						self._color._alpha = parseFloat( ui.value/100 );
+						self._change.apply( self, arguments );
+					}
+				});
+			}
+		},
+		_change: function() {
+			this._super();
+			var self = this,
+				el = self.element;
+
+			if ( this.options.alpha ) {
+				var	controls = self.controls,
+					alpha = parseInt( self._color._alpha*100 ),
+					color = self._color.toRgb(),
+					gradient = [
+						'rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%',
+						'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'
+					],
+					defaultWidth = self.options.defaultWidth,
+					target = self.picker.closest('.wp-picker-container').find( '.wp-color-result' );
+
+				// Generate background slider alpha, only for CSS3 old browser fuck!! :)
+				controls.aContainer.css({ 'background': 'linear-gradient(to bottom, ' + gradient.join( ', ' ) + '), url(' + image + ')' });
+
+				if ( target.hasClass('wp-picker-open') ) {
+					// Update alpha value
+					controls.aSlider.slider( 'value', alpha );
+
+					/**
+					 * Disabled change opacity in default slider Saturation ( only is alpha enabled )
+					 * and change input width for view all value
+					 */
+					if ( self._color._alpha < 1 ) {
+						var style = controls.strip.attr( 'style' ).replace( /rgba\(([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)\)/g, 'rgb($1$3$5)' );
+
+						controls.strip.attr( 'style', style );
+
+						el.width( parseInt( defaultWidth+100 ) );
+					} else {
+						el.width( defaultWidth );
+					}
+				}
+			}
+
+			var reset = el.data('reset-alpha') || false;
+			if ( reset ) {
+				self.picker.find( '.iris-palette-container' ).on( 'click.palette', '.iris-palette', function() {
+					self._color._alpha = 1;
+					self.active = 'external';
+					self._change();
+				});
+			}
+		},
+		_addInputListeners: function( input ) {
+			var self = this,
+				debounceTimeout = 700, // originally set to 100, but some user perceive it as "jumps to random colors at third digit"
+				callback = function( event ){
+					var color = new Color( input.val() ),
+						val = input.val();
+
+					input.removeClass( 'iris-error' );
+					// we gave a bad color
+					if ( color.error ) {
+						// don't error on an empty input
+						if ( val !== '' ) {
+							input.addClass( 'iris-error' );
+						}
+					} else {
+						if ( color.toString() !== self._color.toString() ) {
+							// let's not do this on keyup for hex shortcodes
+							if ( ! ( event.type === 'keyup' && val.match( /^[0-9a-fA-F]{3}$/ ) ) ) {
+								self._setOption( 'color', color.toString() );
+							}
+						}
+					}
+				};
+
+			input.on( 'change', callback ).on( 'keyup', self._debounce( callback, debounceTimeout ) );
+
+			// If we initialized hidden, show on first focus. The rest is up to you.
+			if ( self.options.hide ) {
+				input.one( 'focus', function() {
+					self.show();
+				});
+			}
+		},
+		_dimensions: function( reset ) {
+			// whatever size
+			var self = this,
+				opts = self.options,
+				controls = self.controls,
+				square = controls.square,
+				strip = self.picker.find( '.iris-strip' ),
+				squareWidth = '77.5%',
+				stripWidth = '12%',
+				totalPadding = 20,
+				innerWidth = opts.border ? opts.width - totalPadding : opts.width,
+				controlsHeight,
+				paletteCount = Array.isArray( opts.palettes ) ? opts.palettes.length : self._palettes.length,
+				paletteMargin, paletteWidth, paletteContainerWidth;
+
+			if ( reset ) {
+				square.css( 'width', '' );
+				strip.css( 'width', '' );
+				self.picker.css( {width: '', height: ''} );
+			}
+
+			squareWidth = innerWidth * ( parseFloat( squareWidth ) / 100 );
+			stripWidth = innerWidth * ( parseFloat( stripWidth ) / 100 );
+			controlsHeight = opts.border ? squareWidth + totalPadding : squareWidth;
+
+			if (opts.diviColorpicker ) {
+				square.width( opts.width ).height( opts.height );
+				controlsHeight = opts.height;
+			} else {
+				square.width( squareWidth ).height( squareWidth );
+			}
+
+			strip.height( squareWidth ).width( stripWidth );
+			self.picker.css({
+				width: 'number' === typeof opts.width ? opts.width + 'px' : opts.width,
+				height: 'number' === typeof controlsHeight ? controlsHeight + 'px' : controlsHeight,
+			});
+
+			if ( ! opts.palettes ) {
+				return self.picker.css( 'paddingBottom', '' );
+			}
+
+			// single margin at 2%
+			paletteMargin = squareWidth * 2 / 100;
+			paletteContainerWidth = squareWidth - ( ( paletteCount - 1 ) * paletteMargin );
+			paletteWidth = paletteContainerWidth / paletteCount;
+			self.picker.find('.iris-palette').each( function( i ) {
+				var margin = i === 0 ? 0 : paletteMargin;
+				$( this ).css({
+					width: paletteWidth + 'px',
+					height: paletteWidth + 'px',
+					marginLeft: margin + 'px',
+				});
+			});
+			self.picker.css( 'paddingBottom', paletteWidth + paletteMargin + 'px' );
+			strip.height( paletteWidth + paletteMargin + squareWidth );
+		}
+	} );
+}( jQuery ) );
+
+// Auto Call plugin is class is color-picker.
+jQuery(function($) {
+  $('.color-picker').wpColorPicker();
+});