@energycap/components 0.46.13 → 0.46.14-highlighting-normalized-pattern.20260701-1417

package/fesm2022/energycap-components.mjs

@@ -2411,16 +2411,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], ctorParameters: () => [{ type: i1$1.Overlay }] });
 
 class HighlightTextPipe {
-    transform(value, searchText) {
-        let transformedValue = '';
-        if (value && searchText) {
-            const regex = new RegExp(this.escapeRegex(searchText), 'gi');
-            transformedValue = value.replace(regex, this.strongWrap);
+    transform(value, searchText, normalizePattern) {
+        if (!value || !searchText) {
+            return value;
+        }
+        if (normalizePattern) {
+            return this.transformNormalized(value, searchText, normalizePattern);
+        }
+        const regex = new RegExp(this.escapeRegex(searchText), 'gi');
+        return value.replace(regex, this.strongWrap);
+    }
+    transformNormalized(value, searchText, normalizePattern) {
+        const stripRegex = new RegExp(normalizePattern, 'g');
+        // Build normalized value and a position map (normalized index → original index)
+        const positionMap = [];
+        let normalizedValue = '';
+        for (let i = 0; i < value.length; i++) {
+            if (!value[i].match(stripRegex)) {
+                positionMap.push(i);
+                normalizedValue += value[i];
+            }
+        }
+        // Normalize the search text using the same pattern
+        const normalizedSearch = searchText.replace(stripRegex, '');
+        if (!normalizedSearch) {
+            return value;
+        }
+        // Find all matches in the normalized value
+        const searchRegex = new RegExp(this.escapeRegex(normalizedSearch), 'gi');
+        const matchedOriginalIndices = new Set();
+        let match;
+        while ((match = searchRegex.exec(normalizedValue)) !== null) {
+            for (let i = match.index; i < match.index + match[0].length; i++) {
+                matchedOriginalIndices.add(positionMap[i]);
+            }
+        }
+        if (matchedOriginalIndices.size === 0) {
+            return value;
+        }
+        // Build result, grouping consecutive matched characters into single <strong> tags
+        let result = '';
+        let inHighlight = false;
+        for (let i = 0; i < value.length; i++) {
+            const isMatched = matchedOriginalIndices.has(i);
+            if (isMatched && !inHighlight) {
+                result += `<strong class="text-highlight">`;
+                inHighlight = true;
+            }
+            else if (!isMatched && inHighlight) {
+                result += `</strong>`;
+                inHighlight = false;
+            }
+            result += value[i];
+        }
+        if (inHighlight) {
+            result += `</strong>`;
         }
-        else {
-            transformedValue = value;
-        }
-        return transformedValue;
+        return result;
     }
     strongWrap(match) {
         return `<strong class="text-highlight">${match}</strong>`;