@brightspace-ui/core 2.23.2 → 2.24.1

package/components/backdrop/backdrop.js

@@ -176,7 +176,7 @@ function hideAccessible(target) {
 	};
 
 	let parent = getComposedParent(target);
-	while (parent !== document.documentElement) {
+	while (parent !== document.documentElement && parent !== null) {
 		if (parent.nodeType === Node.ELEMENT_NODE) {
 			path.push(parent);
 			hideAccessibleChildren(parent);

package/components/filter/README.md

@@ -286,7 +286,7 @@ A tag-list allowing the user to see (and remove) the currently applied filters.
 | Property | Type | Description |
 |---|---|---|
 | `filter-ids` | String, required | Id(s) (space-delimited) of the filter component(s) to subscribe to |
-| `label-text` | String | The text displayed in this component's label |
+| `label` | String | The text displayed in this component's label |
 <!-- docs: end hidden content -->
 
 ## Filter Dimension: Date [d2l-filter-dimension-date]

package/components/inputs/input-date.js

@@ -82,7 +82,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 			 * @type {string}
 			 */
 			value: { type: String },
-			_hiddenCalendarHeight: { type: Number },
 			_hiddenContentWidth: { type: String },
 			_dateTimeDescriptor: { type: Object },
 			_dropdownFirstOpened: { type: Boolean },
@@ -114,8 +113,7 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 			:host([disabled]) d2l-icon {
 				opacity: 0.5;
 			}
-			.d2l-input-date-hidden-text,
-			.d2l-input-date-hidden-calendar {
+			.d2l-input-date-hidden-text {
 				font-family: inherit;
 				font-size: 0.8rem;
 				font-weight: 400;
@@ -154,7 +152,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 
 		this._dropdownFirstOpened = false;
 		this._formattedValue = '';
-		this._hiddenCalendarHeight = 415; // height of 6 date row calendar when 1rem = 20px
 		this._hiddenContentWidth = '8rem';
 		this._inputId = getUniqueId();
 		this._inputTextFocusMouseup = false;
@@ -191,7 +188,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		if (this._hiddenContentResizeObserver) this._hiddenContentResizeObserver.disconnect();
-		if (this._hiddenCalendarResizeObserver) this._hiddenCalendarResizeObserver.disconnect();
 	}
 
 	async firstUpdated(changedProperties) {
@@ -219,17 +215,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 			this._hiddenContentWidth = `${width}px`;
 		});
 		this._hiddenContentResizeObserver.observe(hiddenContent);
-
-		const hiddenCalendar = this.shadowRoot.querySelector('.d2l-input-date-hidden-calendar');
-		if (!hiddenCalendar) return;
-		this._hiddenCalendarResizeObserver = new ResizeObserver(() => {
-			const hiddenCalendarHeight = Math.ceil(parseFloat(getComputedStyle(hiddenCalendar).getPropertyValue('height')));
-			if (hiddenCalendarHeight > 0) {
-				this._hiddenCalendarHeight = hiddenCalendarHeight;
-				this._hiddenCalendarResizeObserver.disconnect();
-			}
-		});
-		this._hiddenCalendarResizeObserver.observe(hiddenCalendar);
 	}
 
 	render() {
@@ -252,7 +237,7 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 				@d2l-dropdown-open="${this._handleDropdownOpen}"
 				@d2l-dropdown-focus-enter="${this._handleFocusTrapEnter}"
 				max-width="335"
-				min-height="${this._hiddenCalendarHeight}"
+				min-height="415"
 				?no-auto-fit="${!mediaQueryList.matches}"
 				trap-focus
 				no-auto-focus
@@ -307,13 +292,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 				</d2l-input-text>
 				${dropdownContent}
 			</d2l-dropdown>
-			${!this._dropdownFirstOpened ? html`<div aria-hidden="true" class="d2l-input-date-hidden-calendar">
-				<d2l-calendar selected-value="2018-09-08">
-					<div class="d2l-calendar-slot-buttons">
-						<d2l-button-subtle text="${this.localize(`${this._namespace}.today`)}"></d2l-button-subtle>
-					</div>
-				</d2l-calendar>
-			</div>` : null}
 		`;
 	}
 

package/components/tag-list/tag-list.js

@@ -8,6 +8,8 @@ import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
+const CLEAR_ALL_THRESHOLD = 4;
+const GAP = 6;
 const PAGE_SIZE = {
 	medium: 600,
 	large: 970
@@ -17,7 +19,6 @@ const PAGE_SIZE_LINES = {
 	medium: 2,
 	small: 3
 };
-const GAP = 6;
 
 async function filterAsync(arr, callback) {
 	const fail = Symbol();
@@ -177,7 +178,7 @@ class TagList extends LocalizeCoreElement(InteractiveMixin(ArrowKeysMixin(LitEle
 		}
 		const clearableClasses = {
 			'd2l-tag-list-clear-button': true,
-			'd2l-tag-list-clear-button-visible': this.clearable && this._items && this._items.length > 0
+			'd2l-tag-list-clear-button-visible': this.clearable && this._items && this._items.length >= CLEAR_ALL_THRESHOLD
 		};
 
 		const containerClasses = {

package/package.json

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