@brightspace-ui/core 3.171.0 → 3.171.2

package/components/collapsible-panel/collapsible-panel-group.js

@@ -5,7 +5,7 @@ import { SubscriberRegistryController } from '../../controllers/subscriber/subsc
 
 /**
  * A component that renders a container and layout for collapsible panels
- * @slot default - Slot for panels. Only accepts `d2l-collapsible-panel`
+ * @slot - Slot for panels. Only accepts `d2l-collapsible-panel`
  */
 class CollapsiblePanelGroup extends SkeletonGroupMixin(LitElement) {
 

package/components/collapsible-panel/collapsible-panel.js

@@ -47,7 +47,7 @@ function addTabListener() {
  * @slot before - Slot for content to be placed at the left side of the header, aligned with the title and header slot
  * @slot header - Slot for supporting header content
  * @slot summary - Slot for the summary of the expanded content. Only accepts `d2l-collapsible-panel-summary-item`
- * @slot default - Slot for the expanded content
+ * @slot - Slot for the expanded content
  * @slot actions - Slot for buttons and dropdown openers to be placed in top right corner of header
  * @fires d2l-collapsible-panel-expand - Dispatched when the panel is expanded
  * @fires d2l-collapsible-panel-collapse - Dispatched when the panel is collapsed

package/components/form/form-element-mixin.js

@@ -224,7 +224,7 @@ export const FormElementMixin = superclass => class extends LocalizeCoreElement(
 		if (oldValidationError !== this.validationError) {
 			this._errors = errors;
 		}
-		await this.updatedComplete;
+		await this.updateComplete;
 	}
 
 	resetValidation() {

package/components/inputs/input-date-time-range.js

@@ -155,7 +155,7 @@ class InputDateTimeRange extends InteractiveMixin(FocusMixin(SkeletonMixin(FormE
 			 * Time zone identifier for the time inputs to use.
 			 * @type {string}
 			 */
-			timeZoneId: { type: String },
+			timeZoneId: { attribute: 'time-zone-id', type: String },
 			/**
 			 * Hides the time zone inside the time selection dropdowns. Should only be used when the time input values are not related to any one time zone
 			 * @type {Boolean}

package/components/inputs/input-date-time.js

@@ -89,7 +89,7 @@ class InputDateTime extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMi
 			 * Time zone identifier for the time input to use.
 			 * @type {string}
 			 */
-			timeZoneId: { type: String },
+			timeZoneId: { type: String, attribute: 'time-zone-id' },
 			/**
 			 * Hides the time zone inside the time selection dropdown. Should only be used when the time input value is not related to any one time zone
 			 * @type {Boolean}

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

@@ -633,15 +633,15 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 					}
 				}
 			}
-			e.dataTransfer.setDragImage(getDragImage(selectionInfo.keys.length, includePlus), 24, 26);
+			if (e.dataTransfer.setDragImage) e.dataTransfer.setDragImage(getDragImage(selectionInfo.keys.length, includePlus), 24, 26);
 		} else if (rootList.dragMultiple && this.expandable) {
 			const flattenedListItems = this._getFlattenedListItems(this);
-			e.dataTransfer.setDragImage(getDragImage(flattenedListItems.listItems.size, flattenedListItems.lazyLoadListItems.size > 0), 24, 26);
+			if (e.dataTransfer.setDragImage) e.dataTransfer.setDragImage(getDragImage(flattenedListItems.listItems.size, flattenedListItems.lazyLoadListItems.size > 0), 24, 26);
 		} else {
 			if (this.shadowRoot) {
 				const nodeImage = this.shadowRoot.querySelector('.d2l-list-item-drag-image') || this;
 				nodeImage.classList.add('dragging');
-				e.dataTransfer.setDragImage(nodeImage, 50, 50);
+				if (e.dataTransfer.setDragImage) e.dataTransfer.setDragImage(nodeImage, 50, 50);
 			}
 		}
 

package/custom-elements.json

@@ -1505,7 +1505,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "Slot for panels. Only accepts `d2l-collapsible-panel`"
         }
       ]
@@ -1699,7 +1699,7 @@
           "description": "Slot for the summary of the expanded content. Only accepts `d2l-collapsible-panel-summary-item`"
         },
         {
-          "name": "default",
+          "name": "",
           "description": "Slot for the expanded content"
         },
         {
@@ -5882,7 +5882,7 @@
           "type": "string"
         },
         {
-          "name": "timeZoneId",
+          "name": "time-zone-id",
           "description": "Time zone identifier for the time inputs to use.",
           "type": "string"
         },
@@ -6003,7 +6003,7 @@
         },
         {
           "name": "timeZoneId",
-          "attribute": "timeZoneId",
+          "attribute": "time-zone-id",
           "description": "Time zone identifier for the time inputs to use.",
           "type": "string"
         },
@@ -6116,7 +6116,7 @@
       "description": "A component that consists of a \"<d2l-input-date>\" and a \"<d2l-input-time>\" component. The time input only appears once a date is selected. This component displays the \"value\" if one is specified, and reflects the selected value when one is selected or entered.",
       "attributes": [
         {
-          "name": "timeZoneId",
+          "name": "time-zone-id",
           "description": "Time zone identifier for the time input to use.",
           "type": "string"
         },
@@ -6200,7 +6200,7 @@
       "properties": [
         {
           "name": "timeZoneId",
-          "attribute": "timeZoneId",
+          "attribute": "time-zone-id",
           "description": "Time zone identifier for the time input to use.",
           "type": "string"
         },

package/package.json

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