@syncfusion/ej2-dropdowns 26.1.35 → 26.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +35 -5
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +35 -5
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/drop-down-tree/drop-down-tree.js +19 -3
  13. package/src/list-box/list-box.d.ts +5 -0
  14. package/src/list-box/list-box.js +15 -1
  15. package/src/mention/mention.js +1 -1
  16. package/styles/auto-complete/fluent2.css +5 -5
  17. package/styles/bootstrap-dark.css +1 -0
  18. package/styles/bootstrap.css +1 -0
  19. package/styles/bootstrap4.css +1 -0
  20. package/styles/bootstrap5-dark.css +1 -0
  21. package/styles/bootstrap5.css +1 -0
  22. package/styles/combo-box/fluent2.css +5 -5
  23. package/styles/drop-down-base/fluent2.css +5 -5
  24. package/styles/drop-down-list/fluent2.css +5 -5
  25. package/styles/drop-down-tree/_layout.scss +1 -0
  26. package/styles/drop-down-tree/bootstrap-dark.css +1 -0
  27. package/styles/drop-down-tree/bootstrap.css +1 -0
  28. package/styles/drop-down-tree/bootstrap4.css +1 -0
  29. package/styles/drop-down-tree/bootstrap5-dark.css +1 -0
  30. package/styles/drop-down-tree/bootstrap5.css +1 -0
  31. package/styles/drop-down-tree/fabric-dark.css +1 -0
  32. package/styles/drop-down-tree/fabric.css +1 -0
  33. package/styles/drop-down-tree/fluent-dark.css +1 -0
  34. package/styles/drop-down-tree/fluent.css +1 -0
  35. package/styles/drop-down-tree/fluent2.css +6 -5
  36. package/styles/drop-down-tree/highcontrast-light.css +1 -0
  37. package/styles/drop-down-tree/highcontrast.css +1 -0
  38. package/styles/drop-down-tree/material-dark.css +1 -0
  39. package/styles/drop-down-tree/material.css +1 -0
  40. package/styles/drop-down-tree/material3-dark.css +1 -0
  41. package/styles/drop-down-tree/material3.css +1 -0
  42. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  43. package/styles/drop-down-tree/tailwind.css +1 -0
  44. package/styles/fabric-dark.css +1 -0
  45. package/styles/fabric.css +1 -0
  46. package/styles/fluent-dark.css +1 -0
  47. package/styles/fluent.css +1 -0
  48. package/styles/fluent2.css +6 -5
  49. package/styles/highcontrast-light.css +1 -0
  50. package/styles/highcontrast.css +1 -0
  51. package/styles/list-box/fluent2.css +5 -5
  52. package/styles/material-dark.css +1 -0
  53. package/styles/material.css +1 -0
  54. package/styles/material3-dark.css +1 -0
  55. package/styles/material3.css +1 -0
  56. package/styles/mention/fluent2.css +5 -5
  57. package/styles/multi-select/fluent2.css +5 -5
  58. package/styles/tailwind-dark.css +1 -0
  59. package/styles/tailwind.css +1 -0
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 26.1.35
3
+ * version : 26.1.39
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-dropdowns@*",
3
- "_id": "@syncfusion/ej2-dropdowns@18.66.23",
3
+ "_id": "@syncfusion/ej2-dropdowns@26.1.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-yDOcip+lZNukwhS2MZga3L7PqR0RlCStBwQDsjvg4ZhCtJ8qXB7mNWPjSOfZGgJRw3HWCGhCzSyZb3zSjMpXUA==",
5
+ "_integrity": "sha512-gq3pKRW3BVbEA2bqcN9+Oze/3o3EuKIJnjRdAUq53N1+kBwBHZ2qANwJhXHCR+xa77qTEl8JkRdB6NvDf1Bw+A==",
6
6
  "_location": "/@syncfusion/ej2-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -35,8 +35,8 @@
35
35
  "/@syncfusion/ej2-spreadsheet",
36
36
  "/@syncfusion/ej2-vue-dropdowns"
37
37
  ],
38
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.23.tgz",
39
- "_shasum": "e298ecdd7cb43706e54fe2850a72cb6c5ffc0093",
38
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.38.tgz",
39
+ "_shasum": "2d1d80813936e176717c10bdfbd1b28a068fb3ca",
40
40
  "_spec": "@syncfusion/ej2-dropdowns@*",
41
41
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
42
42
  "author": {
@@ -44,13 +44,13 @@
44
44
  },
45
45
  "bundleDependencies": false,
46
46
  "dependencies": {
47
- "@syncfusion/ej2-base": "~26.1.35",
47
+ "@syncfusion/ej2-base": "~26.1.37",
48
48
  "@syncfusion/ej2-data": "~26.1.35",
49
- "@syncfusion/ej2-inputs": "~26.1.35",
49
+ "@syncfusion/ej2-inputs": "~26.1.39",
50
50
  "@syncfusion/ej2-lists": "~26.1.35",
51
- "@syncfusion/ej2-navigations": "~26.1.35",
51
+ "@syncfusion/ej2-navigations": "~26.1.39",
52
52
  "@syncfusion/ej2-notifications": "~26.1.35",
53
- "@syncfusion/ej2-popups": "~26.1.35"
53
+ "@syncfusion/ej2-popups": "~26.1.38"
54
54
  },
55
55
  "deprecated": false,
56
56
  "description": "Essential JS 2 DropDown Components",
@@ -75,7 +75,7 @@
75
75
  "module": "./index.js",
76
76
  "name": "@syncfusion/ej2-dropdowns",
77
77
  "typings": "index.d.ts",
78
- "version": "26.1.35",
78
+ "version": "26.1.39",
79
79
  "sideEffects": false,
80
80
  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
81
81
  }
package/src/drop-down-tree/drop-down-tree.js CHANGED
@@ -568,7 +568,7 @@ var DropDownTree = /** @class */ (function (_super) {
568
568
  var checkValue;
569
569
  var isObjectValue = isChild && isChildFiltering && this.isChildObject();
570
570
  checkValue = isObjectValue ? node[this.fields.child.text] : node[this.fields.text];
571
- if (!checkValue) {
571
+ if (!checkValue && !isNOU(this.fields.child.text)) {
572
572
  var tempChild = this.fields.child;
573
573
  while (!node[tempChild.text]) {
574
574
  tempChild = tempChild.child;
@@ -1452,6 +1452,9 @@ var DropDownTree = /** @class */ (function (_super) {
1452
1452
  }
1453
1453
  this.currentText = this.text;
1454
1454
  this.currentValue = this.value;
1455
+ if (!isNOU(this.value) && this.value.length > 0 && !isNOU(this.currentText)) {
1456
+ this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
1457
+ }
1455
1458
  if (this.isInitialized) {
1456
1459
  this.triggerChangeEvent();
1457
1460
  }
@@ -1992,6 +1995,9 @@ var DropDownTree = /** @class */ (function (_super) {
1992
1995
  this.setProperties({ text: selectedText }, true);
1993
1996
  this.currentText = this.text;
1994
1997
  this.currentValue = this.value;
1998
+ if (!isNOU(this.value) && this.value.length > 0) {
1999
+ this.inputWrapper.setAttribute('aria-label', args.nodeData.text.toString());
2000
+ }
1995
2001
  attributes(this.inputWrapper, { 'aria-describedby': this.element.id });
1996
2002
  attributes(this.inputWrapper, { 'aria-activedescendant': id.toString() });
1997
2003
  this.updateHiddenValue();
@@ -2043,7 +2049,6 @@ var DropDownTree = /** @class */ (function (_super) {
2043
2049
  this.ensurePlaceHolder();
2044
2050
  }
2045
2051
  if (this.showSelectAll && this.checkBoxElement) {
2046
- var nodes = this.treeObj.element.querySelectorAll('li');
2047
2052
  var checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
2048
2053
  var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
2049
2054
  if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNOU(args.data[0]) && args.data[0].isChecked === 'false'))) {
@@ -2051,7 +2056,9 @@ var DropDownTree = /** @class */ (function (_super) {
2051
2056
  this.changeState(wrap, 'uncheck');
2052
2057
  this.isReverseUpdate = false;
2053
2058
  }
2054
- else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || (!isNOU(args.data[0]) && args.data[0].isChecked === 'true'))) {
2059
+ else if (wrap && args.action === 'check'
2060
+ && checkedNodes.length === this.fields.dataSource.length
2061
+ && (args.isInteracted || this.isCheckAllCalled || (!isNOU(args.data[0]) && args.data[0].isChecked === 'true'))) {
2055
2062
  this.isReverseUpdate = true;
2056
2063
  this.isCheckAllCalled = false;
2057
2064
  this.changeState(wrap, 'check');
@@ -2361,6 +2368,12 @@ var DropDownTree = /** @class */ (function (_super) {
2361
2368
  }
2362
2369
  this.currentText = this.text;
2363
2370
  this.currentValue = this.value;
2371
+ if (!isNOU(this.value) && this.value.length > 0 && !isNOU(this.currentText)) {
2372
+ this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
2373
+ }
2374
+ else {
2375
+ this.inputWrapper.setAttribute('aria-label', this.getModuleName());
2376
+ }
2364
2377
  };
2365
2378
  DropDownTree.prototype.setChipValues = function (text, value) {
2366
2379
  if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -2541,6 +2554,9 @@ var DropDownTree = /** @class */ (function (_super) {
2541
2554
  this.oldValue = this.value;
2542
2555
  this.setProperties({ value: [] }, true);
2543
2556
  }
2557
+ if (isNOU(this.value) || this.value.length === 0) {
2558
+ this.inputWrapper.setAttribute('aria-label', this.getModuleName());
2559
+ }
2544
2560
  this.dataValue = null;
2545
2561
  this.setProperties({ text: null }, true);
2546
2562
  this.selectedData = [];
package/src/list-box/list-box.d.ts CHANGED
@@ -583,6 +583,7 @@ export declare class ListBox extends DropDownBase {
583
583
  protected targetElement(): string;
584
584
  private dataUpdater;
585
585
  private focusOutHandler;
586
+ private resizeHandler;
586
587
  private getValidIndex;
587
588
  private updateSelectedOptions;
588
589
  private clearSelection;
@@ -693,6 +694,10 @@ export interface DragEventArgs {
693
694
  * Returns the previous and current list items of the destination list box.
694
695
  */
695
696
  destination?: SourceDestinationModel;
697
+ /**
698
+ * Specifies the event.
699
+ */
700
+ event: Event;
696
701
  }
697
702
  /**
698
703
  * Interface for change event args.
package/src/list-box/list-box.js CHANGED
@@ -181,6 +181,7 @@ var ListBox = /** @class */ (function (_super) {
181
181
  this.list.setAttribute('role', 'listbox');
182
182
  attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
183
183
  this.updateSelectionSettings();
184
+ this.resizeHandler();
184
185
  };
185
186
  ListBox.prototype.updateSelectionSettings = function () {
186
187
  if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -1162,6 +1163,7 @@ var ListBox = /** @class */ (function (_super) {
1162
1163
  if (form) {
1163
1164
  EventHandler.add(form, 'reset', this.formResetHandler, this);
1164
1165
  }
1166
+ window.addEventListener('resize', this.resizeHandler.bind(this));
1165
1167
  };
1166
1168
  ListBox.prototype.wireToolbarEvent = function () {
1167
1169
  if (this.toolbarSettings.items.length) {
@@ -1183,6 +1185,7 @@ var ListBox = /** @class */ (function (_super) {
1183
1185
  if (form) {
1184
1186
  EventHandler.remove(form, 'reset', this.formResetHandler);
1185
1187
  }
1188
+ window.removeEventListener('resize', this.resizeHandler.bind(this));
1186
1189
  };
1187
1190
  ListBox.prototype.clickHandler = function (e) {
1188
1191
  var li = closest(e.target, '.' + 'e-list-item');
@@ -1256,6 +1259,9 @@ var ListBox = /** @class */ (function (_super) {
1256
1259
  if (this.height.toString().indexOf('%') < 0) {
1257
1260
  addClass([this.list], 'e-filter-list');
1258
1261
  }
1262
+ else if (this.height.toString().indexOf('%') > 0) {
1263
+ this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
1264
+ }
1259
1265
  this.inputString = this.filterInput.value;
1260
1266
  this.filterWireEvents();
1261
1267
  return filterInputObj;
@@ -1840,7 +1846,7 @@ var ListBox = /** @class */ (function (_super) {
1840
1846
  else {
1841
1847
  elems = [args.target];
1842
1848
  }
1843
- return { elements: elems, items: this.getDataByElems(elems) };
1849
+ return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
1844
1850
  };
1845
1851
  ListBox.prototype.onKeyDown = function (e) {
1846
1852
  this.keyDownHandler(e);
@@ -2037,6 +2043,14 @@ var ListBox = /** @class */ (function (_super) {
2037
2043
  this.refreshClearIcon();
2038
2044
  }
2039
2045
  };
2046
+ ListBox.prototype.resizeHandler = function () {
2047
+ if (this.list.scrollWidth > this.list.offsetWidth) {
2048
+ this.list.querySelector('.e-list-parent').style.display = 'inline-block';
2049
+ }
2050
+ else {
2051
+ this.list.querySelector('.e-list-parent').style.display = 'block';
2052
+ }
2053
+ };
2040
2054
  ListBox.prototype.getValidIndex = function (cli, index, keyCode) {
2041
2055
  var cul = this.ulElement;
2042
2056
  if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {
package/src/mention/mention.js CHANGED
@@ -251,7 +251,7 @@ var Mention = /** @class */ (function (_super) {
251
251
  var isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
252
252
  || e.action === 'home' || e.action === 'end');
253
253
  var isTabAction = e.action === 'tab' || e.action === 'close';
254
- if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
254
+ if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space' && this.mentionChar.charCodeAt(0) === this.getLastLetter(this.getTextRange()).charCodeAt(0)) {
255
255
  this.renderList();
256
256
  }
257
257
  if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&
package/styles/auto-complete/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/bootstrap-dark.css CHANGED
@@ -959,6 +959,7 @@ ejs-dropdownlist {
959
959
  .e-ddt .e-dropdowntree.e-chip-input,
960
960
  .e-ddt input[readonly].e-input.e-chip-input {
961
961
  width: 0;
962
+ display: none;
962
963
  }
963
964
  .e-ddt.e-popup {
964
965
  border: 1px solid #414141;
package/styles/bootstrap.css CHANGED
@@ -960,6 +960,7 @@ ejs-dropdownlist {
960
960
  .e-ddt .e-dropdowntree.e-chip-input,
961
961
  .e-ddt input[readonly].e-input.e-chip-input {
962
962
  width: 0;
963
+ display: none;
963
964
  }
964
965
  .e-ddt.e-popup {
965
966
  border: 1px solid #ccc;
package/styles/bootstrap4.css CHANGED
@@ -1004,6 +1004,7 @@ ejs-dropdownlist {
1004
1004
  .e-ddt .e-dropdowntree.e-chip-input,
1005
1005
  .e-ddt input[readonly].e-input.e-chip-input {
1006
1006
  width: 0;
1007
+ display: none;
1007
1008
  }
1008
1009
  .e-ddt.e-popup {
1009
1010
  border: 1px solid rgba(0, 0, 0, 0.15);
package/styles/bootstrap5-dark.css CHANGED
@@ -1017,6 +1017,7 @@ ejs-dropdownlist {
1017
1017
  .e-ddt .e-dropdowntree.e-chip-input,
1018
1018
  .e-ddt input[readonly].e-input.e-chip-input {
1019
1019
  width: 0;
1020
+ display: none;
1020
1021
  }
1021
1022
  .e-ddt.e-popup {
1022
1023
  border: 1px solid #444c54;
package/styles/bootstrap5.css CHANGED
@@ -1017,6 +1017,7 @@ ejs-dropdownlist {
1017
1017
  .e-ddt .e-dropdowntree.e-chip-input,
1018
1018
  .e-ddt input[readonly].e-input.e-chip-input {
1019
1019
  width: 0;
1020
+ display: none;
1020
1021
  }
1021
1022
  .e-ddt.e-popup {
1022
1023
  border: 1px solid #dee2e6;
package/styles/combo-box/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/drop-down-base/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/drop-down-list/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/drop-down-tree/_layout.scss CHANGED
@@ -470,6 +470,7 @@
470
470
 
471
471
  &.e-chip-input {
472
472
  width: 0;
473
+ display: none;
473
474
  }
474
475
  }
475
476
 
package/styles/drop-down-tree/bootstrap-dark.css CHANGED
@@ -219,6 +219,7 @@
219
219
  .e-ddt .e-dropdowntree.e-chip-input,
220
220
  .e-ddt input[readonly].e-input.e-chip-input {
221
221
  width: 0;
222
+ display: none;
222
223
  }
223
224
  .e-ddt.e-popup {
224
225
  border: 1px solid #414141;
package/styles/drop-down-tree/bootstrap.css CHANGED
@@ -220,6 +220,7 @@
220
220
  .e-ddt .e-dropdowntree.e-chip-input,
221
221
  .e-ddt input[readonly].e-input.e-chip-input {
222
222
  width: 0;
223
+ display: none;
223
224
  }
224
225
  .e-ddt.e-popup {
225
226
  border: 1px solid #ccc;
package/styles/drop-down-tree/bootstrap4.css CHANGED
@@ -230,6 +230,7 @@
230
230
  .e-ddt .e-dropdowntree.e-chip-input,
231
231
  .e-ddt input[readonly].e-input.e-chip-input {
232
232
  width: 0;
233
+ display: none;
233
234
  }
234
235
  .e-ddt.e-popup {
235
236
  border: 1px solid rgba(0, 0, 0, 0.15);
package/styles/drop-down-tree/bootstrap5-dark.css CHANGED
@@ -241,6 +241,7 @@
241
241
  .e-ddt .e-dropdowntree.e-chip-input,
242
242
  .e-ddt input[readonly].e-input.e-chip-input {
243
243
  width: 0;
244
+ display: none;
244
245
  }
245
246
  .e-ddt.e-popup {
246
247
  border: 1px solid #444c54;
package/styles/drop-down-tree/bootstrap5.css CHANGED
@@ -241,6 +241,7 @@
241
241
  .e-ddt .e-dropdowntree.e-chip-input,
242
242
  .e-ddt input[readonly].e-input.e-chip-input {
243
243
  width: 0;
244
+ display: none;
244
245
  }
245
246
  .e-ddt.e-popup {
246
247
  border: 1px solid #dee2e6;
package/styles/drop-down-tree/fabric-dark.css CHANGED
@@ -220,6 +220,7 @@
220
220
  .e-ddt .e-dropdowntree.e-chip-input,
221
221
  .e-ddt input[readonly].e-input.e-chip-input {
222
222
  width: 0;
223
+ display: none;
223
224
  }
224
225
  .e-ddt.e-popup {
225
226
  border: 1px solid #414040;
package/styles/drop-down-tree/fabric.css CHANGED
@@ -221,6 +221,7 @@
221
221
  .e-ddt .e-dropdowntree.e-chip-input,
222
222
  .e-ddt input[readonly].e-input.e-chip-input {
223
223
  width: 0;
224
+ display: none;
224
225
  }
225
226
  .e-ddt.e-popup {
226
227
  border: 1px solid #eaeaea;
package/styles/drop-down-tree/fluent-dark.css CHANGED
@@ -254,6 +254,7 @@
254
254
  .e-ddt .e-dropdowntree.e-chip-input,
255
255
  .e-ddt input[readonly].e-input.e-chip-input {
256
256
  width: 0;
257
+ display: none;
257
258
  }
258
259
  .e-ddt.e-popup {
259
260
  border-radius: 2px;
package/styles/drop-down-tree/fluent.css CHANGED
@@ -254,6 +254,7 @@
254
254
  .e-ddt .e-dropdowntree.e-chip-input,
255
255
  .e-ddt input[readonly].e-input.e-chip-input {
256
256
  width: 0;
257
+ display: none;
257
258
  }
258
259
  .e-ddt.e-popup {
259
260
  border-radius: 2px;
package/styles/drop-down-tree/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1493,6 +1493,7 @@
1493
1493
  .e-ddt .e-dropdowntree.e-chip-input,
1494
1494
  .e-ddt input[readonly].e-input.e-chip-input {
1495
1495
  width: 0;
1496
+ display: none;
1496
1497
  }
1497
1498
  .e-ddt.e-popup {
1498
1499
  border: 1px solid var(--color-sf-border-light);
package/styles/drop-down-tree/highcontrast-light.css CHANGED
@@ -234,6 +234,7 @@
234
234
  .e-ddt .e-dropdowntree.e-chip-input,
235
235
  .e-ddt input[readonly].e-input.e-chip-input {
236
236
  width: 0;
237
+ display: none;
237
238
  }
238
239
  .e-ddt.e-popup {
239
240
  border: 1px solid #757575;
package/styles/drop-down-tree/highcontrast.css CHANGED
@@ -235,6 +235,7 @@
235
235
  .e-ddt .e-dropdowntree.e-chip-input,
236
236
  .e-ddt input[readonly].e-input.e-chip-input {
237
237
  width: 0;
238
+ display: none;
238
239
  }
239
240
  .e-ddt.e-popup {
240
241
  border: 1px solid #969696;
package/styles/drop-down-tree/material-dark.css CHANGED
@@ -328,6 +328,7 @@
328
328
  .e-ddt .e-dropdowntree.e-chip-input,
329
329
  .e-ddt input[readonly].e-input.e-chip-input {
330
330
  width: 0;
331
+ display: none;
331
332
  }
332
333
  .e-ddt.e-popup {
333
334
  border: 1px solid transparent;
package/styles/drop-down-tree/material.css CHANGED
@@ -349,6 +349,7 @@
349
349
  .e-ddt .e-dropdowntree.e-chip-input,
350
350
  .e-ddt input[readonly].e-input.e-chip-input {
351
351
  width: 0;
352
+ display: none;
352
353
  }
353
354
  .e-ddt.e-popup {
354
355
  -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 CHANGED
@@ -310,6 +310,7 @@
310
310
  .e-ddt .e-dropdowntree.e-chip-input,
311
311
  .e-ddt input[readonly].e-input.e-chip-input {
312
312
  width: 0;
313
+ display: none;
313
314
  }
314
315
  .e-ddt.e-popup {
315
316
  margin-top: 2px;
package/styles/drop-down-tree/material3.css CHANGED
@@ -366,6 +366,7 @@
366
366
  .e-ddt .e-dropdowntree.e-chip-input,
367
367
  .e-ddt input[readonly].e-input.e-chip-input {
368
368
  width: 0;
369
+ display: none;
369
370
  }
370
371
  .e-ddt.e-popup {
371
372
  margin-top: 2px;
package/styles/drop-down-tree/tailwind-dark.css CHANGED
@@ -259,6 +259,7 @@
259
259
  .e-ddt .e-dropdowntree.e-chip-input,
260
260
  .e-ddt input[readonly].e-input.e-chip-input {
261
261
  width: 0;
262
+ display: none;
262
263
  }
263
264
  .e-ddt.e-popup {
264
265
  border: 1px solid #4b5563;