@brightspace-ui/core 3.1.3 → 3.2.1

package/components/html-block/demo/html-block.html

@@ -78,7 +78,7 @@
 							<li>ordered item 1</li>
 							<li>ordered item 2</li>
 						</ol>
-						<div><a href="https://d2l.com">anchor</a></div>">					
+						<div><a href="https://d2l.com">anchor</a></div>">
 					</d2l-html-block>
 				</template>
 			</d2l-demo-snippet>
@@ -494,7 +494,7 @@
 								&lt;/mrow&gt;
 								&lt;mo&gt;)&lt;/mo&gt;
 							&lt;/mrow&gt;
-						&lt;/math&gt; and other symbols.">					
+						&lt;/math&gt; and other symbols.">
 					</d2l-html-block>
 				</template>
 			</d2l-demo-snippet>
@@ -504,7 +504,7 @@
 			<d2l-demo-snippet>
 				<template>
 					<d2l-html-block html="&lt;div&gt;$$ f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x $$ $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$&lt;/div&gt;
-						&lt;div&gt;$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$&lt;/div&gt;">					
+						&lt;div&gt;$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$&lt;/div&gt;">
 					</d2l-html-block>
 				</template>
 			</d2l-demo-snippet>

package/components/table/README.md

@@ -182,7 +182,8 @@ When tabular data can be sorted, the `<d2l-table-col-sort-button>` can be used t
                 <th>
                   <d2l-table-col-sort-button
                     @click="${this._handleSort}"
-                    ?desc="${this._sortDesc}">
+					?desc="${this._sortDesc}"
+					source-type="words">
                     Column A
                   </d2l-table-col-sort-button>
                 </th>
@@ -226,6 +227,7 @@ When tabular data can be sorted, the `<d2l-table-col-sort-button>` can be used t
 |---|---|---|---|
 | `desc` | boolean | Whether sort direction is descending | false |
 | `nosort` | boolean | Column is not currently sorted. Hides the ascending/descending sort icon. | false |
+| `source-type` | string | The type of data in the column. Used to set the title. Accepted values are 'words', 'numbers', and 'dates'. | 'unknown' |
 
 ## Selection
 

package/components/table/demo/table-test.js

@@ -177,10 +177,12 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
 			<th scope="col">
 				<d2l-table-col-sort-button
 					@click="${this._handleSort}"
+					source-type="words"
 					?desc="${this._sortDesc}"
 					?nosort="${this._sortField !== item1.toLowerCase()}">${item1}</d2l-table-col-sort-button>
 				<d2l-table-col-sort-button
 					@click="${this._handleSort}"
+					source-type="words"
 					?desc="${this._sortDesc}"
 					?nosort="${this._sortField !== item2.toLowerCase()}">${item2}</d2l-table-col-sort-button>
 			</th>
@@ -193,6 +195,7 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
 			<th scope="col">
 				<d2l-table-col-sort-button
 					@click="${this._handleSort}"
+					source-type="numbers"
 					?desc="${this._sortDesc}"
 					?nosort="${noSort}">${item}</d2l-table-col-sort-button>
 				${item === 'Size' && this.showButtons ? html`<d2l-button-icon text="Help" icon="tier1:help"></d2l-button-icon>` : nothing}

package/components/table/table-col-sort-button.js

@@ -3,12 +3,15 @@ import '../icons/icon.js';
 import { css, html, LitElement, unsafeCSS } from 'lit';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
 import { getFocusPseudoClass } from '../../helpers/focus.js';
+import { getUniqueId } from '../../helpers/uniqueId.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 
 /**
  * Button for sorting a table column in ascending/descending order.
  * @slot - Text of the sort button
  */
-export class TableColSortButton extends FocusMixin(LitElement) {
+export class TableColSortButton extends LocalizeCoreElement(FocusMixin(LitElement)) {
 
 	static get properties() {
 		return {
@@ -27,6 +30,14 @@ export class TableColSortButton extends FocusMixin(LitElement) {
 			nosort: {
 				reflect: true,
 				type: Boolean
+			},
+			/**
+			 * The type of data in the column. Used to set the title.
+			 *  @type {'words'|'numbers'|'dates'|'unknown'}
+			 */
+			sourceType: {
+				attribute: 'source-type',
+				type: String
 			}
 		};
 	}
@@ -81,8 +92,11 @@ export class TableColSortButton extends FocusMixin(LitElement) {
 
 	constructor() {
 		super();
-		this.nosort = false;
 		this.desc = false;
+		this.nosort = false;
+		this.sourceType = 'unknown';
+
+		this._describedById = getUniqueId();
 	}
 
 	static get focusElementSelector() {
@@ -90,10 +104,24 @@ export class TableColSortButton extends FocusMixin(LitElement) {
 	}
 
 	render() {
+		const buttonDescription = this.nosort ? this.localize('components.table-col-sort-button.addSortOrder') : this.localize('components.table-col-sort-button.changeSortOrder');
+		const buttonTitle = this.nosort
+			? undefined
+			: this.localize('components.table-col-sort-button.title', {
+				sourceType: this.sourceType,
+				direction: this.desc ? 'desc' : undefined
+			});
+
 		const iconView = !this.nosort ?
 			html`<d2l-icon icon="${this.desc ? 'tier1:arrow-toggle-down' : 'tier1:arrow-toggle-up'}"></d2l-icon>` :
 			null;
-		return html`<button type="button"><slot></slot>${iconView}</button>`;
+
+		return html`<button
+				aria-describedby="${this._describedById}"
+				title="${ifDefined(buttonTitle)}"
+				type="button">
+				<slot></slot>${iconView}
+			</button><span id="${this._describedById}" hidden>${buttonDescription}</span>`;
 	}
 
 }

package/custom-elements.json

@@ -12025,20 +12025,33 @@
       "path": "./components/table/table-col-sort-button.js",
       "description": "Button for sorting a table column in ascending/descending order.",
       "attributes": [
+        {
+          "name": "desc",
+          "description": "Whether sort direction is descending",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "nosort",
           "description": "Column is not currently sorted. Hides the ascending/descending sort icon.",
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "source-type",
+          "description": "The type of data in the column. Used to set the title.",
+          "type": "'words'|'numbers'|'dates'|'unknown'",
+          "default": "\"unknown\""
+        }
+      ],
+      "properties": [
         {
           "name": "desc",
+          "attribute": "desc",
           "description": "Whether sort direction is descending",
           "type": "boolean",
           "default": "false"
-        }
-      ],
-      "properties": [
+        },
         {
           "name": "nosort",
           "attribute": "nosort",
@@ -12047,11 +12060,15 @@
           "default": "false"
         },
         {
-          "name": "desc",
-          "attribute": "desc",
-          "description": "Whether sort direction is descending",
-          "type": "boolean",
-          "default": "false"
+          "name": "sourceType",
+          "attribute": "source-type",
+          "description": "The type of data in the column. Used to set the title.",
+          "type": "'words'|'numbers'|'dates'|'unknown'",
+          "default": "\"unknown\""
+        },
+        {
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
         }
       ],
       "slots": [

package/helpers/mathjax.js

@@ -64,6 +64,24 @@ class HtmlBlockMathRenderer {
 			elm.style.height = '0.5rem';
 		});
 
+		if (context.enableMML3Support) {
+			// There's a bug in the experimental MML3 plugin that causes mi and mo elements containing non-breaking
+			// spaces to break MathJax's math processing (e.g. <mo>&nbsp;</mo>, <mi>Some&nbsp;Identifier</mi>).
+			// Unfortunately, WIRIS tends to add a lot of these in chemistry equations, so they break math processing.
+			//
+			// In order to address this, we can just remove any non-breaking spaces entirely, replacing them with
+			// empty strings. MathJax will ignore any empty elements as a result, and while this may mean intended
+			// whitespace is occasionally removed, it's necessary for MathJax to render anything at all.
+			//
+			// NOTE: MathJax evidently has a fix for this in MathJax 4, so we should consider trying to remove this when
+			// the update comes out of beta and we decide to take it on.
+			//
+			// See https://github.com/mathjax/MathJax/issues/3030 for some related discussion.
+			elem.querySelectorAll('mo, mi').forEach(elm => {
+				elm.innerHTML = elm.innerHTML.replace(/&nbsp;/g, '');
+			});
+		}
+
 		// If we're using deferred rendering, we need to create a document structure
 		// within the element so MathJax can appropriately process math.
 		if (!options.noDeferredRendering) elem.innerHTML = `<mjx-doc><mjx-head></mjx-head><mjx-body>${elem.innerHTML}</mjx-body></mjx-doc>`;

package/lang/ar.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "مرئي.",
 	"components.switch.hidden": "مخفي",
 	"components.switch.conditions": "يجب استيفاء الشروط",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "إجراءات للجدول",
 	"components.tabs.next": "التمرير إلى الأمام",
 	"components.tabs.previous": "التمرير إلى الخلف",

package/lang/cy.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Gweladwy.",
 	"components.switch.hidden": "Cudd",
 	"components.switch.conditions": "Rhaid bodloni’r amodau",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Camau gweithredu ar gyfer y tabl",
 	"components.tabs.next": "Sgrolio Ymlaen",
 	"components.tabs.previous": "Sgrolio Yn Ôl",

package/lang/da.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Synlig.",
 	"components.switch.hidden": "Skjult",
 	"components.switch.conditions": "Betingelserne skal være opfyldt",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Handlinger for tabel",
 	"components.tabs.next": "Rul frem",
 	"components.tabs.previous": "Rul tilbage",

package/lang/de.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Sichtbar.",
 	"components.switch.hidden": "Ausgeblendet",
 	"components.switch.conditions": "Bedingungen müssen erfüllt sein",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Aktionen für Tabelle",
 	"components.tabs.next": "Weiterblättern",
 	"components.tabs.previous": "Zurückblättern",

package/lang/en-gb.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.",
 	"components.switch.hidden": "Hidden",
 	"components.switch.conditions": "Conditions must be met",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions for table",
 	"components.tabs.next": "Scroll Forwards",
 	"components.tabs.previous": "Scroll Backwards",

package/lang/en.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.",
 	"components.switch.hidden": "Hidden",
 	"components.switch.conditions": "Conditions must be met",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions for table",
 	"components.tabs.next": "Scroll Forward",
 	"components.tabs.previous": "Scroll Backward",

package/lang/es-es.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Oculto",
 	"components.switch.conditions": "Deben cumplirse las condiciones",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Acciones para la tabla",
 	"components.tabs.next": "Desplazarse hacia delante",
 	"components.tabs.previous": "Desplazarse hacia atrás",

package/lang/es.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Oculto",
 	"components.switch.conditions": "Se deben cumplir las condiciones",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Acciones de la tabla",
 	"components.tabs.next": "Desplazarse hacia adelante",
 	"components.tabs.previous": "Desplazarse hacia atrás",

package/lang/fr-fr.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Masqué",
 	"components.switch.conditions": "Les conditions doivent être remplies",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions du tableau",
 	"components.tabs.next": "Faire défiler vers l'avant",
 	"components.tabs.previous": "Faire défiler vers l'arrière",

package/lang/fr.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Masqué(e)",
 	"components.switch.conditions": "Les conditions doivent être remplies",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Actions pour la table",
 	"components.tabs.next": "Défilement avant",
 	"components.tabs.previous": "Défilement arrière",

package/lang/hi.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "दृश्यमान।",
 	"components.switch.hidden": "छुपा हुआ",
 	"components.switch.conditions": "शर्तें पूरी होनी चाहिए",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "तालिका के लिए क्रियाएँ",
 	"components.tabs.next": "आगे स्क्रॉल करें",
 	"components.tabs.previous": "पीछे स्क्रॉल करें",

package/lang/ja.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "表示。",
 	"components.switch.hidden": "非表示",
 	"components.switch.conditions": "条件が一致する必要があります",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "テーブルのアクション",
 	"components.tabs.next": "前方にスクロール",
 	"components.tabs.previous": "後方にスクロール",

package/lang/ko.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "표시.",
 	"components.switch.hidden": "숨김",
 	"components.switch.conditions": "조건을 충족해야 합니다",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "표에 대한 작업",
 	"components.tabs.next": "앞으로 스크롤",
 	"components.tabs.previous": "뒤로 스크롤",

package/lang/nl.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Zichtbaar.",
 	"components.switch.hidden": "Verborgen",
 	"components.switch.conditions": "Er moet aan de voorwaarden worden voldaan",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Acties voor tabel",
 	"components.tabs.next": "Naar voren scrollen",
 	"components.tabs.previous": "Naar achteren scrollen",

package/lang/pt.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Visível.",
 	"components.switch.hidden": "Oculto",
 	"components.switch.conditions": "As condições devem ser atendidas",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Ações para a tabela",
 	"components.tabs.next": "Ir para frente",
 	"components.tabs.previous": "Ir para trás",

package/lang/sv.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Synlig.",
 	"components.switch.hidden": "Dold",
 	"components.switch.conditions": "Villkoren måste uppfyllas",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Åtgärder för tabell",
 	"components.tabs.next": "Bläddra framåt",
 	"components.tabs.previous": "Bläddra bakåt",

package/lang/tr.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "Görünür.",
 	"components.switch.hidden": "Gizli",
 	"components.switch.conditions": "Koşullar karşılanmalıdır",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "Tablo için eylemler",
 	"components.tabs.next": "İleri Kaydır",
 	"components.tabs.previous": "Geri Kaydır",

package/lang/zh-cn.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "可见。",
 	"components.switch.hidden": "隐藏",
 	"components.switch.conditions": "必须符合条件",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "对表格的操作",
 	"components.tabs.next": "向前滚动",
 	"components.tabs.previous": "向后滚动",

package/lang/zh-tw.js

@@ -105,6 +105,9 @@ export default {
 	"components.switch.visibleWithPeriod": "可見。",
 	"components.switch.hidden": "隱藏",
 	"components.switch.conditions": "必須符合條件",
+	"components.table-col-sort-button.addSortOrder": "Select to add sort order",
+	"components.table-col-sort-button.changeSortOrder": "Select to change sort order",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorted new to old} other {Sorted old to new}}} numbers {{direction, select, desc {Sorted high to low} other {Sorted low to high}}} words {{direction, select, desc {Sorted Z to A} other {Sorted A to Z}}} other {{direction, select, desc {Sorted descending} other {Sorted ascending}}}}",
 	"components.table-controls.label": "表格動作",
 	"components.tabs.next": "向前捲動",
 	"components.tabs.previous": "向後捲動",

package/package.json

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