<commit_before>(function($) {

	var icon = $('.item-wrap svg');
	var current_bg_color = '#ffffff';
	var current_icon_color = '#6d6be0';
	var canvas = $('#canvas');
	var preview = $('#preview select');
	var notification = $('#notification');
	var img64 = '';
	var code = '';

	var demo_html = '';
	var demo_css = '';
	var demo_js = '';
	var codepen_obj = '';


	$('#icon_color').ColorPicker({
		color: current_icon_color,
		onSubmit: function(hsb, hex, rgb, el) {
			$(el).ColorPickerHide();
			$(el).val('#' + hex);
		},
		onBeforeShow: function() {
			$(this).ColorPickerSetColor(this.value);
		},
		onChange: function(hsb, hex, rgb, el) {
			$('body').removeClass('static-fill');
			icon.attr('fill', '#' + hex);
			$('#icon_color_view').css('background-color', '#' + hex);
			$('#icon_color').val('#' + hex);
			current_icon_color = '#' + hex;
		}
	})

	$('#bg_color').ColorPicker({
		color: current_bg_color,
		onSubmit: function(hsb, hex, rgb, el) {
			$(el).ColorPickerHide();
			$(el).val('#' + hex);
		},
		onBeforeShow: function() {
			$(this).ColorPickerSetColor(this.value);
		},
		onChange: function(hsb, hex, rgb, el) {
			$('body').removeClass('static-fill');
			$('.item-wrap').css('background-color', '#' + hex);
			$('#bg_color_view').css('background-color', '#' + hex);
			$('#bg_color').val('#' + hex);
			current_bg_color = '#' + hex;
		}
	})

	// clean svg and prepare for rasterization
	$(document).ready(function() {

		icon.removeAttr('xmlns');
		icon.attr('xmlns:xlink', 'http://www.w3.org/1999/xlink');

		// set initial fill
		icon.attr('fill', current_icon_color);

		// set inital svg size
		icon.attr({
			width: '24px',
			height: '24px'
		});
	})

	// when icon size is changed
	$("#icon_size").bind('keyup mouseup focus', function() {
		icon.attr({
			width: $(this).val() + 'px',
			height: $(this).val() + 'px'<commit_msg>make color previews clickable<commit_after>(function($) {

	var icon = $('.item-wrap svg');
	var current_bg_color = '#ffffff';
	var current_icon_color = '#6d6be0';
	var canvas = $('#canvas');
	var preview = $('#preview select');
	var notification = $('#notification');
	var img64 = '';
	var code = '';

	var demo_html = '';
	var demo_css = '';
	var demo_js = '';
	var codepen_obj = '';


	$('#icon_color').ColorPicker({
		color: current_icon_color,
		onSubmit: function(hsb, hex, rgb, el) {
			$(el).ColorPickerHide();
			$(el).val('#' + hex);
		},
		onBeforeShow: function() {
			$(this).ColorPickerSetColor(this.value);
		},
		onChange: function(hsb, hex, rgb, el) {
			$('body').removeClass('static-fill');
			icon.attr('fill', '#' + hex);
			$('#icon_color_view').css('background-color', '#' + hex);
			$('#icon_color').val('#' + hex);
			current_icon_color = '#' + hex;
		}
	})
	$('#icon_color_view').on('click',function(){
		$('#icon_color').trigger('click');
	})

	$('#bg_color').ColorPicker({
		color: current_bg_color,
		onSubmit: function(hsb, hex, rgb, el) {
			$(el).ColorPickerHide();
			$(el).val('#' + hex);
		},
		onBeforeShow: function() {
			$(this).ColorPickerSetColor(this.value);
		},
		onChange: function(hsb, hex, rgb, el) {
			$('body').removeClass('static-fill');
			$('.item-wrap').css('background-color', '#' + hex);
			$('#bg_color_view').css('background-color', '#' + hex);
			$('#bg_color').val('#' + hex);
			current_bg_color = '#' + hex;
		}
	})
	$('#bg_color_view').on('click',function(){
		$('#bg_color').trigger('click');
	})

	// clean svg and prepare for rasterization
	$(document).ready(function() {

		icon.removeAttr('xmlns');
		icon.attr('xmlns:xlink', 'http://www.w3.org/1999/xlink');

		// set initial fill
		icon.attr('fill', current_icon_color);

		// set inital svg size
		icon.attr({
			width: '24px',
			height: '24px'
		});
	})

	// when icon size is changed
	$("#icon_size").bind('keyup mouseup focus', function() {
		icon.attr({
			width: $(this).val() + 'px',
			height: $(this).val() + 'px'
{'fraction_non_alphanumeric': 0.23384615384615384, 'fraction_numerical': 0.0071794871794871795, 'mean_word_length': 4.066233766233767, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4243000', 'n_tokens_mistral': 1560, 'n_tokens_neox': 1413, 'n_words': 264}