# Custom Pipes

### 1. PhoneNumberPipe
**File**: `src/app/pipes/phone-number.pipe.ts`

Formats phone numbers according to Indonesian format.

**Usage**:
```html
{{ phoneNumber | phoneNumber }}
```

### 2. ShortNumberPipe
**File**: `src/app/pipes/short-number-pipe.pipe.ts`

Converts large numbers to shortened format (e.g., 1000 → 1K).

**Usage**:
```html
{{ largeNumber | shortNumber }}
```

### 3. TimeAgoPipe
**File**: `src/app/pipes/time-ago.pipe.ts`

Converts timestamps to relative time (e.g., "2 hours ago").

**Usage**:
```html
{{ timestamp | timeAgo }}
```

### 4. TransformCityPipe
**File**: `src/app/pipes/transform-city.pipe.ts`

Formats city names according to application standards.

**Usage**:
```html
{{ cityName | transformCity }}
```

### 5. SafePipe
**File**: `src/app/safe.pipe.ts`

Bypasses Angular's security for trusted content (URLs, HTML, etc.).

**Usage**:
```html
<iframe [src]="url | safe:'resourceUrl'"></iframe>
```

### 6. NumberPipe
**File**: `src/app/number.pipe.ts`

Custom number formatting for Indonesian locale.

**Usage**:
```html
{{ price | number }}
```