@syncfusion/ej2-angular-kanban 20.4.38 → 20.4.40-ngcc

package/CHANGELOG.md

@@ -0,0 +1,416 @@
+# Changelog
+
+## [Unreleased]
+
+## 20.4.38 (2022-12-21)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#FB37690` - Now, the dragged card is positioned properly when the swimlane is frozen with a fixed height for kanban.
+
+## 20.2.44 (2022-08-16)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#F176236` - Now, the drag and drop functionality will work fine in the Internet Explorer V11.
+
+## 20.2.43 (2022-08-08)
+
+### Kanban
+
+#### Bug Fixes
+
+- `I392686` - Now, the drag and drop between the cards will work fine when `showAddButton` is enabled with the Kanban columns.
+- `I393080` - Now, the column border of the dragged clone cells will render properly.
+- `I393078` - Now, the drag and drop between the cards will work fine with out any flickering.
+- `#F176345` - Now, the Sort Comparer Function's API link will work properly.
+
+## 20.2.38 (2022-07-12)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I385821` - Now, the server-side modified data is returned to the client side while performing the `CRUD` operation.
+- `#I390524`, `#F175935` - Now, when dropping the card into an empty column will render it.
+
+## 20.1.60 (2022-06-14)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I379177`,`#I379023` - Now, the `GetTargetDetailsAsync` method doesn't display 'null' on an empty Kanban board.
+
+## 20.1.58 (2022-05-31)
+
+### Kanban
+
+#### New Features
+
+- `#I373922` - Now, we have improved the performance with the Kanban drag and drop action when large data is being loaded.
+
+## 20.1.52 (2022-05-04)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I375869` - Now, opening and closing the dialog by rapidly double-clicking on the card doesn't throw any console error.
+
+## 19.4.38 (2021-12-17)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#FB29010` - The issue with "`showItemCount` in swimlane row is not resetting to zero if no cards are present" has been resolved.
+- `#F169010` - The issue with "The Kanban board refreshed before fetching data from the server" has been solved.
+
+## 19.3.44 (2021-10-05)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#F169009` - The issue with "Script error thrown when enabling the `enablePersistence` property with remote data" has been resolved.
+
+## 19.3.43 (2021-09-30)
+
+### Kanban
+
+#### New Features
+
+- `#I299672` - Provided support to bind the `ObservableCollection` data to the Kanban board.
+
+## 19.2.60 (2021-09-07)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I340470` -  The issue with "Kanban `dataBound` event is not receiving `server-side` updated data" has been fixed.
+
+## 19.2.56 (2021-08-17)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I331403` -  The issue with "Kanban is not rendering properly when the data does not have the `keyField` mapping key" has been fixed.
+
+## 19.2.47 (2021-07-13)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#F166554` - The problem with the selection that is not maintained in the card after performing CRUD operation has been fixed.
+
+## 19.2.46 (2021-07-06)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I332574` - The issue with "Column headers of the kanban is not updated, with the drag and drop actions" has been resolved.
+
+## 19.1.67 (2021-06-08)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#F165595` - The issue with "Card data changed even when the editing cancel in the `dialog(card editing)`" has been resolved.
+
+## 19.1.66 (2021-06-01)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#F165617`, `#F165618` - The issue with "Kanban edit dialog element not removed when `args.cancel` is set to true on `dialogOpen` event" has been resolved.
+- `#I328517` - The issue with the "Swimlane template did not render properly when loaded on mobile device" has been resolved.
+- `#I326559` - The issue with "Descending order of cards in the column is not maintained when adding a new card" has been resolved.
+
+## 19.1.65 (2021-05-25)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I287435` - The issue with "number type `keyField` arguments not supported on `showColumn`, `hideColumn`, `updateCard` and `getColumnData` public method" has been resolved.
+
+## 19.1.63 (2021-05-13)
+
+### Kanban
+
+#### New Features
+
+- `#287435, #295725` - Support provided for map the `keyField` in the `column` as number type.
+
+#### Bug Fixes
+
+- `#I324923` - The issue with "Kanban content colour not changed, when using the material-dark theme" has been resolved.
+- `#F160742` - The issue with "Script error thrown when drag and drop operation performed when swimlane `keyField` as non-existing field" has been resolved.
+- `#322742` - The issue with "Unable to drag and drop the card when `WebApiAdaptor` used on Kanban" has been resolved.
+
+## 19.1.59 (2021-05-04)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#278650` - The issue with "Unable to drag and drop the cards on iPad device" has been fixed.
+
+## 19.1.57 (2021-04-20)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#321297` - The issue with "Kanban custom dialog drop down list does not properly return integer type value" has been fixed.
+
+## 19.1.54 (2021-03-30)
+
+### Kanban
+
+#### New Features
+
+- `F160742` - Support to drag and drop the card from kanban to an external source and vice versa has been provided.
+
+#### Bug Fixes
+
+- `#317594` - An issue with "script error thrown when dynamically add new card with new swimlane key" issue has been fixed.
+
+## 18.4.46 (2021-03-02)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I311076` - An issue with templates is cleared when refresh the header using the public method has been fixed.
+- `#I315242` - An issue with drag and drop is not working properly when add columns dynamically has been fixed.
+- `#I315596` - An issue with drag and drop is not working properly when `dataSource` change dynamically has been fixed.
+
+## 18.4.44 (2021-02-23)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#315107` - The issue with "cards are hidden when multiple cards are dragged and dropped to their original position" has been fixed.
+- `#F161605` - An issue with drag and drop the cards when kanban placed inside card has been fixed.
+- An issue with "Unable to refresh the header count when drag the card and drop to another column" has been resolved.
+
+## 18.4.41 (2021-02-02)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#F161568` - An issue when scrollbar is disappears the column became misaligned issue has been resolved.
+- `#I311076` - Provided a public method as `renderHeader` to refresh the header template.
+- `#309763` - The issue with "Unable to drag and drop the cards within the column when setting the `sortBy` property as `Index`" has been resolved.
+- `#F161669` - The issue with "Duplicate card rendering while searching the text after drag and drop operation is performed" has been fixed.
+- `#287431` - An issue with the card has rendered at column last position when using `updateCard` method has been fixed.
+
+## 18.4.33 (2021-01-05)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#308798` - The issue with "Script error thrown when drag and drop the cards in swimlane layout with responsive mode" has been resolved.
+
+## 18.4.30 (2020-12-17)
+
+### Kanban
+
+#### New Features
+
+- Provided workflow support that determines transitions of card from one column to another in Kanban.
+- Provided support to prevent dragging and dropping the cards on particular column.
+- Provided auto scroll support when drag and drop the cards between columns.
+- Provided custom sorting option for swimlane rows based on user choice.
+
+#### Breaking Changes
+
+- In `sortSettings` the default value of `sortBy` property has changed to `Index` from `DataSourceOrder`.
+
+## 18.3.53 (2020-12-08)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#159897` - An issue with Dialog template not working has been fixed.
+
+## 18.3.52 (2020-12-01)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#300968, #302271` - An issue with the `dragStart` event maintained previous changed value in argument has been fixed.
+
+## 18.3.50 (2020-11-17)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#301633` - The issue with "Script error thrown when using `deleteCard` public method" has been resolved.
+- `#301761` - The issue with "Changed card not maintained their modified state properly when drop the card to another columns after using `updateCard` public method" has been resolved.
+- `#300558` - An issue with the all card data are disappeared after card drag and drop has been fixed.
+
+## 18.3.40 (2020-10-13)
+
+### Kanban
+
+#### New Features
+
+- `#288864` - We had improved the performance while loading a huge number of cards and now dragging cards only be refreshed instead of whole cards.
+
+## 18.3.35 (2020-10-01)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#287430` - The issue with "Mismatch in the events argument type information" has been resolved.
+
+## 18.2.57 (2020-09-08)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#289221` - The issue with "Two empty placeholders appear on the content cell when dropping the cards to its original position" has been resolved.
+- `#289831` - The issue with "Cards are jumped to the last position of the column when the dialog template values are not changed" has been resolved.
+
+## 18.2.54 (2020-08-18)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#287430` - The issue with "Mismatch in the public methods type information" has been resolved.
+
+## 18.2.47 (2020-07-28)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#284048` - Provided unassigned Swimlane group support on the Kanban board.
+
+## 18.2.44 (2020-07-07)
+
+### Kanban
+
+#### New Features
+
+- **Sorting Order**: Arrange the cards in ascending or descending order based on the `sortBy` property.
+- **Card Layout**: Improved the card layout by providing the default colours, labels, and custom classes.
+- **Dialog Customization**: Users can customize the particular property in the editing or adding dialog by using the `model` property.
+- **Toggle Column Count**: Provided cards count on the collapsed column.
+
+#### Breaking Changes
+
+- Removed the `priority` under the `cardSettings` property and included these functionalities to the sorting order feature by setting the `sortBy` as `Index` under the `sortSettings` property.
+- Replaced the `sortBy` with `sortDirection` under the `swimlaneSettings` property.
+
+| **Previous API** | **Current API** | 
+|---|---|
+| cardSettings.priority | sortSettings.sortBy as `Index` | 
+| swimlaneSettings.sortBy | swimlaneSettings.sortDirection | 
+
+## 18.1.56 (2020-06-09)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#279543` - An issue with script error thrown when click the `showAddButton` icon and specify the `priority` property has been fixed.
+
+## 18.1.55 (2020-06-02)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#278225` - An issue with kanban styles not loaded properly when `refresh` method called issue has been fixed.
+
+## 18.1.48 (2020-05-05)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#274830` - An issue with Rendered empty column when empty data passed to Kanban board has been fixed.
+
+## 18.1.46 (2020-04-28)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#274505` - An issue with server post triggered without showing Spinner has been fixed.
+- `#274710` - An issue with dropped clone not created at first position when drag the cards has been fixed.
+
+## 18.1.42 (2020-04-01)
+
+### Kanban
+
+#### New Features
+
+- **Priority Support**: The features enable to render the cards based on the priority value. So, user can easily drag and drop the cards to particular place.
+- **Dialog Editing**: The dialog editing support is used to perform CRUD actions such as add new card, edit or delete existing cards.
+
+undefinedThe Kanban component is an efficient way to visually depict work at various stages of a process using cards, columns, and swimlane.
+
+
+- **Data binding**: Seamless data binding with various local and remote data sources.
+- **Swimlane**: The horizontal categorization of cards in the kanban, which brings transparency to the workflow. The swimlane rows can be expanded and collapsed.
+- **Key mapping**: Map one or multiple keys to single columns.
+- **Toggle Columns**: The columns can be expanded and collapsed.
+- **WIP Validation**: Set a minimum and maximum number of cards in a column.
+- **Priority Support**: The features enable to render the cards based on the priority value. So, user can easily drag and drop the cards to particular place.
+- **Dialog Editing**: The dialog editing support is used to perform CRUD actions such as add new card, edit or delete existing cards.
+- **Drag and Drop**: Cards can be easily dragged and dropped from one column to another. You can also drag them from one swim lane to another.
+- **Stacked headers**: Additional column headers can be added in a stacked manner.
+- **Tooltip**: Display the card information with a default tooltip and templated tooltip.
+- **Selection**: Select a single or multiple cards.
+- **Templates**: The key elements such as cards, column headers, swimlanes and tooltip come with template support for embedding any kind of HTML element and CSS style.
+- **Responsive rendering**: Adapts with optimal user interfaces to mobile and desktop form-factors.
+- **Localization**: All the static text content can be localized to any desired language.
+- **RTL**: Display the control contents from right to left.
+
+
+## 17.4.46 (2020-01-30)
+
+### Kanban
+
+The Kanban component is an efficient way to visually depict work at various stages of a process using cards, columns, and swimlane.
+
+
+- **Data binding**: Seamless data binding with various local and remote data sources.
+- **Swimlane**: The horizontal categorization of cards in the kanban, which brings transparency to the workflow. The swimlane rows can be expanded and collapsed.
+- **Key mapping**: Map one or multiple keys to single columns.
+- **Toggle Columns**: The columns can be expanded and collapsed.
+- **WIP Validation**: Set a minimum and maximum number of cards in a column.
+- **Drag and Drop**: Cards can be easily dragged and dropped from one column to another. You can also drag them from one swim lane to another.
+- **Stacked headers**: Additional column headers can be added in a stacked manner.
+- **Tooltip**: Display the card information with a default tooltip and templated tooltip.
+- **Selection**: Select a single or multiple cards.
+- **Templates**: The key elements such as cards, column headers, swimlanes and tooltip come with template support for embedding any kind of HTML element and CSS style.
+- **Responsive rendering**: Adapts with optimal user interfaces to mobile and desktop form-factors.
+- **Localization**: All the static text content can be localized to any desired language.
+- **RTL**: Display the control contents from right to left.
+
+

package/README.md

@@ -1,68 +1,139 @@
-# ej2-angular-kanban
+# Angular Kanban Component
+
+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.
+
+<p align="center">
+    <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> . 
+    <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> . 
+    <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>
+</p>
+<p align="center">
+   <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-kanban.png" alt="Angular Kanban Component"/>
+</p>
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
-The Kanban Board component is an efficient way to visualize workflow at each stage along its path to completion. 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.
+## Setup
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial from [here](https://www.syncfusion.com/account/manage-trials/start-trials).
+### Create a Angular Application
 
-> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+You can use [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications. To install the Angular CLI, use the following command.
 
-## Setup
+```bash
+npm install -g @angular/cli
+```
+
+Create a new Angular application using the following Angular CLI command.
+
+```bash
+ng new my-app
+cd my-app
+```
+
+### Adding Syncfusion Kanban package
 
 To install Kanban and its dependent packages, use the following command.
 
 ```sh
-npm install @syncfusion/ej2-angular-kanban
+ng add @syncfusion/ej2-angular-kanban
 ```
 
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/angular/documentation/kanban/getting-started/index.html)
-* [View Online Demos](https://ej2.syncfusion.com/angular/demos/#/material/kanban/overview)
-* [Product Page](https://www.syncfusion.com/angular-ui-components/angular-kanban-board)
-
-## Supported Frameworks
-
-The Kanban control is also available in following list of frameworks.
-
-1. [React](https://www.syncfusion.com/react-ui-components/react-kanban-board)
-2. [Vue](https://www.syncfusion.com/vue-ui-components/vue-kanban-board)
-3. [Blazor](https://www.syncfusion.com/blazor-components/blazor-kanban-board)
-4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/kanban-board)
-5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/kanban-board)
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/js-kanban-board)
-
-## Key Features
-
-* [**Data binding**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/remote-data) - Seamless data binding with various local and remote data sources.
-* [**Swimlane**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/swimlane): The horizontal categorization of cards in the kanban, which brings transparency to the workflow. The swimlane rows can be expanded and collapsed.
-* **Key mapping**: Map one or multiple keys to single columns.
-* [**Toggle Columns**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/toggle-columns): The columns can be expanded and collapsed.
-* [**WIP Validation**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/wip-validation): Set a minimum and maximum number of cards in a column.
-* [**Dialog Editing**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/dialog-editing): The dialog editing support is used to perform CRUD actions such as add new card, edit or delete existing cards.
-* [**Drag and Drop**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/overview): Cards can be easily dragged and dropped from one column to another. You can also drag them from one swim lane to another.
-* [**Stacked headers**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/stacked-header): Additional column headers can be added in a stacked manner.
-* [**Tooltip**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/tooltip-template): Display the card information with a default tooltip and templated tooltip.
-* **Selection**: Select a single or multiple cards.
-* [**Templates**](https://ej2.syncfusion.com/angular/demos/#/material/kanban/card-template): The key elements such as cards, column headers, swimlanes and tooltip come with template support for embedding any kind of HTML element and CSS style.
-* **Responsive rendering**: Adapts with optimal user interfaces to mobile and desktop form-factors.
-* **Localization**: All the static text content can be localized to any desired language.
-* **RTL**: Display the control contents from right to left.
-* **Built-in themes**: Material, Fabric, Bootstrap 3 and 4, and high contrast themes can be used to present a better UI appearance.
+The above command does the below configuration to your Angular app.
+
+ * Adds `@syncfusion/ej2-angular-kanban` package and its peer dependencies to your `package.json` file.
+ * Imports the `KanbanModule` in your application module `app.module.ts`.
+ * Registers the Syncfusion UI default theme (material) in the `angular.json` file.
+
+This makes it easy to add the Syncfusion Angular Kanban module to your project and start using it in your application.
+
+### Add Kanban component
+
+In **src/app/app.component.ts**, use `<ejs-kanban>` selector in `template` attribute of  `@Component` directive to render the Syncfusion Angular Kanban component.
+
+```typescript
+import { Component } from '@angular/core';
+import { CardSettingsModel } from '@syncfusion/ej2-angular-kanban';
+
+@Component({
+    selector: 'app-root',
+    template: `<ejs-kanban [dataSource]='data' [cardSettings]='cardSettings'>
+                    <e-columns>
+                        <e-column headerText='To do' keyField='Open'></e-column>
+                        <e-column headerText='In Progress' keyField='InProgress'></e-column>
+                        <e-column headerText='Testing' keyField='Testing'></e-column>
+                        <e-column headerText='Done' keyField='Close'></e-column>
+                    </e-columns>
+                </ejs-kanban>`
+})
+
+export class AppComponent {
+    public data: Object[] =  [
+        { Id: 1, Status: 'Open', Summary: 'Analyze the new requirements gathered from the customer.', Type: 'Story', Priority: 'Low', Tags: 'Analyze,Customer', Estimate: 3.5, Assignee: 'Nancy Davloio', RankId: 1 },
+        { Id: 2, Status: 'InProgress', Summary: 'Fix the issues reported in the IE browser.', Type: 'Bug', Priority: 'Release Breaker', Tags: 'IE', Estimate: 2.5, Assignee: 'Janet Leverling', RankId: 2  },
+        { Id: 3, Status: 'Testing', Summary: 'Fix the issues reported by the customer.', Type: 'Bug', Priority: 'Low', Tags: 'Customer', Estimate: '3.5', Assignee: 'Steven walker', RankId: 1 },
+        { Id: 4, Status: 'Close', Summary: 'Arrange a web meeting with the customer to get the login page requirements.', Type: 'Others', Priority: 'Low', Tags: 'Meeting', Estimate: 2, Assignee: 'Michael Suyama', RankId: 1 },
+        { Id: 5, Status: 'Validate', Summary: 'Validate new requirements', Type: 'Improvement', Priority: 'Low', Tags: 'Validation', Estimate: 1.5, Assignee: 'Robert King', RankId: 1 }
+    ];
+    public cardSettings: CardSettingsModel = {
+        contentField: 'Summary',
+        headerField: 'Id'
+    };
+}
+```
 
-## Support
+## Supported frameworks
+
+The Kanban component is also offered in the following list of frameworks.
 
-Product support is available through following mediums.
+| [<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; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
-* Creating incident through Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2).
-* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+## Showcase samples
 
-## License
+* Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
+* Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ng-loancalculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
+* Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo), [Live Demo](https://ej2.syncfusion.com/showcase/angular/fitness-tracker-app/)
 
-Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license).
+## Key features
+
+* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/remote-data) - Seamless data binding refers to the process of linking the data displayed on a Kanban board with a variety of data sources, such as  array of JSON objects or DataManager.
+* [Swimlane](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/swimlane) - Swimlanes are typically represented as rows within the board, with each row containing its own set of columns and cards. The rows can be expanded and collapsed as needed to show or hide the contained cards, which can be useful for reducing clutter and focusing on specific areas of work.
+* [Toggle columns](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/toggle-columns) - To expand and collapse the columns as needed in order to focus on specific areas of work or reduce clutter on the board.
+* [WIP validation](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/wip-validation) - Work-in-progress (WIP) validation is a common practice in Kanban boards, and it involves setting limits on the number of tasks or cards that can be in progress at any given time. This helps to prevent overloading team members and ensures that work is being completed in a timely and efficient manner.
+* [Dialog editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/dialog-editing) - Dialog editing support refers to the ability to perform create, read, update, and delete (CRUD) actions on the cards using dialog box. This can be useful for allowing users to quickly and easily add new tasks or make changes to existing ones without having to navigate away from the Kanban board.
+* [Drag and drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/overview) - Cards can be easily dragged and dropped from one column to another, as well as from one swimlane to another, in order to indicate progress and changes in status. This can be a convenient and intuitive way for users to manage their work and collaborate with team members.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
+* Live chat
 
 ## Changelog
 
-Check the changelog [here](https://ej2.syncfusion.com/angular/documentation/release-notes).
+Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/kanban/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [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).
+
+> 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.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) for more info.
 
 © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.