{{#JAVASCRIPT_FILE_URLS}}{{/JAVASCRIPT_FILE_URLS}}
{{#JAVASCRIPT_CODE}}{{/JAVASCRIPT_CODE}}
{{#JAVASCRIPT_CODE_ONLOAD}}
apex.theme42.initializePage.modalDialog();
{{/JAVASCRIPT_CODE_ONLOAD}}
{{#CSS_FILE_URLS}}{{/CSS_FILE_URLS}}
{{#INLINE_CSS}}{{/INLINE_CSS}}

{{#HEADER_TEMPLATE}}
<!DOCTYPE html>
<html class="no-js #RTL_CLASS# page-&APP_PAGE_ID. app-&APP_ALIAS." lang="&BROWSER_LANGUAGE." #TEXT_DIRECTION#>
	<head>
		<title>#TITLE#</title>

		<!-- Meta -->
		<meta http-equiv="x-ua-compatible" content="IE=edge" />
		<meta charset="utf-8">
		<meta name="author" content="Vincent Morneau">
		<meta name="description" content="Material Design Theme for APEX">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		#APEX_CSS#
		#THEME_CSS#
		#TEMPLATE_CSS#
		#THEME_STYLE_CSS#
		#APPLICATION_CSS#
		#PAGE_CSS#
		#FAVICONS#
		#HEAD#
	</head>
	<body class="t-Dialog-page t-Dialog-page--standard #DIALOG_CSS_CLASSES# #PAGE_CSS_CLASSES#" #TEXT_DIRECTION# #ONLOAD#>
{{/HEADER_TEMPLATE}}
{{#BOX}}
#FORM_OPEN#

<!-- Item Container -->
#REGION_POSITION_01#

<div class="t-Dialog #PAGE_CSS_CLASSES#" role="dialog" aria-label="#TITLE#">
	<div class="t-Dialog-header">
		#REGION_POSITION_02#
	</div>

	<div class="t-Dialog-bodyWrapperOut">
		<div class="t-Dialog-bodyWrapperIn">
			<div class="t-Dialog-body ma-body-column-css-classes">
				#BODY#
			</div>

			<!-- Region Display Selector -->
			#REGION_POSITION_04#
		</div>
	</div>

	<div class="t-Dialog-footer">
		#REGION_POSITION_06#
	</div>
</div>

<div id="ma-notification-container">
#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#
</div>

#FORM_CLOSE#
{{/BOX}}
{{#FOOTER_TEMPLATE}}
#DEVELOPER_TOOLBAR#
#APEX_JAVASCRIPT#
#THEME_JAVASCRIPT#
#TEMPLATE_JAVASCRIPT#
#APPLICATION_JAVASCRIPT#
#PAGE_JAVASCRIPT#
#GENERATED_CSS#
#GENERATED_JAVASCRIPT#
<script type="text/javascript" src="#THEME_IMAGES#js/finalize#MIN#.js"></script>
</body>
</html>
{{/FOOTER_TEMPLATE}}

{{#SUCCESS_MESSAGE}}
<div class="t-Body-alert">
  <div class="t-Alert t-Alert--defaultIcons t-Alert--success t-Alert--horizontal t-Alert--page t-Alert--colorBG" id="t_Alert_Success" role="alert">
    <div class="t-Alert-wrap">
      <div class="t-Alert-icon">
        <i aria-hidden="true" class="fa fa-check"></i>
      </div>
      <div class="t-Alert-content">
        <div class="t-Alert-header">
          <span class="t-Alert-title">#SUCCESS_MESSAGE#</span>
        </div>
      </div>
      <div class="t-Alert-buttons">
        <button class="t-Button t-Button--noUI t-Button--icon t-Button--closeAlert btn-flat" type="button" title="#CLOSE_NOTIFICATION#"><i aria-hidden="true" class="fa fa-times panel-close"></i></button>
      </div>
    </div>
  </div>
</div>
{{/SUCCESS_MESSAGE}}
{{#MESSAGE}}
<div class="t-Body-alert">
  <div class="t-Alert t-Alert--defaultIcons t-Alert--warning t-Alert--horizontal t-Alert--page" id="t_Alert_Success" role="alert">
    <div class="t-Alert-wrap">
      <div class="t-Alert-icon">
			<i aria-hidden="true" class="fa fa-warning"></i>
      </div>
      <div class="t-Alert-content">
        <div class="t-Alert-header">
          <span class="t-Alert-title">#MESSAGE#</span>
        </div>
      </div>
      <div class="t-Alert-buttons">
        <button class="t-Button t-Button--noUI t-Button--icon t-Button--closeAlert btn-flat" type="button" title="#CLOSE_NOTIFICATION#"><i aria-hidden="true" class="fa fa-times panel-close"></i></button>
      </div>
    </div>
  </div>
</div>
{{/MESSAGE}}

{{#GRID_TEMPLATE}}
<div class="ma-container">#ROWS#</div>
{{/GRID_TEMPLATE}}
{{#GRID_ROW_TEMPLATE}}
<div class="row">#COLUMNS#</div>
{{/GRID_ROW_TEMPLATE}}
{{#GRID_COLUMN_TEMPLATE}}
<div class="col s12 m#COLUMN_SPAN_NUMBER# #CSS_CLASSES#" #ATTRIBUTES#>#CONTENT#</div>
{{/GRID_COLUMN_TEMPLATE}}

{{#DIALOG_BROWSER_FRAME}}
MODAL
{{/DIALOG_BROWSER_FRAME}}
{{#DIALOG_CSS_CLASSES}}{{/DIALOG_CSS_CLASSES}}
{{#DIALOG_HEIGHT}}
auto
{{/DIALOG_HEIGHT}}
{{#DIALOG_JS_CANCEL_CODE}}
apex.navigation.dialog.cancel(#IS_MODAL#);
{{/DIALOG_JS_CANCEL_CODE}}
{{#DIALOG_JS_CLOSE_CODE}}
apex.navigation.dialog.close(#IS_MODAL#,#TARGET#);
{{/DIALOG_JS_CLOSE_CODE}}
{{#DIALOG_JS_INIT_CODE}}
apex.navigation.dialog(#PAGE_URL#,{title:#TITLE#,height:#DIALOG_HEIGHT#,width:#DIALOG_WIDTH#,maxWidth:#DIALOG_MAX_WIDTH#,modal:#IS_MODAL#,dialog:#DIALOG#,#DIALOG_ATTRIBUTES#},'t-Dialog-page--standard '+#DIALOG_CSS_CLASSES#,#TRIGGERING_ELEMENT#);
{{/DIALOG_JS_INIT_CODE}}
{{#DIALOG_MAX_WIDTH}}
960
{{/DIALOG_MAX_WIDTH}}
{{#DIALOG_WIDTH}}
720
{{/DIALOG_WIDTH}}

{{#TEMPLATE_OPTION_GROUPS}}
[]
{{/TEMPLATE_OPTION_GROUPS}}
{{#TEMPLATE_OPTIONS}}
[
  {
    "NAME": "STRETCH_TO_FIT_WINDOW",
    "DISPLAY_NAME": "Stretch to Fit Window",
    "DISPLAY_SEQUENCE": 1,
    "CSS_CLASSES": "ui-dialog--stretch",
    "HELP_TEXT": "Stretch the dialog to fit the browser window.",
    "IS_ADVANCED": ""
  }
]
{{/TEMPLATE_OPTIONS}}
{{#DEFAULT_TEMPLATE_OPTIONS}}{{/DEFAULT_TEMPLATE_OPTIONS}}
{{#PRESET_TEMPLATE_OPTIONS}}{{/PRESET_TEMPLATE_OPTIONS}}
