<core:FragmentDefinition
		xmlns:core="sap.ui.core"
		xmlns="sap.m"
		xmlns:form="sap.ui.layout.form"
		xmlns:util="sap.ui.fl.util"
		xmlns:layout="sap.ui.layout">
	<Dialog
		id="sapUiRtaAddIFrameDialog"
		title="{dialogInfo>/dialogTitle}"
		verticalScrolling="true"
		resizable="false"
		class="sapUiRtaAddIFrameDialog"
		draggable="true"
		validationSuccess=".onValidationSuccess"
		validationError=".onValidationError"
		parseError=".onValidationError"
		contentWidth="50rem"
		core:require="{ FloatType: 'sap/ui/model/type/Float' }"
		beforeOpen=".onBeforeOpen"
	>
		<content>
			<layout:VerticalLayout
					id="sapUiRtaAddIFrameDialog_VL"
					width="100%"
					class="sapUiRtaAddIFrameDialogVlWrapper">
				<VBox
					id="sapUiRtaAddIFrameDialog_ContainerTitle"
					visible="{dialogInfo>/showTitle/value}"
					class="sapUiRtaAddIFrameDialogContainer sapUiSmallMarginTop"
					renderType="Bare">
					<items>
						<Label
							id="sapUiRtaAddIFrameDialog_ContainerTitleLabel"
							text="{i18n>IFRAME_ADDIFRAME_DIALOG_CONTAINER_TITLE_LABEL}"
							class="sapUiRtaAddIFrameDialogContainerTitleLabel"
							design="Bold"
							required="true"
						/>
						<Input
							id="sapUiRtaAddIFrameDialog_ContainerTitle_TitleInput"
							class="sapUiTinyMarginTop"
							value="{
								path : 'dialogInfo>/title/value',
								type : 'sap.ui.model.type.String'
							}"
							liveChange=".onContainerTitleChange"
							valueLiveUpdate="true"
							valueState="{dialogInfo>/title/valueState}"
						/>
					</items>
				</VBox>
				<layout:Grid
						id="sapUiRtaAddIFrameDialog_EditGrid"
						class="sapUiRtaAddIFrameDialogEditGrid"
						containerQuery="true"
						defaultSpan="XL6 L6 M6 S12">
					<VBox id="sapUiRtaAddIFrameDialog_EditUrl" class="sapUiRtaAddIFrameDialogEditUrl" renderType="Bare">
						<Label
							id="sapUiRtaAddIFrameDialog_EditUrlLabel"
							labelFor="sapUiRtaAddIFrameDialog_EditUrlTA"
							class="sapUiRtaAddIFrameDialogEditUrlLabel"
							text="{i18n>IFRAME_ADDIFRAME_DIALOG_EDIT_URL_LABEL}"
							design="Bold"
							required="true"
						/>
						<TextArea
							id="sapUiRtaAddIFrameDialog_EditUrlTA"
							class="sapUiTinyMarginTop"
							fieldGroupIds = "sapUiRtaAddIFrameDialog_EditUrlTA"
							ariaLabelledBy="sapUiRtaAddIFrameDialog_EditUrlLabel"
							valueLiveUpdate="true"
							value="{dialogInfo>/frameUrl/value}"
							valueState="{= !!${dialogInfo>/frameUrlError/value} ? 'Error' : 'None'}"
							valueStateText="{dialogInfo>/frameUrlError/value}"
							validateFieldGroup=".onValidateUrl"
							liveChange=".onUrlLiveChange"
							rows="{= !!${dialogInfo>/showParameters/value} ? 8 : 1 }"
							growingMaxLines="8"
							width="100%"
							growing="true" />
					</VBox>
					<VBox id="sapUiRtaAddIFrameDialog_Parameters" class="sapUiRtaAddIFrameDialogEditUrl" alignItems="Start" renderType="Bare">
						<Button id="sapUiRtaAddIFrameDialog_ShowParametersButton"
							text="{i18n>IFRAME_ADDIFRAME_DIALOG_SHOW_PARAMETERS_BUTTON_TEXT}"
							press=".toggleParameterVisibility"
							class="sapUiRtaAddIFrameDialogShowParametersButton"
							visible="{= !${dialogInfo>/showParameters/value} }"/>
						<VBox id="sapUiRtaAddIFrameDialog_Parameters_Selection"
							visible="{dialogInfo>/showParameters/value}"
							class="sapUiRtaAddIFrameDialogParameters"
							renderType="Bare"
						>
							<HBox id="sapUiRtaAddIFrameDialog_ParametersHeader" class="sapUiRtaAddIFrameParametersHeader" justifyContent="SpaceBetween" alignContent="Center">
								<Label
									id="sapUiRtaAddIFrameDialog_ParametersLabel"
									text="{i18n>IFRAME_ADDIFRAME_DIALOG_PARAMETERS_LABEL}"
									labelFor="sapUiRtaAddIFrameDialog_ParameterTable"
									class="sapUiRtaAddIFrameDialogParametersLabel"
									tooltip="{i18n>IFRAME_ADDIFRAME_DIALOG_PARAMETERS_LABEL}"
									design="Bold"/>
								<Button
									id="sapUiRtaAddIFrameDialog_HideParametersButton"
									icon="sap-icon://decline"
									tooltip="{i18n>IFRAME_ADDIFRAME_DIALOG_HIDE_PARAMETERS_TOOLTIP}"
									class="sapUiRtaAddIFrameDialogHideParametersButton"
									press=".toggleParameterVisibility"
									type="Transparent" />
							</HBox>
							<SearchField
								id="sapUiRtaAddIFrameDialog_ParametersSearch"
								ariaLabelledBy="sapUiRtaAddIFrameDialog_ParameterSearchLabel"
								class="sapUiTinyMarginTop sapUiTinyMarginBottom"
								liveChange=".onLiveChange"
								showSearchButton="false"
							/>
							<ScrollContainer
								id="sapUiRtaAddIFrameDialog_ParameterScrollContainer"
								height="11rem"
								vertical="true"
							>
								<Table
									id="sapUiRtaAddIFrameDialog_ParameterTable"
									items="{dialogInfo>/parameters/value}"
									ariaLabelledBy="sapUiRtaAddIFrameDialog_ParametersLabel"
									class="sapUiSizeCompact sapUiRtaAddIFrameDialogParameterTable"
									sticky="ColumnHeaders"
								>
									<columns>
										<Column>
											<header>
												<Label id="sapUiRtaAddIFrameDialog_ParameterLabel" class="sapUiRtaAddIFrameDialogParameterLabel" text="{i18n>IFRAME_ADDIFRAME_DIALOG_TABLE_PARAMETER_LABEL}"/>
											</header>
										</Column>
										<Column>
											<header>
												<Label id="sapUiRtaAddIFrameDialog_ValueLabel" class="sapUiRtaAddIFrameDialog_ValueLabel" text="{i18n>IFRAME_ADDIFRAME_DIALOG_TABLE_UI_VALUE_LABEL}"/>
											</header>
										</Column>
									</columns>
									<items>
										<ColumnListItem type="Active" press=".onParameterPress">
											<cells>
												<Text
													text="{dialogInfo>label}"
													tooltip="{dialogInfo>label}"
												/>
												<Text
													text="{dialogInfo>value}"
													tooltip="{=${dialogInfo>value}.toString()}"
													wrapping="false"
												/>
											</cells>
										</ColumnListItem>
									</items>
								</Table>
							</ScrollContainer>
						</VBox>
					</VBox>
				</layout:Grid>
				<VBox id="sapUiRtaAddIFrameDialog_UrlWarningVBox" class="sapUiSmallMarginBegin sapUiRtaAddIFrameDialogUrlWarningVBox" displayInline="true">
					<MessageStrip
						id="sapUiRtaAddIFrameDialog_UrlInfoMessageStrip"
						text="{i18n>IFRAME_ADDIFRAME_DIALOG_URL_INFO_TEXT}"
						type="Information"
						showIcon="true"
						class="sapUiSmallMarginBottom">
						<link>
							<Link text="{i18n>IFRAME_ADDIFRAME_DIALOG_URL_INFO_LINKTEXT}"
								target="_blank"
								href="{dialogInfo>/documentationUrl/value}"/>
						</link>
					</MessageStrip>
				</VBox>
				<VBox
					id="sapUiRtaAddIFrameDialog_PreviewVBox"
					class="sapUiRtaAddIFrameDialogContainer sapUiTinyMarginTop"
					renderType="Bare">
					<HBox id="sapUiRtaAddIFrameDialog_PreviewLinkHBox"
						class="sapUiRtaAddIFrameDialogPreviewLinkHBox"
						justifyContent="SpaceBetween"
						alignItems="Center"
						width="100%"
					>
						<Label id="sapUiRtaAddIFrameDialog_PreviewLinkLabel"
							design="Bold"
							text="{i18n>IFRAME_ADDIFRAME_DIALOG_PREVIEW_LABEL}"
						/>
						<Button text="{=${dialogInfo>/previewUrl/value} === '' ? ${i18n>IFRAME_ADDIFRAME_DIALOG_BUTTON_SHOW_PREVIEW} : ${i18n>IFRAME_ADDIFRAME_DIALOG_BUTTON_UPDATE_PREVIEW} }"
							id="sapUiRtaAddIFrameDialog_PreviewButton"
							class="sapUiRtaAddIFrameDialogPreviewButton"
							press=".onPreviewPress"
							enabled="{= !${dialogInfo>/frameUrlError/value} &amp;&amp; ${dialogInfo>/frameUrl/value} !== '' &amp;&amp; (${dialogInfo>/previousFrameUrl/value} !== ${dialogInfo>/frameUrl/value} || ${dialogInfo>/settingsUpdate/value})}"
							icon="{=${dialogInfo>/previousFrameUrl/value} ? 'sap-icon://refresh' : null }"
							/>
					</HBox>
					<VBox id="sapUiRtaAddIFrameDialog_PreviewLinkVBox" class="sapUiRtaAddIFrameDialogContainer sapUiTinyMarginTop" renderType="Bare">
						<Link
							id="sapUiRtaAddIFrameDialog_PreviewLink"
							class="sapUiSmallMarginBottom"
							href="{dialogInfo>/previewUrl/value}"
							text="{dialogInfo>/previewUrl/value}"
							wrapping="true"
							visible="{= !!${dialogInfo>/previewUrl/value} }"
							target="_blank"
						/>
						<!-- This label is used to resolve the URL for the preview -->
						<Label visible="false" id="sapUiRtaAddIFrameDialog_PreviewLinkResolver"/>
					</VBox>
				</VBox>
				<layout:Grid
						id="sapUiRtaAddIFrameDialog_PreviewGrid"
						class="sapUiRtaAddIFrameDialogPreviewGrid"
						containerQuery="true"
						defaultSpan="XL12 L12 M12 S12">
					<VBox
						id="sapUiRtaAddIFrameDialog_PreviewGridVB"
						renderType="Bare">
						<layoutData>
							<FlexItemData growFactor="1"/>
						</layoutData>
						<items>
							<IllustratedMessage
								illustrationType="sapIllus-PageNotFound"
								enableVerticalResponsiveness="false"
								illustrationSize="Small"
								title="{i18n>IFRAME_ADDIFRAME_DIALOG_BUTTON_PREVIEW_MESSAGE}"
								enableDefaultTitleAndDescription="false"
								visible="{= !${dialogInfo>/previewUrl/value} }">
							</IllustratedMessage>
							<util:IFrame
								id="sapUiRtaAddIFrameDialog_PreviewFrame"
								title="{i18n>IFRAME_ADDIFRAME_DIALOG_PREVIEW_FRAME_LABEL}"
								class="sapUiRtaAddIFrameDialogPreviewFrame"
								width="{= ${dialogInfo>/frameWidth/value} + ${dialogInfo>/frameWidthUnit/value} }"
								height="{= ${dialogInfo>/frameHeight/value} + ${dialogInfo>/frameHeightUnit/value} }"
								advancedSettings="{dialogInfo>/advancedSettings/value}"
								visible="{= !!${dialogInfo>/previewUrl/value} }"/>
						</items>
					</VBox>
				</layout:Grid>
				<VBox id="sapUiRtaAddIFrameDialog_SizeVBox" class="sapUiRtaAddIFrameDialogSizeVBox">
					<layout:Grid
							id="sapUiRtaAddIFrameDialog_SizeGrid"
							vSpacing="0"
							hSpacing="0"
							containerQuery="true"
							position="Center"
							class="sapUiRtaAddIFrameDialogSizeGrid"
							defaultSpan="XL6 L6 M6 S12">
						<form:SimpleForm
								id="sapUiRtaAddIFrameDialog_WidthForm"
								editable="true"
								layout="ColumnLayout"
								class="sapUiRtaAddIFrameDialogWidthForm"
								adjustLabelSpan="false"
								singleContainerFullSize="false"
								ariaLabelledBy="sapUiRtaAddIFrameDialog_WidthLabel"
								columnsXL="2" columnsL="2" columnsM="2"
								labelSpanXL="2" labelSpanL="2" labelSpanM="2" labelSpanS="4"
								emptySpanXL="2" emptySpanL="2" emptySpanM="2" emptySpanS="0"
						>
							<form:content>
								<Label id="sapUiRtaAddIFrameDialog_WidthLabel" class="sapUiRtaAddIFrameDialogWidthLabel" labelFor="sapUiRtaAddIFrameDialog_WidthInput"
									text="{i18n>IFRAME_ADDIFRAME_DIALOG_WIDTH_LABEL}" required="true" design="Bold" />
								<StepInput
									id="sapUiRtaAddIFrameDialog_WidthInput"
									class="sapUiRtaAddIFrameDialogWidthInput"
									value="{path: 'dialogInfo>/frameWidth/value', type: 'FloatType', constraints: {minimum: 1}}"
									valueState="{dialogInfo>/frameWidth/valueState}"
									valueStateText="{i18n>IFRAME_ADDIFRAME_DIALOG_DIMENSIONS_ERROR}"
									change=".onSizeChange"
								/>
								<Select
									id="sapUiRtaAddIFrameDialog_WidthUnit"
									class="sapUiRtaAddIFrameDialogWidthUnit"
									ariaLabelledBy="sapUiRtaAddIFrameDialog_WidthUnitLabel"
									selectedKey="{dialogInfo>/frameWidthUnit/value}"
									items="{dialogInfo>/unitsOfWidthMeasure}"
									showSecondaryValues="true"
									columnRatio="1:5"
									width="auto"
									maxWidth="400px"
									change=".onSizeChange"
									tooltip="{i18n>IFRAME_ADDIFRAME_DIALOG_UNIT_TOOLTIP}"
								>
									<core:ListItem key="{dialogInfo>unit}" text="{dialogInfo>unit}" additionalText="{dialogInfo>descriptionText}"/>
									<layoutData>
										<form:ColumnElementData cellsLarge="5" cellsSmall="5" />
									</layoutData>
								</Select>
							</form:content>
						</form:SimpleForm>
						<form:SimpleForm
							id="sapUiRtaAddIFrameDialog_HeightForm"
							editable="true"
							layout="ColumnLayout"
							class="sapUiRtaAddIFrameDialogHeightForm"
							adjustLabelSpan="false"
							singleContainerFullSize="false"
							ariaLabelledBy="sapUiRtaAddIFrameDialog_HeightLabel"
							columnsXL="2" columnsL="2" columnsM="2"
							labelSpanXL="2" labelSpanL="2" labelSpanM="2" labelSpanS="4"
							emptySpanXL="2" emptySpanL="2" emptySpanM="2" emptySpanS="0"
						>
							<form:content>
								<Label id="sapUiRtaAddIFrameDialog_HeightLabel" class="sapUiRtaAddIFrameDialogHeightLabel" labelFor="sapUiRtaAddIFrameDialog_HeightInput"
									text="{i18n>IFRAME_ADDIFRAME_DIALOG_HEIGHT_LABEL}" required="true" design="Bold"/>
								<StepInput
									id="sapUiRtaAddIFrameDialog_HeightInput"
									class="sapUiRtaAddIFrameDialogHeightInput"
									value="{path: 'dialogInfo>/frameHeight/value', type: 'FloatType', constraints: {minimum: 1}}"
									valueState="{dialogInfo>/frameHeight/valueState}"
									valueStateText="{dialogInfo>/text/dimensionsErrorText}"
									change=".onSizeChange"
								/>
								<Select
									id="sapUiRtaAddIFrameDialog_HeightUnit"
									class="sapUiRtaAddIFrameDialogHeightUnit"
									ariaLabelledBy="sapUiRtaAddIFrameDialog_HeightUnitLabel"
									selectedKey="{dialogInfo>/frameHeightUnit/value}"
									forceSelection="false"
									items="{dialogInfo>/unitsOfHeightMeasure}"
									showSecondaryValues="true"
									columnRatio="1:5"
									width="auto"
									maxWidth="400px"
									change=".onSizeChange"
									tooltip="{i18n>IFRAME_ADDIFRAME_DIALOG_UNIT_TOOLTIP}"
								>
										<core:ListItem key="{dialogInfo>unit}" text="{= ${dialogInfo>unit} === 'vh' ? '%' : ${dialogInfo>unit}}" additionalText="{dialogInfo>descriptionText}"/>
										<layoutData>
											<form:ColumnElementData cellsLarge="5" cellsSmall="5" />
										</layoutData>
								</Select>
							</form:content>
						</form:SimpleForm>
					</layout:Grid>
				</VBox>
				<layout:Grid
					class="sapUiRtaAddIFrameDialogAdvancedSettingsGrid"
					containerQuery="true"
					defaultSpan="XL12 L12 M12 S12">
					<Panel
						id="sapUiRtaAddIFrameDialog_AdvancedSettingsPanel"
						expandable="true"
						width="auto"
						expanded="false"
						class="sapUiResponsiveMargin sapUiRtaAddIFrameDialogAdvancedSettingsPanel">
						<headerToolbar>
							<OverflowToolbar
									id="sapUiRtaAddIFrameDialog_AdvancedSettingsToolbar"
									class="sapUiRtaAddIFrameDialogAdvancedSettingsToolbar"
									height="3rem"
									style="Clear">
								<Title
									class="sapUiRtaAddIFrameDialogAdvancedSettingsTitle"
									text="{i18n>IFRAME_ADDIFRAME_SANDBOX_PARAMETERS}" />
								<ToolbarSpacer />
							</OverflowToolbar>
						</headerToolbar>
						<content>
							<MessageStrip
								id="sapUiRtaAddIFrameDialog_SecurityWarningMessage"
								text="{i18n>IFRAME_ADDIFRAME_ADDITIONAL_PARAMETERS_SECURITY_WARNING_TEXT}"
								type="Warning"
								showIcon="true"
								class="sapUiSmallMarginBottom">
								<link>
									<Link text="{i18n>IFRAME_ADDIFRAME_ADDITIONAL_PARAMETERS_WARNING_MORE_INFO_TEXT}"
										target="_blank"
										href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#sandbox"/>
								</link>
							</MessageStrip>
							<layout:Grid
								id="sapUiRtaAddIFrameDialog_SandboxPropertiesGrid"
								defaultSpan="XL6 L6 M6 S12"
								hSpacing="1"
								vSpacing="1"
								content="{
									path: 'dialogInfo>/advancedSettingsConfig',
									factory: '.createAdvancedSettingsControl'
								}"/>
						</content>
					</Panel>
				</layout:Grid>
			</layout:VerticalLayout>

			<!-- Invisible Texts for ARIA -->
			<core:InvisibleText id="sapUiRtaAddIFrameDialog_WidthUnitLabel" text="{i18n>IFRAME_ADDIFRAME_DIALOG_WIDTH_UNITLABEL}"/>
			<core:InvisibleText id="sapUiRtaAddIFrameDialog_HeightUnitLabel" text="{i18n>IFRAME_ADDIFRAME_DIALOG_HEIGHT_UNITLABEL}"/>
			<core:InvisibleText id="sapUiRtaAddIFrameDialog_ParameterSearchLabel" text="{i18n>IFRAME_ADDIFRAME_DIALOG_PARAMETER_SEARCH_LABEL}"/>
		</content>
		<beginButton>
			<Button
				id="sapUiRtaAddIFrameDialogSaveButton"
				class="sapUiRtaAddIFrameDialogSaveButton"
				type="Emphasized"
				text="{i18n>IFRAME_ADDIFRAME_DIALOG_BUTTON_SAVE}"
				press=".onSavePress"
				enabled="{= !!${dialogInfo>/saveEnabled} }"
			/>
		</beginButton>
		<endButton>
			<Button
				id="sapUiRtaAddIFrameDialogCancelButton"
				class="sapUiRtaAddIFrameDialogCancelButton"
				type="Transparent"
				text="{i18n>IFRAME_ADDIFRAME_DIALOG_BUTTON_CANCEL}"
				press=".onCancelPress"
			/>
		</endButton>
	</Dialog>
</core:FragmentDefinition>