%%[[if edit]]%%
<code style='margin-left: 8px;'>
	If %id=shortcode% %id=condition% %id=value% then 
	%[if %("%id=showStacks%" == "show")% ]% show stacks %[endif]% 
	%[if %("%id=showStacks%" == "hide")% ]% hide stacks %[endif]%
</code>
%%[[endif]]%%

<div 
	id="livedata_condition_%id%" 
	class="livedata_condition_%id% livedata_condition" 
	%%[[if !edit]]%% %[if %("%id=showStacks%" == "show")%]% style='display:none;' %[endif]% %%[[endif]]%% 
>
	%slice%
</div>

%%[[if !edit]]%%
<script>
	var observer = setInterval( checkData_%id%,500);

	function checkData_%id%() {
		var liveData_%id% = $('[data-loc="%id=shortcode%"]').text();
		if (
			%[if %("%id=condition%" == "is_equal_to")%]% liveData_%id% == '%id=value%'%[endif]%
			%[if %("%id=condition%" == "is_not_equal_to")%]% liveData_%id% != '%id=value%' %[endif]% 
			%[if %("%id=condition%" == "is_less_then")%]% liveData_%id% < %id=value% %[endif]%
			%[if %("%id=condition%" == "is_greater_then")%]% liveData_%id% > %id=value% %[endif]% 
			%[if %("%id=condition%" == "is_greater_or_equal")%]% liveData_%id% >= %id=value% %[endif]%
			%[if %("%id=condition%" == "is_less_or_equal")%]% liveData_%id% <= %id=value% %[endif]% 
			%[if %("%id=condition%" == "starts_with")%]% `${liveData_%id%}`.startsWith('%id=value%') %[endif]%
			%[if %("%id=condition%" == "ends_with")%]% `${liveData_%id%}`.endsWith('%id=value%') %[endif]% 
			%[if %("%id=condition%" == "contains")%]% `${liveData_%id%}`.includes('%id=value%') %[endif]% 
		) {
			%[if %("%id=showStacks%" == "show")% ]% $('.livedata_condition_%id%').show(); %[endif]% 
			%[if %("%id=showStacks%" == "hide")% ]% $('.livedata_condition_%id%').hide(); %[endif]% 
		}
	}
</script>
%%[[endif]]%%