@brightspace-ui/core 3.166.1 → 3.167.1

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

@@ -37,9 +37,6 @@ export const ListItemExpandCollapseMixin = superclass => class extends SkeletonM
 				line-height: 0;
 				width: 0;
 			}
-			:host([dir="rtl"][_render-expand-collapse-slot]) .d2l-list-expand-collapse {
-				padding: 0.55rem 0 0 0.3rem;
-			}
 			.d2l-list-expand-collapse d2l-button-icon {
 				--d2l-button-icon-min-height: 1.2rem;
 				--d2l-button-icon-min-width: 1.2rem;
@@ -49,7 +46,8 @@ export const ListItemExpandCollapseMixin = superclass => class extends SkeletonM
 				border-radius: var(--d2l-button-icon-border-radius);
 			}
 			:host([_render-expand-collapse-slot]) .d2l-list-expand-collapse {
-				padding: 0.55rem 0.3rem 0 0;
+				padding-block-start: 0.55rem;
+				padding-inline-end: 0.3rem;
 				width: 1.2rem;
 			}
 			.d2l-list-expand-collapse-action {

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

@@ -20,7 +20,6 @@ import { ListItemDragDropMixin } from './list-item-drag-drop-mixin.js';
 import { ListItemExpandCollapseMixin } from './list-item-expand-collapse-mixin.js';
 import { ListItemRoleMixin } from './list-item-role-mixin.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
-import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { waitForElem } from '../../helpers/internal/waitForElem.js';
@@ -62,7 +61,6 @@ export const ListItemMixin = superclass => class extends composeMixins(
 	ListItemDragDropMixin,
 	ListItemCheckboxMixin,
 	ListItemRoleMixin,
-	RtlMixin,
 	SkeletonMixin) {
 
 	static get properties() {
@@ -293,7 +291,8 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			}
 
 			d2l-selection-input {
-				margin: 0.55rem 0.55rem 0.55rem 0;
+				margin-block: 0.55rem;
+				margin-inline-end: 0.55rem;
 			}
 			:host(:not([_render-expand-collapse-slot])) .d2l-list-item-content-extend-separators d2l-selection-input {
 				margin-inline-start: 0.9rem;
@@ -305,10 +304,6 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			d2l-list-item-drag-handle {
 				margin: 0.25rem 0.3rem;
 			}
-			:host([dir="rtl"]) d2l-selection-input {
-				margin-left: 0.9rem;
-				margin-right: 0;
-			}
 
 			[slot="outside-control-container"] {
 				border: 1px solid transparent;
@@ -328,18 +323,13 @@ export const ListItemMixin = superclass => class extends composeMixins(
 				margin-inline-end: -12px;
 			}
 
-			:host([_has-color-slot]) .d2l-list-item-content-extend-separators [slot="outside-control-container"],
-			:host([dir="rtl"][_has-color-slot]) .d2l-list-item-content-extend-separators [slot="outside-control-container"] {
+			:host([_has-color-slot]) .d2l-list-item-content-extend-separators [slot="outside-control-container"] {
 				margin-inline-end: 0 !important;
 				margin-inline-start: 0 !important;
 			}
 
 			:host(:not([draggable])[_has-color-slot]) [slot="outside-control-container"] {
-				margin-left: -6px;
-			}
-			:host(:not([draggable])[dir="rtl"][_has-color-slot]) [slot="outside-control-container"] {
-				margin-left: 0;
-				margin-right: -6px;
+				margin-inline-start: -6px;
 			}
 
 			:host([_hovering-control]) [slot="outside-control-container"],

package/components/selection/selection-select-all-pages.js

@@ -1,6 +1,7 @@
 import '../button/button-subtle.js';
 import { css, html, LitElement } from 'lit';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
+import { formatNumber } from '@brightspace-ui/intl/lib/number.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { SelectionInfo } from './selection-mixin.js';
 import { SelectionObserverMixin } from './selection-observer-mixin.js';
@@ -35,7 +36,7 @@ class SelectAllPages extends FocusMixin(LocalizeCoreElement(SelectionObserverMix
 		return html`
 			<d2l-button-subtle
 				@click="${this._handleClick}"
-				text="${this.localize('components.selection.select-all-items', 'count', this._provider.itemCount)}">
+				text="${this.localize('components.selection.select-all-items', { count: this._provider.itemCount, countFormatted: formatNumber(this._provider.itemCount) })}">
 			</d2l-button-subtle>`;
 	}
 

package/components/selection/selection-summary.js

@@ -1,5 +1,6 @@
 import { css, html, LitElement, nothing } from 'lit';
 import { bodyCompactStyles } from '../typography/styles.js';
+import { formatNumber } from '@brightspace-ui/intl/lib/number.js';
 import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
 import { SelectionInfo } from './selection-mixin.js';
 import { SelectionObserverMixin } from './selection-observer-mixin.js';
@@ -77,9 +78,9 @@ class Summary extends LocalizeCoreElement(SelectionObserverMixin(LitElement)) {
 		if (this.selectionInfo.state === SelectionInfo.states.none && this.noSelectionText) {
 			this._summary = this.noSelectionText;
 		} else if (includePlus) {
-			this._summary = this.localize('components.selection.selected-plus', 'count', count);
+			this._summary = this.localize('components.selection.selected-plus', 'count', formatNumber(count));
 		} else {
-			this._summary = this.localize('components.selection.selected', 'count', count);
+			this._summary = this.localize('components.selection.selected', 'count', formatNumber(count));
 		}
 	}
 

package/lang/ar.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "حدد عنصرًا لتنفيذ هذا الإجراء",
 	"components.selection.select-all": "تحديد الكل",
-	"components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {تحديد كل المواد الـ {countFormatted}}
+		}`,
 	"components.selection.selected": "تم تحديد {count}",
 	"components.selection.selected-plus": "تم تحديد {count}+‎",
 	"components.selection-controls.label": "إجراءات التحديد",

package/lang/cy.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Rhaid i chi ddewis eitem i gyflawni’r weithred hon",
 	"components.selection.select-all": "Dewis y Cyfan",
-	"components.selection.select-all-items": "Dewis Pob {count} Eitem",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Dewis Pob {countFormatted} Eitem}
+		}`,
 	"components.selection.selected": "{count} wedi’u dewis.",
 	"components.selection.selected-plus": "{count}+ wedi’u dewis",
 	"components.selection-controls.label": "Camau gweithredu ar gyfer detholiad",

package/lang/da.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Vælg et element for at udføre denne handling",
 	"components.selection.select-all": "Vælg alle",
-	"components.selection.select-all-items": "Vælg alle {count} elementer",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Vælg alle {countFormatted} elementer}
+		}`,
 	"components.selection.selected": "{count} valgt",
 	"components.selection.selected-plus": "{count}+ valgt",
 	"components.selection-controls.label": "Handlinger for valg",

package/lang/de.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Wählen Sie ein Element aus, um diese Aktion auszuführen",
 	"components.selection.select-all": "Alle auswählen",
-	"components.selection.select-all-items": "Alle {count} Elemente auswählen",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Alle {countFormatted} Elemente auswählen}
+		}`,
 	"components.selection.selected": "{count} ausgewählt",
 	"components.selection.selected-plus": "{count}+ ausgewählt",
 	"components.selection-controls.label": "Aktionen für Auswahl",

package/lang/en-gb.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Select an item to perform this action",
 	"components.selection.select-all": "Select All",
-	"components.selection.select-all-items": "Select All {count} Items",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Select All {countFormatted} Items}
+		}`,
 	"components.selection.selected": "{count} selected",
 	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-controls.label": "Actions for selection",

package/lang/en.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Select an item to perform this action",
 	"components.selection.select-all": "Select All",
-	"components.selection.select-all-items": "Select All {count} Items",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Select All {countFormatted} Items}
+		}`,
 	"components.selection.selected": "{count} selected",
 	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-controls.label": "Actions for selection",

package/lang/es-es.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Seleccione un elemento para realizar esta acción",
 	"components.selection.select-all": "Seleccionar todo",
-	"components.selection.select-all-items": "Seleccione los {count} elementos",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Seleccione los {countFormatted} elementos}
+		}`,
 	"components.selection.selected": "{count} seleccionados",
 	"components.selection.selected-plus": "{count}+ seleccionados",
 	"components.selection-controls.label": "Acciones para la selección",

package/lang/es.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Seleccione un elemento para realizar esta acción",
 	"components.selection.select-all": "Seleccionar todo",
-	"components.selection.select-all-items": "Seleccione todos los {count} elementos",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Seleccione todos los {countFormatted} elementos}
+		}`,
 	"components.selection.selected": "{count} seleccionados",
 	"components.selection.selected-plus": "Más de {count} seleccionados",
 	"components.selection-controls.label": "Acciones para la selección",

package/lang/fr-fr.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Sélectionnez un élément pour exécuter cette action",
 	"components.selection.select-all": "Tout sélectionner",
-	"components.selection.select-all-items": "Sélectionner tous les {count} éléments",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Sélectionner tous les {countFormatted} éléments}
+		}`,
 	"components.selection.selected": "{count} sélectionnés",
 	"components.selection.selected-plus": "{count}+ sélectionné(e)(s)",
 	"components.selection-controls.label": "Actions pour la sélection",

package/lang/fr.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Sélectionnez un élément pour exécuter cette action",
 	"components.selection.select-all": "Tout sélectionner",
-	"components.selection.select-all-items": "Sélectionner tous les {count} éléments",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Sélectionner tous les {countFormatted} éléments}
+		}`,
 	"components.selection.selected": "{count} sélectionné(s)",
 	"components.selection.selected-plus": "{count}+ sélectionné",
 	"components.selection-controls.label": "Actions à sélectionner",

package/lang/haw.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "E koho i kahi mea e hana ai i kēia hana",
 	"components.selection.select-all": "E koho i nā mea a pau",
-	"components.selection.select-all-items": "E koho i nā mea a pau {count}.",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {E koho i nā mea a pau {countFormatted}}
+		}`,
 	"components.selection.selected": "{count} koho",
 	"components.selection.selected-plus": "{count}+ i koho ʻia",
 	"components.selection-controls.label": "Nā hana no ke koho",

package/lang/hi.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "यह कार्रवाई करने के लिए किसी आइटम का चयन करें",
 	"components.selection.select-all": "सभी का चयन करें",
-	"components.selection.select-all-items": "सभी {count} आइटम चुनें।",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {सभी {countFormatted} आइटम चुनें।}
+		}`,
 	"components.selection.selected": "{count} चयनित",
 	"components.selection.selected-plus": "{count} से अधिक चयनित",
 	"components.selection-controls.label": "चयन के लिए क्रियाएँ",

package/lang/ja.js

@@ -162,7 +162,10 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "この操作を実行するための項目を選択します",
 	"components.selection.select-all": "すべて選択",
-	"components.selection.select-all-items": "{count} 個の項目をすべて選択",
+	"components.selection.select-all-items":
+		`{count, plural,
+			other {{countFormatted} 個の項目をすべて選択}
+		}`,
 	"components.selection.selected": "{count} 個を選択済み",
 	"components.selection.selected-plus": "{count} 個以上を選択済み",
 	"components.selection-controls.label": "選択のアクション",

package/lang/ko.js

@@ -162,7 +162,10 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "이 작업을 수행할 항목을 선택하십시오",
 	"components.selection.select-all": "모두 선택",
-	"components.selection.select-all-items": "{count}개 항목을 모두 선택하십시오.",
+	"components.selection.select-all-items":
+		`{count, plural,
+			other {{countFormatted}개 항목을 모두 선택하십시오}
+		}`,
 	"components.selection.selected": "{count}개 선택됨",
 	"components.selection.selected-plus": "{count}+개 선택됨",
 	"components.selection-controls.label": "선택 작업",

package/lang/mi.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Tīpakohia tētahi tūemi hei whakahaere i tēnei mahi",
 	"components.selection.select-all": "Tīpako Katoa",
-	"components.selection.select-all-items": "Tīpakohia Ngā Tūemi {count} Katoa",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Tīpakohia Ngā Tūemi {countFormatted} Katoa}
+		}`,
 	"components.selection.selected": "{count} kua tīpakohia",
 	"components.selection.selected-plus": "{count}+ kua tīpakohia",
 	"components.selection-controls.label": "Ngā mahinga mō te tīpakonga",

package/lang/nl.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Selecteer een item om deze actie uit te voeren",
 	"components.selection.select-all": "Alles selecteren",
-	"components.selection.select-all-items": "Alle {count} records selecteren",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Alle {countFormatted} records selecteren}
+		}`,
 	"components.selection.selected": "{count} geselecteerd",
 	"components.selection.selected-plus": "Meer dan {count} geselecteerd",
 	"components.selection-controls.label": "Acties voor selectie",

package/lang/pt.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Selecione um item para realizar esta ação",
 	"components.selection.select-all": "Selecionar Tudo",
-	"components.selection.select-all-items": "Selecione todos os {count} itens",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Selecione todos os {countFormatted} itens}
+		}`,
 	"components.selection.selected": "{count} selecionados",
 	"components.selection.selected-plus": "Mais de {count} selecionados",
 	"components.selection-controls.label": "Ações para seleção",

package/lang/sv.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Välj ett objekt för att utföra åtgärden",
 	"components.selection.select-all": "Välj alla",
-	"components.selection.select-all-items": "Välj alla {count} objekt",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {Välj alla {countFormatted} objekt}
+		}`,
 	"components.selection.selected": "{count} valda",
 	"components.selection.selected-plus": "Över {count} valda",
 	"components.selection-controls.label": "Åtgärder för val",

package/lang/th.js

@@ -163,7 +163,10 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "เลือกรายการที่จะดำเนินการนี้",
 	"components.selection.select-all": "เลือกทั้งหมด",
-	"components.selection.select-all-items": "เลือกทั้ง {count} รายการ",
+	"components.selection.select-all-items":
+		`{count, plural,
+			other {เลือกทั้ง {countFormatted} รายการ}
+		}`,
 	"components.selection.selected": "{count} ที่เลือกแล้ว",
 	"components.selection.selected-plus": "{count}+ ที่เลือกแล้ว",
 	"components.selection-controls.label": "การดำเนินการสำหรับการเลือก",

package/lang/tr.js

@@ -170,7 +170,12 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Bu eylemi gerçekleştirebilmek için bir öğe seçin",
 	"components.selection.select-all": "Tümünü Seç",
-	"components.selection.select-all-items": "{count} Öğenin Tamamını Seç",
+	"components.selection.select-all-items":
+		`{count, plural,
+			=1 {Select Item}
+			one {Select All {countFormatted} Item}
+			other {{countFormatted} Öğenin Tamamını Seç}
+		}`,
 	"components.selection.selected": "{count} öğe seçildi",
 	"components.selection.selected-plus": "{count}+ öğe seçildi",
 	"components.selection-controls.label": "Seçim için eylemler",

package/lang/vi.js

@@ -163,7 +163,10 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "Chọn một mục để thực hiện tác vụ này",
 	"components.selection.select-all": "Chọn tất cả",
-	"components.selection.select-all-items": "Chọn tất cả các mục {count}",
+	"components.selection.select-all-items":
+		`{count, plural,
+			other {Chọn tất cả các mục {countFormatted}}
+		}`,
 	"components.selection.selected": "{count} mục được chọn",
 	"components.selection.selected-plus": "{count}+ mục được chọn",
 	"components.selection-controls.label": "Các thao tác để chọn",

package/lang/zh-cn.js

@@ -162,7 +162,10 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "选择一个项目后才能执行此操作",
 	"components.selection.select-all": "全选",
-	"components.selection.select-all-items": "选择全部 {count} 个项目",
+	"components.selection.select-all-items":
+		`{count, plural,
+			other {选择全部 {countFormatted} 个项目}
+		}`,
 	"components.selection.selected": "已选 {count}",
 	"components.selection.selected-plus": "已选 + {count}",
 	"components.selection-controls.label": "针对所选内容的操作",

package/lang/zh-tw.js

@@ -163,7 +163,10 @@ export default {
 		}`,
 	"components.selection.action-required-hint": "選取項目以執行此動作",
 	"components.selection.select-all": "全選",
-	"components.selection.select-all-items": "選取所有 {count} 個項目",
+	"components.selection.select-all-items":
+		`{count, plural,
+			other {選取所有 {countFormatted} 個項目}
+		}`,
 	"components.selection.selected": "已選取 {count} 個",
 	"components.selection.selected-plus": "已選取 {count}+ 個",
 	"components.selection-controls.label": "選擇的動作",

package/package.json

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