const config = require('../config');
Component({
	options: {
		styleIsolation: 'shared'
	},
	properties: {
		data: {
			type: Object,
			value: {}
		}
	},
	data: {
		attr:{
			src:'',
			class:''
		},
		size:{
			w:0,
			h:0
		}
	},
	lifetimes:{
		attached:function(){
			const _ts = this;
			let dataAttr = this.data.data.attr;
			_ts.setData({
				attr:{
					src:`${config.latex.api}=${dataAttr.value}&theme=${global._theme}`,
					class:`${dataAttr.class} ${dataAttr.class}--${dataAttr.type}`
				}
			});
		}
	},
	methods: {
		load:function(e){
			const _ts = this;
			let scale = 20,
				w = e.detail.width / scale,
				h = e.detail.height /scale;
			_ts.setData({
				size:{
					w:w,
					h:h
				}
			});
		}
	}
})