<mvc:View
	controllerName="sap.ui.demokit.demoapps.controller.App"
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:core="sap.ui.core"
	xmlns:l="sap.ui.layout"
	displayBlock="true">
	<App
		id="app"
		class="sapUiDemoApps">
		<Page showHeader="false" enableScrolling="false">
			<ScrollContainer vertical="true" width="100%" height="100%">
				<l:BlockLayout
					id="headerLayout"
					background="Light">
					<l:BlockLayoutRow>
						<l:BlockLayoutCell
							class="gradient sapUiContentPadding">
							<l:Grid
								hSpacing="0"
								defaultSpan="L6 M6 S12">
								<l:VerticalLayout class="sapUiTinyMarginEnd">
									<Title
										level="H1"
										titleStyle="H1"
										text="{i18n>pageTitle}"
										class="sapUiMediumMarginBottom"/>
									<Button
										id="download"
										text="{i18n>downloadButtonText}"
										type="Emphasized"
										press="onDownloadButtonPress"
										icon="sap-icon://download">
									</Button>
									<Link
											text="{i18n>linkText}"
											target="_blank"
											href="#docs/guide/a3ab54ecf7ac493b91904beb2095d208.html"
											class="sapUiTinyMarginTop readMoreLink" />
								</l:VerticalLayout>
								<Image
									src="resources/sap/ui/demokit/demoapps/img/demoAppsTeaser.png"
									densityAware="false"
									width="100%"/>
							</l:Grid>
						</l:BlockLayoutCell>
					</l:BlockLayoutRow>
				</l:BlockLayout>
				<l:BlockLayout
					id="demoAppsLayout"
					content="{
						path: '/demoAppsByCategory'
					}"
					background="Light">
					<l:BlockLayoutRow content="{
						path: '',
						factory: '.createDemoAppRow'
					}"/>
				</l:BlockLayout>
			</ScrollContainer>
			<dependents>
				<SelectDialog id="downloadDialog"
					items="{/demoApps}"
					title="{i18n>downloadDialogTitle}"
					liveChange="onSearch"
					growingThreshold="100"
					confirm="onDownloadPress">
					<InputListItem
						visible="{= !!${config} }"
						label="{name}"
						type="Active"
						icon="sap-icon://{icon}">
						<customData>
							<core:CustomData key="config" value="{config}"/>
						</customData>
						<Button
							text="{i18n>downloadButtonText}"
							type="Emphasized"
							press="onDownloadPress"/>
					</InputListItem>
				</SelectDialog>
			</dependents>
		</Page>
	</App>
</mvc:View>
