@brightspace-ui/core 2.128.3 → 2.128.5

package/components/collapsible-panel/README.md

@@ -363,7 +363,7 @@ Collapsible panels have two optional slots, `header` and `actions` that can be u
 
 Use the `d2l-collapsible-panel-group` component to automatically handle spacing and layout for multiple panels.
 
-<!-- docs: demo live -->
+<!-- docs: demo live name:d2l-collapsible-panel-group -->
 ```html
 <script type="module">
 	import '@brightspace-ui/core/components/collapsible-panel/collapsible-panel.js';

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

@@ -1,12 +1,11 @@
 import { css, html, LitElement } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 
 /**
  * A component that renders a container and layout for collapsible panels
  * @slot default - Slot for panels. Only accepts `d2l-collapsible-panel`
  */
-class CollapsiblePanelGroup extends SkeletonMixin(LitElement) {
+class CollapsiblePanelGroup extends LitElement {
 
 	static get properties() {
 		return {
@@ -15,7 +14,7 @@ class CollapsiblePanelGroup extends SkeletonMixin(LitElement) {
 	}
 
 	static get styles() {
-		return [super.styles, css`
+		return css`
 			:host ::slotted(*) {
 				display: none;
 			}
@@ -27,7 +26,7 @@ class CollapsiblePanelGroup extends SkeletonMixin(LitElement) {
 				flex-direction: column;
 				row-gap: 0.5rem;
 			}
-		`];
+		`;
 	}
 
 	constructor() {

package/components/expand-collapse/expand-collapse-content.js

@@ -119,17 +119,17 @@ class ExpandCollapseContent extends LitElement {
 				));
 			}
 			if (reduceMotion || firstUpdate) {
-				this._state = states.EXPANDED;
-				this._height = 'auto';
-				this._eventPromiseResolve();
+				this._setExpanded();
 			} else {
 				this._state = states.PREEXPANDING;
 				await this.updateComplete;
 				await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)));
 				if (this._state === states.PREEXPANDING) {
 					this._state = states.EXPANDING;
-					const content = this.shadowRoot && this.shadowRoot.querySelector('.d2l-expand-collapse-content-inner');
-					if (content) this._height = `${content.scrollHeight}px`;
+					const content = this.shadowRoot?.querySelector('.d2l-expand-collapse-content-inner');
+					const contentHeight = content?.scrollHeight;
+					if (contentHeight) this._height = `${contentHeight}px`;
+					if (contentHeight === 0) this._setExpanded();
 				}
 			}
 		} else {
@@ -159,14 +159,17 @@ class ExpandCollapseContent extends LitElement {
 
 	_onTransitionEnd() {
 		if (this._state === states.EXPANDING) {
-			this._state = states.EXPANDED;
-			this._height = 'auto';
-			this._eventPromiseResolve();
+			this._setExpanded();
 		} else if (this._state === states.COLLAPSING) {
 			this._state = states.COLLAPSED;
 			this._eventPromiseResolve();
 		}
 	}
 
+	_setExpanded() {
+		this._state = states.EXPANDED;
+		this._height = 'auto';
+		this._eventPromiseResolve();
+	}
 }
 customElements.define('d2l-expand-collapse-content', ExpandCollapseContent);

package/custom-elements.json

@@ -1150,23 +1150,6 @@
       "name": "d2l-collapsible-panel-group",
       "path": "./components/collapsible-panel/collapsible-panel-group.js",
       "description": "A component that renders a container and layout for collapsible panels",
-      "attributes": [
-        {
-          "name": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
-      "properties": [
-        {
-          "name": "skeleton",
-          "attribute": "skeleton",
-          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
       "slots": [
         {
           "name": "default",

package/package.json

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