@openui5/sap.m 1.93.3 → 1.96.1

package/src/sap/m/MaskEnabler.js

@@ -9,13 +9,14 @@ sap.ui.define([
 	'./InputBase',
 	'sap/ui/Device',
 	'sap/ui/core/library',
+	'sap/ui/core/IconPool',
 	"sap/ui/events/KeyCodes",
 	"sap/base/Log",
 	"sap/ui/thirdparty/jquery",
 	"sap/m/MaskInputRule",
 	// jQuery Plugin "cursorPos"
 	"sap/ui/dom/jquery/cursorPos"
-], function(Control, InputBase, Device, coreLibrary, KeyCodes, Log, jQuery, MaskInputRule) {
+], function(Control, InputBase, Device, coreLibrary, IconPool, KeyCodes, Log, jQuery, MaskInputRule) {
 	"use strict";
 
 	// shortcut for sap.ui.core.TextDirection
@@ -25,7 +26,7 @@ sap.ui.define([
 	 * Applies mask support for input controls.
 	 * It should should be applied to the prototype of a <code>sap.m.InputBase</code>.
 	 *
-	 * @version 1.93.3
+	 * @version 1.96.1
 	 * @private
 	 * @mixin
 	 * @alias sap.m.MaskEnabler
@@ -55,6 +56,8 @@ sap.ui.define([
 			// Skips setup of mask variables on every iteration when initializing default rules
 			this._bSkipSetupMaskVariables = null;
 
+			this._oRb = sap.ui.getCore().getLibraryResourceBundle("sap.m");
+
 			this._setDefaultRules();
 			this._setupMaskVariables();
 		};
@@ -87,6 +90,8 @@ sap.ui.define([
 			}
 
 			InputBase.prototype.onBeforeRendering.apply(this, arguments);
+
+			this.getShowClearIcon && this.getShowClearIcon() && this._getClearIcon().setVisible(this.getProperty("effectiveShowClearIcon"));
 		};
 
 		/**
@@ -169,6 +174,10 @@ sap.ui.define([
 			if (this._isMaskEnabled()) {
 				this._keyPressHandler(oEvent);
 			}
+
+			if (this.getDOMValue() !== "") {
+				this._setClearIconVisibility();
+			}
 		};
 
 		/**
@@ -180,8 +189,11 @@ sap.ui.define([
 				var oKey = this._parseKeyBoardEvent(oEvent);
 
 				InputBase.prototype.onkeydown.apply(this, arguments);
-
 				this._keyDownHandler(oEvent, oKey);
+
+				if (this.getDOMValue() !== "") {
+					this._setClearIconVisibility();
+				}
 			} else {
 				var oKey = this._parseKeyBoardEvent(oEvent);
 				if (oKey.bEnter) {
@@ -209,6 +221,92 @@ sap.ui.define([
 		this.onsapfocusleave = function(oEvent) {
 		};
 
+		/**
+		 * Handle when escape is pressed.
+		 *
+		 * @param {jQuery.Event} oEvent The event object.
+		 * @private
+		 */
+		this.onsapescape = function(oEvent) {
+			if (this._oTempValue._aContent.join("") !== this._oTempValue._aInitial.join("")) {
+				InputBase.prototype.onsapescape.call(this, oEvent);
+			}
+		};
+
+		/**
+		 * Sets the clear icon visibility depending on whether the input value is empty or not.
+		 * @param {boolean} bShowClearIcon whether to force show/hide of the clear icon or not.
+		 * @private
+		 */
+		this._setClearIconVisibility = function(bShowClearIcon) {
+			var bEffectiveShowClearIcon = bShowClearIcon !== undefined ? bShowClearIcon : !this._isValueEmpty();
+			if (this.getShowClearIcon && this.getShowClearIcon()) {
+				this.setProperty("effectiveShowClearIcon", bEffectiveShowClearIcon);
+				this._getClearIcon().setVisible(this.getProperty("effectiveShowClearIcon"));
+			}
+		};
+
+		/**
+		 * Lazy initialization of the clear icon.
+		 * @returns {sap.ui.core.Icon} The created icon.
+		 * @private
+		 */
+		this._getClearIcon = function () {
+			if (this._oClearButton) {
+				return this._oClearButton;
+			}
+
+			this._oClearButton = this.addEndIcon({
+				src: IconPool.getIconURI("decline"),
+				noTabStop: true,
+				visible: false,
+				alt: this._oRb.getText("INPUT_CLEAR_ICON_ALT"),
+				useIconTooltip: false,
+				press: function () {
+					if (!this._isValueEmpty()) {
+						this.fireChange({
+							value: ""
+						});
+
+						this.setValue("");
+						this.setProperty("effectiveShowClearIcon", false);
+						this._getClearIcon().setVisible(false);
+
+						setTimeout(function() {
+							if (Device.system.desktop) {
+								this.focus();
+							}
+						}, 0);
+					}
+				}.bind(this)
+			});
+
+			return this._oClearButton;
+		};
+
+		/**
+		 * Returns whether there is something entered in the field or not.
+		 *
+		 * @protected
+		 * @returns {boolean} True if there are placeholder characters displayed, but nothing is entered.
+		 */
+		this._isValueEmpty = function() {
+			var sValue = this.getDOMValue(),
+				sPlaceholder = this._oTempValue._aInitial.join('');
+
+			return sValue == sPlaceholder;
+		};
+
+		/**
+		 * Gets the inner input DOM value.
+		 *
+		 * @protected
+		 * @returns {string} The value of the input.
+		 */
+		this.getDOMValue = function() {
+			return this._$input.val();
+		};
+
 		/**
 		 * Setter for property <code>value</code>.
 		 *
@@ -232,6 +330,9 @@ sap.ui.define([
 				}
 			}
 
+			// show/hide the clear icon based on the new value (it is not yet set in the DOM, so the default check will not work)
+			this._setClearIconVisibility(sValue !== "");
+
 			return this;
 		};
 
@@ -951,7 +1052,6 @@ sap.ui.define([
 				this._applyAndUpdate(this._sOldInputValue);
 				this._positionCaret(true);
 				oEvent.preventDefault();
-
 			} else if (oKey.bEnter) {
 				this._inputCompletedHandler(oEvent);
 			} else if ((oKey.bCtrlKey && oKey.bInsert) ||
@@ -1166,6 +1266,8 @@ sap.ui.define([
 					this._setCursorPosition(iEndSelectionIndex);
 				}
 			}.bind(this), iMinBrowserDelay);
+
+			this._setClearIconVisibility();
 		};
 
 		/**

package/src/sap/m/MaskInput.js

@@ -21,7 +21,7 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 	 *
 	 * @author SAP SE
 	 * @extends sap.m.InputBase
-	 * @version 1.93.3
+	 * @version 1.96.1
 	 *
 	 * @constructor
 	 * @public
@@ -38,7 +38,7 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 				/**
 				 * Defines a placeholder symbol. Shown at the position where there is no user input yet.
 				 */
-				placeholderSymbol: {type: "string", group: "Misc", defaultValue: "_"},
+				placeholderSymbol: { type: "string", group: "Misc", defaultValue: "_" },
 
 				/**
 				 * Mask defined by its characters type (respectively, by its length).
@@ -50,14 +50,29 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 				 * 3. You can use the special escape character '^' called "Caret" prepending a rule character to make it immutable.
 				 * Use the double escape '^^' if you want to make use of the escape character as an immutable one.
 				 */
-				mask: {type: "string", group: "Misc", defaultValue: null}
+				mask: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Specifies whether a clear icon is shown.
+				 * Pressing the icon will clear input's value and fire the change event.
+				 * @since 1.96
+				 */
+				 showClearIcon: { type: "boolean", defaultValue: false },
+
+				 /**
+				  * Specifies whether the clear icon should be shown/hidden on user interaction.
+				  * @private
+				  */
+				 effectiveShowClearIcon: { type: "boolean", defaultValue: false, visibility: "hidden" }
+
 			},
 			aggregations: {
 
 				/**
 				 A list of validation rules (one rule per mask character).
 				 */
-				rules: {type: "sap.m.MaskInputRule", multiple: true, singularName: "rule"}
+				rules: { type: "sap.m.MaskInputRule", multiple: true, singularName: "rule" }
+
 			},
 			dnd: { draggable: false, droppable: true }
 		}

package/src/sap/m/MaskInputRule.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	 *
 	 * @author SAP SE
 	 * @extends sap.ui.core.Element
-	 * @version 1.93.3
+	 * @version 1.96.1
 	 * @public
 	 * @constructor
 	 * @since 1.34.0

package/src/sap/m/Menu.js

@@ -4,11 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-// Ensure that sap.ui.unified is loaded before the module dependencies will be required.
-// Loading it synchronously is the only compatible option and doesn't harm when sap.ui.unified
-// already has been loaded asynchronously (e.g. via a dependency declared in the manifest)
-sap.ui.getCore().loadLibrary("sap.ui.unified");
-
 // Provides control sap.m.Menu.
 sap.ui.define([
 	'./library',
@@ -62,11 +57,18 @@ sap.ui.define([
 		 * @class
 		 * The <code>sap.m.Menu</code> control represents a hierarchical menu.
 		 * When opened on mobile devices it occupies the whole screen.
+		 *
+		 * <b>Note:</b> The application developer should add dependency to <code>sap.ui.unified</code> library
+		 * on application level to ensure that the library is loaded before the module dependencies will be required.
+		 * If the <code>sap.ui.unified</code> library is not loaded in advance, this
+		 * could lead to CSP compliance issues and adds an additional waiting time.
+		 * To prevent this, ensure that the <code>sap.ui.unified</code> library is loaded in advance.
+		 *
 		 * @extends sap.ui.core.Control
 		 * @implements sap.ui.core.IContextMenu
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuButton.js

@@ -58,7 +58,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public
@@ -176,7 +176,15 @@ sap.ui.define([
 				 * unless <code>useDefaultActionOnly</code> is set to <code>false</code> and another action
 				 * from the menu has been selected previously.
 				 */
-				defaultAction: {}
+				defaultAction: {},
+
+				/**
+				 * Fired before menu opening when the <code>buttonMode</code> is set to <code>Split</code> and the user
+				 * presses the arrow button.
+				 *
+				 * @since 1.94.0
+				 */
+				beforeMenuOpen: {}
 			},
 			defaultAggregation : "menu",
 			designtime: "sap/m/designtime/MenuButton.designtime",
@@ -246,6 +254,10 @@ sap.ui.define([
 			if (this._needsWidth() && sap.ui.getCore().isThemeApplied() && this._getTextBtnContentDomRef() && this._getInitialTextBtnWidth() > 0) {
 				this._getTextBtnContentDomRef().style.width = this._getInitialTextBtnWidth() + 'px';
 			}
+			if (this._activeButton) {
+				this._activeButton.$().attr("aria-expanded", "false");
+				this._activeButton = null;
+			}
 		};
 
 		MenuButton.prototype.onThemeChanged = function(oEvent) {
@@ -387,6 +399,8 @@ sap.ui.define([
 					minus2_left: "-2 0"
 				};
 
+			this._isSplitButton() && this.fireBeforeMenuOpen();
+
 			if (!oMenu) {
 				return;
 			}
@@ -397,11 +411,12 @@ sap.ui.define([
 				return;
 			}
 
-
 			if (!oMenu.getTitle()) {
 				oMenu.setTitle(this.getText());
 			}
+
 			var aParam = [this, bWithKeyboard];
+
 			switch (this.getMenuPosition()) {
 				case Dock.BeginTop:
 					aParam.push(Dock.BeginBottom, Dock.BeginTop, oOffset.plus2_right);
@@ -487,6 +502,7 @@ sap.ui.define([
 			}
 
 			bOpeningMenuButton.$().removeAttr("aria-controls");
+			bOpeningMenuButton.$().attr("aria-expanded", "false");
 		};
 
 		MenuButton.prototype._menuItemSelected = function(oEvent) {
@@ -742,6 +758,7 @@ sap.ui.define([
 
 			if (oMenu) {
 				oOpeningMenuButton.$().attr("aria-controls", oMenu.getDomRefId());
+				oOpeningMenuButton.$().attr("aria-expanded", "true");
 			}
 		};
 

package/src/sap/m/MenuButtonRenderer.js

@@ -39,6 +39,7 @@ sap.ui.define([],
 			oRm.openEnd();
 			oMenuButton._ensureBackwardsReference();
 			oRm.renderControl(oMenuButton._getButtonControl());
+			oMenuButton._activeButton = oMenuButton._isSplitButton() ? oMenuButton._getButtonControl()._getArrowButton() : oMenuButton._getButtonControl();
 			oRm.close("div");
 		};
 

package/src/sap/m/MenuItem.js

@@ -23,7 +23,7 @@ sap.ui.define(['./library', 'sap/ui/core/Item', 'sap/ui/base/ManagedObjectObserv
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuListItem.js

@@ -32,7 +32,7 @@ sap.ui.define([
 		 * @extends sap.m.ListItemBase
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessageBox.js

@@ -383,7 +383,7 @@ sap.ui.define([
 							//covers JSON case
 							//Using stringify() with "tab" as space argument and escaping the JSON to prevent binding
 							mOptions.details = "<pre>" + JSON.stringify(mOptions.details, null, '\t')
-							.replace(/{/gi, "\\{") + "</pre>";
+							.replace(/{/gi, "&#x007B;") + "</pre>";
 						}
 						// html text is set by purpose with setter. If is set in the constructor there are issues with binding
 						oFT = new FormattedText().setVisible(false).setHtmlText(mOptions.details);

package/src/sap/m/MessageItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Item
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public
@@ -146,6 +146,21 @@ sap.ui.define([
 			this._updatePropertiesFn = customFn;
 		};
 
+		MessageItem.prototype.setDescription = function(sDescription) {
+			// Avoid showing result of '' + undefined
+			if (typeof sDescription === 'undefined') {
+				sDescription = '';
+			}
+
+			if (this.getMarkupDescription()) {
+				sDescription = sanitizeHTML(sDescription);
+			}
+
+			this.setProperty("description", sDescription, true);
+
+			return this;
+		};
+
 		/**
 		 * Sets type of the MessageItem.
 		 * <b>Note:</b> if you set the type to None it will be handled and rendered as Information.

package/src/sap/m/MessageListItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.m.StandardListItem
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessagePage.js

@@ -69,7 +69,7 @@ sap.ui.define([
 		 * @see {@link fiori:https://experience.sap.com/fiori-design-web/message-page/ Message Page}
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePopover.js

@@ -91,7 +91,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessagePopoverItem.js

@@ -19,7 +19,7 @@ sap.ui.define(["./library", "./MessageItem"],
 		 * @extends sap.m.MessageItem
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessageStrip.js

@@ -83,7 +83,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.1
 	 *
 	 * @constructor
 	 * @public
@@ -249,8 +249,12 @@ sap.ui.define([
 
 	MessageStrip.prototype.setAggregation = function (sName, oControl, bSupressInvalidate) {
 		if (sName === "link" && oControl instanceof Link) {
-			var sId = this.getId() + "-info" + " " + this.getId() + "-content";
-			oControl.addAriaDescribedBy(sId);
+			var sId = this.getId() + "-info" + " " + this.getId() + "-content",
+				aAriaDescribedBy = oControl.getAriaDescribedBy();
+
+			if (!aAriaDescribedBy.includes(sId)) {
+				oControl.addAriaDescribedBy(sId);
+			}
 		}
 
 		Control.prototype.setAggregation.call(this, sName, oControl, bSupressInvalidate);

package/src/sap/m/MessageStripRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["./MessageStripUtilities"],
-	function (MSUtils) {
+sap.ui.define(["./MessageStripUtilities", "sap/ui/core/IconPool"],
+	function (MSUtils, IconPool) {
 	"use strict";
 
 	/**

package/src/sap/m/MessageToast.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * The message toast has the same behavior on all devices. However, you can adjust the width of the control, for example, for use on a desktop device.
 		 *
 		 * @author SAP SE
-		 * @version 1.93.3
+		 * @version 1.96.1
 		 *
 		 * @namespace
 		 * @public

package/src/sap/m/MessageView.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * The responsiveness of the <code>MessageView</code> is determined by the container in which it is embedded. For that reason the control could not be visualized if the
 	 * container’s sizes are not defined.
 	 * @author SAP SE
-	 * @version 1.93.3
+	 * @version 1.96.1
 	 *
 	 * @extends sap.ui.core.Control
 	 * @constructor
@@ -601,13 +601,13 @@ sap.ui.define([
 		var sCloseBtnDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_CLOSE");
 		var sCloseBtnDescrId = this.getId() + "-CloseBtnDescr";
 		var oCloseBtnARIAHiddenDescr = new HTML(sCloseBtnDescrId, {
-			content: "<span id=\"" + sCloseBtnDescrId + "\" style=\"display: none;\">" + sCloseBtnDescr + "</span>"
+			content: "<span id=\"" + sCloseBtnDescrId + "\" class=\"sapMMsgViewHiddenContainer\">" + sCloseBtnDescr + "</span>"
 		});
 
 		var sHeadingDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_ARIA_HEADING");
 		var sHeadingDescrId = this.getId() + "-HeadingDescr";
 		var oHeadingARIAHiddenDescr = new HTML(sHeadingDescrId, {
-			content: "<span id=\"" + sHeadingDescrId + "\" style=\"display: none;\" role=\"heading\">" + sHeadingDescr + "</span>"
+			content: "<span id=\"" + sHeadingDescrId + "\" class=\"sapMMsgViewHiddenContainer\" role=\"heading\">" + sHeadingDescr + "</span>"
 		});
 
 		this._oSegmentedButton = new SegmentedButton(this.getId() + "-segmented", {}).addStyleClass("sapMSegmentedButtonNoAutoWidth");
@@ -629,14 +629,14 @@ sap.ui.define([
 		var sCloseBtnDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_CLOSE");
 		var sCloseBtnDescrId = this.getId() + "-CloseBtnDetDescr";
 		var oCloseBtnARIAHiddenDescr = new HTML(sCloseBtnDescrId, {
-			content: "<span id=\"" + sCloseBtnDescrId + "\" style=\"display: none;\">" + sCloseBtnDescr + "</span>"
+			content: "<span id=\"" + sCloseBtnDescrId + "\" class=\"sapMMsgViewHiddenContainer\">" + sCloseBtnDescr + "</span>"
 		});
 
 		var sBackBtnTooltipDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_ARIA_BACK_BUTTON_TOOLTIP");
 		var sBackBtnDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_ARIA_BACK_BUTTON");
 		var sBackBtnDescrId = this.getId() + "-BackBtnDetDescr";
 		var oBackBtnARIAHiddenDescr = new HTML(sBackBtnDescrId, {
-			content: "<span id=\"" + sBackBtnDescrId + "\" style=\"display: none;\">" + sBackBtnDescr + "</span>"
+			content: "<span id=\"" + sBackBtnDescrId + "\" class=\"sapMMsgViewHiddenContainer\">" + sBackBtnDescr + "</span>"
 		});
 
 		this._oBackButton = new Button({
@@ -979,22 +979,15 @@ sap.ui.define([
 	 */
 	MessageView.prototype._setDescription = function (oMessageItem) {
 		var oLink = oMessageItem.getLink();
-		var sDescription = oMessageItem.getDescription();
-
-		if (oMessageItem.getMarkupDescription()) {
-			var tagPolicy = this._getTagPolicy();
-			/*global html*/
-			sDescription = html.sanitizeWithPolicy(sDescription, tagPolicy);
-		}
-
 		this._oLastSelectedItem = oMessageItem;
 		if (oMessageItem.getMarkupDescription()) {
+			// description is sanitized in MessageItem.setDescription()
 			this._oMessageDescriptionText = new HTML(this.getId() + "MarkupDescription", {
-				content: "<div class='sapMMsgViewDescriptionText'>" + ManagedObject.escapeSettingsValue(sDescription) + "</div>"
+				content: "<div class='sapMMsgViewDescriptionText'>" + ManagedObject.escapeSettingsValue(oMessageItem.getDescription()) + "</div>"
 			});
 		} else {
 			this._oMessageDescriptionText = new Text(this.getId() + "MessageDescriptionText", {
-				text: ManagedObject.escapeSettingsValue(sDescription)
+				text: ManagedObject.escapeSettingsValue(oMessageItem.getDescription())
 			}).addStyleClass("sapMMsgViewDescriptionText");
 		}
 
@@ -1166,6 +1159,24 @@ sap.ui.define([
 		};
 	};
 
+	/**
+	 * Perform description sanitization based on Caja HTML sanitizer
+	 * @param {sap.m.MessageItem} oMessageItem The item to be sanitized
+	 * @private
+	 */
+	MessageView.prototype._sanitizeDescription = function (oMessageItem) {
+		var sDescription = oMessageItem.getDescription();
+
+		if (oMessageItem.getMarkupDescription()) {
+			var tagPolicy = this._getTagPolicy();
+			/*global html*/
+			sDescription = html.sanitizeWithPolicy(sDescription, tagPolicy);
+		}
+
+		oMessageItem.setDescription(sDescription);
+		this._setDescription(oMessageItem);
+	};
+
 	/**
 	 * Handles click on a list item
 	 *
@@ -1237,7 +1248,7 @@ sap.ui.define([
 
 	MessageView.prototype._navigateToDetails = function(oMessageItem, oListItem, sTransiotionName, bSuppressNavigate) {
 		this._setTitle(oMessageItem, oListItem);
-		this._setDescription(oMessageItem);
+		this._sanitizeDescription(oMessageItem);
 		this._setIcon(oMessageItem, oListItem);
 		this._detailsPage.invalidate();
 		this.fireLongtextLoaded();