# 📦 @breadstone/mosaik-elements-angular

| Package Status | Source |
|----------------|--------|
| [![npm](https://img.shields.io/npm/v/@breadstone/mosaik-elements-angular?label=npm)](https://www.npmjs.com/package/@breadstone/mosaik-elements-angular) | [libs/mosaik-elements-angular](../../libs/mosaik-elements-angular) |

> Angular bindings for the Mosaik web components.
> Use Mosaik design system components in Angular projects with full type safety and integration.

---

## 📁 Project Structure

Part of the monorepo [`mosaik`](https://github.com/RueDeRennes/mosaik)
Package path: `libs/mosaik-elements-angular`
Version: see [npm](https://www.npmjs.com/package/@breadstone/mosaik-elements-angular)
License: MIT

---

## 📦 Installation

```bash
yarn add @breadstone/mosaik-elements-angular
# or
npm install @breadstone/mosaik-elements-angular
```

---

## 🔧 Usage

```typescript
import * from '@breadstone/mosaik-elements-angular';
```

### Build Steps

1. Run `nx run mosaik-elements-angular:build:manifest` to generate the manifest files from 'mosaik-elements' library.
2. Run `nx run mosaik-elements-angular:build:manifest:ng` to generate all Angular components.
3. Run `nx run mosaik-elements-angular:build` to build the library.

---

## ⚙️ Features

- Angular wrappers for all Mosaik web components
- TypeScript types and Angular modules
- Automatic manifest and proxy generation

---

## 🛠 Recommendations

- Use with the main `mosaik-elements` package for full design system support.
- Integrate into Angular CLI or Nx workspace.

---

## 📦 Publishing

```bash
yarn nx run mosaik-elements-angular:publish
```

---

## 📄 License

MIT © Breadstone

---