@brightspace-ui/core 3.307.0 → 3.307.2

package/components/button/README.md

@@ -178,7 +178,7 @@ Use icon buttons for compact, supplementary actions where space is limited and t
 
 A navigation control for moving sequentially through a set of items.
 
-<!-- docs: demo code properties name:d2l-button-iterator sandboxTitle:'Iterator Button' -->
+<!-- docs: demo code properties name:d2l-button-iterator autoSize:false size:small sandboxTitle:'Iterator Button' -->
 ```html
 <script type="module">
   import '@brightspace-ui/core/components/button/button-iterator.js';

package/components/button/button-iterator.js

@@ -95,12 +95,12 @@ class ButtonIterator extends FocusMixin(PropertyRequiredMixin(LocalizeCoreElemen
 
 	constructor() {
 		super();
-		this.description = undefined;
+		this.description = '';
 		this.nextDisabled = false;
 		this.nextOnly = false;
-		this.nextText = undefined;
+		this.nextText = '';
 		this.previousDisabled = false;
-		this.previousText = undefined;
+		this.previousText = '';
 	}
 
 	static get focusElementSelector() {

package/components/page/page.js

@@ -87,11 +87,11 @@ class PanelStateController {
 		if (storeState) this.#storePanelState(key);
 	}
 
-	setCollapsed(key, collapsed) {
+	setCollapsed(key, collapsed, { animate = true } = {}) {
 		const panel = this.#panels[key];
 		panel.collapsed = collapsed;
 		panel.dragSize = null;
-		panel.animate = true;
+		panel.animate = animate;
 		this.#host.requestUpdate();
 		this.#storePanelState(key);
 	}
@@ -542,7 +542,9 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 
 	#handleDividerResize(e) {
 		const panelKey = e.target.dataset.panelKey;
-		this._panelState.resize(panelKey, e.detail.requestedSize, { animate: true, storeState: true });
+		// Do not animate if dragging past closed size
+		const animate = this._panelState.getSize(panelKey) > DIVIDER_GUTTER_WIDTH;
+		this._panelState.resize(panelKey, e.detail.requestedSize, { animate, storeState: true });
 	};
 
 	#handleDividerResizeLive(e) {
@@ -552,8 +554,10 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 
 	#handleDividerToggle(e) {
 		const panelKey = e.target.dataset.panelKey;
-		const collapsed = !this._panelState.getCollapsed(panelKey);
-		this._panelState.setCollapsed(panelKey, collapsed);
+		const collapsed = this._panelState.getCollapsed(panelKey);
+		// Do not animate if dragged to fully closed
+		const animate = collapsed || this._panelState.getSize(panelKey) > DIVIDER_GUTTER_WIDTH;
+		this._panelState.setCollapsed(panelKey, !collapsed, { animate });
 	};
 
 	#handleScrimClick() {
@@ -578,13 +582,9 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 	}
 
 	#renderDivider(panelKey, label, panelPosition) {
-		const classes = {
-			'divider': true,
-			'animate': this._panelState.getAnimate(panelKey)
-		};
 		return html`
 			<d2l-page-divider-internal
-				class="${classMap(classes)}"
+				class="divider"
 				data-panel-key="${panelKey}"
 				label="${label}"
 				?collapsed="${this._panelState.getCollapsed(panelKey)}"

package/custom-elements.json

@@ -711,7 +711,7 @@
           "name": "description",
           "description": "ACCESSIBILITY: An optional description, typically for indicating the current position within the set of items",
           "type": "string",
-          "default": "\"undefined\""
+          "default": "\"\""
         },
         {
           "name": "next-disabled",
@@ -729,7 +729,7 @@
           "name": "next-text",
           "description": "Overrides the default text for the next button",
           "type": "string",
-          "default": "\"undefined\""
+          "default": "\"\""
         },
         {
           "name": "previous-disabled",
@@ -741,7 +741,7 @@
           "name": "previous-text",
           "description": "Overrides the default text for the previous button",
           "type": "string",
-          "default": "\"undefined\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -755,7 +755,7 @@
           "attribute": "description",
           "description": "ACCESSIBILITY: An optional description, typically for indicating the current position within the set of items",
           "type": "string",
-          "default": "\"undefined\""
+          "default": "\"\""
         },
         {
           "name": "nextDisabled",
@@ -776,7 +776,7 @@
           "attribute": "next-text",
           "description": "Overrides the default text for the next button",
           "type": "string",
-          "default": "\"undefined\""
+          "default": "\"\""
         },
         {
           "name": "previousDisabled",
@@ -790,7 +790,7 @@
           "attribute": "previous-text",
           "description": "Overrides the default text for the previous button",
           "type": "string",
-          "default": "\"undefined\""
+          "default": "\"\""
         }
       ],
       "events": [

package/package.json

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