@brightspace-ui/core 3.44.0 → 3.44.2

package/components/filter/filter.js

@@ -735,6 +735,12 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 	_handleClear() {
 		const dimension = this._getActiveDimension();
 
+		if (dimension.searchType !== 'none') {
+			this._handleClearSearch(dimension);
+			const searchInput = this.shadowRoot.querySelector('d2l-input-search');
+			if (searchInput) searchInput.value = '';
+		}
+
 		this._performDimensionClear(dimension);
 		this._dispatchChangeEventNow(false);
 		this.requestUpdate();
@@ -743,20 +749,33 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 	}
 
 	_handleClearAll() {
+		let hasSearch = false;
 		this._dimensions.forEach(dimension => {
-			if (dimension.searchType !== 'none' && dimension.searchValue !== '') {
-				dimension.searchValue = '';
-				this._search(dimension);
+			if (dimension.searchType !== 'none') {
+				this._handleClearSearch(dimension);
+				hasSearch = true;
 			}
 			this._performDimensionClear(dimension);
 		});
 
+		if (hasSearch) {
+			const searchInputs = this.shadowRoot.querySelectorAll('d2l-input-search');
+			searchInputs?.forEach((searchInput) => searchInput.value = '');
+		}
+
 		this._dispatchChangeEventNow(true);
 		this.requestUpdate();
 
 		this.text ? announce(this.localize('components.filter.clearAllAnnounceOverride', { filterText: this.text })) : announce(this.localize('components.filter.clearAllAnnounce'));
 	}
 
+	_handleClearSearch(dimension) {
+		if (dimension.searchValue === '') return;
+
+		dimension.searchValue = '';
+		this._search(dimension);
+	}
+
 	_handleDimensionDataChange(e) {
 		const changes = e.detail.changes;
 		const dimension = this._getDimensionByKey(e.detail.dimensionKey);

package/components/meter/README.md

@@ -103,7 +103,7 @@ Circle meters display data in a compact circle format, so they're useful when ho
 ## Light Foreground
 All `meter` components have a `foreground-light` style that ensures accessible contrast levels when displayed against a dark background.
 
-<!-- docs: demo code darkMode:true -->
+<!-- docs: demo code darkMode:true sandboxName:meter-light-foreground sandboxTitle:'Meter - Light Foreground' -->
 ```html
 <script type="module">
   import '@brightspace-ui/core/components/meter/meter-linear.js';

package/package.json

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