# bigNumberPipe

**Kind:** Class

**Source:** `Pams/Web/Pams.Web/Client/app/pipes/BigNumberPipe.ts` (line 4)

**Part of:** [Pams](subsystem-pams)

`bigNumberPipe` applies a number-display transformation through its `transform()` method. It is intended for client-side views that need a consistent representation of large numeric values before rendering them in the UI.

**Implements:** `PipeTransform`

## Methods

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

## Diagram

```mermaid
graph LR
  Input[Numeric value] --> Pipe[bigNumberPipe]
  Pipe --> Transform[transform()]
  Transform --> Output[Display value]
  Output --> UI[Client UI]
```

## Usage

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

const pipe = new bigNumberPipe();

const balance = getAccountBalance();
const displayBalance = pipe.transform(balance);

renderBalance(displayBalance);
```

## AI Coding Instructions

- Keep number-display rules inside `transform()` so all consumers receive the same output format.
- Check the accepted input and return types in `transform()` before passing nullable or non-numeric values.
- Use this pipe at UI boundaries rather than formatting the same value separately in components and services.
- Preserve the existing pipe export and registration pattern when moving or renaming the file.

## Used by

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

### Imported by (100)

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

…and 92 more.