($ => {
	/**
	 * set the editor wrapper height to it's content height
	 * @param {[object]} editor tinymce editor object
	 * @param  {Number} minHeight minimal height for the editor
	 * @return void
	 */
	function editorAutoHeight (editor, minHeight = 200) {
		let height =
			$(editor.iframeElement)
				.contents()
				.find('html')
				.height() || minHeight
		height = height < minHeight ? minHeight : height
		$(editor.iframeElement).css({
			height: height,
			minHeight: minHeight
		})
	}

	/**
	 * add the acf field's name slug a data-attribute to the iframe body
	 * @param {object} $field the acf field as a jQuery object
	 */
	function addSlugAttr ($field) {
		const name = $field.attr('data-name')
		const body = $('iframe', $field)
			.contents()
			.find('body')

		body.attr('data-wysiwyg-slug', name)
	}

	/**
	 * acf.tinymce hook
	 */
	window.acf.add_action('wysiwyg_tinymce_init', (editor, id, options, $field) => {
		const eventHandler = () => {
			editorAutoHeight(editor, ACFAutosize.wysiwyg.minHeight)
		}

		// add a slug class on all wysiwyg fiulds (for editor-styles.css)
		editor.on('init', () => {
			addSlugAttr($field)
		})

		// check for "autosize" class on the field
		const doAutosize = $field.hasClass('autosize')
		if (!doAutosize) {
			return
		}

		editor.on('init', eventHandler)
		editor.on('change', eventHandler)
		$(window).resize(eventHandler)
	})
})(window.jQuery)