@brightspace-ui/core 3.142.0 → 3.142.2

package/components/button/button-add.js

@@ -45,6 +45,8 @@ class ButtonAdd extends RtlMixin(PropertyRequiredMixin(FocusMixin(LocalizeCoreEl
 				--d2l-button-add-animation-duration: 200ms;
 				--d2l-button-add-hover-focus-color: var(--d2l-color-celestine-minus-1);
 				--d2l-button-add-line-color: var(--d2l-color-mica);
+				--d2l-button-add-line-height: 1px;
+				--d2l-button-add-hover-focus-line-height: 2px;
 			}
 			:host([mode="icon-when-interacted"]) {
 				--d2l-button-add-animation-delay: 50ms;
@@ -74,7 +76,7 @@ class ButtonAdd extends RtlMixin(PropertyRequiredMixin(FocusMixin(LocalizeCoreEl
 
 			.line {
 				background: var(--d2l-button-add-line-color);
-				height: 1px;
+				height: var(--d2l-button-add-line-height);
 				margin: 5px 0;
 				width: 100%;
 			}
@@ -82,7 +84,7 @@ class ButtonAdd extends RtlMixin(PropertyRequiredMixin(FocusMixin(LocalizeCoreEl
 			button:hover .line,
 			button:focus .line {
 				background: var(--d2l-button-add-hover-focus-color);
-				height: 2px;
+				height: var(--d2l-button-add-hover-focus-line-height);
 			}
 			button:hover d2l-button-add-icon-text,
 			button:focus d2l-button-add-icon-text {
@@ -139,21 +141,21 @@ class ButtonAdd extends RtlMixin(PropertyRequiredMixin(FocusMixin(LocalizeCoreEl
 
 				@keyframes line-start-animation {
 					0% {
-						background: linear-gradient(to right, var(--d2l-color-mica) 0%, var(--d2l-color-mica) 11%, var(--d2l-button-add-hover-focus-color) 11%) left center / 113%;
+						background: linear-gradient(to right, var(--d2l-button-add-line-color) 0%, var(--d2l-button-add-line-color) 11%, var(--d2l-button-add-hover-focus-color) 11%) left center / 113%;
 						opacity: 10%;
 					}
 					100% {
-						background: linear-gradient(to right, var(--d2l-color-mica) 0%, var(--d2l-color-mica) 11%, var(--d2l-button-add-hover-focus-color) 11%) left center / 113%; /* safari */
+						background: linear-gradient(to right, var(--d2l-button-add-line-color) 0%, var(--d2l-button-add-line-color) 11%, var(--d2l-button-add-hover-focus-color) 11%) left center / 113%; /* safari */
 						background-position: right;
 					}
 				}
 				@keyframes line-end-animation {
 					0% {
-						background: linear-gradient(to left, var(--d2l-color-mica) 0%, var(--d2l-color-mica) 11%, var(--d2l-button-add-hover-focus-color) 11%) right center / 113%;
+						background: linear-gradient(to left, var(--d2l-button-add-line-color) 0%, var(--d2l-button-add-line-color) 11%, var(--d2l-button-add-hover-focus-color) 11%) right center / 113%;
 						opacity: 10%;
 					}
 					100% {
-						background: linear-gradient(to left, var(--d2l-color-mica) 0%, var(--d2l-color-mica) 11%, var(--d2l-button-add-hover-focus-color) 11%) right center / 113%; /* safari */
+						background: linear-gradient(to left, var(--d2l-button-add-line-color) 0%, var(--d2l-button-add-line-color) 11%, var(--d2l-button-add-hover-focus-color) 11%) right center / 113%; /* safari */
 						background-position: left;
 					}
 				}

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

@@ -84,6 +84,10 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			 * @type {boolean}
 			 */
 			dragTargetHandleOnly: { type: Boolean, attribute: 'drag-target-handle-only' },
+			/**
+			 * @ignore
+			 */
+			last: { type: Boolean, reflect: true },
 			/**
 			 * Whether to disable rendering the entire item as the primary action. Required if slotted content is interactive.
 			 * @type {boolean}
@@ -314,6 +318,9 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			.d2l-list-item-content-extend-separators [slot="outside-control-container"] {
 				margin: 0;
 			}
+			:host([_list-item-new-styles][draggable]) [slot="outside-control-container"] {
+				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"] {

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

@@ -18,6 +18,8 @@ export const ListItemNavMixin = superclass => class extends ListItemLinkMixin(su
 			preventNavigation: { type: Boolean, attribute: 'prevent-navigation' },
 			_childCurrent: { type: Boolean, reflect: true, attribute: '_child-current' },
 			_focusingElem: { type: Boolean, reflect: true, attribute: '_focusing-elem' },
+			_hasCurrentParent: { type: Boolean, reflect: true, attribute: '_has-current-parent' },
+			_nextSiblingCurrent: { type: Boolean, reflect: true, attribute: '_next-sibling-current' },
 		};
 	}
 
@@ -44,6 +46,26 @@ export const ListItemNavMixin = superclass => class extends ListItemLinkMixin(su
 				--d2l-list-item-content-text-color: var(--d2l-color-ferrite);
 				--d2l-list-item-content-text-decoration: none;
 			}
+			:host([current]) d2l-button-add,
+			:host([_has-current-parent]) [slot="add-top"] d2l-button-add,
+			:host([_next-sibling-current]) [slot="add"] d2l-button-add {
+				--d2l-button-add-hover-focus-line-height: 3px;
+				--d2l-button-add-line-color: var(--d2l-color-celestine);
+				--d2l-button-add-line-height: 3px;
+			}
+			:host([current]) [slot="add"],
+			:host([_has-current-parent]) [slot="add-top"] {
+				margin-bottom: -14.5px;
+				margin-top: -13.5px;
+			}
+			:host([current]) [slot="add-top"],
+			:host([_next-sibling-current]) [slot="add"] {
+				margin-bottom: -13.5px;
+				margin-top: -10.5px;
+			}
+			:host([current]) .d2l-list-item-color-outer {
+				padding-block: 3px;
+			}
 
 			/* clean up with GAUD-7495-list-item-new-styles flag */
 			@supports selector(:has(a, b)) {
@@ -70,6 +92,8 @@ export const ListItemNavMixin = superclass => class extends ListItemLinkMixin(su
 		this.current = false;
 		this._childCurrent = false;
 		this._focusingElem = false;
+		this._hasCurrentParent = false;
+		this._nextSiblingCurrent = false;
 	}
 
 	connectedCallback() {
@@ -120,6 +144,24 @@ export const ListItemNavMixin = superclass => class extends ListItemLinkMixin(su
 	dispatchSetChildCurrentEvent(val) {
 		/** @ignore */
 		this.dispatchEvent(new CustomEvent('d2l-list-item-nav-set-child-current', { bubbles: true, composed: true, detail: { value: val } }));
+
+		if (!val) return;
+		requestAnimationFrame(() => {
+			if (this._hasNestedListAddButton) {
+				const firstChild = this.querySelector('[first]');
+				if (firstChild) firstChild._hasCurrentParent = true;
+			}
+
+			const prevSibling = this._getPreviousListItemSibling();
+			if (prevSibling) {
+				if (prevSibling._showAddButton) prevSibling._nextSiblingCurrent = true;
+
+				if (prevSibling._hasNestedListAddButton) {
+					const lastChild = prevSibling.querySelector('[last]');
+					if (lastChild) lastChild._nextSiblingCurrent = true;
+				}
+			}
+		});
 	}
 
 	_handleLinkClick(e) {

package/components/list/list.js

@@ -416,6 +416,15 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 					target.dispatchSetChildCurrentEvent(true);
 				}, { once: true });
 				prevCurrent.current = false;
+				const firstChild = this.querySelector('[_has-current-parent]');
+				if (firstChild) firstChild._hasCurrentParent = false;
+
+				const prevSiblings = this.querySelectorAll('[_next-sibling-current]');
+				if (prevSiblings.length > 0) {
+					prevSiblings.forEach(sibling => {
+						sibling._nextSiblingCurrent = false;
+					});
+				}
 			} else {
 				target.dispatchSetChildCurrentEvent(true);
 			}
@@ -437,9 +446,21 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 
 	_handleSlotChange() {
 		this._updateItemShowingCount();
-		this.getItems().forEach((item, i) => {
-			if (i === 0) item.first = true;
-			else item.first = false;
+		const items = this.getItems();
+		items.forEach((item, i) => {
+			if (items.length === 1) {
+				item.first = true;
+				item.last = true;
+			} else if (i === 0) {
+				item.first = true;
+				item.last = false;
+			} else if (i === items.length - 1) {
+				item.first = false;
+				item.last = true;
+			} else {
+				item.first = false;
+				item.last = false;
+			}
 		});
 
 		/** @ignore */

package/lang/ar.js

@@ -1,4 +1,5 @@
 export default {
+	"__test__": "This will be removed in a follow-up PR (before translation)",
 	"components.alert.close": "إغلاق التنبيه",
 	"components.breadcrumbs.breadcrumb": "شريط التنقل",
 	"components.button-add.addItem": "إضافة عنصر",
@@ -22,14 +23,33 @@ export default {
 	"components.filter.clearAnnounce": "جارٍ مسح عوامل التصفية لـ: {filterName}",
 	"components.filter.clearDescription": "مسح عوامل التصفية لـ: {filterName}",
 	"components.filter.loading": "يتم تحميل عوامل التصفية",
-	"components.filter.filterCountDescription": "{number, plural, =0 {لم يتم تطبيق عوامل تصفية.} one {تم تطبيق {number} عامل تصفية} other {تم تطبيق {number} من عوامل التصفية.}}",
+	"components.filter.filterCountDescription":
+		`{number, plural,
+			=0 {لم يتم تطبيق عوامل تصفية.}
+			one {تم تطبيق {number} عامل تصفية}
+			other {تم تطبيق {number} من عوامل التصفية.}
+		}`,
 	"components.filter.filters": "عوامل التصفية",
 	"components.filter.noFilters": "ما من عوامل تصفية متوفرة",
-	"components.filter.searchResults": "{number, plural, =0 {ما من نتائج بحث} one {{number} نتيجة بحث} other {{number} من نتائج البحث}}",
+	"components.filter.searchResults":
+		`{number, plural,
+			=0 {ما من نتائج بحث}
+			one {{number} نتيجة بحث}
+			other {{number} من نتائج البحث}
+		}`,
 	"components.filter.selectedFirstListLabel": "{headerText}. تظهر عوامل التصفية المحددة أولاً.",
 	"components.filter.singleDimensionDescription": "التصفية حسب: {filterName}",
-	"components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {آخر ساعة} other {آخر {num} من الساعات}}",
-	"components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {يوم} one {آخر {num} يوم} other {آخر {num} من الأيام}}",
+	"components.filter-dimension-set-date-text-value.textHours":
+		`{num, plural,
+			=1 {آخر ساعة}
+			other {آخر {num} من الساعات}
+		}`,
+	"components.filter-dimension-set-date-text-value.textDays":
+		`{num, plural,
+			=0 {يوم}
+			one {آخر {num} يوم}
+			other {آخر {num} من الأيام}
+		}`,
 	"components.filter-dimension-set-date-text-value.textMonths": "آخر {num} من الأشهر",
 	"components.filter-dimension-set-date-time-range-value.label": "{text}، التوسيع لاختيار التواريخ",
 	"components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} إلى {endValue}",
@@ -39,13 +59,35 @@ export default {
 	"components.form-element.defaultError": "{label} غير صالحة",
 	"components.form-element.defaultFieldLabel": "الحقل",
 	"components.form-element.input.email.typeMismatch": "البريد الإلكتروني غير صالح",
-	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {يجب أن يكون الرقم أكبر من {min} وأقل من {max}.} other {يجب أن يكون الرقم أكبر من {min} وأقل من أو مساويًا لـ {max}.}}} other {{maxExclusive, select, true {يجب أن يكون الرقم أكبر من أو مساويًا لـ {min} وأقل من {max}.} other {يجب أن يكون الرقم أكبر من أو مساويًا لـ {min} وأقل من أو مساويًا لـ {max}.}}}}",
-	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {يجب أن يكون الرقم أقل من {max}.} other {يجب أن يكون الرقم أقل من أو مساويًا لـ {max}.}}",
-	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {يجب أن يكون الرقم أكبر من {min}.} other {يجب أن يكون الرقم أكبر من أو مساويًا لـ {min}.}}",
+	"components.form-element.input.number.rangeError":
+		`{minExclusive, select,
+			true {{maxExclusive, select,
+				true {يجب أن يكون الرقم أكبر من {min} وأقل من {max}.}
+				other {يجب أن يكون الرقم أكبر من {min} وأقل من أو مساويًا لـ {max}.}
+			}}
+			other {{maxExclusive, select,
+				true {يجب أن يكون الرقم أكبر من أو مساويًا لـ {min} وأقل من {max}.}
+				other {يجب أن يكون الرقم أكبر من أو مساويًا لـ {min} وأقل من أو مساويًا لـ {max}.}
+			}}
+		}`,
+	"components.form-element.input.number.rangeOverflow":
+		`{maxExclusive, select,
+			true {يجب أن يكون الرقم أقل من {max}.}
+			other {يجب أن يكون الرقم أقل من أو مساويًا لـ {max}.}
+		}`,
+	"components.form-element.input.number.rangeUnderflow":
+		`{minExclusive, select,
+			true {يجب أن يكون الرقم أكبر من {min}.}
+			other {يجب أن يكون الرقم أكبر من أو مساويًا لـ {min}.}
+		}`,
 	"components.form-element.input.text.tooShort": "يجب أن تتألف التسمية {label} من {minlength} من الأحرف على الأقل",
 	"components.form-element.input.url.typeMismatch": "عنوان URL غير صالح",
 	"components.form-element.valueMissing": "{label} مطلوبة",
-	"components.form-error-summary.errorSummary": "{count, plural, one {تم العثور على {count} خطأ في المعلومات التي أرسلتها} other {تم العثور على {count} من الأخطاء في المعلومات التي أرسلتها}}",
+	"components.form-error-summary.errorSummary":
+		`{count, plural,
+			one {تم العثور على {count} خطأ في المعلومات التي أرسلتها}
+			other {تم العثور على {count} من الأخطاء في المعلومات التي أرسلتها}
+		}`,
 	"components.form-error-summary.text": "تبديل تفاصيل الخطأ",
 	"components.input-color.backgroundColor": "لون الخلفية",
 	"components.input-color.foregroundColor": "لون المقدمة",
@@ -109,10 +151,22 @@ export default {
 	"components.overflow-group.moreActions": "مزيد من الإجراءات",
 	"components.pager-load-more.action": "تحميل المزيد",
 	"components.pager-load-more.action-with-page-size": "تحميل {count} إضافي",
-	"components.pageable.info": "{count, plural, one {{countFormatted} مادة واحد} other {{countFormatted} من المواد}}",
-	"components.pageable.info-with-total": "{totalCount, plural, one {{countFormatted} من أصل {totalCountFormatted} مادة واحدة} other {{countFormatted} من أصل {totalCountFormatted} من المواد}}",
+	"components.pageable.info":
+		`{count, plural,
+			one {{countFormatted} مادة واحد}
+			other {{countFormatted} من المواد}
+		}`,
+	"components.pageable.info-with-total":
+		`{totalCount, plural,
+			one {{countFormatted} من أصل {totalCountFormatted} مادة واحدة}
+			other {{countFormatted} من أصل {totalCountFormatted} من المواد}
+		}`,
 	"components.pager-load-more.status-loading": "تحميل المزيد من المواد",
-	"components.selection.action-max-hint": "{count, plural, one {يتم التعطيل عند تحديد أكثر من {countFormatted} عنصر} other {يتم التعطيل عند تحديد أكثر من {countFormatted} من العناصر}}",
+	"components.selection.action-max-hint":
+		`{count, plural,
+			one {يتم التعطيل عند تحديد أكثر من {countFormatted} عنصر}
+			other {يتم التعطيل عند تحديد أكثر من {countFormatted} من العناصر}
+		}`,
 	"components.selection.action-required-hint": "حدد عنصرًا لتنفيذ هذا الإجراء",
 	"components.selection.select-all": "تحديد الكل",
 	"components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
@@ -125,7 +179,26 @@ export default {
 	"components.switch.conditions": "يجب استيفاء الشروط",
 	"components.table-col-sort-button.addSortOrder": "التحديد لإضافة ترتيب الفرز",
 	"components.table-col-sort-button.changeSortOrder": "التحديد لتغيير ترتيب الفرز",
-	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {الفرز من الجديد إلى القديم} other {الفرز من القديم إلى الجديد}}} numbers {{direction, select, desc {الفرز من الأعلى إلى الأدنى} other {الفرز من الأدنى إلى الأعلى}}} words {{direction, select, desc {الفرز من ي إلى أ} other {الفرز من أ إلى ي}}} value {الفرز {selectedMenuItemText}} other {{direction, select, desc {الفرز تنازليًا} other {الفرز تصاعديًا}}}}",
+	"components.table-col-sort-button.title":
+		`{sourceType, select,
+			dates {{direction, select,
+				desc {الفرز من الجديد إلى القديم}
+				other {الفرز من القديم إلى الجديد}
+			}}
+			numbers {{direction, select,
+				desc {الفرز من الأعلى إلى الأدنى}
+				other {الفرز من الأدنى إلى الأعلى}
+			}}
+			words {{direction, select,
+				desc {الفرز من ي إلى أ}
+				other {الفرز من أ إلى ي}
+			}}
+			value {الفرز {selectedMenuItemText}}
+			other {{direction, select,
+				desc {الفرز تنازليًا}
+				other {الفرز تصاعديًا}
+			}}
+		}`,
 	"components.table-controls.label": "إجراءات للجدول",
 	"components.tabs.next": "التمرير إلى الأمام",
 	"components.tabs.previous": "التمرير إلى الخلف",

package/lang/cy.js

@@ -1,4 +1,5 @@
 export default {
+	"__test__": "This will be removed in a follow-up PR (before translation)",
 	"components.alert.close": "Cau Hysbysiad",
 	"components.breadcrumbs.breadcrumb": "Briwsionyn Bara",
 	"components.button-add.addItem": "Ychwanegu Eitem",
@@ -22,14 +23,33 @@ export default {
 	"components.filter.clearAnnounce": "Wrthi’n clirio hidlwyr ar gyfer: {filterName}",
 	"components.filter.clearDescription": "Wrthi’n clirio hidlwyd ar gyfer: {filterName}",
 	"components.filter.loading": "Wrthi’n llwytho hidlyddion",
-	"components.filter.filterCountDescription": "{number, plural, =0 {Dim hidlyddion wedi’i gweithredu.} one {{number} hidlydd wedi’i weithredu.} other {{number} hidlyddion wedi’u gweithredu.}}",
+	"components.filter.filterCountDescription":
+		`{number, plural,
+			=0 {Dim hidlyddion wedi’i gweithredu.}
+			one {{number} hidlydd wedi’i weithredu.}
+			other {{number} hidlyddion wedi’u gweithredu.}
+		}`,
 	"components.filter.filters": "Hidlyddion",
 	"components.filter.noFilters": "Dim hidlyddion ar gael",
-	"components.filter.searchResults": "{number, plural, =0 {Dim canlyniadau chwilio} one {{number} canlyniad chwilio} other {{number} canlyniadau chwilio}}",
+	"components.filter.searchResults":
+		`{number, plural,
+			=0 {Dim canlyniadau chwilio}
+			one {{number} canlyniad chwilio}
+			other {{number} canlyniadau chwilio}
+		}`,
 	"components.filter.selectedFirstListLabel": "{headerText}. Mae’r hidlyddion a ddewiswyd yn ymddangos gyntaf.",
 	"components.filter.singleDimensionDescription": "Hidlo yn ôl: {filterName}",
-	"components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Awr ddiwethaf} other {{num} awr ddiwethaf}}",
-	"components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {Heddiw} one {{num} diwrnod diwethaf} other {{num} o ddiwrnodau diwethaf}}",
+	"components.filter-dimension-set-date-text-value.textHours":
+		`{num, plural,
+			=1 {Awr ddiwethaf}
+			other {{num} awr ddiwethaf}
+		}`,
+	"components.filter-dimension-set-date-text-value.textDays":
+		`{num, plural,
+			=0 {Heddiw}
+			one {{num} diwrnod diwethaf}
+			other {{num} o ddiwrnodau diwethaf}
+		}`,
 	"components.filter-dimension-set-date-text-value.textMonths": "{num} o fisoedd diwethaf",
 	"components.filter-dimension-set-date-time-range-value.label": "{text}, ehangwch i ddewis dyddiadau",
 	"components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} i {endValue}",
@@ -39,13 +59,35 @@ export default {
 	"components.form-element.defaultError": "Mae {label} yn annilys",
 	"components.form-element.defaultFieldLabel": "Maes",
 	"components.form-element.input.email.typeMismatch": "Nid yw’r e-bost yn ddilys",
-	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Rhaid i’r nifer fod yn fwy na {min} a llai na {max}.} other {Rhaid i’r nifer fod yn fwy na {min} a llai na neu’n hafal i {max}.}}} other {{maxExclusive, select, true {Rhaid i’r nifer fod yn fwy na neu’n hafal i {min} a llai na {max}.} other {Rhaid i’r nifer fod yn fwy na neu’n hafal i {min} a llai na neu’n hafal i {max}.}}}}",
-	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Rhaid i’r nifer fod yn llai na {max}.} other {Rhaid i’r nifer fod yn llai na neu’n hafal i {max}.}}",
-	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Rhaid i’r nifer fod yn fwy na {min}.} other {Rhaid i’r nifer fod yn fwy na neu’n hafal i {min}.}}",
+	"components.form-element.input.number.rangeError":
+		`{minExclusive, select,
+			true {{maxExclusive, select,
+				true {Rhaid i’r nifer fod yn fwy na {min} a llai na {max}.}
+				other {Rhaid i’r nifer fod yn fwy na {min} a llai na neu’n hafal i {max}.}
+			}}
+			other {{maxExclusive, select,
+				true {Rhaid i’r nifer fod yn fwy na neu’n hafal i {min} a llai na {max}.}
+				other {Rhaid i’r nifer fod yn fwy na neu’n hafal i {min} a llai na neu’n hafal i {max}.}
+			}}
+		}`,
+	"components.form-element.input.number.rangeOverflow":
+		`{maxExclusive, select,
+			true {Rhaid i’r nifer fod yn llai na {max}.}
+			other {Rhaid i’r nifer fod yn llai na neu’n hafal i {max}.}
+		}`,
+	"components.form-element.input.number.rangeUnderflow":
+		`{minExclusive, select,
+			true {Rhaid i’r nifer fod yn fwy na {min}.}
+			other {Rhaid i’r nifer fod yn fwy na neu’n hafal i {min}.}
+		}`,
 	"components.form-element.input.text.tooShort": "Rhaid i {label} fod o leiaf {minlength} nod",
 	"components.form-element.input.url.typeMismatch": "Nid yw’r URL yn ddilys.",
 	"components.form-element.valueMissing": "Mae angen {label}",
-	"components.form-error-summary.errorSummary": "{count, plural, one {Canfuwyd {count} gwall yn y wybodaeth a gyflwynoch} other {Canfuwyd {count} gwall yn y wybodaeth a gyflwynoch}}",
+	"components.form-error-summary.errorSummary":
+		`{count, plural,
+			one {Canfuwyd {count} gwall yn y wybodaeth a gyflwynoch}
+			other {Canfuwyd {count} gwall yn y wybodaeth a gyflwynoch}
+		}`,
 	"components.form-error-summary.text": "Toglo manylion gwall",
 	"components.input-color.backgroundColor": "Lliw Cefndir",
 	"components.input-color.foregroundColor": "Lliw Blaendir",
@@ -109,10 +151,22 @@ export default {
 	"components.overflow-group.moreActions": "Rhagor o Gamau Gweithredu",
 	"components.pager-load-more.action": "Llwytho Mwy",
 	"components.pager-load-more.action-with-page-size": "Lwytho {count} Arall",
-	"components.pageable.info": "{count, plural, one {{countFormatted} eitem} other {{countFormatted} o eitemau}}",
-	"components.pageable.info-with-total": "{totalCount, plural, one {{countFormatted} o {totalCountFormatted} eitem} other {{countFormatted} o {totalCountFormatted} eitemau}}",
+	"components.pageable.info":
+		`{count, plural,
+			one {{countFormatted} eitem}
+			other {{countFormatted} o eitemau}
+		}`,
+	"components.pageable.info-with-total":
+		`{totalCount, plural,
+			one {{countFormatted} o {totalCountFormatted} eitem}
+			other {{countFormatted} o {totalCountFormatted} eitemau}
+		}`,
 	"components.pager-load-more.status-loading": "Llwytho rhagor o eitemau",
-	"components.selection.action-max-hint": "{count, plural, one {Wedi’i analluogi pan fydd mwy nag {countFormatted} eitem yn cael ei ddewis} other {Wedi’i analluogi pan fydd mwy na {countFormatted} eitem yn cael eu dewis}}",
+	"components.selection.action-max-hint":
+		`{count, plural,
+			one {Wedi’i analluogi pan fydd mwy nag {countFormatted} eitem yn cael ei ddewis}
+			other {Wedi’i analluogi pan fydd mwy na {countFormatted} eitem yn cael eu dewis}
+		}`,
 	"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",
@@ -125,7 +179,26 @@ export default {
 	"components.switch.conditions": "Rhaid bodloni’r amodau",
 	"components.table-col-sort-button.addSortOrder": "Dewiswch i ychwanegu trefn ddidoli",
 	"components.table-col-sort-button.changeSortOrder": "Dewiswch i newid trefn ddidoli",
-	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Wedi didoli newydd i hen} other {Wedi didoli hen i newydd}}} numbers {{direction, select, desc {Wedi didoli uchel i isel} other {Wedi didoli isel i uchel}}} words {{direction, select, desc {Wedi didoli Z i A} other {Wedi didoli A i Z}}} value {Wedi didoli {selectedMenuItemText}} other {{direction, select, desc {Wedi didoli’n ddisgynnol} other {Wedi didoli’n esgynnol}}}}",
+	"components.table-col-sort-button.title":
+		`{sourceType, select,
+			dates {{direction, select,
+				desc {Wedi didoli newydd i hen}
+				other {Wedi didoli hen i newydd}
+			}}
+			numbers {{direction, select,
+				desc {Wedi didoli uchel i isel}
+				other {Wedi didoli isel i uchel}
+			}}
+			words {{direction, select,
+				desc {Wedi didoli Z i A}
+				other {Wedi didoli A i Z}
+			}}
+			value {Wedi didoli {selectedMenuItemText}}
+			other {{direction, select,
+				desc {Wedi didoli’n ddisgynnol}
+				other {Wedi didoli’n esgynnol}
+			}}
+		}`,
 	"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

@@ -1,4 +1,5 @@
 export default {
+	"__test__": "This will be removed in a follow-up PR (before translation)",
 	"components.alert.close": "Luk besked",
 	"components.breadcrumbs.breadcrumb": "Brødkrumme",
 	"components.button-add.addItem": "Tilføj element",
@@ -22,14 +23,33 @@ export default {
 	"components.filter.clearAnnounce": "Rydder filtre for:{filterName}",
 	"components.filter.clearDescription": "Ryd filtre for: {filterName}",
 	"components.filter.loading": "Indlæser filtre",
-	"components.filter.filterCountDescription": "{number, plural, =0 {Ingen filtre anvendt.} one {{number} filter anvendt.} other {{number} filtre anvendt.}}",
+	"components.filter.filterCountDescription":
+		`{number, plural,
+			=0 {Ingen filtre anvendt.}
+			one {{number} filter anvendt.}
+			other {{number} filtre anvendt.}
+		}`,
 	"components.filter.filters": "Filtre",
 	"components.filter.noFilters": "Ingen tilgængelige filtre",
-	"components.filter.searchResults": "{number, plural, =0 {Ingen søgeresultater} one {{number} søgeresultat} other {{number} søgeresultater}}",
+	"components.filter.searchResults":
+		`{number, plural,
+			=0 {Ingen søgeresultater}
+			one {{number} søgeresultat}
+			other {{number} søgeresultater}
+		}`,
 	"components.filter.selectedFirstListLabel": "{headerText}. Valgte filtre vises først.",
 	"components.filter.singleDimensionDescription": "Filtrer efter: {filterName}",
-	"components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {Sidste time} other {Sidste {num} timer}}",
-	"components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {I dag} one {Sidste {num} dag} other {Sidste {num} dage}}",
+	"components.filter-dimension-set-date-text-value.textHours":
+		`{num, plural,
+			=1 {Sidste time}
+			other {Sidste {num} timer}
+		}`,
+	"components.filter-dimension-set-date-text-value.textDays":
+		`{num, plural,
+			=0 {I dag}
+			one {Sidste {num} dag}
+			other {Sidste {num} dage}
+		}`,
 	"components.filter-dimension-set-date-text-value.textMonths": "Sidste {num} måneder",
 	"components.filter-dimension-set-date-time-range-value.label": "{text}, udvid for at vælge datoer",
 	"components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} til {endValue}",
@@ -39,13 +59,35 @@ export default {
 	"components.form-element.defaultError": "{label} er ugyldigt",
 	"components.form-element.defaultFieldLabel": "Felt",
 	"components.form-element.input.email.typeMismatch": "E-mail er ikke gyldig",
-	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Tallet skal være større end {min} og mindre end {max}.} other {Tallet skal være større end {min} og mindre eller lig med {max}.}}} other {{maxExclusive, select, true {Tallet skal være større end eller lig med {min} og mindre end {max}.} other {Tallet skal være større end eller lig med {min} og mindre end eller lig med {max}.}}}}",
-	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Tallet skal være mindre end {max}.} other {Tallet skal være mindre end eller lig med {max}.}}",
-	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Tallet skal være større end {min}.} other {Tallet skal være større end eller lig med {min}.}}",
+	"components.form-element.input.number.rangeError":
+		`{minExclusive, select,
+			true {{maxExclusive, select,
+				true {Tallet skal være større end {min} og mindre end {max}.}
+				other {Tallet skal være større end {min} og mindre eller lig med {max}.}
+			}}
+			other {{maxExclusive, select,
+				true {Tallet skal være større end eller lig med {min} og mindre end {max}.}
+				other {Tallet skal være større end eller lig med {min} og mindre end eller lig med {max}.}
+			}}
+		}`,
+	"components.form-element.input.number.rangeOverflow":
+		`{maxExclusive, select,
+			true {Tallet skal være mindre end {max}.}
+			other {Tallet skal være mindre end eller lig med {max}.}
+		}`,
+	"components.form-element.input.number.rangeUnderflow":
+		`{minExclusive, select,
+			true {Tallet skal være større end {min}.}
+			other {Tallet skal være større end eller lig med {min}.}
+		}`,
 	"components.form-element.input.text.tooShort": "{label} skal være på mindst {minlength} tegn",
 	"components.form-element.input.url.typeMismatch": "URL-adresse er ikke gyldig",
 	"components.form-element.valueMissing": "{label} er påkrævet",
-	"components.form-error-summary.errorSummary": "{count, plural, one {Der blev fundet {count} fejl i de oplysninger, du indsendte} other {Der blev fundet {count} fejl i de oplysninger, du indsendte}}",
+	"components.form-error-summary.errorSummary":
+		`{count, plural,
+			one {Der blev fundet {count} fejl i de oplysninger, du indsendte}
+			other {Der blev fundet {count} fejl i de oplysninger, du indsendte}
+		}`,
 	"components.form-error-summary.text": "Slå fejloplysninger til/fra",
 	"components.input-color.backgroundColor": "Baggrundsfarve",
 	"components.input-color.foregroundColor": "Forgrundsfarve",
@@ -109,10 +151,22 @@ export default {
 	"components.overflow-group.moreActions": "Flere handlinger",
 	"components.pager-load-more.action": "Indlæs flere",
 	"components.pager-load-more.action-with-page-size": "Indlæs {count} mere",
-	"components.pageable.info": "{count, plural, one {{countFormatted} element} other {{countFormatted} elementer}}",
-	"components.pageable.info-with-total": "{totalCount, plural, one {{countFormatted} af {totalCountFormatted} element} other {{countFormatted} af {totalCountFormatted} elementer}}",
+	"components.pageable.info":
+		`{count, plural,
+			one {{countFormatted} element}
+			other {{countFormatted} elementer}
+		}`,
+	"components.pageable.info-with-total":
+		`{totalCount, plural,
+			one {{countFormatted} af {totalCountFormatted} element}
+			other {{countFormatted} af {totalCountFormatted} elementer}
+		}`,
 	"components.pager-load-more.status-loading": "Indlæser flere elementer",
-	"components.selection.action-max-hint": "{count, plural, one {Deaktiveret, når mere end {countFormatted} element er valgt} other {Deaktiveret, når mere end {countFormatted} elementer er valgt}}",
+	"components.selection.action-max-hint":
+		`{count, plural,
+			one {Deaktiveret, når mere end {countFormatted} element er valgt}
+			other {Deaktiveret, når mere end {countFormatted} elementer er valgt}
+		}`,
 	"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",
@@ -125,7 +179,26 @@ export default {
 	"components.switch.conditions": "Betingelserne skal være opfyldt",
 	"components.table-col-sort-button.addSortOrder": "Vælg for at tilføje sorteringsrækkefølge",
 	"components.table-col-sort-button.changeSortOrder": "Vælg for at ændre sorteringsrækkefølge",
-	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Sorteret ny til gammel} other {Sorteret gammel til ny}}} numbers {{direction, select, desc {Sorteret høj til lav} other {Sorteret lav til høj}}} words {{direction, select, desc {Sorteret Z til A} other {Sorteret A til Z}}} value {Sorteret {selectedMenuItemText}} other {{direction, select, desc {Sorteret faldende} other {Sorteret stigende}}}}",
+	"components.table-col-sort-button.title":
+		`{sourceType, select,
+			dates {{direction, select,
+				desc {Sorteret ny til gammel}
+				other {Sorteret gammel til ny}
+			}}
+			numbers {{direction, select,
+				desc {Sorteret høj til lav}
+				other {Sorteret lav til høj}
+			}}
+			words {{direction, select,
+				desc {Sorteret Z til A}
+				other {Sorteret A til Z}
+			}}
+			value {Sorteret {selectedMenuItemText}}
+			other {{direction, select,
+				desc {Sorteret faldende}
+				other {Sorteret stigende}
+			}}
+		}`,
 	"components.table-controls.label": "Handlinger for tabel",
 	"components.tabs.next": "Rul frem",
 	"components.tabs.previous": "Rul tilbage",