@syncfusion/ej2-angular-kanban 34.2.2 → 34.2.4

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/CHANGELOG.md CHANGED
@@ -2,6 +2,17 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ### Kanban
6
+
7
+ #### Bug Fixes
8
+
9
+ - `#I854454` - Resolved CSP violation errors that occurred during Kanban card drag-and-drop operations when Content Security Policy (CSP) was enabled.
10
+ - Updated Gantt Chart casing in telemetry to ensure consistent event tracking and reporting.
11
+
12
+ #### Bug Fix
13
+
14
+ - Updated Gantt Chart casing in telemetry to ensure consistent event tracking and reporting.
15
+
5
16
  ## 34.1.30 (2026-07-09)
6
17
 
7
18
  ### Kanban
package/README.md CHANGED
@@ -1,18 +1,18 @@
1
1
  # Angular Kanban Component
2
2
 
3
- The [Angular Kanban](https://www.syncfusion.com/angular-components/angular-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) Board component is a popular tool for visualizing and managing work in a variety of contexts, including software development, project management, and personal productivity. The control supports necessary features to design task scheduling applications. The key features are swimlanes, customizable cards, binding from local and remote data sources, columns mapping, stacked headers, WIP validation, templating, responsiveness, filtering, and editing.
3
+ The [Angular Kanban](https://www.syncfusion.com/gantt-sdk/angular-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) Board component is a popular tool for visualizing and managing work in a variety of contexts, including software development, project management, and personal productivity. The control supports necessary features to design task scheduling applications. The key features are swimlanes, customizable cards, binding from local and remote data sources, columns mapping, stacked headers, WIP validation, templating, responsiveness, filtering, and editing.
4
4
 
5
5
  <p align="center">
6
- <a href="https://ej2.syncfusion.com/angular/documentation/kanban/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm">Getting started</a> .
6
+ <a href="https://help.syncfusion.com/gantt-sdk/angular/kanban/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm">Getting started</a> .
7
7
  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/bootstrap5/kanban/overview">Online demos</a> .
8
- <a href="https://www.syncfusion.com/angular-components/angular-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm">Learn more</a>
8
+ <a href="https://www.syncfusion.com/gantt-sdk/angular-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm">Learn more</a>
9
9
  </p>
10
10
  <p align="center">
11
11
  <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-kanban.png" alt="Angular Kanban Component"/>
12
12
  </p>
13
13
 
14
14
  <p align="center">
15
- Trusted by the world's leading companies
15
+ Trusted by the world's leading companies<br>
16
16
  <a href="https://www.syncfusion.com">
17
17
  <img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Bootstrap logo">
18
18
  </a>
@@ -57,11 +57,13 @@ In **src/app/app.component.ts**, use `<ejs-kanban>` selector in `template` attri
57
57
 
58
58
  ```typescript
59
59
  import { Component } from '@angular/core';
60
- import { CardSettingsModel } from '@syncfusion/ej2-angular-kanban';
60
+ import { CardSettingsModel, KanbanModule } from '@syncfusion/ej2-angular-kanban';
61
61
 
62
62
  @Component({
63
63
  selector: 'app-root',
64
- template: `<ejs-kanban [dataSource]='data' [cardSettings]='cardSettings'>
64
+ imports: [ KanbanModule ],
65
+ standalone: true,
66
+ template: `<ejs-kanban [dataSource]='data' [cardSettings]='cardSettings' keyField="Status">
65
67
  <e-columns>
66
68
  <e-column headerText='To do' keyField='Open'></e-column>
67
69
  <e-column headerText='In Progress' keyField='InProgress'></e-column>
@@ -90,7 +92,7 @@ export class AppComponent {
90
92
 
91
93
  The Kanban component is also offered in the following list of frameworks.
92
94
 
93
- | [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
95
+ | [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/gantt-sdk/javascript-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/gantt-sdk/javascript-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/gantt-sdk/react-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/gantt-sdk/react-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/gantt-sdk/vue-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/gantt-sdk/vue-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/gantt-sdk/aspnet-core-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/gantt-sdk/aspnet-core-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/gantt-sdk/aspnet-mvc-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/gantt-sdk/aspnet-mvc-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)&nbsp;&nbsp; |
94
96
  | :-----: | :-----: | :-----: | :-----: | :-----: |
95
97
 
96
98
  ## Showcase samples
@@ -110,14 +112,14 @@ The Kanban component is also offered in the following list of frameworks.
110
112
  * [Stacked headers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/stacked-header) - To add additional column headers in a stacked manner, which can be useful for displaying additional information or for organizing the columns in a more visually appealing way.
111
113
  * [Card tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/tooltip-template) - To display the information for a card using a tooltip template, which can be a convenient way for users to view and interact with the data without having to open a separate dialog or window.
112
114
  * [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/card-template) - Templates to customize the appearance and behavior of the key elements, such as cards, column headers, swimlanes, and tooltips. This can be useful for embedding any kind of HTML element or CSS style, and for creating a more personalized and interactive user experience.
113
- * [Responsive rendering](https://ej2.syncfusion.com/angular/documentation/kanban/responsive-mode/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#responsive-mode) - A Kanban board can be designed to adapt to different form-factors, such as mobile and desktop, in order to provide an optimal user experience across different devices and screen sizes.
114
- * [Localization support](https://ej2.syncfusion.com/angular/documentation/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#globalization) - To localize the static text content to any desired language in order to make the control more accessible and user-friendly for international users.
115
- * [RTL support](https://ej2.syncfusion.com/angular/documentation/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#right-to-left-rtl) - To display the control contents from right to left (RTL) in order to support languages that are written in this direction, such as Arabic or Hebrew.
115
+ * [Responsive rendering](https://help.syncfusion.com/gantt-sdk/angular/kanban/responsive-mode/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#responsive-mode) - A Kanban board can be designed to adapt to different form-factors, such as mobile and desktop, in order to provide an optimal user experience across different devices and screen sizes.
116
+ * [Localization support](https://help.syncfusion.com/gantt-sdk/angular/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#globalization) - To localize the static text content to any desired language in order to make the control more accessible and user-friendly for international users.
117
+ * [RTL support](https://help.syncfusion.com/gantt-sdk/angular/kanban/localization#right-to-left-rtl/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#right-to-left-rtl) - To display the control contents from right to left (RTL) in order to support languages that are written in this direction, such as Arabic or Hebrew.
116
118
 
117
119
  ## Resources
118
120
 
119
121
  * [Theme Studio](https://ej2.syncfusion.com/themestudio/)
120
- * [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github)
122
+ * [What's New](https://www.syncfusion.com/products/whatsnew/gantt-sdk?utm_medium=listing&utm_source=github)
121
123
  * [Road Map](https://www.syncfusion.com/products/roadmap/angular)
122
124
  * [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all)
123
125
 
@@ -126,9 +128,9 @@ The Kanban component is also offered in the following list of frameworks.
126
128
  Product support is available through the following mediums.
127
129
 
128
130
  * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
129
- * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
131
+ * [Community forum](https://www.syncfusion.com/forums/gantt-sdk?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
130
132
  * [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
131
- * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
133
+ * [Request feature or report bug](https://www.syncfusion.com/feedback/gantt-sdk?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
132
134
  * Live chat
133
135
 
134
136
  ## Changelog
@@ -137,7 +139,7 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen
137
139
 
138
140
  ## License and copyright
139
141
 
140
- > This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
142
+ > This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) or [start a free 30-day trial](https://www.syncfusion.com/downloads/angular?tag=es-seo-ft-angular-banner-trial).
141
143
 
142
144
  > A free community [license](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
143
145
 
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-angular-kanban",
3
- "version": "34.2.2",
3
+ "version": "34.2.4",
4
4
  "description": "The Kanban board is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing. for Angular",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
7
7
  "schematics": "./schematics/collection.json",
8
8
  "dependencies": {
9
- "@syncfusion/ej2-base": "~34.2.2",
10
- "@syncfusion/ej2-angular-base": "~34.2.2",
11
- "@syncfusion/ej2-kanban": "34.2.2"
9
+ "@syncfusion/ej2-base": "~34.2.4",
10
+ "@syncfusion/ej2-angular-base": "~34.2.4",
11
+ "@syncfusion/ej2-kanban": "34.2.4"
12
12
  },
13
13
  "keywords": [
14
14
  "angular",
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.pkgName = '@syncfusion/ej2-angular-kanban';
4
- exports.pkgVer = '^34.2.2';
4
+ exports.pkgVer = '^34.2.4';
5
5
  exports.moduleName = 'KanbanModule';
6
- exports.themeVer = '~34.2.2';
6
+ exports.themeVer = '~34.2.4';
@@ -1,4 +1,4 @@
1
1
  export const pkgName = '@syncfusion/ej2-angular-kanban';
2
- export const pkgVer = '^34.2.2';
2
+ export const pkgVer = '^34.2.4';
3
3
  export const moduleName = 'KanbanModule';
4
- export const themeVer = '~34.2.2';
4
+ export const themeVer = '~34.2.4';