@easydata/crud 1.4.5-rc02 → 1.4.5

package/dist/bundles/easydata.crud.js

@@ -4181,7 +4181,7 @@ var CellRendererType;
 })(CellRendererType || (CellRendererType = {}));
 var StringCellRendererDefault = function (value, column, cellValueElement, rowElement) {
     var text = value ? value.toString().replace(/\n/g, '\u21B5 ') : '';
-    cellValueElement.innerHTML = text;
+    cellValueElement.innerText = text;
     cellValueElement.title = text;
     if (column.align == GridColumnAlign.NONE) {
         cellValueElement.classList.add(cssPrefix + "-cell-value-align-left");
@@ -4200,7 +4200,7 @@ var NumberCellRendererDefault = function (value, column, cellValueElement, rowEl
             strValue = value.toLocaleString();
         }
     }
-    cellValueElement.innerHTML = strValue;
+    cellValueElement.innerText = strValue;
     cellValueElement.title = strValue;
     if (column.align == GridColumnAlign.NONE) {
         cellValueElement.classList.add(cssPrefix + "-cell-value-align-right");
@@ -4232,7 +4232,7 @@ var DateTimeCellRendererDefault = function (value, column, cellValueElement, row
             }
         }
     }
-    cellValueElement.innerHTML = strValue;
+    cellValueElement.innerText = strValue;
     cellValueElement.title = strValue;
     if (column.align == GridColumnAlign.NONE) {
         cellValueElement.classList.add(cssPrefix + "-cell-value-align-right");
@@ -7169,7 +7169,12 @@ var text_filter_widget_TextFilterWidget = /** @class */ (function () {
                 else {
                     value = value.toLocaleString();
                 }
-                value = this.highlightText(value.toString());
+                var result = this.highlightText(value.toString());
+                if (result instanceof HTMLElement) {
+                    cellElement.title = value;
+                    cellElement.appendChild(result);
+                    return;
+                }
             }
         }
         defaultRenderer(value, column, cellElement, rowElement);
@@ -7178,8 +7183,6 @@ var text_filter_widget_TextFilterWidget = /** @class */ (function () {
         var normalizedContent = content.toLowerCase();
         var filterValue = this.filter.getValue().toString();
         if (filterValue && filterValue.length > 0 && content && content.length > 0) {
-            var insertValue1 = "<span style='background-color: yellow'>";
-            var insertValue2 = "</span>";
             var indexInMas = [];
             var words = filterValue.split('||').map(function (w) { return w.trim().toLowerCase(); });
             for (var i = 0; i < words.length; i++) {
@@ -7188,7 +7191,10 @@ var text_filter_widget_TextFilterWidget = /** @class */ (function () {
                 if (!lowerWord.length)
                     continue;
                 if (lowerWord === normalizedContent) {
-                    return insertValue1 + content + insertValue2;
+                    var highlightSpan = document.createElement('span');
+                    highlightSpan.style.backgroundColor = 'yellow';
+                    highlightSpan.innerText = content;
+                    return highlightSpan;
                 }
                 while (pos < content.length - 1) {
                     var index = normalizedContent.indexOf(lowerWord, pos);
@@ -7228,24 +7234,24 @@ var text_filter_widget_TextFilterWidget = /** @class */ (function () {
                         i++;
                     }
                 }
-                var result = '';
+                var div = document.createElement('div');
                 for (var i = 0; i < indexInMas.length; i++) {
                     if (i === 0) {
-                        result += content.substring(0, indexInMas[i].index);
-                    }
-                    result += insertValue1
-                        + content.substring(indexInMas[i].index, indexInMas[i].index + indexInMas[i].length)
-                        + insertValue2;
-                    if (i < indexInMas.length - 1) {
-                        result += content.substring(indexInMas[i].index
-                            + indexInMas[i].length, indexInMas[i + 1].index);
-                    }
-                    else {
-                        result += content.substring(indexInMas[i].index
-                            + indexInMas[i].length);
+                        var text_1 = document.createTextNode(content.substring(0, indexInMas[i].index));
+                        div.appendChild(text_1);
                     }
+                    var highlightSpan = document.createElement('span');
+                    highlightSpan.style.backgroundColor = 'yellow';
+                    highlightSpan.innerText = content.substring(indexInMas[i].index, indexInMas[i].index + indexInMas[i].length);
+                    div.appendChild(highlightSpan);
+                    var text = (i < indexInMas.length - 1)
+                        ? document.createTextNode(content.substring(indexInMas[i].index
+                            + indexInMas[i].length, indexInMas[i + 1].index))
+                        : document.createTextNode(content.substring(indexInMas[i].index
+                            + indexInMas[i].length));
+                    div.appendChild(text);
                 }
-                content = result;
+                return div;
             }
         }
         return content;