@tejaskedare/search-highlight-pipe 1.0.1

package/README.md

@@ -0,0 +1,63 @@
+# TextUtils
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build text-utils
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/text-utils
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/tejaskedare-search-highlight-pipe.mjs

@@ -0,0 +1,67 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Pipe } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+
+class TextUtilsService {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextUtilsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextUtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class TextUtilsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextUtilsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TextUtilsComponent, isStandalone: true, selector: "lib-text-utils", ngImport: i0, template: `
+    <p>
+      text-utils works!
+    </p>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TextUtilsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-text-utils', imports: [], template: `
+    <p>
+      text-utils works!
+    </p>
+  ` }]
+        }] });
+
+class SearchHighlightPipe {
+    sanitizer;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value, searchText, className = 'highlight') {
+        if (!value || !searchText)
+            return value;
+        const escapedSearch = searchText.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        const regex = new RegExp(`(${escapedSearch})`, 'gi');
+        const highlighted = value.replace(regex, `<span class="${className}">$1</span>`);
+        return this.sanitizer.bypassSecurityTrustHtml(highlighted);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SearchHighlightPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: SearchHighlightPipe, isStandalone: true, name: "searchHighlight" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SearchHighlightPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'searchHighlight',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
+
+/*
+ * Public API Surface of text-utils
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SearchHighlightPipe, TextUtilsComponent, TextUtilsService };
+//# sourceMappingURL=tejaskedare-search-highlight-pipe.mjs.map

package/fesm2022/tejaskedare-search-highlight-pipe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tejaskedare-search-highlight-pipe.mjs","sources":["../../../projects/text-utils/src/lib/text-utils.service.ts","../../../projects/text-utils/src/lib/text-utils.component.ts","../../../projects/text-utils/src/lib/pipes/search-highlight.pipe.ts","../../../projects/text-utils/src/public-api.ts","../../../projects/text-utils/src/tejaskedare-search-highlight-pipe.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class TextUtilsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-text-utils',\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      text-utils works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class TextUtilsComponent {\r\n\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\n@Pipe({\r\n  name: 'searchHighlight',\r\n  standalone: true\r\n})\r\nexport class SearchHighlightPipe implements PipeTransform {\r\n\r\n  constructor(private sanitizer: DomSanitizer) {}\r\n\r\n  transform(\r\n    value: string,\r\n    searchText: string,\r\n    className: string = 'highlight'\r\n  ): SafeHtml {\r\n\r\n    if (!value || !searchText) return value;\r\n\r\n    const escapedSearch = searchText.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\r\n\r\n    const regex = new RegExp(`(${escapedSearch})`, 'gi');\r\n\r\n    const highlighted = value.replace(\r\n      regex,\r\n      `<span class=\"${className}\">$1</span>`\r\n    );\r\n\r\n    return this.sanitizer.bypassSecurityTrustHtml(highlighted);\r\n  }\r\n}","/*\r\n * Public API Surface of text-utils\r\n */\r\n\r\nexport * from './lib/text-utils.service';\r\nexport * from './lib/text-utils.component';\r\nexport * from './lib/pipes/search-highlight.pipe';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,gBAAgB,CAAA;AAE3B,IAAA,WAAA,GAAA,EAAgB;wGAFL,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;4FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCQY,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPnB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,QAAA,EACD,CAAA;;;;AAIT,EAAA,CAAA,EAAA;;;MCFU,mBAAmB,CAAA;AAEV,IAAA,SAAA;AAApB,IAAA,WAAA,CAAoB,SAAuB,EAAA;QAAvB,IAAA,CAAA,SAAS,GAAT,SAAS;IAAiB;AAE9C,IAAA,SAAS,CACP,KAAa,EACb,UAAkB,EAClB,YAAoB,WAAW,EAAA;AAG/B,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,KAAK;QAEvC,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;QAEvE,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA,CAAG,EAAE,IAAI,CAAC;AAEpD,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,KAAK,EACL,CAAA,aAAA,EAAgB,SAAS,CAAA,WAAA,CAAa,CACvC;QAED,OAAO,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,WAAW,CAAC;IAC5D;wGAtBW,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,iBAAiB;AACvB,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACND;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tejaskedare/search-highlight-pipe" />
+export * from './public-api';

package/lib/pipes/search-highlight.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class SearchHighlightPipe implements PipeTransform {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(value: string, searchText: string, className?: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchHighlightPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SearchHighlightPipe, "searchHighlight", true>;
+}

package/lib/text-utils.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TextUtilsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextUtilsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextUtilsComponent, "lib-text-utils", never, {}, {}, never, never, true, never>;
+}

package/lib/text-utils.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TextUtilsService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextUtilsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TextUtilsService>;
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@tejaskedare/search-highlight-pipe",
+  "version": "1.0.1",
+  "description": "Reusable Angular pipes like search highlight, truncate, mask",
+  "author": "Tejas Kedare",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0"
+  },
+  "keywords": [
+    "angular",
+    "highlight pipe",
+    "search highlight",
+    "angular pipe highlight",
+    "text highlight angular",
+    "ngx highlight"
+  ],
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/tejaskedare-search-highlight-pipe.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/tejaskedare-search-highlight-pipe.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/text-utils.service';
+export * from './lib/text-utils.component';
+export * from './lib/pipes/search-highlight.pipe';