<mvc:View
	controllerName="sap.ui.documentation.sdk.controller.ApiMaster"
	xmlns="sap.m"
	xmlns:l="sap.ui.layout"
	xmlns:core="sap.ui.core"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:custom="sap.ui.documentation"
	height="100%"
	displayBlock="true"
	class="sapContrast sapContrastPlus">

	<Page
		class="sapUiDocumentationMasterPage sapUiDemoKitApiMasterPage"
		enableScrolling="true"
		showFooter="false"
		showNavButton="false">

		<customHeader>
			<Toolbar height="100%" width="100%">
				<SearchField id="searchField" placeholder="{i18n>API_MASTER_PLACEHOLDER}" liveChange="onTreeFilter" />
				<Button id="expandAllButton" icon="sap-icon://expand-all" press="onTreeExpandAll" tooltip="{i18n>API_MASTER_EXPAND_BTN_TOOLTIP}" />
				<Button id="collapseAllButton" icon="sap-icon://collapse-all" press="onTreeCollapseAll" tooltip="{i18n>API_MASTER_COLLAPSE_BTN_TOOLTIP}" />
			</Toolbar>
		</customHeader>

		<subHeader>
			<Toolbar height="100%" width="100%">
				<FlexBox height="100%" width="100%" alignItems="Start" justifyContent="Start" wrap="Wrap">
					<CheckBox id="includeDeprecated" text="{i18n>API_MASTER_DEPRECATED_CB}" select="onIncludeDeprecatedItemsChange" />
					<CheckBox id="includeExperimental" text="{i18n>API_MASTER_EXPERIMENTAL_CB}" select="onIncludeExperimentalItemsChange" />
				</FlexBox>
			</Toolbar>
		</subHeader>

		<content>
			<l:FixFlex id="treeContainer" fixFirst="false" minFlexSize="100">
				<l:flexContent>
					<Tree
						id="tree"
						mode="SingleSelectMaster"
						noDataText="{i18n>API_MASTER_NO_DATA_TEXT}"
						selectionChange="onNodeSelect"
						items="{treeData>/}">
						<custom:DemokitTreeItem
							title="{treeData>displayName}"
							target="{treeData>name}"
							entityType="{treeData>kind}"
							section="api"
							class="sapDemokitTreeItem"
							deprecated="{treeData>deprecated}"
							experimental="{treeData>experimental}" />
					</Tree>
				</l:flexContent>
				<l:fixContent>
					<core:Fragment fragmentName="sap.ui.documentation.sdk.view.FooterMaster" type="XML" />
				</l:fixContent>
			</l:FixFlex>
		</content>

	</Page>

</mvc:View>