@brightspace-ui/core 2.11.1 → 2.11.2

package/components/inputs/demo/input-time-range.html

@@ -33,6 +33,13 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Custom Interval (Issue #1751)</h2>
+			<d2l-demo-snippet>
+				<template>
+					<d2l-input-time-range label="Time Range" start-value="15:15" time-interval="ten" enforce-time-intervals></d2l-input-time-range>
+				</template>
+			</d2l-demo-snippet>
+
 			<h2>Hidden Label</h2>
 			<d2l-demo-snippet>
 				<template>

package/components/tag-list/README.md

@@ -1,5 +1,5 @@
 # Tag List
-*This component is in progress. The API is generally stable but the ability to clear tags is currently a WIP.*
+*This component is in progress. The API is generally stable but there could be some appearance or minor behavior churn in the short-term.*
 
 Tag lists are used to present a list of compact, discrete pieces of information.
 
@@ -31,8 +31,12 @@ The `d2l-tag-list` element can take a combination of any type of `d2l-tag-list-i
 <script type="module">
   import '@brightspace-ui/core/components/tag-list/tag-list.js';
   import '@brightspace-ui/core/components/tag-list/tag-list-item.js';
-</script>
 
+  document.addEventListener('d2l-tag-list-item-clear', (e) => {
+    e.target.parentNode.removeChild(e.target);
+    console.log(`d2l-tag-list-item-clear event dispatched. Value: ${e.detail.value}, handleFocus: ${e.detail.handleFocus}`);
+  });
+</script>
 <d2l-tag-list description="Example Tags">
   <d2l-tag-list-item text="Lorem ipsum dolor"></d2l-tag-list-item>
   <d2l-tag-list-item text="Reprehenderit in voluptate velit esse"></d2l-tag-list-item>
@@ -49,6 +53,11 @@ The `d2l-tag-list-item` provides the appropriate `listitem` semantics and stylin
 <script type="module">
   import '@brightspace-ui/core/components/tag-list/tag-list.js';
   import '@brightspace-ui/core/components/tag-list/tag-list-item.js';
+
+  document.addEventListener('d2l-tag-list-item-clear', (e) => {
+    e.target.parentNode.removeChild(e.target);
+    console.log(`d2l-tag-list-item-clear event dispatched. Value: ${e.detail.value}, handleFocus: ${e.detail.handleFocus}`);
+  });
 </script>
 
 <d2l-tag-list description="Example Tags">

package/components/tag-list/demo/tag-list.html

@@ -64,9 +64,9 @@
 					<d2l-tag-list-item text="Example Tag 7"></d2l-tag-list-item>
 				</d2l-tag-list>
 				<script>
-					document.addEventListener('d2l-tag-list-item-cleared', (e) => {
+					document.addEventListener('d2l-tag-list-item-clear', (e) => {
 						e.target.parentNode.removeChild(e.target);
-						console.log(`d2l-tag-list-item-cleared event dispatched. Value: ${e.detail.value}, handleFocus: ${e.detail.handleFocus}`);
+						console.log(`d2l-tag-list-item-clear event dispatched. Value: ${e.detail.value}, handleFocus: ${e.detail.handleFocus}`);
 					});
 				</script>
 			</d2l-demo-snippet>

package/components/tag-list/tag-list-item-mixin.js

@@ -15,7 +15,7 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 	static get properties() {
 		return {
 			/**
-			 * Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.
+			 * Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.
 			 */
 			clearable: { type: Boolean },
 			/**
@@ -136,7 +136,7 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 
 		/** Dispatched when a user selects to delete a tag list item. The consumer must handle the actual element deletion and focus behaviour if there are no remaining list items. */
 		this.dispatchEvent(new CustomEvent(
-			'd2l-tag-list-item-cleared',
+			'd2l-tag-list-item-clear',
 			{ bubbles: true, composed: true, detail: { value: this.text, handleFocus } }
 		));
 	}

package/components/tag-list/tag-list.js

@@ -32,7 +32,7 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 	static get properties() {
 		return {
 			/**
-			 * Enables the option to clear all inner tag list items. The `d2l-tag-list-item-cleared` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.
+			 * Enables the option to clear all inner tag list items. The `d2l-tag-list-item-clear` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.
 			 */
 			clearable: { type: Boolean },
 			/**
@@ -158,7 +158,7 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 		};
 
 		const list = html`
-			<div role="list" class="tag-list-container" aria-describedby="d2l-tag-list-description" @d2l-tag-list-item-cleared="${this._handleItemDeleted}">
+			<div role="list" class="tag-list-container" aria-describedby="d2l-tag-list-description" @d2l-tag-list-item-clear="${this._handleItemDeleted}">
 				<slot @slotchange="${this._handleSlotChange}"></slot>
 				${overflowButton}
 				<d2l-button-subtle

package/custom-elements.json

@@ -9771,7 +9771,7 @@
         },
         {
           "name": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
@@ -9786,14 +9786,14 @@
         {
           "name": "clearable",
           "attribute": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
       ],
       "events": [
         {
-          "name": "d2l-tag-list-item-cleared",
+          "name": "d2l-tag-list-item-clear",
           "description": "Dispatched when a user selects to delete a tag list item. The consumer must handle the actual element deletion and focus behaviour if there are no remaining list items."
         }
       ]
@@ -9809,7 +9809,7 @@
         },
         {
           "name": "clearable",
-          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-cleared` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-clear` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
@@ -9824,7 +9824,7 @@
         {
           "name": "clearable",
           "attribute": "clearable",
-          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-cleared` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-clear` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         },
@@ -9850,7 +9850,7 @@
         },
         {
           "name": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
@@ -9864,14 +9864,14 @@
         {
           "name": "clearable",
           "attribute": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
       ],
       "events": [
         {
-          "name": "d2l-tag-list-item-cleared",
+          "name": "d2l-tag-list-item-clear",
           "description": "Dispatched when a user selects to delete a tag list item. The consumer must handle the actual element deletion and focus behaviour if there are no remaining list items."
         }
       ]

package/package.json

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