@syncfusion/ej2-dropdowns 23.2.6 → 23.2.7-52849

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

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 import { DropDownBase, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
@@ -2615,7 +2615,7 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.updateDataList = function () {
         if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
             var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
+            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0] && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
             var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
                 //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)

package/styles/auto-complete/_all.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_bootstrap-dark-definition.scss

@@ -1,3 +1,3 @@
-//default
-//undefined
-//enddefault
+//default
+//undefined
+//enddefault

package/styles/auto-complete/_bootstrap-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_bootstrap4-definition.scss

@@ -1,11 +1,11 @@
-//default
-
-.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;
-}
-
-//enddefault
+//default
+
+.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;
+}
+
+//enddefault

package/styles/auto-complete/_bootstrap5-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fabric-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fabric-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fluent-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fusionnew-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_highcontrast-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_highcontrast-light-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_tailwind-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/auto-complete/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/combo-box/_all.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/combo-box/_bootstrap-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap4-definition.scss

@@ -1,11 +1,11 @@
-//default
-
-.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-//enddefault
+//default
+
+.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
+  font-size: 10px;
+}
+
+//enddefault

package/styles/combo-box/_bootstrap5-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fabric-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fabric-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fluent-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fusionnew-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_highcontrast-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_highcontrast-light-definition.scss

@@ -1,3 +1,3 @@
-//default
-//undefined
-//enddefault
+//default
+//undefined
+//enddefault

package/styles/combo-box/_material-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_material-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_material3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_tailwind-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/combo-box/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/drop-down-base/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/drop-down-base/_bootstrap-dark-definition.scss

@@ -1,83 +1,83 @@
-//default
-$ddl-last-child-bottom-border: 0 !default;
-$ddl-default-font-family: inherit !default;
-$ddl-list-border-size: 1px !default;
-$ddl-default-header-font-color: $default-font-color !default;
-$ddl-line-height: 48px !default;
-$ddl-list-bottom-border: $ddl-list-border-size !default;
-
-$ddl-list-border-color: $grey-44 !default;
-$ddl-list-font-family: inherit !default;
-$ddl-list-gradient-color: $grey-white !default;
-$mention-gradient-color: $brand-primary-font !default;
-$mention-list-box-shadow-color: 0 6px 12px rgba($base-font, .5) !default;
-$mention-chip-bg-color: $gray-dark !default;
-$mention-chip-border-radius: 2px !default;
-$mention-chip-border: none !default;
-$ddl-list-bg-color: $grey-dark !default;
-$ddl-list-header-bg-color: $grey-white !default;
-$ddl-list-tap-color: transparent !default;
-$ddl-list-header-border-color: 1px $grey-base !default;
-$ddl-list-default-font-color: $grey-dark-font !default;
-$ddl-list-active-border-color: $grey-white !default;
-$mention-popup-bg-color: $grey-white !default;
-$ddl-list-active-font-color: $brand-primary-font !default;
-$mention-active-font-color: $brand-primary !default;
-$ddl-list-active-bg-color: $brand-primary !default;
-$ddl-list-hover-bg-color: $grey-44 !default;
-$ddl-list-hover-border-color: $grey-white !default;
-$ddl-list-hover-font-color: $grey-dark-font !default;
-$ddl-nodata-font-color: $grey-d4 !default;
-$ddl-group-list-padding-left: 30px !default;
-$ddl-group-list-small-padding-left: $ddl-group-list-padding-left !default;
-$ddl-group-list-bigger-padding-left: $ddl-group-list-padding-left !default;
-$ddl-group-list-bigger-small-padding-left: $ddl-group-list-padding-left !default;
-$ddl-header-font-weight: normal !default;
-$ddl-list-header-padding-left: 20px !default;
-$ddl-list-header-small-padding-left: $ddl-list-header-padding-left !default;
-$ddl-list-header-bigger-small-padding-left: $ddl-list-header-padding-left !default;
-$ddl-list-header-bigger-padding-left: $ddl-list-header-padding-left !default;
-$ddl-list-font-size: 14px !default;
-$ddl-group-list-font-size: 12px !default;
-$ddl-list-header-font-color: lighten($brand-primary, 15%) !default;
-$ddl-list-text-indent: 20px !default;
-$ddl-bigger-text-indent: $ddl-list-text-indent !default;
-$ddl-list-rtl-padding-right: 0 !default;
-$ddl-list-line-height: 26px !default;
-$ddl-list-padding-right: 20px !default;
-$ddl-list-rtl-padding-left: 20px !default;
-$ddl-bigger-list-header-font-size: $ddl-list-font-size !default;
-$ddl-multi-column-border-width: 0 0 1px 0 !default;
-$ddl-multi-column-border-color: $grey-88 !default;
-$ddl-list-header-font-size: $ddl-group-list-font-size !default;
-$ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
-$ddl-group-list-item-text-intent: 0 !default;
-
-// small size
-$ddl-small-icon-font-size: 14px !default;
-$ddl-small-line-height: 22px !default;
-$ddl-small-list-font-color: $grey-dark-font !default;
-$ddl-small-list-text-indent: 12px !default;
-
-// Touch Small
-
-$ddl-bigger-small-icon-font-size: 18px !default;
-$ddl-bigger-small-line-height: 34px !default;
-$ddl-bigger-small-list-font-color: $grey-dark-font !default;
-$ddl-bigger-small-list-text-indent: 16px !default;
-$ddl-bigger-small-list-header-font-size: 14px !default;
-
-@include export-module('dropdownbase-bootstrap-dark') {
-  .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 10px 0 0;
-  }
-
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
-  .e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 8px 0 0;
-  }
-}
+//default
+$ddl-last-child-bottom-border: 0 !default;
+$ddl-default-font-family: inherit !default;
+$ddl-list-border-size: 1px !default;
+$ddl-default-header-font-color: $default-font-color !default;
+$ddl-line-height: 48px !default;
+$ddl-list-bottom-border: $ddl-list-border-size !default;
+
+$ddl-list-border-color: $grey-44 !default;
+$ddl-list-font-family: inherit !default;
+$ddl-list-gradient-color: $grey-white !default;
+$mention-gradient-color: $brand-primary-font !default;
+$mention-list-box-shadow-color: 0 6px 12px rgba($base-font, .5) !default;
+$mention-chip-bg-color: $gray-dark !default;
+$mention-chip-border-radius: 2px !default;
+$mention-chip-border: none !default;
+$ddl-list-bg-color: $grey-dark !default;
+$ddl-list-header-bg-color: $grey-white !default;
+$ddl-list-tap-color: transparent !default;
+$ddl-list-header-border-color: 1px $grey-base !default;
+$ddl-list-default-font-color: $grey-dark-font !default;
+$ddl-list-active-border-color: $grey-white !default;
+$mention-popup-bg-color: $grey-white !default;
+$ddl-list-active-font-color: $brand-primary-font !default;
+$mention-active-font-color: $brand-primary !default;
+$ddl-list-active-bg-color: $brand-primary !default;
+$ddl-list-hover-bg-color: $grey-44 !default;
+$ddl-list-hover-border-color: $grey-white !default;
+$ddl-list-hover-font-color: $grey-dark-font !default;
+$ddl-nodata-font-color: $grey-d4 !default;
+$ddl-group-list-padding-left: 30px !default;
+$ddl-group-list-small-padding-left: $ddl-group-list-padding-left !default;
+$ddl-group-list-bigger-padding-left: $ddl-group-list-padding-left !default;
+$ddl-group-list-bigger-small-padding-left: $ddl-group-list-padding-left !default;
+$ddl-header-font-weight: normal !default;
+$ddl-list-header-padding-left: 20px !default;
+$ddl-list-header-small-padding-left: $ddl-list-header-padding-left !default;
+$ddl-list-header-bigger-small-padding-left: $ddl-list-header-padding-left !default;
+$ddl-list-header-bigger-padding-left: $ddl-list-header-padding-left !default;
+$ddl-list-font-size: 14px !default;
+$ddl-group-list-font-size: 12px !default;
+$ddl-list-header-font-color: lighten($brand-primary, 15%) !default;
+$ddl-list-text-indent: 20px !default;
+$ddl-bigger-text-indent: $ddl-list-text-indent !default;
+$ddl-list-rtl-padding-right: 0 !default;
+$ddl-list-line-height: 26px !default;
+$ddl-list-padding-right: 20px !default;
+$ddl-list-rtl-padding-left: 20px !default;
+$ddl-bigger-list-header-font-size: $ddl-list-font-size !default;
+$ddl-multi-column-border-width: 0 0 1px 0 !default;
+$ddl-multi-column-border-color: $grey-88 !default;
+$ddl-list-header-font-size: $ddl-group-list-font-size !default;
+$ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
+$ddl-group-list-item-text-intent: 0 !default;
+
+// small size
+$ddl-small-icon-font-size: 14px !default;
+$ddl-small-line-height: 22px !default;
+$ddl-small-list-font-color: $grey-dark-font !default;
+$ddl-small-list-text-indent: 12px !default;
+
+// Touch Small
+
+$ddl-bigger-small-icon-font-size: 18px !default;
+$ddl-bigger-small-line-height: 34px !default;
+$ddl-bigger-small-list-font-color: $grey-dark-font !default;
+$ddl-bigger-small-list-text-indent: 16px !default;
+$ddl-bigger-small-list-header-font-size: 14px !default;
+
+@include export-module('dropdownbase-bootstrap-dark') {
+  .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 10px 0 0;
+  }
+
+  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 12px 0 0;
+  }
+
+  .e-small .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 8px 0 0;
+  }
+}