@syncfusion/ej2-angular-kanban 21.2.3 → 22.1.34-ngcc

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-kanban@*",
-  "_id": "@syncfusion/ej2-angular-kanban@21.1.39",
+  "_id": "@syncfusion/ej2-angular-kanban@21.3.0",
   "_inBundle": false,
-  "_integrity": "sha512-KdPO3rEY1fjRCAP2LyA7U/3NGu3mE6k0ucxWuEr2MiK8ArymYBH0FE3Ev/r4J6lVUueDU8xtI6dsav77lu3Fcg==",
+  "_integrity": "sha512-7v4mv9w14yECBSD/OPuLvfG4xrb1tVunnfpreA1c1xnXZ6jVRHBmh1RoErWzYJBbTp2t7/cgShoTb5bZowsvog==",
   "_location": "/@syncfusion/ej2-angular-kanban",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-21.1.39.tgz",
-  "_shasum": "49c29c6dc4ecfaa0cb70d7a16c9d0d5534f45837",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-21.3.0.tgz",
+  "_shasum": "d1fe124bb3efddd6890b2a3767118718c3036d3b",
   "_spec": "@syncfusion/ej2-angular-kanban@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,30 +31,14 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~21.2.3",
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-kanban": "21.2.3",
-    "tslib": "^2.3.0"
+    "@syncfusion/ej2-angular-base": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-kanban": "22.1.34"
   },
   "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",
-  "es2020": "fesm2020/syncfusion-ej2-angular-kanban.mjs",
-  "esm2020": "esm2020/syncfusion-ej2-angular-kanban.mjs",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./syncfusion-ej2-angular-kanban.d.ts",
-      "esm2020": "./esm2020/syncfusion-ej2-angular-kanban.mjs",
-      "es2020": "./fesm2020/syncfusion-ej2-angular-kanban.mjs",
-      "es2015": "./fesm2015/syncfusion-ej2-angular-kanban.mjs",
-      "node": "./fesm2015/syncfusion-ej2-angular-kanban.mjs",
-      "default": "./fesm2020/syncfusion-ej2-angular-kanban.mjs"
-    }
-  },
-  "fesm2015": "fesm2015/syncfusion-ej2-angular-kanban.mjs",
-  "fesm2020": "fesm2020/syncfusion-ej2-angular-kanban.mjs",
+  "devDependencies": {},
+  "es2015": "@syncfusion/ej2-angular-kanban.js",
   "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
     "angular",
@@ -64,7 +48,9 @@
     "angular-kanban-board"
   ],
   "license": "SEE LICENSE IN license",
-  "module": "fesm2015/syncfusion-ej2-angular-kanban.mjs",
+  "main": "dist/ej2-angular-kanban.umd.js",
+  "metadata": "ej2-angular-kanban.metadata.json",
+  "module": "@syncfusion/ej2-angular-kanban.es5.js",
   "name": "@syncfusion/ej2-angular-kanban",
   "repository": {
     "type": "git",
@@ -72,6 +58,6 @@
   },
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
-  "typings": "syncfusion-ej2-angular-kanban.d.ts",
-  "version": "21.2.3"
+  "typings": "ej2-angular-kanban.d.ts",
+  "version": "22.1.34-ngcc"
 }

package/postinstall/tagchange.js

@@ -0,0 +1,18 @@
+var fs = require("fs");
+var glob = require("glob");
+
+var selectors = ['ejs-kanban'];
+
+if (process.env.tagName !== undefined) {
+  var newTagPrefix = process.env.tagName.trim();
+  var files = glob.sync("./@syncfusion/*");
+  for (var i = 0; i < files.length; i++) {
+    var sourceFile = fs.readFileSync(files[i], "utf8");
+    for (var j = 0; j < selectors.length; j++) {
+      selectors[j] = selectors[j].replace('[','').replace(']','');
+      var tagRegex = new RegExp(selectors[j], "g");
+      sourceFile = sourceFile.replace(tagRegex,selectors[j].replace("ejs", newTagPrefix));
+    }
+    fs.writeFileSync(files[i], sourceFile, "utf8");
+  }
+}

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

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

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 = '^21.2.3';
+exports.pkgVer = '^22.1.34';
 exports.moduleName = 'KanbanModule';
-exports.themeVer = '~21.2.3';
+exports.themeVer = '~22.1.34';

package/schematics/utils/lib-details.ts

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

package/src/kanban/columns.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-columns` directive represent a columns of the Kanban board.
  * It must be contained in a Kanban component(`ejs-kanban`).
@@ -77,11 +76,10 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
     /**
      * Defines the column template
      * @default null
+     * @asptype string
      */
     template: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnDirective, "e-columns>e-column", never, { "allowDrag": "allowDrag"; "allowDrop": "allowDrop"; "allowToggle": "allowToggle"; "headerText": "headerText"; "isExpanded": "isExpanded"; "keyField": "keyField"; "maxCount": "maxCount"; "minCount": "minCount"; "showAddButton": "showAddButton"; "showItemCount": "showItemCount"; "template": "template"; "transitionColumns": "transitionColumns"; }, {}, ["template"]>;
 }
 /**
  * Column Array Directive
@@ -89,6 +87,4 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
  */
 export declare class ColumnsDirective extends ArrayBase<ColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsDirective, "ejs-kanban>e-columns", never, {}, {}, ["children"]>;
 }

package/src/kanban/kanban-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./kanban.module";
 /**
  * NgModule definition for the Kanban component with providers.
  */
 export declare class KanbanAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KanbanAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KanbanAllModule, never, [typeof i1.CommonModule, typeof i2.KanbanModule], [typeof i2.KanbanModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KanbanAllModule>;
 }

package/src/kanban/kanban.component.d.ts

@@ -3,7 +3,6 @@ import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Kanban } from '@syncfusion/ej2-kanban';
 import { ColumnsDirective } from './columns.directive';
 import { StackedHeadersDirective } from './stackedheaders.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -43,6 +42,7 @@ export declare class KanbanComponent extends Kanban implements IComponentBase {
     /**
      * Defines the template content to card’s tooltip. The property works by enabling the ‘enableTooltip’ property.
      * @default null
+     * @asptype string
      */
     tooltipTemplate: any;
     columns_template: any;
@@ -56,6 +56,4 @@ export declare class KanbanComponent extends Kanban implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KanbanComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KanbanComponent, "ejs-kanban", never, { "allowDragAndDrop": "allowDragAndDrop"; "allowKeyboard": "allowKeyboard"; "cardSettings": "cardSettings"; "columns": "columns"; "constraintType": "constraintType"; "cssClass": "cssClass"; "dataSource": "dataSource"; "dialogSettings": "dialogSettings"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableTooltip": "enableTooltip"; "externalDropId": "externalDropId"; "height": "height"; "keyField": "keyField"; "locale": "locale"; "query": "query"; "showEmptyColumn": "showEmptyColumn"; "sortSettings": "sortSettings"; "stackedHeaders": "stackedHeaders"; "swimlaneSettings": "swimlaneSettings"; "tooltipTemplate": "tooltipTemplate"; "width": "width"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "cardClick": "cardClick"; "cardDoubleClick": "cardDoubleClick"; "cardRendered": "cardRendered"; "created": "created"; "dataBinding": "dataBinding"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "dataStateChange": "dataStateChange"; "dialogClose": "dialogClose"; "dialogOpen": "dialogOpen"; "drag": "drag"; "dragStart": "dragStart"; "dragStop": "dragStop"; "queryCellInfo": "queryCellInfo"; }, ["tooltipTemplate", "columns_template", "swimlaneSettings_template", "cardSettings_template", "dialogSettings_template", "childColumns", "childStackedHeaders"], never>;
 }

package/src/kanban/kanban.module.d.ts

@@ -1,13 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./kanban.component";
-import * as i2 from "./columns.directive";
-import * as i3 from "./stackedheaders.directive";
-import * as i4 from "@angular/common";
 /**
  * NgModule definition for the Kanban component.
  */
 export declare class KanbanModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KanbanModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KanbanModule, [typeof i1.KanbanComponent, typeof i2.ColumnDirective, typeof i2.ColumnsDirective, typeof i3.StackedHeaderDirective, typeof i3.StackedHeadersDirective], [typeof i4.CommonModule], [typeof i1.KanbanComponent, typeof i2.ColumnDirective, typeof i2.ColumnsDirective, typeof i3.StackedHeaderDirective, typeof i3.StackedHeadersDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KanbanModule>;
 }

package/src/kanban/stackedheaders.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-stackedHeaders` directive represent a stacked header of the Kanban board.
  * It must be contained in a Kanban component(`ejs-kanban`).
@@ -27,8 +26,6 @@ export declare class StackedHeaderDirective extends ComplexBase<StackedHeaderDir
      */
     text: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackedHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StackedHeaderDirective, "e-stackedHeaders>e-stackedHeader", never, { "keyFields": "keyFields"; "text": "text"; }, {}, never>;
 }
 /**
  * StackedHeader Array Directive
@@ -36,6 +33,4 @@ export declare class StackedHeaderDirective extends ComplexBase<StackedHeaderDir
  */
 export declare class StackedHeadersDirective extends ArrayBase<StackedHeadersDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackedHeadersDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StackedHeadersDirective, "ejs-kanban>e-stackedHeaders", never, {}, {}, ["children"]>;
 }

package/styles/bootstrap-dark.css

@@ -1009,6 +1009,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1034,6 +1038,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 4px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #2a2a2a;
@@ -1117,4 +1131,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #2a2a2a;
 }

package/styles/bootstrap.css

@@ -1007,6 +1007,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1032,6 +1036,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 4px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #fff;
@@ -1115,4 +1129,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #f5f5f5;
 }

package/styles/bootstrap4.css

@@ -1086,6 +1086,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1111,6 +1115,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 4px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #fff;
@@ -1194,4 +1208,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #f2f4f6;
 }

package/styles/bootstrap5-dark.css

@@ -1069,6 +1069,10 @@
   padding: 8px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1094,6 +1098,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 6px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 12px 12px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #212529;
@@ -1185,4 +1199,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 0 0 2px #0d6efd;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #282d31;
 }

package/styles/bootstrap5.css

@@ -1069,6 +1069,10 @@
   padding: 8px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1094,6 +1098,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 6px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 12px 12px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #fff;
@@ -1185,4 +1199,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 0 0 2px #0d6efd;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #f8f9fa;
 }

package/styles/fabric-dark.css

@@ -976,6 +976,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1001,6 +1005,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 0;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #201f1f;
@@ -1085,4 +1099,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #333232;
 }

package/styles/fabric.css

@@ -969,6 +969,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -994,6 +998,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 0;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #fff;
@@ -1078,4 +1092,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #f4f4f4;
 }

package/styles/fluent-dark.css

@@ -1036,6 +1036,10 @@
   padding: 8px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1061,6 +1065,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 2px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 12px 12px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #1b1a19;
@@ -1147,4 +1161,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #201f1e;
 }

package/styles/fluent.css

@@ -1036,6 +1036,10 @@
   padding: 8px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1061,6 +1065,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 2px;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 12px 12px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #fff;
@@ -1147,4 +1161,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #faf9f8;
 }

package/styles/highcontrast-light.css

@@ -1053,6 +1053,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1078,6 +1082,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 0;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #fff;
@@ -1161,4 +1175,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #e4e4e4;
 }

package/styles/highcontrast.css

@@ -1055,6 +1055,10 @@
   padding: 5px 0;
   text-align: left;
 }
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
+  resize: vertical;
+}
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
 .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
@@ -1080,6 +1084,16 @@
   float: right;
 }
 
+.e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
+  border-radius: 0;
+}
+
+.e-card-virtual-skeleton-wrapper {
+  height: inherit;
+  overflow: hidden;
+  padding: 8px 8px 0;
+}
+
 /*! kanban component theme */
 .e-kanban {
   background: #000;
@@ -1164,4 +1178,9 @@
 }
 .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
+}
+
+.e-card-virtual-skeleton-wrapper,
+.e-card-skeleton-wrapper {
+  background: #1a1a1a;
 }