<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="{/text/dialogTitle}"
		verticalScrolling="true"
		resizable="false"
		class="sapUiRtaAddIFrameDialog"
		draggable="true"
		validationSuccess="onValidationSuccess"
		validationError="onValidationError"
		parseError="onValidationError"
		contentWidth="50rem"
		contentHeight="44rem"
		core:require="{ FloatType: 'sap/ui/model/type/Float' }"
		afterOpen="configureMultiInput"
	>
		<content>
			<layout:VerticalLayout
					id="sapUiRtaAddIFrameDialog_VL"
					width="100%"
					class="sapUiRtaAddIFrameDialogVlWrapper">
				<VBox visible="{/asContainer/value}" class="sapUiRtaAddIFrameDialogContainerTitleVBox" renderType="Bare">
					<items>
						<Label
							id="sapUiRtaAddIFrameDialog_ContainerTitleLabel"
							text="{/text/containerTitleLabel}"
							class="sapUiRtaAddIFrameDialogContainerTitleLabel"
							design="Bold"
						/>
						<Input
							id="sapUiRtaAddIFrameDialog_ContainerTitle_TitleInput"
							class="sapUiRtaAddIFrameDialogContainerTitleInput"
							value="{
								path : '/title/value',
								type : 'sap.ui.model.type.String'
							}"
							liveChange=".onContainerTitleChange"
							valueLiveUpdate="true"
							valueState="{/title/valueState}"
						/>
					</items>
				</VBox>
				<VBox>
					<items>
						<Label id="sapUiRtaAddIFrameDialog_SizeTitle" text="{/text/sizeTitle}" class="sapUiRtaAddIFrameDialogSizeTitle" design="Bold"/>
						<layout:Grid
								id="sapUiRtaAddIFrameDialog_SizeGrid"
								containerQuery="true" position="Center"
								class="sapUiRtaAddIFrameDialogSizeGrid"
								defaultSpan="XL6 L6 M6 S12">
							<form:SimpleForm
									id="sapUiRtaAddIFrameDialog_WidthForm" editable="true" layout="ResponsiveGridLayout" class="sapUiRtaAddIFrameDialogWidthForm"
									adjustLabelSpan="false" singleContainerFullSize="false" ariaLabelledBy="sapUiRtaAddIFrameDialog_WidthLabel"
									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="{/text/widthLabel}">
									</Label>
									<Input id="sapUiRtaAddIFrameDialog_WidthInput" class="sapUiRtaAddIFrameDialogWidthInput"
										value="{path: '/frameWidth/value', type: 'FloatType', constraints: {minimum: 1}}"
										valueState="{/frameWidth/valueState}"/>
									<Select
										id="sapUiRtaAddIFrameDialog_WidthUnit"
										class="sapUiRtaAddIFrameDialogWidthUnit"
										ariaLabelledBy="sapUiRtaAddIFrameDialog_WidthUnitLabel"
										selectedKey="{/frameWidthUnit/value}"
										items="{/unitsOfWidthMeasure}"
										showSecondaryValues= "true"
										columnRatio="1:5"
										width="auto"
										maxWidth="400px">
											<core:ListItem key="{unit}" text="{unit}" additionalText="{descriptionText}"/>
									</Select>
								</form:content>
							</form:SimpleForm>
							<form:SimpleForm
									id="sapUiRtaAddIFrameDialog_HeightForm" editable="true" layout="ResponsiveGridLayout" class="sapUiRtaAddIFrameDialogHeightForm"
									adjustLabelSpan="false" singleContainerFullSize="false" ariaLabelledBy="sapUiRtaAddIFrameDialog_HeightLabel"
									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="{/text/heightLabel}"/>
									<Input id="sapUiRtaAddIFrameDialog_HeightInput" class="sapUiRtaAddIFrameDialogHeightInput"
										value="{path: '/frameHeight/value', type: 'FloatType', constraints: {minimum: 1}}"
										valueState="{/frameHeight/valueState}"/>
									<Select
										id="sapUiRtaAddIFrameDialog_HeightUnit"
										class="sapUiRtaAddIFrameDialogHeightUnit"
										ariaLabelledBy="sapUiRtaAddIFrameDialog_HeightUnitLabel"
										selectedKey="{/frameHeightUnit/value}"
										forceSelection="false"
										items="{/unitsOfHeightMeasure}"
										showSecondaryValues= "true"
										columnRatio="1:5"
										width="auto"
										maxWidth="400px">
											<core:ListItem key="{unit}" text="{= ${unit} === 'vh' ? '%' : ${unit}}" additionalText="{descriptionText}"/>
									</Select>
								</form:content>
							</form:SimpleForm>
						</layout:Grid>
					</items>
				</VBox>
				<layout:Grid
						id="sapUiRtaAddIFrameDialog_PercentGrid"
						class="sapUiRtaAddIFrameDialogPercentGrid"
						containerQuery="true"
						position="Right"
						defaultSpan="XL12 L12 M12 S12">
					<Text id="sapUiRtaAddIFrameDialog_PercentText" text="{/text/percentUseLabel}" class="sapUiRtaAddIFrameDialogPercentText"/>
				</layout:Grid>
				<layout:Grid
						id="sapUiRtaAddIFrameDialog_EditGrid"
						class="sapUiRtaAddIFrameDialogEditGrid"
						containerQuery="true"
						defaultSpan="XL6 L6 M6 S12">
					<VBox id="sapUiRtaAddIFrameDialog_Parameters" class="sapUiRtaAddIFrameDialogParameters" renderType="Bare">
						<items>
							<Label id="sapUiRtaAddIFrameDialog_ParametersLabel" text="{/text/parametersLabel}" labelFor="sapUiRtaAddIFrameDialog_ParameterTable"
								   class="sapUiRtaAddIFrameDialogParametersLabel" design="Bold"/>
							<SearchField
								id="sapUiRtaAddIFrameDialog_ParametersSearch"
								ariaLabelledBy="sapUiRtaAddIFrameDialog_ParameterSearchLabel"
								class="sapUiRtaAddIFrameDialogParametersSearch"
								liveChange="onLiveChange"
								showSearchButton="false"
							/>
							<ScrollContainer height="12rem" vertical="true" >
								<Table id="sapUiRtaAddIFrameDialog_ParameterTable" items="{/parameters/value}" ariaLabelledBy="sapUiRtaAddIFrameDialog_ParametersLabel"
									   class="sapUiSizeCompact sapUiRtaAddIFrameDialogParameterTable" sticky="ColumnHeaders">
									<columns>
										<Column>
											<header>
												<Label id="sapUiRtaAddIFrameDialog_ParameterLabel" class="sapUiRtaAddIFrameDialogParameterLabel" text="{/text/columnParameterLabel}"/>
											</header>
										</Column>
										<Column>
											<header>
												<Label id="sapUiRtaAddIFrameDialog_ValueLabel" class="sapUiRtaAddIFrameDialog_ValueLabel" text="{/text/columnUiValueLabel}"/>
											</header>
										</Column>
									</columns>
									<items>
										<ColumnListItem type="Active" press="onParameterPress">
											<cells>
												<Text text="{label}"/>
												<Text text="{value}" wrapping="false"/>
											</cells>
										</ColumnListItem>
									</items>
								</Table>
							</ScrollContainer>
						</items>
					</VBox>
					<VBox id="sapUiRtaAddIFrameDialog_EditUrl" class="sapUiRtaAddIFrameDialogEditUrl" renderType="Bare">
						<items>
							<Label id="sapUiRtaAddIFrameDialog_EditUrlLabel" labelFor="sapUiRtaAddIFrameDialog_EditUrlTA"
								   class="sapUiRtaAddIFrameDialogEditUrlLabel" text="{/text/editUrlLabel}" design="Bold" />
							<TextArea id="sapUiRtaAddIFrameDialog_EditUrlTA" ariaLabelledBy="sapUiRtaAddIFrameDialog_EditUrlLabel"
									  class="sapUiRtaAddIFrameDialog_EditUrlTA"
									  valueLiveUpdate="true" value="{/frameUrl/value}" liveChange="onUrlChange" rows="11" width="100%" />
						</items>
					</VBox>
				</layout:Grid>
				<layout:Grid
						id="sapUiRtaAddIFrameDialog_UrlWarningGrid"
						class="sapUiRtaAddIFrameDialogUrlWarningGrid"
						containerQuery="true"
						defaultSpan="XL12 L12 M12 S12">
					<FormattedText
							id="sapUiRtaAddIFrameDialog_DocumentationLink"
							htmlText="{/documentationLink/HTML}" class="sapUiRtaAddIFrameDialogDocumentationLink"/>
				</layout:Grid>
				<layout:Grid
					id="sapUiRtaAddIFrameDialog_PreviewLinkGrid"
					class="sapUiRtaAddIFrameDialogPreviewLinkGrid"
					containerQuery="true"
					defaultSpan="XL12 L12 M12 S12">
					<Panel id="sapUiRtaAddIFrameDialog_PreviewLinkPanel"
						   expandable="true" width="auto" expanded="false"
						   class="sapUiResponsiveMargin sapUiRtaAddIFrameDialogPreviewLinkPanel">
						<headerToolbar>
							<OverflowToolbar
									id="sapUiRtaAddIFrameDialog_PreviewLinkToolbar"
									class="sapUiRtaAddIFrameDialogPreviewLinkToolbar" height="3rem" style="Clear">
								<Title
									id="sapUiRtaAddIFrameDialog_PreviewLinkTitle"
									class="sapUiRtaAddIFrameDialogPreviewLinkTitle"
									text="{/text/previewUrlLabel}" />
								<ToolbarSpacer />
								<Button
									id="sapUiRtaAddIFrameDialog_PreviewButton"
									enabled="{=${/previewUrl/value} !== ${/frameUrl/value} || ${/previewUseLegacyNavigation/value} !== ${/useLegacyNavigation/value} || ${/settingsUpdate/value}}"
									text="{=${/previewUrl/value} === '' ? ${/text/showPreviewButton} : ${/text/updatePreviewButton} }"
									press="onShowPreview"
									class="sapUiTinyMarginTop sapUiRtaAddIFrameDialogPreviewButton" />
							</OverflowToolbar>
						</headerToolbar>
						<content>
							<Link
								id="sapUiRtaAddIFrameDialog_PreviewLink"
								class="sapUiRtaAddIFrameDialogPreviewLink"
								href="{/previewUrl/value}" text="{/previewUrl/value}" wrapping="true" visible="{= !!${/previewUrl/value} }" target="_blank" />
						</content>
					</Panel>
				</layout:Grid>
				<layout:Grid
						id="sapUiRtaAddIFrameDialog_PreviewGrid"
						class="sapUiRtaAddIFrameDialogPreviewGrid"
						containerQuery="true"
						defaultSpan="XL12 L12 M12 S12">
					<VBox
						id="sapUiRtaAddIFrameDialog_PreviewGridVB"
						class="sapUiRtaAddIFrameDialogPreviewGridVB"
						renderType="Bare">
						<layoutData>
							<FlexItemData growFactor="1"/>
						</layoutData>
						<items>
							<Label
								id="sapUiRtaAddIFrameDialog_NoPreviewLabel"
								class="sapUiRtaAddIFrameDialogNoPreviewLabel" wrapping="true"
								text="{/text/previewUrlMessage}" textAlign="Center" visible="{= !${/previewUrl/value} }" />
							<util:IFrame
									id="sapUiRtaAddIFrameDialog_PreviewFrame"
									height="100%"
									title="{/text/previewFrameLabel}"
									useLegacyNavigation="{/previewUseLegacyNavigation/value/}"
									class="sapUiRtaAddIFrameDialogPreviewFrame"
									visible="{= !!${/previewUrl/value} }"
									advancedSettings="{/advancedSettings/value}" />
						</items>
					</VBox>
				</layout:Grid>
				<layout:Grid
					class="sapUiRtaAddIFrameDialogPreviewLinkGrid"
					containerQuery="true"
					defaultSpan="XL12 L12 M12 S12">
					<Panel
						expandable="true"
						width="auto"
						expanded="false"
						class="sapUiResponsiveMargin sapUiRtaAddIFrameDialogPreviewLinkPanel">
						<headerToolbar>
							<OverflowToolbar
									class="sapUiRtaAddIFrameDialogPreviewLinkToolbar" height="3rem" style="Clear">
								<Title
									class="sapUiRtaAddIFrameDialogPreviewLinkTitle"
									text="{/text/advancedSettingsTitle}" />
								<ToolbarSpacer />
							</OverflowToolbar>
						</headerToolbar>
						<content>
							<HBox
								alignItems="Center"
								class="sapUiRtaAddIFrameDialogLegacyNavigationContainer sapUiLargeMarginBottom">
								<Switch
									id="sapUiRtaAddIFrameDialog_UseLegacyNavigationToggle"
									customTextOn=" "
									customTextOff=" "
									state="{/useLegacyNavigation/value}" />
								<Label
									text="{/text/useLegacyNavigationLabel}" />
								<Button
									icon="sap-icon://hint"
									type="Transparent"
									press="onLegacyNavigationInfoPress"
									ariaHasPopup="Dialog" />
							</HBox>
							<MessageStrip
								id="sapUiRtaAddIFrameDialog_SecurityWarningMessage"
								text="{/text/additionalParametersSecurityWarningText}"
								type="Warning"
								showIcon="true"
								showCloseButton="true"
								class="sapUiSmallMarginBottom">
								<link>
									<Link text="{/text/additionalParametersWarningMoreInfoText}"
										target="_blank"
										href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#sandbox"/>
								</link>
							</MessageStrip>
							<form:Form editable="true">
								<form:layout>
									<form:ResponsiveGridLayout
										id="sapUiRtaAddIFrameDialog_SanboxPropertiesForm"
										adjustLabelSpan="false" singleContainerFullSize="false"
										labelSpanXL="6" labelSpanL="6" labelSpanM="6" labelSpanS="12"
										columnsXL="2" columnsL="2" columnsM="2"/>
									</form:layout>
										<form:FormContainer>
											<form:FormElement label="allow-forms">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowFormsSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowForms}" />
											</form:FormElement>
											<form:FormElement label="allow-scripts">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowScriptsSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowScripts}" />
											</form:FormElement>
											<form:FormElement label="allow-same-origin">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowSameOriginSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowSameOrigin}" />
											</form:FormElement>
											<form:FormElement label="allow-popups">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowPopupsSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowPopups}" />
											</form:FormElement>
											<form:FormElement label="allow-modals">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowModalsSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowModals}" />
											</form:FormElement>
										</form:FormContainer>
										<form:FormContainer>
											<form:FormElement label="allow-top-navigation">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowTopNavigationSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowTopNavigation}" />
											</form:FormElement>
											<form:FormElement label="allow-downloads">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowDownloadsSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowDownloads}" />
											</form:FormElement>
											<form:FormElement label="allow-downloads-without-user-activation">
												<Switch
													change="onSwitchChange"
													id="sapUiRtaAddIFrameDialog_allowDownloadsWithoutUserActivationSwitch"
													customTextOn=" "
													customTextOff=" "
													state="{/advancedSettings/value/allowDownloadsWithoutUserActivation}" />
											</form:FormElement>
											<form:FormElement>
												<Label
													id="sapUiRtaAddIFrameDialog_AddAdditionalParametersLabel"
													class="sapUiSmallMarginTop"
													text="{/text/additionalSandboxParametersLabel}"
													labelFor="sapUiRtaAddIFrameDialog_AddAdditionalParametersInput" />
											</form:FormElement>
											<form:FormElement>
												<MultiInput
													id="sapUiRtaAddIFrameDialog_AddAdditionalParametersInput"
													placeholder="{/text/additionalSandboxParametersPlaceholder}"
													showValueHelp="false"
													tokenUpdate="onTokenUpdate"
													tokens="{/advancedSettings/value/additionalSandboxParameters}"
													ariaLabelledBy="sapUiRtaAddIFrameDialog_AddAdditionalParametersLabel">
													<tokens>
														<Token text="{}" key="{}"/>
													</tokens>
												</MultiInput>
									</form:FormElement>
								</form:FormContainer>
							</form:Form>
						</content>
					</Panel>
				</layout:Grid>
			</layout:VerticalLayout>

			<!-- Invisible Texts for ARIA -->
			<core:InvisibleText id="sapUiRtaAddIFrameDialog_WidthUnitLabel" text="{/text/widthUnitLabel}"/>
			<core:InvisibleText id="sapUiRtaAddIFrameDialog_HeightUnitLabel" text="{/text/heightUnitLabel}"/>
			<core:InvisibleText id="sapUiRtaAddIFrameDialog_ParameterSearchLabel" text="{/text/parameterSearchLabel}"/>
		</content>
		<beginButton>
			<Button
				id="sapUiRtaAddIFrameDialogSaveButton"
				class="sapUiRtaAddIFrameDialogSaveButton"
				type="Emphasized"
				text="{/text/saveText}"
				press="onSavePress"
				enabled="{= !!${/frameUrl/value} }"
			/>
		</beginButton>
		<endButton>
			<Button
				id="sapUiRtaAddIFrameDialogCancelButton"
				class="sapUiRtaAddIFrameDialogCancelButton"
				type="Transparent"
				text="{/text/cancelText}"
				press="onCancelPress"
			/>
		</endButton>
	</Dialog>
</core:FragmentDefinition>
