fit-ui 2.17.0 → 2.17.2

package/dist/Fit.UI.js

@@ -682,7 +682,7 @@ Fit._internal =
 {
 	Core:
 	{
-		VersionInfo: { Major: 2, Minor: 17, Patch: 0 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
+		VersionInfo: { Major: 2, Minor: 17, Patch: 2 } // Do NOT modify format - version numbers are programmatically changed when releasing new versions - MUST be on a separate line!
 	}
 };
 
@@ -23462,9 +23462,10 @@ Fit.Controls.Input = function(ctlId)
 	Fit.Core.Extend(this, Fit.Controls.ControlBase).Apply(ctlId);
 
 	var me = this;
-	var orgVal = "";	// Holds initial value used to determine IsDirty state
-	var preVal = "";	// Holds latest change made by user - used to determine whether OnChange needs to be fired
+	var orgVal = "";			// Holds initial value used to determine IsDirty state
+	var preVal = "";			// Holds latest change made by user - used to determine whether OnChange needs to be fired
 	var input = null;
+	var changeObserverId = -1;	// Holds interval ID to observer function for controls (e.g. color picker) not continuously firing OnChange when value is changed
 	var cmdResize = null;
 	var designEditor = null;
 	var designEditorDom = null; // DOM elements within CKEditor which we rely on - some <div> elements become <span> elements in older browsers
@@ -23603,11 +23604,25 @@ Fit.Controls.Input = function(ctlId)
 		{
 			restoreHiddenToolbarInDesignEditor();	// Make toolbar appear if currently hidden
 			//updateDesignEditorPlaceholder(true);	// Clear placeholder text
+
+			if (me.Type() === "Color") // Color picker does not continuously fire OnChange when changing color - fix that using an observer function
+			{
+				changeObserverId = setInterval(function()
+				{
+					input.onkeyup();
+				}, 100);
+			}
 		});
 		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
+
+			if (changeObserverId !== -1)
+			{
+				clearInterval(changeObserverId);
+				changeObserverId = -1;
+			}
 		});
 
 		Fit.Events.AddHandler(me.GetDomElement(), "paste", true, function(e)
@@ -23870,6 +23885,8 @@ Fit.Controls.Input = function(ctlId)
 
 		if (Fit.Validation.IsSet(val) === true)
 		{
+			val = me.Type() === "Color" ? val.toUpperCase() : val;
+
 			var fireOnChange = (me.Value() !== val);
 
 			orgVal = (preserveDirtyState !== true ? val : orgVal);
@@ -23993,7 +24010,7 @@ Fit.Controls.Input = function(ctlId)
 			return curVal;
 		}
 
-		return input.value;
+		return me.Type() === "Color" ? input.value.toUpperCase() : input.value;
 	}
 
 	// See documentation on ControlBase
@@ -24122,6 +24139,11 @@ Fit.Controls.Input = function(ctlId)
 			destroyDesignEditorInstance(); // Destroys editor and stops related mutation observers, timers, etc.
 		}
 
+		if (changeObserverId !== -1)
+		{
+			clearInterval(changeObserverId);
+		}
+
 		Fit.Internationalization.RemoveOnLocaleChanged(localize);
 
 		/*if (designEditorUpdateSizeDebouncer !== -1)
@@ -24167,7 +24189,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 = designEditorClearPlaceholder = designEditorCleanEditableDom = designEditorGlobalKeyDownEventId = designEditorGlobalKeyUpEventId /*= htmlWrappedInParagraph*/ = wasAutoChangedToMultiLineMode = minimizeHeight = maximizeHeight = minMaxUnit = maximizeHeightConfigured = resizable = nativeResizableAvailable = mutationObserverId = rootedEventId = createWhenReadyIntervalId = isIe8 = debounceOnChangeTimeout = debouncedOnChange = imageBlobUrls = locale = null;
+		me = orgVal = preVal = input = changeObserverId = cmdResize = designEditor = designEditorDom = designEditorDirty = designEditorDirtyPending = designEditorConfig = designEditorReloadConfig = designEditorRestoreButtonState = designEditorSuppressPaste = designEditorSuppressOnResize = designEditorMustReloadWhenReady = designEditorMustDisposeWhenReady = designEditorUpdateSizeDebouncer = designEditorHeightMonitorId = designEditorActiveToolbarPanel = designEditorDetached = designEditorClearPlaceholder = designEditorCleanEditableDom = designEditorGlobalKeyDownEventId = designEditorGlobalKeyUpEventId /*= htmlWrappedInParagraph*/ = wasAutoChangedToMultiLineMode = minimizeHeight = maximizeHeight = minMaxUnit = maximizeHeightConfigured = resizable = nativeResizableAvailable = mutationObserverId = rootedEventId = createWhenReadyIntervalId = isIe8 = debounceOnChangeTimeout = debouncedOnChange = imageBlobUrls = locale = null;
 
 		base();
 	});
@@ -27349,8 +27371,9 @@ Fit.Controls.Input = function(ctlId)
 	function fireOnChange()
 	{
 		var newVal = me.Value();
+		var compareValue = me.Type() === "Color" ? preVal.toUpperCase() : preVal; // Value() returns uppercase value for color picker - preVal might be in lower case if assigned before input type was changed
 
-		if (newVal !== preVal)
+		if (newVal !== compareValue)
 		{
 			// DISABLED: No longer necessary with the introduction of designEditorDirty which ensures
 			// that we get the initial value set from Value(), unless changed by the user using the editor.