@brightspace-ui/core 1.222.2 → 1.223.2

package/components/list/demo/list-drag-and-drop.js

@@ -90,7 +90,7 @@ class ListDemoDragAndDrop extends LitElement {
 	render() {
 		const renderList = (items, nested) => {
 			return html`
-				<d2l-list grid slot="${ifDefined(nested ? 'nested' : undefined)}">
+				<d2l-list grid drag-multiple slot="${ifDefined(nested ? 'nested' : undefined)}">
 					${repeat(items, item => item.key, item => html`
 						<d2l-list-item
 							action-href="http://www.d2l.com"

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

@@ -1,3 +1,4 @@
+import './list-item-drag-image.js';
 import { css, html } from 'lit-element/lit-element.js';
 import { findComposedAncestor, isComposedAncestor } from '../../helpers/dom.js';
 import { announce } from '../../helpers/announce.js';
@@ -332,7 +333,7 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 					opacity: 1;
 				}
 			}
-		` ];
+		`];
 
 		super.styles && styles.unshift(super.styles);
 		return styles;
@@ -550,15 +551,26 @@ export const ListItemDragDropMixin = superclass => class extends superclass {
 			e.dataTransfer.setData('text/plain', `${this.dropText}`);
 		}
 
-		if (this.shadowRoot) {
-			const nodeImage = this.shadowRoot.querySelector('.d2l-list-item-drag-image') || this;
-			e.dataTransfer.setDragImage(nodeImage, 50, 50);
-		}
-
 		const rootList = this._getRootList(this);
+		const selectionInfo = rootList.getSelectionInfo(rootList.dragMultiple);
+
+		if (rootList.dragMultiple && selectionInfo.keys.length > 1) {
+			let dragImage = this.shadowRoot.querySelector('d2l-list-item-drag-image');
+			if (!dragImage) {
+				dragImage = document.createElement('d2l-list-item-drag-image');
+				this.shadowRoot.appendChild(dragImage);
+			}
+			dragImage.count = selectionInfo.keys.length;
+			e.dataTransfer.setDragImage(dragImage, 24, 26);
+		} else {
+			if (this.shadowRoot) {
+				const nodeImage = this.shadowRoot.querySelector('.d2l-list-item-drag-image') || this;
+				e.dataTransfer.setDragImage(nodeImage, 50, 50);
+			}
+		}
 
 		// getSelectionInfo(false) is fast so we can quickly check the state
-		if (!rootList.dragMultiple || rootList.getSelectionInfo(false).state === SelectionInfo.states.none) {
+		if (!rootList.dragMultiple || selectionInfo.state === SelectionInfo.states.none) {
 			createDragState([this]);
 		} else {
 

package/components/list/list-item-drag-image.js

@@ -0,0 +1,123 @@
+import '../colors/colors.js';
+import '../inputs/input-checkbox.js';
+import { css, html, LitElement } from 'lit-element/lit-element.js';
+import { bodySmallStyles } from '../typography/styles.js';
+import { formatNumber } from '@brightspace-ui/intl/lib/number.js';
+import { RtlMixin } from '../../mixins/rtl-mixin.js';
+import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
+
+class ListItemDragImage extends SkeletonMixin(RtlMixin(LitElement)) {
+
+	static get properties() {
+		return {
+			/**
+			 * @ignore
+			 */
+			count: { type: Number }
+		};
+	}
+
+	static get styles() {
+		return [ super.styles, bodySmallStyles, css`
+			:host {
+				display: block;
+				height: 70px;
+				left: -10000px;
+				position: absolute;
+				width: 340px;
+				z-index: 0;
+			}
+			:host([hidden]) {
+				display: none;
+			}
+			:host([dir="rtl"]) {
+				left: 0;
+				right: -10000px;
+			}
+			.first, .second, .third {
+				background-color: white;
+				border: 1px solid var(--d2l-color-mica);
+				border-radius: 4px;
+				box-sizing: border-box;
+				height: 100%;
+				position: absolute;
+				width: 100%;
+			}
+			.first {
+				align-items: start;
+				display: flex;
+				padding: 16px 8px;
+			}
+			.second {
+				margin-inline-start: 6px;
+				margin-top: 6px;
+				z-index: -1;
+			}
+			.third {
+				margin-inline-start: 12px;
+				margin-top: 12px;
+				z-index: -2;
+			}
+			.text {
+				width: 100%;
+			}
+			.line-1 {
+				height: 24px;
+				margin-bottom: 4px;
+				width: 100%;
+			}
+			.line-2 {
+				height: 16px;
+				width: 25%;
+			}
+			d2l-input-checkbox {
+				line-height: 0;
+				margin: 0;
+				margin-inline-start: 16px;
+			}
+			.count {
+				background-color: var(--d2l-color-celestine);
+				border-radius: 0.7rem;
+				box-sizing: border-box;
+				color: white;
+				left: 26px;
+				min-width: 1.4rem;
+				padding: 0.2rem 0.4rem;
+				position: absolute;
+				text-align: center;
+				top: 30px;
+				z-index: 1000; /* must be higher than the skeleton z-index (999) */
+			}
+			:host([dir="rtl"]) .count {
+				left: 14px;
+			}
+		`];
+	}
+
+	constructor() {
+		super();
+		this.count = 0;
+		this.skeleton = true;
+	}
+
+	render() {
+		return html`
+			<div class="first">
+				<div class="count d2l-body-small">${formatNumber(this.count)}</div>
+				<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+					<path fill="#494c4e" d="M8 16v1c0 .5-.4 1-1 1H6c-.6 0-1-.5-1-1v-1c0-.6.4-1 1-1h1c.6 0 1 .4 1 1M13 16v1c0 .5-.4 1-1 1h-1c-.6 0-1-.5-1-1v-1c0-.6.4-1 1-1h1c.6 0 1 .4 1 1M8 11v1c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-1c0-.6.4-1 1-1h1c.6 0 1 .4 1 1M13 11v1c0 .6-.4 1-1 1h-1c-.6 0-1-.4-1-1v-1c0-.6.4-1 1-1h1c.6 0 1 .4 1 1M8 6v1c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h1c.6 0 1 .4 1 1M13 6v1c0 .6-.4 1-1 1h-1c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h1c.6 0 1 .4 1 1M8 1v1c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1V1c0-.5.4-1 1-1h1c.6 0 1 .5 1 1M13 1v1c0 .6-.4 1-1 1h-1c-.6 0-1-.4-1-1V1c0-.5.4-1 1-1h1c.6 0 1 .5 1 1"/>
+				</svg>
+				<d2l-input-checkbox disabled skeleton></d2l-input-checkbox>
+				<div class="text">
+					<div class="line-1 d2l-skeletize"></div>
+					<div class="line-2 d2l-skeletize"></div>
+				</div>
+			</div>
+			<div class="second"></div>
+			<div class="third"></div>
+		`;
+	}
+
+}
+
+customElements.define('d2l-list-item-drag-image', ListItemDragImage);

package/components/list/list.js

@@ -19,9 +19,8 @@ class List extends SelectionMixin(LitElement) {
 	static get properties() {
 		return {
 			/**
-			 * Not publicly available yet. Whether the user can drag multiple items
+			 * Whether the user can drag multiple items
 			 * @type {boolean}
- 			 * @ignore
  			 */
 			dragMultiple: { type: Boolean, reflect: true, attribute: 'drag-multiple' },
 			/**

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

@@ -1,6 +1,4 @@
-
-import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
-export const MenuItemMixin = superclass => class extends FocusVisiblePolyfillMixin(superclass) {
+export const MenuItemMixin = superclass => class extends superclass {
 
 	static get properties() {
 		return {

package/components/menu/menu-item-styles.js

@@ -17,8 +17,8 @@ export const menuItemStyles = css`
 	}
 
 	:host(:hover),
-	:host(.focus-visible),
-	:host(.focus-visible[first]),
+	:host(:focus-visible),
+	:host(:focus-visible[first]),
 	:host([first]:hover) {
 		background-color: var(--d2l-menu-background-color-hover);
 		border-bottom: 1px solid var(--d2l-menu-border-color-hover);
@@ -27,7 +27,7 @@ export const menuItemStyles = css`
 		z-index: 2;
 	}
 
-	:host([disabled]), :host([disabled]:hover), :host([disabled].focus-visible) {
+	:host([disabled]), :host([disabled]:hover), :host([disabled]:focus-visible) {
 		cursor: default;
 		opacity: 0.75;
 	}
@@ -40,7 +40,7 @@ export const menuItemStyles = css`
 		border-top-color: transparent;
 	}
 
-	:host([last].focus-visible),
+	:host([last]:focus-visible),
 	:host([last]:hover) {
 		border-bottom-color: var(--d2l-menu-border-color-hover);
 	}

package/components/menu/menu.js

@@ -2,7 +2,6 @@ import '../colors/colors.js';
 import '../icons/icon.js';
 import './menu-item-return.js';
 import { css, html, LitElement } from 'lit-element/lit-element.js';
-import { FocusVisiblePolyfillMixin } from '../../mixins/focus-visible-polyfill-mixin.js';
 import { HierarchicalViewMixin } from '../hierarchical-view/hierarchical-view-mixin.js';
 import { ThemeMixin } from '../../mixins/theme-mixin.js';
 
@@ -21,7 +20,7 @@ const keyCodes = {
  * @slot - Menu items
  * @fires d2l-menu-resize - Dispatched when size of menu changes (e.g., when nested menu of a different size is opened)
  */
-class Menu extends ThemeMixin(HierarchicalViewMixin(FocusVisiblePolyfillMixin(LitElement))) {
+class Menu extends ThemeMixin(HierarchicalViewMixin(LitElement)) {
 
 	static get properties() {
 		return {

package/custom-elements.json

@@ -6943,6 +6943,32 @@
         }
       ]
     },
+    {
+      "name": "d2l-list-item-drag-image",
+      "path": "./components/list/list-item-drag-image.js",
+      "attributes": [
+        {
+          "name": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "true"
+        }
+      ],
+      "properties": [
+        {
+          "name": "count",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "skeleton",
+          "attribute": "skeleton",
+          "description": "Renders the input as a [skeleton loader](https://github.com/BrightspaceUI/core/tree/main/components/skeleton)",
+          "type": "boolean",
+          "default": "true"
+        }
+      ]
+    },
     {
       "name": "d2l-list-item-generic-layout",
       "path": "./components/list/list-item-generic-layout.js",
@@ -7242,6 +7268,12 @@
           "type": "'all'|'between'|'none'",
           "default": "\"\\\"all\\\"\""
         },
+        {
+          "name": "drag-multiple",
+          "description": "Whether the user can drag multiple items",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "extend-separators",
           "description": "Whether to extend the separators beyond the content's edge",
@@ -7271,6 +7303,8 @@
         },
         {
           "name": "dragMultiple",
+          "attribute": "drag-multiple",
+          "description": "Whether the user can drag multiple items",
           "type": "boolean",
           "default": "false"
         },

package/lang/ar.js

@@ -1,11 +1,12 @@
 /* eslint quotes: 0 */
+
 export default {
 	"components.alert.close": "إغلاق التنبيه",
 	"components.breadcrumbs.breadcrumb": "شريط التنقل",
 	"components.calendar.notSelected": "لم يتم التحديد.",
 	"components.calendar.selected": "تم التحديد.",
 	"components.calendar.show": "إظهار {month}",
-	"components.count-badge.plus": "{number}+",
+	"components.count-badge.plus" : "{number}+",
 	"components.dialog.close": "إغلاق مربع الحوار هذا",
 	"components.dropdown.close": "إغلاق",
 	"components.filter.clear": "مسح",
@@ -16,9 +17,9 @@ export default {
 	"components.filter.clearAnnounceSingle": "جارٍ مسح عوامل التصفية",
 	"components.filter.clearDescription": "مسح عوامل التصفية لـ: {filterName}",
 	"components.filter.clearDescriptionSingle": "مسح عوامل التصفية",
+	"components.filter.loading": "يتم تحميل عوامل التصفية",
 	"components.filter.filterCountDescription": "{number, plural, zero {لم يتم تطبيق عوامل تصفية.} one {تم تطبيق عامل تصفية واحد.} other {{number} من عوامل التصفية التي تم تطبيقها.}}",
 	"components.filter.filters": "عوامل التصفية",
-	"components.filter.loading": "يتم تحميل عوامل التصفية",
 	"components.filter.noFilters": "ما من عوامل تصفية متوفرة",
 	"components.filter.searchResults": "{number, plural, zero {ما من نتائج بحث} one {نتيجة بحث واحدة} other {{number} من نتائج البحث}}",
 	"components.filter.singleDimensionDescription": "التصفية حسب: {filterName}",
@@ -48,37 +49,37 @@ export default {
 	"components.input-date.errorMaxDateOnly": "يجب أن يكون التاريخ قبل {maxDate}",
 	"components.input-date.errorMinDateOnly": "يجب أن يكون التاريخ بعد {minDate}",
 	"components.input-date.errorOutsideRange": "يجب أن يكون التاريخ بين {minDate} و{maxDate}",
-	"components.input-date.now": "الآن",
 	"components.input-date.openInstructions": "استخدم تنسيق التاريخ {format}. انتقل إلى الأسفل أو اضغط على Enter للوصول إلى التقويم المصغّر.",
+	"components.input-date.now": "الآن",
 	"components.input-date.today": "اليوم",
+	"components.input-number.hintInteger": "يقبل هذا الحقل قيم الأعداد الصحيحة فقط (بدون أعداد عشرية)",
 	"components.input-number.hintDecimalDuplicate": "يوجد عدد عشري في هذا الرقم",
 	"components.input-number.hintDecimalIncorrectComma": "لإضافة عدد عشري، استخدم حرف الفاصلة \",\"",
 	"components.input-number.hintDecimalIncorrectPeriod": "لإضافة عدد عشري، استخدم حرف النقطة \".\"",
-	"components.input-number.hintInteger": "يقبل هذا الحقل قيم الأعداد الصحيحة فقط (بدون أعداد عشرية)",
 	"components.input-search.clear": "مسح البحث",
 	"components.input-search.defaultPlaceholder": "البحث...",
 	"components.input-search.search": "بحث",
 	"components.input-time-range.endTime": "وقت النهاية",
 	"components.input-time-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
 	"components.input-time-range.startTime": "وقت البدء",
-	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",
-	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
-	"components.list-item-drag-handle-tooltip.left-right-desc": "Change the nesting level.",
-	"components.list-item-drag-handle-tooltip.left-right-key": "Left/Right",
-	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
-	"components.list-item-drag-handle-tooltip.up-down-desc": "Move item up or down in the list.",
-	"components.list-item-drag-handle-tooltip.up-down-key": "Up/Down",
 	"components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
 	"components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
+	"components.list-item-tooltip.title": "التنقل عبر لوحة المفاتيح للقوائم:",
+	"components.list-item-tooltip.enter-key": "إدخال",
+	"components.list-item-tooltip.enter-desc": "تنشيط خيار التركيز.",
+	"components.list-item-tooltip.up-down-key": "أعلى/أسفل",
+	"components.list-item-tooltip.up-down-desc": "نقل التركيز بين مواد القائمة.",
+	"components.list-item-tooltip.left-right-key": "يسار/يمين",
+	"components.list-item-tooltip.left-right-desc": "نقل التركيز ضمن المادة الحالية.",
+	"components.list-item-tooltip.page-up-down-key": "صفحة إلى الأعلى/الأسفل",
+	"components.list-item-tooltip.page-up-down-desc": "نقل التركيز لـ 5 مواد في كل مرة.",
+	"components.list-item-drag-handle-tooltip.title": "عناصر التحكم بلوحة المفاتيح لإعادة الترتيب:",
+	"components.list-item-drag-handle-tooltip.enter-key": "إدخال",
+	"components.list-item-drag-handle-tooltip.enter-desc": "تبديل وضع إعادة ترتيب لوحة المفاتيح.",
+	"components.list-item-drag-handle-tooltip.up-down-key": "أعلى/أسفل",
+	"components.list-item-drag-handle-tooltip.up-down-desc": "نقل المادة إلى الأعلى أو الأسفل في القائمة.",
+	"components.list-item-drag-handle-tooltip.left-right-key": "يسار/يمين",
+	"components.list-item-drag-handle-tooltip.left-right-desc": "غيِّر مستوى التداخل.",
 	"components.menu-item-return.return": "العودة إلى القائمة السابقة.",
 	"components.menu-item-return.returnCurrentlyShowing": "العودة إلى القائمة السابقة. يتم عرض {menuTitle}.",
 	"components.meter-mixin.commaSeperatedAria": "{term1}، ‏{term2}",

package/lang/cy.js

@@ -1,11 +1,12 @@
 /* eslint quotes: 0 */
+
 export default {
 	"components.alert.close": "Cau Hysbysiad",
 	"components.breadcrumbs.breadcrumb": "Briwsionyn Bara",
 	"components.calendar.notSelected": "Heb ei Ddewis.",
 	"components.calendar.selected": "Wedi'i Ddewis.",
 	"components.calendar.show": "Dangos {month}",
-	"components.count-badge.plus": "{number}+",
+	"components.count-badge.plus" : "{number}+",
 	"components.dialog.close": "Cau'r dialog hwn",
 	"components.dropdown.close": "Cau",
 	"components.filter.clear": "Clirio",
@@ -16,9 +17,9 @@ export default {
 	"components.filter.clearAnnounceSingle": "Wrthi'n clirio hidlwyr",
 	"components.filter.clearDescription": "Wrthi’n clirio hidlwyd ar gyfer: {filterName}",
 	"components.filter.clearDescriptionSingle": "Clirio Hidlwyr",
+	"components.filter.loading": "Wrthi’n llwytho hidlyddion",
 	"components.filter.filterCountDescription": "{number, plural, zero {Ni chymhwyswyd hidlwyr.} one {1 hidlydd wedi'i gymhwyso.} other {{number} hidlydd wedi'u cymhwyso.}}",
 	"components.filter.filters": "Hidlyddion",
-	"components.filter.loading": "Wrthi’n llwytho hidlyddion",
 	"components.filter.noFilters": "Dim hidlyddion ar gael",
 	"components.filter.searchResults": "{number, plural, zero {Dim canlyniadau chwilio} one {1 canlyniad chwilio} other {{number} o ganlyniadau chwilio}}",
 	"components.filter.singleDimensionDescription": "Hidlo yn ôl: {filterName}",
@@ -48,37 +49,37 @@ export default {
 	"components.input-date.errorMaxDateOnly": "Rhaid i'r dyddiad fod cyn {maxDate}",
 	"components.input-date.errorMinDateOnly": "Rhaid i'r dyddiad fod ar ôl {minDate}",
 	"components.input-date.errorOutsideRange": "Rhaid i'r dyddiad fod rhwng {minDate} a {maxDate}",
-	"components.input-date.now": "Nawr",
 	"components.input-date.openInstructions": "Defnyddio fformat dyddiad {format}. Pwyswch saeth i lawr neu Enter i gael mynediad at galendr bach.",
+	"components.input-date.now": "Nawr",
 	"components.input-date.today": "Heddiw",
+	"components.input-number.hintInteger": "Mae'r maes hwn yn derbyn gwerthoedd cyfanrif yn unig (dim degolion)",
 	"components.input-number.hintDecimalDuplicate": "Mae degol eisoes yn y nifer hwn",
 	"components.input-number.hintDecimalIncorrectComma": "I ychwanegu degol defnyddiwch y nod coma \",”",
 	"components.input-number.hintDecimalIncorrectPeriod": "I ychwanegu degol defnyddiwch y nod atalnod llawn \".\"",
-	"components.input-number.hintInteger": "Mae'r maes hwn yn derbyn gwerthoedd cyfanrif yn unig (dim degolion)",
 	"components.input-search.clear": "Clirio'r Chwilio",
 	"components.input-search.defaultPlaceholder": "Chwilio...",
 	"components.input-search.search": "Chwilio",
 	"components.input-time-range.endTime": "Amser Gorffen",
 	"components.input-time-range.errorBadInput": "Rhaid i {startLabel} fod cyn {endLabel}",
 	"components.input-time-range.startTime": "Amser Dechrau",
-	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",
-	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
-	"components.list-item-drag-handle-tooltip.left-right-desc": "Change the nesting level.",
-	"components.list-item-drag-handle-tooltip.left-right-key": "Left/Right",
-	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
-	"components.list-item-drag-handle-tooltip.up-down-desc": "Move item up or down in the list.",
-	"components.list-item-drag-handle-tooltip.up-down-key": "Up/Down",
 	"components.list-item-drag-handle.default": "Aildrefnu gweithred eitem ar gyfer {name}",
 	"components.list-item-drag-handle.keyboard": "Aildrefnu eitemau, safle presennol {currentPosition} allan o {size}. I symud yr eitem hon, pwyswch y saeth i fyny neu'r saeth i lawr.",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
+	"components.list-item-tooltip.title": "Llywio Bysellfwrdd ar gyfer Rhestrau:",
+	"components.list-item-tooltip.enter-key": "Nodi",
+	"components.list-item-tooltip.enter-desc": "Gweithredu'r opsiwn ffocysu.",
+	"components.list-item-tooltip.up-down-key": "I Fyny/I Lawr",
+	"components.list-item-tooltip.up-down-desc": "Symud y ffocws rhwng eitemau rhestr.",
+	"components.list-item-tooltip.left-right-key": "Chwith/De",
+	"components.list-item-tooltip.left-right-desc": "Symud y ffocws o fewn yr eitem bresennol.",
+	"components.list-item-tooltip.page-up-down-key": "Tudalen I Fyny/I Lawr",
+	"components.list-item-tooltip.page-up-down-desc": "Symud y ffocws 5 eitem ar y tro.",
+	"components.list-item-drag-handle-tooltip.title": "Rheolaethau bysellfwrdd ar gyfer aildrefnu:",
+	"components.list-item-drag-handle-tooltip.enter-key": "Nodi",
+	"components.list-item-drag-handle-tooltip.enter-desc": "Toglo'r modd aildrefnu bysellfwrdd.",
+	"components.list-item-drag-handle-tooltip.up-down-key": "I Fyny/I Lawr",
+	"components.list-item-drag-handle-tooltip.up-down-desc": "Symud yr eitem i fyny neu i lawr yn y rhestr.",
+	"components.list-item-drag-handle-tooltip.left-right-key": "Chwith/De",
+	"components.list-item-drag-handle-tooltip.left-right-desc": "Newid y lefel nythu.",
 	"components.menu-item-return.return": "Dychwelyd i'r ddewislen flaenorol.",
 	"components.menu-item-return.returnCurrentlyShowing": "Dychwelyd i'r ddewislen flaenorol. Rydych chi'n edrych ar {menuTitle}.",
 	"components.meter-mixin.commaSeperatedAria": "{term1}, {term2}",

package/lang/da.js

@@ -1,11 +1,12 @@
 /* eslint quotes: 0 */
+
 export default {
 	"components.alert.close": "Luk besked",
 	"components.breadcrumbs.breadcrumb": "Brødkrumme",
 	"components.calendar.notSelected": "Ikke valgt.",
 	"components.calendar.selected": "Valgt.",
 	"components.calendar.show": "Vis {month}",
-	"components.count-badge.plus": "{number}+",
+	"components.count-badge.plus" : "{number}+",
 	"components.dialog.close": "Luk denne dialogboks",
 	"components.dropdown.close": "Luk",
 	"components.filter.clear": "Ryd",
@@ -16,9 +17,9 @@ export default {
 	"components.filter.clearAnnounceSingle": "Rydder filtre",
 	"components.filter.clearDescription": "Ryd filtre for: {filterName}",
 	"components.filter.clearDescriptionSingle": "Ryd filtre",
+	"components.filter.loading": "Indlæser filtre",
 	"components.filter.filterCountDescription": "{number, plural, zero {Ingen filtre anvendt.} one {1 filter anvendt.} other {{number} filtre anvendt.}}",
 	"components.filter.filters": "Filtre",
-	"components.filter.loading": "Indlæser filtre",
 	"components.filter.noFilters": "Ingen tilgængelige filtre",
 	"components.filter.searchResults": "{number, plural, zero {No search results} one {1 search result} other {{number} search results}}",
 	"components.filter.singleDimensionDescription": "Filtrer efter: {filterName}",
@@ -48,37 +49,37 @@ export default {
 	"components.input-date.errorMaxDateOnly": "Datoen skal være før {maxDate}",
 	"components.input-date.errorMinDateOnly": "Datoen skal være efter {minDate}",
 	"components.input-date.errorOutsideRange": "Datoen skal være mellem {minDate} og {maxDate}",
-	"components.input-date.now": "Nu",
 	"components.input-date.openInstructions": "Brug datoformatet {format}. Tryk på Pil ned eller Enter for at få adgang til minikalender.",
+	"components.input-date.now": "Nu",
 	"components.input-date.today": "I dag",
+	"components.input-number.hintInteger": "Dette felt accepterer kun heltalsværdier (ingen decimaler)",
 	"components.input-number.hintDecimalDuplicate": "Der er allerede en decimal i dette tal",
 	"components.input-number.hintDecimalIncorrectComma": "Hvis du vil tilføje en decimal, skal du bruge komma-tegnet \",\"",
 	"components.input-number.hintDecimalIncorrectPeriod": "Hvis du vil tilføje en decimal, skal du bruge tegnet \".\"",
-	"components.input-number.hintInteger": "Dette felt accepterer kun heltalsværdier (ingen decimaler)",
 	"components.input-search.clear": "Ryd søgning",
 	"components.input-search.defaultPlaceholder": "Søg ...",
 	"components.input-search.search": "Søg",
 	"components.input-time-range.endTime": "Sluttidspunkt",
 	"components.input-time-range.errorBadInput": "{startLabel} skal være før {endLabel}",
 	"components.input-time-range.startTime": "Starttidspunkt",
-	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",
-	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
-	"components.list-item-drag-handle-tooltip.left-right-desc": "Change the nesting level.",
-	"components.list-item-drag-handle-tooltip.left-right-key": "Left/Right",
-	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
-	"components.list-item-drag-handle-tooltip.up-down-desc": "Move item up or down in the list.",
-	"components.list-item-drag-handle-tooltip.up-down-key": "Up/Down",
 	"components.list-item-drag-handle.default": "Omarranger elementhandling for {name}",
 	"components.list-item-drag-handle.keyboard": "Omarranger element, aktuel position {currentPosition} ud af {size}. For at flytte dette element skal du trykke på pil op eller pil ned.",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
+	"components.list-item-tooltip.title": "Tastaturnavigering for lister:",
+	"components.list-item-tooltip.enter-key": "Indtast",
+	"components.list-item-tooltip.enter-desc": "Aktivér den fokuserede indstilling.",
+	"components.list-item-tooltip.up-down-key": "Op/ned",
+	"components.list-item-tooltip.up-down-desc": "Flyt fokus mellem listeelementer.",
+	"components.list-item-tooltip.left-right-key": "Venstre/højre",
+	"components.list-item-tooltip.left-right-desc": "Flyt fokus inden for det aktuelle element.",
+	"components.list-item-tooltip.page-up-down-key": "Side op/ned",
+	"components.list-item-tooltip.page-up-down-desc": "Flyt fokus 5 elementer ad gangen.",
+	"components.list-item-drag-handle-tooltip.title": "Tastaturkontrolelementer for omorganisering:",
+	"components.list-item-drag-handle-tooltip.enter-key": "Indtast",
+	"components.list-item-drag-handle-tooltip.enter-desc": "Skift tilstand for omorganisering af tastatur.",
+	"components.list-item-drag-handle-tooltip.up-down-key": "Op/ned",
+	"components.list-item-drag-handle-tooltip.up-down-desc": "Flyt element op eller ned på listen.",
+	"components.list-item-drag-handle-tooltip.left-right-key": "Venstre/højre",
+	"components.list-item-drag-handle-tooltip.left-right-desc": "Skift indlejringsniveauet.",
 	"components.menu-item-return.return": "Gå tilbage til forrige menu.",
 	"components.menu-item-return.returnCurrentlyShowing": "Gå tilbage til forrige menu. Du ser på {menuTitle}.",
 	"components.meter-mixin.commaSeperatedAria": "{term1}, {term2}",

package/lang/de.js

@@ -1,11 +1,12 @@
 /* eslint quotes: 0 */
+
 export default {
 	"components.alert.close": "Benachrichtigung schließen",
 	"components.breadcrumbs.breadcrumb": "Breadcrumb",
 	"components.calendar.notSelected": "Nicht ausgewählt.",
 	"components.calendar.selected": "Ausgewählt.",
 	"components.calendar.show": "{month} anzeigen",
-	"components.count-badge.plus": "{number}+",
+	"components.count-badge.plus" : "{number}+",
 	"components.dialog.close": "Dieses Dialogfeld schließen",
 	"components.dropdown.close": "Schließen",
 	"components.filter.clear": "Löschen",
@@ -16,9 +17,9 @@ export default {
 	"components.filter.clearAnnounceSingle": "Filter werden gelöscht",
 	"components.filter.clearDescription": "Filter für {filterName} löschen",
 	"components.filter.clearDescriptionSingle": "Filter löschen",
+	"components.filter.loading": "Filter werden geladen",
 	"components.filter.filterCountDescription": "{number, plural, zero {Keine Filter angewendet.} one {1 Filter angewendet.} other {{number} Filter angewendet.}}",
 	"components.filter.filters": "Filter",
-	"components.filter.loading": "Filter werden geladen",
 	"components.filter.noFilters": "Keine verfügbaren Filter",
 	"components.filter.searchResults": "{number, plural, zero {Keine Suchergebnisse} one {1 Suchergebnis} other {{number} Suchergebnisse}}",
 	"components.filter.singleDimensionDescription": "Filtern nach: {filterName}",
@@ -48,37 +49,37 @@ export default {
 	"components.input-date.errorMaxDateOnly": "Datum muss vor {maxDate} liegen",
 	"components.input-date.errorMinDateOnly": "Datum muss nach {minDate} liegen",
 	"components.input-date.errorOutsideRange": "Datum muss zwischen {minDate} und {maxDate} liegen",
-	"components.input-date.now": "Jetzt",
 	"components.input-date.openInstructions": "Das Datumsformat {format} verwenden. Minikalender durch Abwärtspfeil oder durch Drücken der Eingabetaste aufrufen.",
+	"components.input-date.now": "Jetzt",
 	"components.input-date.today": "Heute",
+	"components.input-number.hintInteger": "Dieses Feld akzeptiert nur Ganzzahlen (keine Dezimalstellen)",
 	"components.input-number.hintDecimalDuplicate": "Diese Zahl enthält bereits eine Dezimale",
 	"components.input-number.hintDecimalIncorrectComma": "Verwenden Sie zum Hinzufügen einer Dezimalstelle das Komma \",“",
 	"components.input-number.hintDecimalIncorrectPeriod": "Verwenden Sie zum Hinzufügen einer Dezimalstelle das Zeichen \".“",
-	"components.input-number.hintInteger": "Dieses Feld akzeptiert nur Ganzzahlen (keine Dezimalstellen)",
 	"components.input-search.clear": "Suche löschen",
 	"components.input-search.defaultPlaceholder": "Suchen...",
 	"components.input-search.search": "Suchen",
 	"components.input-time-range.endTime": "Endzeit",
 	"components.input-time-range.errorBadInput": "{startLabel} muss vor {endLabel} liegen",
 	"components.input-time-range.startTime": "Startzeit",
-	"components.list-item-drag-handle-tooltip.enter-desc": "Toggle keyboard reorder mode.",
-	"components.list-item-drag-handle-tooltip.enter-key": "Enter",
-	"components.list-item-drag-handle-tooltip.left-right-desc": "Change the nesting level.",
-	"components.list-item-drag-handle-tooltip.left-right-key": "Left/Right",
-	"components.list-item-drag-handle-tooltip.title": "Keyboard Controls for Reordering:",
-	"components.list-item-drag-handle-tooltip.up-down-desc": "Move item up or down in the list.",
-	"components.list-item-drag-handle-tooltip.up-down-key": "Up/Down",
 	"components.list-item-drag-handle.default": "Elementaktion für {name} neu anordnen",
 	"components.list-item-drag-handle.keyboard": "Elemente neu anordnen; aktuelle Position: {currentPosition} von {size}. Drücken Sie zum Bewegen dieses Elements auf den Pfeil nach oben oder den Pfeil nach unten.",
-	"components.list-item-tooltip.enter-desc": "Activate the focused option.",
-	"components.list-item-tooltip.enter-key": "Enter",
-	"components.list-item-tooltip.left-right-desc": "Move focus within current item.",
-	"components.list-item-tooltip.left-right-key": "Left/Right",
-	"components.list-item-tooltip.page-up-down-desc": "Move focus 5 items at a time.",
-	"components.list-item-tooltip.page-up-down-key": "Page Up/Down",
-	"components.list-item-tooltip.title": "Keyboard Navigation for Lists:",
-	"components.list-item-tooltip.up-down-desc": "Move focus between list items.",
-	"components.list-item-tooltip.up-down-key": "Up/Down",
+	"components.list-item-tooltip.title": "Tastaturnavigation für Listen:",
+	"components.list-item-tooltip.enter-key": "Eingabe",
+	"components.list-item-tooltip.enter-desc": "Die fokussierte Option aktivieren.",
+	"components.list-item-tooltip.up-down-key": "Nach oben/unten",
+	"components.list-item-tooltip.up-down-desc": "Fokus zwischen Listeneinträgen verschieben.",
+	"components.list-item-tooltip.left-right-key": "Links/Rechts",
+	"components.list-item-tooltip.left-right-desc": "Fokus innerhalb des aktuellen Elements verschieben.",
+	"components.list-item-tooltip.page-up-down-key": "Bild Auf/Ab",
+	"components.list-item-tooltip.page-up-down-desc": "Fokus um jeweils 5 Elemente verschieben.",
+	"components.list-item-drag-handle-tooltip.title": "Tastatursteuerelemente für Neuanordnung:",
+	"components.list-item-drag-handle-tooltip.enter-key": "Eingabe",
+	"components.list-item-drag-handle-tooltip.enter-desc": "Tastatur-Neuanordnungsmodus ändern.",
+	"components.list-item-drag-handle-tooltip.up-down-key": "Nach oben/unten",
+	"components.list-item-drag-handle-tooltip.up-down-desc": "Element in der Liste nach oben oder unten verschieben.",
+	"components.list-item-drag-handle-tooltip.left-right-key": "Links/Rechts",
+	"components.list-item-drag-handle-tooltip.left-right-desc": "Verschachtelungsebene ändern.",
 	"components.menu-item-return.return": "Zum vorherigen Menü zurückkehren.",
 	"components.menu-item-return.returnCurrentlyShowing": "Zum vorherigen Menü zurückkehren. Sie betrachten gerade {menuTitle}.",
 	"components.meter-mixin.commaSeperatedAria": "{term1}, {term2}",