@brightspace-ui/core 2.112.7 → 2.113.0

package/components/inputs/input-date.js

@@ -278,7 +278,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 				<d2l-input-text
 					?novalidate="${this.noValidate}"
 					aria-invalid="${this.invalid ? 'true' : 'false'}"
-					atomic="true"
 					@blur="${this._handleInputTextBlur}"
 					@change="${this._handleChange}"
 					class="d2l-dropdown-opener"
@@ -291,7 +290,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 					label="${ifDefined(this.label)}"
 					?label-hidden="${this.labelHidden || this.labelledBy}"
 					.labelRequired="${false}"
-					live="assertive"
 					@mouseup="${this._handleMouseup}"
 					placeholder="${shortDateFormat}"
 					?required="${this.required}"

package/components/inputs/input-text.js

@@ -38,12 +38,6 @@ class InputText extends FocusMixin(LabelledMixin(FormElementMixin(SkeletonMixin(
 			 * @type {string}
 			 */
 			ariaInvalid: { type: String, attribute: 'aria-invalid' },
-			/**
-			 * ADVANCED: Specifies whether or not the screen reader should always present changes to the live region as a whole.
-			 * This only applies if live is set to polite or assertive.
-			 * @type {string}
-			 */
-			atomic: { type: String },
 			/**
 			 * Specifies which types of values can be autofilled by the browser
 			 * @type {string}
@@ -79,11 +73,6 @@ class InputText extends FocusMixin(LabelledMixin(FormElementMixin(SkeletonMixin(
 			 * @type {boolean}
 			 */
 			labelHidden: { type: Boolean, attribute: 'label-hidden' },
-			/**
-			 * ADVANCED: Set the priority with which screen readers should treat updates to the input's live text region
-			 * @type {string}
-			 */
-			live: { type: String },
 			/**
 			 * For number inputs, maximum value
 			 * @type {string}
@@ -426,12 +415,10 @@ class InputText extends FocusMixin(LabelledMixin(FormElementMixin(SkeletonMixin(
 		const input = html`
 			<div class="d2l-input-container">
 				<div class="d2l-input-text-container d2l-skeletize" style="${styleMap(inputContainerStyles)}">
-					<input aria-atomic="${ifDefined(this.atomic)}"
-						aria-describedby="${ifDefined(this.description ? this._descriptionId : undefined)}"
+					<input aria-describedby="${ifDefined(this.description ? this._descriptionId : undefined)}"
 						aria-haspopup="${ifDefined(this.ariaHaspopup)}"
 						aria-invalid="${ifDefined(ariaInvalid)}"
 						aria-label="${ifDefined(this._getAriaLabel())}"
-						aria-live="${ifDefined(this.live)}"
 						aria-required="${ifDefined(ariaRequired)}"
 						?required="${this.required}"
 						autocomplete="${ifDefined(this.autocomplete)}"

package/components/selection/README.md

@@ -486,6 +486,7 @@ When using lists, use the list-specific `d2l-list-controls` instead, which exten
 | Property | Type | Description |
 |---|---|---|
 | `no-selection` | Boolean | Whether to render select-all and selection summary |
+| `no-selection-text` | String | Text to display if no items are selected (overrides pageable counts) |
 | `no-sticky` | Boolean | Disables sticky positioning for the controls |
 | `select-all-pages-allowed` | Boolean | Whether all pages can be selected |
 <!-- docs: end hidden content -->

package/components/selection/selection-controls.js

@@ -24,6 +24,11 @@ export class SelectionControls extends PageableSubscriberMixin(SelectionObserver
 			 * @type {boolean}
 			 */
 			noSelection: { type: Boolean, attribute: 'no-selection' },
+			/**
+			 * ADVANCED: Text to display if no items are selected (overrides pageable counts)
+			 * @type {string}
+			 */
+			noSelectionText: { type: String, attribute: 'no-selection-text' },
 			/**
 			 * Disables sticky positioning for the controls
 			 * @type {boolean}
@@ -150,8 +155,11 @@ export class SelectionControls extends PageableSubscriberMixin(SelectionObserver
 		if (changedProperties.has('noSticky')) {
 			this._stickyObserverUpdate();
 		}
-		if (changedProperties.has('_pageableInfo')) {
-			this._noSelectionText = this._getNoSelectionText();
+	}
+
+	willUpdate(changedProperties) {
+		if (changedProperties.has('noSelectionText') || changedProperties.has('_pageableInfo')) {
+			this._noSelectionText = this.noSelectionText || this._getNoSelectionText();
 		}
 	}
 

package/components/selection/selection-summary.js

@@ -44,7 +44,7 @@ class Summary extends LocalizeCoreElement(SelectionObserverMixin(LitElement)) {
 	}
 
 	willUpdate(changedProperties) {
-		if (changedProperties.has('_provider') || changedProperties.has('selectionInfo')) {
+		if (changedProperties.has('_provider') || changedProperties.has('selectionInfo') || changedProperties.has('noSelectionText')) {
 			this._updateSelectSummary();
 		}
 	}

package/custom-elements.json

@@ -6445,11 +6445,6 @@
           "description": "ADVANCED: Indicates that the input value is invalid",
           "type": "string"
         },
-        {
-          "name": "atomic",
-          "description": "ADVANCED: Specifies whether or not the screen reader should always present changes to the live region as a whole.\nThis only applies if live is set to polite or assertive.",
-          "type": "string"
-        },
         {
           "name": "autocomplete",
           "description": "Specifies which types of values can be autofilled by the browser",
@@ -6465,11 +6460,6 @@
           "description": "Restricts the maximum width of the input box without impacting the width of the label.",
           "type": "string"
         },
-        {
-          "name": "live",
-          "description": "ADVANCED: Set the priority with which screen readers should treat updates to the input's live text region",
-          "type": "string"
-        },
         {
           "name": "max",
           "description": "For number inputs, maximum value",
@@ -6619,12 +6609,6 @@
           "description": "ADVANCED: Indicates that the input value is invalid",
           "type": "string"
         },
-        {
-          "name": "atomic",
-          "attribute": "atomic",
-          "description": "ADVANCED: Specifies whether or not the screen reader should always present changes to the live region as a whole.\nThis only applies if live is set to polite or assertive.",
-          "type": "string"
-        },
         {
           "name": "autocomplete",
           "attribute": "autocomplete",
@@ -6643,12 +6627,6 @@
           "description": "Restricts the maximum width of the input box without impacting the width of the label.",
           "type": "string"
         },
-        {
-          "name": "live",
-          "attribute": "live",
-          "description": "ADVANCED: Set the priority with which screen readers should treat updates to the input's live text region",
-          "type": "string"
-        },
         {
           "name": "max",
           "attribute": "max",
@@ -8014,6 +7992,11 @@
       "path": "./components/list/list-controls.js",
       "description": "Controls for list components containing select-all, etc.",
       "attributes": [
+        {
+          "name": "no-selection-text",
+          "description": "ADVANCED: Text to display if no items are selected (overrides pageable counts)",
+          "type": "string"
+        },
         {
           "name": "no-selection",
           "description": "Whether to render select-all and selection summary",
@@ -8044,6 +8027,12 @@
         }
       ],
       "properties": [
+        {
+          "name": "noSelectionText",
+          "attribute": "no-selection-text",
+          "description": "ADVANCED: Text to display if no items are selected (overrides pageable counts)",
+          "type": "string"
+        },
         {
           "name": "noSelection",
           "attribute": "no-selection",
@@ -10643,6 +10632,11 @@
       "path": "./components/selection/selection-controls.js",
       "description": "Controls for selection components (e.g. list, table-wrapper) containing select-all, etc.",
       "attributes": [
+        {
+          "name": "no-selection-text",
+          "description": "ADVANCED: Text to display if no items are selected (overrides pageable counts)",
+          "type": "string"
+        },
         {
           "name": "no-selection",
           "description": "Whether to render select-all and selection summary",
@@ -10673,6 +10667,12 @@
         }
       ],
       "properties": [
+        {
+          "name": "noSelectionText",
+          "attribute": "no-selection-text",
+          "description": "ADVANCED: Text to display if no items are selected (overrides pageable counts)",
+          "type": "string"
+        },
         {
           "name": "noSelection",
           "attribute": "no-selection",
@@ -11669,6 +11669,11 @@
       "path": "./components/table/table-controls.js",
       "description": "Controls for table components containing a selection summary and selection actions.",
       "attributes": [
+        {
+          "name": "no-selection-text",
+          "description": "ADVANCED: Text to display if no items are selected (overrides pageable counts)",
+          "type": "string"
+        },
         {
           "name": "no-selection",
           "description": "Whether to render the selection summary",
@@ -11699,6 +11704,12 @@
         }
       ],
       "properties": [
+        {
+          "name": "noSelectionText",
+          "attribute": "no-selection-text",
+          "description": "ADVANCED: Text to display if no items are selected (overrides pageable counts)",
+          "type": "string"
+        },
         {
           "name": "noSelection",
           "attribute": "no-selection",

package/package.json

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