@oracle/oraclejet 18.1.7 → 18.1.9

package/dist/js/libs/oj/debug/ojcore-base.js

@@ -37,12 +37,12 @@ define(['ojs/ojlogger', 'ojs/ojwebdrivertest-proxy'], function (Logger, ojwebdri
      * @global
      * @member {string} version JET version numberr
      */
-    version: '18.1.7',
+    version: '18.1.9',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2026-02-18_22-06-55',
+    revision: '2026-05-26_06-31-20',
 
     // This function is only meant to be used outside the library, so quoting the name
     // to avoid renaming is appropriate
@@ -930,6 +930,17 @@ define(['ojs/ojlogger', 'ojs/ojwebdrivertest-proxy'], function (Logger, ojwebdri
   const CollectionUtils = {};
   oj._registerLegacyNamespaceProp('CollectionUtils', CollectionUtils);
 
+  /**
+   * Returns true if the key provided should be blocked from merge utilities.
+   * Specifically keys that could cause prototype pollution issues are included.
+   * @param {string} key
+   * @return {boolean}
+   * @private
+   */
+  CollectionUtils._isBlockedKey = function (key) {
+    return key === '__proto__' || key === 'constructor' || key === 'prototype';
+  };
+
   /**
    * Copies all of the properties of source into the target and returns the target
    *
@@ -959,11 +970,13 @@ define(['ojs/ojlogger', 'ojs/ojwebdrivertest-proxy'], function (Logger, ojwebdri
     const source = sources.shift();
     if (isPlain(target) && isPlain(source)) {
       Object.keys(source).forEach((key) => {
-        if (isPlain(source[key])) {
-          if (!target[key]) Object.assign(target, { [key]: {} });
-          merge(target[key], source[key]);
-        } else {
-          Object.assign(target, { [key]: source[key] });
+        if (!CollectionUtils._isBlockedKey(key)) {
+          if (isPlain(source[key])) {
+            if (!target[key]) Object.assign(target, { [key]: {} });
+            merge(target[key], source[key]);
+          } else {
+            Object.assign(target, { [key]: source[key] });
+          }
         }
       });
     }
@@ -1022,34 +1035,35 @@ define(['ojs/ojlogger', 'ojs/ojwebdrivertest-proxy'], function (Logger, ojwebdri
         } else {
           targetKey = k;
         }
-
-        var sourceVal = source[k];
-
-        var recursed = false;
-
-        if (recurse && currentLevel < maxRecursionDepth) {
-          var targetVal = target[targetKey];
-          if (
-            CollectionUtils.isPlainObject(sourceVal) &&
-            (targetVal == null || CollectionUtils.isPlainObject(targetVal))
-          ) {
-            recursed = true;
+        if (!CollectionUtils._isBlockedKey(k) && !CollectionUtils._isBlockedKey(targetKey)) {
+          var sourceVal = source[k];
+
+          var recursed = false;
+
+          if (recurse && currentLevel < maxRecursionDepth) {
+            var targetVal = target[targetKey];
+            if (
+              CollectionUtils.isPlainObject(sourceVal) &&
+              (targetVal == null || CollectionUtils.isPlainObject(targetVal))
+            ) {
+              recursed = true;
+              // eslint-disable-next-line no-param-reassign
+              target[targetKey] = targetVal || {};
+              CollectionUtils._copyIntoImpl(
+                target[targetKey],
+                sourceVal,
+                keyConverter,
+                true,
+                maxRecursionDepth,
+                currentLevel + 1
+              );
+            }
+          }
+          if (!recursed) {
             // eslint-disable-next-line no-param-reassign
-            target[targetKey] = targetVal || {};
-            CollectionUtils._copyIntoImpl(
-              target[targetKey],
-              sourceVal,
-              keyConverter,
-              true,
-              maxRecursionDepth,
-              currentLevel + 1
-            );
+            target[targetKey] = sourceVal;
           }
         }
-        if (!recursed) {
-          // eslint-disable-next-line no-param-reassign
-          target[targetKey] = sourceVal;
-        }
       }
     }
 
@@ -1296,6 +1310,11 @@ define(['ojs/ojlogger', 'ojs/ojwebdrivertest-proxy'], function (Logger, ojwebdri
 
     // postMessage "message" event listener for the setImmediate impl
     function _nextTickHandler(event) {
+      // Only process messages posted by this window from the same origin.
+      if (event.source !== window || event.origin !== window.location.origin) {
+        return;
+      }
+
       var data = event.data;
       if (!data || data.message !== 'oj-setImmediate') {
         return;
@@ -1331,7 +1350,7 @@ define(['ojs/ojlogger', 'ojs/ojwebdrivertest-proxy'], function (Logger, ojwebdri
         window.addEventListener('message', _nextTickHandler);
       }
 
-      window.postMessage({ id: id, message: 'oj-setImmediate' }, '*');
+      window.postMessage({ id: id, message: 'oj-setImmediate' }, '/');
       return id;
     }
 

package/dist/js/libs/oj/debug/ojcorerouter.js

@@ -478,7 +478,7 @@ define(['ojs/ojlogger', 'ojs/ojobservable', 'ojs/ojurlpathadapter'], function (L
       let match = path;
       // If path is string, match it entirely
       if (typeof path === 'string') {
-        match = new RegExp('^' + path + '$');
+        match = new RegExp('^' + RegExp.escape(path) + '$');
       } else if (!(path instanceof RegExp)) {
         throw Error('Router path must be a string or RegExp');
       }

package/dist/js/libs/oj/debug/ojdatagrid.js

@@ -1484,6 +1484,7 @@ var __oj_data_grid_metadata =
     this.attributes.dropIndex = 'data-oj-dropIndex';
     this.attributes.dropLevel = 'data-oj-dropLevel';
     this.attributes.dropAxis = 'data-oj-dropAxis';
+    this.attributes.dropPos = 'data-oj-dropPos';
   };
 
   oj._registerLegacyNamespaceProp('DataGridResources', DataGridResources);
@@ -6740,6 +6741,7 @@ var __oj_data_grid_metadata =
     section.addEventListener('dragstart', this.handleCornerDragStart.bind(this), false);
     section.addEventListener('dragend', this.handleCornerDragEnd.bind(this), false);
     section.addEventListener('dragover', this.handleCornerDragOver.bind(this), false);
+    section.addEventListener('dragleave', this.handleCornerDragLeave.bind(this), false);
     section.addEventListener('drop', this.handleCornerDrop.bind(this), false);
     section.addEventListener('dragenter', this.handleCornerDragEnter.bind(this), false);
   };
@@ -44934,6 +44936,9 @@ var __oj_data_grid_metadata =
   DvtDataGrid.prototype.handleColumnDragLeave = function (event) {
     let dropContext = this._getDropContext(event, this.m_dropColumnIndex, 'column');
     var returnValue = this._invokeDndCallback('drop', 'columns', 'dragLeave', event, dropContext);
+    if (this.m_pivotInProgress) {
+      this._removePivotDropTargetLine();
+    }
 
     this.m_dropColumnIndex = null;
     return returnValue;
@@ -50235,7 +50240,8 @@ var __oj_data_grid_metadata =
         this.m_pivotDropTarget == null ||
         !(
           this._getAttribute(this.m_pivotDropTarget, 'dropLevel', true) === dragOverLevel &&
-          this._getAttribute(this.m_pivotDropTarget, 'dropAxis') === dragOverAxis
+          this._getAttribute(this.m_pivotDropTarget, 'dropAxis') === dragOverAxis &&
+          this._getAttribute(this.m_pivotDropTarget, 'dropPos') === position
         )
       ) {
         this._addPivotDropTargetLine(
@@ -50253,6 +50259,14 @@ var __oj_data_grid_metadata =
         position: position
       };
       this._invokeDropCallback(`${dragOverAxis}Labels`, 'dragOver', event, dropContext);
+    } else {
+      this._removePivotDropTargetLine();
+    }
+  };
+
+  DvtDataGrid.prototype.handleCornerDragLeave = function () {
+    if (this.m_pivotInProgress) {
+      this._removePivotDropTargetLine();
     }
   };
 
@@ -50275,6 +50289,7 @@ var __oj_data_grid_metadata =
     this.m_pivotDropHeaderTarget = document.createElement('div');
     this._setAttribute(this.m_pivotDropTarget, 'dropLevel', level);
     this._setAttribute(this.m_pivotDropTarget, 'dropAxis', axis);
+    this._setAttribute(this.m_pivotDropTarget, 'dropPos', position);
 
     let headerElem = label;
     let databodyElem = this.m_colHeader;
@@ -50465,10 +50480,9 @@ var __oj_data_grid_metadata =
     ];
   };
 
-  DvtDataGrid.prototype._getLabelRelativePosition = function (event, axis) {
-    let target = event.target;
+  DvtDataGrid.prototype._getLabelRelativePosition = function (event, axis, dragOverLabel) {
     let dir = this.getResources().isRTLMode() ? 'right' : 'left';
-    let elementBoundingRect = target.getBoundingClientRect();
+    let elementBoundingRect = dragOverLabel.getBoundingClientRect();
     let position = 'before';
 
     let relativePos;
@@ -50542,6 +50556,7 @@ var __oj_data_grid_metadata =
     if (this.m_pivotDropTarget) {
       this.m_pivotDropTarget.removeAttribute(this.getResources().getMappedAttribute('dropLevel'));
       this.m_pivotDropTarget.removeAttribute(this.getResources().getMappedAttribute('dropAxis'));
+      this.m_pivotDropTarget.removeAttribute(this.getResources().getMappedAttribute('dropPos'));
     }
     this._remove(this.m_pivotDropHeaderTarget);
     this.m_pivotDropTarget = null;
@@ -50691,7 +50706,8 @@ var __oj_data_grid_metadata =
           this.m_pivotDropTarget == null ||
           !(
             this._getAttribute(this.m_pivotDropTarget, 'dropLevel', true) === dragOverLevel &&
-            this._getAttribute(this.m_pivotDropTarget, 'dropAxis') === dragOverAxis
+            this._getAttribute(this.m_pivotDropTarget, 'dropAxis') === dragOverAxis &&
+            this._getAttribute(this.m_pivotDropTarget, 'dropPos') === position
           )
         ) {
           dropLineTop =
@@ -50725,6 +50741,8 @@ var __oj_data_grid_metadata =
           position: position
         };
         this._invokeDropCallback(`${dragOverAxis}Labels`, 'dragOver', event, dropContext);
+      } else {
+        this._removePivotDropTargetLine();
       }
     }
   };

package/dist/js/libs/oj/debug/ojdataprovider.js

@@ -1621,6 +1621,9 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojeventtarget'], function (exports, o
             if (filter) {
                 let op = filter.op;
                 let filterValue;
+                const textFilterValue = filter['text'] == null
+                    ? null
+                    : String(filter['text']).substring(0, FilterImpl._MAX_TEXT_FILTER_LENGTH);
                 const collationOptions = filter.collationOptions;
                 if (op === '$exists' && filter['attribute'] && filter['criterion']) {
                     transformedExpr = {};
@@ -1628,7 +1631,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojeventtarget'], function (exports, o
                     transformedExpr['criterion'] = FilterImpl._transformFilter(FilterFactory.getFilter({ filterDef: filter['criterion'] }));
                     return transformedExpr;
                 }
-                if (filter['text']) {
+                if (textFilterValue !== null) {
                     op = '$regex';
                 }
                 else {
@@ -1643,19 +1646,19 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojeventtarget'], function (exports, o
                     }
                 }
                 if (op !== '$and' && op !== '$or') {
-                    if (filter['text']) {
+                    if (textFilterValue !== null) {
                         if (filter['matchBy'] === 'phrase') {
                             filterValue = new RegExp(`${'\\b' +
-                            filter['text']
+                            textFilterValue
                                 .replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&')
                                 .replace(/('|")/g, '')
-                                .replace(/(\s|\t)/g, '(.*)((\\s|\\t|\\r|\\n)*)')}`, 'i');
+                                .replace(/(\s|\t)/g, '[^\\r\\n]*[\\s\\t\\r\\n]*')}`, 'i');
                         }
                         else if (filter['matchBy'] === 'startsWith') {
-                            filterValue = new RegExp(`^${filter['text'].replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&')}`, 'i');
+                            filterValue = new RegExp(`^${textFilterValue.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&')}`, 'i');
                         }
                         else {
-                            filterValue = new RegExp(filter['text'].replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'), 'i');
+                            filterValue = new RegExp(textFilterValue.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'), 'i');
                         }
                     }
                     else {
@@ -1672,7 +1675,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojeventtarget'], function (exports, o
                         operatorExpr[op] = filterValue;
                         transformedExpr[attributeExpr] = operatorExpr;
                     }
-                    else if (filter['text']) {
+                    else if (textFilterValue !== null) {
                         const operatorExpr = {};
                         operatorExpr[op] = filterValue;
                         if (filter._textFilterAttributes && filter._textFilterAttributes.length > 0) {
@@ -1754,6 +1757,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojeventtarget'], function (exports, o
             return value;
         }
     }
+    FilterImpl._MAX_TEXT_FILTER_LENGTH = 512;
     class FilterFactory {
         static getFilter(options) {
             return new FilterImpl(options);

package/dist/js/libs/oj/debug/ojdialog.js

@@ -3344,7 +3344,9 @@ define(['ojs/ojpopupcore', 'ojs/ojbutton', 'jqueryui-amd/widgets/mouse', 'jquery
         busyContext.whenReady().then(
           function () {
             var hasFocus = this.GetFocusElement();
-            hasFocus.focus();
+            // added prevent scroll to deal with inconsistencies in different
+            // browser scrolling behavior with focus during dialog animations
+            hasFocus.focus({ preventScroll: true });
             this._trigger('focus');
           }.bind(this)
         );

package/dist/js/libs/oj/debug/ojdomutils.js

@@ -68,14 +68,14 @@ define(['exports', 'ojs/ojthemeutils', 'ojs/ojcore-base', 'jquery'], function (e
     for (var count = children.length - 1; count >= 0; count--) {
       var child = children.item(count);
       if (child && child.nodeType === 1) {
-        if (DomUtils._LEGAL_ELEMENTS[child.nodeName]) {
+        if (Object.hasOwn(DomUtils._LEGAL_ELEMENTS, child.nodeName)) {
           var attrs = child.attributes;
           for (var i = attrs.length - 1; i >= 0; i--) {
             var attr = attrs[i];
             // jquery - the .attr() method returns undefined for attributes that have not been set.
             var childHasAttr = $(child).attr(attr.name) !== undefined;
             if (childHasAttr) {
-              if (!DomUtils._LEGAL_ATTRIBUTES[attr.name]) {
+              if (!Object.hasOwn(DomUtils._LEGAL_ATTRIBUTES, attr.name)) {
                 child.removeAttribute(attr.nodeName);
               }
             }

package/dist/js/libs/oj/debug/ojdvt-base.js

@@ -1543,9 +1543,7 @@ define(['ojs/ojcore-base', 'ojs/ojdvt-toolkit', 'ojs/ojcontext', 'ojs/ojconfig',
                   }
                 });
               } else {
-                processedDatum = Object.create(nodeData);
-                processedDatum._noTemplate = true;
-                processedDatum._dvtNoClone = true;
+                processedDatum = { ...nodeData, _noTemplate: true, _dvtNoClone: true };
               }
               nodeDataMap.set(nodeKey, { data: processedDatum, context: context });
             }

package/dist/js/libs/oj/debug/ojdvt-toolkit.js

@@ -962,6 +962,32 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
   /** @private **/
   ToolkitUtils._ICON_CACHE = {};
 
+  /**
+   * Validates link URL protocol before browser navigation.
+   * Copied from DomUtils.validateURL to avoid adding an ojdomutils dependency to DVT toolkit.
+   * @param {string} href URL to validate.
+   * @param {Array=} whitelist optional list of the allowed protocols.
+   * @throws {Error} if the URL uses an invalid protocol.
+   * @private
+   */
+  const _validateURL = function (href, whitelist) {
+    var allowed = whitelist || ['http:', 'https:'];
+
+    var link = document.createElement('a');
+    link.href = href;
+
+    var protocol = link.protocol;
+    if (protocol != null) {
+      protocol = protocol.toLowerCase();
+    }
+    // if it isn't on the allowed list and it isn't '', throw an error.
+    // IE11 returns '' for hrefs like 'abc', other browsers return 'https'
+    // and we want to allow hrefs like 'abc' since those are relative urls.
+    if (allowed.indexOf(protocol) < 0 && protocol !== '') {
+      throw new Error(protocol + ' is not a valid URL protocol');
+    }
+  };
+
   /**
    * Creates and returns a new SVG document with the specified id.
    * @param {string} id The id for the new SVG document.
@@ -1208,6 +1234,10 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
       // DVT ES6 TODO: Added missing 'self' ref - Trung
       var self = this;
       var callback = function () {
+        if (dest) {
+          _validateURL(dest);
+        }
+
         if (target == null) {
           self.location = dest;
         } else {
@@ -10689,7 +10719,7 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
   /**
    * Restores a supported HTML tag.
    * All HTML brackets are converted into &gt; and &lt; for security reasons, to prevent people from adding unsupported
-   * elements. This method restores the brackets for the supported element only.
+   * elements. JET-79039: This method restores the brackets for the supported element only, discarding all attributes.
    * @param {string} text The HTML string.
    * @param {string} tag The tag name to be restored.
    * @return {string} The updated HTML string.
@@ -10698,7 +10728,7 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
   HtmlTooltipManager._restoreTag = function (text, tag) {
     // Match the following: <tag...>, </tag...>, and <tag.../>
     var regExp = new RegExp('&lt;(/?)(' + tag + ')(?=[\\s&/])([^&]*)(/?)&gt;', 'g');
-    return text.replace(regExp, '<$1' + tag + '$3$4>');
+    return text.replace(regExp, '<$1' + tag + '>');
   };
 
   /**
@@ -15528,6 +15558,17 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
 
   Obj.createSubclass(JsonUtils, Obj);
 
+  /**
+   * Returns true if the key provided should be blocked from merge utilities.
+   * Specifically keys that could cause prototype pollution issues are included.
+   * @param {string} key
+   * @return {boolean}
+   * @private
+   */
+  JsonUtils._isBlockedKey = function (key) {
+    return key === '__proto__' || key === 'constructor' || key === 'prototype';
+  };
+
   /**
    * Returns a deep clone of the object.
    * @param {object} obj The object to clone.
@@ -15559,8 +15600,10 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
       ret = {};
 
       // Loop through all properties of the object
-      for (var key in obj) {
-        if (!keyFunc || keyFunc(key)) {
+      var keys = Object.keys(obj);
+      for (var i = 0; i < keys.length; i++) {
+        var key = keys[i];
+        if (!JsonUtils._isBlockedKey(key) && (!keyFunc || keyFunc(key))) {
           var value = obj[key];
           if (
             !(noClone && noClone[key] == true) &&
@@ -15611,25 +15654,32 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
    * @private
    */
   JsonUtils._copy = function (a, b) {
-    for (var key in a) {
-      var value = a[key];
-      // Treat an 'undefined' value as if the key were not set and ignore
-      if (value === undefined) continue;
-
-      if ((value && value instanceof Array) || key == '_widgetConstructor') {
-        // Copy the array over, since we don't want arrays to be merged
-        // We also don't want the widget constructor to be copied/cloned
-        b[key] = value;
-      } else if (b[key] && b[key] instanceof CSSStyle) {
-        // If an object is defined as CSS in the base object, merge the CSS
-        if (value instanceof CSSStyle) b[key].merge(value);
-        // value is String
-        else b[key].merge(new CSSStyle(value));
-      } else if (JsonUtils._isDeepClonable(value)) {
-        // Deep clone if object exists in b, copy otherwise
-        if (b[key]) JsonUtils._copy(value, b[key]);
-        else b[key] = value;
-      } else b[key] = value;
+    var keys = Object.keys(a);
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+      if (!JsonUtils._isBlockedKey(key)) {
+        var value = a[key];
+        var hasOwnKey = Object.hasOwn(b, key);
+        var targetValue = hasOwnKey ? b[key] : undefined;
+        // Treat an 'undefined' value as if the key were not set and ignore
+        if (value === undefined) continue;
+
+        if ((value && value instanceof Array) || key == '_widgetConstructor') {
+          // Copy the array over, since we don't want arrays to be merged
+          // We also don't want the widget constructor to be copied/cloned
+          b[key] = value;
+        } else if (hasOwnKey && targetValue && targetValue instanceof CSSStyle) {
+          // If an object is defined as CSS in the base object, merge the CSS
+          if (value instanceof CSSStyle) targetValue.merge(value);
+          // value is String
+          else targetValue.merge(new CSSStyle(value));
+        } else if (JsonUtils._isDeepClonable(value)) {
+          // Deep clone if object exists in b, copy otherwise
+          if (hasOwnKey && JsonUtils._isDeepClonable(targetValue))
+            JsonUtils._copy(value, targetValue);
+          else b[key] = value;
+        } else b[key] = value;
+      }
     }
   };
 

package/dist/js/libs/oj/debug/ojeditablevalue.js

@@ -8976,6 +8976,31 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcomponentcore', 'ojs/ojpopup', 'ojs
 
   const OJ_HAS_HELPHINTS_STYLECLASS = 'oj-has-helphints';
 
+  /**
+   * Builds HTML for unformatted hints by escaping each hint and inserting <br> nodes
+   * between hint lines.
+   *
+   * @param {Array<string>} hints
+   * @return {string} escaped hint HTML
+   * @private
+   */
+  function _getUnformattedHintsHtml(hints) {
+    if (!hints || hints.length < 1) {
+      return '';
+    }
+    let hintsDom = document.createElement('div');
+    hints.forEach(function (hint, index) {
+      let hintDom = PopupMessagingStrategyUtils.GetTextDom(document, hint, false);
+      if (hintDom) {
+        if (index > 0) {
+          hintsDom.appendChild(document.createElement('br'));
+        }
+        hintsDom.appendChild(hintDom);
+      }
+    });
+    return hintsDom.innerHTML;
+  }
+
   /**
    * Registers the InlineHelpHintsStrategy constructor function with ComponentMessaging.
    * No need to register since we are not creating this strategy on from ComponentMessaging.
@@ -9247,7 +9272,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcomponentcore', 'ojs/ojpopup', 'ojs
       // we do the same thing that we do in PopupComponentMessages
       let hints = this.GetValidatorHints();
       if (hints.length > 0) {
-        hintsHtml = hints.join('<br/>');
+        hintsHtml = _getUnformattedHintsHtml(hints);
       }
     }
     if (!hintsHtml) {
@@ -9256,14 +9281,16 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcomponentcore', 'ojs/ojpopup', 'ojs
       // InlineHelpHintsStrategy.prototype._createHelpHintsAttributeEventHandlers
       let definition = helpHints ? helpHints.definition : null;
       if (definition) {
-        hintsHtml = definition;
+        // helpHints.definition does not allow formatted text, unlike help.instruction above which does.
+        let definitionDom = PopupMessagingStrategyUtils.GetTextDom(document, definition, false);
+        hintsHtml = definitionDom ? definitionDom.outerHTML : '';
       }
     }
     // try to get the converterHint
     if (!hintsHtml && this.ShowConverterHint()) {
       let hints = this.GetConverterHint();
       if (hints.length > 0) {
-        hintsHtml = hints.join('<br/>');
+        hintsHtml = _getUnformattedHintsHtml(hints);
       }
     }