@bryntum/chart-vue-3-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 (2) hide show
  1. package/README.md +59 -28
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -1,53 +1,84 @@
1
- # Vue 3 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/vue.svg" alt="Vue" width="100">
6
+ </div>
2
7
 
3
- This package contains a wrapper that encapsulates Bryntum Chart and turns it into a Vue 3 component, exposing
4
- configuration options, properties, features, and events.
8
+ # Vue 3 wrapper for Bryntum Chart Thin packages
5
9
 
6
- # Bryntum repository access setup
10
+ This package provides a wrapper that turns Bryntum Chart into a Vue 3 component, exposing configuration options,
11
+ properties, features, and events.
7
12
 
8
- This npm package requires access to the private Bryntum npm repository.
9
- You must be logged in to this repository as a licensed or trial user to access it.
10
- Please check the [Online npm repository guide](https://bryntum.com/products/chart/docs/guide/Chart/npm-repository) for detailed information on the sign-up/login
11
- process.
13
+ ## Version Requirement
12
14
 
13
- # Installation
15
+ * Vue: `3.2` or higher
16
+ * TypeScript: `4.2` or higher
17
+ * Vite `5` or higher
14
18
 
15
- The installation is performed by running the installation command in the root of your application folder. The specific
16
- command depends on the package manager used in your application.
19
+ ## Package Contents
17
20
 
18
- The following commands are most frequently used:
21
+ | Path | Description |
22
+ |--------------|------------------------------------------------|
23
+ | `lib/` | Vue 3 wrapper components (BryntumChart etc.) |
24
+ | `src/` | Original Vue source files |
25
+ | `src/*.d.ts` | TypeScript type definitions |
19
26
 
20
- Install using `npm`:
27
+ ## Installation
21
28
 
22
- ```shell
23
- npm install @bryntum/chart-vue-3@7.1.1
29
+ ### Vue 3 Wrapper
30
+
31
+ ```bash
32
+ npm install @bryntum/chart-vue-3-thin@latest
24
33
  ```
25
34
 
26
- Install using `yarn`:
35
+ ### Component Package (Required)
27
36
 
28
- ```shell
29
- yarn add @bryntum/chart-vue-3@7.1.1
37
+ ```bash
38
+ npm install @bryntum/chart-thin@latest
30
39
  ```
31
40
 
32
- # Integration guide
41
+ This package is not intended to be used separately. It may be used with one of our products.
42
+
43
+ For details, see Vue 3 Multiple Products guides:
44
+
45
+ - [Grid Vue 3 Multiple Products](https://bryntum.com/products/grid/docs/guide/Grid/integration/vue-3/multiple-products)
46
+ - [Scheduler Vue 3 Multiple Products](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue-3/multiple-products)
47
+ - [Scheduler Pro Vue 3 Multiple Products](https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/vue-3/multiple-products)
48
+ - [Gantt Vue 3 Multiple Products](https://bryntum.com/products/gantt/docs/guide/Gantt/integration/vue-3/multiple-products)
49
+ - [Calendar Vue 3 Multiple Products](https://bryntum.com/products/calendar/docs/guide/Calendar/integration/vue-3/multiple-products)
50
+ - [TaskBoard Vue 3 Multiple Products](https://bryntum.com/products/taskboard/docs/guide/TaskBoard/integration/vue-3/multiple-products)
51
+
52
+ ## Explore All Bryntum Products
33
53
 
34
- For details on installing and using this package, see the
35
- [Vue Integration Guide](https://bryntum.com/products/chart/docs/guide/Chart/integration/vue/guide).
54
+ * [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
55
+ * [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
56
+ * [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
57
+ * [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
58
+ * [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
59
+ * [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
36
60
 
37
- # Online references
61
+ Explore our comprehensive collection of demos:
62
+
63
+ | 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 |
64
+ |-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
65
+ | **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) |
66
+ | **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) |
67
+ | **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) |
68
+ | **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) |
69
+ | **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) |
70
+ | **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) |
71
+
72
+ ## Online references
38
73
 
39
- * [Bryntum Vue Quick Start Guide](https://bryntum.com/products/chart/docs/guide/Chart/quick-start/vue-3)
40
- * [Bryntum Vue Integration Guide](https://bryntum.com/products/chart/docs/guide/Chart/integration/vue/guide)
41
- * [Bryntum npm repository guide](https://bryntum.com/products/chart/docs/guide/Chart/npm-repository)
42
- * [Bryntum Chart documentation](https://bryntum.com/products/chart/docs/)
43
- * [Bryntum Chart examples](https://bryntum.com/products/chart/examples/)
44
74
  * [Bryntum Support Forum](https://forum.bryntum.com/)
45
75
  * [Contact us](https://bryntum.com/contact/)
46
76
 
47
- # License and copyright
77
+ ## License and copyright
48
78
 
49
79
  This wrapper depends on Bryntum Chart, which is commercial software and requires a paid license.
50
80
  Please visit the [Bryntum Chart End User License](https://bryntum.com/products/chart/license/) for the full text of the license.
51
81
 
52
82
  Copyright © 2009-2026, Bryntum
53
83
  All rights reserved.
84
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bryntum/chart-vue-3-thin",
3
- "version": "7.1.1",
3
+ "version": "7.1.2",
4
4
  "description": "Vue 3 wrappers for Bryntum Chart JavaScript component",
5
5
  "keywords": [
6
6
  "bryntum",