<commit_before>enyo.kind({
	published: {
	red: '00',
	blue: '00',
	green: '00',
	color: "000000",
	toggle: ""
	},
	 events: {
		onInsert: "",
	 },
	name: "cssBuilder",
	kind: "enyo.FittableRows", components: [
		{kind: "onyx.Toolbar", components: [
		{kind: "onyx.Button", classes: "onyx-affirmative", content: "Insert css", ontap:"newCssAction"},
		{kind: "onyx.Button", classes: "onyx-negative", content: "Reset", ontap:"reset"},
		]},
		{kind: "onyx.Input", name: "input", placeholder: "Enter your class name!..",onchange: "inputChange"},
		{kind: "Panels", fit:true, classes: "enyo-unselectable",components: [
			{kind: "enyo.Scroller", classes: "enyo-fit",components: [
				{classes: "pannel", style: " height: 375px", components: [
						{name: "name", style: "padding: 8px; background-color: #E1E2E4; color: #5CA7E8; text-transform: uppercase; font-weight: bold; font-size: 1.2em;", content:"Color "},

						{name:"outputBox", kind: "enyo.Panels",	style: "width: 100%; height: 150px; ", classes: "enyo-selectable font",	allowHtml: true, Xstyle: "padding: 10px;", components: [
							{name: "bg", allowHtml: true, style: "font-size: 10px;", content: ""},
							{name: "dd", allowHtml: true, content:"  ",style: "height: 10px"}
						]},
						{name: "redSlider", kind: "onyx.Slider", onChanging: "redSliding", onChange: "redChanged",
						style: "height:10px; background-color: red; enyo-unselectable;"
						},
						{style: "height: 5px"},

						{name: "greenSlider", kind: "onyx.Slider", onChanging: "greenSliding", onChange: "greenChanged",
						style: "height:10px;  background-color: green; enyo-unselectable"
						},
						{style: "height: 5px"},

						{name: "blueSlider", kind: "onyx.Slider", onChanging: "blueSliding", onChange: "blueChanged",
						style: "height:10px;  background-color: blue; enyo-unselectable"
						},

						{kind: "onyx.RadioGroup", onActivate:"radioActivated", components:[
							{content:"background", classes: "RadioGroup"},
							{content:"Font color", classes: "RadioGroup"},
							{content:"Border color", classes: "RadioGroup"},
						]},
				]},

				{classes: "pannel", style: " height: 300px", components: [
					{name: "fonts", style: "padding: 8px; background-color: #E1E2E4; color: #5CA7E8; text-transform: uppercase; font-weight: bold; font-size: 1.2em;", content:"Fonts "},
					{kind: "onyx.RadioGroup",
					onActivate:"fontActivated",components:[
					{tag: "br"},
						{content:"Serif", style: "font-family: Serif;", classes: "RadioGroup"},
						{content:"Sans-serif", style: "font-family: Sans-serif;", classes: "RadioGroup"},

						{content:"Helvetica  ", style: "font-family: Helvetica;", classes: "RadioGroup"},
						{content:"Monospace", style: "font-family: Monospace;", classes: "RadioGroup"},

						{content:" Lucida Sans Unicode ", style: "font-family: Lucida Sans Unicode;", classes: "RadioGroup"},
						{content:"Times New Roman  ", style: "font-family: Times New Roman;", classes: "RadioGroup"},

						{content:" Courier New ", style: "font-family: Courier New;", classes: "RadioGroup"},
						{content:" Arial ", style: "font-family: Arial;", classes: "RadioGroup"}
					]},

					{classes: "onyx-toolbar-inline", components: [
						{content: "Font Size", classes: "picker"},
						{kind: "onyx.PickerDecorator", components: [
							{style: "min-width: 30px; font-size: 10px;"},
							{name: "fontSizePicker", kind: "onyx.Picker",onSelect: "fontSize"}
						]}
					]},
				]},

				{classes: "pannel", style: " height: 300px", components: [
					{name: "border", style: "padding: 8px; background-color: #E1E2E4; color: #5CA7E8; text-transform: uppercase; font-weight: bold; font-size: 1.2em;", content:"Border/Margin"},

					{kind: "enyo.FittableColumns", components: [
						{classes: "onyx-toolbar-inline", components: [
							{content: "Margin Size", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 40px; font-size: 10px;"},
								{name: "marginSizePicker", kind: "onyx.Picker",onSelect: "marginSize"}
							]}
						]},

						{classes: "onyx-toolbar-inline", components: [
							{content: "Border Size", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 40px; font-size: 10px;"},
								{name: "borderSizePicker", kind: "onyx.Picker",onSelect: "borderSize"}
							]}
						]},
					]},
					{kind: "enyo.FittableColumns", components: [

						{classes: "onyx-toolbar-inline", components: [
							{content: "Height", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 60px; font-size: 10px;"},
								{name: "heightSizePicker", kind: "onyx.Picker",onSelect: "heightSize"}
							]}
						]},
						{classes: "onyx-toolbar-inline", components: [
							{content: "Width", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 60px; font-size: 10px;"},
								{name: "widthSizePicker", kind: "onyx.Picker",onSelect: "widthSize"}
							]}
						]}
					]},
				]},
			]}
		]}
	],

	create: function() {
		this.inherited(arguments);
		this.$.outputBox.applyStyle("color", "#FFFFFF");
		this.$.outputBox.applyStyle("background-color", "#000000");
		for (var i=1; i<50; i++) {
			this.$.fontSizePicker.createComponent({content: i, active: !i});
		}
		for (var i=1; i<50; i++) {
			this.$.marginSizePicker.createComponent({content: i, active: !i});
		}
		for (var i=1; i<50; i++) {
			this.$.borderSizePicker.createComponent({content: i, active: !i});
		}
		for (var i=5; i<2000; i+=5) {
			this.$.heightSizePicker.createComponent({content: i, active: !i});
		}
		for (var i=5; i<2000; i+=5) {
			this.$.widthSizePicker.createComponent({content: i, active: !i});
		}

	},

	updateBox: function(){
	var tab = "&nbsp;&nbsp;&nbsp;&nbsp;";
	var outPut = this.className + " " + "{<br>" ;
	var outString =  this.className + " " + "{\n" ;
	var c = '#' + (this.red + this.green + this.blue).toUpperCase();

	if(this.toggle == "background"){
		this.$.outputBox.applyStyle("background-color", c);
		this.backgroundColor = c;
	}
	if(this.toggle == "Font color"){
		this.$.outputBox.applyStyle("color", c);
		this.fontColor = c;
	}

	if(this.backgroundColor != null){<commit_msg>clean up somre for statements<commit_after>enyo.kind({
	published: {
	red: '00',
	blue: '00',
	green: '00',
	color: "000000",
	toggle: ""
	},
	 events: {
		onInsert: "",
	 },
	name: "cssBuilder",
	kind: "enyo.FittableRows", components: [
		{kind: "onyx.Toolbar", components: [
		{kind: "onyx.Button", classes: "onyx-affirmative", content: "Insert css", ontap:"newCssAction"},
		{kind: "onyx.Button", classes: "onyx-negative", content: "Reset", ontap:"reset"},
		]},
		{kind: "onyx.Input", name: "input", placeholder: "Enter your class name!..",onchange: "inputChange"},
		{kind: "Panels", fit:true, classes: "enyo-unselectable",components: [
			{kind: "enyo.Scroller", classes: "enyo-fit",components: [
				{classes: "pannel", style: " height: 375px", components: [
						{name: "name", style: "padding: 8px; background-color: #E1E2E4; color: #5CA7E8; text-transform: uppercase; font-weight: bold; font-size: 1.2em;", content:"Color "},

						{name:"outputBox", kind: "enyo.Panels",	style: "width: 100%; height: 150px; ", classes: "enyo-selectable font",	allowHtml: true, Xstyle: "padding: 10px;", components: [
							{name: "bg", allowHtml: true, style: "font-size: 10px;", content: ""},
							{name: "dd", allowHtml: true, content:"  ",style: "height: 10px"}
						]},
						{name: "redSlider", kind: "onyx.Slider", onChanging: "redSliding", onChange: "redChanged",
						style: "height:10px; background-color: red; enyo-unselectable;"
						},
						{style: "height: 5px"},

						{name: "greenSlider", kind: "onyx.Slider", onChanging: "greenSliding", onChange: "greenChanged",
						style: "height:10px;  background-color: green; enyo-unselectable"
						},
						{style: "height: 5px"},

						{name: "blueSlider", kind: "onyx.Slider", onChanging: "blueSliding", onChange: "blueChanged",
						style: "height:10px;  background-color: blue; enyo-unselectable"
						},

						{kind: "onyx.RadioGroup", onActivate:"radioActivated", components:[
							{content:"background", classes: "RadioGroup"},
							{content:"Font color", classes: "RadioGroup"},
							{content:"Border color", classes: "RadioGroup"},
						]},
				]},

				{classes: "pannel", style: " height: 300px", components: [
					{name: "fonts", style: "padding: 8px; background-color: #E1E2E4; color: #5CA7E8; text-transform: uppercase; font-weight: bold; font-size: 1.2em;", content:"Fonts "},
					{kind: "onyx.RadioGroup",
					onActivate:"fontActivated",components:[
					{tag: "br"},
						{content:"Serif", style: "font-family: Serif;", classes: "RadioGroup"},
						{content:"Sans-serif", style: "font-family: Sans-serif;", classes: "RadioGroup"},

						{content:"Helvetica  ", style: "font-family: Helvetica;", classes: "RadioGroup"},
						{content:"Monospace", style: "font-family: Monospace;", classes: "RadioGroup"},

						{content:" Lucida Sans Unicode ", style: "font-family: Lucida Sans Unicode;", classes: "RadioGroup"},
						{content:"Times New Roman  ", style: "font-family: Times New Roman;", classes: "RadioGroup"},

						{content:" Courier New ", style: "font-family: Courier New;", classes: "RadioGroup"},
						{content:" Arial ", style: "font-family: Arial;", classes: "RadioGroup"}
					]},

					{classes: "onyx-toolbar-inline", components: [
						{content: "Font Size", classes: "picker"},
						{kind: "onyx.PickerDecorator", components: [
							{style: "min-width: 30px; font-size: 10px;"},
							{name: "fontSizePicker", kind: "onyx.Picker",onSelect: "fontSize"}
						]}
					]},
				]},

				{classes: "pannel", style: " height: 300px", components: [
					{name: "border", style: "padding: 8px; background-color: #E1E2E4; color: #5CA7E8; text-transform: uppercase; font-weight: bold; font-size: 1.2em;", content:"Border/Margin"},

					{kind: "enyo.FittableColumns", components: [
						{classes: "onyx-toolbar-inline", components: [
							{content: "Margin Size", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 40px; font-size: 10px;"},
								{name: "marginSizePicker", kind: "onyx.Picker",onSelect: "marginSize"}
							]}
						]},

						{classes: "onyx-toolbar-inline", components: [
							{content: "Border Size", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 40px; font-size: 10px;"},
								{name: "borderSizePicker", kind: "onyx.Picker",onSelect: "borderSize"}
							]}
						]},
					]},
					{kind: "enyo.FittableColumns", components: [

						{classes: "onyx-toolbar-inline", components: [
							{content: "Height", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 60px; font-size: 10px;"},
								{name: "heightSizePicker", kind: "onyx.Picker",onSelect: "heightSize"}
							]}
						]},
						{classes: "onyx-toolbar-inline", components: [
							{content: "Width", classes: "picker"},
							{kind: "onyx.PickerDecorator", components: [
								{style: "min-width: 60px; font-size: 10px;"},
								{name: "widthSizePicker", kind: "onyx.Picker",onSelect: "widthSize"}
							]}
						]}
					]},
				]},
			]}
		]}
	],

	create: function() {
		this.inherited(arguments);
		this.$.outputBox.applyStyle("color", "#FFFFFF");
		this.$.outputBox.applyStyle("background-color", "#000000");
		for (var i=1; i<50; i++) {
			this.$.fontSizePicker.createComponent({content: i, active: !i});
			this.$.borderSizePicker.createComponent({content: i, active: !i});
			this.$.marginSizePicker.createComponent({content: i, active: !i});
		}

		for (var i=5; i<2000; i+=5) {
			this.$.heightSizePicker.createComponent({content: i, active: !i});
			this.$.widthSizePicker.createComponent({content: i, active: !i});
		}

	},

	updateBox: function(){
	var tab = "&nbsp;&nbsp;&nbsp;&nbsp;";
	var outPut = this.className + " " + "{<br>" ;
	var outString =  this.className + " " + "{\n" ;
	var c = '#' + (this.red + this.green + this.blue).toUpperCase();

	if(this.toggle == "background"){
		this.$.outputBox.applyStyle("background-color", c);
		this.backgroundColor = c;
	}
	if(this.toggle == "Font color"){
		this.$.outputBox.applyStyle("color", c);
		this.fontColor = c;
	}

	if(this.backgroundColor != null){
{'fraction_non_alphanumeric': 0.19760623343240422, 'fraction_numerical': 0.01751144670254639, 'mean_word_length': 3.7939930689256833, 'pattern_counts': {'":': 0, '<': 12, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, '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': '2459710', 'n_tokens_mistral': 5327, 'n_tokens_neox': 4258, 'n_words': 936}