@syncfusion/ej2-dropdowns 26.1.38 → 26.1.40

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 (29) 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 +17 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +17 -6
  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 +8 -8
  12. package/src/auto-complete/auto-complete.js +1 -0
  13. package/src/drop-down-base/drop-down-base.d.ts +1 -1
  14. package/src/drop-down-list/drop-down-list.js +1 -0
  15. package/src/drop-down-tree/drop-down-tree.js +8 -3
  16. package/src/list-box/list-box.d.ts +4 -0
  17. package/src/list-box/list-box.js +4 -1
  18. package/src/mention/mention.js +2 -2
  19. package/src/multi-select/multi-select.js +1 -0
  20. package/styles/auto-complete/fluent2.css +5 -5
  21. package/styles/combo-box/fluent2.css +5 -5
  22. package/styles/drop-down-base/fluent2.css +5 -5
  23. package/styles/drop-down-list/fluent2.css +5 -5
  24. package/styles/drop-down-tree/fluent2.css +5 -5
  25. package/styles/fluent2.css +10 -10
  26. package/styles/list-box/_fluent2-definition.scss +4 -6
  27. package/styles/list-box/fluent2.css +10 -10
  28. package/styles/mention/fluent2.css +5 -5
  29. package/styles/multi-select/fluent2.css +5 -5
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 26.1.38
3
+ * version : 26.1.40
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@26.1.35",
3
+ "_id": "@syncfusion/ej2-dropdowns@26.1.39",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-bLTq5w0LgHIjmhRGYRmgdxrImVc62GVk9OLKHiI4XJPCcjJYj0Dd8x/2LwMXoupPJ/YsJOEzChc2epZ59EX6tg==",
5
+ "_integrity": "sha512-6xNIm7TmvRhL1UYrxuaoae3w7pbGDGfa1v02oH/8XodWzfVc7x5wfp8NPc01ToNj6wC5r+ot7SchgMmflpJTAQ==",
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-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.35.tgz",
39
- "_shasum": "fd4f3d459fa12ed484018077a9befb3f4053bb2d",
38
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.39.tgz",
39
+ "_shasum": "f209b11db989dd495078f22edd680e6ed6736855",
40
40
  "_spec": "@syncfusion/ej2-dropdowns@*",
41
41
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
42
42
  "author": {
@@ -45,10 +45,10 @@
45
45
  "bundleDependencies": false,
46
46
  "dependencies": {
47
47
  "@syncfusion/ej2-base": "~26.1.37",
48
- "@syncfusion/ej2-data": "~26.1.35",
49
- "@syncfusion/ej2-inputs": "~26.1.38",
48
+ "@syncfusion/ej2-data": "~26.1.40",
49
+ "@syncfusion/ej2-inputs": "~26.1.40",
50
50
  "@syncfusion/ej2-lists": "~26.1.35",
51
- "@syncfusion/ej2-navigations": "~26.1.38",
51
+ "@syncfusion/ej2-navigations": "~26.1.40",
52
52
  "@syncfusion/ej2-notifications": "~26.1.35",
53
53
  "@syncfusion/ej2-popups": "~26.1.38"
54
54
  },
@@ -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.38",
78
+ "version": "26.1.40",
79
79
  "sideEffects": false,
80
80
  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
81
81
  }
package/src/auto-complete/auto-complete.js CHANGED
@@ -176,6 +176,7 @@ var AutoComplete = /** @class */ (function (_super) {
176
176
  }
177
177
  this.isSelected = false;
178
178
  this.activeIndex = null;
179
+ this.isRequesting = false;
179
180
  var eventArgs = {
180
181
  preventDefaultAction: false,
181
182
  text: this.filterInput.value,
package/src/drop-down-base/drop-down-base.d.ts CHANGED
@@ -230,7 +230,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
230
230
  protected isDynamicDataChange: boolean;
231
231
  protected addedNewItem: boolean;
232
232
  protected isAddNewItemTemplate: boolean;
233
- private isRequesting;
233
+ protected isRequesting: boolean;
234
234
  private isVirtualizationEnabled;
235
235
  protected isCustomDataUpdated: boolean;
236
236
  private isAllowFiltering;
package/src/drop-down-list/drop-down-list.js CHANGED
@@ -1892,6 +1892,7 @@ var DropDownList = /** @class */ (function (_super) {
1892
1892
  this.isDataFetched = false;
1893
1893
  if (this.isFiltering()) {
1894
1894
  this.checkAndResetCache();
1895
+ this.isRequesting = false;
1895
1896
  var eventArgs_1 = {
1896
1897
  preventDefaultAction: false,
1897
1898
  text: this.filterInput.value,
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;
@@ -2049,7 +2049,6 @@ var DropDownTree = /** @class */ (function (_super) {
2049
2049
  this.ensurePlaceHolder();
2050
2050
  }
2051
2051
  if (this.showSelectAll && this.checkBoxElement) {
2052
- var nodes = this.treeObj.element.querySelectorAll('li');
2053
2052
  var checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
2054
2053
  var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
2055
2054
  if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNOU(args.data[0]) && args.data[0].isChecked === 'false'))) {
@@ -2057,13 +2056,19 @@ var DropDownTree = /** @class */ (function (_super) {
2057
2056
  this.changeState(wrap, 'uncheck');
2058
2057
  this.isReverseUpdate = false;
2059
2058
  }
2060
- 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'))) {
2061
2062
  this.isReverseUpdate = true;
2062
2063
  this.isCheckAllCalled = false;
2063
2064
  this.changeState(wrap, 'check');
2064
2065
  this.isReverseUpdate = false;
2065
2066
  }
2066
2067
  }
2068
+ if (this.isValueChange && !this.changeOnBlur) {
2069
+ this.triggerChangeEvent(this.keyEventArgs);
2070
+ this.isValueChange = false;
2071
+ }
2067
2072
  };
2068
2073
  DropDownTree.prototype.beforeCheck = function (args) {
2069
2074
  if (args.isInteracted) {
package/src/list-box/list-box.d.ts CHANGED
@@ -694,6 +694,10 @@ export interface DragEventArgs {
694
694
  * Returns the previous and current list items of the destination list box.
695
695
  */
696
696
  destination?: SourceDestinationModel;
697
+ /**
698
+ * Specifies the event.
699
+ */
700
+ event: Event;
697
701
  }
698
702
  /**
699
703
  * Interface for change event args.
package/src/list-box/list-box.js CHANGED
@@ -1259,6 +1259,9 @@ var ListBox = /** @class */ (function (_super) {
1259
1259
  if (this.height.toString().indexOf('%') < 0) {
1260
1260
  addClass([this.list], 'e-filter-list');
1261
1261
  }
1262
+ else if (this.height.toString().indexOf('%') > 0) {
1263
+ this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
1264
+ }
1262
1265
  this.inputString = this.filterInput.value;
1263
1266
  this.filterWireEvents();
1264
1267
  return filterInputObj;
@@ -1843,7 +1846,7 @@ var ListBox = /** @class */ (function (_super) {
1843
1846
  else {
1844
1847
  elems = [args.target];
1845
1848
  }
1846
- return { elements: elems, items: this.getDataByElems(elems) };
1849
+ return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
1847
1850
  };
1848
1851
  ListBox.prototype.onKeyDown = function (e) {
1849
1852
  this.keyDownHandler(e);
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) &&
@@ -350,7 +350,7 @@ var Mention = /** @class */ (function (_super) {
350
350
  }
351
351
  this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
352
352
  var isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
353
- if (document.activeElement != this.inputElement && isRteImage) {
353
+ if (document.activeElement != this.inputElement && !isRteImage) {
354
354
  this.inputElement.focus();
355
355
  }
356
356
  if (this.isContentEditable(this.inputElement)) {
package/src/multi-select/multi-select.js CHANGED
@@ -3163,6 +3163,7 @@ var MultiSelect = /** @class */ (function (_super) {
3163
3163
  this.isRemoteSelection = true;
3164
3164
  }
3165
3165
  this.checkAndResetCache();
3166
+ this.isRequesting = false;
3166
3167
  var eventArgs_1 = {
3167
3168
  preventDefaultAction: false,
3168
3169
  text: this.targetElement(),
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/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/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/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;
@@ -4414,11 +4414,11 @@ ejs-listbox {
4414
4414
  }
4415
4415
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4416
4416
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4417
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4417
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4418
4418
  }
4419
4419
 
4420
4420
  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4421
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4421
+ height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
4422
4422
  }
4423
4423
 
4424
4424
  .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
@@ -4439,7 +4439,7 @@ ejs-listbox {
4439
4439
  }
4440
4440
 
4441
4441
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4442
- height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
4442
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
4443
4443
  }
4444
4444
 
4445
4445
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4449,7 +4449,7 @@ ejs-listbox {
4449
4449
 
4450
4450
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4451
4451
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4452
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4452
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
4453
4453
  }
4454
4454
 
4455
4455
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
@@ -4484,7 +4484,7 @@ ejs-listbox {
4484
4484
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4485
4485
  .e-listbox-container.e-filter-list .e-list-parent,
4486
4486
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4487
- height: calc(100% - 47px);
4487
+ height: calc(100% - 52px);
4488
4488
  }
4489
4489
 
4490
4490
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
package/styles/list-box/_fluent2-definition.scss CHANGED
@@ -69,10 +69,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
69
69
  $listbox-template-multiline-padding: 4px !default;
70
70
  $listbox-template-multiline-content-font-size: $text-sm !default;
71
71
  $listbox-template-multiline-avatar-top: 0 !default;
72
- $listbox-filter-height: calc(100% - 47px) !default;
73
- $listbox-filter-small-height: calc(100% - 45px) !default;
74
- $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
75
- $listbox-filter-bigger-height: calc(100% - 55px) !default;
72
+ $listbox-filter-height: calc(100% - 52px) !default;
73
+ $listbox-filter-small-height: calc(100% - 48px) !default;
74
+ $listbox-filter-bigger-small-height: calc(100% - 58px) !default;
75
+ $listbox-filter-bigger-height: calc(100% - 60px) !default;
76
76
 
77
77
  $listbox-border-color: $border-light;
78
78
  $badge-color: $primary-text-color !default;
@@ -115,7 +115,5 @@ $listbox-filterselect-height: calc(100% - 38px) !default;
115
115
  $listbox-filterselect-bigger-height: calc(100% - 47px) !default;
116
116
  $listbox-mat-filter-height: calc(100% - 50px) !default;
117
117
  $listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
118
- $listbox-filter-height: calc(100% - 50px) !default;
119
- $listbox-filter-bigger-height: calc(100% - 58px) !default;
120
118
  $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
121
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
package/styles/list-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;
@@ -1673,11 +1673,11 @@ ejs-listbox {
1673
1673
  }
1674
1674
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
1675
1675
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
1676
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
1676
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
1677
1677
  }
1678
1678
 
1679
1679
  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
1680
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
1680
+ height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
1681
1681
  }
1682
1682
 
1683
1683
  .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
@@ -1698,7 +1698,7 @@ ejs-listbox {
1698
1698
  }
1699
1699
 
1700
1700
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
1701
- height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
1701
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
1702
1702
  }
1703
1703
 
1704
1704
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -1708,7 +1708,7 @@ ejs-listbox {
1708
1708
 
1709
1709
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
1710
1710
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
1711
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
1711
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
1712
1712
  }
1713
1713
 
1714
1714
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
@@ -1743,7 +1743,7 @@ ejs-listbox {
1743
1743
  .e-listbox-wrapper.e-filter-list .e-list-parent,
1744
1744
  .e-listbox-container.e-filter-list .e-list-parent,
1745
1745
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
1746
- height: calc(100% - 47px);
1746
+ height: calc(100% - 52px);
1747
1747
  }
1748
1748
 
1749
1749
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
package/styles/mention/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;