@leanix/components 0.3.45 → 0.3.47

package/fesm2020/leanix-components.mjs

@@ -980,7 +980,7 @@ class AutocloseDirective {
     onClick(target) {
         const clickedInside = this.elementRef.nativeElement.contains(target);
         if (!clickedInside) {
-            this.autoclose.emit();
+            this.autoclose.emit(target);
         }
     }
 }
@@ -1368,20 +1368,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
  */
 const STANDARD_TOKENIZER_SEPERATORS = /[^a-zA-Z\d\s]/g;
 class HighlightTermPipe {
-    transform(text, search) {
+    /**
+     * Transforms the input text with highlighted text according to the provided search term.
+     * @param text The input text.
+     * @param search The search term to highlight.
+     * @param options The highlight term search options.
+     * @returns The transformed text with highlighted search term.
+     */
+    transform(text, search, options = { exactMatch: false }) {
         if (search && text) {
-            let pattern = search
-                .replace(STANDARD_TOKENIZER_SEPERATORS, ' ')
-                // replace special chars for a backslash for RegExp
-                .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
-            pattern = pattern
-                .split(' ')
-                .filter((t) => {
-                return t.length > 0;
-            })
-                .join('|');
+            let pattern = options.exactMatch ? search.trim() : search.replace(STANDARD_TOKENIZER_SEPERATORS, ' ');
+            // replace special chars for a backslash for RegExp
+            pattern = pattern.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+            pattern = options.exactMatch
+                ? escape(pattern)
+                : pattern
+                    .split(' ')
+                    .filter((t) => {
+                    return t.length > 0;
+                })
+                    .join('|');
             const regex = new RegExp(pattern, 'gi');
-            text = _.escape(text);
+            text = escape(text);
             return text.replace(regex, (match) => `<span class="termHighlight">${match}</span>`); // add highlighting to matched regex pattern
         }
         else {