<core:FragmentDefinition xmlns:mdcLink="sap.ui.mdc.link" xmlns:m="sap.m" xmlns:core="sap.ui.core"
						 xmlns:l="sap.ui.layout">

	<l:VerticalLayout width="100%" class="mdcbaseinfoPanel">

		<!-- Determination of 'visible' property of PanelListItem rely on some prerequisites:                           -->
		<!-- If link personalization is not enabled we have to show all links independent whether they are valid or not -->
		<!-- The item without valid <code>key</code> property should always be shown.                                   -->
		<m:VBox id="idSectionHeader" fitContainer="false"
				class="mdcbaseinfoPanelTitleH1 mdcbaseinfoPanelHeader mdcbaseinfoPanelThumbnail"
				items="{path:'$sapuimdcbaseinfoPanel>/runtimeItems',
						templateShareable:false,
						filters:[{path:'isMain', operator:'EQ', value1:true}]
				}" visible="{= ${$sapuimdcbaseinfoPanel>/countMainItems} > 0}">

			<mdcLink:PanelListItem key="{$sapuimdcbaseinfoPanel>id}"
									   visible="{$sapuimdcbaseinfoPanel>visible}"
									   text="{$sapuimdcbaseinfoPanel>text}"
									   description="{$sapuimdcbaseinfoPanel>description}"
									   href="{$sapuimdcbaseinfoPanel>href}"
									   icon="{$sapuimdcbaseinfoPanel>icon}"
									   target="{$sapuimdcbaseinfoPanel>target}"
			/>
		</m:VBox>

		<m:VBox id="idSectionAdditionalContent" fitContainer="false"/>

		<m:VBox fitContainer="false" class="mdcbaseinfoPanelSeparator"
				visible="{= ${$sapuimdcbaseinfoPanel>/countNonMainItemsWithIcon} > 0 || ${$sapuimdcbaseinfoPanel>/countNonMainItemsWithoutIcon} > 0}"/>

		<!-- Determination of 'visible' property of PanelListItem rely on some prerequisites:                           -->
		<!-- If link personalization is not enabled we have to show all links independent whether they are valid or not -->
		<!-- The item without valid <code>key</code> property should always be shown.                                   -->
		<m:VBox id="idSectionLinks" fitContainer="false"
				items="{
					path:'$sapuimdcbaseinfoPanel>/runtimeItems',
					templateShareable:false,
					filters:[{path:'isMain', operator:'NE', value1:true}]
				}">
			<mdcLink:PanelListItem key="{$sapuimdcbaseinfoPanel>id}"
									   visible="{$sapuimdcbaseinfoPanel>visible}"
									   text="{$sapuimdcbaseinfoPanel>text}"
									   description="{$sapuimdcbaseinfoPanel>description}"
									   href="{$sapuimdcbaseinfoPanel>href}"
									   icon="{$sapuimdcbaseinfoPanel>icon}"
									   target="{$sapuimdcbaseinfoPanel>target}"
			/>
		</m:VBox>

		<m:HBox visible="{= ${$sapuimdcbaseinfoContentHandler>/metadata}.length > 1}" id="idSectionPersonalizationButton" justifyContent="End" class="mdcbaseinfoPanelPersonalizationButton">
			<m:Button id="idPersonalizationButton" type="Transparent" text="{$this.i18n>info.POPOVER_DEFINE_LINKS}"
					  press="onPressLinkPersonalization"/>
		</m:HBox>

	</l:VerticalLayout>
</core:FragmentDefinition>
