open-index/open-npm huggingface dataset:
npm package: @masterteam/components
Description: This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.0.
Latest version: 0.0.134

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

# @masterteam/dashboard-builder

A powerful Dashboard Builder component for Angular 20+ with Tailwind CSS 4.

## Features

- 🚧 **Coming Soon** - Dashboard builder functionality

## Installation

```bash
pnpm add @masterteam/dashboard-builder
```

## Usage

```typescript
import { DashboardBuilder } from '@masterteam/dashboard-builder';

@Component({
  imports: [DashboardBuilder],
  template: `
    <mt-dashboard-builder />
  `
})
export class MyComponent {}
```

## Development

```bash
# Build the library
pnpm build

# Watch mode
pnpm watch
```

## License

MIT
npm package: @masterteam/escalation
Description: Escalation builder component library for managing escalation flows.
Latest version: 0.0.21

# @masterteam/escalation

Escalation builder component library for managing escalation flows.

## Installation

```bash
pnpm add @masterteam/escalation
```

## Usage

```typescript
import { EscalationBuilder } from '@masterteam/escalation';
```
npm package: @masterteam/forms
Description: Angular Form Components Library
Latest version: 0.0.63

# @masterteam/forms

Angular Form Components Library

## Components

- **DynamicFieldComponent**: A dynamic field component that renders different input types based on configuration
- **DynamicFormComponent**: A dynamic form component that creates forms based on configuration objects

## Pipes

- **SortPipe**: A pipe for sorting arrays by specified keys and directions

## Installation

```bash
npm install @masterteam/forms
```

## Usage

```typescript
import { DynamicFieldComponent, DynamicFormComponent, SortPipe } from '@masterteam/forms';
```
npm package: @masterteam/formula-builder
Description: A powerful Formula Builder component for Angular 20+ with Tailwind CSS 4.
Latest version: 0.0.8

# @masterteam/formula-builder

A powerful Formula Builder component for Angular 20+ with Tailwind CSS 4.

## Features

- ✅ **Visual Block Editor** - Make.com-inspired formula editing experience
- ✅ **42+ Built-in Functions** - Math, Logic, Aggregation, Hierarchy, Date, String
- ✅ **Real-time Validation** - Syntax checking with error highlighting
- ✅ **Context-aware Autocomplete** - Smart suggestions as you type
- ✅ **Drag & Drop** - Visual block manipulation with Angular CDK
- ✅ **Property References** - @PropertyKey, *.PropertyKey, $.Parent.PropertyKey

## Installation

```bash
pnpm add @masterteam/formula-builder
```

## Usage

```typescript
import { FormulaBuilder, type FormulaBuilderValue } from '@masterteam/formula-builder';
import { FormsModule } from '@angular/forms';

@Component({
  imports: [FormsModule, FormulaBuilder],
  template: `
    <mt-formula-builder
      [(ngModel)]="formulaState"
      [levelSchemaId]="levelSchemaId"
      (validationChange)="onValidation($event)"
    />
  `
})
export class MyComponent {
  formulaState: FormulaBuilderValue = { expression: '', builder: [] };
  levelSchemaId = 6;
}
```

## API

### Inputs

| Input | Type | Description |
|-------|------|-------------|
| `ngModel` / `formControl` | `FormulaBuilderValue` | Form value `{ expression, builder }` (builder is token JSON array) |
| `propertiesByPath` | `Record<string, { key: string; name?: string }[]>` | Scoped properties (optional) |
| `levelSchemaId` | `number` | Level schema ID for validation context |
| `templateId` | `number` | Template ID for validation context |
| `placeholder` | `string` | Placeholder text |
| `hideToolbar` | `boolean` | Hide the top toolbar |
| `hideStatusBar` | `boolean` | Hide the status bar |
| `toolbarTabs` | `ToolbarTab[]` | Visible toolbar tabs, e.g. `['functions', 'operators']` |
| `codeOnly` | `boolean` | Force code mode and hide the mode toggle |
| `isProcessBuilder` | `boolean` | Use Process Builder current-only Formula Engine endpoints |

### Outputs

| Output | Type | Description |
|--------|------|-------------|
| `validationChange` | `ValidationResult` | Emits validation results |
| `tokensChange` | `FormulaToken[]` | Emits when tokens change |

## Development

```bash
pnpm build:formula-builder
```