@brightspace-ui/core 3.165.1 → 3.165.3

package/components/filter/filter.js

@@ -353,7 +353,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(LitElement)) {
 
 		switch (dimension.type) {
 			case 'd2l-filter-dimension-set':
-				this._performChangeSetDimension(dimension, keyObject.value, false);
+				this._performChangeSetDimension(dimension, [{ key: keyObject.value, selected: false }]);
 				break;
 		}
 	}
@@ -593,7 +593,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(LitElement)) {
 			${searchResults}
 			<d2l-list
 				id="${SET_DIMENSION_ID_PREFIX}${dimension.key}"
-				@d2l-list-selection-change="${this._handleChangeSetDimension}"
+				@d2l-list-selection-changes="${this._handleChangeSetDimension}"
 				extend-separators
 				grid
 				label="${ifDefined(listLabel)}"
@@ -715,10 +715,8 @@ class Filter extends FocusMixin(LocalizeCoreElement(LitElement)) {
 	_handleChangeSetDimension(e) {
 		const dimensionKey = e.target.id.slice(SET_DIMENSION_ID_PREFIX.length);
 		const dimension = this._getDimensionByKey(dimensionKey);
-		const valueKey = e.detail.key;
-		const selected = e.detail.selected;
 
-		this._performChangeSetDimension(dimension, valueKey, selected);
+		this._performChangeSetDimension(dimension, e.detail);
 	}
 
 	_handleClear() {
@@ -971,24 +969,30 @@ class Filter extends FocusMixin(LocalizeCoreElement(LitElement)) {
 		return false;
 	}
 
-	_performChangeSetDimension(dimension, valueKey, selected) {
-		const value = dimension.values.find(value => value.key === valueKey);
-		if (value.selected === selected) return;
-		value.selected = selected;
+	_performChangeSetDimension(dimension, newValues) {
+		let countChange = 0;
+		const changeEventDetails = [];
 
-		if (selected) {
-			dimension.appliedCount++;
-			this._totalAppliedCount++;
-		} else {
-			dimension.appliedCount--;
-			this._totalAppliedCount--;
-		}
+		newValues.forEach(newValue => {
+			const value = dimension.values.find(value => value.key === newValue.key);
+			if (value.selected === newValue.selected) return;
+			value.selected = newValue.selected;
 
-		const details = { valueKey: valueKey, selected: selected };
+			if (newValue.selected) countChange++;
+			else countChange--;
 
-		if (value.getAdditionalEventDetails) Object.assign(details, value.getAdditionalEventDetails(selected));
+			const details = { valueKey: newValue.key, selected: newValue.selected };
 
-		this._dispatchChangeEvent(dimension, details);
+			if (value.getAdditionalEventDetails) Object.assign(details, value.getAdditionalEventDetails(newValue.selected));
+			changeEventDetails.push(details);
+		});
+
+		dimension.appliedCount += countChange;
+		this._totalAppliedCount += countChange;
+
+		this.requestUpdate();
+
+		changeEventDetails.forEach(det => this._dispatchChangeEvent(dimension, det));
 	}
 
 	_performDimensionClear(dimension) {

package/components/tabs/tabs.js

@@ -19,7 +19,6 @@ import { styleMap } from 'lit/directives/style-map.js';
 
 const reduceMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
 const overflowClipEnabled = getFlag('GAUD-7887-core-components-overflow-clipping', true);
-const newTabStructure = getFlag('GAUD-7146-tabs-new-structure', true);
 
 const scrollButtonWidth = 56;
 
@@ -1198,8 +1197,6 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
 	}
 
 	#handleTabDeselected(e) {
-		if (!newTabStructure) return;
-
 		const panel = this._getPanel(e.target.id);
 		if (panel) panel.selected = false;
 	}

package/package.json

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