export default {
	name:'GridItem',
	props: {
		item: Object
	},
	emits: [
		"startMove",
		"startResize"
	],
	methods: {
		tryDragStart(evt) {
			let dragAction = evt.target.getAttribute('drag-action');
			if (dragAction) {
				if (dragAction == 'move')
					return this.$emit('startMove', evt, this.item);
				else if (dragAction == 'resize')
					return this.$emit('startResize', evt, this.item);
			}
		}
		
	},
	template: /* html */`
	<li class="drop-grid-item" @dragstart="tryDragStart">
		<slot v-bind="item"></slot>
	</li>`
}