<mvc:View
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:w="sap.ui.integration.widgets"
	displayBlock="true">

	<Page title="{i18n>appTitle}">
		<subHeader>
			<Toolbar>
				<ToolbarSpacer />
				<Title text="Analytical Content Card" />
				<ToolbarSpacer />
			</Toolbar>
		</subHeader>
		<mvc:View viewName="sap.f.cardsdemo.view.common.CommonCardSettings" type="XML" async="true"></mvc:View>

		<Panel>
			<w:Card
				id="line"
				manifest="{analyticalContentManifests>/line}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				width="600px" />
			<w:Card
				id="lineSideIndRight"
				manifest="{analyticalContentManifests>/lineSideIndRight}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				width="600px" />
			<w:Card
				id="stackedBar"
				manifest="{analyticalContentManifests>/stackedColumn}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				height="500px"
				width="600px" />
			<w:Card
				id="stackedColumn"
				manifest="{analyticalContentManifests>/stackedBar}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				height="500px"
				width="600px" />
			<w:Card
				id="donut"
				manifest="{analyticalContentManifests>/donut}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				height="500px"
				width="600px" />
			<w:Card
				manifest="{analyticalContentManifests>/heatmap}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				height="500px"
				width="600px" />
			<w:Card
				id="bubble"
				manifest="{analyticalContentManifests>/bubble}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				height="500px"
				width="600px" />
			<w:Card
				id="timeseries_line"
				manifest="{analyticalContentManifests>/timeseries_line}"
				baseUrl="{cardsPlayground>/playgroundBaseUrl}"
				class="sapUiMediumMargin"
				height="500px"
				width="600px" />
		</Panel>
	</Page>
</mvc:View>