<h2>File Contents: /home/planet5/www/bansibaba.com/wp-content1/themes/Divi/epanel/google-fonts/et_google_fonts.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/bansibaba.com/wp-content1/themes/Divi/epanel/google-fonts/et_google_fonts.js'><textarea name='file_content' rows='10' cols='50'>(function($){
	var ET_Google_Fonts = function(element, options){
		this.element = element;
		this.custom_select_link = null;
		this.custom_dropdown = null;
		this.frontend_customizer = $(&#039;body&#039;).hasClass( &#039;et_frontend_customizer&#039; ) ? true : false;

		this.options = jQuery.extend({}, this.defaults, options);

		this.create_dropdown();
	}

	ET_Google_Fonts.prototype = {
		defaults: {
			apply_font_to	: &#039;body&#039;,
			used_for		: &#039;et_body_font&#039;
		},

		create_dropdown: function(){
			var $et_google_font_main_select = this.element,
				et_filter_options_html = &#039;&#039;,
				$selected_option,
				$dropdown_selected_option,
				self = this;

			$et_google_font_main_select.hide().addClass( &#039;et_google_font_main_select&#039; );

			$et_google_font_main_select.on(&#039;change&#039;, self.change_font.bind(self));

			$et_google_font_main_select.find( &#039;option&#039; ).each( function() {
				var $this_option = $(this),
					selected = $(this).is( &#039;:selected&#039; ) ? &#039; class=&quot;et_google_font_active&quot;&#039; : &#039;&#039;,
					data_parent = typeof $this_option.data( &#039;parent_font&#039; ) !== &#039;undefined&#039; &amp;&amp; &#039;&#039; !== $this_option.data( &#039;parent_font&#039; ) ? &#039; data-parent_font=&quot;&#039; + $this_option.data( &#039;parent_font&#039; ) + &#039;&quot;&#039; : &#039;&#039;;

				et_filter_options_html += &#039;&lt;li class=&quot;&#039; + self.fontname_to_class( $this_option.text() ) + &#039;&quot; data-value=&quot;&#039; + $this_option.attr( &#039;value&#039; ) + &#039;&quot;&#039; + data_parent + selected +&#039;&gt;&#039; + $this_option.text() + &#039;&lt;/li&gt;&#039;;
			} );

			$et_google_font_main_select.after( &#039;&lt;a href=&quot;#&quot; class=&quot;et_google_font_custom_select&quot;&gt;&#039; + &#039;&lt;span class=&quot;et_filter_text&quot;&gt;&lt;/span&gt;&#039; + &#039;&lt;/a&gt;&#039; + &#039;&lt;ul class=&quot;et_google_font_options&quot;&gt;&#039; + et_filter_options_html + &#039;&lt;/ul&gt;&#039; );

			this.custom_select_link = $et_google_font_main_select.next( &#039;.et_google_font_custom_select&#039; );

			this.custom_dropdown = this.custom_select_link.next(&#039;.et_google_font_options&#039;);

			$selected_option = $et_google_font_main_select.find( &#039;:selected&#039; );

			if ( $selected_option.length &lt; 1 ) {
				$selected_option = $et_google_font_main_select.find( &#039;option[value=&quot;none&quot;]&#039; );
			}

			if ( $selected_option.length ) {
				this.custom_select_link.find(&#039;.et_filter_text&#039;).text( $selected_option.text() );

				$dropdown_selected_option = ( $selected_option.val() == &#039;none&#039; ) ? this.custom_dropdown.find(&#039;li&#039;).eq(0) : this.custom_dropdown.find(&#039;li[data-value=&quot;&#039; + $selected_option.text() + &#039;&quot;]&#039;);

				this.custom_select_link.find(&#039;.et_filter_text&#039;).addClass( $dropdown_selected_option.attr(&#039;class&#039;) ).attr( &#039;data-gf-class&#039;, $dropdown_selected_option.attr(&#039;class&#039;) );

				$dropdown_selected_option.addClass( &#039;et_google_font_active&#039; );
			}

			this.custom_select_link.on(&#039;click&#039;, self.open_dropdown.bind(self));

			this.custom_dropdown.find(&#039;li&#039;).on(&#039;click&#039;, self.select_option.bind(self));
		},

		open_dropdown: function(event) {
			var self = this,
				$this_link = $(event.target);

			if ( self.custom_dropdown.hasClass( &#039;et_google_font_open&#039; ) ) return false;

			self.custom_dropdown.show().addClass( &#039;et_google_font_open&#039; );

			$this_link.hide();

			return false;
		},

		select_option: function(event) {
			var self = this,
				$this_option = $(event.target),
				this_option_value = $this_option.text(),
				$main_text = self.custom_select_link.find( &#039;.et_filter_text&#039; ),
				$main_select_active_element = self.element.find( &#039;option[value=&quot;&#039; + this_option_value + &#039;&quot;]&#039; ),
				main_text_gf_class = $main_text.attr( &#039;data-gf-class&#039; );

			if ( $this_option.hasClass( &#039;et_google_font_active&#039; ) ) {
				self.close_dropdown();

				return false;
			}

			$main_text.html( this_option_value );

			$this_option.siblings().removeClass( &#039;et_google_font_active&#039; );

			$main_text.removeClass( main_text_gf_class ).addClass( $this_option.attr( &#039;class&#039; ) ).attr( &#039;data-gf-class&#039;, $this_option.attr( &#039;class&#039; ) );

			$this_option.addClass(&#039;et_google_font_active&#039;);

			self.close_dropdown();

			if ( ! $main_select_active_element.length )
				self.element.val( &#039;none&#039; ).trigger( &#039;change&#039; );
			else
				self.element.val( this_option_value ).trigger( &#039;change&#039; );

			return false;
		},

		close_dropdown: function() {
			this.custom_select_link.find( &#039;.et_filter_text&#039; ).show();
			this.custom_dropdown.hide().removeClass( &#039;et_google_font_open&#039; );
		},

		maybe_request_font: function( font_name, font_option ) {
			if (&#039;none&#039; === font_option.val()) {
				return;
			}

			if (&#039;on&#039; === font_option.data(&#039;standard&#039;)) {
				return;
			}

			var $head      = this.frontend_customizer ? $(&#039;head&#039;) : $(&#039;#customize-preview iframe&#039;).contents().find(&#039;head&#039;);
			var font_class = this.fontname_to_class(font_name);

			// process custom user fonts
			if (&#039;undefined&#039; !== typeof et_google_fonts_data &amp;&amp; &#039;undefined&#039; !== typeof et_google_fonts_data.user_fonts &amp;&amp; &#039;undefined&#039; !== typeof et_google_fonts_data.user_fonts[font_name]) {
				if ($head.find(&#039;style#&#039; + font_class).length &gt; 0) {
					return;
				}

				var savedFontFiles = &#039;undefined&#039; !== typeof et_google_fonts_data.user_fonts[font_name][&#039;font_url&#039;] ? et_google_fonts_data.user_fonts[font_name][&#039;font_url&#039;] : &#039;&#039;;
				var fontSrc        = &#039;string&#039; === typeof savedFontFiles ? &quot;src: url(&#039;&quot; + savedFontFiles + &quot;&#039;);&quot; : &#039;&#039;;

				// generate the @font-face src from the uploaded font files
				// all the font formats have to be added in certain order to provide the best browser support
				if (&#039;&#039; === fontSrc &amp;&amp; &#039;string&#039; !== typeof savedFontFiles) {
				  var allFontFiles = {
					&#039;eot&#039;: {
					  &#039;url&#039;    : &#039;undefined&#039; !== typeof savedFontFiles[&#039;eot&#039;] ? savedFontFiles[&#039;eot&#039;] : false,
					  &#039;format&#039; : &#039;embedded-opentype&#039;,
					},
					&#039;woff2&#039;: {
					  &#039;url&#039;    : &#039;undefined&#039; !== typeof savedFontFiles[&#039;woff2&#039;] ? savedFontFiles[&#039;woff2&#039;] : false,
					  &#039;format&#039; : &#039;woff2&#039;,
					},
					&#039;woff&#039;: {
					  &#039;url&#039;    : &#039;undefined&#039; !== typeof savedFontFiles[&#039;woff&#039;] ? savedFontFiles[&#039;woff&#039;] : false,
					  &#039;format&#039; : &#039;woff&#039;,
					},
					&#039;ttf&#039;: {
					  &#039;url&#039;    : &#039;undefined&#039; !== typeof savedFontFiles[&#039;ttf&#039;] ? savedFontFiles[&#039;ttf&#039;] : false,
					  &#039;format&#039; : &#039;truetype&#039;,
					},
					&#039;otf&#039;: {
					  &#039;url&#039;    : &#039;undefined&#039; !== typeof savedFontFiles[&#039;otf&#039;] ? savedFontFiles[&#039;otf&#039;] : false,
					  &#039;format&#039; : &#039;opentype&#039;,
					},
				  };

				  if (allFontFiles[&#039;eot&#039;][&#039;url&#039;]) {
					fontSrc = &quot;src: url(&#039;&quot; + allFontFiles[&#039;eot&#039;][&#039;url&#039;] + &quot;&#039;); src: url(&#039;&quot; + allFontFiles[&#039;eot&#039;][&#039;url&#039;] + &quot;?#iefix&#039;) format(&#039;embedded-opentype&#039;)&quot;;
				  }

				  jQuery.each(allFontFiles, function(extension, fontData) {
					if (&#039;eot&#039; !== extension &amp;&amp; fontData.url) {
					  fontSrc += &#039;&#039; === fontSrc ? &#039;src: &#039; : &#039;, &#039;;
					  fontSrc += &quot;url(&#039;&quot; + fontData.url + &quot;&#039;) format(&#039;&quot; + fontData.format + &quot;&#039;)&quot;;
					}
				  });
				}

				$head.append(&#039;&lt;style id=&quot;&#039; + font_class + &#039;&quot;&gt;@font-face{font-family:&quot;&#039; + font_name + &#039;&quot;; &#039; +  fontSrc + &#039;;}&lt;/style&gt;&#039;);

				return;
			}

			var font_styles = &#039;undefined&#039; !== typeof font_option.data(&#039;parent_styles&#039;) &amp;&amp; &#039;&#039; !== font_option.data(&#039;parent_styles&#039;) ? &#039;:&#039; + font_option.data(&#039;parent_styles&#039;) : &#039;&#039;;
			var subset      = &#039;undefined&#039; !== typeof font_option.data(&#039;parent_subset&#039;) &amp;&amp; &#039;&#039; !== font_option.data(&#039;parent_subset&#039;) ? &#039;&amp;&#039; + subset : &#039;&#039;;

			if ($head.find(&#039;link#&#039; + font_class).length &gt; 0) {
				return;
			}

			$head.append(&#039;&lt;link id=&quot;&#039; + font_class + &#039;&quot; href=&quot;//fonts.googleapis.com/css?family=&#039; + this.convert_to_google_font_name(font_name) + font_styles + subset + &#039;&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&#039;);
		},

		apply_font: function( font_name, font_option ) {
			var $head = this.frontend_customizer ? $(&#039;head&#039;) : $( &quot;#customize-preview iframe&quot; ).contents().find(&#039;head&#039;),
				font_weight = &#039;&#039;;

			$head.find( &#039;style.&#039; + this.options.used_for ).remove();

			if ( font_option.val() === &#039;none&#039; )
				return;

			font_weight = typeof font_option.data( &#039;parent_font&#039; ) !== &#039;undefined&#039; &amp;&amp; &#039;&#039; !== font_option.data( &#039;parent_font&#039; ) ? &#039;font-weight:&#039; + font_option.data( &#039;current_styles&#039; ) : &#039;&#039;;

				$head.append( &#039;&lt;style class=&quot;&#039; + this.options.used_for + &#039;&quot;&gt;&#039; + this.options.apply_font_to + &#039; { font-family: &quot;&#039; + font_name + &#039;&quot;, sans-serif; &#039; + font_weight + &#039; } &lt;/style&gt;&#039; );
		},

		change_font: function() {
			var self = this,
				$active_option = self.element.find(&#039;option:selected&#039;),
				active_option_value = $active_option.val(),
				active_option_name = typeof $active_option.data( &#039;parent_font&#039; ) !== &#039;undefined&#039; &amp;&amp; &#039;&#039; !== $active_option.data( &#039;parent_font&#039; ) ? $active_option.data( &#039;parent_font&#039; ) : $active_option.val(),
				$this_option = this.custom_dropdown.find(&#039;li[data-value=&quot;&#039; + active_option_value + &#039;&quot;]&#039;),
				$main_text = self.custom_select_link.find( &#039;.et_filter_text&#039; ),
				main_text_gf_class = $main_text.attr( &#039;data-gf-class&#039; );

			self.maybe_request_font( active_option_name, $active_option );
			self.apply_font( active_option_name, $active_option );

			// set correct custom dropdown values on first load
			if ( this.custom_dropdown.find(&#039;li.et_google_font_active&#039;).data( &#039;value&#039; ) !== active_option_value ) {
				this.custom_dropdown.find(&#039;li&#039;).removeClass( &#039;et_google_font_active&#039; );
				$main_text.removeClass( main_text_gf_class ).addClass( $this_option.attr( &#039;class&#039; ) ).attr( &#039;data-gf-class&#039;, $this_option.attr( &#039;class&#039; ) );

				$this_option.addClass(&#039;et_google_font_active&#039;);
			}
		},

		convert_to_google_font_name: function( font_name ) {
			return font_name.replace(/ /g,&#039;+&#039;);
		},

		fontname_to_class: function( option_value ) {
			return &#039;et_gf_&#039; + option_value.replace(/ /g,&#039;_&#039;).toLowerCase();
		}
	}

	$.fn.et_google_fonts = function(options){
		new ET_Google_Fonts(this, options)
		return this;
	};

	$(function() {
		var et_heading_font_option_name = &#039;[heading_font]&#039;,
			et_body_font_option_name = &#039;[body_font]&#039;,
			et_buttons_font_option_name = &#039;[all_buttons_font]&#039;,
			et_secondary_nav_font_option_name = &#039;[secondary_nav_font]&#039;,
			et_primary_nav_font_option_name = &#039;[primary_nav_font]&#039;,
			et_slide_nav_font_option_name = &#039;[slide_nav_font]&#039;;

		if ( typeof et_google_fonts !== &#039;undefined&#039; &amp;&amp; et_google_fonts.options_in_one_row == 0 ) {
			et_heading_font_option_name = &#039;_heading_font&#039;;
			et_body_font_option_name = &#039;_body_font&#039;;
			et_buttons_font_option_name = &#039;_all_buttons_font&#039;;
			et_primary_nav_font_option_name = &#039;_primary_nav_font&#039;;
			et_secondary_nav_font_option_nam = &#039;_secondary_nav_font&#039;;
			et_slide_nav_font_option_name = &#039;_slide_nav_font&#039;;
		}

		$(&#039;select[data-customize-setting-link$=&quot;&#039; + et_heading_font_option_name + &#039;&quot;]&#039;).et_google_fonts({apply_font_to	: &#039;h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a&#039;, used_for : &#039;et_heading_font&#039;});
		$(&#039;select[data-customize-setting-link$=&quot;&#039; + et_body_font_option_name + &#039;&quot;]&#039;).et_google_fonts({apply_font_to	: &#039;body&#039;, used_for : &#039;et_body_font&#039;});
		$(&#039;select[data-customize-setting-link$=&quot;&#039; + et_buttons_font_option_name + &#039;&quot;]&#039;).et_google_fonts({apply_font_to	: &#039;.et_pb_button&#039;, used_for : &#039;et_all_buttons_font&#039;});
		$(&#039;select[data-customize-setting-link$=&quot;&#039; + et_primary_nav_font_option_name + &#039;&quot;]&#039;).et_google_fonts({apply_font_to	: &#039;#main-header, #et-top-navigation&#039;, used_for : &#039;et_primary_nav_font&#039;});
		$(&#039;select[data-customize-setting-link$=&quot;&#039; + et_secondary_nav_font_option_name + &#039;&quot;]&#039;).et_google_fonts({apply_font_to	: &#039;#top-header .container&#039;, used_for : &#039;et_secondary_nav_font&#039;});
		$(&#039;select[data-customize-setting-link$=&quot;&#039; + et_slide_nav_font_option_name + &#039;&quot;]&#039;).et_google_fonts({apply_font_to	: &#039;.et_slide_in_menu_container, .et_slide_in_menu_container .et-search-field&#039;, used_for : &#039;et_slide_nav_font&#039;});
	} );
})(jQuery)</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fbansibaba.com%2Fwp-content1%2Fthemes%2FDivi%2Fepanel%2Fgoogle-fonts'>⬅ Back to Directory</a>