@brightspace-ui/core 3.176.3 → 3.176.5

package/components/sorting/README.md

@@ -9,9 +9,9 @@ The sort menu allows the user to adjust the sort order of data in a list.
   import '@brightspace-ui/core/components/sorting/sort-item.js';
 </script>
 <d2l-sort>
-	<d2l-sort-item text="Most Relevant" selected></d2l-sort-item>
-	<d2l-sort-item text="Recently Updated"></d2l-sort-item>
-	<d2l-sort-item text="Highest Rated"></d2l-sort-item>
+	<d2l-sort-item text="Most Relevant" value="relevant" selected></d2l-sort-item>
+	<d2l-sort-item text="Recently Updated" value="updated"></d2l-sort-item>
+	<d2l-sort-item text="Highest Rated" value="rating"></d2l-sort-item>
 </d2l-sort>
 ```
 

package/components/sorting/sort.js

@@ -78,7 +78,7 @@ class Sort extends FocusMixin(LocalizeCoreElement(LitElement)) {
 		if (this._selectedItemValue === e.target.value) return;
 
 		this._selectedItemText = e.target.text;
-		this._selectedItemValue = e.target;
+		this._selectedItemValue = e.target.value;
 		this.dispatchEvent(new CustomEvent(
 			'd2l-sort-change', {
 				detail: { value: e.detail.value }

package/custom-elements.json

@@ -14924,7 +14924,7 @@
         {
           "name": "has-form",
           "description": "Whether to render an encompassing form over all panels",
-          "type": " Boolean ",
+          "type": "boolean",
           "default": "false"
         }
       ],
@@ -14976,7 +14976,7 @@
           "name": "hasForm",
           "attribute": "has-form",
           "description": "Whether to render an encompassing form over all panels",
-          "type": " Boolean ",
+          "type": "boolean",
           "default": "false"
         }
       ],

package/package.json

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

package/templates/primary-secondary/README.md

@@ -53,6 +53,7 @@ If either of the panels contain an `iframe`, resizing may not work properly. Thi
 | Property | Type | Description |
 |---|---|---|
 | `background-shading` | String, default: `'none'` | Controls whether the primary and secondary panels have shaded backgrounds. Can be one of `'primary'`, `'secondary'`, `'none'`. |
+| `has-form` | Boolean, default: `false` | Whether to render an encompassing form over all panels |
 | `primary-overflow` | String, default: `'default'` | Controls how the primary panel's contents overflow. Can be one of `'default'`, `'hidden'`. |
 | `resizable` | Boolean, default: `false` | Whether the panels are user resizable. This only applies to desktop users, mobile users will always be able to resize. |
 | `secondary-first` | Boolean, default: `false` | When set to true, the secondary panel will be displayed on the left (or the right in RTL) in the desktop view. This attribute has no effect on the mobile view. |

package/templates/primary-secondary/primary-secondary.js

@@ -594,7 +594,7 @@ class TemplatePrimarySecondary extends LocalizeCoreElement(LitElement) {
 			widthType: { type: String, attribute: 'width-type', reflect: true },
 			/**
 			 * Whether to render an encompassing form over all panels
-			 * @type { Boolean }
+			 * @type {boolean}
 			 */
 			hasForm: { type: Boolean, attribute: 'has-form' },
 			_formErrorSummary: { type: Array },