@leanix/components 0.3.46 → 0.3.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/core-ui/pipes/highlight-term.pipe.mjs +22 -14
- package/fesm2015/leanix-components.mjs +20 -12
- package/fesm2015/leanix-components.mjs.map +1 -1
- package/fesm2020/leanix-components.mjs +20 -12
- package/fesm2020/leanix-components.mjs.map +1 -1
- package/lib/core-ui/pipes/highlight-term.pipe.d.ts +15 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Pipe } from '@angular/core';
|
|
2
|
-
import
|
|
2
|
+
import { escape } from 'lodash/fp';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* These characters are treated as seperators by
|
|
@@ -8,20 +8,28 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
*/
|
|
9
9
|
const STANDARD_TOKENIZER_SEPERATORS = /[^a-zA-Z\d\s]/g;
|
|
10
10
|
export class HighlightTermPipe {
|
|
11
|
-
|
|
11
|
+
/**
|
|
12
|
+
* Transforms the input text with highlighted text according to the provided search term.
|
|
13
|
+
* @param text The input text.
|
|
14
|
+
* @param search The search term to highlight.
|
|
15
|
+
* @param options The highlight term search options.
|
|
16
|
+
* @returns The transformed text with highlighted search term.
|
|
17
|
+
*/
|
|
18
|
+
transform(text, search, options = { exactMatch: false }) {
|
|
12
19
|
if (search && text) {
|
|
13
|
-
let pattern = search
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
let pattern = options.exactMatch ? search.trim() : search.replace(STANDARD_TOKENIZER_SEPERATORS, ' ');
|
|
21
|
+
// replace special chars for a backslash for RegExp
|
|
22
|
+
pattern = pattern.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
|
|
23
|
+
pattern = options.exactMatch
|
|
24
|
+
? escape(pattern)
|
|
25
|
+
: pattern
|
|
26
|
+
.split(' ')
|
|
27
|
+
.filter((t) => {
|
|
28
|
+
return t.length > 0;
|
|
29
|
+
})
|
|
30
|
+
.join('|');
|
|
23
31
|
const regex = new RegExp(pattern, 'gi');
|
|
24
|
-
text =
|
|
32
|
+
text = escape(text);
|
|
25
33
|
return text.replace(regex, (match) => `<span class="termHighlight">${match}</span>`); // add highlighting to matched regex pattern
|
|
26
34
|
}
|
|
27
35
|
else {
|
|
@@ -35,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
35
43
|
type: Pipe,
|
|
36
44
|
args: [{ name: 'lxHighlightTerm' }]
|
|
37
45
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0LXRlcm0ucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvcGlwZXMvaGlnaGxpZ2h0LXRlcm0ucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQVVuQzs7OztHQUlHO0FBQ0gsTUFBTSw2QkFBNkIsR0FBRyxnQkFBZ0IsQ0FBQztBQUd2RCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCOzs7Ozs7T0FNRztJQUNILFNBQVMsQ0FBQyxJQUFhLEVBQUUsTUFBZSxFQUFFLFVBQXNDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRTtRQUNuRyxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUU7WUFDbEIsSUFBSSxPQUFPLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLDZCQUE2QixFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBRXRHLG1EQUFtRDtZQUNuRCxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxxQ0FBcUMsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUV6RSxPQUFPLEdBQUcsT0FBTyxDQUFDLFVBQVU7Z0JBQzFCLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO2dCQUNqQixDQUFDLENBQUMsT0FBTztxQkFDSixLQUFLLENBQUMsR0FBRyxDQUFDO3FCQUNWLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUNaLE9BQU8sQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7Z0JBQ3RCLENBQUMsQ0FBQztxQkFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFFakIsTUFBTSxLQUFLLEdBQUcsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQ3hDLElBQUksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDcEIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsK0JBQStCLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyw0Q0FBNEM7U0FDbkk7YUFBTTtZQUNMLE9BQU8sSUFBSSxDQUFDO1NBQ2I7SUFDSCxDQUFDOzs4R0E5QlUsaUJBQWlCOzRHQUFqQixpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFEN0IsSUFBSTttQkFBQyxFQUFFLElBQUksRUFBRSxpQkFBaUIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGVzY2FwZSB9IGZyb20gJ2xvZGFzaC9mcCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGlnaGxpZ2h0VGVybVNlYXJjaE9wdGlvbnMge1xuICAvKipcbiAgICogV2hldGhlciB0aGUgc2VhcmNoIHRlcm0gc2hvdWxkIGJlIGV4YWN0bHkgbWF0Y2hlZCBpbiB0aGUgZ2l2ZW4gdGV4dC4gV2hlbiBzZXQgdG8gdHJ1ZSwgdGhlIGZvbGxvd2luZ1xuICAgKiBjaGFyYWN0ZXJzIGFuZCBzcGFjZXMgYmV0d2VlbiB3b3JkcyBhcmUgaW5jbHVkZWQgaW4gdGhlIHNlYXJjaDogLSBbIF0gLyB7IH0gKCApICogKyA/IC4gXiAkIHxcbiAgICovXG4gIGV4YWN0TWF0Y2g6IGJvb2xlYW47XG59XG5cbi8qKlxuICogVGhlc2UgY2hhcmFjdGVycyBhcmUgdHJlYXRlZCBhcyBzZXBlcmF0b3JzIGJ5XG4gKiBlbGFzdGljc2VhcmNoIGFuZCBzcGxpdCB0aGUgaW5wdXQgaW50byBzZWFyY2ggdG9rZW5zXG4gKiB3aGljaCBhcmUgdXNlZCB0byBmaW5kIG1hdGNoZXMuXG4gKi9cbmNvbnN0IFNUQU5EQVJEX1RPS0VOSVpFUl9TRVBFUkFUT1JTID0gL1teYS16QS1aXFxkXFxzXS9nO1xuXG5AUGlwZSh7IG5hbWU6ICdseEhpZ2hsaWdodFRlcm0nIH0pXG5leHBvcnQgY2xhc3MgSGlnaGxpZ2h0VGVybVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgLyoqXG4gICAqIFRyYW5zZm9ybXMgdGhlIGlucHV0IHRleHQgd2l0aCBoaWdobGlnaHRlZCB0ZXh0IGFjY29yZGluZyB0byB0aGUgcHJvdmlkZWQgc2VhcmNoIHRlcm0uXG4gICAqIEBwYXJhbSB0ZXh0IFRoZSBpbnB1dCB0ZXh0LlxuICAgKiBAcGFyYW0gc2VhcmNoIFRoZSBzZWFyY2ggdGVybSB0byBoaWdobGlnaHQuXG4gICAqIEBwYXJhbSBvcHRpb25zIFRoZSBoaWdobGlnaHQgdGVybSBzZWFyY2ggb3B0aW9ucy5cbiAgICogQHJldHVybnMgVGhlIHRyYW5zZm9ybWVkIHRleHQgd2l0aCBoaWdobGlnaHRlZCBzZWFyY2ggdGVybS5cbiAgICovXG4gIHRyYW5zZm9ybSh0ZXh0Pzogc3RyaW5nLCBzZWFyY2g/OiBzdHJpbmcsIG9wdGlvbnM6IEhpZ2hsaWdodFRlcm1TZWFyY2hPcHRpb25zID0geyBleGFjdE1hdGNoOiBmYWxzZSB9KTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICBpZiAoc2VhcmNoICYmIHRleHQpIHtcbiAgICAgIGxldCBwYXR0ZXJuID0gb3B0aW9ucy5leGFjdE1hdGNoID8gc2VhcmNoLnRyaW0oKSA6IHNlYXJjaC5yZXBsYWNlKFNUQU5EQVJEX1RPS0VOSVpFUl9TRVBFUkFUT1JTLCAnICcpO1xuXG4gICAgICAvLyByZXBsYWNlIHNwZWNpYWwgY2hhcnMgZm9yIGEgYmFja3NsYXNoIGZvciBSZWdFeHBcbiAgICAgIHBhdHRlcm4gPSBwYXR0ZXJuLnJlcGxhY2UoL1tcXC1cXFtcXF1cXC9cXHtcXH1cXChcXClcXCpcXCtcXD9cXC5cXFxcXFxeXFwkXFx8XS9nLCAnXFxcXCQmJyk7XG5cbiAgICAgIHBhdHRlcm4gPSBvcHRpb25zLmV4YWN0TWF0Y2hcbiAgICAgICAgPyBlc2NhcGUocGF0dGVybilcbiAgICAgICAgOiBwYXR0ZXJuXG4gICAgICAgICAgICAuc3BsaXQoJyAnKVxuICAgICAgICAgICAgLmZpbHRlcigodCkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gdC5sZW5ndGggPiAwO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5qb2luKCd8Jyk7XG5cbiAgICAgIGNvbnN0IHJlZ2V4ID0gbmV3IFJlZ0V4cChwYXR0ZXJuLCAnZ2knKTtcbiAgICAgIHRleHQgPSBlc2NhcGUodGV4dCk7XG4gICAgICByZXR1cm4gdGV4dC5yZXBsYWNlKHJlZ2V4LCAobWF0Y2gpID0+IGA8c3BhbiBjbGFzcz1cInRlcm1IaWdobGlnaHRcIj4ke21hdGNofTwvc3Bhbj5gKTsgLy8gYWRkIGhpZ2hsaWdodGluZyB0byBtYXRjaGVkIHJlZ2V4IHBhdHRlcm5cbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRleHQ7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1377,20 +1377,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
1377
1377
|
*/
|
|
1378
1378
|
const STANDARD_TOKENIZER_SEPERATORS = /[^a-zA-Z\d\s]/g;
|
|
1379
1379
|
class HighlightTermPipe {
|
|
1380
|
-
|
|
1380
|
+
/**
|
|
1381
|
+
* Transforms the input text with highlighted text according to the provided search term.
|
|
1382
|
+
* @param text The input text.
|
|
1383
|
+
* @param search The search term to highlight.
|
|
1384
|
+
* @param options The highlight term search options.
|
|
1385
|
+
* @returns The transformed text with highlighted search term.
|
|
1386
|
+
*/
|
|
1387
|
+
transform(text, search, options = { exactMatch: false }) {
|
|
1381
1388
|
if (search && text) {
|
|
1382
|
-
let pattern = search
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1389
|
+
let pattern = options.exactMatch ? search.trim() : search.replace(STANDARD_TOKENIZER_SEPERATORS, ' ');
|
|
1390
|
+
// replace special chars for a backslash for RegExp
|
|
1391
|
+
pattern = pattern.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
|
|
1392
|
+
pattern = options.exactMatch
|
|
1393
|
+
? escape(pattern)
|
|
1394
|
+
: pattern
|
|
1395
|
+
.split(' ')
|
|
1396
|
+
.filter((t) => {
|
|
1397
|
+
return t.length > 0;
|
|
1398
|
+
})
|
|
1399
|
+
.join('|');
|
|
1392
1400
|
const regex = new RegExp(pattern, 'gi');
|
|
1393
|
-
text =
|
|
1401
|
+
text = escape(text);
|
|
1394
1402
|
return text.replace(regex, (match) => `<span class="termHighlight">${match}</span>`); // add highlighting to matched regex pattern
|
|
1395
1403
|
}
|
|
1396
1404
|
else {
|