<mvc:View
		controllerName="sap.ui.documentation.sdk.controller.App"
		xmlns="sap.m"
		xmlns:tnt="sap.tnt"
		xmlns:core="sap.ui.core"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns:custom="sap.ui.documentation"
		displayBlock="true"
		busy="{appView>/busy}"
		busyIndicatorDelay="{appView>/delay}">
	<Page
		showHeader="false"
		enableScrolling="false"
		showNavButton="false"
		class="sapUiDemokit">
		<content>
			<VBox>
				<items>
					<tnt:ToolHeader id="headerToolbar">
						<ToggleButton icon="sap-icon://menu2" type="Transparent" visible="{= ${appView>/bHasMaster} &amp;&amp; !${appView>/bPhoneSize} &amp;&amp; !${appView>/bLandscape} &amp;&amp; !${appView>/bSearchMode} }" press="toggleMaster" pressed="{appView>/bIsShownMaster}">
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" />
							</layoutData>
						</ToggleButton>
						<Image id="sap_logo" src="./resources/sap/ui/documentation/sdk/images/logo_ui5.png"
							densityAware="false"
							height="2rem"
							alt="UI5 logo"
							decorative="false"
							class="sapLogo"
							press="onLogoIconPress"/>
						<core:ExtensionPoint name="customStartLinks" />
						<Select id="selectHeader"
								class="sapUiDocumentationSelect menuSelect"
								visible="{=${appView>/bPhoneSize}}"
								change="navigateToSection"
								autoAdjustWidth="true">
							<items>
								<core:Item text="{i18n>APP_TABHEADER_ITEM_HOME}" key="home"/>
								<core:Item text="{i18n>APP_TABHEADER_ITEM_DOCUMENTATION}" key="topic"/>
								<core:Item text="{i18n>APP_TABHEADER_ITEM_API_REFERENCE}" key="api"/>
								<core:Item text="{i18n>APP_TABHEADER_ITEM_SAMPLES}" key="controls"/>
								<core:Item text="{i18n>APP_TABHEADER_ITEM_DEMO_APPS}" key="demoapps"/>
								<core:Item text="{i18n>APP_TABHEADER_ITEM_TOOLS}" key="tools"/>
							</items>
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" shrinkable="true" />
							</layoutData>
						</Select>
						<IconTabHeader id="tabHeader"
								selectedKey="home"
								backgroundDesign="Transparent"
								mode="Inline"
								select="navigateToSection"
								visible="{=!${appView>/bPhoneSize}}">
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" shrinkable="true" />
							</layoutData>
							<items>
								<IconTabFilter id="welcomeTab" text="{i18n>APP_TABHEADER_ITEM_HOME}" key="home" visible="{=${appView>/bPhoneSize}}">
								</IconTabFilter>
								<IconTabFilter id="topicMasterTab" text="{i18n>APP_TABHEADER_ITEM_DOCUMENTATION}" key="topic" visible="{= !${appView>/bHideTopicSection}}">
								</IconTabFilter>
								<IconTabFilter id="apiMasterTab" text="{i18n>APP_TABHEADER_ITEM_API_REFERENCE}" key="api" visible="{= !${appView>/bHideApiSection}}">
								</IconTabFilter>
								<IconTabFilter id="controlsMasterTab" text="{i18n>APP_TABHEADER_ITEM_SAMPLES}" key="controls">
								</IconTabFilter>
								<IconTabFilter id="demoAppsTab" text="{i18n>APP_TABHEADER_ITEM_DEMO_APPS}" key="demoapps">
								</IconTabFilter>
								<IconTabFilter id="toolsTab" text="{i18n>APP_TABHEADER_ITEM_TOOLS}" key="tools">
								</IconTabFilter>
							</items>
						</IconTabHeader>

						<ObjectStatus text="{= ${versionData>/isBetaVersion} ? ${i18n>APP_VERSION_BETA_VERSION} :
											${i18n>APP_VERSION_VERSION}}
											{versionData>/version}
											{= ${versionData>/isBetaVersion} ? ${i18n>APP_VERSION_NOT_PRODUCTIVE} :
											${versionData>/isDevVersion} ? ${i18n>APP_VERSION_IN_PROGRESS} :
											${versionData>/latestVersion} === ${versionData>/version} ? '(Latest)' :
											''}" state="{= ${versionData>/isBetaVersion} ? 'Error' :
											${versionData>/isDevVersion} ? 'Warning' :
											'None'}" visible="{=!${appView>/bPhoneSize}}" />

						<Button id="changeVersionButton" press="onChangeVersionButtonPress" type="Transparent" text="{i18n>APP_CHANGE_VERSION_BTN}" visible="{appView>/bShowVersionSwitchInHeader}">
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" />
							</layoutData>
						</Button>

						<custom:Search id="searchControl" toggle="onToggleSearchMode" search="onSearch" liveChange="onSearchLiveChange" width="{= (${appView>/bPhoneSize} &amp;&amp; ${appView>/bSearchMode}) ? '100%' : ''}"/>

						<Button id="surveyButton" class="surveyButton" tooltip="{i18n>APP_FEEDBACK_BTN_TOOLTIP}" press="launchSurvey" icon="sap-icon://feedback" type="Transparent" visible="{= !${appView>/bPhoneSize} &amp;&amp; !${appView>/bSearchMode}}">
							<customData>
								<BadgeCustomData
									visible="{appView>/bShowLongSurvey}"
									value="1" />
							</customData>
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" />
							</layoutData>
						</Button>

						<Button
							visible="{=!${news>/newsPreparationFailureMessage}}"
							id="notificationsButton"
							tooltip="{i18n>APP_NEWS_BTN_TOOLTIP}"
							press="handleNewsPress"
							icon="sap-icon://bell"
							type="Transparent"
							class="newsButton">
							<customData>
								<BadgeCustomData
									key="badge"
									value="{news>/newsCount}"/>
							</customData>
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" />
							</layoutData>
						</Button>

						<MenuButton tooltip="{i18n>APP_INFORMATION_BTN_TOOLTIP}" id="aboutMenuButton" icon="sap-icon://action-settings" type="Transparent" visible="{=!${appView>/bSearchMode}}">
							<layoutData>
								<OverflowToolbarLayoutData priority="NeverOverflow" />
							</layoutData>
							<menu>
								<Menu id="aboutMenu" class="sapContrast sapContrastPlus" itemSelected="handleMenuItemClick">
									<items>
										<MenuItem text="{= ${versionData>/isBetaVersion} ? ${i18n>APP_VERSION_BETA_VERSION} : ${i18n>APP_VERSION_VERSION}} {versionData>/version} {=${versionData>/isDevVersion} ? ${i18n>APP_VERSION_IN_PROGRESS} : ''}" visible="{appView>/bPhoneSize}" />
										<MenuItem key="change_version" text="{i18n>APP_CHANGE_VERSION_BTN}" visible="{appView>/bShowVersionSwitchInMenu}" />
										<MenuItem key="feedback" text="{i18n>APP_INFORMATION_BTN_FEEDBACK}" visible="{appView>/bPhoneSize}" />
										<MenuItem icon="sap-icon://hint" key="about" id="aboutMenuItem" text="{i18n>APP_INFORMATION_BTN_ABOUT}" />
										<MenuItem icon="sap-icon://compare" key="legal" text="{i18n>APP_INFORMATION_BTN_LEGAL}" />
										<MenuItem icon="sap-icon://locked" key="privacy" text="{i18n>APP_INFORMATION_BTN_PRIVACY}" />
										<MenuItem icon="sap-icon://document-text" key="terms_of_use" text="{i18n>APP_INFORMATION_BTN_TERMS_OF_USE}" visible="{=!${versionData>/isOpenUI5}}">
											<items>
												<MenuItem  key="terms_of_use" text="{i18n>APP_INFORMATION_BTN_TERMS_OF_USE}" />
												<MenuItem  key="copyright" text="{i18n>APP_INFORMATION_BTN_COPYRIGHT}" />
												<MenuItem  key="trademark" text="{i18n>APP_INFORMATION_BTN_TRADEMARK}" />
												<MenuItem  key="disclaimer" text="{i18n>APP_INFORMATION_BTN_DISCLAIMER}" />
											</items>
										</MenuItem>
										<MenuItem icon="sap-icon://palette" key="appearance" text="{i18n>APP_INFORMATION_BTN_APPEARANCE}">
											<items>
												<MenuItem  key="light" text="{i18n>APP_INFORMATION_BTN_APPEARANCE_LIGHT}" />
												<MenuItem  key="dark" text="{i18n>APP_INFORMATION_BTN_APPEARANCE_DARK}" />
												<MenuItem  key="auto" text="{i18n>APP_INFORMATION_BTN_APPEARANCE_AUTO}" />
											</items>
										</MenuItem>
										<MenuItem icon="sap-icon://permission" text="{i18n>APP_INFORMATION_BTN_LICENSE}" key="license" visible="{versionData>/isOpenUI5}"/>
										<MenuItem icon="sap-icon://document-text" text="{i18n>APP_INFORMATION_BTN_TERMS_OF_USE}" key="terms_of_use" visible="{versionData>/isOpenUI5}"/>
										<MenuItem icon="sap-icon://tree" text="{i18n>APP_INFORMATION_BTN_SITEMAP}" key="sitemap" visible="{versionData>/isOpenUI5}"/>
										<MenuItem icon="sap-icon://hello-world" text="{i18n>APP_SETTINGS_DIALOG_LANGUAGE}" key="settings"/>
										<MenuItem icon="sap-icon://customize" text="{i18n>APP_SETTINGS_DIALOG_COOKIE_PREFERENCES}" key="cookie_preferences"
												visible="{= ${versionData>/enableAdvancedCookieSettings}}"/>
									</items>
								</Menu>
							</menu>
						</MenuButton>
						<core:ExtensionPoint name="customLinks" />
					</tnt:ToolHeader>

					<Bar visible="{= ${appView>/bPhoneSize} &amp;&amp; ${appView>/bHasMaster}}" class="sapContrast sapContrastPlus">
						<contentLeft>
							<ToggleButton icon="sap-icon://menu2" type="Transparent" press="toggleMaster" pressed="{appView>/bIsShownMaster}">
								<layoutData>
									<OverflowToolbarLayoutData priority="NeverOverflow" />
								</layoutData>
							</ToggleButton>
						</contentLeft>
					</Bar>
					<VBox items="{messagesData>/messages}" width="100%" class="sapUiTinyMarginTop" visible="{=!!${messagesData>/iVisibleMessagesCount}}">
						<items>
							<MessageStrip close="onCloseImportantMessage" text="{
								parts: [
									'messagesData>text'
								],
								formatter: '.formatter.formatImportantMessage'
							}" class="sapUiTinyMarginBottom sapUiTinyMarginBeginEnd" showIcon="true" showCloseButton="true" visible="{messagesData>isMessageVisible}" type="{messagesData>type}">
								<customData>
									<core:CustomData key="messageID" value="{messagesData>id}" />
								</customData>
							</MessageStrip>
						</items>
					</VBox>
					<core:ExtensionPoint name="customControls" />
					<ScrollContainer
							id="contentId"
							width="100%"
							height="100%"
							horizontal="false"
							vertical="false">
						<SplitApp id="splitApp"
								  mode="HideMode"
								  class="sapUiDocumentationSplitApp"
								  defaultTransitionNameDetail="show"
								  defaultTransitionNameMaster="fade">
						</SplitApp>
					</ScrollContainer>
				</items>
			</VBox>
		</content>
		<footer>
			<core:ExtensionPoint name="footer" />
		</footer>

	</Page>
</mvc:View>
