@getaster/elements 0.2.0 → 0.3.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/NOTICE +3 -8
- package/README.md +68 -3
- package/package.json +14 -2
package/NOTICE
CHANGED
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
@getaster/elements
|
|
2
2
|
Copyright 2026 Aster UI contributors
|
|
3
3
|
|
|
4
|
-
Aster UI
|
|
5
|
-
|
|
6
|
-
their respective licenses. The binary's attribution inventory and license texts
|
|
7
|
-
are supplied in packages/mock/wasm/; packages include those notices when shipped.
|
|
8
|
-
|
|
9
|
-
Geist and IBM Plex Mono fonts retain their SIL Open Font License notices.
|
|
10
|
-
ECharts is an optional separately loaded third-party runtime.
|
|
4
|
+
Aster UI code in this package is licensed under the Apache License, Version 2.0.
|
|
5
|
+
See LICENSE. Separately installed dependencies retain their respective licenses.
|
package/README.md
CHANGED
|
@@ -1,7 +1,72 @@
|
|
|
1
1
|
# @getaster/elements
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Browser-native controls for metadata-driven enterprise applications: grids,
|
|
4
|
+
forms, pickers, filters, dashboards and workspaces. Controls share records and
|
|
5
|
+
edit state through `@getaster/data` and use CSS for layout and theming.
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
Aster is pre-1.0; production API stability is not yet promised. Experimental
|
|
8
|
+
controls are published separately in `@getaster/elements-preview`.
|
|
6
9
|
|
|
7
|
-
|
|
10
|
+
## Install
|
|
11
|
+
|
|
12
|
+
```sh
|
|
13
|
+
npm install @getaster/data @getaster/elements
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
Use a modern browser with custom elements and ES modules, plus a bundler that
|
|
17
|
+
resolves npm modules and CSS imports. The package ships TypeScript declarations.
|
|
18
|
+
Its main entry registers browser elements and requires a DOM; use
|
|
19
|
+
`@getaster/data` for headless work. Package tooling requires Node 22 or later.
|
|
20
|
+
|
|
21
|
+
## Connect a grid
|
|
22
|
+
|
|
23
|
+
With an OData service exposing a `Projects` entity set and JSON CSDL metadata:
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
import { DataContext, fetchTransport } from '@getaster/data';
|
|
27
|
+
import { Grid } from '@getaster/elements';
|
|
28
|
+
import '@getaster/elements/styles/aster-ui.css';
|
|
29
|
+
|
|
30
|
+
const ctx = await DataContext.connect(
|
|
31
|
+
fetchTransport('https://your-service.example/odata/')
|
|
32
|
+
);
|
|
33
|
+
const grid = new Grid();
|
|
34
|
+
grid.ctx = ctx;
|
|
35
|
+
grid.set = 'Projects';
|
|
36
|
+
grid.label = 'Projects';
|
|
37
|
+
grid.style.height = '24rem';
|
|
38
|
+
document.body.append(grid);
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
Replace the endpoint and entity set with your own. Give a virtualized grid a
|
|
42
|
+
bounded height, and supply your application's theme tokens as described in the
|
|
43
|
+
[theming guide](https://ui.getaster.now/docs/guide/themes.html). When the view
|
|
44
|
+
closes, remove the element; separately owned data models remain the host's
|
|
45
|
+
responsibility.
|
|
46
|
+
|
|
47
|
+
## Compose an application
|
|
48
|
+
|
|
49
|
+
Use a shared data context to connect a grid, form and selection. JavaScript and
|
|
50
|
+
YAML composition support reusable workspace definitions. Controls provide
|
|
51
|
+
keyboard interaction and semantic markup; application labels, focus flow and
|
|
52
|
+
accessibility still need testing in the completed application.
|
|
53
|
+
|
|
54
|
+
The package depends on Aster's data core, Lit HTML and Preact signals. Keep one
|
|
55
|
+
compatible copy of each shared runtime in your build. The optional ECharts
|
|
56
|
+
adapter accepts an application-supplied runtime; ECharts, showcase data, fonts
|
|
57
|
+
and the mock service are not bundled into this package. There are no install
|
|
58
|
+
scripts.
|
|
59
|
+
|
|
60
|
+
## Documentation and support
|
|
61
|
+
|
|
62
|
+
- [Get started](https://ui.getaster.now/docs/guide/getting-started.html)
|
|
63
|
+
- [Connected views](https://ui.getaster.now/docs/guide/connected-views.html)
|
|
64
|
+
- [Workspace composition](https://ui.getaster.now/docs/guide/declarative-workspace.html)
|
|
65
|
+
- [API reference](https://ui.getaster.now/docs/reference/)
|
|
66
|
+
- [Interactive showcase](https://ui.getaster.now/showcase/)
|
|
67
|
+
- [Report a bug](https://github.com/GetAster/aster-ui/issues)
|
|
68
|
+
|
|
69
|
+
## License
|
|
70
|
+
|
|
71
|
+
Apache-2.0. See the included `LICENSE` and package-specific `NOTICE`.
|
|
72
|
+
Separately installed dependencies retain their own licenses.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getaster/elements",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"./styles/*": "./styles/*"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@getaster/data": "0.
|
|
14
|
+
"@getaster/data": "0.3.0",
|
|
15
15
|
"@preact/signals-core": "1.14.4",
|
|
16
16
|
"lit-html": "3.3.3"
|
|
17
17
|
},
|
|
@@ -24,6 +24,18 @@
|
|
|
24
24
|
"url": "git+https://github.com/GetAster/aster-ui.git",
|
|
25
25
|
"directory": "packages/elements"
|
|
26
26
|
},
|
|
27
|
+
"description": "Browser-native grids, forms and workspace controls backed by shared Aster data models.",
|
|
28
|
+
"homepage": "https://ui.getaster.now/docs/guide/getting-started.html",
|
|
29
|
+
"bugs": {
|
|
30
|
+
"url": "https://github.com/GetAster/aster-ui/issues"
|
|
31
|
+
},
|
|
32
|
+
"keywords": [
|
|
33
|
+
"web-components",
|
|
34
|
+
"odata",
|
|
35
|
+
"grid",
|
|
36
|
+
"forms",
|
|
37
|
+
"typescript"
|
|
38
|
+
],
|
|
27
39
|
"types": "./dist/index.d.ts",
|
|
28
40
|
"publishConfig": {
|
|
29
41
|
"access": "public"
|