@brightspace-ui/core 2.77.0 → 2.78.1

package/lang/ar.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "تحديد الكل",
 	"components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
 	"components.selection.selected": "تم تحديد {count}",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "إجراءات التحديد",
 	"components.switch.visible": "مرئي",
 	"components.switch.visibleWithPeriod": "مرئي.",

package/lang/cy.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Dewis y Cyfan",
 	"components.selection.select-all-items": "Dewis Pob {count} Eitem",
 	"components.selection.selected": "{count} wedi’u dewis.",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Camau gweithredu ar gyfer detholiad",
 	"components.switch.visible": "Gweladwy",
 	"components.switch.visibleWithPeriod": "Gweladwy.",

package/lang/da.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Vælg alle",
 	"components.selection.select-all-items": "Vælg alle {count} elementer",
 	"components.selection.selected": "{count} valgt",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Handlinger for valg",
 	"components.switch.visible": "Synlig",
 	"components.switch.visibleWithPeriod": "Synlig.",

package/lang/de.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Alle auswählen",
 	"components.selection.select-all-items": "Alle {count} Elemente auswählen",
 	"components.selection.selected": "{count} ausgewählt",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Aktionen für Auswahl",
 	"components.switch.visible": "Sichtbar",
 	"components.switch.visibleWithPeriod": "Sichtbar.",

package/lang/en.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Select All",
 	"components.selection.select-all-items": "Select All {count} Items",
 	"components.selection.selected": "{count} selected",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Actions for selection",
 	"components.switch.visible": "Visible",
 	"components.switch.visibleWithPeriod": "Visible.",

package/lang/es-es.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Seleccionar todo",
 	"components.selection.select-all-items": "Seleccione los {count} elementos",
 	"components.selection.selected": "{count} seleccionados",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Acciones para la selección",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/es.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Seleccionar todo",
 	"components.selection.select-all-items": "Seleccione todos los {count} elementos",
 	"components.selection.selected": "{count} seleccionados",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Acciones para la selección",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/fr-fr.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Tout sélectionner",
 	"components.selection.select-all-items": "Sélectionner tous les {count} éléments",
 	"components.selection.selected": "{count} sélectionnés",
+	"components.selection.selected-plus": "{count}+  sélectionnés",
 	"components.selection-header.label": "Actions pour la sélection",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/fr.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Tout sélectionner",
 	"components.selection.select-all-items": "Sélectionner tous les {count} éléments",
 	"components.selection.selected": "{count} sélectionné(s)",
+	"components.selection.selected-plus": "{count}+ sélectionné(s)",
 	"components.selection-header.label": "Actions à sélectionner",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/hi.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "सभी का चयन करें",
 	"components.selection.select-all-items": "सभी {count} आइटम चुनें।",
 	"components.selection.selected": "{count} चयनित",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "चयन के लिए क्रियाएँ",
 	"components.switch.visible": "दृश्यमान",
 	"components.switch.visibleWithPeriod": "दृश्यमान।",

package/lang/ja.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "すべて選択",
 	"components.selection.select-all-items": "{count} 個の項目をすべて選択",
 	"components.selection.selected": "{count} 個を選択済み",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "選択のアクション",
 	"components.switch.visible": "表示",
 	"components.switch.visibleWithPeriod": "表示。",

package/lang/ko.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "모두 선택",
 	"components.selection.select-all-items": "{count}개 항목을 모두 선택하십시오.",
 	"components.selection.selected": "{count}개 선택됨",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "선택 작업",
 	"components.switch.visible": "표시",
 	"components.switch.visibleWithPeriod": "표시.",

package/lang/nl.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Alles selecteren",
 	"components.selection.select-all-items": "Alle {count} records selecteren",
 	"components.selection.selected": "{count} geselecteerd",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Acties voor selectie",
 	"components.switch.visible": "Zichtbaar",
 	"components.switch.visibleWithPeriod": "Zichtbaar.",

package/lang/pt.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Selecionar tudo",
 	"components.selection.select-all-items": "Selecione todos os {count} itens",
 	"components.selection.selected": "{count} selecionados",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Ações para seleção",
 	"components.switch.visible": "Visível",
 	"components.switch.visibleWithPeriod": "Visível.",

package/lang/sv.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Välj alla",
 	"components.selection.select-all-items": "Välj alla {count} objekt",
 	"components.selection.selected": "{count} valda",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Åtgärder för val",
 	"components.switch.visible": "Synlig",
 	"components.switch.visibleWithPeriod": "Synlig.",

package/lang/tr.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "Tümünü Seç",
 	"components.selection.select-all-items": "{count} Öğenin Tamamını Seç",
 	"components.selection.selected": "{count} öğe seçildi",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "Seçim için eylemler",
 	"components.switch.visible": "Görünür",
 	"components.switch.visibleWithPeriod": "Görünür.",

package/lang/zh-cn.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "全选",
 	"components.selection.select-all-items": "选择全部 {count} 个项目",
 	"components.selection.selected": "已选 {count}",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "针对所选内容的操作",
 	"components.switch.visible": "可见",
 	"components.switch.visibleWithPeriod": "可见。",

package/lang/zh-tw.js

@@ -99,6 +99,7 @@ export default {
 	"components.selection.select-all": "全選",
 	"components.selection.select-all-items": "選取所有 {count} 個項目",
 	"components.selection.selected": "已選取 {count} 個",
+	"components.selection.selected-plus": "{count}+ selected",
 	"components.selection-header.label": "選擇的動作",
 	"components.switch.visible": "可見",
 	"components.switch.visibleWithPeriod": "可見。",

package/package.json

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

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

@@ -1,181 +0,0 @@
-import '../list-item-content.js';
-import '../list-item.js';
-import '../list.js';
-import { html, LitElement } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { moveLocations } from '../list-item-drag-drop-mixin.js';
-import { repeat } from 'lit/directives/repeat.js';
-
-class ListDemoDragAndDrop extends LitElement {
-
-	static get properties() {
-		return {
-			items: { type: Array }
-		};
-	}
-
-	constructor() {
-		super();
-		this.items = [{
-			key: '1',
-			primaryText: 'Introductory Earth Sciences',
-			supportingText: 'This course explores the geological processes of the Earth\'s interior and surface. These include volcanism, earthquakes, mountain building, glaciation and weathering.',
-			imgSrc: 'https://s.brightspace.com/course-images/images/63b162ab-b582-4bf9-8c1d-1dad04714121/tile-high-density-max-size.jpg',
-			dropNested: true,
-			items: [{
-				key: '1-1',
-				primaryText: 'Glaciation',
-				supportingText: 'Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/bf648978-6637-4fdc-815b-81572c436c0e/tile-high-density-max-size.jpg',
-				dropNested: true,
-				items: []
-			}, {
-				key: '1-2',
-				primaryText: 'Weathering',
-				supportingText: 'Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/50f91ba6-7c25-482a-bd71-1c4b7c8d2154/tile-high-density-min-size.jpg',
-				dropNested: true,
-				items: []
-			}, {
-				key: '1-3',
-				primaryText: 'Volcanism',
-				supportingText: 'Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/5eb2371d-6099-4c8d-8aad-075f357012a2/tile-high-density-min-size.jpg',
-				dropNested: true,
-				items: []
-			}]
-		}, {
-			key: '2',
-			primaryText: 'Flow and Transport Through Fractured Rocks',
-			supportingText: 'Fractures are ubiquitous in geologic media and important in disciplines such as physical and contaminant hydrogeology, geotechnical engineering, civil and environmental engineering, petroleum engineering among other areas.',
-			imgSrc: 'https://s.brightspace.com/course-images/images/e5fd575a-bc14-4a80-89e1-46f349a76178/tile-high-density-max-size.jpg',
-			items: [{
-				key: '2-1',
-				primaryText: 'Contaminant Transport',
-				supportingText: 'No Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/824fffa1-86a6-4489-84ba-91edfbc1dcc4/tile-high-density-min-size.jpg',
-				dropNested: false,
-				items: []
-			}, {
-				key: '2-2',
-				primaryText: 'Modelling Flow in Fractured Media',
-				supportingText: 'No Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/e18c92a4-b996-444f-84b5-988874feccac/tile-high-density-min-size.jpg',
-				dropNested: false,
-				items: []
-			}]
-		}, {
-			key: '3',
-			primaryText: 'Applied Wetland Science',
-			supportingText: 'Advanced concepts on wetland ecosystems in the context of regional and global earth systems processes such as carbon and nitrogen cycling and climate change, applications of wetland paleoecology, use of isotopes and other geochemical tools in wetland science, and wetland engineering in landscape rehabilitation and ecotechnology.',
-			imgSrc: 'https://s.brightspace.com/course-images/images/38e839b1-37fa-470c-8830-b189ce4ae134/tile-high-density-max-size.jpg',
-			items: [{
-				key: '3-1',
-				primaryText: 'Carbon & Nitrogen Cycling',
-				supportingText: 'Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/623b420b-a305-4762-8af8-598f0e72e956/tile-high-density-min-size.jpg',
-				dropNested: true,
-				items: []
-			}, {
-				key: '3-2',
-				primaryText: 'Wetland Engineering',
-				supportingText: 'Nesting Allowed',
-				imgSrc: 'https://s.brightspace.com/course-images/images/26102577-8f2a-4e24-84b5-19d76decbc7a/tile-high-density-min-size.jpg',
-				dropNested: true,
-				items: []
-			}]
-		}];
-	}
-
-	render() {
-		const renderList = (items, nested) => {
-			return html`
-				<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"
-							draggable
-							drag-handle-text="${item.primaryText}"
-							?drop-nested="${item.dropNested}"
-							key="${item.key}"
-							label="${item.primaryText}"
-							selectable>
-								${item.imgSrc.length === 0 ? null : html`<img slot="illustration" src="${item.imgSrc}">`}
-								<d2l-list-item-content>
-									<div>${item.primaryText}</div>
-									<div slot="supporting-info">${item.supportingText}</div>
-								</d2l-list-item-content>
-								${item.items.length > 0 ? renderList(item.items, true) : null}
-						</d2l-list-item>
-					`)}
-				</d2l-list>
-			`;
-		};
-
-		return html`
-			<div @d2l-list-items-move="${this._handleListItemsMove}">
-				${renderList(this.items, false)}
-			</div>
-		`;
-	}
-
-	async _handleListItemsMove(e) {
-
-		const sourceListItems = e.detail.sourceItems;
-		const target = e.detail.target;
-
-		// helper that gets the array containing item data, the item data, and the index within the array
-		const getItemInfo = (items, key) => {
-			for (let i = 0; i < items.length; i++) {
-				if (items[i].key === key) {
-					return { owner: items, item: items[i], index: i };
-				}
-				if (items[i].items && items[i].items.length > 0) {
-					const tempItemData = getItemInfo(items[i].items, key);
-					if (tempItemData) return tempItemData;
-				}
-			}
-		};
-
-		const dataToMove = [];
-
-		// remove data elements from original locations
-		sourceListItems.forEach(sourceListItem => {
-			const info = getItemInfo(this.items, sourceListItem.key);
-			info.owner.splice(info.index, 1);
-			dataToMove.push(info.item);
-		});
-
-		// append data elements to new location
-		const targetInfo = getItemInfo(this.items, target.item.key);
-		let targetItems;
-		let targetIndex;
-		if (target.location === moveLocations.nest) {
-			if (!targetInfo.item.items) targetInfo.item.items = [];
-			targetItems = targetInfo.item.items;
-			targetIndex = targetItems.length;
-		} else {
-			targetItems = targetInfo.owner;
-			if (target.location === moveLocations.above) targetIndex = targetInfo.index;
-			else if (target.location === moveLocations.below) targetIndex = targetInfo.index + 1;
-		}
-		for (let i = dataToMove.length - 1; i >= 0; i--) {
-			targetItems.splice(targetIndex, 0, dataToMove[i]);
-		}
-
-		this.requestUpdate();
-		await this.updateComplete;
-
-		if (e.detail.keyboardActive) {
-			setTimeout(() => {
-				if (!this.shadowRoot) return;
-				const newItem = this.shadowRoot.querySelector('d2l-list').getListItemByKey(sourceListItems[0].key);
-				newItem.activateDragHandle();
-			});
-		}
-
-	}
-
-}
-
-customElements.define('d2l-demo-list-drag-and-drop', ListDemoDragAndDrop);