@bryntum/chart-angular-thin 7.1.1 → 7.1.2

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 +61 -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,77 @@
1
- # Angular Ivy wrapper for Bryntum Chart
1
+ <div style="display: flex; justify-content: space-between; align-items: center; margin: 0 50px;">
2
+ <a href="https://bryntum.com/" rel="noopener" target="_blank">
3
+ <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
4
+ </a>
5
+ <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="100">
6
+ </div>
2
7
 
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.
8
+ # Angular wrapper for Bryntum Chart Thin packages
5
9
 
6
- ## Installation
10
+ This package provides a wrapper that turns Bryntum Chart into an Angular component, exposing configuration options,
11
+ properties, features, and events.
12
+
13
+ ## Version Requirement
14
+
15
+ Wrapper is compiled for the **Angular Ivy** rendering engine (Angular 12+).
7
16
 
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.
17
+ * Angular: `12` with Ivy support or higher
18
+ * TypeScript: `4.2` or higher
19
+ * Vite `5` or higher (starting with Angular `17`)
10
20
 
11
- The following are most frequently used:
21
+ ## Package Contents
22
+
23
+ | Path | Description |
24
+ |--------|----------------------------------|
25
+ | `lib/` | Component type definitions |
26
+ | `src/` | Original TypeScript source files |
27
+
28
+ ## Installation
12
29
 
13
- Install using `npm`:
30
+ ### Angular Wrapper
14
31
 
15
- ```shell
16
- npm install @bryntum/chart-angular@7.1.1
32
+ ```bash
33
+ npm install @bryntum/chart-angular-thin@latest
17
34
  ```
18
35
 
19
- Install using `yarn`:
36
+ ### Component Package (Required)
20
37
 
21
- ```shell
22
- yarn add @bryntum/chart-angular@7.1.1
38
+ ```bash
39
+ npm install @bryntum/chart-thin@latest
23
40
  ```
24
41
 
25
- ## Integration guide
42
+ This package is not intended to be used separately. It may be used with one of our products.
26
43
 
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).
44
+ For details, see Angular Multiple Products guides:
29
45
 
30
- # Online references
46
+ - [Grid Angular Multiple Products](https://bryntum.com/products/grid/docs/guide/Grid/integration/angular/multiple-products)
47
+ - [Scheduler Angular Multiple Products](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/angular/multiple-products)
48
+ - [Scheduler Pro Angular Multiple Products](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/angular/multiple-products)
49
+ - [Gantt Angular Multiple Products](https://bryntum.com/products/gantt/docs/guide/Gantt/integration/angular/multiple-products)
50
+ - [Calendar Angular Multiple Products](https://bryntum.com/products/calendar/docs/guide/Calendar/integration/angular/multiple-products)
51
+ - [TaskBoard Angular Multiple Products](https://bryntum.com/products/taskboard/docs/guide/TaskBoard/integration/angular/multiple-products)
52
+
53
+ ## Explore All Bryntum Products
54
+
55
+ * [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
56
+ * [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
57
+ * [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
58
+ * [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
59
+ * [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
60
+ * [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
61
+
62
+ Explore our comprehensive collection of demos:
63
+
64
+ | 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 |
65
+ |-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
66
+ | **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) |
67
+ | **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) |
68
+ | **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) |
69
+ | **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) |
70
+ | **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) |
71
+ | **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) |
72
+
73
+ ## Online references
31
74
 
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
75
  * [Bryntum Support Forum](https://forum.bryntum.com/)
36
76
  * [Contact us](https://bryntum.com/contact/)
37
77
 
@@ -42,3 +82,4 @@ Please visit the [Bryntum Chart End User License](https://bryntum.com/products/c
42
82
 
43
83
  Copyright © 2009-2026, Bryntum
44
84
  All rights reserved.
85
+
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.2",
4
4
  "description": "Angular IVY wrappers for Bryntum Chart JavaScript component",
5
5
  "keywords": [
6
6
  "bryntum",