fit-ui 2.10.1 → 2.10.2

package/dist/Fit.UI.js

@@ -682,7 +682,7 @@ Fit._internal =
 {
 	Core:
 	{
-		VersionInfo: { Major: 2, Minor: 10, Patch: 1 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
+		VersionInfo: { Major: 2, Minor: 10, Patch: 2 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
 	}
 };
 
@@ -16377,6 +16377,15 @@ Fit.Controls.DialogEditor = function(ctlId)
 		ed.Height(100, "%");
 		ed.Render(me.GetContentDomElement());
 
+		// Performance optimization:
+		// The editor internally fires OnChange on every change which is expensive.
+		// By configuring OnChange debouncing, we can greatly increase performance,
+		// especially for large documents, which is what DialogEditor is intended for.
+		// The only downside to this is that ControlBase will not be able to update IsDirty
+		// and IsValid state in the control's data-dirty and data-valid DOM attributes.
+		// Control will always fire OnChange immediately when the editor lose focus though.
+		ed.DebounceOnChange(5000); // Only process OnChange every 5 seconds - we don't rely on OnChange or the data-dirty and data-valid attributes
+
 		// me.Modal(true);
 		// me.Maximizable(true);
 		// me.Dismissible(true);
@@ -22359,6 +22368,7 @@ Fit.Controls.Input = function(ctlId)
 	var designEditorHeightMonitorId = -1;
 	var designEditorActiveToolbarPanel = null; // { DomElement: HTMLElement, UnlockFocusStateIfEmojiPanelIsClosed: function, CloseEmojiPanel: function }
 	var designEditorDetached = null; // { IsActive: boolean, GetValue: function, SetVisible: function, SetEnabled: function, Focus: function, Reload: function, Open: function, Close: function, Dispose: function }
+	var designEditorClearPlaceholder = true;
 	//var htmlWrappedInParagraph = false;
 	var wasAutoChangedToMultiLineMode = false; // Used to revert to single line if multi line was automatically enabled along with DesignMode(true), Maximizable(true), or Resizable(true)
 	var minimizeHeight = -1;
@@ -22388,6 +22398,12 @@ Fit.Controls.Input = function(ctlId)
 		input.spellcheck = true;
 		input.onkeyup = function()
 		{
+			if (designEditorClearPlaceholder === true)
+			{
+				designEditorClearPlaceholder = false;	// Prevent additional calls to updateDesignEditorPlaceholder - it retrieves editor value which is expensive
+				updateDesignEditorPlaceholder(true);	// Clear placeholder
+			}
+
 			if (debounceOnChangeTimeout === -1)
 			{
 				fireOnChange();
@@ -22457,12 +22473,12 @@ Fit.Controls.Input = function(ctlId)
 			fireOnChange(); // Only fires OnChange if value has actually changed
 		});
 
-		me.OnFocus(function()
+		me.OnFocus(function(sender)
 		{
 			restoreHiddenToolbarInDesignEditor();	// Make toolbar appear if currently hidden
-			updateDesignEditorPlaceholder(true);	// Clear placeholder text
+			//updateDesignEditorPlaceholder(true);	// Clear placeholder text
 		});
-		me.OnBlur(function()
+		me.OnBlur(function(sender)
 		{
 			restoreDesignEditorButtons();			// Restore (enable) editor's toolbar buttons in case they were temporarily disabled
 			updateDesignEditorPlaceholder();		// Show placeholder text if control value is empty
@@ -22943,7 +22959,7 @@ Fit.Controls.Input = function(ctlId)
 			});
 		}
 
-		me = orgVal = preVal = input = cmdResize = designEditor = designEditorDom = designEditorDirty = designEditorDirtyPending = designEditorConfig = designEditorReloadConfig = designEditorRestoreButtonState = designEditorSuppressPaste = designEditorSuppressOnResize = designEditorMustReloadWhenReady = designEditorMustDisposeWhenReady = designEditorUpdateSizeDebouncer = designEditorHeightMonitorId = designEditorActiveToolbarPanel = designEditorDetached /*= htmlWrappedInParagraph*/ = wasAutoChangedToMultiLineMode = minimizeHeight = maximizeHeight = minMaxUnit = maximizeHeightConfigured = resizable = nativeResizableAvailable = mutationObserverId = rootedEventId = createWhenReadyIntervalId = isIe8 = debounceOnChangeTimeout = debouncedOnChange = imageBlobUrls = locale = null;
+		me = orgVal = preVal = input = cmdResize = designEditor = designEditorDom = designEditorDirty = designEditorDirtyPending = designEditorConfig = designEditorReloadConfig = designEditorRestoreButtonState = designEditorSuppressPaste = designEditorSuppressOnResize = designEditorMustReloadWhenReady = designEditorMustDisposeWhenReady = designEditorUpdateSizeDebouncer = designEditorHeightMonitorId = designEditorActiveToolbarPanel = designEditorDetached = designEditorClearPlaceholder /*= htmlWrappedInParagraph*/ = wasAutoChangedToMultiLineMode = minimizeHeight = maximizeHeight = minMaxUnit = maximizeHeightConfigured = resizable = nativeResizableAvailable = mutationObserverId = rootedEventId = createWhenReadyIntervalId = isIe8 = debounceOnChangeTimeout = debouncedOnChange = imageBlobUrls = locale = null;
 
 		base();
 	});
@@ -24970,11 +24986,11 @@ Fit.Controls.Input = function(ctlId)
 						// Hide editor toolbar if configured to do so
 						hideToolbarInDesignMode();
 					}
-					else
+					/*else
 					{
 						// Remove placeholder if initially focused
 						updateDesignEditorPlaceholder(true);
-					}
+					}*/
 
 					// Make editor visible - postpone to allow editor to first calculate auto grow height
 					// so the user will not see the chrome (borders) of the editor increase its height.
@@ -25453,6 +25469,11 @@ Fit.Controls.Input = function(ctlId)
 
 			var val = clearPlaceholder !== true && me.Value() === "" ? me.Placeholder() : "";
 			Fit.Dom.Data(designEditorDom.Editable, "placeholder", val || null);
+
+			if (val !== "")
+			{
+				designEditorClearPlaceholder = true;
+			}
 		}
 	}