@syncfusion/ej2-vue-dropdowns 26.1.39 → 26.1.41

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-dropdowns@*",
-  "_id": "@syncfusion/ej2-vue-dropdowns@26.1.38",
+  "_id": "@syncfusion/ej2-vue-dropdowns@26.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-S4cMsqLc03rcY3BIBTYA9/H67oLo9KQuZZPNgnbxhJXD1ElmiYqdGb0W/1bxB9sons5oA8wTBHNnf95govCsHw==",
+  "_integrity": "sha512-yC8Jxqc593Zl2Bvhgyq536mfq2ufJkdr3E4VUe2iD+wDq2uj27Zle7/L45zGexFKt/5CTRsL9pQ0+sYCQ1N9Gg==",
   "_location": "/@syncfusion/ej2-vue-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-26.1.38.tgz",
-  "_shasum": "d6cfd1b22cb03831a7f874fe2aad580eb586069b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-26.1.40.tgz",
+  "_shasum": "d9dec6881679d28ba7944a1b3408da1e0f7f4df0",
   "_spec": "@syncfusion/ej2-vue-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -32,7 +32,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-dropdowns": "26.1.39",
+    "@syncfusion/ej2-dropdowns": "26.1.41",
     "@syncfusion/ej2-vue-base": "~26.1.35"
   },
   "deprecated": false,
@@ -62,6 +62,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "26.1.39",
+  "version": "26.1.41",
   "sideEffects": false
 }

package/src/multi-select/multiselect.component.d.ts

@@ -12,7 +12,7 @@ export declare const props: any, watch: any, emitProbs: any;
  */
 export declare let MultiSelectComponent: DefineVueComponent<MultiSelectModel>;
 export declare type MultiSelectComponent = typeof ComponentBase & {
-    ej2Instances: MultiSelect;
+    ej2Instance: MultiSelect;
     isVue3: boolean;
     isLazyUpdate: Boolean;
     plugins: any[];

package/src/multi-select/multiselect.component.js

@@ -27,7 +27,7 @@ export var MultiSelectComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new MultiSelect({}),
+            ej2Instance: new MultiSelect({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/styles/bootstrap-dark.css

@@ -981,7 +981,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/bootstrap.css

@@ -982,7 +982,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/bootstrap4.css

@@ -1026,7 +1026,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/bootstrap5-dark.css

@@ -1040,7 +1040,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/bootstrap5.css

@@ -1040,7 +1040,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/bootstrap-dark.css

@@ -219,7 +219,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/drop-down-tree/bootstrap.css

@@ -220,7 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/drop-down-tree/bootstrap4.css

@@ -230,7 +230,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -241,7 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/drop-down-tree/bootstrap5.css

@@ -241,7 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/fabric-dark.css

@@ -220,7 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/drop-down-tree/fabric.css

@@ -221,7 +221,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/drop-down-tree/fluent-dark.css

@@ -254,7 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent.css

@@ -254,7 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent2.css

@@ -1493,7 +1493,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);

package/styles/drop-down-tree/highcontrast-light.css

@@ -234,7 +234,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/drop-down-tree/highcontrast.css

@@ -235,7 +235,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/drop-down-tree/material-dark.css

@@ -328,7 +328,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/drop-down-tree/material.css

@@ -349,7 +349,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/drop-down-tree/material3-dark.css

@@ -365,7 +365,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/material3.css

@@ -477,7 +477,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/tailwind-dark.css

@@ -259,7 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/drop-down-tree/tailwind.css

@@ -259,7 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;

package/styles/fabric-dark.css

@@ -957,7 +957,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/fabric.css

@@ -951,7 +951,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/fluent-dark.css

@@ -1050,7 +1050,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent.css

@@ -1050,7 +1050,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent2.css

@@ -4483,7 +4483,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);
@@ -9180,7 +9180,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }
@@ -10988,11 +10989,11 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
@@ -11013,7 +11014,7 @@ ejs-listbox {
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -11023,7 +11024,7 @@ ejs-listbox {
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
@@ -11058,7 +11059,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 52px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,

package/styles/highcontrast-light.css

@@ -968,7 +968,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/highcontrast.css

@@ -969,7 +969,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/list-box/fluent2.css

@@ -1673,11 +1673,11 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
@@ -1698,7 +1698,7 @@ ejs-listbox {
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -1708,7 +1708,7 @@ ejs-listbox {
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
@@ -1743,7 +1743,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 52px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,

package/styles/material-dark.css

@@ -1106,7 +1106,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/material.css

@@ -1161,7 +1161,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/material3-dark.css

@@ -1424,7 +1424,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/material3.css

@@ -1760,7 +1760,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/multi-select/fluent2.css

@@ -2476,7 +2476,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }

package/styles/tailwind-dark.css

@@ -1054,7 +1054,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/tailwind.css

@@ -1054,7 +1054,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;