@syncfusion/ej2-angular-kanban 19.4.52 → 20.1.55

package/CHANGELOG.md

@@ -2,21 +2,13 @@
 
 ## [Unreleased]
 
-## 19.4.47 (2022-01-25)
+## 20.1.52 (2022-05-04)
 
 ### Kanban
 
 #### Bug Fixes
 
-- `#I361754` - Now, the `target` argument is returned properly in the `actionBegin` and `actionComplete` when clicking on the frozen swimlane row.
-
-## 19.4.41 (2022-01-04)
-
-### Kanban
-
-#### Bug Fixes
-
-- `#I358793` - Now, the drag and drop of the cards in the Kanban works properly without any exception error.
+- `#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)
 

package/dist/ej2-angular-kanban.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-kanban.umd.js
-*  version : 19.4.52
+*  version : 20.1.55
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-angular-kanban.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-kanban.umd.min.js
-*  version : 19.4.52
+*  version : 20.1.55
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-kanban@*",
-  "_id": "@syncfusion/ej2-angular-kanban@19.4.47",
+  "_id": "@syncfusion/ej2-angular-kanban@20.1.52",
   "_inBundle": false,
-  "_integrity": "sha512-DLag1iIGhiVQqNv7qZ3XYBeomIVN4Akp/UFNE+1m7waSuKE3WPmglm0wTtyG5gM0eJ2g1oQuMr4Ewlr5gMA0cg==",
+  "_integrity": "sha512-q21hetB3jr1++Of5CclTm6Eoc3AFlL3qJ2ZcreyVx19UjYVwYW8EjDUfY8J0LRqIfNLaGkwp+vpAG06pS1V2+w==",
   "_location": "/@syncfusion/ej2-angular-kanban",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-19.4.47.tgz",
-  "_shasum": "47c86403b05adf1a87b08022d08a01b83f007986",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-20.1.52.tgz",
+  "_shasum": "e646b8341be8fab3562955f9d1551800303dc8ab",
   "_spec": "@syncfusion/ej2-angular-kanban@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~19.4.52",
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-kanban": "19.4.52"
+    "@syncfusion/ej2-angular-base": "~20.1.55",
+    "@syncfusion/ej2-base": "~20.1.55",
+    "@syncfusion/ej2-kanban": "20.1.55"
   },
   "deprecated": false,
   "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",
@@ -66,5 +66,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-kanban.d.ts",
-  "version": "19.4.52"
+  "version": "20.1.55"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-kanban";
-export declare const pkgVer = "^19.4.47";
+export declare const pkgVer = "^20.1.52";
 export declare const moduleName = "KanbanModule";
-export declare const themeVer = "~19.4.47";
+export declare const themeVer = "~20.1.52";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-kanban';
-exports.pkgVer = '^19.4.47';
+exports.pkgVer = '^20.1.52';
 exports.moduleName = 'KanbanModule';
-exports.themeVer = '~19.4.47';
+exports.themeVer = '~20.1.52';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-kanban';
-export const pkgVer = '^19.4.47';
+export const pkgVer = '^20.1.52';
 export const moduleName = 'KanbanModule';
-export const themeVer = '~19.4.47';
+export const themeVer = '~20.1.52';

package/styles/bootstrap-dark.css

@@ -281,6 +281,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #393939;
   box-shadow: none;
 }
 
@@ -1160,7 +1161,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1240,7 +1241,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #767676;
-  border: 1px solid #9c9c9c;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1284,4 +1284,9 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #f0f0f0;
+  min-width: 70%;
+}
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
 }

package/styles/bootstrap.css

@@ -279,6 +279,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #e6e6e6;
   box-shadow: none;
 }
 
@@ -1158,7 +1159,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1238,7 +1239,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #eee;
-  border: 1px solid #ddd;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1282,4 +1282,9 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #555;
+  min-width: 70%;
+}
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
 }

package/styles/bootstrap4.css

@@ -356,6 +356,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #5a6268;
   box-shadow: none;
 }
 
@@ -1234,7 +1235,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1314,7 +1315,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #e9ecef;
-  border: 1px solid #ced4da;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1358,4 +1358,9 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #495057;
+  min-width: 70%;
+}
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
 }

package/styles/bootstrap5-dark.css

@@ -89,6 +89,13 @@
   color: #adb5bd;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #343a40;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -151,7 +158,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 2px 2px 0;
   border-right-width: 0;
 }
 
@@ -319,6 +326,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #5c636a;
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 
@@ -371,7 +379,7 @@
 }
 
 .e-kanban .e-kanban-header .e-header-cells.e-max-color {
-  background: #fadfe2;
+  background: #7c151f;
 }
 
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
@@ -390,7 +398,7 @@
 }
 
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
-  background: #fadfe2;
+  background: #7c151f;
 }
 
 .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
@@ -464,7 +472,7 @@
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
-  background: #fadfe2;
+  background: #7c151f;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
@@ -588,12 +596,12 @@
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 12px 14px 0 12px;
+  padding: 12px 14px 0 14px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 8px 14px 8px 12px;
+  padding: 8px 14px 12px 14px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -806,7 +814,7 @@
 }
 
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
-  background: #fadfe2;
+  background: #7c151f;
 }
 
 .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
@@ -1062,14 +1070,14 @@
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 24px 24px 0 22px;
+  padding: 12px 20px 0 20px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 8px 24px 12px 22px;
+  padding: 12px 20px 12px 20px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1211,7 +1219,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1245,7 +1253,7 @@
 }
 
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
-  color: #ced4da;
+  color: #e9ecef;
 }
 
 .e-kanban .e-kanban-table .e-header-cells .e-item-count {
@@ -1294,7 +1302,6 @@
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #343a40;
   background-color: #212529;
 }
 
@@ -1308,7 +1315,7 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
   background-color: #495057;
-  color: #212529;
+  color: #fff;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1338,7 +1345,8 @@
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
-  color: #212529;
+  color: #fff;
+  min-width: 70%;
   font-weight: 400;
   border-color: #dee2e6;
   border-radius: 4px;

package/styles/bootstrap5.css

@@ -89,6 +89,13 @@
   color: #6c757d;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -151,7 +158,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 2px 2px 0;
   border-right-width: 0;
 }
 
@@ -319,6 +326,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #5c636a;
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 
@@ -588,12 +596,12 @@
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 12px 14px 0 12px;
+  padding: 12px 14px 0 14px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 8px 14px 8px 12px;
+  padding: 8px 14px 12px 14px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1062,14 +1070,14 @@
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
-  padding: 24px 24px 0 22px;
+  padding: 12px 20px 0 20px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
-  padding: 8px 24px 12px 22px;
+  padding: 12px 20px 12px 20px;
 }
 
 .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1211,7 +1219,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1245,7 +1253,7 @@
 }
 
 .e-kanban .e-kanban-table .e-header-cells .e-header-text {
-  color: #495057;
+  color: #343a40;
 }
 
 .e-kanban .e-kanban-table .e-header-cells .e-item-count {
@@ -1294,7 +1302,6 @@
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #e9ecef;
   background-color: #fff;
 }
 
@@ -1339,6 +1346,7 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #212529;
+  min-width: 70%;
   font-weight: 400;
   border-color: #dee2e6;
   border-radius: 4px;

package/styles/fabric-dark.css

@@ -246,6 +246,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #414040;
   box-shadow: none;
 }
 
@@ -1125,7 +1126,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1205,7 +1206,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #6f6c6c;
-  border: 1px solid #333232;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1249,5 +1249,10 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #dadada;
+  min-width: 70%;
   font-weight: 400;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
+}

package/styles/fabric.css

@@ -239,6 +239,7 @@
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
+  background: #dadada;
   box-shadow: none;
 }
 
@@ -1118,7 +1119,7 @@
 .e-kanban-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
-  width: 35px;
+  width: 70px;
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1198,7 +1199,6 @@
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
   background-color: #d1ebff;
-  border: 1px solid #f4f4f4;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -1242,5 +1242,10 @@
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #333;
+  min-width: 70%;
   font-weight: 400;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+  box-shadow: none;
+}