<core:FragmentDefinition
	xmlns:core="sap.ui.core"
	xmlns="sap.m"
	xmlns:grid="sap.ui.layout.cssgrid"
	xmlns:f="sap.f"
	xmlns:util="sap.ui.fl.util">
	<Dialog
		id="sapUiRtaWhatsNewOverviewDialog"
		title="{i18n>TIT_WHATS_NEW_DIALOG_OVERVIEW}"
		contentWidth="50rem"
		contentHeight="33rem"
		horizontalScrolling="false">
		<List id="whatsNewOverview" items="{path: 'whatsNewModel>/featureCollection'}" visible="{whatsNewModel>overviewActive}">
			<StandardListItem
					description="{whatsNewModel>description}"
					title="{whatsNewModel>title}"
					press=".onSelectListItem"
					wrapping="true"
					wrapCharLimit="10000"
					type="Active"/>
		</List>
		<VBox  id="whatsNewItemPage" visible="{= ${whatsNewModel>overviewActive} === false}">
			<VBox height="100%" width="100%" >
				<Title text="{whatsNewModel>title}" class="sapUiMediumMarginTop sapUiLargeMarginBegin sapUiTinyMarginBottom" level="H3"/>
				<VBox class="sapUiSmallMargin sapUiLargeMarginBegin sapUiLargeMarginEnd" >
					<VBox height="100%" width="100%" items="{whatsNewModel>information}">
						<HBox alignItems="Center" class=" sapUiSmallMarginBottom ">
								<FormattedText
									visible="{= (${whatsNewModel>image} === null ? true : false) &amp;&amp; (${whatsNewModel>text} !== null ? true : false)}"
									htmlText="{whatsNewModel>text}"
									class="sapUiMediumMarginEnd"/>
								<Image
									src= "{whatsNewModel>image}"
									visible="{= (${whatsNewModel>image} !== null ? true : false) &amp;&amp; (${whatsNewModel>text} === null ? true : false)}"
									class=" sapUiMediumMarginEnd whatsNewImage"
									width="100%"
									/>
								<grid:CSSGrid
									visible="{= (${whatsNewModel>image} !== null ? true : false) &amp;&amp; (${whatsNewModel>text} !== null ? true : false)}"
									gridTemplateColumns="2fr 3fr"
									gridGap="1rem">
									<Image
										src= "{whatsNewModel>image}"
										decorative="true"
										densityAware="false"
										class=" sapUiMediumMarginEnd whatsNewImage"
										width="100%"
										/>
									<HBox alignItems="Center">
										<FormattedText htmlText="{whatsNewModel>text}"/>
									</HBox>
							</grid:CSSGrid>
						</HBox>
					</VBox>
				</VBox>
			</VBox>
		</VBox>
		<footer>
			<Toolbar>
				<content>
					<ToolbarSpacer />
					<Button
						id="sapUiRtaWhatsNewOverviewDialog_LearnMore"
						enabled="{= ${whatsNewModel>documentationUrls} !== null}"
						visible="{= ${whatsNewModel>overviewActive} === false}"
						text="{i18n>BTN_LEARN_MORE_WHATS_NEW_DIALOG}"
						press=".onLearnMorePress"/>
					<Button
						id="sapUiRtaWhatsNewOverviewDialog_ButtonBack"
						visible="{= ${whatsNewModel>overviewActive} === false}"
						text="{i18n>BTN_BACK_WHATS_NEW_OVERVIEW_DIALOG}"
						press=".backToOverview"/>
					<Button
						id="sapUiRtaWhatsNewOverviewDialog_ButtonClose"
						visible="true"
						text="{i18n>BTN_CLOSE_FEEDBACK_DIALOG}"
						press=".closeWhatsNewOverviewDialog"/>
				</content>
			</Toolbar>
		</footer>
	</Dialog>
</core:FragmentDefinition>