Call one per each style.

new AdvancedEllipsis({showOption: 'flow'}, '#demo_flow').start();
<div id="demo_flow" class="box">...</div>

new AdvancedEllipsis({showOption: 'flow-auto'}, '#demo_flow_auto').start();
<div id="demo_flow_auto" class="box">...</div>

new AdvancedEllipsis({showOption: 'tooltip'}, '#demo_tooltip').start();
<div id="demo_tooltip" class="box">...</div>

Connect multiple styles to one call.

var advancedEllipsis = new AdvancedEllipsis();
advancedEllipsis.start();

Apply tooltip options

var demo_flow_detail = new AdvancedEllipsis();
demo_flow_detail.setElements('#demo_flow_detail').setOptions({
	showOption: 'flow',
	flowDelay: 0,
	flowAfterDelay: 3000,
	flowSpeed: 200,
	flowPadding: 50,
	flowCountPre: 1,
}).start();
<div class="box" id="demo_flow_detail">...</div>

Apply tooltip options

var demo_tooltip_detail = new AdvancedEllipsis('#demo_tooltip_detail');
demo_tooltip_detail.setOptions({
	showOption: 'tooltip',
	tooltipShowAlways: true,
	tooltipElementClass: 'class1 class2',
	tooltipDuration: 10000,
	customTooltipStyles: {
		backgroundColor: '#000',
		color: '#fff'
	}
}).start();
<div class="box" id="demo_tooltip_detail" data-tooltip-id="tooltip_id">...</div>
<style>
	#tooltip_id {
		border-radius: 20px;
	}
</style>

Test mutation observer

var mutation_observed = new AdvancedEllipsis('#mutation_observed').start();
var target = mutation_observed.getElements()[0];
function change_text(text) {
	target.innerText = text;
}
function change_show_option(option) {
	target.dataset.showOption = option;
}
<div class="box" id="mutation_observed">...</div>