@brightspace-ui/core 2.45.3 → 2.45.4

package/components/alert/alert-toast.js

@@ -15,6 +15,7 @@ const states = {
 /**
  *  A component for communicating important information relating to the state of the system and the user's work flow, displayed as a pop-up at the bottom of the screen that automatically dismisses itself by default.
  * @slot - Default content placed inside of the component
+ * @fires d2l-alert-toast-button-press - Dispatched when the toast's action button is clicked
  * @fires d2l-alert-toast-close - Dispatched when the toast is closed
  */
 class AlertToast extends LitElement {
@@ -149,6 +150,7 @@ class AlertToast extends LitElement {
 				<d2l-alert
 					@blur=${this._onBlur}
 					button-text="${ifDefined(this.buttonText)}"
+					@d2l-alert-button-press=${this._handleButtonPress}
 					@d2l-alert-close=${this._onCloseClicked}
 					@focus=${this._onFocus}
 					?has-close-button="${!this.hideCloseButton}"
@@ -198,6 +200,11 @@ class AlertToast extends LitElement {
 		clearTimeout(this._setTimeoutId);
 	}
 
+	_handleButtonPress(e) {
+		e.stopPropagation();
+		this.dispatchEvent(new CustomEvent('d2l-alert-toast-button-press'));
+	}
+
 	_onBlur() {
 		this._hasFocus = false;
 		this._closeTimerStart();

package/components/alert/demo/alert-toast.html

@@ -40,7 +40,7 @@
 			</template>
 		</d2l-demo-snippet>
 
-		<h2>With Subtext</h2>
+		<h2>With Subtext and Button</h2>
 		<d2l-demo-snippet>
 			<template>
 				<d2l-alert-toast id="toast4" type="success" button-text="Do it!" has-close-button
@@ -68,6 +68,11 @@
 		});
 	});
 
+	const buttonAlertToast = document.querySelector('#toast4');
+	buttonAlertToast.addEventListener('d2l-alert-toast-button-press', (e) => {
+		console.log('d2l-alert-toast-button-press', e);
+	});
+
 	document.body.addEventListener('d2l-alert-toast-close', (e) => {
 		console.log('d2l-alert-toast-close', e);
 	});

package/custom-elements.json

@@ -84,6 +84,10 @@
         }
       ],
       "events": [
+        {
+          "name": "d2l-alert-toast-button-press",
+          "description": "Dispatched when the toast's action button is clicked"
+        },
         {
           "name": "d2l-alert-toast-close",
           "description": "Dispatched when the toast is closed"

package/package.json

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