@brightspace-ui/core 3.194.1 → 3.194.2

package/components/list/list-item-drag-drop-mixin.js

@@ -367,6 +367,10 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 		this.dropNested = false;
 	}
 
+	get dropDisabled() {
+		return this._dropNestedOnly && !this.dropNested;
+	}
+
 	connectedCallback() {
 		super.connectedCallback();
 		if (!this.key) {
@@ -393,10 +397,6 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 		if (this.shadowRoot) this.shadowRoot.querySelector(`#${this._itemDragId}`).activateKeyboardMode();
 	}
 
-	get #disabledDrop() {
-		return this._dropNestedOnly && !this.dropNested;
-	}
-
 	_annoucePositionChange(dragTargetKey, dropTargetKey, dropLocation) {
 		/** Dispatched when a draggable list item's position changes in the list. See [Event Details: d2l-list-item-position-change](#event-details%3A-d2l-list-item-position-change). */
 		this.dispatchEvent(new CustomEvent('d2l-list-item-position-change', {
@@ -551,7 +551,7 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 		this.dragging = false;
 
 		// check the dropEffect in case the user cancelled by Escape while dragging ('none' set by browser)
-		if (!this.#disabledDrop && e.dataTransfer.dropEffect !== 'none' && dragState.shouldDrop(e.timeStamp)) {
+		if (!dragState.dropTarget?.dropDisabled && e.dataTransfer.dropEffect !== 'none' && dragState.shouldDrop(e.timeStamp)) {
 
 			const dropTargetList = findComposedAncestor(dragState.dropTarget, node => node.tagName === 'D2L-LIST');
 			const shouldDispatchPositionChange = !dragState.dragTargets.find(dragTarget => {
@@ -615,7 +615,7 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 	}
 
 	_onDragOver(e) {
-		if (!this.key || this.#disabledDrop) return;
+		if (!this.key || this.dropDisabled) return;
 		const dragState = getDragState();
 		dragState.updateTime(e.timeStamp);
 		e.preventDefault();
@@ -903,7 +903,7 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 	}
 
 	#onDropEnterHelper(e, isTopHalf, isMiddle) {
-		if (this.#disabledDrop) return;
+		if (this.dropDisabled) return;
 		e.dataTransfer.dropEffect = 'move';
 
 		let location;

package/custom-elements.json

@@ -9145,6 +9145,9 @@
           "description": "**Selection:** Value to identify item if selectable",
           "type": "string"
         },
+        {
+          "name": "dropDisabled"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",
@@ -9555,6 +9558,9 @@
           "description": "**Selection:** Value to identify item if selectable",
           "type": "string"
         },
+        {
+          "name": "dropDisabled"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",
@@ -10107,6 +10113,9 @@
           "description": "**Selection:** Value to identify item if selectable",
           "type": "string"
         },
+        {
+          "name": "dropDisabled"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",
@@ -10456,6 +10465,9 @@
           "description": "**Selection:** Value to identify item if selectable",
           "type": "string"
         },
+        {
+          "name": "dropDisabled"
+        },
         {
           "name": "draggable",
           "attribute": "draggable",

package/package.json

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