@syncfusion/ej2-dropdowns 24.1.44 → 24.1.45-12082

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';
@@ -3848,10 +3848,10 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!args.cancel) {
                 if (!_this.ulElement) {
                     _this.beforePopupOpen = true;
-                    _super.prototype.render.call(_this, e);
                     if (_this.mode === 'CheckBox' && Browser.isDevice && _this.allowFiltering) {
                         _this.notify('popupFullScreen', { module: 'CheckBoxSelection', enable: _this.mode === 'CheckBox' });
                     }
+                    _super.prototype.render.call(_this, e);
                     return;
                 }
                 if (_this.mode === 'CheckBox' && Browser.isDevice && _this.allowFiltering) {

package/styles/auto-complete/_all.scss

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

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

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

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/bootstrap-dark.css

@@ -536,6 +536,11 @@
   padding: 4px 0;
 }
 
+.e-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;

package/styles/bootstrap.css

@@ -536,6 +536,11 @@
   padding: 4px 0;
 }
 
+.e-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;

package/styles/bootstrap4.css

@@ -583,6 +583,11 @@
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
+.e-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;

package/styles/bootstrap5-dark.css

@@ -602,6 +602,11 @@
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
+.e-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;

package/styles/bootstrap5.css

@@ -602,6 +602,11 @@
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
+.e-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;

package/styles/combo-box/_all.scss

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

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

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

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/_bds-definition.scss

@@ -0,0 +1,129 @@
+$ddl-list-line-height: 30px !default;
+$ddl-header-font-weight: $font-weight-medium !default;
+$ddl-last-child-bottom-border: 0 !default;
+$ddl-default-font-family: $font-family !default;
+$ddl-line-height: 36px !default;
+$ddl-list-border-size: 0 !default;
+$ddl-list-bottom-border: $ddl-list-border-size !default;
+
+$ddl-list-font-size: $text-sm !default;
+$ddl-list-font-family: $font-family !default;
+$ddl-list-focus-border: 1px solid $border-focus !default;
+$ddl-group-list-padding-left: 12px !default;
+$ddl-group-list-small-padding-left: 8px !default;
+$ddl-group-list-bigger-padding-left: 16px !default;
+$ddl-group-list-bigger-small-padding-left: 14px !default;
+$ddl-list-header-padding-left: 12px !default;
+$ddl-list-header-small-padding-left: 8px !default;
+$ddl-list-header-bigger-small-padding-left: 14px !default;
+$ddl-list-header-bigger-padding-left: 16px !default;
+$ddl-list-text-indent: 12px !default;
+$ddl-bigger-text-indent: 16px !default;
+$ddl-list-rtl-padding-right: 0 !default;
+$ddl-list-padding-right: 16px !default;
+$ddl-list-rtl-padding-left: 16px !default;
+$ddl-multi-column-border-width: 0 0 1px 0 !default;
+$ddl-bigger-list-header-font-size: $text-sm !default;
+$ddl-group-list-font-size: $text-sm !default;
+$ddl-list-header-font-size: $text-xs !default;
+$ddl-small-list-nodata-font-size: $text-xs !default;
+$ddl-bigger-list-nodata-font-size: $text-base !default;
+$ddl-bigger-small-list-nodata-font-size: $text-sm !default;
+
+// Small Size
+
+$ddl-small-icon-font-size: $font-icon-14 !default;
+$ddl-small-line-height: 24px !default;
+$ddl-small-list-text-indent: 8px !default;
+$ddl-small-list-header-font-size: $text-xxs !default;
+
+// Touch Small
+
+$ddl-bigger-small-icon-font-size: $font-icon-18 !default;
+$ddl-bigger-small-line-height: 32px !default;
+$ddl-bigger-small-list-text-indent: 14px !default;
+$ddl-bigger-small-list-header-font-size: $text-xs !default;
+
+$ddl-list-border-color: $border-light !default;
+$ddl-list-gradient-color: $border-light !default;
+$mention-gradient-color: $white !default;
+$mention-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
+$mention-chip-bg-color: $content-bg-color-alt2 !default;
+$mention-chip-border-radius: 2px !default;
+$mention-chip-border: none !default;
+$ddl-list-bg-color: $flyout-bg-color !default;
+$ddl-list-header-bg-color: $content-bg-color-focus !default;
+$ddl-list-tap-color: transparent !default;
+$ddl-list-header-border-color: $border-light !default;
+$ddl-nodata-font-color: $content-text-color !default;
+$ddl-list-default-font-color: $content-text-color !default;
+$ddl-list-active-border-color: $content-bg-color !default;
+$mention-popup-bg-color: $content-bg-color !default;
+$ddl-list-active-font-color: $content-text-color-selected !default;
+$mention-active-font-color: $primary !default;
+$ddl-list-active-bg-color: $content-bg-color-selected !default;
+$ddl-list-hover-border-color: $content-bg-color !default;
+$ddl-list-hover-bg-color: $content-bg-color-hover !default;
+$ddl-list-hover-font-color: $content-text-color-hover !default;
+$ddl-list-header-font-color: $content-text-color-alt2 !default;
+$ddl-default-header-font-color: $content-text-color !default;
+$ddl-list-focus-color: $content-bg-color-focus !default;
+$ddl-multi-column-border-color: $border-light !default;
+$ddl-list-icon-color: $icon-color !default;
+
+// Small Size color
+$ddl-small-list-font-color: $content-text-color !default;
+
+// Touch Small color
+$ddl-bigger-small-list-font-color: $content-text-color !default;
+$ddl-group-list-item-text-intent: 0 !default;
+
+@include export-module('dropdownbase-tailwind') {
+  .e-dropdownbase .e-list-item.e-active,
+  .e-dropdownbase .e-list-item.e-active.e-hover {
+    font-weight: $font-weight-medium;
+  }
+
+  .e-dropdownbase .e-list-group-item,
+  .e-fixed-head {
+    font-size: $text-xs;
+    text-transform: uppercase;
+  }
+
+  .e-small .e-dropdownbase .e-list-group-item,
+  .e-small .e-fixed-head,
+  .e-small.e-dropdownbase .e-list-group-item,
+  .e-small.e-fixed-head {
+    font-size: $text-xxs;
+  }
+
+  .e-bigger .e-dropdownbase .e-list-group-item,
+  .e-bigger .e-fixed-head,
+  .e-bigger.e-dropdownbase .e-list-group-item,
+  .e-bigger.e-fixed-head {
+    font-size: $text-sm;
+  }
+
+  .e-bigger.e-small .e-dropdownbase .e-list-group-item,
+  .e-bigger.e-small .e-fixed-head,
+  .e-bigger.e-small.e-dropdownbase .e-list-group-item,
+  .e-bigger.e-small.e-fixed-head {
+    font-size: $text-xs;
+  }
+
+  .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 8px 0 0;
+  }
+
+  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 12px 0 0;
+  }
+
+  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 8px 0 0;
+  }
+
+  .e-small .e-dropdownbase .e-list-item .e-list-icon {
+    padding: 0 4px 0 0;
+  }
+}