@brightspace-ui/core 2.79.0 → 2.79.2

package/components/html-block/html-block.js

@@ -5,7 +5,6 @@ import { classMap } from 'lit/directives/class-map.js';
 import { createHtmlBlockRenderer as createMathRenderer } from '../../helpers/mathjax.js';
 import { HtmlAttributeObserverController } from '../../controllers/attributeObserver/htmlAttributeObserverController.js';
 import { requestInstance } from '../../mixins/provider-mixin.js';
-import { RtlMixin } from '../../mixins/rtl-mixin.js';
 
 export const htmlBlockContentStyles = css`
 	.d2l-html-block-rendered {
@@ -135,7 +134,7 @@ const getRenderers = async() => {
  * A component for displaying user-authored HTML.
  * @slot - Provide your user-authored HTML
  */
-class HtmlBlock extends RtlMixin(LitElement) {
+class HtmlBlock extends LitElement {
 
 	static get properties() {
 		return {
@@ -168,7 +167,7 @@ class HtmlBlock extends RtlMixin(LitElement) {
 			:host {
 				display: block;
 				overflow-wrap: break-word;
-				text-align: left;
+				text-align: start;
 			}
 			:host([inline]),
 			:host([inline]) .d2l-html-block-rendered {
@@ -182,9 +181,6 @@ class HtmlBlock extends RtlMixin(LitElement) {
 			:host([no-deferred-rendering]) slot {
 				display: contents;
 			}
-			:host([dir="rtl"]) {
-				text-align: right;
-			}
 		`];
 	}
 

package/components/list/list-item-generic-layout.js

@@ -452,6 +452,8 @@ class ListItemGenericLayout extends RtlMixin(LitElement) {
 			case keyCodes.SPACE:
 				node = getComposedActiveElement();
 				node.click();
+				// mouseup event is necessary for components like d2l-dropdown-more that control state by listening to this event
+				node.dispatchEvent(new MouseEvent('mouseup', { composed: true }));
 				break;
 			case keyCodes.RIGHT:
 				node = getComposedActiveElement();

package/custom-elements.json

@@ -8155,6 +8155,11 @@
           "default": "false"
         }
       ],
+      "events": [
+        {
+          "name": "mouseup"
+        }
+      ],
       "slots": [
         {
           "name": "outside-control",

package/package.json

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

package/templates/primary-secondary/primary-secondary.js

@@ -334,6 +334,7 @@ class MobileMouseResizer extends Resizer {
 
 	constructor() {
 		super();
+		this._isDragging = false;
 		this._onMouseDown = this._onMouseDown.bind(this);
 		this._onMouseMove = this._onMouseMove.bind(this);
 		this._onMouseUp = this._onMouseUp.bind(this);
@@ -363,6 +364,7 @@ class MobileMouseResizer extends Resizer {
 			e.preventDefault();
 			const y = e.clientY - this.contentRect.top;
 			this._offset = y - (this.contentRect.height - this.panelSize);
+			this._isDragging = false;
 			this._isResizing = true;
 			this._target.focus();
 		}
@@ -374,6 +376,7 @@ class MobileMouseResizer extends Resizer {
 		}
 		const y = e.clientY - this.contentRect.top;
 		const secondaryHeight = this.clampMaxHeight(this.contentRect.height - y + this._offset);
+		this._isDragging = true;
 		this.dispatchResize(secondaryHeight, false);
 	}
 
@@ -386,12 +389,13 @@ class MobileMouseResizer extends Resizer {
 		const y = e.clientY - this.contentRect.top;
 		const desiredSecondaryHeight = this.contentRect.height - y + this._offset;
 		if (
-			(this._wasCollapsed && desiredSecondaryHeight < collapsedCollapseThreshold)
-			|| (!this._wasCollapsed && desiredSecondaryHeight < expandedCollapseThreshold)
+			this._isDragging
+			&& ((this._wasCollapsed && desiredSecondaryHeight < collapsedCollapseThreshold)
+			|| (!this._wasCollapsed && desiredSecondaryHeight < expandedCollapseThreshold))
 		) {
-			if (desiredSecondaryHeight > 0) this.dispatchResize(0, true);
+			if (desiredSecondaryHeight !== 0) this.dispatchResize(0, true);
 		}
-		else if (desiredSecondaryHeight < this.contentBounds.minHeight) {
+		else if (this._isDragging && desiredSecondaryHeight < this.contentBounds.minHeight) {
 			this.dispatchResize(this.contentBounds.minHeight, true);
 		}
 		this._isResizing = false;