@syncfusion/ej2-angular-kanban 23.1.36 → 23.2.4-ngcc

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-kanban@*",
-  "_id": "@syncfusion/ej2-angular-kanban@21.3.0",
+  "_id": "@syncfusion/ej2-angular-kanban@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-AO2+JMgFbmyLwzhnM/SwO+t0mypVFgAz0PxVVJu+n4IKy13T9TzDJaeGExP6B/M3OySXn+1nAU1bt+Yf4N2ORA==",
+  "_integrity": "sha512-bbXK4Qe0iA5kGwGl+2OnnFps/Wzw6cgacqBxkOmmCOWaKpz7rTgb0TMT5WemMClREV96UBe6z0zGu6LMr5LJ+w==",
   "_location": "/@syncfusion/ej2-angular-kanban",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-21.3.0.tgz",
-  "_shasum": "d4a038cb9af09edd1b5860fe199789c5d9643d78",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-23.1.36.tgz",
+  "_shasum": "73ce17af6bedfec52e0af4211910d3ee108ec523",
   "_spec": "@syncfusion/ej2-angular-kanban@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,30 +31,14 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~23.1.36",
-    "@syncfusion/ej2-base": "~23.1.36",
-    "@syncfusion/ej2-kanban": "23.1.36",
-    "tslib": "^2.3.0"
+    "@syncfusion/ej2-angular-base": "~23.2.4",
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-kanban": "23.2.4"
   },
   "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": "23.1.36"
+  "typings": "ej2-angular-kanban.d.ts",
+  "version": "23.2.4-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.3.0";
+export declare const pkgVer = "^23.1.36";
 export declare const moduleName = "KanbanModule";
-export declare const themeVer = "~21.3.0";
+export declare const themeVer = "~23.1.36";

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

package/schematics/utils/lib-details.ts

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

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`).
@@ -81,8 +80,6 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
      */
     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
@@ -90,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[];
@@ -57,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"; "cardHeight": "cardHeight"; "cardSettings": "cardSettings"; "columns": "columns"; "constraintType": "constraintType"; "cssClass": "cssClass"; "dataSource": "dataSource"; "dialogSettings": "dialogSettings"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableTooltip": "enableTooltip"; "enableVirtualization": "enableVirtualization"; "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

@@ -131,6 +131,11 @@
   width: 40px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */

package/styles/bootstrap4.css

@@ -107,13 +107,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
@@ -147,6 +158,25 @@
   border-right-width: 0;
 }
 
+.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+}
+
+.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 10px;
+}
+
+.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;

package/styles/bootstrap5-dark.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }

package/styles/bootstrap5.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }

package/styles/fabric-dark.css

@@ -98,6 +98,11 @@
   margin: 2px 2px 2px 0;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */

package/styles/fluent-dark.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #f3f2f1;
   height: 100%;
 }

package/styles/fluent.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #201f1e;
   height: 100%;
 }

package/styles/highcontrast.css

@@ -177,6 +177,11 @@
   width: 30px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */ /*! TreeView's high contrast theme wise override definitions and variables */
 /* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */

package/styles/kanban/bootstrap-dark.css

@@ -131,6 +131,11 @@
   width: 40px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */

package/styles/kanban/bootstrap-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
-@import 'ej2-layouts/styles/card/bootstrap-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/bootstrap-dark.scss';

package/styles/kanban/bootstrap.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-definition.scss';
-@import 'ej2-layouts/styles/card/bootstrap-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/bootstrap.scss';

package/styles/kanban/bootstrap4.css

@@ -107,13 +107,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
@@ -147,6 +158,25 @@
   border-right-width: 0;
 }
 
+.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+}
+
+.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 10px;
+}
+
+.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;

package/styles/kanban/bootstrap4.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap4-definition.scss';
-@import 'ej2-layouts/styles/card/bootstrap4-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap4-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/bootstrap4.scss';

package/styles/kanban/bootstrap5-dark.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }

package/styles/kanban/bootstrap5-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap5-dark-definition.scss';
-@import 'ej2-layouts/styles/card/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/bootstrap5-dark.scss';

package/styles/kanban/bootstrap5.css

@@ -170,7 +170,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }

package/styles/kanban/bootstrap5.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap5-definition.scss';
-@import 'ej2-layouts/styles/card/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/bootstrap5.scss';

package/styles/kanban/fabric-dark.css

@@ -98,6 +98,11 @@
   margin: 2px 2px 2px 0;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /* stylelint-disable-line no-empty-source */ /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */

package/styles/kanban/fabric-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fabric-dark-definition.scss';
-@import 'ej2-layouts/styles/card/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/fabric-dark.scss';

package/styles/kanban/fabric.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-inputs/styles/textbox/fabric-definition.scss';
-@import 'ej2-layouts/styles/card/fabric-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fabric-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/fabric.scss';

package/styles/kanban/fluent-dark.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #f3f2f1;
   height: 100%;
 }

package/styles/kanban/fluent-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
-@import 'ej2-layouts/styles/card/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-kanban/styles/kanban/fluent-dark.scss';

package/styles/kanban/fluent.css

@@ -150,7 +150,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #201f1e;
   height: 100%;
 }