import icon 		from "/elements/icon.js";


export default class removeIcons extends icon{
	
	width		= 14;

	height		= 14;

	margin		= 4;

	propegateEvent	= false;

	backgroundSize	= "contain!important"


	cursor			= "pointer";

	boxMarginTop	= "17px";

    boxBorderRadius	= 14;

    boxBackground	= "#ffffffbf";

    boxWidth		= "fit-content";

    boxPadding		= 2;

    //boxPosition		= "";

    boxMarginLeft	= 11;

    boxMarginBottom	= -37;


	constructor() {

		super("edit.svg");

	}

	mode	= "normal";

	click() {

		var icons	= this.parent.fileList.getChildren();

		for (var i = 0; i < icons.length; i++) {

			var icon = icons[i];

			icon.toggleEditMode();

		}


		if(this.mode == "normal") {

			this.setImage("/assets/images/icons/stop.png")

			this.mode = "wiggle";

		} else {

			this.mode = "normal";

			this.setImage("/assets/images/icons/edit.svg")

		}

	}

}