@brightspace-ui/core 3.61.0 → 3.62.1

package/components/filter/demo/filter.html

@@ -16,7 +16,7 @@
 		import './filter-load-more-demo.js';
 	</script>
 	<script>
-		window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => false } } } } };
+		window.D2L = { LP: { Web: { UI: { Flags: { Flag: () => true } } } } };
 	</script>
 	<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1.0">
     <meta charset="UTF-8">
@@ -174,6 +174,10 @@
 						<d2l-filter-dimension-set-date-time-range-value key="custom" type="date"></d2l-filter-dimension-set-date-time-range-value>
 						<d2l-filter-dimension-set-date-time-range-value key="custom2" text="Custom Date Range with Time" start-value="2024-10-12T12:00:00Z"></d2l-filter-dimension-set-date-time-range-value>
 					</d2l-filter-dimension-set>
+					<d2l-filter-dimension-set key="dates2" text="Dates (short)">
+						<d2l-filter-dimension-set-date-text-value key="6months2" range="6months"></d2l-filter-dimension-set-date-text-value>
+						<d2l-filter-dimension-set-date-time-range-value key="custom3" text="Custom Date Range with Time" start-value="2024-10-12T12:00:00Z"></d2l-filter-dimension-set-date-time-range-value>
+					</d2l-filter-dimension-set>
 					<d2l-filter-dimension-set key="role" text="Role" selected-first>
 						<d2l-filter-dimension-set-value key="admin" text="Admin" count="0"></d2l-filter-dimension-set-value>
 						<d2l-filter-dimension-set-value key="instructor" text="Instructor" count="22"></d2l-filter-dimension-set-value>

package/components/filter/filter.js

@@ -218,6 +218,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 			/* Needed to "undo" the menu-item style for multiple dimensions */
 			d2l-hierarchical-view {
 				cursor: auto;
+				overflow: auto; /* remove with GAUD-131-dropdown-fixed-positioning flag clean up */
 			}
 
 			d2l-loading-spinner {

package/components/focus-trap/focus-trap.js

@@ -34,16 +34,6 @@ class FocusTrap extends FocusMixin(LitElement) {
 		`;
 	}
 
-	static #exemptSelectors = [
-		'.d2l-focus-trap-exempt',
-		'.equatio-toolbar-wrapper',
-		'.equatio-toolbar-shadow-root-container'
-	].join(', ');
-
-	static #isExempt(target) {
-		return !!target?.closest(this.#exemptSelectors);
-	}
-
 	constructor() {
 		super();
 		this.trap = false;
@@ -91,6 +81,12 @@ class FocusTrap extends FocusMixin(LitElement) {
 		}
 	}
 
+	static #exemptSelectors = [
+		'.d2l-focus-trap-exempt',
+		'.equatio-toolbar-wrapper',
+		'.equatio-toolbar-shadow-root-container'
+	].join(', ');
+
 	_focusFirst() {
 		const focusable = this.shadowRoot &&
 			getNextFocusable(this.shadowRoot.querySelector('.d2l-focus-trap-start'));
@@ -147,6 +143,10 @@ class FocusTrap extends FocusMixin(LitElement) {
 		this._focusFirst();
 	}
 
+	static #isExempt(target) {
+		return !!target?.closest(this.#exemptSelectors);
+	}
+
 }
 
 customElements.define('d2l-focus-trap', FocusTrap);

package/components/hierarchical-view/hierarchical-view-mixin.js

@@ -50,6 +50,9 @@ export const HierarchicalViewMixin = superclass => class extends superclass {
 				display: inline-block;
 				vertical-align: top; /* DE37329: required to prevent extra spacing caused by inline-block */
 			}
+			.d2l-hierarchical-view-content {
+				position: relative;
+			}
 			.d2l-hierarchical-view-content.d2l-child-view-show {
 				-webkit-animation: show-child-view-animation forwards 300ms linear;
 				animation: show-child-view-animation 300ms forwards linear;
@@ -66,31 +69,29 @@ export const HierarchicalViewMixin = superclass => class extends superclass {
 				.d2l-hierarchical-view-content.d2l-child-view-show {
 					-webkit-animation: none;
 					animation: none;
-					-webkit-transform: translate(-100%, 0);
-					transform: translate(-100%, 0);
+					left: -100%;
 				}
 				.d2l-hierarchical-view-content.d2l-child-view-hide {
 					-webkit-animation: none;
 					animation: none;
-					-webkit-transform: translate(0, 0);
-					transform: translate(0, 0);
+					left: 0;
 				}
 			}
 			@keyframes show-child-view-animation {
-				0% { transform: translate(0, 0); }
-				100% { transform: translate(-100%, 0); }
+				0% { left: 0; }
+				100% { left: -100%; }
 			}
 			@-webkit-keyframes show-child-view-animation {
-				0% { -webkit-transform: translate(0, 0); }
-				100% { -webkit-transform: translate(-100%, 0); }
+				0% { left: 0; }
+				100% { left: -100%; }
 			}
 			@keyframes hide-child-view-animation {
-				0% { transform: translate(-100%, 0); }
-				100% { transform: translate(0, 0); }
+				0% { left: -100%; }
+				100% { left: 0; }
 			}
 			@-webkit-keyframes hide-child-view-animation {
-				0% { -webkit-transform: translate(-100%, 0); }
-				100% { -webkit-transform: translate(0, 0); }
+				0% { left: -100%; }
+				100% { left: 0; }
 			}
 		`;
 	}

package/mixins/loading-complete/loading-complete-mixin.js

@@ -2,13 +2,6 @@ import { dedupeMixin } from '@open-wc/dedupe-mixin';
 
 export const LoadingCompleteMixin = dedupeMixin((superclass) => class extends superclass {
 
-	#loadingCompleteResolve;
-
-	// eslint-disable-next-line sort-class-members/sort-class-members
-	#loadingCompletePromise = !Object.prototype.hasOwnProperty.call(this.constructor.prototype, 'getLoadingComplete')
-		? new Promise(resolve => this.#loadingCompleteResolve = resolve)
-		: Promise.resolve();
-
 	get loadingComplete() {
 		return this.getLoadingComplete();
 	}
@@ -27,4 +20,11 @@ export const LoadingCompleteMixin = dedupeMixin((superclass) => class extends su
 		return this.#loadingCompletePromise;
 	}
 
+	#loadingCompleteResolve;
+
+	// eslint-disable-next-line sort-class-members/sort-class-members
+	#loadingCompletePromise = !Object.prototype.hasOwnProperty.call(this.constructor.prototype, 'getLoadingComplete')
+		? new Promise(resolve => this.#loadingCompleteResolve = resolve)
+		: Promise.resolve();
+
 });

package/mixins/localize/localize-mixin.js

@@ -5,8 +5,6 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 
 export const _LocalizeMixinBase = dedupeMixin(superclass => class LocalizeMixinBaseClass extends getLocalizeClass(superclass) {
 
-	#updatedProperties = new Map();
-
 	constructor() {
 		super();
 		super.constructor.setLocalizeMarkup(localizeMarkup);
@@ -63,6 +61,8 @@ export const _LocalizeMixinBase = dedupeMixin(superclass => class LocalizeMixinB
 		this.requestUpdate('localize');
 	}
 
+	#updatedProperties = new Map();
+
 });
 
 export const LocalizeMixin = superclass => class extends _LocalizeMixinBase(superclass) {

package/package.json

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