@openmfp/ngx 0.7.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +52 -0
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
# @openmfp/ngx
|
|
2
|
+
|
|
3
|
+
Angular component library for OpenMFP — declarative UI components built with Angular 21 signal-based APIs.
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## ✨ Features
|
|
8
|
+
|
|
9
|
+
- **Angular 21** - Built with the latest Angular features and signal-based APIs
|
|
10
|
+
- **Standalone Components** - No NgModule required, import directly
|
|
11
|
+
- **Declarative UI** - Table, form, and dashboard driven by JSON schemas
|
|
12
|
+
- **TypeScript** - Full type safety with strict mode
|
|
13
|
+
- **Tree-Shakeable** - Optimized bundle size with ES modules
|
|
14
|
+
|
|
15
|
+
## 🚀 Getting Started
|
|
16
|
+
|
|
17
|
+
### Installation
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm install @openmfp/ngx
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Usage
|
|
24
|
+
|
|
25
|
+
All components are standalone — import them directly in your component or module:
|
|
26
|
+
|
|
27
|
+
```typescript
|
|
28
|
+
import { DeclarativeTable, DeclarativeForm, Dashboard } from '@openmfp/ngx';
|
|
29
|
+
|
|
30
|
+
@Component({
|
|
31
|
+
imports: [DeclarativeTable],
|
|
32
|
+
template: `<mfp-declarative-table [config]="tableConfig" />`,
|
|
33
|
+
})
|
|
34
|
+
export class MyComponent {}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## Components
|
|
38
|
+
|
|
39
|
+
### Declarative UI
|
|
40
|
+
|
|
41
|
+
| Selector | Description | Documentation |
|
|
42
|
+
|---|---|---|
|
|
43
|
+
| `<mfp-declarative-table>` | Data table driven by a JSON schema | [docs/declarative-table.md](https://github.com/openmfp/webcomponents/blob/main/docs/declarative-table.md) |
|
|
44
|
+
| `<mfp-declarative-form>` | Form driven by a JSON schema | [docs/declarative-form.md](https://github.com/openmfp/webcomponents/blob/main/docs/declarative-form.md) |
|
|
45
|
+
| `<mfp-declarative-table-card>` | Table with card wrapper and create/edit/delete dialogs | [docs/declarative-table-card.md](https://github.com/openmfp/webcomponents/blob/main/docs/declarative-table-card.md) |
|
|
46
|
+
| `<mfp-dashboard>` | Drag-and-drop dashboard layout | [docs/dashboard.md](https://github.com/openmfp/webcomponents/blob/main/docs/dashboard.md) |
|
|
47
|
+
|
|
48
|
+
## NeoNephos Foundation
|
|
49
|
+
|
|
50
|
+
This project is part of the [NeoNephos Foundation](https://neonephos.org), a Linux Foundation Europe initiative.
|
|
51
|
+
|
|
52
|
+
<p align="center"><img alt="Bundesministerium für Wirtschaft und Energie (BMWE)-EU funding logo" src="https://apeirora.eu/assets/img/BMWK-EU.png" width="400"/></p>
|