@brightspace-ui/core 3.283.0 → 3.285.0

package/components/page/page.js

@@ -13,6 +13,10 @@ const DRAWER_MIN_HEIGHT = 200; // TO DO: Confirm
 const MAIN_MIN_WIDTH = 600; // TO DO: Confirm
 const PANEL_MIN_WIDTH = 320;
 
+export const SIDE_NAV_DEFAULT_WIDTH = 334;
+export const supportingDefaultWidth = contentWidth => Math.floor(contentWidth / 3);
+export const supportingMobileDefaultHeight = fullHeight => Math.floor(fullHeight / 2);
+
 class PanelStateController {
 	constructor(host, panelConfigs) {
 		this.#host = host;
@@ -428,13 +432,10 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 	}
 
 	#initializePanelSizes() {
-		const defaultWidth = Math.floor(this._contentWidth / 3);
-		const defaultHeight = Math.floor(window.innerHeight / 2);
-
 		this._panelState.initialize({
-			'side-nav': defaultWidth,
-			'supporting': defaultWidth,
-			'supporting-mobile': defaultHeight
+			'side-nav': SIDE_NAV_DEFAULT_WIDTH,
+			'supporting': supportingDefaultWidth(this._contentWidth),
+			'supporting-mobile': supportingMobileDefaultHeight(window.innerHeight)
 		});
 	}
 

package/helpers/README.md

@@ -91,11 +91,15 @@ getComposedChildren(element, predicate = () => true);
 
 // gets the composed next element sibling considing how children are distributed into slots
 // includes optional predicate for filtering elements
-getComposedNextElementSibling(node, { predicate } = {}) {
+getComposedNextElementSibling(node, { predicate });
 
 // gets the composed parent (including shadow host & insertion points)
 getComposedParent(node);
 
+// gets the composed previous element sibling considing how children are distributed into slots
+// includes optional predicate for filtering elements
+getComposedPreviousElementSibling(node, { predicate });
+
 // returns the first visible ancestor of the given node
 getFirstVisibleAncestor(node)
 

package/helpers/dom.js

@@ -116,7 +116,7 @@ export function getComposedChildren(node, predicate) {
 	return getComposedChildNodes(node, { elementsOnly: true, predicate });
 }
 
-export function getComposedNextElementSibling(node, { predicate } = {}) {
+function getComposedElementSibling(node, { direction = 'next', predicate } = {}) {
 
 	if (!node || node.nodeType === undefined) return null;
 
@@ -131,15 +131,27 @@ export function getComposedNextElementSibling(node, { predicate } = {}) {
 	const index = composedChildNodes.indexOf(node);
 	if (index === -1) return null;
 
-	for (let i = index + 1; i < composedChildNodes.length; i++) {
-		if (composedChildNodes[i].nodeType === Node.ELEMENT_NODE && (!predicate || predicate(composedChildNodes[i]))) {
-			return composedChildNodes[i];
+	if (direction === 'previous') {
+		for (let i = index - 1; i >= 0; i--) {
+			if (composedChildNodes[i].nodeType === Node.ELEMENT_NODE && (!predicate || predicate(composedChildNodes[i]))) {
+				return composedChildNodes[i];
+			}
+		}
+	} else {
+		for (let i = index + 1; i < composedChildNodes.length; i++) {
+			if (composedChildNodes[i].nodeType === Node.ELEMENT_NODE && (!predicate || predicate(composedChildNodes[i]))) {
+				return composedChildNodes[i];
+			}
 		}
 	}
 
 	return null;
 }
 
+export function getComposedNextElementSibling(node, { predicate } = {}) {
+	return getComposedElementSibling(node, { direction: 'next', predicate });
+}
+
 export function getComposedParent(node) {
 
 	if (node.getDestinationInsertionPoints) {
@@ -163,6 +175,10 @@ export function getComposedParent(node) {
 
 }
 
+export function getComposedPreviousElementSibling(node, { predicate } = {}) {
+	return getComposedElementSibling(node, { direction: 'previous', predicate });
+}
+
 export function getNextAncestorSibling(node, predicate = () => true) {
 	let parentNode = getComposedParent(node);
 

package/package.json

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