@brightspace-ui/core 3.85.1 → 3.85.3

package/components/empty-state/README.md

@@ -23,7 +23,7 @@ Empty state components are used to convey that there is no data available to be
 <d2l-empty-state-simple description="There are no assignments to display.">
 	<d2l-empty-state-action-link text="Create an Assignment" href="#"></d2l-empty-state-action-link>
 </d2l-empty-state-simple>
-<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path.">
+<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path">
 	<d2l-empty-state-action-link text="Create Learning Paths" href="#"></d2l-empty-state-action-link>
 </d2l-empty-state-illustrated>
 ```
@@ -55,7 +55,7 @@ The `d2l-empty-state-simple` component is an empty state component that displays
   import '@brightspace-ui/core/components/empty-state/empty-state-simple.js';
 </script>
 
-<d2l-empty-state-simple description="There are no assignments to display."></d2l-empty-state-simple>
+<d2l-empty-state-simple description="There are no assignments to display"></d2l-empty-state-simple>
 ```
 
 ## Empty State Illustrated [d2l-empty-state-illustrated]
@@ -79,7 +79,7 @@ The `illustration-name` property can be set to use one of the preset illustratio
 	}
 </style>
 <!-- docs: end hidden content -->
-<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path."></d2l-empty-state-illustrated>
+<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path"></d2l-empty-state-illustrated>
 ```
 
 ## Empty State Action Button [d2l-empty-state-action-button]
@@ -112,7 +112,7 @@ The `primary` attribute can be set to render a primary button in place of the de
 <d2l-empty-state-simple description="There are no assignments to display.">
 	<d2l-empty-state-action-button text="Create an Assignment"></d2l-empty-state-action-button>
 </d2l-empty-state-simple>
-<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path.">
+<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path">
 	<d2l-empty-state-action-button text="Create Learning Paths"></d2l-empty-state-action-button>
 </d2l-empty-state-illustrated>
 ```
@@ -145,7 +145,7 @@ To add the link, place a `d2l-empty-state-action-link` component inside of the d
 <d2l-empty-state-simple description="There are no assignments to display.">
 	<d2l-empty-state-action-link text="Create an Assignment" href="#"></d2l-empty-state-action-link>
 </d2l-empty-state-simple>
-<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path.">
+<d2l-empty-state-illustrated illustration-name="desert-road" title-text="No Learning Paths Yet" description="Get started by clicking below to create your first learning path">
 	<d2l-empty-state-action-link text="Create Learning Paths" href="#"></d2l-empty-state-action-link>
 </d2l-empty-state-illustrated>
 ```

package/components/filter/filter.js

@@ -30,6 +30,7 @@ import { formatNumber } from '@brightspace-ui/intl/lib/number.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { offscreenStyles } from '../offscreen/offscreen.js';
+import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
 import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 import { SubscriberRegistryController } from '../../controllers/subscriber/subscriberControllers.js';
 
@@ -256,6 +257,11 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		addSpaceListener();
 	}
 
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		if (this.#resizeObserver) this.#resizeObserver.disconnect();
+	}
+
 	firstUpdated(changedProperties) {
 		super.firstUpdated(changedProperties);
 		this.addEventListener('d2l-filter-dimension-data-change', this._handleDimensionDataChange);
@@ -349,6 +355,16 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		super.update(changedProperties);
 	}
 
+	updated(changedProperties) {
+		super.updated(changedProperties);
+		const search = this.shadowRoot.querySelector('d2l-input-search');
+		if (search) {
+			if (this.#resizeObserver) this.#resizeObserver.disconnect();
+			this.#resizeObserver = new ResizeObserver(() => requestAnimationFrame(() => this.#handleSearchResize()));
+			this.#resizeObserver.observe(search);
+		}
+	}
+
 	requestFilterClearAll() {
 		this._handleClearAll();
 	}
@@ -363,6 +379,8 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		}
 	}
 
+	#resizeObserver;
+
 	_buildDimension(dimension, singleDimension) {
 		let dimensionHTML;
 		switch (dimension.type) {
@@ -1143,6 +1161,10 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		}
 	}
 
+	#handleSearchResize() {
+		const content = this.shadowRoot.querySelector(`.${FILTER_CONTENT_CLASS}`);
+		content.resize();
+	}
 }
 
 customElements.define('d2l-filter', Filter);

package/package.json

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