@brightspace-ui/core 2.12.0 → 2.13.0

package/components/dialog/README.md

@@ -81,6 +81,7 @@ The `d2l-dialog` element is a generic dialog that provides a slot for arbitrary
 
 - `d2l-dialog-open`: dispatched when the dialog is opened
 - `d2l-dialog-close`: dispatched with the action value when the dialog is closed for any reason
+- `d2l-dialog-before-close`: dispatched with the action value before the dialog is closed for any reason, providing an opportunity to prevent the dialog from closing
 <!-- docs: end hidden content -->
 
 ### Accessibility Properties
@@ -192,6 +193,7 @@ The `d2l-dialog-confirm` element is a simple confirmation dialog for prompting t
 
 - `d2l-dialog-open`: dispatched when the dialog is opened
 - `d2l-dialog-close`: dispatched with the action value when the dialog is closed for any reason
+- `d2l-dialog-before-close`: dispatched with the action value before the dialog is closed for any reason, providing an opportunity to prevent the dialog from closing
 <!-- docs: end hidden content -->
 
 ### Usage
@@ -249,6 +251,7 @@ The `d2l-dialog-fullscreen` element is a fullscreen variant of the generic `d2l-
 
 - `d2l-dialog-open`: dispatched when the dialog is opened
 - `d2l-dialog-close`: dispatched with the action value when the dialog is closed for any reason
+- `d2l-dialog-before-close`: dispatched with the action value before the dialog is closed for any reason, providing an opportunity to prevent the dialog from closing
 <!-- docs: end hidden content -->
 
 ### Usage

package/components/dialog/demo/dialog.html

@@ -131,6 +131,57 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Dialog (intercept closing)</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-button id="openInterceptClosing">Show Dialog</d2l-button>
+					<d2l-dialog id="dialogInterceptClosing" title-text="Dialog Prevent Closing">
+						<div>
+							<p>This dialog is prevented from closing by listening "d2l-dialog-before-close" event.</p>
+							<d2l-dialog id="dialogConfirmClose" title-text="Comfirm close">
+								<div>
+									<p>Do you really want to close the previous dialog?</p>
+								</div>
+								<d2l-button slot="footer" primary data-dialog-action="confirm">Yes</d2l-button>
+								<d2l-button slot="footer" data-dialog-action="deny">No</d2l-button>
+							</d2l-dialog>
+						</div>
+						<d2l-button slot="footer" primary data-dialog-action="ok">Close Me!</d2l-button>
+						<d2l-button slot="footer" data-dialog-action="close">Close without confirmation</d2l-button>
+						<d2l-button slot="footer" data-dialog-action="cancel">Cancel</d2l-button>
+					</d2l-dialog>
+					<script>
+						let canBeClosed = false;
+						document.querySelector('#openInterceptClosing').addEventListener('click', () => {
+							document.querySelector('#dialogInterceptClosing').opened = true;
+						});
+						document.querySelector('#dialogInterceptClosing').addEventListener('d2l-dialog-open', () => {
+							canBeClosed = false;
+						});
+						document.querySelector('#dialogInterceptClosing').addEventListener('d2l-dialog-close', (e) => {
+							console.log('dialog action:', e.detail.action);
+						});
+						document.querySelector('#dialogConfirmClose').addEventListener('d2l-dialog-close', (e) => {
+							e.stopPropagation();
+						});
+						document.querySelector('#dialogInterceptClosing').addEventListener('d2l-dialog-before-close', async(e) => {
+
+							if (e.detail.action === 'close' || canBeClosed) return;
+
+							e.preventDefault();
+							const action = await document.querySelector('#dialogConfirmClose').open();
+
+							console.log('dialog action:', e.detail.action, ', confirm dialog action:', action);
+							if (action === 'confirm') {
+								canBeClosed = true;
+								e.detail.closeDialog();
+							}
+						});
+					</script>
+				</template>
+			</d2l-demo-snippet>
+
 		</d2l-demo-page>
 	</body>
 </html>

package/components/dialog/dialog-mixin.js

@@ -144,6 +144,11 @@ export const DialogMixin = superclass => class extends RtlMixin(superclass) {
 		clearDismissible(this._dismissibleId);
 		this._dismissibleId = null;
 
+		if (this._isCloseAborted()) {
+			this._dismissibleId = setDismissible(() => this._close(abortAction));
+			return;
+		}
+
 		if (!this.shadowRoot) return;
 		const dialog = this.shadowRoot.querySelector('.d2l-dialog-outer');
 
@@ -298,6 +303,21 @@ export const DialogMixin = superclass => class extends RtlMixin(superclass) {
 		this._useNative = false;
 	}
 
+	_isCloseAborted() {
+
+		/** Dispatched with the action value before the dialog is closed for any reason, providing an opportunity to prevent the dialog from closing */
+		const abortEvent = new CustomEvent('d2l-dialog-before-close', {
+			cancelable: true,
+			detail: {
+				action: this._action,
+				closeDialog: this._close.bind(this, this._action)
+			}
+		});
+		this.dispatchEvent(abortEvent);
+
+		return abortEvent.defaultPrevented;
+	}
+
 	_open() {
 		if (!this.opened) return;
 

package/components/html-block/README.md

@@ -68,7 +68,7 @@ To use `d2l-html-block` within another Lit component, use the [unsafeHTML](https
 
 ### Rendering MathML and LaTeX
 
-Examples are provided to display how user-authored math can be embedded within your webpage.
+Examples are provided to display how user-authored math can be embedded within your webpage. Note that rendering math requires the `mathjax` context to be set correctly. For testing and/or demo pages **ONLY**, you can import `@brightspace-ui/core/tools/mathjax-test-context.js` to set this context for you.
 
 **MathML:**
 <!-- docs: demo code -->
@@ -76,6 +76,7 @@ Examples are provided to display how user-authored math can be embedded within y
 <script type="module">
   import '@brightspace-ui/core/components/html-block/html-block.js';
   import '@brightspace-ui/core/components/icons/icon.js';
+  import '@brightspace-ui/core/tools/mathjax-test-context.js';
 </script>
 <d2l-html-block>
   <div class="mathml-container">
@@ -100,7 +101,7 @@ Examples are provided to display how user-authored math can be embedded within y
 </d2l-html-block>
 ```
 
-**LaTeX:** Rendering LaTeX requires the `mathjax` context to be set correctly. For testing and/or demo pages you can do the following.
+**LaTeX:**
 
 <!-- docs: demo code -->
 ```html

package/components/html-block/html-block.js

@@ -11,6 +11,12 @@ export const htmlBlockContentStyles = css`
 		font-weight: 400;
 		line-height: 1.2rem;
 	}
+	.d2l-html-block-rendered > :first-child {
+		margin-top: 0;
+	}
+	.d2l-html-block-rendered > :last-child {
+		margin-bottom: 0;
+	}
 	h1, h2, h3, h4, h5, h6, b, strong, b *, strong * {
 		font-weight: bold;
 	}
@@ -194,7 +200,11 @@ class HtmlBlock extends RtlMixin(LitElement) {
 		super.firstUpdated(changedProperties);
 
 		if (this._renderContainer) return;
-		this.shadowRoot.innerHTML += `<div class="d2l-html-block-rendered${this.compact ? ' d2l-html-block-compact' : ''}"></div><slot ${!this.noDeferredRendering ? 'style="display: none"' : ''}></slot>`;
+		this.shadowRoot.innerHTML += '<div class="d2l-html-block-rendered'
+			+ `${this.compact ? ' d2l-html-block-compact' : ''}`
+			+ '"></div><slot'
+			+ `${!this.noDeferredRendering ? ' style="display: none"' : ''}`
+			+ '></slot>';
 
 		this.shadowRoot.querySelector('slot').addEventListener('slotchange', async e => await this._render(e.target));
 		this._renderContainer = this.shadowRoot.querySelector('.d2l-html-block-rendered');

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

@@ -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-clear="${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"

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": "위 또는 아래 화살표로 보기 패널의 크기 조정"

package/lang/nl.js

@@ -19,16 +19,16 @@ export default {
 	"components.filter.clearDescriptionSingle": "Filters wissen",
 	"components.filter.loading": "Laden van filters",
 	"components.filter.filterCountDescription": "{number, plural, =0 {Geen filters toegepast.} one {1 filter toegepast.} other {{number} filters toegepast.}}",
-	"components.filter.filters": "Filters",
+	"components.filter.filters": "Filters", // mfv-translated
 	"components.filter.noFilters": "Geen beschikbare filters",
 	"components.filter.searchResults": "{number, plural, =0 {Geen zoekresultaten} one {1 zoekresultaat} other {{number} zoekresultaten}}",
 	"components.filter.singleDimensionDescription": "Filter op {filterName}",
 	"components.form-element.defaultError": "{label} is ongeldig.",
 	"components.form-element.defaultFieldLabel": "Veld",
 	"components.form-element.input.email.typeMismatch": "E-mailadres is ongeldig",
-	"components.form-element.input.number.rangeError": "Getal moet {minExclusive, select, true {greater than} false {greater than or equal to}} {min} en {maxExclusive, select, true {less than} false {less than or equal to}} {max} zijn.",
-	"components.form-element.input.number.rangeOverflow": "Getal moet {maxExclusive, select, true {less than} false {less than or equal to}} {max} zijn.",
-	"components.form-element.input.number.rangeUnderflow": "Getal moet {minExclusive, select, true {greater than} false {greater than or equal to}} {min} zijn.",
+	"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} moet ten minste {minlength} tekens bevatten",
 	"components.form-element.input.url.typeMismatch": "URL is niet geldig",
 	"components.form-element.valueMissing": "{label} is vereist.",
@@ -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": "Instelbare gesplitste weergave",
 	"templates.primary-secondary.keyboardHorizontal": "Pijl naar links of rechts om de grootte van de weergavevensters aan te passen",
 	"templates.primary-secondary.keyboardVertical": "Pijl omhoog of omlaag om de grootte van de weergavevensters aan te passen"

package/lang/pt.js

@@ -26,9 +26,9 @@ export default {
 	"components.form-element.defaultError": "{label} é inválido.",
 	"components.form-element.defaultFieldLabel": "Campo",
 	"components.form-element.input.email.typeMismatch": "E-mail inválido",
-	"components.form-element.input.number.rangeError": "O número deve ser {minExclusive, select, true {maior que} false {maior ou igual a}} {min} e {maxExclusive, select, true {menor que} false {menor ou igual a}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "O número deve ser {maxExclusive, select, true {menor que} false {menor ou igual a}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "O número deve ser {minExclusive, select, true {maior que} false {maior ou 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 {O número deve ser menor que {max}.} other {O número deve ser menor ou igual a {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {O número deve ser maior que {min}.} other {O número deve ser maior ou igual a {min}.}}",
 	"components.form-element.input.text.tooShort": "{label} precisa ter, pelo menos, {minlength} caracteres",
 	"components.form-element.input.url.typeMismatch": "URL inválido",
 	"components.form-element.valueMissing": "{label} é obrigatório.",
@@ -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": "Exibição dividida ajustável",
 	"templates.primary-secondary.keyboardHorizontal": "Use a seta para a esquerda ou para a direita para ajustar o tamanho dos painéis de exibição",
 	"templates.primary-secondary.keyboardVertical": "Use a seta para cima ou para baixo para ajustar o tamanho dos painéis de exibição"

package/lang/sv.js

@@ -26,9 +26,9 @@ export default {
 	"components.form-element.defaultError": "{label} är ogiltig.",
 	"components.form-element.defaultFieldLabel": "Fält",
 	"components.form-element.input.email.typeMismatch": "E-postadressen är ogiltig",
-	"components.form-element.input.number.rangeError": "Värdet måste vara {minExclusive, select, true {greater than} false {greater than or equal to}} {min} och {maxExclusive, select, true {less than} false {less than or equal to}} {max}.",
-	"components.form-element.input.number.rangeOverflow": "Värdet måste vara {maxExclusive, select, true {less than} false {less than or equal to}} {max}.",
-	"components.form-element.input.number.rangeUnderflow": "Värdet måste vara {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} måste innehålla minst {minlength} tecken",
 	"components.form-element.input.url.typeMismatch": "URL är inte giltigt",
 	"components.form-element.valueMissing": "{label} krävs.",
@@ -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 delad vy",
 	"templates.primary-secondary.keyboardHorizontal": "Pil vänster eller höger för att justera storleken på vypaneler",
 	"templates.primary-secondary.keyboardVertical": "Pil upp eller ned för att justera storleken på vypaneler"

package/lang/tr.js

@@ -26,9 +26,9 @@ export default {
 	"components.form-element.defaultError": "{label} geçersiz.",
 	"components.form-element.defaultFieldLabel": "Alan",
 	"components.form-element.input.email.typeMismatch": "E-posta geçerli değil",
-	"components.form-element.input.number.rangeError": "Sayı {minExclusive, select, true {daha büyük} false {daha büyük veya eşit}} {min} ve {maxExclusive, select, true {daha küçük} false {daha küçük veya eşit}} {max} olmalıdır.",
-	"components.form-element.input.number.rangeOverflow": "Sayı {maxExclusive, select, true {daha küçük} false {daha küçük veya eşit}} {max} olmalıdır.",
-	"components.form-element.input.number.rangeUnderflow": "Sayı {minExclusive, select, true {daha büyük} false {daha büyük veya eşit}} {min} olmalıdır.",
+	"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 {Sayı daha küçük {max} olmalıdır.} other {Sayı daha küçük veya eşit {max} olmalıdır.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Sayı daha büyük {min} olmalıdır.} other {Sayı daha büyük veya eşit {min} olmalıdır.}}",
 	"components.form-element.input.text.tooShort": "{label} en az {minlength} karakter olmalıdır",
 	"components.form-element.input.url.typeMismatch": "URL geçerli değil",
 	"components.form-element.valueMissing": "{label} zorunludur.",
@@ -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": "Ayarlanabilir Bölünmüş Görüntü",
 	"templates.primary-secondary.keyboardHorizontal": "Görüntü panellerinin boyutunu ayarlamak için sol veya sağ okları kullanın",
 	"templates.primary-secondary.keyboardVertical": "Görüntü panellerinin boyutunu ayarlamak için yukarı veya aşağı okları kullanın"

package/lang/zh-cn.js

@@ -26,9 +26,9 @@ 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} 为必填项。",
@@ -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/zh-tw.js

@@ -26,9 +26,9 @@ 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} 為必填。",
@@ -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/package.json

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