# bigNumberPipe

**Kind:** Class

**Source:** `Frontend/src/app/pipes/BigNumberPipe.ts` (line 4)

**Part of:** [Frontend](subsystem-frontend-src-app)

`bigNumberPipe` is a frontend formatting class that exposes `transform()` for values displayed as big numbers. It belongs to the application's pipe layer so components can apply shared display formatting instead of formatting values inline.

**Implements:** `PipeTransform`

## Methods

| Method | Signature | Returns |
|---|---|---|
| `transform` | `transform(number: number | string)` | `void` |

## Diagram

```mermaid
graph LR
  A[Component or template value] --> B[bigNumberPipe]
  B --> C[transform()]
  C --> D[Formatted display value]
```

## Usage

```ts
import { bigNumberPipe } from './BigNumberPipe';

const pipe = new bigNumberPipe();

const accountBalance = getAccountBalance();
const displayValue = pipe.transform(accountBalance);

console.log(displayValue);
```

## AI Coding Instructions

- Keep display-formatting behavior inside `transform()` rather than duplicating it in components.
- Preserve the existing input and return-value contract when changing the pipe.
- Check how callers pass empty, invalid, or missing values before adding new handling.
- Import and instantiate the pipe consistently with the surrounding Angular code and dependency setup.

## Used by

110 references from 110 files. Each is a place in this repository where the symbol is actually used — go read one rather than trusting an example.

### Imported by (110)

- `TranslateHandler` — `Frontend/src/app/app.module.ts`:1
- `BusinessAnalysisComponent` — `Frontend/src/app/components/dashboard/_businessAnalysis/businessAnalysis.component.ts`:1
- `CustomDashboardComponent` — `Frontend/src/app/components/dashboard/_custom/custom-dashboard.component.ts`:1
- `ShortReviewComponent` — `Frontend/src/app/components/dashboard/_shortReview/short-review.component.ts`:1
- `BranchData` — `Frontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-account-payable/mrm-account-payable.component.ts`:1
- `BranchData` — `Frontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-account-receivable/mrm-account-receivable.component.ts`:1
- `BranchData` — `Frontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-backlog-product-types/mrm-backlog-product-types.component.ts`:1
- `BranchData` — `Frontend/src/app/components/dashboard/dashboard-libary/widgets/mrm-booking-city/mrm-booking-city.component.ts`:1

…and 102 more.