@bryntum/chart-angular-thin 7.1.1 → 7.1.3

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.
Files changed (6) hide show
  1. package/README.md +67 -20
  2. package/package.json +1 -1
  3. package/src/lib/bryntum-chart.component.ts +1487 -0
  4. package/src/lib/chart.module.ts +19 -0
  5. package/src/lib/wrapper.helper.ts +89 -0
  6. package/src/public-api.ts +6 -0
package/README.md CHANGED
@@ -1,37 +1,83 @@
1
- # Angular Ivy wrapper for Bryntum Chart
1
+ <br>
2
+ <br>
2
3
 
3
- This package contains a wrapper that encapsulates Bryntum Chart and turns it into an Angular component, exposing
4
- configuration options, properties, features, and events. Compiled for the Angular Ivy engine.
4
+ <p align="center">
5
+ <a href="https://bryntum.com/" rel="noopener" target="_blank">
6
+ <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
7
+ </a>
8
+ &emsp;&emsp;&emsp;&emsp;&emsp;
9
+ <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="100">
10
+ </p>
5
11
 
6
- ## Installation
12
+ <br>
13
+
14
+ # Angular wrapper for Bryntum Chart Thin packages
15
+
16
+ This package provides a wrapper that turns Bryntum Chart into an Angular component, exposing configuration options,
17
+ properties, features, and events.
18
+
19
+ ## Version Requirement
20
+
21
+ Wrapper is compiled for the **Angular Ivy** rendering engine (Angular 12+).
22
+
23
+ * Angular: `12` with Ivy support or higher
24
+ * TypeScript: `4.2` or higher
25
+ * Vite `5` or higher (starting with Angular `17`)
26
+
27
+ ## Package Contents
7
28
 
8
- The installation is performed by issuing the installation command in the root of the application folder.
9
- The specific command depends on the package manager used by the application.
29
+ | Path | Description |
30
+ |--------|----------------------------------|
31
+ | `lib/` | Component type definitions |
32
+ | `src/` | Original TypeScript source files |
10
33
 
11
- The following are most frequently used:
34
+ ## Installation
12
35
 
13
- Install using `npm`:
36
+ ### Angular Wrapper
14
37
 
15
- ```shell
16
- npm install @bryntum/chart-angular@7.1.1
38
+ ```bash
39
+ npm install @bryntum/chart-angular-thin@latest
17
40
  ```
18
41
 
19
- Install using `yarn`:
42
+ ### Component Package (Required)
20
43
 
21
- ```shell
22
- yarn add @bryntum/chart-angular@7.1.1
44
+ ```bash
45
+ npm install @bryntum/chart-thin@latest
23
46
  ```
24
47
 
25
- ## Integration guide
48
+ This package is not intended to be used separately. It may be used with one of our products.
49
+
50
+ For details, see Angular Multiple Products guides:
51
+
52
+ - [Grid Angular Multiple Products](https://bryntum.com/products/grid/docs/guide/Grid/integration/angular/multiple-products)
53
+ - [Scheduler Angular Multiple Products](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/angular/multiple-products)
54
+ - [Scheduler Pro Angular Multiple Products](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/angular/multiple-products)
55
+ - [Gantt Angular Multiple Products](https://bryntum.com/products/gantt/docs/guide/Gantt/integration/angular/multiple-products)
56
+ - [Calendar Angular Multiple Products](https://bryntum.com/products/calendar/docs/guide/Calendar/integration/angular/multiple-products)
57
+ - [TaskBoard Angular Multiple Products](https://bryntum.com/products/taskboard/docs/guide/TaskBoard/integration/angular/multiple-products)
58
+
59
+ ## Explore All Bryntum Products
26
60
 
27
- For details on installing and using this package, see the
28
- [Angular Integration Guide](https://bryntum.com/products/chart/docs/guide/Chart/integration/angular/guide).
61
+ * [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
62
+ * [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
63
+ * [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
64
+ * [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
65
+ * [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
66
+ * [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
29
67
 
30
- # Online references
68
+ Explore our comprehensive collection of demos:
69
+
70
+ | Product | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg" alt="JavaScript" width="30"><br>JavaScript | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="30"><br>React | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="30"><br>Vue | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="30"><br>Angular |
71
+ |-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
72
+ | **Grid** | [Grid JavaScript demos](https://bryntum.com/products/grid/examples/?framework=javascript) | [Grid React demos](https://bryntum.com/products/grid/examples/?framework=react) | [Grid Vue demos](https://bryntum.com/products/grid/examples/?framework=vue) | [Grid Angular demos](https://bryntum.com/products/grid/examples/?framework=angular) |
73
+ | **Scheduler** | [Scheduler JavaScript demos](https://bryntum.com/products/scheduler/examples/?framework=javascript) | [Scheduler React demos](https://bryntum.com/products/scheduler/examples/?framework=react) | [Scheduler Vue demos](https://bryntum.com/products/scheduler/examples/?framework=vue) | [Scheduler Angular demos](https://bryntum.com/products/scheduler/examples/?framework=angular) |
74
+ | **Scheduler Pro** | [Scheduler Pro JavaScript demos](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [Scheduler Pro React demos](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [Scheduler Pro Vue demos](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [Scheduler Pro Angular demos](https://bryntum.com/products/schedulerpro/examples/?framework=angular) |
75
+ | **Gantt** | [Gantt JavaScript demos](https://bryntum.com/products/gantt/examples/?framework=javascript) | [Gantt React demos](https://bryntum.com/products/gantt/examples/?framework=react) | [Gantt Vue demos](https://bryntum.com/products/gantt/examples/?framework=vue) | [Gantt Angular demos](https://bryntum.com/products/gantt/examples/?framework=angular) |
76
+ | **Calendar** | [Calendar JavaScript demos](https://bryntum.com/products/calendar/examples/?framework=javascript) | [Calendar React demos](https://bryntum.com/products/calendar/examples/?framework=react) | [Calendar Vue demos](https://bryntum.com/products/calendar/examples/?framework=vue) | [Calendar Angular demos](https://bryntum.com/products/calendar/examples/?framework=angular) |
77
+ | **TaskBoard** | [TaskBoard JavaScript demos](https://bryntum.com/products/taskboard/examples/?framework=javascript) | [TaskBoard React demos](https://bryntum.com/products/taskboard/examples/?framework=react) | [TaskBoard Vue demos](https://bryntum.com/products/taskboard/examples/?framework=vue) | [TaskBoard Angular demos](https://bryntum.com/products/taskboard/examples/?framework=angular) |
78
+
79
+ ## Online references
31
80
 
32
- * [Bryntum npm repository guide](https://bryntum.com/products/chart/docs/guide/Chart/npm-repository)
33
- * [Bryntum Chart documentation](https://bryntum.com/products/chart/docs/)
34
- * [Bryntum Chart examples](https://bryntum.com/products/chart/examples/)
35
81
  * [Bryntum Support Forum](https://forum.bryntum.com/)
36
82
  * [Contact us](https://bryntum.com/contact/)
37
83
 
@@ -42,3 +88,4 @@ Please visit the [Bryntum Chart End User License](https://bryntum.com/products/c
42
88
 
43
89
  Copyright © 2009-2026, Bryntum
44
90
  All rights reserved.
91
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bryntum/chart-angular-thin",
3
- "version": "7.1.1",
3
+ "version": "7.1.3",
4
4
  "description": "Angular IVY wrappers for Bryntum Chart JavaScript component",
5
5
  "keywords": [
6
6
  "bryntum",