import angular, { IComponentController } from 'angular'
import {Component, Inject} from '../decorators'
import TabController from './tab'
import TabGroupController from './tab-group'


@Component({
	selector: 'mflyTabHtmlTitle',
	transclude: true,
	require: {
		parent: '^mflyTab',
		parentGroup: '^mflyTabGroup'
	}
})
export default class TabHtmlTitleController implements IComponentController {

	protected parent: TabController
	protected parentGroup: TabGroupController

	constructor(
		@Inject('$transclude') private $transclude: ng.ITranscludeFunction
	) {}

	$onInit() {
		this.$transclude((clone: any) => {
			if (this.parent.loadTab || typeof(this.parent.loadTab) === 'undefined') {
				const titleContent = angular.element(clone)
				this.parent.setHtmlTitle(titleContent)
			}
		})
	}

}