@brightspace-ui/core 2.11.1 → 2.13.0

package/components/tag-list/tag-list.js

@@ -32,7 +32,7 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 	static get properties() {
 		return {
 			/**
-			 * Enables the option to clear all inner tag list items. The `d2l-tag-list-item-cleared` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.
+			 * Enables the option to clear all inner tag list items. The `d2l-tag-list-item-clear` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.
 			 */
 			clearable: { type: Boolean },
 			/**
@@ -57,13 +57,9 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 			.tag-list-container {
 				display: flex;
 				flex-wrap: wrap;
-				margin: -6px -6px 0 0;
+				gap: 6px;
 				padding: 0;
 			}
-			::slotted(*),
-			d2l-button-subtle {
-				margin: 6px 6px 0 0;
-			}
 			::slotted([data-is-chomped]) {
 				display: none !important;
 			}
@@ -145,8 +141,9 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 				</d2l-button-subtle>
 			` : html`
 				<d2l-button-subtle
-					class="d2l-tag-list-button"
+					class="d2l-tag-list-button d2l-tag-list-button-show-more"
 					@click="${this._toggleHiddenTagVisibility}"
+					description="${this.localize('components.tag-list.show-more-description')}"
 					slim
 					text="${this.localize('components.tag-list.num-hidden', { count: hiddenCount })}">
 				</d2l-button-subtle>
@@ -158,7 +155,7 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 		};
 
 		const list = html`
-			<div role="list" class="tag-list-container" aria-describedby="d2l-tag-list-description" @d2l-tag-list-item-cleared="${this._handleItemDeleted}">
+			<div role="list" class="tag-list-container" aria-label="${this.description}" @d2l-tag-list-item-clear="${this._handleItemDeleted}">
 				<slot @slotchange="${this._handleSlotChange}"></slot>
 				${overflowButton}
 				<d2l-button-subtle
@@ -179,13 +176,12 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 			<div role="application" class="tag-list-outer-container" style="${styleMap(outerContainerStyles)}">
 				<d2l-button-subtle aria-hidden="true" slim text="${this.localize('components.tag-list.num-hidden', { count: '##' })}" class="d2l-tag-list-hidden-button"></d2l-button-subtle>
 				${this.arrowKeysContainer(list)}
-				<div id="d2l-tag-list-description" hidden>${this.description}</div>
 			</div>
 		`;
 	}
 
 	async arrowKeysFocusablesProvider() {
-		return this._showHiddenTags ? this._items : this._items.slice(0, this._chompIndex);
+		return this._getVisibleEffectiveChildren();
 	}
 
 	focus() {
@@ -214,7 +210,7 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 
 			for (let i = overflowingIndex; i < this._itemLayouts.length; i++) {
 				const itemLayout = this._itemLayouts[i];
-				const itemWidth = Math.min(itemLayout.width, this._availableWidth);
+				const itemWidth = Math.min(itemLayout.width + MARGIN_TOP_RIGHT, this._availableWidth);
 
 				if (!isOverflowing && ((showing.width + itemWidth) <= (this._availableWidth + MARGIN_TOP_RIGHT))) {
 					showing.width += itemWidth;
@@ -259,8 +255,6 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 			return {
 				isHidden: computedStyles.display === 'none',
 				width: Math.ceil(parseFloat(computedStyles.width) || 0)
-					+ parseInt(computedStyles.marginRight) || 0
-					+ parseInt(computedStyles.marginLeft) || 0
 			};
 		});
 
@@ -292,8 +286,9 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 		}
 
 		const showMoreButton = this.shadowRoot.querySelector('.d2l-tag-list-button') || [];
-		const clearButton = this.shadowRoot.querySelector('.d2l-tag-list-clear-button') || [];
-		return this._items.slice(0, this._chompIndex).concat(showMoreButton).concat(clearButton);
+		const clearButton = !this.clearable ? [] : (this.shadowRoot.querySelector('.d2l-tag-list-clear-button') || []);
+		const items = this._showHiddenTags ? this._items : this._items.slice(0, this._chompIndex);
+		return items.concat(showMoreButton).concat(clearButton);
 	}
 
 	_handleClearAll(e) {
@@ -335,7 +330,7 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 	_handleSlotChange() {
 		if (!this._hasResized) return;
 
-		requestAnimationFrame(async() => {
+		setTimeout(async() => {
 			this._items = await this._getTagListItems();
 			if (!this._items || this._items.length === 0) {
 				this._chompIndex = 10000;
@@ -349,17 +344,20 @@ class TagList extends LocalizeCoreElement(ArrowKeysMixin(LitElement)) {
 			});
 			this._chomp();
 			this.requestUpdate();
-		});
+		}, 40);
 	}
 
-	async _toggleHiddenTagVisibility() {
+	async _toggleHiddenTagVisibility(e) {
 		this._showHiddenTags = !this._showHiddenTags;
 
 		if (!this.shadowRoot) return;
 
 		await this.updateComplete;
-		const button = this.shadowRoot.querySelector('.d2l-tag-list-button');
-		if (button) button.focus();
+		if (e.target.classList.contains('d2l-tag-list-button-show-more')) this._items[this._chompIndex].focus();
+		else {
+			const button = this.shadowRoot.querySelector('.d2l-tag-list-button');
+			if (button) button.focus();
+		}
 	}
 
 }

package/custom-elements.json

@@ -1525,6 +1525,9 @@
           "name": "d2l-dialog-close",
           "description": "Dispatched with the action value when the dialog is closed for any reason"
         },
+        {
+          "name": "d2l-dialog-before-close"
+        },
         {
           "name": "d2l-dialog-open",
           "description": "Dispatched when the dialog is opened"
@@ -1596,6 +1599,9 @@
           "name": "d2l-dialog-close",
           "description": "Dispatched with the action value when the dialog is closed for any reason"
         },
+        {
+          "name": "d2l-dialog-before-close"
+        },
         {
           "name": "d2l-dialog-open",
           "description": "Dispatched when the dialog is opened"
@@ -1697,6 +1703,9 @@
           "name": "d2l-dialog-close",
           "description": "Dispatched with the action value when the dialog is closed for any reason"
         },
+        {
+          "name": "d2l-dialog-before-close"
+        },
         {
           "name": "d2l-dialog-open",
           "description": "Dispatched when the dialog is opened"
@@ -9771,7 +9780,7 @@
         },
         {
           "name": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
@@ -9786,14 +9795,14 @@
         {
           "name": "clearable",
           "attribute": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
       ],
       "events": [
         {
-          "name": "d2l-tag-list-item-cleared",
+          "name": "d2l-tag-list-item-clear",
           "description": "Dispatched when a user selects to delete a tag list item. The consumer must handle the actual element deletion and focus behaviour if there are no remaining list items."
         }
       ]
@@ -9809,7 +9818,7 @@
         },
         {
           "name": "clearable",
-          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-cleared` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-clear` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
@@ -9824,7 +9833,7 @@
         {
           "name": "clearable",
           "attribute": "clearable",
-          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-cleared` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear all inner tag list items. The `d2l-tag-list-item-clear` event will be dispatched for each list item when the user selects to Clear All. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         },
@@ -9850,7 +9859,7 @@
         },
         {
           "name": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
@@ -9864,14 +9873,14 @@
         {
           "name": "clearable",
           "attribute": "clearable",
-          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-cleared` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
+          "description": "Enables the option to clear a tag list item. The `d2l-tag-list-item-clear` event will be dispatched when the user selects to delete the item. The consumer must handle the actual item deletion.",
           "type": "boolean",
           "default": "false"
         }
       ],
       "events": [
         {
-          "name": "d2l-tag-list-item-cleared",
+          "name": "d2l-tag-list-item-clear",
           "description": "Dispatched when a user selects to delete a tag list item. The consumer must handle the actual element deletion and focus behaviour if there are no remaining list items."
         }
       ]

package/lang/ar.js

@@ -26,13 +26,13 @@ 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 {أكبر من} false {أكبر من أو مساويًا لـ}} {min} و{maxExclusive, select, true {أقل من} false {أقل من أو مساويًا لـ}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "يجب أن يكون الرقم {maxExclusive, select, true {أقل من} false {أقل من أو مساويًا لـ}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "يجب أن يكون الرقم {minExclusive, select, true {أكبر من} false {أكبر من أو مساويًا لـ}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Number must be less than {max}.} other {Number must be less than or equal to {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Number must be greater than {min}.} other {Number must be greater than or equal to {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 { خطأ واحد } other ‏{ { count } من الأخطاء }} في المعلومات التي أرسلتها",
+	"components.form-error-summary.errorSummary": "{count, plural, one {There was 1 error found in the information you submitted} other {There were {count} errors found in the information you submitted}}",
 	"components.input-date-range.endDate": "تاريخ الانتهاء",
 	"components.input-date-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
 	"components.input-date-range.startDate": "تاريخ البدء",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "تقسيم العرض القابل للضبط",
 	"templates.primary-secondary.keyboardHorizontal": "السهم المتّجه إلى اليسار أو إلى اليمين لضبط حجم لوحات العرض",
 	"templates.primary-secondary.keyboardVertical": "السهم المتّجه إلى الأعلى أو إلى الأسفل لضبط حجم لوحات العرض"

package/lang/cy.js

@@ -26,13 +26,13 @@ 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": "Rhaid i'r nifer fod {minExclusive, select, true {yn fwy na} false {yn fwy na neu'n hafal i}} {min} a {maxExclusive, select, true {yn llai na} false {yn llai na neu’n hafal i}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "Rhaid i'r nifer fod {maxExclusive, select, true {yn llai na} false {yn llai na neu’n hafal i}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "Rhaid i'r nifer fod {minExclusive, select, true {yn fwy na} false {yn fwy na neu'n hafal i}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {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": "Bu {count, plural, one { 1 gwall } other { { count } o wallau }} yn y wybodaeth a gyflwynwyd gennych",
+	"components.form-error-summary.errorSummary": "{count, plural, one {Bu 1 gwall yn y wybodaeth a gyflwynwyd gennych} other {Bu {count} o wallau yn y wybodaeth a gyflwynwyd gennych}}",
 	"components.input-date-range.endDate": "Dyddiad Dod i Ben",
 	"components.input-date-range.errorBadInput": "Rhaid i {startLabel} fod cyn {endLabel}",
 	"components.input-date-range.startDate": "Dyddiad Dechrau",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Gwedd Hollt Addasadwy",
 	"templates.primary-secondary.keyboardHorizontal": "Saeth i'r chwith neu'r dde i addasu maint y paneli gweld",
 	"templates.primary-secondary.keyboardVertical": "Saeth i fyny neu i lawr i addasu maint y paneli gweld"

package/lang/da.js

@@ -26,13 +26,13 @@ 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": "Tal skal være {minExclusive, select, true {større end} false {større end eller lig med}} {min} og {maxExclusive, select, true {mindre end} false {mindre end eller lig med}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "Tal skal være {maxExclusive, select, true {mindre end} false {mindre end eller lig med}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "Tal skal være {minExclusive, select, true {større end} false {større end eller lig med}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Tal skal være mindre end {max}.} other {Tal skal være mindre end eller lig med {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Tal skal være større end {min}.} other {Tal 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": "Der blev fundet {count, plural, one { was 1 error } other { were { count } errors }} i den information, du sendte",
+	"components.form-error-summary.errorSummary": "{count, plural, one {There was 1 error found in the information you submitted} other {There were {count} errors found in the information you submitted}}",
 	"components.input-date-range.endDate": "Slutdato",
 	"components.input-date-range.errorBadInput": "{startLabel} skal være før {endLabel}",
 	"components.input-date-range.startDate": "Startdato",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Justerbar delt visning",
 	"templates.primary-secondary.keyboardHorizontal": "Pil til venstre eller højre for at justere størrelsen på visningspaneler",
 	"templates.primary-secondary.keyboardVertical": "Pil op eller ned for at justere størrelsen på visningspaneler"

package/lang/de.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} ist ungültig.",
 	"components.form-element.defaultFieldLabel": "Feld",
 	"components.form-element.input.email.typeMismatch": "Die E-Mail-Adresse ist ungültig",
-	"components.form-element.input.number.rangeError": "Die Zahl muss {minExclusive, select, true {größer als} false {größer oder gleich}} {min} und {maxExclusive, select, true {kleiner als} false {kleiner oder gleich}} {max} sein.",
-	"components.form-element.input.number.rangeOverflow": "Die Zahl muss {maxExclusive, select, true {kleiner als} false {kleiner oder gleich}} {max} sein.",
-	"components.form-element.input.number.rangeUnderflow": "Die Zahl muss {minExclusive, select, true {größer als} false {größer oder gleich}} {min} sein.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Die Zahl muss kleiner als {max} sein.} other {Die Zahl muss kleiner oder gleich {max} sein.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Die Zahl muss größer als {min} sein.} other {Die Zahl muss größer oder gleich {min} sein.}}",
 	"components.form-element.input.text.tooShort": "{label} muss mindestens {minlength} Zeichen enthalten",
 	"components.form-element.input.url.typeMismatch": "URL ist ungültig",
 	"components.form-element.valueMissing": "{label} ist erforderlich.",
-	"components.form-error-summary.errorSummary": "In den von Ihnen übermittelten Informationen {count, plural, one {ist 1 Fehler} other {sind {count} Fehler}} enthalten",
+	"components.form-error-summary.errorSummary": "{count, plural, one {In den von Ihnen übermittelten Informationen ist 1 Fehler enthalten} other {In den von Ihnen übermittelten Informationen sind {count} Fehler enthalten}}",
 	"components.input-date-range.endDate": "Enddatum",
 	"components.input-date-range.errorBadInput": "{startLabel} muss vor {endLabel} liegen",
 	"components.input-date-range.startDate": "Startdatum",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Anpassbare geteilte Ansicht",
 	"templates.primary-secondary.keyboardHorizontal": "Pfeil nach links oder rechts, um die Größe der Ansichtsbereiche anzupassen",
 	"templates.primary-secondary.keyboardVertical": "Pfeil nach oben oder unten, um die Größe der Ansichtsbereiche anzupassen"

package/lang/en.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} is invalid.",
 	"components.form-element.defaultFieldLabel": "Field",
 	"components.form-element.input.email.typeMismatch": "Email is not valid",
-	"components.form-element.input.number.rangeError": "Number must be {minExclusive, select, true {greater than} false {greater than or equal to}} {min} and {maxExclusive, select, true {less than} false {less than or equal to}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "Number must be {maxExclusive, select, true {less than} false {less than or equal to}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "Number must be {minExclusive, select, true {greater than} false {greater than or equal to}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Number must be less than {max}.} other {Number must be less than or equal to {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Number must be greater than {min}.} other {Number must be greater than or equal to {min}.}}",
 	"components.form-element.input.text.tooShort": "{label} must be at least {minlength} characters",
 	"components.form-element.input.url.typeMismatch": "URL is not valid",
 	"components.form-element.valueMissing": "{label} is required.",
-	"components.form-error-summary.errorSummary": "There {count, plural, one { was 1 error } other { were { count } errors }} found in the information you submitted",
+	"components.form-error-summary.errorSummary": "{count, plural, one {There was 1 error found in the information you submitted} other {There were {count} errors found in the information you submitted}}",
 	"components.input-date-range.endDate": "End Date",
 	"components.input-date-range.errorBadInput": "{startLabel} must be before {endLabel}",
 	"components.input-date-range.startDate": "Start Date",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Adjustable Split View",
 	"templates.primary-secondary.keyboardHorizontal": "Arrow left or right to adjust the size of the view panels",
 	"templates.primary-secondary.keyboardVertical": "Arrow up or down to adjust the size of the view panels"

package/lang/es-es.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} no es válido.",
 	"components.form-element.defaultFieldLabel": "Campo",
 	"components.form-element.input.email.typeMismatch": "El correo electrónico no es válido",
-	"components.form-element.input.number.rangeError": "El número debe ser {minExclusive, select, true {superior a} false {inferior o igual a}} {min} y {maxExclusive, select, true {inferior a} false {inferior o igual a}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "El número debe ser {maxExclusive, select, true {inferior a} false {inferior o igual a}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "El número debe ser {minExclusive, select, true {superior a} false {superior o igual a}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {El número debe ser inferior a {max}.} other {El número debe ser inferior o igual a {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {El número debe ser superior a {min}.} other {El número debe ser superior o igual a {min}.}}",
 	"components.form-element.input.text.tooShort": "{label} debe tener al menos {minlength} caracteres",
 	"components.form-element.input.url.typeMismatch": "La dirección URL no es válida",
 	"components.form-element.valueMissing": "{label} es obligatorio.",
-	"components.form-error-summary.errorSummary": "Se {count, plural, one { ha encontrado 1 error } other { se han encontrado { count } errores }} en la información enviada",
+	"components.form-error-summary.errorSummary": "{count, plural, one {Se ha encontrado 1 error en la información enviada} other {Se han encontrado {count} errores en la información enviada}}",
 	"components.input-date-range.endDate": "Fecha final",
 	"components.input-date-range.errorBadInput": "{startLabel} debe ser anterior a {endLabel}",
 	"components.input-date-range.startDate": "Fecha de inicio",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Vista dividida ajustable",
 	"templates.primary-secondary.keyboardHorizontal": "Flecha hacia la izquierda o la derecha para ajustar el tamaño de los paneles de visualización",
 	"templates.primary-secondary.keyboardVertical": "Flecha hacia arriba o abajo para ajustar el tamaño de los paneles de visualización"

package/lang/es.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} no es válida.",
 	"components.form-element.defaultFieldLabel": "Campo",
 	"components.form-element.input.email.typeMismatch": "El correo electrónico no es válido",
-	"components.form-element.input.number.rangeError": "El número debe ser {minExclusive, select, true {mayor que} false {mayor o igual que}} {min} and {maxExclusive, select, true {menor que} false {menor o igual que}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "El número debe ser {maxExclusive, select, true {menor que} false {menor o igual que}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "El número debe ser {minExclusive, select, true {mayor que} false {mayor o igual que}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {El número debe ser menor que {max}.} other {El número debe ser menor o igual que {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {El número debe ser mayor que {min}.} other {El número debe ser mayor o igual que {min}.}}",
 	"components.form-element.input.text.tooShort": "{label} debe tener al menos {minlength} caracteres",
 	"components.form-element.input.url.typeMismatch": "La dirección URL no es válida",
 	"components.form-element.valueMissing": "{label} es obligatoria.",
-	"components.form-error-summary.errorSummary": "{count, plural, one { Hubo 1 error } other { Hubo { count } errores }} detectado(s) en la información que envió",
+	"components.form-error-summary.errorSummary": "{count, plural, one {Hubo 1 error detectado en la información que envió} other {Hubo {count} errores detectados en la información que envió}}",
 	"components.input-date-range.endDate": "Fecha final",
 	"components.input-date-range.errorBadInput": "{startLabel} debe estar antes de {endLabel}",
 	"components.input-date-range.startDate": "Fecha de inicio",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.clear-all": "Clear All",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Pantalla dividida ajustable",
 	"templates.primary-secondary.keyboardHorizontal": "Utilice la flecha izquierda o derecha para ajustar el tamaño de los paneles de visualización",
 	"templates.primary-secondary.keyboardVertical": "Utilice la flecha hacia arriba o hacia abajo para ajustar el tamaño de los paneles de visualización"

package/lang/fr-fr.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} n'est pas valide.",
 	"components.form-element.defaultFieldLabel": "Champ",
 	"components.form-element.input.email.typeMismatch": "L'adresse e-mail n'est pas valide.",
-	"components.form-element.input.number.rangeError": "Le nombre doit être {minExclusive, select, true {supérieur à} false {supérieur ou égal à}} {min} et {maxExclusive, select, true {inférieur à} false {inférieur ou égal à}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "Le nombre doit être {maxExclusive, select, true {inférieur à} false {inférieur ou égal à}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "Le nombre doit être {minExclusive, select, true {supérieur à} false {supérieur ou égal à}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Le nombre doit être inférieur à {max}.} other {Le nombre doit être inférieur ou égal à {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Le nombre doit être supérieur à {min}.} other {Le nombre doit être supérieur ou égal à {min}.}}",
 	"components.form-element.input.text.tooShort": "{label} doit contenir au moins {minlength} caractères.",
 	"components.form-element.input.url.typeMismatch": "URL non valide",
 	"components.form-element.valueMissing": "{label} est requis.",
-	"components.form-error-summary.errorSummary": "Il y avait {count, plural, one { une erreur } other { { count } erreurs }} dans les informations que vous avez soumises.",
+	"components.form-error-summary.errorSummary": "{count, plural, one {Il y avait une erreur dans les informations que vous avez soumises.} other {Il y avait {count} erreurs dans les informations que vous avez soumises.}}",
 	"components.input-date-range.endDate": "Date de fin",
 	"components.input-date-range.errorBadInput": "{startLabel} doit être antérieur à {endLabel}",
 	"components.input-date-range.startDate": "Date de début",
@@ -40,7 +40,7 @@ export default {
 	"components.input-date-time-range.endDate": "Date de fin",
 	"components.input-date-time-range.errorBadInput": "{startLabel} doit être antérieur à {endLabel}",
 	"components.input-date-time-range.startDate": "Date de début",
-	"components.input-date-time.date": "Date",
+	"components.input-date-time.date": "Date", // mfv-translated
 	"components.input-date-time.errorMaxDateOnly": "La date doit être antérieure à {maxDate}",
 	"components.input-date-time.errorMinDateOnly": "La date doit être postérieure à {minDate}",
 	"components.input-date-time.errorOutsideRange": "La date doit être comprise entre {minDate} et {maxDate}",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Vue fractionnée réglable",
 	"templates.primary-secondary.keyboardHorizontal": "Flèche vers la gauche ou vers la droite pour régler la taille des panneaux d’affichage",
 	"templates.primary-secondary.keyboardVertical": "Flèche vers le haut ou vers le bas pour régler la taille des panneaux d’affichage"

package/lang/fr.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} n'est pas valide.",
 	"components.form-element.defaultFieldLabel": "Champ",
 	"components.form-element.input.email.typeMismatch": "L'adresse courriel n'est pas valide",
-	"components.form-element.input.number.rangeError": "Le nombre doit être {minExclusive, select, true {plus grand que} false {plus grand que ou égal à}} {min} et {maxExclusive, select, true {plus petit que} false {plus petit que ou égal à}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "Le nombre doit être {maxExclusive, select, true {plus petit que} false {plus petit que ou égal à}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "Le nombre doit être {minExclusive, select, true {plus grand que} false {plus grand que ou égal à}} {min}.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Le nombre doit être plus petit que {max}.} other {Le nombre doit être plus petit que ou égal à {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Le nombre doit être plus grand que {min}.} other {Le nombre doit être plus grand que ou égal à {min}.}}",
 	"components.form-element.input.text.tooShort": "{label} doit comprendre au moins {minlength} caractères",
 	"components.form-element.input.url.typeMismatch": "L'URL n'est pas valide",
 	"components.form-element.valueMissing": "{label} est requis.",
-	"components.form-error-summary.errorSummary": "L'information soumise comportait {count, plural, one { 1 erreur } other { { count } erreurs }}",
+	"components.form-error-summary.errorSummary": "{count, plural, one {L'information soumise comportait 1 erreur } other {L'information soumise comportait {count} erreurs}}",
 	"components.input-date-range.endDate": "Date de fin",
 	"components.input-date-range.errorBadInput": "{startLabel} doit précéder {endLabel}",
 	"components.input-date-range.startDate": "Date du début",
@@ -40,7 +40,7 @@ export default {
 	"components.input-date-time-range.endDate": "Date de fin",
 	"components.input-date-time-range.errorBadInput": "{startLabel} doit précéder {endLabel}",
 	"components.input-date-time-range.startDate": "Date du début",
-	"components.input-date-time.date": "Date",
+	"components.input-date-time.date": "Date", // mfv-translated
 	"components.input-date-time.errorMaxDateOnly": "La date doit être antérieure à {maxDate}",
 	"components.input-date-time.errorMinDateOnly": "La date doit être postérieure à {minDate}",
 	"components.input-date-time.errorOutsideRange": "La date doit être comprise entre {minDate} et {maxDate}",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "Vue partagée réglable",
 	"templates.primary-secondary.keyboardHorizontal": "Utiliser la flèche vers la gauche ou vers la droite pour régler la taille des volets d'affichage",
 	"templates.primary-secondary.keyboardVertical": "Flèche vers le haut ou vers le bas pour régler la taille des volets d'affichage"

package/lang/hi.js

@@ -26,13 +26,13 @@ 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 {इससे बड़ा} false {इससे बड़ा या इसके बराबर}} {min} and {maxExclusive, select, true {इससे कम} false {इससे कम या इसके बराबर}} {max} होना आवश्यक है।",
-	"components.form-element.input.number.rangeOverflow": "संख्या को {maxExclusive, select, true {इससे कम} false {इससे कम या इसके बराबर}} {max} होना आवश्यक है।",
-	"components.form-element.input.number.rangeUnderflow": "संख्या को {minExclusive, select, true {इससे बड़ा} false {इससे बड़ा है या इसके बराबर}} {min} होना आवश्यक है।",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {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 { 1 त्रुटि } other { { count } त्रुटियाँ }} मिली थी",
+	"components.form-error-summary.errorSummary": "{count, plural, one {आपके द्वारा सबमिट की गई जानकारी में 1 त्रुटि मिली थी} other {आपके द्वारा सबमिट की गई जानकारी में {count} त्रुटियाँ मिली थी}}",
 	"components.input-date-range.endDate": "समाप्ति तारीख़",
 	"components.input-date-range.errorBadInput": "{startLabel} {endLabel} से पहले का होना चाहिए",
 	"components.input-date-range.startDate": "प्रारंभ तारीख़",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "समायोजन योग्य विभाजन दृश्य",
 	"templates.primary-secondary.keyboardHorizontal": "दृश्य पैनल्स का आकार समायोजित करने के लिए तीर बाएँ या दाएँ करें",
 	"templates.primary-secondary.keyboardVertical": "दृश्य पैनल्स का आकार समायोजित करने के लिए तीर ऊपर या नीचे करें"

package/lang/ja.js

@@ -26,13 +26,13 @@ export default {
 	"components.form-element.defaultError": "{label} は無効です。",
 	"components.form-element.defaultFieldLabel": "フィールド",
 	"components.form-element.input.email.typeMismatch": "電子メールが無効です",
-	"components.form-element.input.number.rangeError": "数値は {min} {minExclusive, select, true {より大きく} false {以上}}かつ {max} {maxExclusive, select, true {より小さく} false {以下で}}なければなりません。",
-	"components.form-element.input.number.rangeOverflow": "数値は {max} {maxExclusive, select, true {より小さく} false {以下で}}なければなりません。",
-	"components.form-element.input.number.rangeUnderflow": "数値は {min} {minExclusive, select, true {より大きく} false {以上で}}なければなりません。",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {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, other {{count} 件のエラー}} が見つかりました",
+	"components.form-error-summary.errorSummary": "{count, plural, other {送信した情報に {count} 件のエラー が見つかりました}}",
 	"components.input-date-range.endDate": "終了日",
 	"components.input-date-range.errorBadInput": "{startLabel} は {endLabel} より前にする必要があります",
 	"components.input-date-range.startDate": "開始日",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "調整可能な分割ビュー",
 	"templates.primary-secondary.keyboardHorizontal": "左矢印または右矢印を使用して、ビューパネルのサイズを調整します",
 	"templates.primary-secondary.keyboardVertical": "上矢印または下矢印を使用して、ビューパネルのサイズを調整します"

package/lang/ko.js

@@ -26,13 +26,13 @@ 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 {보다 큼} false {크거나 같음}} {min} 및 {maxExclusive, select, true {보다 작음} false {작거나 같음}} {max}여야 합니다.",
-	"components.form-element.input.number.rangeOverflow": "숫자가 {maxExclusive, select, true {보다 작음} false {작거나 같음}} {max}여야 합니다.",
-	"components.form-element.input.number.rangeUnderflow": "숫자가 {minExclusive, select, true {보다 큼} false {크거나 같음}} {min}여야 합니다.",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Number must be greater than {min} and less than {max}.} other {Number must be greater than {min} and less than or equal to {max}.}}} other {{maxExclusive, select, true {Number must be greater than or equal to {min} and less than {max}.} other {Number must be greater than or equal to {min} and less than or equal to {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, other {하신 정보에서 {count}개의 오류}}가 발견되었습니다",
+	"components.form-error-summary.errorSummary": "{count, plural, other {제출하신 정보에서 {count}개의 오류가 발견되었습니다}}",
 	"components.input-date-range.endDate": "종료일",
 	"components.input-date-range.errorBadInput": "{startLabel}은(는) {endLabel} 앞에 있어야 합니다",
 	"components.input-date-range.startDate": "시작일",
@@ -101,6 +101,7 @@ export default {
 	"components.tag-list.cleared-item": "Removed tag list item {value}",
 	"components.tag-list.num-hidden": "+ {count} more",
 	"components.tag-list.show-less": "Show Less",
+	"components.tag-list.show-more-description": "Select to show hidden tag list items",
 	"templates.primary-secondary.adjustableSplitView": "조정 가능한 분할 보기",
 	"templates.primary-secondary.keyboardHorizontal": "왼쪽 또는 오른쪽 화살표로 보기 패널의 크기 조정",
 	"templates.primary-secondary.keyboardVertical": "위 또는 아래 화살표로 보기 패널의 크기 조정"