<mvc:View
		controllerName="sap.ui.documentation.sdk.controller.Controls"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns="sap.m"
		xmlns:l="sap.ui.layout"
		xmlns:core="sap.ui.core"
		xmlns:custom="sap.ui.documentation">
	<Page showHeader="false" class="sapUiDemoApps">
		<landmarkInfo>
			<PageAccessibleLandmarkInfo
				contentRole="Main"
				contentLabel="Samples"/>
		</landmarkInfo>

		<Panel accessibleRole="Region" class="sapUiNoContentPadding" backgroundDesign="Transparent">
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							class="sapUiNoContentPadding sapUiDemokitLandingImageCell sapUiNoContentPadding">
						<Image
							id="phoneImage"
							src="./resources/sap/ui/documentation/sdk/images/Explored_S_cropped_1.jpg"
							width="100%"
							densityAware="false"
							class="welcomeImage"
							load=".handleLandingImageLoad"
							visible="{device>/system/phone}"/>

						<Image
							src="./resources/sap/ui/documentation/sdk/images/Explored_M_and_L_cropped_1.jpg"
							width="100%"
							densityAware="false"
							class="welcomeImage"
							load=".handleLandingImageLoad"
							visible="{=!${device>/system/phone}}"/>

						<l:VerticalLayout
							id="landingImageHeadline"
							visible="false"
							width="100%">
							<Text class="sapUiDocumentationExploredHeaderText sapUiDocumentationExploredHeaderTitleText"
								text="{i18n>CONTROLS_PAGE_TITLE}"
								width="100%"
								textAlign="Left"/>
							<Text
								class="sapUiDocumentationExploredHeaderText sapUiDocumentationExploredSubText"
								text="{i18n>CONTROLS_PAGE_DESC}"
								width="100%"
								textAlign="Left"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<Panel	accessibleRole="Region"
				backgroundDesign="Transparent"
				class="sapUiNoContentPadding">
			<headerToolbar>
				<Toolbar class="headlineCell">
					<Title width="100%"
						text="{i18n>CONTROLS_FEATURED_CONTROLS}"
						level="H1"
						titleStyle="H1"
						class="sapUiMediumMarginTopBottom"/>
				</Toolbar>
			</headerToolbar>
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://edit"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Input"
									filter="Input"
									text="Input"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_1}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://list"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/List"
									filter="List"
									text="Lists"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_2}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://table-view"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Table"
									filter="Table"
									text="Tables"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_3}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://popup-window"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Popup"
									filter="Popup"
									text="Pop-Ups"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_4}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://grid"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Tile"
									filter="Tile"
									text="Tiles"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_5}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://message-popup"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Message"
									filter="Message"
									text="Messages"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_6}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://header"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Bar"
									filter="Bar"
									text="Bars"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_7}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://tree"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Tree"
									filter="Tree"
									text="Trees"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_8}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
				<l:BlockLayoutRow visible="{= !${versionData>/isOpenUI5}}">
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeD">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://lightbulb"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Smart"
									filter="Smart"
									text="Smart Controls"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_9}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://map-2"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Map"
									filter="Map"
									text="Maps"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_10}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://filter-analytics"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Chart"
									filter="Chart"
									text="Charts"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_11}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeD">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://process"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Process"
									filter="Process"
									text="Processes"
									titleStyle="H2"/>
							<Text text="{i18n>CONTROLS_TEXT_12}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<Panel	accessibleRole="Region"
				backgroundDesign="Transparent"
				class="sapUiNoContentPadding">
			<headerToolbar>
				<Toolbar class="headlineCell">
					<Title width="100%"
						text="{i18n>CONTROLS_LAYOUT_PAGES}"
						level="H1"
						titleStyle="H1"
						class="sapUiMediumMarginTopBottom"/>
				</Toolbar>
			</headerToolbar>
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://write-new"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Object Page"
									filter="Object Page"
									text="Object Page"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_13}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://chart-table-view"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Dynamic Page"
									filter="Dynamic Page"
									text="Dynamic Page"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_14}"
									class="sapUiTinyMarginBottom"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://screen-split-three"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Flexible Column Layout"
									filter="Flexible Column Layout"
									text="Flexible Column Layout"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_15}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout>
							<core:Icon
									src="sap-icon://screen-split-one"
									color="Default"
									size="2rem"
									class="sapUiTinyMarginBottom"/>
							<custom:TitleLink
									press="onPress"
									href="controls/filter/Split App"
									filter="Split App"
									text="Split App"
									titleStyle="H2"/>
							<Text
									text="{i18n>CONTROLS_TEXT_16}"
									class="sapUiTinyMarginBottom"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<core:Fragment id="footerFragment" fragmentName="sap.ui.documentation.sdk.view.Footer" type="XML" />

	</Page>
</mvc:View>