ngx-transforms 0.0.5 → 0.1.0

package/fesm2022/ngx-transforms.mjs

@@ -60,8 +60,6 @@ import * as QRCode from 'qrcode';
  * @example
  * // With inverted colors
  * {{ 'DARK' | asciiArt:{ inverted: true, charset: CharsetPreset.MINIMAL } }}
- *
- * @author Mofiro Jean
  */
 class AsciiArtPipe {
     generator;
@@ -119,94 +117,615 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [] });
 
 /**
- * BarcodePipe: Generates a barcode from a string value.
- *
- * @param {string} value - The value to encode (e.g., '123456789').
- * @param {BarcodeOptions} [options={}] - Configuration options.
+ * CamelCasePipe: Converts text to camelCase (e.g., "hello world" → "helloWorld").
  *
- * @returns {Promise<SafeHtml | SafeResourceUrl>} - SVG markup or image data URL.
+ * @param {string} value - The input string to transform.
+ * @returns {string} The string in camelCase, or an empty string if input is invalid.
  *
  * @example
- * <div [innerHTML]="'123456789' | barcode:{elementType:'svg',format:'CODE128'} | async"></div>
- * <img [src]="'123456789' | barcode:{elementType:'img'} | async" />
+ * ```html
+ * {{ 'hello world' | camelCase }} <!-- Outputs: helloWorld -->
+ * ```
+ */
+class CamelCasePipe {
+    transform(value) {
+        if (!value || typeof value !== 'string')
+            return '';
+        return value
+            .toLowerCase()
+            .replace(/[^a-zA-Z0-9]+/g, ' ')
+            .trim()
+            .split(' ')
+            .filter(word => word.length > 0)
+            .map((word, index) => index === 0
+            ? word.toLowerCase()
+            : word.charAt(0).toUpperCase() + word.slice(1))
+            .join('');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CamelCasePipe, isStandalone: true, name: "camelCase" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CamelCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'camelCase',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * HighlightPipe: Highlights occurrences of a search term within a string.
+ *
+ * This Angular pipe transforms a string input by wrapping all occurrences of a specified
+ * search term with a `<span>` element that has the class "highlight".
+ * It uses the Angular `DomSanitizer` to bypass security and render the highlighted HTML.
+ *
+ * @param {string} value - The input string in which to highlight the search term.
+ * @param {string} searchTerm - The string to search for and highlight.
+ * @returns {SafeHtml} - The input string with the search term highlighted, or an empty string if input or searchTerm are falsy.
  *
- * @author Mofiro Jean
+ * @example
+ * {{ 'This is a test string' | highlight: 'test' }} // Returns 'This is a <span class="highlight">test</span> string'
+ * {{ 'This is a test TEST string' | highlight: 'test' }} // Returns 'This is a <span class="highlight">test</span> <span class="highlight">TEST</span> string'
+ * {{ 'This is a test string' | highlight: '' }} // Returns 'This is a test string'
+ * {{ null | highlight: 'test' }} // Returns ''
+ * {{ undefined | highlight: 'test' }} // Returns ''
  */
-class BarcodePipe {
+class HighlightPipe {
     sanitizer = inject(DomSanitizer);
-    async transform(value, options = {}) {
-        const { elementType = 'svg', format = 'CODE128', lineColor = '#000000', width = 2, height = 100, displayValue = true, } = options;
-        if (!value) {
-            return '';
-        }
-        // Sanitize the value to prevent XSS
-        const sanitizedValue = value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        try {
-            const config = { format, lineColor, width, height, displayValue };
-            if (elementType === 'svg') {
-                const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-                JsBarcode(svg, sanitizedValue, config);
-                return this.sanitizer.bypassSecurityTrustHtml(svg.outerHTML);
-            }
-            else {
-                const canvas = document.createElement('canvas');
-                JsBarcode(canvas, sanitizedValue, config);
-                const dataUrl = canvas.toDataURL('image/png');
-                return this.sanitizer.bypassSecurityTrustResourceUrl(dataUrl);
-            }
+    transform(value, searchTerm) {
+        if (!value || !searchTerm) {
+            return this.sanitizer.bypassSecurityTrustHtml(value || '');
         }
-        catch (error) {
-            console.error('Barcode generation failed:', error);
+        const escapedSearch = searchTerm.replace(/[.*+?${}()|[\\]/g, '\\$&');
+        const regex = new RegExp(`(${escapedSearch})`, 'gi');
+        const highlighed = value.replace(regex, '<span class="highlight">$1</span>');
+        return this.sanitizer.bypassSecurityTrustHtml(highlighed);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, isStandalone: true, name: "highlight" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'highlight',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * InitialsPipe: Extracts initials from a name.
+ *
+ * @param {string} value - The full name.
+ *
+ * @returns {string} - The initials (e.g., 'John Doe' → 'JD').
+ *
+ * @example
+ * {{ 'John Doe' | initials }} // Outputs: JD
+ * {{ 'Mary Jane Watson' | initials }} // Outputs: MJW
+ */
+class InitialsPipe {
+    transform(value) {
+        if (!value)
             return '';
-        }
+        return value
+            .trim()
+            .split(/\s+/)
+            .map(word => word.charAt(0).toUpperCase())
+            .join('');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BarcodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: BarcodePipe, isStandalone: true, name: "barcode" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InitialsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: InitialsPipe, isStandalone: true, name: "initials" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BarcodePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InitialsPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'barcode',
-                    standalone: true,
+                    name: 'initials',
+                    standalone: true
                 }]
         }] });
 
 /**
- * CamelCasePipe: Converts text to camelCase (e.g., "hello world" → "helloWorld").
+ * KebabCasePipe: Converts text to kebab-case (e.g., "hello world" → "hello-world").
  *
  * @param {string} value - The input string to transform.
- * @returns {string} The string in camelCase, or an empty string if input is invalid.
+ * @returns {string} The string in kebab-case, or an empty string if input is invalid.
  *
  * @example
  * ```html
- * {{ 'hello world' | camelCase }} <!-- Outputs: helloWorld -->
+ * {{ 'hello world' | kebabCase }} <!-- Outputs: hello-world -->
  * ```
- *
- * @author Mofiro Jean
  */
-class CamelCasePipe {
+class KebabCasePipe {
     transform(value) {
         if (!value || typeof value !== 'string')
             return '';
-        return value
-            .toLowerCase()
-            .replace(/[^a-zA-Z0-9]+/g, ' ')
-            .trim()
-            .split(' ')
-            .filter(word => word.length > 0)
-            .map((word, index) => index === 0
-            ? word.toLowerCase()
-            : word.charAt(0).toUpperCase() + word.slice(1))
-            .join('');
+        return value
+            .trim()
+            .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2') // Add hyphen between camelCase words
+            .toLowerCase()
+            .replace(/[^a-z0-9-]+/g, '-') // Replace non-alphanumeric (except hyphen) with hyphen
+            .replace(/^-|-$/g, ''); // Remove leading/trailing hyphens
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: KebabCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: KebabCasePipe, isStandalone: true, name: "kebabCase" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: KebabCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'kebabCase',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * MorseCodePipe: Converts text to Morse code.
+ *
+ * @param {string} value - The text to convert to Morse code.
+ *
+ * @returns {string} - The Morse code representation (e.g., 'SOS' → '... --- ...').
+ *
+ * @example
+ * {{ 'SOS' | morseCode }} // Outputs: '... --- ...'
+ * {{ 'HELP' | morseCode }} // Outputs: '.... . .-.. .--.'
+ * <p>{{ userInput | morseCode }}</p>
+ */
+class MorseCodePipe {
+    morseCodeMap = {
+        'A': '.-', 'B': '-...', 'C': '-.-.', 'D': '-..', 'E': '.', 'F': '..-.',
+        'G': '--.', 'H': '....', 'I': '..', 'J': '.---', 'K': '-.-', 'L': '.-..',
+        'M': '--', 'N': '-.', 'O': '---', 'P': '.--.', 'Q': '--.-', 'R': '.-.',
+        'S': '...', 'T': '-', 'U': '..-', 'V': '...-', 'W': '.--', 'X': '-..-',
+        'Y': '-.--', 'Z': '--..', '0': '-----', '1': '.----', '2': '..---',
+        '3': '...--', '4': '....-', '5': '.....', '6': '-....', '7': '--...',
+        '8': '---..', '9': '----.'
+    };
+    transform(value) {
+        if (!value || typeof value !== 'string') {
+            return '';
+        }
+        return value
+            .toUpperCase()
+            .split('')
+            .map(char => this.morseCodeMap[char] || '')
+            .filter(code => code)
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MorseCodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: MorseCodePipe, isStandalone: true, name: "morseCode" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MorseCodePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'morseCode',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * ReplacePipe: A custom Angular pipe that either highlights or replaces text based on a pattern.
+ *
+ * - If `isReplace` is `false`, it highlights occurrences of the pattern (if `highlightClass` is provided).
+ * - If `isReplace` is `true`, it replaces occurrences of the pattern with the replacement string, optionally highlighting the replacement.
+ *
+ * @param {string} value - The input string to transform.
+ * @param {string | RegExp} pattern - The pattern to match (string or RegExp). If an empty string, the value is returned as-is.
+ * @param {string} replacement - The string to replace matches with.
+ * @param {string} [highlightClass] - Optional CSS class for highlighting matched or replaced text (e.g., 'highlight').
+ * @param {boolean} [isReplace=true] - Whether to perform replacement (true) or only highlight matches (false).
+ *
+ * @returns {string | SafeHtml} - Returns the transformed string or SafeHtml with highlights.
+ *
+ * @example
+ * {{ 'Hello World' | replace:'World':'Universe' }}
+ * // Output: Hello Universe
+ *
+ * {{ 'test123' | replace:/\d+/g:'X':'highlight' }}
+ * // Output: test<span class="highlight">X</span>
+ *
+ * {{ 'Angular is great' | replace:'great':'awesome':'highlight':true }}
+ * // Output: Angular is <span class="highlight">awesome</span>
+ *
+ * {{ 'Angular is great' | replace:'great':'awesome':'highlight':false }}
+ * // Output: Angular is <span class="highlight">great</span>
+ *
+ * <div [innerHTML]="'Angular is great' | replace:'great':'awesome':'highlight':false"></div>
+ * // Renders: Angular is <span class="highlight">great</span>
+ */
+class ReplacePipe {
+    sanitizer = inject(DomSanitizer);
+    transform(value, pattern, replacement, highlightClass, isReplace = true) {
+        if (!value)
+            return '';
+        // handles empty string pattern
+        if (!pattern || (typeof pattern === 'string' && pattern.trim() === '')) {
+            return value;
+        }
+        const finalPattern = typeof pattern === 'string' ? new RegExp(pattern, 'gi') : pattern;
+        if (!highlightClass) {
+            return isReplace ? value.replace(finalPattern, replacement) : value;
+        }
+        // Sanitize the replacement to prevent XSS
+        const sanitizedReplacement = replacement.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        if (isReplace) {
+            const highlightedReplacement = `<span class="${highlightClass}">${sanitizedReplacement}</span>`;
+            const replaced = value.replace(finalPattern, highlightedReplacement);
+            return this.sanitizer.bypassSecurityTrustHtml(replaced);
+        }
+        const highlightedMatch = `<span class="${highlightClass}">$&</span>`;
+        const result = value.replace(finalPattern, highlightedMatch);
+        return this.sanitizer.bypassSecurityTrustHtml(result);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ReplacePipe, isStandalone: true, name: "replace" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ReplacePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'replace',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * SnakeCasePipe: Converts text to snake_case (e.g., "hello world" → "hello_world").
+ *
+ * @param {string} value - The input string to transform.
+ * @returns {string} The string in snake_case, or an empty string if input is invalid.
+ *
+ * @example
+ * ```html
+ * {{ 'hello world' | snakeCase }} <!-- Outputs: hello_world -->
+ * ```
+ */
+class SnakeCasePipe {
+    transform(value) {
+        if (!value || typeof value !== 'string')
+            return '';
+        return value
+            .trim()
+            .replace(/([A-Z])/g, '_$1') // Convert camelCase to snake_case (e.g., helloWorld -> hello_World)
+            .toLowerCase() // Convert everything to lowercase
+            .replace(/[\s-]+/g, '_') // Replace spaces and hyphens with underscores
+            .replace(/[^a-z0-9_]+/g, '') // Remove all non-alphanumeric and non-underscore characters
+            .replace(/_+/g, '_') // Collapse multiple underscores
+            .replace(/^_|_$/g, ''); // Remove leading/trailing underscores
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnakeCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: SnakeCasePipe, isStandalone: true, name: "snakeCase" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnakeCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'snakeCase',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * TitleCasePipe: Capitalizes the first letter of each word in a string.
+ *
+ * @param {string} value - The input string to transform.
+ * @returns {string} The string with each word capitalized, or an empty string if input is invalid.
+ *
+ * @example
+ * ```html
+ * {{ 'hello world' | titleCase }} <!-- Outputs: Hello World -->
+ * ```
+ */
+class TitleCasePipe {
+    transform(value) {
+        if (!value || typeof value !== 'string')
+            return '';
+        return value
+            .split(' ')
+            .filter(word => word.length > 0)
+            .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titleCase" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TitleCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'titleCase',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * TruncatePipe: Truncates a string to a specified maximum length, optionally preserving words.
+ *
+ * This Angular pipe transforms a string input by truncating it to the given `maxLength`.
+ * It provides options to customize the ellipsis and preserve word boundaries.
+ *
+ * @param {string} value - The input string to be truncated.
+ * @param {number} [maxLength=10] - The maximum length of the truncated string. Defaults to 10.
+ * @param {string} [ellipsis='...'] - The string to append to the truncated portion. Defaults to '...'.
+ * @param {boolean} [preserveWords=false] - If true, truncates at the last space before `maxLength` to avoid cutting words. Defaults to false.
+ * @returns {string} - The truncated string. Returns an empty string if the input is null, undefined, or not a string.
+ *
+ * @example
+ * {{ 'This is a long sentence' | truncate }} // Returns 'This is a...'
+ * {{ 'This is a long sentence' | truncate: 20 }} // Returns 'This is a long sente...'
+ * {{ 'This is a long sentence' | truncate: 15: ' [more]' }} // Returns 'This is a long [more]'
+ * {{ 'This is a long sentence' | truncate: 15: '...' : true }} // Returns 'This is a...'
+ * {{ 'This is a long sentence' | truncate: 20: '...' : true }} // Returns 'This is a long...'
+ * {{ null | truncate }} // Returns ''
+ * {{ undefined | truncate }} // Returns ''
+ */
+class TruncatePipe {
+    transform(value, maxLength = 10, ellipsis = '...', preserveWords = false) {
+        if (!value || typeof value !== 'string') {
+            return '';
+        }
+        if (value.length <= maxLength) {
+            return value;
+        }
+        const charsToKeep = maxLength - ellipsis.length;
+        // If maxLength is too small to even include the ellipsis, just return the ellipsis.
+        if (charsToKeep < 0) {
+            return ellipsis;
+        }
+        let truncated = value.substring(0, charsToKeep);
+        if (preserveWords) {
+            const lastSpaceIndex = truncated.lastIndexOf(' ');
+            // If a space is found and it's not the very beginning of the string
+            if (lastSpaceIndex !== -1 && lastSpaceIndex !== 0) {
+                truncated = truncated.substring(0, lastSpaceIndex);
+            }
+        }
+        return truncated.trim() + ellipsis;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'truncate',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * CreditCardMaskPipe: Masks all but the last four digits of a string, optionally controlled by a boolean flag.
+ * By default, masking is applied.
+ *
+ * @param {string} value - The input string to mask (e.g., credit card number).
+ * @param {boolean} shouldMask - (Optional) Determines if masking should be applied. Defaults to true.
+ * @returns {string} - The masked string or the original value if `shouldMask` is false or the value is too short.
+ *
+ * @example
+ * {{ '1234567890123456' | creditCardMask }} // Outputs: **** **** **** 3456
+ * {{ '1234-5678-9012-3456' | creditCardMask }} // Outputs: **** **** **** 3456
+ * {{ '1234567890123456' | creditCardMask: true }} // Outputs: **** **** **** 3456
+ * {{ '1234567890123456' | creditCardMask: false }} // Outputs: 1234567890123456
+ */
+class CreditCardMaskPipe {
+    transform(value, shouldMask = true) {
+        if (!value) {
+            return value;
+        }
+        if (shouldMask) {
+            const cleanedValue = value.replace(/[\s-]/g, '');
+            const cleanedLength = cleanedValue.length;
+            if (cleanedLength < 4) {
+                return value;
+            }
+            const visibleDigits = cleanedValue.slice(-4);
+            const maskedSection = '*'.repeat(cleanedLength - 4);
+            const groupedMask = maskedSection.match(/.{1,4}/g)?.join(' ') ?? '';
+            return `${groupedMask} ${visibleDigits}`.trim();
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CreditCardMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CreditCardMaskPipe, isStandalone: true, name: "creditCardMask" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CreditCardMaskPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'creditCardMask',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * EmailMaskPipe: Masks the local part of an email address, revealing only the first and last characters.
+ *
+ * This Angular pipe transforms an email address string by replacing the characters between the first and last characters of the local part (before the '@') with "***".
+ * If the local part is 2 characters or less, it masks all characters except the first.
+ *
+ * @param {string} value - The email address string to be masked.
+ * @returns {string} - The masked email address, or the original value if it's not a valid email or falsy.
+ *
+ * @example
+ * {{ 'test@example.com' | emailMask }} // Returns 't***t@example.com'
+ * {{ 'te@example.com' | emailMask }} // Returns 't***@example.com'
+ * {{ 't@example.com' | emailMask }} // Returns 't***@example.com'
+ * {{ 'example.com' | emailMask }} // Returns 'example.com'
+ * {{ null | emailMask }} // Returns ''
+ * {{ undefined | emailMask }} // Returns ''
+ */
+class EmailMaskPipe {
+    transform(value) {
+        if (!value || !value.includes('@')) {
+            return value || '';
+        }
+        const [local, domain] = value.split('@');
+        if (local.length <= 2) {
+            return `${local[0]}***@${domain}`;
+        }
+        const firstChar = local[0];
+        const lastChar = local[local.length - 1];
+        return `${firstChar}***${lastChar}@${domain}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: EmailMaskPipe, isStandalone: true, name: "emailMask" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailMaskPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'emailMask',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Converts special HTML characters in a string to their corresponding HTML entities.
+ * This prevents the browser from interpreting the input as HTML, rendering it as plain text.
+ *
+ * @param {string} value - The input string containing HTML to escape.
+ * @returns {string} The string with special HTML characters escaped, or an empty string if input is invalid.
+ *
+ * @example
+ * ```html
+ * {{ '<p>Hello</p>' | htmlEscape }} <!-- Outputs: &lt;p&gt;Hello&lt;/p&gt; -->
+ * ```
+ */
+class HtmlEscapePipe {
+    transform(value) {
+        if (!value || typeof value !== 'string')
+            return '';
+        const escapeMap = {
+            '&': '&amp;',
+            '<': '&lt;',
+            '>': '&gt;',
+            '"': '&quot;',
+            "'": '&apos;'
+        };
+        return value.replace(/[&<>"']/g, char => escapeMap[char]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlEscapePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HtmlEscapePipe, isStandalone: true, name: "htmlEscape" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlEscapePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'htmlEscape',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Sanitizes HTML input to remove unsafe elements while allowing safe HTML to be rendered.
+ * Uses Angular's DomSanitizer to mark the output as trusted for use in [innerHTML].
+ *
+ * @param {string} value - The input string containing HTML to sanitize.
+ * @returns {SafeHtml} The sanitized HTML marked as safe, or an empty string if input is invalid.
+ *
+ * @remarks
+ * WARNING: Use with caution. Only apply to trusted input to avoid XSS risks.
+ * Ensure input is pre-validated or sourced from a secure origin (e.g., a controlled rich-text editor).
+ *
+ * @example
+ * ```html
+ * <div [innerHTML]="'<p>Hello</p><script>alert(1)</script>' | htmlSanitize"></div>
+ * <!-- Renders: <p>Hello</p> (script tag removed) -->
+ * ```
+ */
+class HtmlSanitizePipe {
+    sanitizer = inject(DomSanitizer);
+    transform(value) {
+        if (!value || typeof value !== 'string')
+            return this.sanitizer.bypassSecurityTrustHtml('');
+        return this.sanitizer.sanitize(0, value) || this.sanitizer.bypassSecurityTrustHtml('');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HtmlSanitizePipe, isStandalone: true, name: "htmlSanitize" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlSanitizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'htmlSanitize',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * IpAddressMaskPipe: Masks the last two octets of an IPv4 address.
+ *
+ * @param {string} value - The IPv4 address (e.g., 192.168.1.1).
+ * @param {boolean} shouldMask - (Optional) Determines if masking should be applied. Defaults to true..
+ *
+ * @returns {string} - The masked IP address (e.g., 192.168.*.*).
+ *
+ * @example
+ * {{ '192.168.1.1' | ipAddressMask }} // Outputs: 192.168.*.*
+ * {{ '10.0.0.255' | ipAddressMask }} // Outputs: 10.0.*.*
+ */
+class IpAddressMaskPipe {
+    transform(value, shouldMask = true) {
+        if (!value || !/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(value)) {
+            return value;
+        }
+        if (shouldMask) {
+            const parts = value.split('.');
+            return `${parts[0]}.${parts[1]}.*.*`;
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IpAddressMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: IpAddressMaskPipe, isStandalone: true, name: "ipAddressMask" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IpAddressMaskPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ipAddressMask',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * BarcodePipe: Generates a barcode from a string value.
+ *
+ * @param {string} value - The value to encode (e.g., '123456789').
+ * @param {BarcodeOptions} [options={}] - Configuration options.
+ *
+ * @returns {Promise<SafeHtml | SafeResourceUrl>} - SVG markup or image data URL.
+ *
+ * @example
+ * <div [innerHTML]="'123456789' | barcode:{elementType:'svg',format:'CODE128'} | async"></div>
+ * <img [src]="'123456789' | barcode:{elementType:'img'} | async" />
+ */
+class BarcodePipe {
+    sanitizer = inject(DomSanitizer);
+    async transform(value, options = {}) {
+        const { elementType = 'svg', format = 'CODE128', lineColor = '#000000', width = 2, height = 100, displayValue = true, } = options;
+        if (!value) {
+            return '';
+        }
+        // Sanitize the value to prevent XSS
+        const sanitizedValue = value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        try {
+            const config = { format, lineColor, width, height, displayValue };
+            if (elementType === 'svg') {
+                const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+                JsBarcode(svg, sanitizedValue, config);
+                return this.sanitizer.bypassSecurityTrustHtml(svg.outerHTML);
+            }
+            else {
+                const canvas = document.createElement('canvas');
+                JsBarcode(canvas, sanitizedValue, config);
+                const dataUrl = canvas.toDataURL('image/png');
+                return this.sanitizer.bypassSecurityTrustResourceUrl(dataUrl);
+            }
+        }
+        catch (error) {
+            console.error('Barcode generation failed:', error);
+            return '';
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CamelCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CamelCasePipe, isStandalone: true, name: "camelCase" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BarcodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: BarcodePipe, isStandalone: true, name: "barcode" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CamelCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BarcodePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'camelCase',
-                    standalone: true
+                    name: 'barcode',
+                    standalone: true,
                 }]
         }] });
 
@@ -361,8 +880,6 @@ function parseColor(value) {
  * // Alpha channel support
  * {{ '#FF000080' | colorConvert:'rgba' }}   // rgba(255, 0, 0, 0.5)
  * {{ 'rgba(255, 0, 0, 0.5)' | colorConvert:'hex' }} // #FF000080
- *
- * @author Mofiro Jean
  */
 class ColorConvertPipe {
     transform(value, target) {
@@ -370,393 +887,149 @@ class ColorConvertPipe {
             return '';
         }
         const trimmedValue = value.trim();
-        const parsed = parseColor(trimmedValue);
-        if (!parsed) {
-            return value;
-        }
-        const { r, g, b, a } = parsed;
-        switch (target) {
-            case 'hex':
-                if (a < 1) {
-                    return `#${toHex(r)}${toHex(g)}${toHex(b)}${alphaToHex(a)}`;
-                }
-                return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-            case 'rgb':
-                return `rgb(${clampChannel(r)}, ${clampChannel(g)}, ${clampChannel(b)})`;
-            case 'rgba':
-                return `rgba(${clampChannel(r)}, ${clampChannel(g)}, ${clampChannel(b)}, ${clampAlpha(a)})`;
-            default:
-                return value;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorConvertPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ColorConvertPipe, isStandalone: true, name: "colorConvert" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorConvertPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'colorConvert',
-                    standalone: true,
-                }]
-        }] });
-
-class CountPipe {
-    transform(value) {
-        if (value === null || value === undefined) {
-            return 0;
-        }
-        if (Array.isArray(value) || typeof value === 'string') {
-            return value.length;
-        }
-        if (typeof value === 'object') {
-            return Object.keys(value).length;
-        }
-        return 0;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CountPipe, isStandalone: true, name: "count" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CountPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'count',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * CreditCardMaskPipe: Masks all but the last four digits of a string, optionally controlled by a boolean flag.
- * By default, masking is applied.
- *
- * @param {string} value - The input string to mask (e.g., credit card number).
- * @param {boolean} shouldMask - (Optional) Determines if masking should be applied. Defaults to true.
- * @returns {string} - The masked string or the original value if `shouldMask` is false or the value is too short.
- *
- * @example
- * {{ '1234567890123456' | creditCardMask }} // Outputs: **** **** **** 3456
- * {{ '1234-5678-9012-3456' | creditCardMask }} // Outputs: **** **** **** 3456
- * {{ '1234567890123456' | creditCardMask: true }} // Outputs: **** **** **** 3456
- * {{ '1234567890123456' | creditCardMask: false }} // Outputs: 1234567890123456
- *
- * @author Mofiro Jean
- */
-class CreditCardMaskPipe {
-    transform(value, shouldMask = true) {
-        if (!value) {
-            return value;
-        }
-        if (shouldMask) {
-            const cleanedValue = value.replace(/[\s-]/g, '');
-            const cleanedLength = cleanedValue.length;
-            if (cleanedLength < 4) {
-                return value;
-            }
-            const visibleDigits = cleanedValue.slice(-4);
-            const maskedSection = '*'.repeat(cleanedLength - 4);
-            const groupedMask = maskedSection.match(/.{1,4}/g)?.join(' ') ?? '';
-            return `${groupedMask} ${visibleDigits}`.trim();
-        }
-        return value;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CreditCardMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CreditCardMaskPipe, isStandalone: true, name: "creditCardMask" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CreditCardMaskPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'creditCardMask',
-                    standalone: true,
-                }]
-        }] });
-
-/**
- * DeviceTypePipe: Detects the device type based on the user agent string.
- *
- * @param {string} value - The user agent string (defaults to navigator.userAgent).
- *
- * @returns {'mobile' | 'tablet' | 'desktop' | 'unknown'} - The detected device type.
- *
- * @example
- * {{ '' | device }} // Outputs: 'mobile' (on a mobile device)
- * <div *ngIf="'' | device === 'desktop'">Desktop-only content</div>
- */
-class DeviceTypePipe {
-    transform(value = typeof navigator !== 'undefined' ? navigator.userAgent : '') {
-        if (!value)
-            return 'unknown';
-        const userAgent = value.toLowerCase();
-        const isMobile = /mobile|android|iphone|ipod|blackberry|opera mini|iemobile|windows phone/i.test(userAgent);
-        const isTablet = /ipad|tablet|kindle|playbook|silk|nexus 7|nexus 10|android(?!.*mobile)/i.test(userAgent);
-        if (isMobile)
-            return 'mobile';
-        if (isTablet)
-            return 'tablet';
-        return 'desktop';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DeviceTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: DeviceTypePipe, isStandalone: true, name: "device" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DeviceTypePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'device',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * EmailMaskPipe: Masks the local part of an email address, revealing only the first and last characters.
- *
- * This Angular pipe transforms an email address string by replacing the characters between the first and last characters of the local part (before the '@') with "***".
- * If the local part is 2 characters or less, it masks all characters except the first.
- *
- * @param {string} value - The email address string to be masked.
- * @returns {string} - The masked email address, or the original value if it's not a valid email or falsy.
- *
- * @example
- * {{ 'test@example.com' | emailMask }} // Returns 't***t@example.com'
- * {{ 'te@example.com' | emailMask }} // Returns 't***@example.com'
- * {{ 't@example.com' | emailMask }} // Returns 't***@example.com'
- * {{ 'example.com' | emailMask }} // Returns 'example.com'
- * {{ null | emailMask }} // Returns ''
- * {{ undefined | emailMask }} // Returns ''
- *
- * @author Mofiro Jean
- */
-class EmailMaskPipe {
-    transform(value) {
-        if (!value || !value.includes('@')) {
-            return value || '';
-        }
-        const [local, domain] = value.split('@');
-        if (local.length <= 2) {
-            return `${local[0]}***@${domain}`;
-        }
-        const firstChar = local[0];
-        const lastChar = local[local.length - 1];
-        return `${firstChar}***${lastChar}@${domain}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: EmailMaskPipe, isStandalone: true, name: "emailMask" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailMaskPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'emailMask',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * GravatarPipe: Generates Gravatar URLs from email addresses.
- *
- * @param {string} value - The email address.
- * @param {number} [size=80] - The avatar size in pixels.
- *
- * @returns {string} - The Gravatar URL.
- *
- * @example
- * <img [src]="'user@example.com' | gravatar:100" />
- *
- * @author Mofiro Jean
- */
-class GravatarPipe {
-    transform(value, size = 80) {
-        if (!value)
-            return `https://www.gravatar.com/avatar/?s=${size}`;
-        const hash = md5(value.trim().toLowerCase());
-        return `https://www.gravatar.com/avatar/${hash}?s=${size}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GravatarPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GravatarPipe, isStandalone: true, name: "gravatar" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GravatarPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'gravatar',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * HighlightPipe: Highlights occurrences of a search term within a string.
- *
- * This Angular pipe transforms a string input by wrapping all occurrences of a specified
- * search term with a `<span>` element that has the class "highlight".
- * It uses the Angular `DomSanitizer` to bypass security and render the highlighted HTML.
- *
- * @param {string} value - The input string in which to highlight the search term.
- * @param {string} searchTerm - The string to search for and highlight.
- * @returns {SafeHtml} - The input string with the search term highlighted, or an empty string if input or searchTerm are falsy.
- *
- * @example
- * {{ 'This is a test string' | highlight: 'test' }} // Returns 'This is a <span class="highlight">test</span> string'
- * {{ 'This is a test TEST string' | highlight: 'test' }} // Returns 'This is a <span class="highlight">test</span> <span class="highlight">TEST</span> string'
- * {{ 'This is a test string' | highlight: '' }} // Returns 'This is a test string'
- * {{ null | highlight: 'test' }} // Returns ''
- * {{ undefined | highlight: 'test' }} // Returns ''
- *
- * @author Mofiro Jean
- */
-class HighlightPipe {
-    sanitizer = inject(DomSanitizer);
-    transform(value, searchTerm) {
-        if (!value || !searchTerm) {
-            return this.sanitizer.bypassSecurityTrustHtml(value || '');
+        const parsed = parseColor(trimmedValue);
+        if (!parsed) {
+            return value;
+        }
+        const { r, g, b, a } = parsed;
+        switch (target) {
+            case 'hex':
+                if (a < 1) {
+                    return `#${toHex(r)}${toHex(g)}${toHex(b)}${alphaToHex(a)}`;
+                }
+                return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+            case 'rgb':
+                return `rgb(${clampChannel(r)}, ${clampChannel(g)}, ${clampChannel(b)})`;
+            case 'rgba':
+                return `rgba(${clampChannel(r)}, ${clampChannel(g)}, ${clampChannel(b)}, ${clampAlpha(a)})`;
+            default:
+                return value;
         }
-        const escapedSearch = searchTerm.replace(/[.*+?${}()|[\\]/g, '\\$&');
-        const regex = new RegExp(`(${escapedSearch})`, 'gi');
-        const highlighed = value.replace(regex, '<span class="highlight">$1</span>');
-        return this.sanitizer.bypassSecurityTrustHtml(highlighed);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, isStandalone: true, name: "highlight" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorConvertPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ColorConvertPipe, isStandalone: true, name: "colorConvert" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ColorConvertPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'highlight',
-                    standalone: true
+                    name: 'colorConvert',
+                    standalone: true,
                 }]
         }] });
 
 /**
- * Converts special HTML characters in a string to their corresponding HTML entities.
- * This prevents the browser from interpreting the input as HTML, rendering it as plain text.
+ * GravatarPipe: Generates Gravatar URLs from email addresses.
  *
- * @param {string} value - The input string containing HTML to escape.
- * @returns {string} The string with special HTML characters escaped, or an empty string if input is invalid.
+ * @param {string} value - The email address.
+ * @param {number} [size=80] - The avatar size in pixels.
+ *
+ * @returns {string} - The Gravatar URL.
  *
  * @example
- * ```html
- * {{ '<p>Hello</p>' | htmlEscape }} <!-- Outputs: &lt;p&gt;Hello&lt;/p&gt; -->
- * ```
+ * <img [src]="'user@example.com' | gravatar:100" />
  */
-class HtmlEscapePipe {
-    transform(value) {
-        if (!value || typeof value !== 'string')
-            return '';
-        const escapeMap = {
-            '&': '&amp;',
-            '<': '&lt;',
-            '>': '&gt;',
-            '"': '&quot;',
-            "'": '&apos;'
-        };
-        return value.replace(/[&<>"']/g, char => escapeMap[char]);
+class GravatarPipe {
+    transform(value, size = 80) {
+        if (!value)
+            return `https://www.gravatar.com/avatar/?s=${size}`;
+        const hash = md5(value.trim().toLowerCase());
+        return `https://www.gravatar.com/avatar/${hash}?s=${size}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlEscapePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HtmlEscapePipe, isStandalone: true, name: "htmlEscape" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GravatarPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GravatarPipe, isStandalone: true, name: "gravatar" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlEscapePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GravatarPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'htmlEscape',
+                    name: 'gravatar',
                     standalone: true
                 }]
         }] });
 
 /**
- * Sanitizes HTML input to remove unsafe elements while allowing safe HTML to be rendered.
- * Uses Angular's DomSanitizer to mark the output as trusted for use in [innerHTML].
+ * QrCodePipe: Generates a QR code from a string.
  *
- * @param {string} value - The input string containing HTML to sanitize.
- * @returns {SafeHtml} The sanitized HTML marked as safe, or an empty string if input is invalid.
+ * @param {string} value - The string to encode.
+ * @param {QrCodeOptions} [options] - The QR code options.
  *
- * @remarks
- * WARNING: Use with caution. Only apply to trusted input to avoid XSS risks.
- * Ensure input is pre-validated or sourced from a secure origin (e.g., a controlled rich-text editor).
+ * @returns {Promise<string>} - A promise that resolves with the QR code data URL.
  *
  * @example
- * ```html
- * <div [innerHTML]="'<p>Hello</p><script>alert(1)</script>' | htmlSanitize"></div>
- * <!-- Renders: <p>Hello</p> (script tag removed) -->
- * ```
+ * <img [src]="'Hello, World!' | qrCode | async" />
  */
-class HtmlSanitizePipe {
-    sanitizer = inject(DomSanitizer);
-    transform(value) {
-        if (!value || typeof value !== 'string')
-            return this.sanitizer.bypassSecurityTrustHtml('');
-        return this.sanitizer.sanitize(0, value) || this.sanitizer.bypassSecurityTrustHtml('');
+class QrCodePipe {
+    transform(value, options) {
+        if (!value) {
+            return Promise.resolve('');
+        }
+        return QRCode.toDataURL(value, options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HtmlSanitizePipe, isStandalone: true, name: "htmlSanitize" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QrCodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: QrCodePipe, isStandalone: true, name: "qrCode" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HtmlSanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QrCodePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'htmlSanitize',
+                    name: 'qrCode',
                     standalone: true
                 }]
         }] });
 
-/**
- * InitialsPipe: Extracts initials from a name.
- *
- * @param {string} value - The full name.
- *
- * @returns {string} - The initials (e.g., 'John Doe' → 'JD').
- *
- * @example
- * {{ 'John Doe' | initials }} // Outputs: JD
- * {{ 'Mary Jane Watson' | initials }} // Outputs: MJW
- *
- * @author Mofiro Jean
- */
-class InitialsPipe {
+class CountPipe {
     transform(value) {
-        if (!value)
-            return '';
-        return value
-            .trim()
-            .split(/\s+/)
-            .map(word => word.charAt(0).toUpperCase())
-            .join('');
+        if (value === null || value === undefined) {
+            return 0;
+        }
+        if (Array.isArray(value) || typeof value === 'string') {
+            return value.length;
+        }
+        if (typeof value === 'object') {
+            return Object.keys(value).length;
+        }
+        return 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InitialsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: InitialsPipe, isStandalone: true, name: "initials" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: CountPipe, isStandalone: true, name: "count" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InitialsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CountPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'initials',
+                    name: 'count',
                     standalone: true
                 }]
         }] });
 
 /**
- * IpAddressMaskPipe: Masks the last two octets of an IPv4 address.
+ * DeviceTypePipe: Detects the device type based on the user agent string.
  *
- * @param {string} value - The IPv4 address (e.g., 192.168.1.1).
- * @param {boolean} shouldMask - (Optional) Determines if masking should be applied. Defaults to true..
+ * @param {string} value - The user agent string (defaults to navigator.userAgent).
  *
- * @returns {string} - The masked IP address (e.g., 192.168.*.*).
+ * @returns {'mobile' | 'tablet' | 'desktop' | 'unknown'} - The detected device type.
  *
  * @example
- * {{ '192.168.1.1' | ipAddressMask }} // Outputs: 192.168.*.*
- * {{ '10.0.0.255' | ipAddressMask }} // Outputs: 10.0.*.*
- *
- * @author Mofiro Jean
+ * {{ '' | device }} // Outputs: 'mobile' (on a mobile device)
+ * <div *ngIf="'' | device === 'desktop'">Desktop-only content</div>
  */
-class IpAddressMaskPipe {
-    transform(value, shouldMask = true) {
-        if (!value || !/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(value)) {
-            return value;
-        }
-        if (shouldMask) {
-            const parts = value.split('.');
-            return `${parts[0]}.${parts[1]}.*.*`;
-        }
-        return value;
+class DeviceTypePipe {
+    transform(value = typeof navigator !== 'undefined' ? navigator.userAgent : '') {
+        if (!value)
+            return 'unknown';
+        const userAgent = value.toLowerCase();
+        const isMobile = /mobile|android|iphone|ipod|blackberry|opera mini|iemobile|windows phone/i.test(userAgent);
+        const isTablet = /ipad|tablet|kindle|playbook|silk|nexus 7|nexus 10|android(?!.*mobile)/i.test(userAgent);
+        if (isMobile)
+            return 'mobile';
+        if (isTablet)
+            return 'tablet';
+        return 'desktop';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IpAddressMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: IpAddressMaskPipe, isStandalone: true, name: "ipAddressMask" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DeviceTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: DeviceTypePipe, isStandalone: true, name: "device" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IpAddressMaskPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DeviceTypePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'ipAddressMask',
+                    name: 'device',
                     standalone: true
                 }]
         }] });
@@ -772,8 +1045,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
  * @example
  * {{ '{"name": "John", "age": 30}' | jsonPretty }} // Outputs: Colorful, indented JSON
  * <pre [innerHTML]="data | jsonPretty:4"></pre> // 4-space indentation
- *
- * @author Mofiro Jean
  */
 class JsonPrettyPipe {
     sanitizer = inject(DomSanitizer);
@@ -841,180 +1112,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 /**
- * KebabCasePipe: Converts text to kebab-case (e.g., "hello world" → "hello-world").
- *
- * @param {string} value - The input string to transform.
- * @returns {string} The string in kebab-case, or an empty string if input is invalid.
- *
- * @example
- * ```html
- * {{ 'hello world' | kebabCase }} <!-- Outputs: hello-world -->
- * ```
- *
- * @author Mofiro Jean
- */
-class KebabCasePipe {
-    transform(value) {
-        if (!value || typeof value !== 'string')
-            return '';
-        return value
-            .trim()
-            .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2') // Add hyphen between camelCase words
-            .toLowerCase()
-            .replace(/[^a-z0-9-]+/g, '-') // Replace non-alphanumeric (except hyphen) with hyphen
-            .replace(/^-|-$/g, ''); // Remove leading/trailing hyphens
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: KebabCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: KebabCasePipe, isStandalone: true, name: "kebabCase" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: KebabCasePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'kebabCase',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * MorseCodePipe: Converts text to Morse code.
+ * TextToSpeechPipe: Converts text to speech using the Web Speech API.
  *
- * @param {string} value - The text to convert to Morse code.
+ * @param {string} value - The text to convert to speech.
+ * @param {string} [lang='en-US'] - The language (local) for speech synthesis.
  *
- * @returns {string} - The Morse code representation (e.g., 'SOS' → '... --- ...').
+ * @returns {void} - Triggers speech synthesis (no return value).
  *
  * @example
- * {{ 'SOS' | morseCode }} // Outputs: '... --- ...'
- * {{ 'HELP' | morseCode }} // Outputs: '.... . .-.. .--.'
- * <p>{{ userInput | morseCode }}</p>
- *
- * @author Mofiro Jean
- */
-class MorseCodePipe {
-    morseCodeMap = {
-        'A': '.-', 'B': '-...', 'C': '-.-.', 'D': '-..', 'E': '.', 'F': '..-.',
-        'G': '--.', 'H': '....', 'I': '..', 'J': '.---', 'K': '-.-', 'L': '.-..',
-        'M': '--', 'N': '-.', 'O': '---', 'P': '.--.', 'Q': '--.-', 'R': '.-.',
-        'S': '...', 'T': '-', 'U': '..-', 'V': '...-', 'W': '.--', 'X': '-..-',
-        'Y': '-.--', 'Z': '--..', '0': '-----', '1': '.----', '2': '..---',
-        '3': '...--', '4': '....-', '5': '.....', '6': '-....', '7': '--...',
-        '8': '---..', '9': '----.'
-    };
-    transform(value) {
-        if (!value || typeof value !== 'string') {
-            return '';
-        }
-        return value
-            .toUpperCase()
-            .split('')
-            .map(char => this.morseCodeMap[char] || '')
-            .filter(code => code)
-            .join(' ');
+ * <div>{{ Hello World' | textToSpeech }}</div>
+ * <div>{{ 'Bonjour' | textToSpeech:'fr-FR' }}h</div>
+ */
+class TextToSpeechPipe {
+    transform(value, lang = 'en-US') {
+        if (!value || typeof window === 'undefined' || !window.speechSynthesis)
+            return;
+        const uttrance = new SpeechSynthesisUtterance(value);
+        uttrance.lang = lang;
+        window.speechSynthesis.speak(uttrance);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MorseCodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: MorseCodePipe, isStandalone: true, name: "morseCode" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextToSpeechPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TextToSpeechPipe, isStandalone: true, name: "textToSpeech" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MorseCodePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextToSpeechPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'morseCode',
+                    name: 'textToSpeech',
                     standalone: true
                 }]
         }] });
 
 /**
- * QrCodePipe: Generates a QR code from a string.
+* TimeAgo: Converts a date into a localized time string.
  *
- * @param {string} value - The string to encode.
- * @param {QrCodeOptions} [options] - The QR code options.
+ * Use the in-built Intl.RelativeTimeFormat to convert a date into a localized time string.
+ * It was chosen over moment.js because it's more lightweight and supports more locales.
+ * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat
  *
- * @returns {Promise<string>} - A promise that resolves with the QR code data URL.
+ * @param {Date | number | string} value - The date to convert.
+ * @param {string} [local='en'] - BCP 47 local code (e.g., 'en', 'fr', 'es').
  *
- * @example
- * <img [src]="'Hello, World!' | qrCode | async" />
+ * @returns {string} - The localized time string.
  *
- * @author Mofiro Jean
- */
-class QrCodePipe {
-    transform(value, options) {
-        if (!value) {
-            return Promise.resolve('');
+ * @example
+ * {{ date | timeAgo }}       // '5 minutes ago'
+ * {{ date | timeAgo:'fr' }}   // 'il y a 5 minutes'
+ *
+ * @note Pure pipe - output won't automatically update as time passes.
+ * Use signals or periodic change detection to re-trigger.
+* */
+class TimeAgoPipePipe {
+    static THRESHOLDS = [
+        [60, 1, 'second'],
+        [3600, 60, 'minute'],
+        [86400, 3600, 'hour'],
+        [604800, 86400, 'day'],
+        [2592000, 604800, 'week'],
+        [31536000, 2592000, 'month'],
+        [Infinity, 31536000, 'year'],
+    ];
+    cacheLocal = '';
+    rtf;
+    transform(value, local = 'en') {
+        if (value === null || value === undefined || value === "") {
+            return "";
         }
-        return QRCode.toDataURL(value, options);
+        const date = new Date(value);
+        if (isNaN(date.getTime())) {
+            return "";
+        }
+        if (local !== this.cacheLocal) {
+            this.rtf = new Intl.RelativeTimeFormat(local, { numeric: "auto" });
+            this.cacheLocal = local;
+        }
+        const seconds = Math.floor((date.getTime() - Date.now()) / 1000);
+        for (const [max, divisor, unit] of TimeAgoPipePipe.THRESHOLDS) {
+            if (Math.abs(seconds) < max) {
+                return this.rtf.format(Math.round(seconds / divisor), unit);
+            }
+        }
+        return "";
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QrCodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: QrCodePipe, isStandalone: true, name: "qrCode" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TimeAgoPipePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TimeAgoPipePipe, isStandalone: true, name: "timeAgo" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: QrCodePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TimeAgoPipePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'qrCode',
+                    name: 'timeAgo',
                     standalone: true
                 }]
         }] });
 
 /**
- * ReplacePipe: A custom Angular pipe that either highlights or replaces text based on a pattern.
- *
- * - If `isReplace` is `false`, it highlights occurrences of the pattern (if `highlightClass` is provided).
- * - If `isReplace` is `true`, it replaces occurrences of the pattern with the replacement string, optionally highlighting the replacement.
+ * FlattenPipe: Flattens nested arrays to a specified depth.
  *
- * @param {string} value - The input string to transform.
- * @param {string | RegExp} pattern - The pattern to match (string or RegExp). If an empty string, the value is returned as-is.
- * @param {string} replacement - The string to replace matches with.
- * @param {string} [highlightClass] - Optional CSS class for highlighting matched or replaced text (e.g., 'highlight').
- * @param {boolean} [isReplace=true] - Whether to perform replacement (true) or only highlight matches (false).
+ * @param {unknown[]} value - The nested array to flatten.
+ * @param {number} [depth=Infinity] - How many levels of nesting to flatten.
  *
- * @returns {string | SafeHtml} - Returns the transformed string or SafeHtml with highlights.
+ * @returns {unknown[]} - A new flattened array.
  *
  * @example
- * {{ 'Hello World' | replace:'World':'Universe' }}
- * // Output: Hello Universe
- *
- * {{ 'test123' | replace:/\d+/g:'X':'highlight' }}
- * // Output: test<span class="highlight">X</span>
- *
- * {{ 'Angular is great' | replace:'great':'awesome':'highlight':true }}
- * // Output: Angular is <span class="highlight">awesome</span>
+ * {{ [[1, 2], [3, 4]] | flatten }}         // [1, 2, 3, 4]
+ * {{ [[1, [2, [3]]]] | flatten:1 }}        // [1, 2, [3]]
+ * {{ [['a', 'b'], ['c']] | flatten }}      // ['a', 'b', 'c']
+ */
+class Flatten {
+    transform(value, depth = Infinity) {
+        if (!Array.isArray(value)) {
+            return [];
+        }
+        return value.flat(depth);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Flatten, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: Flatten, isStandalone: true, name: "flatten" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: Flatten, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'flatten',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * InitialPipe: Returns all elements except the last n.
  *
- * {{ 'Angular is great' | replace:'great':'awesome':'highlight':false }}
- * // Output: Angular is <span class="highlight">great</span>
+ * @param {unknown[]} value - The array to slice.
+ * @param {number} [n=1] - Number of elements to exclude from the end.
  *
- * <div [innerHTML]="'Angular is great' | replace:'great':'awesome':'highlight':false"></div>
- * // Renders: Angular is <span class="highlight">great</span>
+ * @returns {unknown[]} - A new array without the last n elements.
  *
- * @author Mofiro Jean
+ * @example
+ * {{ [1, 2, 3, 4, 5] | initial }}       // [1, 2, 3, 4]
+ * {{ [1, 2, 3, 4, 5] | initial:2 }}     // [1, 2, 3]
+ * {{ ['a', 'b', 'c'] | initial }}        // ['a', 'b']
  */
-class ReplacePipe {
-    sanitizer = inject(DomSanitizer);
-    transform(value, pattern, replacement, highlightClass, isReplace = true) {
-        if (!value)
-            return '';
-        // handles empty string pattern
-        if (!pattern || (typeof pattern === 'string' && pattern.trim() === '')) {
-            return value;
+class InitialPipe {
+    transform(value, n = 1) {
+        if (!Array.isArray(value)) {
+            return [];
         }
-        const finalPattern = typeof pattern === 'string' ? new RegExp(pattern, 'gi') : pattern;
-        if (!highlightClass) {
-            return isReplace ? value.replace(finalPattern, replacement) : value;
+        if (n <= 0) {
+            return [...value];
         }
-        // Sanitize the replacement to prevent XSS
-        const sanitizedReplacement = replacement.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        if (isReplace) {
-            const highlightedReplacement = `<span class="${highlightClass}">${sanitizedReplacement}</span>`;
-            const replaced = value.replace(finalPattern, highlightedReplacement);
-            return this.sanitizer.bypassSecurityTrustHtml(replaced);
+        if (n >= value.length) {
+            return [];
         }
-        const highlightedMatch = `<span class="${highlightClass}">$&</span>`;
-        const result = value.replace(finalPattern, highlightedMatch);
-        return this.sanitizer.bypassSecurityTrustHtml(result);
+        return value.slice(0, -n);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ReplacePipe, isStandalone: true, name: "replace" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InitialPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: InitialPipe, isStandalone: true, name: "initial" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ReplacePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InitialPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'replace',
+                    name: 'initial',
                     standalone: true
                 }]
         }] });
@@ -1030,15 +1283,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
  * {{ 'hello' | reverse }} // Outputs: 'olleh'
  * {{ '12345' | reverse }} // Outputs: '54321'
  * <p>{{ userInput | reverse }}</p>
- *
- * @author Mofiro Jean
  */
 class ReversePipe {
     transform(value) {
-        if (!value || typeof value !== 'string') {
-            return '';
+        if (Array.isArray(value)) {
+            return [...value].reverse();
         }
-        return value.split('').reverse().join('');
+        if (typeof value === 'string') {
+            return value.split('').reverse().join('');
+        }
+        return '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ReversePipe, isStandalone: true, name: "reverse" });
@@ -1052,194 +1306,258 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 /**
- * SnakeCasePipe: Converts text to snake_case (e.g., "hello world" → "hello_world").
+ * SamplePipe: Randomly selects n items from an array.
  *
- * @param {string} value - The input string to transform.
- * @returns {string} The string in snake_case, or an empty string if input is invalid.
+ * Uses Fisher-Yates partial shuffle for unbiased selection.
+ * Returns a single item when n=1 (default), or an array when n>1.
+ *
+ * @param {unknown[]} value - The array to sample from.
+ * @param {number} [n=1] - Number of items to select.
+ *
+ * @returns {unknown | unknown[]} - A single random item (n=1) or array of random items (n>1).
  *
  * @example
- * ```html
- * {{ 'hello world' | snakeCase }} <!-- Outputs: hello_world -->
- * ```
+ * {{ [1, 2, 3, 4, 5] | sample }}       // 3 (random single)
+ * {{ [1, 2, 3, 4, 5] | sample:3 }}     // [5, 1, 3] (random 3)
+ * {{ users | sample:5 }}               // 5 random users
  *
- * @author Mofiro Jean
+ * @note Impure pipe — returns different results on each change detection cycle.
+ * Bind the result to a signal to control when it re-samples.
  */
-class SnakeCasePipe {
-    transform(value) {
-        if (!value || typeof value !== 'string')
-            return '';
-        return value
-            .trim()
-            .replace(/([A-Z])/g, '_$1') // Convert camelCase to snake_case (e.g., helloWorld -> hello_World)
-            .toLowerCase() // Convert everything to lowercase
-            .replace(/[\s-]+/g, '_') // Replace spaces and hyphens with underscores
-            .replace(/[^a-z0-9_]+/g, '') // Remove all non-alphanumeric and non-underscore characters
-            .replace(/_+/g, '_') // Collapse multiple underscores
-            .replace(/^_|_$/g, ''); // Remove leading/trailing underscores
+class SamplePipe {
+    transform(value, n = 1) {
+        if (!Array.isArray(value) || value.length === 0) {
+            return n === 1 ? undefined : [];
+        }
+        if (n <= 0) {
+            return [];
+        }
+        // Clamp n to array length
+        const count = Math.min(n, value.length);
+        // Fisher-Yates partial shuffle — only shuffle `count` positions
+        const arr = [...value];
+        for (let i = arr.length - 1; i > arr.length - 1 - count; i--) {
+            const j = Math.floor(Math.random() * (i + 1));
+            [arr[i], arr[j]] = [arr[j], arr[i]];
+        }
+        const result = arr.slice(arr.length - count);
+        // Return single item for n=1, array otherwise
+        return n === 1 ? result[0] : result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnakeCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: SnakeCasePipe, isStandalone: true, name: "snakeCase" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SamplePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: SamplePipe, isStandalone: true, name: "sample", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SnakeCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SamplePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'snakeCase',
-                    standalone: true
+                    name: 'sample',
+                    standalone: true,
+                    pure: false,
                 }]
         }] });
 
 /**
- * TextToSpeechPipe: Converts text to speech using the Web Speech API.
+ * ShufflePipe: Randomly reorders elements in an array using the Fisher-Yates
+ algorithm.
  *
- * @param {string} value - The text to convert to speech.
- * @param {string} [lang='en-US'] - The language (local) for speech synthesis.
+ * Uses the Fisher-Yates (Knuth) shuffle for unbiased randomization,
+ * guaranteeing every permutation has equal probability.
  *
- * @returns {void} - Triggers speech synthesis (no return value).
+ * @param {unknown[]} value - The array to shuffle.
+ *
+ * @returns {unknown[]} - A new array with elements in random order.
  *
  * @example
- * <div>{{ Hello World' | textToSpeech }}</div>
- * <div>{{ 'Bonjour' | textToSpeech:'fr-FR' }}h</div>
+ * {{ [1, 2, 3, 4, 5] | shuffle }}         // [3, 1, 5, 2, 4]
+ * {{ ['a', 'b', 'c'] | shuffle }}          // ['c', 'a', 'b']
  *
- * @author Mofiro Jean
+ * @note Impure pipe — runs on every change detection cycle.
+ * Avoid using in performance-critical templates or bind the result
+ * to a signal/variable to control when it re-shuffles.
  */
-class TextToSpeechPipe {
-    transform(value, lang = 'en-US') {
-        if (!value || typeof window === 'undefined' || !window.speechSynthesis)
-            return;
-        const uttrance = new SpeechSynthesisUtterance(value);
-        uttrance.lang = lang;
-        window.speechSynthesis.speak(uttrance);
+class ShufflePipe {
+    transform(value) {
+        if (!Array.isArray(value)) {
+            return [];
+        }
+        const arr = [...value];
+        for (let i = arr.length - 1; i >= 0; i--) {
+            const j = Math.floor(Math.random() * (i + 1));
+            [arr[i], arr[j]] = [arr[j], arr[i]];
+        }
+        return arr;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextToSpeechPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TextToSpeechPipe, isStandalone: true, name: "textToSpeech" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ShufflePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ShufflePipe, isStandalone: true, name: "shuffle", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextToSpeechPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ShufflePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'textToSpeech',
+                    name: 'shuffle',
+                    pure: false,
                     standalone: true
                 }]
         }] });
 
 /**
- * TitleCasePipe: Capitalizes the first letter of each word in a string.
+ * TailPipe: Returns all elements except the first n.
  *
- * @param {string} value - The input string to transform.
- * @returns {string} The string with each word capitalized, or an empty string if input is invalid.
+ * @param {unknown[]} value - The array to slice.
+ * @param {number} [n=1] - Number of elements to exclude from the start.
+ *
+ * @returns {unknown[]} - A new array without the first n elements.
  *
  * @example
- * ```html
- * {{ 'hello world' | titleCase }} <!-- Outputs: Hello World -->
- * ```
+ * {{ [1, 2, 3, 4, 5] | tail }}       // [2, 3, 4, 5]
+ * {{ [1, 2, 3, 4, 5] | tail:2 }}     // [3, 4, 5]
+ * {{ ['a', 'b', 'c'] | tail }}        // ['b', 'c']
  */
-class TitleCasePipe {
-    transform(value) {
-        if (!value || typeof value !== 'string')
-            return '';
-        return value
-            .split(' ')
-            .filter(word => word.length > 0)
-            .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-            .join(' ');
+class TailPipe {
+    transform(value, n = 1) {
+        if (!Array.isArray(value)) {
+            return [];
+        }
+        // n = 0 means keep everything
+        if (n <= 0)
+            return [...value];
+        // n >= length means remove everything
+        if (n >= value.length)
+            return [];
+        return value.slice(n);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titleCase" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TailPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TailPipe, isStandalone: true, name: "tail" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TitleCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TailPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'titleCase',
-                    standalone: true
+                    name: 'tail',
                 }]
         }] });
 
 /**
- * TruncatePipe: Truncates a string to a specified maximum length, optionally preserving words.
+ * TruthifyPipe: Removes all falsy values from an array.
  *
- * This Angular pipe transforms a string input by truncating it to the given `maxLength`.
- * It provides options to customize the ellipsis and preserve word boundaries.
+ * Falsy values: false, 0, -0, '', null, undefined, NaN
  *
- * @param {string} value - The input string to be truncated.
- * @param {number} [maxLength=10] - The maximum length of the truncated string. Defaults to 10.
- * @param {string} [ellipsis='...'] - The string to append to the truncated portion. Defaults to '...'.
- * @param {boolean} [preserveWords=false] - If true, truncates at the last space before `maxLength` to avoid cutting words. Defaults to false.
- * @returns {string} - The truncated string. Returns an empty string if the input is null, undefined, or not a string.
+ * @param {unknown[]} value - The array to filter.
  *
- * @example
- * {{ 'This is a long sentence' | truncate }} // Returns 'This is a...'
- * {{ 'This is a long sentence' | truncate: 20 }} // Returns 'This is a long sente...'
- * {{ 'This is a long sentence' | truncate: 15: ' [more]' }} // Returns 'This is a long [more]'
- * {{ 'This is a long sentence' | truncate: 15: '...' : true }} // Returns 'This is a...'
- * {{ 'This is a long sentence' | truncate: 20: '...' : true }} // Returns 'This is a long...'
- * {{ null | truncate }} // Returns ''
- * {{ undefined | truncate }} // Returns ''
+ * @returns {unknown[]} - A new array with only truthy values.
  *
- * @author Mofiro Jean
+ * @example
+ * {{ [0, 1, '', 'hello', null, true] | truthify }}   // [1, 'hello', true]
+ * {{ ['', 'a', '', 'b'] | truthify }}                 // ['a', 'b']
  */
-class TruncatePipe {
-    transform(value, maxLength = 10, ellipsis = '...', preserveWords = false) {
-        if (!value || typeof value !== 'string') {
-            return '';
-        }
-        if (value.length <= maxLength) {
-            return value;
+class TruthifyPipe {
+    transform(value) {
+        if (!Array.isArray(value)) {
+            return [];
         }
-        const charsToKeep = maxLength - ellipsis.length;
-        // If maxLength is too small to even include the ellipsis, just return the ellipsis.
-        if (charsToKeep < 0) {
-            return ellipsis;
+        return value.filter(Boolean);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TruthifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TruthifyPipe, isStandalone: true, name: "truthify" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TruthifyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'truthify',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * UniquePipe: Removes duplicate values from an array.
+ *
+ * Supports primitives, objects by property key, and deep nested keys via dot notation.
+ *
+ * @param {unknown[]} value - The array to deduplicate.
+ * @param {string} [key] - Optional property path to compare objects by (e.g., 'id', 'user.email').
+ *
+ * @returns {unknown[]} - A new array with duplicates removed, preserving first occurrence.
+ *
+ * @example
+ * {{ [1, 2, 2, 3] | unique }}                  // [1, 2, 3]
+ * {{ users | unique:'email' }}                  // unique by email
+ * {{ orders | unique:'customer.email' }}        // unique by nested property
+ */
+class UniquePipe {
+    transform(value, key) {
+        if (!Array.isArray(value)) {
+            return [];
         }
-        let truncated = value.substring(0, charsToKeep);
-        if (preserveWords) {
-            const lastSpaceIndex = truncated.lastIndexOf(' ');
-            // If a space is found and it's not the very beginning of the string
-            if (lastSpaceIndex !== -1 && lastSpaceIndex !== 0) {
-                truncated = truncated.substring(0, lastSpaceIndex);
-            }
+        if (!key) {
+            return [...new Set(value)];
         }
-        return truncated.trim() + ellipsis;
+        const seen = new Set();
+        return value.filter(item => {
+            const val = this.getNestedValue(item, key);
+            if (seen.has(val))
+                return false;
+            seen.add(val);
+            return true;
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" });
+    getNestedValue(obj, path) {
+        return path.split('.').reduce((current, segment) => current?.[segment], obj);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UniquePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: UniquePipe, isStandalone: true, name: "unique" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TruncatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UniquePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'truncate',
+                    name: 'unique',
                     standalone: true
                 }]
         }] });
 
+// Text
 const ALL_PIPES = [
+    // Text
     AsciiArtPipe,
-    BarcodePipe,
     CamelCasePipe,
-    ColorConvertPipe,
-    CreditCardMaskPipe,
-    DeviceTypePipe,
-    EmailMaskPipe,
-    GravatarPipe,
     HighlightPipe,
-    HtmlEscapePipe,
-    HtmlSanitizePipe,
     InitialsPipe,
-    IpAddressMaskPipe,
-    JsonPrettyPipe,
     KebabCasePipe,
     MorseCodePipe,
-    QrCodePipe,
     ReplacePipe,
-    ReversePipe,
     SnakeCasePipe,
-    TextToSpeechPipe,
     TitleCasePipe,
     TruncatePipe,
-    CountPipe
+    // Security & Privacy
+    CreditCardMaskPipe,
+    EmailMaskPipe,
+    HtmlEscapePipe,
+    HtmlSanitizePipe,
+    IpAddressMaskPipe,
+    // Media & Visual
+    BarcodePipe,
+    ColorConvertPipe,
+    GravatarPipe,
+    QrCodePipe,
+    // Data & Utility
+    CountPipe,
+    DeviceTypePipe,
+    JsonPrettyPipe,
+    TextToSpeechPipe,
+    TimeAgoPipePipe,
+    // Array
+    Flatten,
+    InitialPipe,
+    ReversePipe,
+    SamplePipe,
+    ShufflePipe,
+    TailPipe,
+    TruthifyPipe,
+    UniquePipe,
 ];
 
+// Text
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_PIPES, AsciiArtPipe, BarcodePipe, CamelCasePipe, ColorConvertPipe, CountPipe, CreditCardMaskPipe, DeviceTypePipe, EmailMaskPipe, GravatarPipe, HighlightPipe, HtmlEscapePipe, HtmlSanitizePipe, InitialsPipe, IpAddressMaskPipe, JsonPrettyPipe, KebabCasePipe, MorseCodePipe, QrCodePipe, ReplacePipe, ReversePipe, SnakeCasePipe, TextToSpeechPipe, TitleCasePipe, TruncatePipe };
+export { ALL_PIPES, AsciiArtPipe, BarcodePipe, CamelCasePipe, ColorConvertPipe, CountPipe, CreditCardMaskPipe, DeviceTypePipe, EmailMaskPipe, Flatten, GravatarPipe, HighlightPipe, HtmlEscapePipe, HtmlSanitizePipe, InitialPipe, InitialsPipe, IpAddressMaskPipe, JsonPrettyPipe, KebabCasePipe, MorseCodePipe, QrCodePipe, ReplacePipe, ReversePipe, SamplePipe, ShufflePipe, SnakeCasePipe, TailPipe, TextToSpeechPipe, TimeAgoPipePipe, TitleCasePipe, TruncatePipe, TruthifyPipe, UniquePipe };
 //# sourceMappingURL=ngx-transforms.mjs.map