@brightspace-ui/core 2.133.0 → 2.135.0

package/components/filter/demo/filter-load-more-demo.js

@@ -0,0 +1,161 @@
+import '../filter.js';
+import '../filter-dimension-set.js';
+import '../filter-dimension-set-value.js';
+import { html, LitElement } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+
+const FullData = [
+	{
+		key: 'course',
+		text: 'Course',
+		values: [
+			{ key: 'art', selected:false, text: 'Art' },
+			{ key: 'astronomy', selected:false, text: 'Astronomy' },
+			{ key: 'biology', selected:true, text: 'Biology' },
+			{ key: 'chemistry', selected:false, text: 'Chemistry' },
+			{ key: 'drama', selected:false, text: 'Drama' },
+			{ key: 'english', selected:false, text: 'English' },
+			{ key: 'how-to', selected:false, text: 'How To Write a How To Article With a Flashy Title' },
+			{ key: 'math', selected:false, text: 'Math' },
+			{ key: 'physics', selected:false, text: 'Physics' },
+			{ key: 'stats', selected:false, text: 'Statistics' },
+			{ key: 'writerscraft', selected:true, text: 'Writer\'s Craft' },
+		],
+		initialCount: 6
+	},
+	{
+		key: 'role',
+		text: 'Role',
+		values: [
+			{ key: 'admin', selected:false, text: 'Admin' },
+			{ key: 'instructor', selected:false, text: 'Instructor' },
+			{ key: 'student', selected:false, text: 'Student' }
+		],
+		initialCount: 2
+	}
+];
+
+class FilterLoadMoreDemo extends LitElement {
+
+	constructor() {
+		super();
+		const dimensions = [];
+		for (const dim of FullData) {
+			const values =  {};
+			let selectedCount = 0;
+			for (const v of dim.values)  {
+				if (!v.selected) continue;
+				values[v.key] = { ...v };
+				selectedCount++;
+			}
+			const data = {
+				key: dim.key,
+				text: dim.text,
+				values
+			};
+			this._addKeys(data, dim.initialCount - selectedCount);
+			dimensions.push(data);
+		}
+		this._dimensions = dimensions;
+	}
+
+	render() {
+		return html`
+			<d2l-filter 
+				@d2l-filter-change="${this._handleFilterChange}"
+				@d2l-filter-dimension-load-more=${this._handleLoadMore}
+				@d2l-filter-dimension-search=${this._handleSearch}>
+				${repeat(this._dimensions, dimension => dimension.key, dimension => this._renderDimensionSet(dimension))}
+			</d2l-filter>
+		`;
+	}
+
+	_addKeys(dimension, addCount, searchValue = '') {
+		const dimData = FullData.find(dim => dim.key === dimension.key);
+
+		const keys = [];
+		for (const valKey in dimension.values) {
+			if (this._textIsInSearch(searchValue, dimension.values[valKey].text)) {
+				keys.push(valKey);
+			}
+		}
+		const total = keys.length + addCount;
+		dimension.hasMore = false;
+		for (const v of dimData.values) {
+			if (v.key in dimension.values || !this._textIsInSearch(searchValue, v.text)) continue;
+			if (total <= keys.length) {
+				dimension.hasMore = true;
+				break;
+			}
+			dimension.values[v.key] = { ...v };
+			keys.push(v.key);
+		}
+		return keys;
+	}
+
+	_handleFilterChange(e) {
+		e.detail.dimensions.forEach(dimension => {
+			const localData = Object.values(this._dimensions.find(dim => dim.key === dimension.dimensionKey).values);
+			const FullDataValues = FullData.find(dim => dim.key === dimension.dimensionKey).values;
+			if (dimension.cleared) {
+				localData.forEach(value => value.selected = false);
+				FullDataValues.forEach(value => value.selected = false);
+			} else {
+				dimension.changes.forEach(change => {
+					localData.find(value => value.key === change.valueKey).selected = change.selected;
+					FullDataValues.find(value => value.key === change.valueKey).selected = change.selected;
+				});
+			}
+		});
+		this.requestUpdate();
+	}
+
+	async _handleLoadMore(e) {
+		const dimensionKey = e.detail.key;
+		const dimension = this._dimensions.find(dim => dim.key === dimensionKey);
+
+		const keysToDisplay = this._addKeys(dimension, 2, e.detail.value);
+		this.requestUpdate();
+		await this.updateComplete;
+		e.detail.loadMoreCompleteCallback({ keysToDisplay });
+	}
+
+	async _handleSearch(e) {
+		const dimensionKey = e.detail.key;
+		const dimension = this._dimensions.find(dim => dim.key === dimensionKey);
+		const dimData = FullData.find(dim => dim.key === dimensionKey);
+
+		let selectedCount = 0;
+		for (const valKey in dimension.values) {
+			if (!dimension.values[valKey].selected) delete dimension.values[valKey];
+			else if (this._textIsInSearch(e.detail.value, dimension.values[valKey].text)) selectedCount++;
+		}
+		const keysToDisplay = this._addKeys(dimension, dimData.initialCount - selectedCount, e.detail.value);
+
+		this.requestUpdate();
+		await this.updateComplete;
+		e.detail.searchCompleteCallback({ keysToDisplay });
+	}
+
+	_renderDimensionSet(dimension) {
+		const { values, key, text, hasMore } = dimension;
+
+		return html`
+		<d2l-filter-dimension-set key="${key}" text="${text}" ?has-more="${hasMore}" search-type="manual">
+			${repeat(Object.values(values).sort((a, b) => (a.text < b.text ? -1 : 0)), value => value.key, value => html`
+				<d2l-filter-dimension-set-value
+					key="${value.key}"
+					text="${value.text}"
+					?selected=${value.selected}>
+				</d2l-filter-dimension-set-value>
+			`)}
+		</d2l-filter-dimension-set>`;
+	}
+
+	_textIsInSearch(searchValue, text) {
+		return searchValue === '' || text.toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
+	}
+
+}
+customElements.define('d2l-filter-load-more-demo', FilterLoadMoreDemo);
+

package/components/filter/demo/filter.html

@@ -11,6 +11,7 @@
 		import '../../filter/filter-dimension-set-empty-state.js';
 		import '../../filter/filter-dimension-set-value.js';
 		import './filter-search-demo.js';
+		import './filter-load-more-demo.js';
 	</script>
 	<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1.0">
     <meta charset="UTF-8">
@@ -141,6 +142,13 @@
 			</template>
 		</d2l-demo-snippet>
 
+		<h2>Load More</h2>
+		<d2l-demo-snippet>
+			<template>
+				<d2l-filter-load-more-demo></d2l-filter-load-more-demo>
+			</template>
+		</d2l-demo-snippet>
+
 		<h2>Search</h2>
 		<d2l-demo-snippet>
 			<template>

package/components/filter/filter-dimension-set.js

@@ -31,6 +31,11 @@ class FilterDimensionSet extends LitElement {
 			 * @type {boolean}
 			 */
 			loading: { type: Boolean },
+			/**
+			 * Whether the dimension has more values to load
+			 * @type {boolean}
+			 */
+			hasMore: { type: Boolean, attribute: 'has-more' },
 			/**
 			 * Whether to hide the search input, perform a simple text search, or fire an event on search
 			 * @type {'none'|'automatic'|'manual'}
@@ -69,6 +74,7 @@ class FilterDimensionSet extends LitElement {
 		this.headerText = '';
 		this.introductoryText = '';
 		this.loading = false;
+		this.hasMore = false;
 		this.searchType = 'automatic';
 		this.selectAll = false;
 		this.selectedFirst = false;
@@ -100,7 +106,7 @@ class FilterDimensionSet extends LitElement {
 		changedProperties.forEach((oldValue, prop) => {
 			if (oldValue === undefined) return;
 
-			if (prop === 'text' || prop === 'loading') {
+			if (prop === 'text' || prop === 'loading' || prop === 'hasMore' || prop === 'selectedFirst') {
 				changes.set(prop, this[prop]);
 			}
 		});
@@ -132,6 +138,16 @@ class FilterDimensionSet extends LitElement {
 		return values;
 	}
 
+	willUpdate(changedProperties) {
+		if (changedProperties.has('hasMore') && this.hasMore) {
+			if (this.searchType !== 'manual') {
+				console.warn('Paging requires search type set to manual.');
+				this.hasMore = false;
+			}
+			else this.selectedFirst = true;
+		}
+	}
+
 	_dispatchDataChangeEvent(eventDetail) {
 		/** @ignore */
 		this.dispatchEvent(new CustomEvent('d2l-filter-dimension-data-change', {

package/components/filter/filter.js

@@ -15,6 +15,7 @@ import '../list/list-item.js';
 import '../loading-spinner/loading-spinner.js';
 import '../menu/menu.js';
 import '../menu/menu-item.js';
+import '../paging/pager-load-more.js';
 import '../selection/selection-select-all.js';
 import '../selection/selection-summary.js';
 
@@ -42,6 +43,7 @@ const SET_DIMENSION_ID_PREFIX = 'list-';
  * @fires d2l-filter-dimension-empty-state-action - Dispatched when an empty state action button is clicked
  * @fires d2l-filter-dimension-first-open - Dispatched when a dimension is opened for the first time
  * @fires d2l-filter-dimension-search - Dispatched when a dimension that supports searching and has the "manual" search-type is searched
+ * @fires d2l-filter-dimension-load-more - Dispatched when a dimension load more pager clicked
  */
 class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 
@@ -292,7 +294,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 	}
 
 	requestFilterValueClear(keyObject) {
-		const dimension = this._dimensions.find(dimension => dimension.key === keyObject.dimension);
+		const dimension = this._getDimensionByKey(keyObject.dimension);
 
 		switch (dimension.type) {
 			case 'd2l-filter-dimension-set':
@@ -541,6 +543,10 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				${selectedListItems}
 				${listHeader}
 				${listItems}
+				<d2l-pager-load-more slot="pager"
+					@d2l-pager-load-more="${this._handleDimensionLoadMore}"
+					?has-more="${dimension.hasMore}">
+				</d2l-pager-load-more>
 			</d2l-list>
 		`;
 	}
@@ -607,7 +613,23 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 	}
 
 	_getActiveDimension() {
-		return !this._activeDimensionKey ? this._dimensions[0] : this._dimensions.find(dimension => dimension.key === this._activeDimensionKey);
+		return !this._activeDimensionKey ? this._dimensions[0] : this._getDimensionByKey(this._activeDimensionKey);
+	}
+
+	_getDimensionByKey(key) {
+		return this._dimensions.find(dimension => dimension.key === key);
+	}
+
+	_getSearchCallback(dimension) {
+		return function({ keysToDisplay = [], displayAllKeys = false } = {}) {
+			requestAnimationFrame(() => {
+				dimension.displayAllKeys = displayAllKeys;
+				dimension.searchKeysToDisplay = keysToDisplay;
+				this._performDimensionSearch(dimension);
+				dimension.loading = false;
+				this.requestUpdate();
+			});
+		}.bind(this);
 	}
 
 	_getSlottedNodes(slot) {
@@ -618,7 +640,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 
 	_handleChangeSetDimension(e) {
 		const dimensionKey = e.target.id.slice(SET_DIMENSION_ID_PREFIX.length);
-		const dimension = this._dimensions.find(dimension => dimension.key === dimensionKey);
+		const dimension = this._getDimensionByKey(dimensionKey);
 		const valueKey = e.detail.key;
 		const selected = e.detail.selected;
 
@@ -652,7 +674,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 
 	_handleDimensionDataChange(e) {
 		const changes = e.detail.changes;
-		const dimension = this._dimensions.find(dimension => dimension.key === e.detail.dimensionKey);
+		const dimension = this._getDimensionByKey(e.detail.dimensionKey);
 		const value = e.detail.valueKey && dimension.values.find(value => value.key === e.detail.valueKey);
 		const toUpdate = e.detail.valueKey ? value : dimension;
 
@@ -710,6 +732,25 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		this._activeDimensionKey = null;
 	}
 
+	_handleDimensionLoadMore(e) {
+		const dimensionKey = e.target.parentNode.id.slice(SET_DIMENSION_ID_PREFIX.length);
+		const dimension = this._getDimensionByKey(dimensionKey);
+		const applySearch = this._getSearchCallback(dimension);
+
+		this.dispatchEvent(new CustomEvent('d2l-filter-dimension-load-more', {
+			detail: {
+				key: dimensionKey,
+				value: dimension.searchValue,
+				loadMoreCompleteCallback: (options) => {
+					applySearch(options);
+					e.detail.complete();
+				}
+			},
+			bubbles: true,
+			composed: false
+		}));
+	}
+
 	_handleDimensionShowComplete() {
 		const returnButton = this.shadowRoot
 			&& this.shadowRoot.querySelector('d2l-button-icon[icon="tier1:chevron-left"]');
@@ -718,7 +759,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 
 	_handleDimensionShowStart(e) {
 		this._activeDimensionKey = e.detail.sourceView.getAttribute('data-key');
-		const dimension = this._dimensions.find(dimension => dimension.key === this._activeDimensionKey);
+		const dimension = this._getDimensionByKey(this._activeDimensionKey);
 		if (dimension.introductoryText) announce(dimension.introductoryText);
 		if (dimension.selectedFirst) this._updateDimensionShouldBubble(dimension);
 		this._dispatchDimensionFirstOpenEvent(dimension);
@@ -753,9 +794,6 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		const searchValue = e.detail.value.trim();
 		dimension.searchValue = searchValue;
 
-		if (dimension.selectedFirst) {
-			this._updateDimensionShouldBubble(dimension);
-		}
 		this._search(dimension);
 	}
 
@@ -775,6 +813,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				case 'd2l-filter-dimension-set': {
 					info.headerText = dimension.headerText;
 					info.introductoryText = dimension.introductoryText;
+					info.hasMore = dimension.hasMore;
 					info.searchType = dimension.searchType;
 					info.searchValue = '';
 					info.selectedFirst = dimension.selectedFirst;
@@ -839,6 +878,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 	}
 
 	_performDimensionSearch(dimension) {
+		if (dimension.selectedFirst) this._updateDimensionShouldBubble(dimension);
 		switch (dimension.type) {
 			case 'd2l-filter-dimension-set':
 				dimension.values.forEach(value => {
@@ -882,15 +922,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				detail: {
 					key: dimension.key,
 					value: dimension.searchValue,
-					searchCompleteCallback: function({ keysToDisplay = [], displayAllKeys = false } = {}) {
-						requestAnimationFrame(() => {
-							dimension.displayAllKeys = displayAllKeys;
-							dimension.searchKeysToDisplay = keysToDisplay;
-							this._performDimensionSearch(dimension);
-							dimension.loading = false;
-							this.requestUpdate();
-						});
-					}.bind(this)
+					searchCompleteCallback: this._getSearchCallback(dimension)
 				}
 			}));
 		}

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

@@ -683,7 +683,6 @@ export const ListItemMixin = superclass => class extends composeMixins(
 		return html`
 			<div>${this.localize('components.list-item-tooltip.title')}</div>
 			<ul>
-				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.enter-key')}</span> - ${this.localize('components.list-item-tooltip.enter-desc')}</li>
 				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.up-down-key')}</span> - ${this.localize('components.list-item-tooltip.up-down-desc')}</li>
 				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.left-right-key')}</span> - ${this.localize('components.list-item-tooltip.left-right-desc')}</li>
 				<li><span class="d2l-list-item-tooltip-key">${this.localize('components.list-item-tooltip.page-up-down-key')}</span> - ${this.localize('components.list-item-tooltip.page-up-down-desc')}</li>

package/custom-elements.json

@@ -3669,6 +3669,10 @@
         }
       ]
     },
+    {
+      "name": "d2l-filter-load-more-demo",
+      "path": "./components/filter/demo/filter-load-more-demo.js"
+    },
     {
       "name": "d2l-filter-search-demo",
       "path": "./components/filter/demo/filter-search-demo.js"
@@ -3819,6 +3823,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "has-more",
+          "description": "Whether the dimension has more values to load",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "search-type",
           "description": "Whether to hide the search input, perform a simple text search, or fire an event on search",
@@ -3884,6 +3894,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "hasMore",
+          "attribute": "has-more",
+          "description": "Whether the dimension has more values to load",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "searchType",
           "attribute": "search-type",
@@ -4102,6 +4119,10 @@
         {
           "name": "d2l-filter-dimension-search",
           "description": "Dispatched when a dimension that supports searching and has the \"manual\" search-type is searched"
+        },
+        {
+          "name": "d2l-filter-dimension-load-more",
+          "description": "Dispatched when a dimension load more pager clicked"
         }
       ],
       "slots": [

package/lang/ar.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
 	"components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",
 	"components.list-item-tooltip.title": "التنقل عبر لوحة المفاتيح للقوائم:",
-	"components.list-item-tooltip.enter-key": "إدخال",
-	"components.list-item-tooltip.enter-desc": "تنشيط خيار التركيز.",
 	"components.list-item-tooltip.up-down-key": "أعلى/أسفل",
 	"components.list-item-tooltip.up-down-desc": "نقل التركيز بين مواد القائمة.",
 	"components.list-item-tooltip.left-right-key": "يسار/يمين",

package/lang/cy.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Aildrefnu gweithred eitem ar gyfer {name}",
 	"components.list-item-drag-handle.keyboard": "Aildrefnu eitemau, safle presennol {currentPosition} allan o {size}. I symud yr eitem hon, pwyswch y saeth i fyny neu'r saeth i lawr.",
 	"components.list-item-tooltip.title": "Llywio Bysellfwrdd ar gyfer Rhestrau:",
-	"components.list-item-tooltip.enter-key": "Nodi",
-	"components.list-item-tooltip.enter-desc": "Gweithredu'r opsiwn ffocysu.",
 	"components.list-item-tooltip.up-down-key": "I Fyny/I Lawr",
 	"components.list-item-tooltip.up-down-desc": "Symud y ffocws rhwng eitemau rhestr.",
 	"components.list-item-tooltip.left-right-key": "Chwith/De",

package/lang/da.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Omarranger elementhandling for {name}",
 	"components.list-item-drag-handle.keyboard": "Omarranger element, aktuel position {currentPosition} ud af {size}. For at flytte dette element skal du trykke på pil op eller pil ned.",
 	"components.list-item-tooltip.title": "Tastaturnavigering for lister:",
-	"components.list-item-tooltip.enter-key": "Indtast",
-	"components.list-item-tooltip.enter-desc": "Aktivér den fokuserede indstilling.",
 	"components.list-item-tooltip.up-down-key": "Op/ned",
 	"components.list-item-tooltip.up-down-desc": "Flyt fokus mellem listeelementer.",
 	"components.list-item-tooltip.left-right-key": "Venstre/højre",

package/lang/de.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Elementaktion für {name} neu anordnen",
 	"components.list-item-drag-handle.keyboard": "Elemente neu anordnen; aktuelle Position: {currentPosition} von {size}. Drücken Sie zum Bewegen dieses Elements auf den Pfeil nach oben oder den Pfeil nach unten.",
 	"components.list-item-tooltip.title": "Tastaturnavigation für Listen:",
-	"components.list-item-tooltip.enter-key": "Eingabe",
-	"components.list-item-tooltip.enter-desc": "Die fokussierte Option aktivieren.",
 	"components.list-item-tooltip.up-down-key": "Nach oben/unten",
 	"components.list-item-tooltip.up-down-desc": "Fokus zwischen Listeneinträgen verschieben.",
 	"components.list-item-tooltip.left-right-key": "Links/Rechts",

package/lang/en-gb.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Reorder item action for {name}",
 	"components.list-item-drag-handle.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press up or down arrows.",
 	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
 	"components.list-item-tooltip.up-down-key": "Up/Down",
 	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
 	"components.list-item-tooltip.left-right-key": "Left/Right",

package/lang/en.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Reorder item action for {name}",
 	"components.list-item-drag-handle.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press up or down arrows.",
 	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
 	"components.list-item-tooltip.up-down-key": "Up/Down",
 	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
 	"components.list-item-tooltip.left-right-key": "Left/Right",

package/lang/es-es.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Reordenar acción de elemento para {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elementos, posición actual {currentPosition} de {size}. Para mover este elemento, pulse las flechas arriba o abajo.",
 	"components.list-item-tooltip.title": "Navegación de listas con el teclado:",
-	"components.list-item-tooltip.enter-key": "Intro",
-	"components.list-item-tooltip.enter-desc": "Activar la opción seleccionada.",
 	"components.list-item-tooltip.up-down-key": "Arriba/abajo",
 	"components.list-item-tooltip.up-down-desc": "Mover el enfoque entre los elementos de la lista.",
 	"components.list-item-tooltip.left-right-key": "Izquierda/derecha",

package/lang/es.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Acción de reordenar elemento de {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elemento, posición actual {currentPosition} de {size}. Para mover este elemento, presione las flechas hacia arriba o hacia abajo.",
 	"components.list-item-tooltip.title": "Navegación con el teclado para listas:",
-	"components.list-item-tooltip.enter-key": "Ingresar",
-	"components.list-item-tooltip.enter-desc": "Activar la opción enfocada.",
 	"components.list-item-tooltip.up-down-key": "Arriba/abajo",
 	"components.list-item-tooltip.up-down-desc": "Mover el enfoque entre los elementos de la lista.",
 	"components.list-item-tooltip.left-right-key": "Izquierda/derecha",

package/lang/fr-fr.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Action de réorganisation de l'élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réordonner les éléments, position actuelle {currentPosition} sur {size}. Pour déplacer cet élément, appuyez sur les flèches vers le haut ou vers le bas.",
 	"components.list-item-tooltip.title": "Navigation au clavier pour les listes :",
-	"components.list-item-tooltip.enter-key": "Saisir",
-	"components.list-item-tooltip.enter-desc": "Activez l'option ciblée.",
 	"components.list-item-tooltip.up-down-key": "Haut/bas",
 	"components.list-item-tooltip.up-down-desc": "Déplacez le focus entre les éléments de la liste.",
 	"components.list-item-tooltip.left-right-key": "Gauche/droite",

package/lang/fr.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Réordonner l'action de l'élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réorganiser les éléments, position actuelle {currentPosition} de {size}. Pour déplacer cet élément, utilisez les flèches vers le haut et vers le bas.",
 	"components.list-item-tooltip.title": "Navigation au clavier pour les listes :",
-	"components.list-item-tooltip.enter-key": "Entrée",
-	"components.list-item-tooltip.enter-desc": "Activer l'option de mise au point.",
 	"components.list-item-tooltip.up-down-key": "Haut/bas",
 	"components.list-item-tooltip.up-down-desc": "Déplacer la priorité entre les éléments d'une liste.",
 	"components.list-item-tooltip.left-right-key": "Gauche/droite",

package/lang/hi.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "{name} के लिए आइटम कार्रवाई का क्रम बदलें",
 	"components.list-item-drag-handle.keyboard": "आइटम का क्रम बदलें, {size} में से वर्तमान स्थिति {currentPosition} इस आइटम को ले जाने के लिए, ऊपर या नीचे तीर दबाएँ।",
 	"components.list-item-tooltip.title": "सूचियों के लिए कीबोर्ड नेविगेशन:",
-	"components.list-item-tooltip.enter-key": "डालें",
-	"components.list-item-tooltip.enter-desc": "फ़ोकस किए गए विकल्प को सक्रिय करें।",
 	"components.list-item-tooltip.up-down-key": "ऊपर/नीचे",
 	"components.list-item-tooltip.up-down-desc": "सूची के आइटम के बीच फोकस ले जाएँ।",
 	"components.list-item-tooltip.left-right-key": "बायाँ/दायाँ",

package/lang/ja.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "{name} の項目並べ替えアクション",
 	"components.list-item-drag-handle.keyboard": "項目の並べ替え、現在の位置 {currentPosition}、サイズ {size}。この項目を移動するには、上矢印または下矢印を押します。",
 	"components.list-item-tooltip.title": "リストのキーボードナビゲーション:",
-	"components.list-item-tooltip.enter-key": "入力",
-	"components.list-item-tooltip.enter-desc": "フォーカスされたオプションを有効化します。",
 	"components.list-item-tooltip.up-down-key": "上/下",
 	"components.list-item-tooltip.up-down-desc": "リストの項目間でフォーカスを移動します。",
 	"components.list-item-tooltip.left-right-key": "左/右",

package/lang/ko.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "{name}에 대한 항목 작업 재정렬",
 	"components.list-item-drag-handle.keyboard": "전체 {size}에서 현재 위치 {currentPosition} 항목 재정렬 이 항목을 이동하라면 위쪽 또는 아래쪽 화살표를 누르십시오.",
 	"components.list-item-tooltip.title": "목록에 대한 키보드 탐색:",
-	"components.list-item-tooltip.enter-key": "입력",
-	"components.list-item-tooltip.enter-desc": "포커스 옵션을 활성화합니다.",
 	"components.list-item-tooltip.up-down-key": "위로/아래로",
 	"components.list-item-tooltip.up-down-desc": "목록 항목 간에 포커스를 이동합니다.",
 	"components.list-item-tooltip.left-right-key": "왼쪽/오른쪽",

package/lang/nl.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Itemactie voor {name} opnieuw rangschikken",
 	"components.list-item-drag-handle.keyboard": "Items opnieuw rangschikken, huidige positie {currentPosition} van {size}. Als u dit item wilt verplaatsen, drukt u op de pijl omhoog of omlaag.",
 	"components.list-item-tooltip.title": "Toetsenbordnavigatie voor lijsten:",
-	"components.list-item-tooltip.enter-key": "Invoeren",
-	"components.list-item-tooltip.enter-desc": "Activeer de optie met focus.",
 	"components.list-item-tooltip.up-down-key": "Omhoog/omlaag",
 	"components.list-item-tooltip.up-down-desc": "Verplaats focus tussen lijstitems.",
 	"components.list-item-tooltip.left-right-key": "Links/rechts",

package/lang/pt.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Reordenar ação de item para {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar item, posição atual {currentPosition} de {size}. Para mover este item, pressione as setas para cima ou para baixo.",
 	"components.list-item-tooltip.title": "Navegação do teclado para listas:",
-	"components.list-item-tooltip.enter-key": "Inserir",
-	"components.list-item-tooltip.enter-desc": "Ativar a opção focalizada.",
 	"components.list-item-tooltip.up-down-key": "Para cima/para baixo",
 	"components.list-item-tooltip.up-down-desc": "Mova o foco entre os itens da lista.",
 	"components.list-item-tooltip.left-right-key": "Esquerda/direita",

package/lang/sv.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "Åtgärd för att ändra ordning på objekt för {name}",
 	"components.list-item-drag-handle.keyboard": "Flytta objekt. Aktuell position: {currentPosition} av {size}. Om du vill flytta det här objektet trycker du på uppåt- eller nedåtpilen.",
 	"components.list-item-tooltip.title": "Tangentbordsnavigering för listor:",
-	"components.list-item-tooltip.enter-key": "Ange",
-	"components.list-item-tooltip.enter-desc": "Aktivera alternativet Fokuserat.",
 	"components.list-item-tooltip.up-down-key": "Upp/ned",
 	"components.list-item-tooltip.up-down-desc": "Flytta fokus mellan listobjekt.",
 	"components.list-item-tooltip.left-right-key": "Vänster/höger",

package/lang/tr.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "{name} için öğe eylemini yeniden sırala",
 	"components.list-item-drag-handle.keyboard": "Öğeyi yeniden sırala, mevcut konum {currentPosition} / {size}. Bu öğeyi taşımak için yukarı veya aşağı oklara basın.",
 	"components.list-item-tooltip.title": "Listeler için Klavye ile Gezinme:",
-	"components.list-item-tooltip.enter-key": "Gir",
-	"components.list-item-tooltip.enter-desc": "Odaklanmış seçeneğini etkinleştirin.",
 	"components.list-item-tooltip.up-down-key": "Yukarı/Aşağı",
 	"components.list-item-tooltip.up-down-desc": "Odağı liste öğeleri arasında taşıyın.",
 	"components.list-item-tooltip.left-right-key": "Sol/Sağ",

package/lang/zh-cn.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "对 {name} 的项目操作重新排序",
 	"components.list-item-drag-handle.keyboard": "对项目重新排序，当前位置 {currentPosition} 超出 {size}。要移动此项目，请按向上或向下箭头。",
 	"components.list-item-tooltip.title": "列表的键盘导航：",
-	"components.list-item-tooltip.enter-key": "输入",
-	"components.list-item-tooltip.enter-desc": "激活聚焦选项。",
 	"components.list-item-tooltip.up-down-key": "向上/向下",
 	"components.list-item-tooltip.up-down-desc": "在列表项之间移动焦点。",
 	"components.list-item-tooltip.left-right-key": "向左/向右",

package/lang/zh-tw.js

@@ -70,8 +70,6 @@ export default {
 	"components.list-item-drag-handle.default": "重新排序 {name} 的項目動作",
 	"components.list-item-drag-handle.keyboard": "重新排序項目，目前位置 {currentPosition}，總共為 {size}。若要移除這個項目，請按向上或向下箭頭。",
 	"components.list-item-tooltip.title": "清單的鍵盤導覽：",
-	"components.list-item-tooltip.enter-key": "輸入",
-	"components.list-item-tooltip.enter-desc": "啟動聚焦選項。",
 	"components.list-item-tooltip.up-down-key": "上 / 下",
 	"components.list-item-tooltip.up-down-desc": "在清單項目之間移動焦點。",
 	"components.list-item-tooltip.left-right-key": "左 / 右",

package/package.json

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