@syncfusion/ej2-vue-dropdowns 25.2.7 → 26.1.35

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-dropdowns@*",
-  "_id": "@syncfusion/ej2-vue-dropdowns@25.2.6",
+  "_id": "@syncfusion/ej2-vue-dropdowns@18.66.23",
   "_inBundle": false,
-  "_integrity": "sha512-2EPCCko6Ij8OJ0Sw2Qm++VBdcAmvgecWQibjLsn3Cl9y6vdeGr4r+7UGTK/NwKIJYn3YqONYM+HxIuDHUZU0Pw==",
+  "_integrity": "sha512-9UPaWy+IHue64FddoTeeU/obaazywE6kEEcT+7tajZ3mgJd7ZImkrxrnQhwLrtWUE0088PiWQnHw0MoIbkRRQQ==",
   "_location": "/@syncfusion/ej2-vue-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-25.2.6.tgz",
-  "_shasum": "eae513a28b11e226ef7cf3a83da0d324b6dabf94",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-18.66.23.tgz",
+  "_shasum": "990287c1aac5bc94b95b21aa560f9099d7ef06e1",
   "_spec": "@syncfusion/ej2-vue-dropdowns@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.7",
-    "@syncfusion/ej2-dropdowns": "25.2.7",
-    "@syncfusion/ej2-vue-base": "~25.2.4"
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-dropdowns": "26.1.35",
+    "@syncfusion/ej2-vue-base": "~26.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components for Vue",
@@ -62,6 +62,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "25.2.7",
+  "version": "26.1.35",
   "sideEffects": false
 }

package/src/auto-complete/autocomplete.component.d.ts

@@ -29,6 +29,7 @@ export declare type AutoCompleteComponent = typeof ComponentBase & {
     }, successHandler?: Function): void;
     addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;
     clear(): void;
+    disableItem(item: string | number | object | Object): void;
     filter(dataSource: undefined[] | Object | string[] | number[] | boolean[], query?: Object, fields?: Object): void;
     focusIn(): void;
     focusOut(e?: Object | Object): void;
@@ -36,7 +37,6 @@ export declare type AutoCompleteComponent = typeof ComponentBase & {
     getItems(): Object[];
     hidePopup(e?: Object | Object | Object): void;
     hideSpinner(): void;
-    removeAllChildren(element: any): void;
     requiredModules(): Object[];
     showPopup(e?: Object | Object | Object): void;
     showSpinner(): void;

package/src/auto-complete/autocomplete.component.js

@@ -152,6 +152,9 @@ export var AutoCompleteComponent = vueDefineComponent({
         clear: function () {
             return this.ej2Instances.clear();
         },
+        disableItem: function (item) {
+            return this.ej2Instances.disableItem(item);
+        },
         filter: function (dataSource, query, fields) {
             return this.ej2Instances.filter(dataSource, query, fields);
         },
@@ -173,9 +176,6 @@ export var AutoCompleteComponent = vueDefineComponent({
         hideSpinner: function () {
             return this.ej2Instances.hideSpinner();
         },
-        removeAllChildren: function (element) {
-            return this.ej2Instances.removeAllChildren(element);
-        },
         requiredModules: function () {
             return this.ej2Instances.requiredModules();
         },

package/src/combo-box/combobox.component.d.ts

@@ -29,6 +29,7 @@ export declare type ComboBoxComponent = typeof ComponentBase & {
     }, successHandler?: Function): void;
     addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;
     clear(): void;
+    disableItem(item: string | number | object | Object): void;
     filter(dataSource: undefined[] | Object | string[] | number[] | boolean[], query?: Object, fields?: Object): void;
     focusIn(): void;
     focusOut(e?: Object | Object): void;
@@ -36,7 +37,6 @@ export declare type ComboBoxComponent = typeof ComponentBase & {
     getItems(): Object[];
     hidePopup(e?: Object | Object | Object): void;
     hideSpinner(): void;
-    removeAllChildren(element: any): void;
     requiredModules(): Object[];
     showPopup(e?: Object | Object | Object): void;
     showSpinner(): void;

package/src/combo-box/combobox.component.js

@@ -152,6 +152,9 @@ export var ComboBoxComponent = vueDefineComponent({
         clear: function () {
             return this.ej2Instances.clear();
         },
+        disableItem: function (item) {
+            return this.ej2Instances.disableItem(item);
+        },
         filter: function (dataSource, query, fields) {
             return this.ej2Instances.filter(dataSource, query, fields);
         },
@@ -173,9 +176,6 @@ export var ComboBoxComponent = vueDefineComponent({
         hideSpinner: function () {
             return this.ej2Instances.hideSpinner();
         },
-        removeAllChildren: function (element) {
-            return this.ej2Instances.removeAllChildren(element);
-        },
         requiredModules: function () {
             return this.ej2Instances.requiredModules();
         },

package/src/drop-down-list/dropdownlist.component.d.ts

@@ -29,6 +29,7 @@ export declare type DropDownListComponent = typeof ComponentBase & {
     }, successHandler?: Function): void;
     addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;
     clear(): void;
+    disableItem(item: string | number | object | Object): void;
     filter(dataSource: undefined[] | Object | string[] | number[] | boolean[], query?: Object, fields?: Object): void;
     focusIn(e?: Object | Object | Object | Object): void;
     focusOut(e?: Object | Object): void;
@@ -36,7 +37,6 @@ export declare type DropDownListComponent = typeof ComponentBase & {
     getItems(): Object[];
     hidePopup(e?: Object | Object | Object): void;
     hideSpinner(): void;
-    removeAllChildren(element: any): void;
     requiredModules(): Object[];
     showPopup(e?: Object | Object | Object): void;
     showSpinner(): void;

package/src/drop-down-list/dropdownlist.component.js

@@ -152,6 +152,9 @@ export var DropDownListComponent = vueDefineComponent({
         clear: function () {
             return this.ej2Instances.clear();
         },
+        disableItem: function (item) {
+            return this.ej2Instances.disableItem(item);
+        },
         filter: function (dataSource, query, fields) {
             return this.ej2Instances.filter(dataSource, query, fields);
         },
@@ -173,9 +176,6 @@ export var DropDownListComponent = vueDefineComponent({
         hideSpinner: function () {
             return this.ej2Instances.hideSpinner();
         },
-        removeAllChildren: function (element) {
-            return this.ej2Instances.removeAllChildren(element);
-        },
         requiredModules: function () {
             return this.ej2Instances.requiredModules();
         },

package/src/list-box/listbox.component.d.ts

@@ -30,7 +30,7 @@ export declare type ListBoxComponent = typeof ComponentBase & {
     addItems(items: Object[] | Object, itemIndex?: number): void;
     enableItems(items: string[], enable: boolean, isValue?: boolean): void;
     filter(dataSource: undefined[] | Object | string[] | number[] | boolean[], query?: Object, fields?: Object): void;
-    getDataByValue(value: string | number | boolean | any): Object | string | number | boolean;
+    getDataByValue(value: string | number | boolean | object): Object | string | number | boolean;
     getDataByValues(value: string[] | number[] | boolean[]): undefined[];
     getDataList(): undefined[] | string[] | boolean[] | number[];
     getItems(): Object[];

package/src/mention/mention.component.d.ts

@@ -28,7 +28,7 @@ export declare type MentionComponent = typeof ComponentBase & {
         [key: string]: Object;
     }, successHandler?: Function): void;
     addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;
-    getDataByValue(value: string | number | boolean | any): Object | string | number | boolean;
+    getDataByValue(value: string | number | boolean | object): Object | string | number | boolean;
     getItems(): Object[];
     hidePopup(e?: Object | Object): void;
     search(text: string, positionX: number, positionY: number): void;

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

@@ -29,10 +29,11 @@ export declare type MultiSelectComponent = typeof ComponentBase & {
     }, successHandler?: Function): void;
     addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;
     clear(): void;
+    disableItem(item: string | number | object | Object): void;
     filter(dataSource: undefined[] | Object | string[] | number[] | boolean[], query?: Object, fields?: Object): void;
     focusIn(): void;
     focusOut(): void;
-    getDataByValue(value: string | number | boolean | any): Object | string | number | boolean;
+    getDataByValue(value: string | number | boolean | object): Object | string | number | boolean;
     getItems(): Object[];
     hidePopup(e?: Object | Object): void;
     hideSpinner(): void;

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

@@ -152,6 +152,9 @@ export var MultiSelectComponent = vueDefineComponent({
         clear: function () {
             return this.ej2Instances.clear();
         },
+        disableItem: function (item) {
+            return this.ej2Instances.disableItem(item);
+        },
         filter: function (dataSource, query, fields) {
             return this.ej2Instances.filter(dataSource, query, fields);
         },

package/styles/auto-complete/bootstrap-dark.css

@@ -1 +1,109 @@
-@import '@syncfusion/ej2-dropdowns/styles/auto-complete/bootstrap-dark.css';
+.e-popup.e-ddl {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
+  margin-top: 3px;
+}
+.e-popup.e-ddl .e-input-group {
+  width: auto;
+}
+.e-popup.e-ddl .e-input-group input {
+  line-height: 15px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+}
+.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+  border: 0;
+}
+
+.e-bigger .e-popup.e-ddl-device-filter {
+  margin-top: 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
+  font-size: 15px;
+  line-height: 40px;
+  padding-left: 0;
+  text-indent: 24px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
+  padding-left: 4px;
+}
+
+.e-bigger .e-popup.e-ddl .e-input-group {
+  padding: 4px 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
+  height: 38px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dropdownbase {
+  min-height: 40px;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
+  background: transparent;
+  color: #f0f0f0;
+}
+
+.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,
+.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
+  border: 0;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-ddl.e-popup .e-filter-parent {
+  border-bottom: 1px solid #484848;
+}
+
+.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;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
+  padding-left: 4px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group {
+  padding: 4px 0;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+  height: 30px;
+}
+
+.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
+  min-height: 34px;
+}
+
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/bootstrap.css

@@ -1 +1,109 @@
-@import '@syncfusion/ej2-dropdowns/styles/auto-complete/bootstrap.css';
+.e-popup.e-ddl {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  margin-top: 3px;
+}
+.e-popup.e-ddl .e-input-group {
+  width: auto;
+}
+.e-popup.e-ddl .e-input-group input {
+  line-height: 15px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+}
+.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+  border: 0;
+}
+
+.e-bigger .e-popup.e-ddl-device-filter {
+  margin-top: 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
+  font-size: 15px;
+  line-height: 40px;
+  padding-left: 0;
+  text-indent: 24px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
+  padding-left: 4px;
+}
+
+.e-bigger .e-popup.e-ddl .e-input-group {
+  padding: 4px 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
+  height: 38px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dropdownbase {
+  min-height: 40px;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
+  background: transparent;
+  color: #333;
+}
+
+.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,
+.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
+  border: 0;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-ddl.e-popup .e-filter-parent {
+  border-bottom: 1px solid #ccc;
+}
+
+.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;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
+  padding-left: 4px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group {
+  padding: 4px 0;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+  height: 30px;
+}
+
+.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
+  min-height: 34px;
+}
+
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/bootstrap4.css

@@ -1 +1,163 @@
-@import '@syncfusion/ej2-dropdowns/styles/auto-complete/bootstrap4.css';
+.e-popup.e-ddl {
+  border-radius: 4px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  margin-top: 3px;
+}
+.e-popup.e-ddl .e-input-group {
+  width: auto;
+}
+.e-popup.e-ddl .e-input-group input {
+  line-height: 15px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+}
+.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+  border: 0;
+}
+
+.e-bigger .e-popup.e-ddl-device-filter {
+  margin-top: 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-item {
+  font-size: 16px;
+  line-height: 32px;
+  padding-left: 0;
+  text-indent: 24px;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
+  font-size: 14px;
+  line-height: 32px;
+  padding-left: 0;
+  text-indent: 24px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
+  padding-left: 4px;
+}
+
+.e-bigger .e-popup.e-ddl .e-input-group {
+  padding: 4px 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
+  font-size: 16px;
+  height: 36px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dropdownbase {
+  min-height: 40px;
+}
+
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl input[readonly] {
+  background: transparent;
+}
+
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
+  background: transparent;
+  color: #495057;
+}
+
+.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,
+.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
+  border: 0;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
+  background: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
+.e-ddl.e-popup .e-filter-parent .e-input-group,
+.e-ddl.e-popup .e-filter-parent {
+  background: rgba(0, 0, 0, 0.03);
+}
+
+.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  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 {
+  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;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
+  padding-left: 4px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group {
+  padding: 4px 0;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+  height: 30px;
+}
+
+.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
+  min-height: 34px;
+}
+
+.e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
+  font-size: 10px;
+}
+
+/* stylelint-disable-line no-empty-source */