<commit_before><template>
<div id="app">
	<progress-bar></progress-bar>
	<div id="app-container" v-if="initialLoadingComplete">
		<div class="side-bar-wrapper" v-if="showSideBar" :class="{ shown: sideBarIsShown }">
			<side-bar
				:show-triangle="showSideBarTriangle"
				@close-menu="sideBarIsShown = false"></side-bar>
			<div class="hamburger" @click="sideBarIsShown = !sideBarIsShown">
				<i class="fa fa-bars"></i>
			</div>
		</div>
		<div class="main-view" @click="sideBarIsShown = false" :class="{ 'grayed-out': sideBarIsShown }">
			<main-header :shown="showHeader" :transparent="showHeaderTransparent"></main-header>
			<router-view
				@toggle-header="toggleHeader"
				@toggle-header-transparent="toggleHeaderTransparent"
				@toggle-side-bar="toggleSideBar"
				@toggle-side-bar-triangle="toggleSideBarTriangle"
				@set-body-background="setBodyBackground"></router-view>
		</div>
	</div>
	<offline-message></offline-message>
</div>
</template>

<script>
import MainHeader from '@/components/MainHeader';
import SideBar from '@/components/SideBar';
import ProgressBar from '@/components/ProgressBar';
import OfflineMessage from '@/components/OfflineMessage';

export default {<commit_msg>bugfix: side-bar component should not be removed from DOM when on a page without sidebar (side effects) using v-show instead of v-if<commit_after><template>
<div id="app">
	<progress-bar></progress-bar>
	<div id="app-container" v-if="initialLoadingComplete">
		<div class="side-bar-wrapper" v-show="showSideBar" :class="{ shown: sideBarIsShown }">
			<side-bar
				:show-triangle="showSideBarTriangle"
				@close-menu="sideBarIsShown = false"></side-bar>
			<div class="hamburger" @click="sideBarIsShown = !sideBarIsShown">
				<i class="fa fa-bars"></i>
			</div>
		</div>
		<div class="main-view" @click="sideBarIsShown = false" :class="{ 'grayed-out': sideBarIsShown }">
			<main-header :shown="showHeader" :transparent="showHeaderTransparent"></main-header>
			<router-view
				@toggle-header="toggleHeader"
				@toggle-header-transparent="toggleHeaderTransparent"
				@toggle-side-bar="toggleSideBar"
				@toggle-side-bar-triangle="toggleSideBarTriangle"
				@set-body-background="setBodyBackground"></router-view>
		</div>
	</div>
	<offline-message></offline-message>
</div>
</template>

<script>
import MainHeader from '@/components/MainHeader';
import SideBar from '@/components/SideBar';
import ProgressBar from '@/components/ProgressBar';
import OfflineMessage from '@/components/OfflineMessage';

export default {
{'fraction_non_alphanumeric': 0.1669964384645825, 'fraction_numerical': 0.0, 'mean_word_length': 5.4987146529562985, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '703860', 'n_tokens_mistral': 913, 'n_tokens_neox': 823, 'n_words': 153}