@brightspace-ui/core 2.177.4 → 2.178.0

package/components/filter/filter-tags.js

@@ -8,7 +8,7 @@ import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
  * A tag-list allowing the user to see (and remove) the currently applied filters.
  */
 
-const CLEAR_TIMEOUT = 210; /** Corresponds to timeout in _dispatchChangeEvent in filter + 10 ms */
+const CLEAR_TIMEOUT = 310; /** Corresponds to timeout in _dispatchChangeEvent in filter + 10 ms */
 
 class FilterTags extends LocalizeCoreElement(LitElement) {
 	static get properties() {

package/components/filter/filter.js

@@ -573,13 +573,12 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 
 	_dispatchChangeEvent(dimension, change) {
 		this._setDimensionChangeEvent(dimension, change, false);
+		clearTimeout(this._changeEventTimeout);
 
-		if (!this._changeEventTimeout) {
-			/** 200 ms timeout used in filter-tags CLEAR_TIMEOUT. If the timeout here changes, update that as well */
-			this._changeEventTimeout = setTimeout(() => {
-				this._dispatchChangeEventNow(false);
-			}, 200);
-		}
+		/** 300 ms timeout used in filter-tags CLEAR_TIMEOUT. If the timeout here changes, update that as well */
+		this._changeEventTimeout = setTimeout(() => {
+			this._dispatchChangeEventNow(false);
+		}, 300);
 	}
 
 	_dispatchChangeEventNow(allCleared) {
@@ -594,8 +593,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 			detail: { allCleared: allCleared, dimensions: dimensions }
 		}));
 		this._changeEventsToDispatch = new Map();
-		this._changeEventTimeout = null;
-
+		clearTimeout(this._changeEventTimeout);
 		this._activeFiltersSubscribers.updateSubscribers();
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.177.4",
+  "version": "2.178.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",