<mvc:View
		controllerName="sap.ui.documentation.sdk.controller.TopicMaster"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns="sap.m"
		xmlns:core="sap.ui.core"
		xmlns:l="sap.ui.layout"
        xmlns:custom="sap.ui.documentation"
		class="sapContrast sapContrastPlus">

	<Page
			id="page"
			enableScrolling="true"
			showFooter="false"
			navButtonPress="onNavBack"
			showNavButton="false"
			class="sapUiDocumentationMasterPage">

		<customHeader>
			<Toolbar width="100%">
				<SearchField id="searchField" placeholder="{i18n>TOPIC_MASTER_FILTER_PLACEHOLDER}" liveChange="onTreeFilter" class="sapUiDocumentationFilterField"/>
				<Button icon="sap-icon://expand-all" press="onTreeExpandAll" tooltip="{i18n>TOPIC_MASTER_EXPAND_TOOLTIP}"/>
				<Button icon="sap-icon://collapse-all" press="onTreeCollapseAll" tooltip="{i18n>TOPIC_MASTER_COLAPSE_TOOLTIP}"/>
			</Toolbar>
		</customHeader>

		<content>
			<l:FixFlex id="treeContainer" fixFirst="false" minFlexSize="100">
				<l:flexContent>
					<Tree
						id="tree"
						mode="SingleSelectMaster"
						selectionChange="onNodeSelect"
						noDataText="{i18n>TOPIC_MASTER_NO_DATA_TEXT}"
						items="{ path: '/' }">
						<custom:DemokitTreeItem
								title="{text}"
								target="{key}"
								section="topic"
								selected="{isSelected}"/>
					</Tree>
				</l:flexContent>
				<l:fixContent>
					<core:Fragment fragmentName="sap.ui.documentation.sdk.view.FooterMaster" type="XML" />
				</l:fixContent>
			</l:FixFlex>
		</content>

	</Page>

</mvc:View>
