@syncfusion/ej2-dropdowns 25.1.35 → 25.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.35
+*  version : 25.1.37
 *  Copyright Syncfusion Inc. 2001 - 2023. 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-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@18.66.23",
+  "_id": "@syncfusion/ej2-dropdowns@25.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-ATUs2n/OfHPBOZTOz019wmibQIF/WpeSgQUQ8e078Lj1tWx+q7fJmH1wh0/kTbBhsmi1bQLbpxetN60PDoHsxQ==",
+  "_integrity": "sha512-o2qsZbMu76zBnvXhSDdsN7R18mJhycMuJ9jXY5rrsQtS0S1XucOAXQA/RjxFP72CCbcmWOrvk9nVpZUhFEZ4+Q==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.23.tgz",
-  "_shasum": "c913d1cfaa53ad097cd8da189c693a8bfdde8d27",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-25.1.35.tgz",
+  "_shasum": "1c83db7b666f57c583f0a5f82bc2930514811f9d",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -45,9 +45,9 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~25.1.35",
     "@syncfusion/ej2-data": "~25.1.35",
-    "@syncfusion/ej2-inputs": "~25.1.35",
+    "@syncfusion/ej2-inputs": "~25.1.37",
     "@syncfusion/ej2-lists": "~25.1.35",
-    "@syncfusion/ej2-navigations": "~25.1.35",
+    "@syncfusion/ej2-navigations": "~25.1.37",
     "@syncfusion/ej2-notifications": "~25.1.35",
     "@syncfusion/ej2-popups": "~25.1.35"
   },
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "25.1.35",
+  "version": "25.1.37",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/multi-select/checkbox-selection.d.ts

@@ -16,6 +16,7 @@ export declare class CheckBoxSelection {
     list: HTMLElement;
     private activeLi;
     private activeEle;
+    private boundPreventListSelection;
     constructor(parent?: IMulitSelect);
     getModuleName(): string;
     addEventListener(): void;
@@ -34,6 +35,7 @@ export declare class CheckBoxSelection {
     protected setSearchBox(args: IUpdateListArgs): InputObject | void;
     private clickOnBackIcon;
     private clearText;
+    private preventListSelection;
     private setDeviceSearchBox;
     private setSearchBoxPosition;
     protected setPopupFullScreen(): void;

package/src/multi-select/checkbox-selection.js

@@ -312,13 +312,20 @@ var CheckBoxSelection = /** @class */ (function () {
         if (this.parent.allowFiltering && this.parent.targetInputElement.value === '') {
             this.parent.search(null);
         }
-        this.parent.refreshPopup();
         this.parent.refreshListItems(null);
+        this.parent.refreshPopup();
         this.clearIconElement.style.visibility = 'hidden';
         this.filterInput.focus();
         this.setReorder(e);
+        this.boundPreventListSelection = this.preventListSelection.bind(this);
+        this.parent.popupWrapper.addEventListener('mouseup', this.boundPreventListSelection, true);
         e.preventDefault();
     };
+    CheckBoxSelection.prototype.preventListSelection = function (e) {
+        e.stopPropagation();
+        this.parent.popupWrapper.removeEventListener('mouseup', this.boundPreventListSelection, true);
+        this.boundPreventListSelection = null;
+    };
     CheckBoxSelection.prototype.setDeviceSearchBox = function () {
         this.parent.popupObj.element.classList.add(device);
         this.parent.popupObj.element.classList.add(mobileFilter);

package/src/multi-select/multi-select-model.d.ts

@@ -1,4 +1,4 @@
-import { DropDownBase, SelectEventArgs, dropDownBaseClasses, PopupEventArgs, FilteringEventArgs } from '../drop-down-base/drop-down-base';import { FocusEventArgs, BeforeOpenEventArgs, FilterType, FieldSettings, ResultData } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { IInput, FloatLabelType, Input } from '@syncfusion/ej2-inputs';import { attributes, setValue, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, extend } from '@syncfusion/ej2-base';import { EventHandler, Property, Event, compile, L10n, EmitType, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Animation, AnimationModel, Browser, prepend, Complex } from '@syncfusion/ej2-base';import { Search } from '../common/incremental-search';import { append, addClass, removeClass, closest, detach, remove, select, selectAll } from '@syncfusion/ej2-base';import { getUniqueID, formatUnit, isNullOrUndefined, isUndefined, ModuleDeclaration } from '@syncfusion/ej2-base';import { DataManager, Query, Predicate, JsonAdaptor, DataOptions } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists';import { createFloatLabel, removeFloating, floatLabelFocus, floatLabelBlur, encodePlaceholder } from './float-label';
+import { DropDownBase, SelectEventArgs, dropDownBaseClasses, PopupEventArgs, FilteringEventArgs } from '../drop-down-base/drop-down-base';import { FocusEventArgs, BeforeOpenEventArgs, FilterType, FieldSettings, ResultData } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { isCollide, Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { IInput, FloatLabelType, Input } from '@syncfusion/ej2-inputs';import { attributes, setValue, SanitizeHtmlHelper, getValue } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, extend } from '@syncfusion/ej2-base';import { EventHandler, Property, Event, compile, L10n, EmitType, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Animation, AnimationModel, Browser, prepend, Complex } from '@syncfusion/ej2-base';import { Search } from '../common/incremental-search';import { append, addClass, removeClass, closest, detach, remove, select, selectAll } from '@syncfusion/ej2-base';import { getUniqueID, formatUnit, isNullOrUndefined, isUndefined, ModuleDeclaration } from '@syncfusion/ej2-base';import { DataManager, Query, Predicate, JsonAdaptor, DataOptions } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists';import { createFloatLabel, removeFloating, floatLabelFocus, floatLabelBlur, encodePlaceholder } from './float-label';
 import {visualMode,MultiSelectChangeEventArgs,RemoveEventArgs,ISelectAllEventArgs,TaggingEventArgs,CustomValueEventArgs} from "./multi-select";
 import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
 

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

@@ -738,6 +738,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
         [key: string]: Object;
     }[], fields: FieldSettingsModel): FieldSettingsModel;
     private renderPopup;
+    private checkCollision;
     private setHeaderTemplate;
     private setFooterTemplate;
     private updateInitialData;

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

@@ -21,7 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 import { DropDownBase, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
 import { FieldSettings } from '../drop-down-base/drop-down-base';
-import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
+import { isCollide, Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 import { Input } from '@syncfusion/ej2-inputs';
 import { attributes, setValue, getValue } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, extend } from '@syncfusion/ej2-base';
@@ -2776,6 +2776,7 @@ var MultiSelect = /** @class */ (function (_super) {
                         }
                     }
                 });
+                this.checkCollision(this.popupWrapper);
                 this.popupContentElement = this.popupObj.element.querySelector('.e-content');
                 if (this.mode === 'CheckBox' && Browser.isDevice && this.allowFiltering) {
                     this.notify('deviceSearchBox', { module: 'CheckBoxSelection', enable: this.mode === 'CheckBox' });
@@ -2785,6 +2786,15 @@ var MultiSelect = /** @class */ (function (_super) {
             }
         }
     };
+    MultiSelect.prototype.checkCollision = function (popupEle) {
+        if (!(this.mode === 'CheckBox' && Browser.isDevice && this.allowFiltering)) {
+            var collision = isCollide(popupEle);
+            if (collision.length > 0) {
+                popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
+            }
+            this.popupObj.resolveCollision();
+        }
+    };
     MultiSelect.prototype.setHeaderTemplate = function () {
         var compiledString;
         if (this.header) {

package/styles/fluent-dark.css

@@ -1346,7 +1346,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 .e-multiselect.e-input-group .e-ddl-icon::before {

package/styles/fluent.css

@@ -1346,7 +1346,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 .e-multiselect.e-input-group .e-ddl-icon::before {

package/styles/material-dark.css

@@ -1527,6 +1527,15 @@ ejs-dropdownlist {
     transform: rotate(360deg);
   }
 }
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";

package/styles/material.css

@@ -1582,6 +1582,15 @@ ejs-dropdownlist {
     transform: rotate(360deg);
   }
 }
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";

package/styles/multi-select/_fluent-definition.scss

@@ -241,6 +241,6 @@ $ddl-small-clear-icon-width: 12px !default;
 
   .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
   .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-    margin-top: -1.5em;
+    margin-top: -1.6em;
   }
 }

package/styles/multi-select/_material-dark-definition.scss

@@ -228,3 +228,14 @@ $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
 $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $filled-multiselect-chip-bg-color: $grey-800 !default;
 $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
+
+@include export-module('multiselect-material-dark') {
+  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 1px 0;
+  }
+
+  .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
+  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0;
+  }
+}

package/styles/multi-select/_material-definition.scss

@@ -221,3 +221,14 @@ $outline-multiselect-disabled-font-color: rgba($grey-light-font, .38) !default;
 $outline-multiselect-disabled-chip-bg-color: $grey-100 !default;
 $filled-multiselect-chip-bg-color: darken($grey-300, 7%) !default;
 $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
+
+@include export-module('multiselect-material') {
+  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 1px 0;
+  }
+
+  .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
+  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0;
+  }
+}

package/styles/multi-select/fluent-dark.css

@@ -94,7 +94,7 @@
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 .e-multiselect.e-input-group .e-ddl-icon::before {

package/styles/multi-select/fluent.css

@@ -94,7 +94,7 @@
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 .e-multiselect.e-input-group .e-ddl-icon::before {

package/styles/multi-select/material-dark.css

@@ -34,6 +34,15 @@
   padding: 0 16px 0 0;
 }
 
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";

package/styles/multi-select/material.css

@@ -42,6 +42,15 @@
   padding: 0 16px 0 0;
 }
 
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";