@brightspace-ui/core 2.18.8 → 2.20.0

package/components/filter/filter.js

@@ -297,7 +297,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 					slot="header"
 					@click="${this._handleClearAll}"
 					?disabled="${this._totalAppliedCount === 0}"
-					description="${this.localize('components.filter.clearAllDescription')}"
+					description="${this.text ? this.localize('components.filter.clearAllDescriptionOverride', { filterText: this.text }) : this.localize('components.filter.clearAllDescription')}"
 					text="${this.localize('components.filter.clearAll')}">
 				</d2l-button-subtle>
 			`;
@@ -309,7 +309,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 			<d2l-button-subtle
 				@click="${this._handleClear}"
 				?disabled="${dimension.loading || dimension.appliedCount === 0}"
-				description="${singleDimension ? this.localize('components.filter.clearDescriptionSingle') : this.localize('components.filter.clearDescription', { filterName: dimension.text })}"
+				description="${this.localize('components.filter.clearDescription', { filterName: dimension.text })}"
 				text="${this.localize('components.filter.clear')}">
 			</d2l-button-subtle>
 		`;
@@ -485,11 +485,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		this._dispatchChangeEventNow(false);
 		this.requestUpdate();
 
-		if (!this._activeDimensionKey) {
-			announce(this.localize('components.filter.clearAnnounceSingle'));
-		} else {
-			announce(this.localize('components.filter.clearAnnounce', { filterName: dimension.text }));
-		}
+		announce(this.localize('components.filter.clearAnnounce', { filterName: dimension.text }));
 	}
 
 	_handleClearAll() {
@@ -504,7 +500,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 		this._dispatchChangeEventNow(true);
 		this.requestUpdate();
 
-		announce(this.localize('components.filter.clearAllAnnounce'));
+		this.text ? announce(this.localize('components.filter.clearAllAnnounceOverride', { filterText: this.text })) : announce(this.localize('components.filter.clearAllAnnounce'));
 	}
 
 	_handleDimensionDataChange(e) {

package/components/link/link.js

@@ -2,21 +2,23 @@ import '../colors/colors.js';
 import { css, html, LitElement } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus-mixin.js';
+import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 
 export const linkStyles = css`
 	.d2l-link, .d2l-link:visited, .d2l-link:active, .d2l-link:link {
 		color: var(--d2l-color-celestine);
 		cursor: pointer;
+		outline-style: none;
 		text-decoration: none;
 	}
 	:host([skeleton]) .d2l-link.d2l-skeletize::before {
 		bottom: 0.2rem;
 		top: 0.2rem;
 	}
-	.d2l-link:hover, .d2l-link:focus {
+	.d2l-link:hover,
+	.d2l-link.focus-visible {
 		color: var(--d2l-color-celestine-minus-1);
-		outline-width: 0;
 		text-decoration: underline;
 	}
 	.d2l-link.d2l-link-main {
@@ -42,7 +44,7 @@ export const linkStyles = css`
  * This component can be used just like the native anchor tag.
  * @slot - The content (e.g., text) that when selected causes navigation
  */
-class Link extends FocusMixin(LitElement) {
+class Link extends FocusMixin(FocusVisiblePolyfillMixin(LitElement)) {
 
 	static get properties() {
 		return {

package/components/switch/README.md

@@ -49,7 +49,6 @@ The `d2l-switch` element is a generic switch with on/off semantics.
 | `disabled` | Boolean | Disables the switch |
 | `on` | Boolean | Whether the switch is "on" or "off" |
 | `text-position` | String | Valid values are: `start`, `end` (default), and `hidden` |
-| `tooltip` | String | Text to display in a tooltip for the switch |
 ### Events
 
 - `change`: dispatched when the `on` property is updated
@@ -88,7 +87,6 @@ The `d2l-switch-visibility` element is a variant of the generic switch configure
 | `disabled` | Boolean | Disabled the switch |
 | `on` | Boolean | Whether the switch is "on" or "off" |
 | `text-position` | String | Valid values are: `start`, `end` (default), and `hidden` |
-| `tooltip` | String | Text to display in a tooltip for the switch |
 
 ### Events
 

package/components/switch/demo/switch.html

@@ -45,14 +45,6 @@
 				</template>
 			</d2l-demo-snippet>
 
-			<h2>On/Off (with tooltip)</h2>
-
-			<d2l-demo-snippet>
-				<template>
-					<d2l-switch text="Dark Mode" tooltip="Whether dark mode is turned on or off." on></d2l-switch>
-				</template>
-			</d2l-demo-snippet>
-
 			<h2>Visibility</h2>
 
 			<d2l-demo-snippet>

package/components/switch/switch-mixin.js

@@ -1,5 +1,4 @@
 import '../colors/colors.js';
-import '../tooltip/tooltip.js';
 import { css, html } from 'lit';
 import { FocusMixin } from '../../mixins/focus-mixin.js';
 import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
@@ -31,12 +30,7 @@ export const SwitchMixin = superclass => class extends FocusMixin(RtlMixin(Focus
 			 * @type {'start'|'end'|'hidden'}
 			 * @default end
 			 */
-			textPosition: { type: String, attribute: 'text-position', reflect: true },
-			/**
-			 * The text that is displayed in a tooltip when the switch is hovered over.
-			 * @type {string}
-			 */
-			tooltip: { type: String, reflect: true }
+			textPosition: { type: String, attribute: 'text-position', reflect: true }
 		};
 	}
 
@@ -172,7 +166,6 @@ export const SwitchMixin = superclass => class extends FocusMixin(RtlMixin(Focus
 		this.labelHidden = false;
 		this.on = false;
 		this.textPosition = 'end';
-		this._switchId = getUniqueId();
 		this._textId = getUniqueId();
 	}
 
@@ -192,7 +185,6 @@ export const SwitchMixin = superclass => class extends FocusMixin(RtlMixin(Focus
 		const text = html`<span id="${this._textId}" class="d2l-switch-text">${this.text}</span>`;
 		const textPosition = (this.textPosition === 'start' || this.textPosition === 'hidden'
 			? this.textPosition : 'end');
-		const tooltip = (this.tooltip ? html`<d2l-tooltip for="${this._switchId}">${this.tooltip}</d2l-tooltip>` : '');
 		return html`
 			${textPosition === 'start' ? text : ''}
 			<div
@@ -201,7 +193,6 @@ export const SwitchMixin = superclass => class extends FocusMixin(RtlMixin(Focus
 				aria-labelledby="${ifDefined(textPosition !== 'hidden' ? this._textId : undefined)}"
 				class="d2l-switch-container"
 				@click="${this._handleClick}"
-				id="${this._switchId}"
 				@keydown="${this._handleKeyDown}"
 				@keyup="${this._handleKeyUp}"
 				role="switch"
@@ -212,7 +203,6 @@ export const SwitchMixin = superclass => class extends FocusMixin(RtlMixin(Focus
 					<div class="d2l-switch-icon-off">${this.offIcon}</div>
 				</div>
 			</div>
-			${tooltip}
 			${textPosition === 'end' ? text : ''}
 		`;
 	}

package/custom-elements.json

@@ -9358,11 +9358,6 @@
           "type": "string",
           "default": "\"\\\"Visibility\\\"\""
         },
-        {
-          "name": "tooltip",
-          "description": "The text that is displayed in a tooltip when the switch is hovered over.",
-          "type": "string"
-        },
         {
           "name": "disabled",
           "description": "Disables the switch from being toggled.",
@@ -9398,12 +9393,6 @@
           "type": "string",
           "default": "\"\\\"Visibility\\\"\""
         },
-        {
-          "name": "tooltip",
-          "attribute": "tooltip",
-          "description": "The text that is displayed in a tooltip when the switch is hovered over.",
-          "type": "string"
-        },
         {
           "name": "disabled",
           "attribute": "disabled",
@@ -9448,11 +9437,6 @@
           "description": "REQUIRED: The text that is displayed for the switch label.",
           "type": "string"
         },
-        {
-          "name": "tooltip",
-          "description": "The text that is displayed in a tooltip when the switch is hovered over.",
-          "type": "string"
-        },
         {
           "name": "disabled",
           "description": "Disables the switch from being toggled.",
@@ -9487,12 +9471,6 @@
           "description": "REQUIRED: The text that is displayed for the switch label.",
           "type": "string"
         },
-        {
-          "name": "tooltip",
-          "attribute": "tooltip",
-          "description": "The text that is displayed in a tooltip when the switch is hovered over.",
-          "type": "string"
-        },
         {
           "name": "disabled",
           "attribute": "disabled",

package/lang/ar.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "مسح",
 	"components.filter.clearAll": "مسح الكل",
 	"components.filter.clearAllAnnounce": "جارٍ مسح كل عوامل التصفية",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "مسح كل عوامل التصفية",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "جارٍ مسح عوامل التصفية لـ: {filterName}",
-	"components.filter.clearAnnounceSingle": "جارٍ مسح عوامل التصفية",
 	"components.filter.clearDescription": "مسح عوامل التصفية لـ: {filterName}",
-	"components.filter.clearDescriptionSingle": "مسح عوامل التصفية",
 	"components.filter.loading": "يتم تحميل عوامل التصفية",
 	"components.filter.filterCountDescription": "{number, plural, zero {لم يتم تطبيق عوامل تصفية.} one {تم تطبيق عامل تصفية واحد.} other {{number} من عوامل التصفية التي تم تطبيقها.}}",
 	"components.filter.filters": "عوامل التصفية",

package/lang/cy.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Clirio",
 	"components.filter.clearAll": "Clirio’r Cyfan",
 	"components.filter.clearAllAnnounce": "Wrthi’n clirio’r holl hidlwyr",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Clirio’r holl hidlwyr",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Wrthi’n clirio hidlwyr ar gyfer: {filterName}",
-	"components.filter.clearAnnounceSingle": "Wrthi'n clirio hidlwyr",
 	"components.filter.clearDescription": "Wrthi’n clirio hidlwyd ar gyfer: {filterName}",
-	"components.filter.clearDescriptionSingle": "Clirio Hidlwyr",
 	"components.filter.loading": "Wrthi’n llwytho hidlyddion",
 	"components.filter.filterCountDescription": "{number, plural, zero {Dim hildwyr wedi'u gweithredu.} one {1 hidlydd wedi'i weithredu.} other {{number} hidlydd wedi'u gweithredu.}}",
 	"components.filter.filters": "Hidlyddion",

package/lang/da.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Ryd",
 	"components.filter.clearAll": "Ryd alle",
 	"components.filter.clearAllAnnounce": "Rydder alle filtre",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Ryd alle filtre",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Rydder filtre for: {filterName}",
-	"components.filter.clearAnnounceSingle": "Rydder filtre",
 	"components.filter.clearDescription": "Ryd filtre for: {filterName}",
-	"components.filter.clearDescriptionSingle": "Ryd filtre",
 	"components.filter.loading": "Indlæser filtre",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Ingen filtre anvendt.} one {1 filter anvendt.} other {{number} filtre anvendt.}}",
 	"components.filter.filters": "Filtre",

package/lang/de.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Löschen",
 	"components.filter.clearAll": "Alle löschen",
 	"components.filter.clearAllAnnounce": "Alle Filter werden gelöscht",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Alle Filter löschen",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Filter für {filterName} werden gelöscht",
-	"components.filter.clearAnnounceSingle": "Filter werden gelöscht",
 	"components.filter.clearDescription": "Filter für {filterName} löschen",
-	"components.filter.clearDescriptionSingle": "Filter löschen",
 	"components.filter.loading": "Filter werden geladen",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Keine Filter angewendet.} one {1 Filter angewendet.} other {{number} Filter angewendet.}}",
 	"components.filter.filters": "Filter",

package/lang/en.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Clear",
 	"components.filter.clearAll": "Clear All",
 	"components.filter.clearAllAnnounce": "Clearing all filters",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Clear all filters",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Clearing filters for: {filterName}",
-	"components.filter.clearAnnounceSingle": "Clearing filters",
 	"components.filter.clearDescription": "Clear filters for: {filterName}",
-	"components.filter.clearDescriptionSingle": "Clear filters",
 	"components.filter.loading": "Loading filters",
 	"components.filter.filterCountDescription": "{number, plural, =0 {No filters applied.} one {1 filter applied.} other {{number} filters applied.}}",
 	"components.filter.filters": "Filters",

package/lang/es-es.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Borrar",
 	"components.filter.clearAll": "Borrar todo",
 	"components.filter.clearAllAnnounce": "Borrando todos los filtros",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Borrar todos los filtros",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Borrando filtros para: {filterName}",
-	"components.filter.clearAnnounceSingle": "Borrando filtros",
 	"components.filter.clearDescription": "Borrar filtros para: {filterName}",
-	"components.filter.clearDescriptionSingle": "Borrar filtros",
 	"components.filter.loading": "Cargando filtros",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Sin filtros aplicados.} one {1 filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",

package/lang/es.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Borrar",
 	"components.filter.clearAll": "Borrar todo",
 	"components.filter.clearAllAnnounce": "Borrando todos los filtros",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Borrar todos los filtros",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Borrando filtros para: {filterName}",
-	"components.filter.clearAnnounceSingle": "Borrando filtros",
 	"components.filter.clearDescription": "Borrar filtros para: {filterName}",
-	"components.filter.clearDescriptionSingle": "Borrar filtros",
 	"components.filter.loading": "Cargando filtros",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Sin filtros aplicados.} one {1 filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",

package/lang/fr-fr.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Effacer",
 	"components.filter.clearAll": "Tout effacer",
 	"components.filter.clearAllAnnounce": "Suppression de tous les filtres",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Supprimer tous les filtres",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Suppression des filtres pour : {filterName}",
-	"components.filter.clearAnnounceSingle": "Suppression des filtres",
 	"components.filter.clearDescription": "Supprimer les filtres pour : {filterName}",
-	"components.filter.clearDescriptionSingle": "Supprimer les filtres",
 	"components.filter.loading": "Chargement des filtres",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Aucun filtre appliqué.} one {1 filtre appliqué.} other {{number} filtres appliqués.}}",
 	"components.filter.filters": "Filtres",

package/lang/fr.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Effacer",
 	"components.filter.clearAll": "Effacer tout",
 	"components.filter.clearAllAnnounce": "Effacement de tous les filtres en cours",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Effacer tous les filtres",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Effacement des filtres pour : {filterName} en cours",
-	"components.filter.clearAnnounceSingle": "Effacement des filtres en cours",
 	"components.filter.clearDescription": "Effacer les filtres pour : {filterName}",
-	"components.filter.clearDescriptionSingle": "Effacer les filtres",
 	"components.filter.loading": "Chargement des filtres",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Aucun filtre appliqué.} one {1 filtre appliqué.} other {{number} filtres appliqués.}}",
 	"components.filter.filters": "Filtres",

package/lang/hi.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "साफ़ करें",
 	"components.filter.clearAll": "सभी साफ़ करें",
 	"components.filter.clearAllAnnounce": "सभी फिल्टर साफ़ किए जा रहे हैं",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "सभी फिल्टर साफ़ करें",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "इसके लिए फ़िल्टर साफ़ हो रहे हैं: {filterName}",
-	"components.filter.clearAnnounceSingle": "फ़िल्टर्स साफ़ किए जा रहे हैं",
 	"components.filter.clearDescription": "इसके लिए फ़िल्टर्स साफ़ करें: {filterName}",
-	"components.filter.clearDescriptionSingle": "फ़िल्टर साफ़ करें",
 	"components.filter.loading": "फिल्टर्स लोड किए जा रहे हैं",
 	"components.filter.filterCountDescription": "{number, plural, =0 {कोई फ़िल्टर लागू नहीं किए गए} one {1 फ़िल्टर लागू किया गया।} other {{number} फ़िल्टर्स लागू किए गए।}}",
 	"components.filter.filters": "फ़िल्टर्स",

package/lang/ja.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "クリア",
 	"components.filter.clearAll": "すべてをクリア",
 	"components.filter.clearAllAnnounce": "すべてのフィルタのクリア",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "すべてのフィルターをクリア",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "{filterName} フィルタのクリア",
-	"components.filter.clearAnnounceSingle": "フィルタのクリア",
 	"components.filter.clearDescription": "{filterName} フィルタのクリア",
-	"components.filter.clearDescriptionSingle": "フィルタのクリア",
 	"components.filter.loading": "フィルタのロード中",
 	"components.filter.filterCountDescription": "{number, plural, =0 {フィルタは適用されていません。} other {{number} 個のフィルタが適用されています。}}",
 	"components.filter.filters": "フィルタ",

package/lang/ko.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "지우기",
 	"components.filter.clearAll": "모두 지우기",
 	"components.filter.clearAllAnnounce": "모든 필터 지우기",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "모든 필터 지우기",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "{filterName}에 대한 필터 지우기",
-	"components.filter.clearAnnounceSingle": "필터 지우기",
 	"components.filter.clearDescription": "{filterName}에 대한 필터를 지웁니다.",
-	"components.filter.clearDescriptionSingle": "필터 지우기",
 	"components.filter.loading": "필터 로드 중",
 	"components.filter.filterCountDescription": "{number, plural, =0 {적용된 필터 없음.} other {{number}개 필터 적용됨.}}",
 	"components.filter.filters": "개 필터",

package/lang/nl.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Wissen",
 	"components.filter.clearAll": "Alles wissen",
 	"components.filter.clearAllAnnounce": "Alle filters wissen",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Alle filters wissen",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Filters wissen voor {filterName}",
-	"components.filter.clearAnnounceSingle": "Filters wissen",
 	"components.filter.clearDescription": "Filters wissen voor {filterName}",
-	"components.filter.clearDescriptionSingle": "Filters wissen",
 	"components.filter.loading": "Laden van filters",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Geen filters toegepast.} one {1 filter toegepast.} other {{number} filters toegepast.}}",
 	"components.filter.filters": "Filters", // mfv-translated

package/lang/pt.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Limpar",
 	"components.filter.clearAll": "Limpar tudo",
 	"components.filter.clearAllAnnounce": "Limpando todos os filtros",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Limpar todos os filtros",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Limpando filtros para: {filterName}",
-	"components.filter.clearAnnounceSingle": "Limpando filtros",
 	"components.filter.clearDescription": "Limpar filtros para: {filterName}",
-	"components.filter.clearDescriptionSingle": "Limpar filtros",
 	"components.filter.loading": "Carregar filtros",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Nenhum filtro aplicado.} one {1 filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",

package/lang/sv.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Rensa",
 	"components.filter.clearAll": "Rensa alla",
 	"components.filter.clearAllAnnounce": "Rensar alla filter",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Rensa alla filter",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "Rensar filter för {filterName}",
-	"components.filter.clearAnnounceSingle": "Rensar filter",
 	"components.filter.clearDescription": "Rensa filter för {filterName}",
-	"components.filter.clearDescriptionSingle": "Rensa filter",
 	"components.filter.loading": "Läser in filter",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Inga filter tillämpade.} one {1 filter tillämpat.} other {{number} filter tillämpade.}}",
 	"components.filter.filters": "Filter",

package/lang/tr.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "Temizle",
 	"components.filter.clearAll": "Tümünü Temizle",
 	"components.filter.clearAllAnnounce": "Tüm filtreler temizleniyor",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "Tüm filtreleri temizle",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "{filterName} için filtreler temizleniyor",
-	"components.filter.clearAnnounceSingle": "Filtreler temizleniyor",
 	"components.filter.clearDescription": "{filterName} için filtreleri temizle",
-	"components.filter.clearDescriptionSingle": "Filtreleri temizle",
 	"components.filter.loading": "Filtreler yükleniyor",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Filtre uygulanmadı.} one {1 filtre uygulandı.} other {{number} filtre uygulandı.}}",
 	"components.filter.filters": "Filtre",

package/lang/zh-cn.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "清除",
 	"components.filter.clearAll": "全部清除",
 	"components.filter.clearAllAnnounce": "清除所有筛选器",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "清除所有筛选器",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "正在清除筛选器：{ filterName }",
-	"components.filter.clearAnnounceSingle": "清除筛选",
 	"components.filter.clearDescription": "清除筛选条件：{ filterName }",
-	"components.filter.clearDescriptionSingle": "清除筛选",
 	"components.filter.loading": "正在加载筛选器",
 	"components.filter.filterCountDescription": "{number, plural, =0 {未应用筛选器。} other {已应用 {number} 个筛选器。}}",
 	"components.filter.filters": "个筛选条件",

package/lang/zh-tw.js

@@ -12,11 +12,11 @@ export default {
 	"components.filter.clear": "清除",
 	"components.filter.clearAll": "全部清除",
 	"components.filter.clearAllAnnounce": "正在清除所有篩選器",
+	"components.filter.clearAllAnnounceOverride": "Clearing all filters for: {filterText}",
 	"components.filter.clearAllDescription": "清除所有篩選器",
+	"components.filter.clearAllDescriptionOverride": "Clear all filters for: {filterText}",
 	"components.filter.clearAnnounce": "正在清除 {filterName} 的篩選器",
-	"components.filter.clearAnnounceSingle": "正在清除篩選器",
 	"components.filter.clearDescription": "清除 {filterName} 的篩選器",
-	"components.filter.clearDescriptionSingle": "清除篩選器",
 	"components.filter.loading": "正在載入篩選條件",
 	"components.filter.filterCountDescription": "{number, plural, =0 {未套用篩選條件。} other {已套用 {number} 項篩選條件。}}",
 	"components.filter.filters": "篩選器",

package/mixins/demo/localize-test.js

@@ -1,7 +1,7 @@
 import { html, LitElement } from 'lit';
-import { LocalizeMixin } from '../../mixins/localize-mixin.js';
+import { LocalizeDynamicMixin } from '../../mixins/localize-dynamic-mixin.js';
 
-class LocalizeTest extends LocalizeMixin(LitElement) {
+class LocalizeTest extends LocalizeDynamicMixin(LitElement) {
 
 	static get properties() {
 		return {
@@ -11,7 +11,7 @@ class LocalizeTest extends LocalizeMixin(LitElement) {
 		};
 	}
 
-	static async getLocalizeResources(langs) {
+	static get localizeConfig() {
 		const langResources = {
 			'ar': { 'hello': 'مرحبا {name}' },
 			'de': { 'hello': 'Hallo {name}' },
@@ -29,17 +29,15 @@ class LocalizeTest extends LocalizeMixin(LitElement) {
 			'zh-cn': { 'hello': '你好 {name}' },
 			'zh-tw': { 'hello': '你好 {name}' }
 		};
-
-		for (let i = 0; i < langs.length; i++) {
-			if (langResources[langs[i]]) {
-				return {
-					language: langs[i],
-					resources: langResources[langs[i]]
-				};
+		return {
+			importFunc: async lang => {
+				return new Promise((resolve) => {
+					setTimeout(() => {
+						resolve(langResources[lang]);
+					}, 50);
+				});
 			}
-		}
-
-		return null;
+		};
 	}
 
 	render() {

package/mixins/focus-visible-polyfill-mixin.md

@@ -18,7 +18,7 @@ import { FocusVisiblePolyfillMixin } from '@brightspace-ui/core/mixins/focus-vis
 class MyComponent extends FocusVisiblePolyfillMixin(LitElement) {
   static get styles() {
     return css`
-      /* styles to apply when clicked or focused with a keybard */
+      /* styles to apply when clicked or focused with a keyboard */
       button:hover,
       button:focus {
         background-color: #cccccc;

package/mixins/localize-mixin.js

@@ -163,12 +163,13 @@ export const LocalizeMixin = dedupeMixin(superclass => class extends superclass
 	}
 
 	static _getAllLocalizeResources(possibleLanguages, config = this.localizeConfig) {
-		let resourcesLoadedPromises;
+		let resourcesLoadedPromises = [];
 		const superCtor = Object.getPrototypeOf(this);
+		// get imported terms for each config, head up the chain to get them all
 		if ('_getAllLocalizeResources' in superCtor) {
-			resourcesLoadedPromises = superCtor._getAllLocalizeResources(possibleLanguages, config);
-		} else {
-			resourcesLoadedPromises = [];
+			// eslint-disable-next-line no-prototype-builtins
+			const superConfig = superCtor.hasOwnProperty('localizeConfig') && superCtor.localizeConfig.importFunc ? superCtor.localizeConfig : config;
+			resourcesLoadedPromises = superCtor._getAllLocalizeResources(possibleLanguages, superConfig);
 		}
 		// eslint-disable-next-line no-prototype-builtins
 		if (this.hasOwnProperty('getLocalizeResources') || this.hasOwnProperty('resources')) {

package/mixins/localize-mixin.md

@@ -103,6 +103,17 @@ static get localizeConfig() {
 }
 ```
 
+**Note:** If using `LocalizeCoreElement` or a mixin that utilizes `LocalizeCoreElement` as well as `LocalizeDynamicMixin` or a mixin that uses `LocalizeDynamicMixin`, `LocalizeDynamicMixin` **must** appear before `LocalizeCoreElement` in the chain. For example:
+
+```javascript
+import { LocalizeCoreElement } from '@brightspace-ui/core/helpers/localize-core-element.js';
+import { LocalizeDynamicMixin } from '@brightspace-ui/core/mixins/localize-dynamic-mixin.js';
+
+class MyComponent extends LocalizeDynamicMixin(LocalizeCoreElement(LitElement)) {
+  ...
+}
+```
+
 ## `localize()`
 
 Once your localization resources are available, the `localize()` method is used to localize a piece of text in your `render()` method.

package/package.json

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