@brightspace-ui/core 3.203.1 → 3.204.0

package/components/button/button-copy.js

@@ -16,6 +16,11 @@ class ButtonCopy extends FocusMixin(LocalizeCoreElement(LitElement)) {
 			 * @type {boolean}
 			 */
 			disabled: { type: Boolean, reflect: true },
+			/**
+			 * Description of the content being copied to clipboard
+			 * @type {string}
+			 */
+			text: { type: String },
 			_iconCheckTimeoutId: { state: true },
 			_toastState: { state: true }
 		};
@@ -43,7 +48,11 @@ class ButtonCopy extends FocusMixin(LocalizeCoreElement(LitElement)) {
 
 	render() {
 		return html`
-			<d2l-button-icon ?disabled="${this.disabled}" icon="${this._iconCheckTimeoutId ? 'tier1:check' : 'tier1:copy'}" text="${this.localize('intl-common:actions:copy')}" @click="${this.#handleClick}"></d2l-button-icon>
+			<d2l-button-icon
+				?disabled="${this.disabled}"
+				icon="${this._iconCheckTimeoutId ? 'tier1:check' : 'tier1:copy'}"
+				text="${this.text ?? this.localize('intl-common:actions:copy')}"
+				@click="${this.#handleClick}"></d2l-button-icon>
 			<d2l-alert-toast
 				@d2l-alert-toast-close="${this.#handleToastClose}"
 				?open="${this._toastState}"

package/components/button/demo/button-copy.html

@@ -54,6 +54,22 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Text</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<span>Donuts are yummmmmy!</span>
+					<d2l-button-copy text="Donuts are yummmmmy!"></d2l-button-copy>
+					<script>
+						(demo => {
+							demo.querySelector('d2l-button-copy').addEventListener('click', async(e) => {
+								console.log('Copied', await e.detail.writeTextToClipboard(demo.querySelector('span').textContent));
+							});
+						})(document.currentScript.parentNode);
+					</script>
+				</template>
+			</d2l-demo-snippet>
+
 		</d2l-demo-page>
 
 	</body>

package/components/list/list-item-generic-layout.js

@@ -1,7 +1,6 @@
 import { css, html, LitElement } from 'lit';
 import { findComposedAncestor, isComposedAncestor } from '../../helpers/dom.js';
 import { getComposedActiveElement, getFirstFocusableDescendant, getFocusableDescendants, getLastFocusableDescendant, getNextFocusable, getPreviousFocusable } from '../../helpers/focus.js';
-import { getFlag } from '../../helpers/flags.js';
 import { isInteractiveDescendant } from '../../mixins/interactive/interactive-mixin.js';
 
 const keyCodes = {
@@ -17,8 +16,6 @@ const keyCodes = {
 	UP: 38
 };
 
-const listItemUpButtonFixFlag = getFlag('GAUD-8229-list-up-button-fix', true);
-
 function isRtl() {
 	return document.documentElement.getAttribute('dir') === 'rtl';
 }
@@ -491,27 +488,16 @@ class ListItemGenericLayout extends LitElement {
 				do {
 					// this check needs to account for standard list-items as well as custom
 					nestedList = previousElement.querySelector('[slot="nested"]') || previousElement.shadowRoot.querySelector('d2l-list');
-					if (listItemUpButtonFixFlag) {
-						// if there is nested list and nested list content is accessible
-						if (nestedList && (!previousElement.expandable || (previousElement.expandable && previousElement.expanded))) {
-							const nestedListItems = [...nestedList.children].filter(node => node.role === 'row');
-							if (nestedListItems.length) {
-								previousElement = nestedListItems[nestedListItems.length - 1];
-							} else {
-								break;
-							}
+					// if there is nested list and nested list content is accessible
+					if (nestedList && (!previousElement.expandable || (previousElement.expandable && previousElement.expanded))) {
+						const nestedListItems = [...nestedList.children].filter(node => node.role === 'row');
+						if (nestedListItems.length) {
+							previousElement = nestedListItems[nestedListItems.length - 1];
 						} else {
 							break;
 						}
 					} else {
-						if (nestedList) {
-							const nestedListItems = [...nestedList.children].filter(node => node.role === 'row');
-							if (nestedListItems.length) {
-								previousElement = nestedListItems[nestedListItems.length - 1];
-							} else {
-								break;
-							}
-						}
+						break;
 					}
 				}	while (nestedList);
 				return previousElement;

package/custom-elements.json

@@ -400,6 +400,11 @@
       "path": "./components/button/button-copy.js",
       "description": "A button component that copies to the clipboard.",
       "attributes": [
+        {
+          "name": "text",
+          "description": "Description of the content being copied to clipboard",
+          "type": "string"
+        },
         {
           "name": "disabled",
           "description": "Disables the button",
@@ -408,6 +413,12 @@
         }
       ],
       "properties": [
+        {
+          "name": "text",
+          "attribute": "text",
+          "description": "Description of the content being copied to clipboard",
+          "type": "string"
+        },
         {
           "name": "disabled",
           "attribute": "disabled",

package/lang/ar.js

@@ -238,9 +238,12 @@ export default {
 	"components.tag-list-item.tooltip-title": "عناصر التحكم في لوحة المفاتيح",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {مبدّل العرض يتضمن 0 عنصر}
+			=2 {مبدّل العرض يتضمن {count} عنصرين}
+			one {مبدّل العرض يتضمن {count} عنصر}
+			few {مبدّل العرض يتضمن {count} عناصر}
+			many {مبدّل العرض يتضمن {count} عنصر}
+			other {مبدّل العرض يتضمن {count} عنصر}
 		}`,
 	"templates.primary-secondary.divider": "فاصل اللوحة الثانوية",
 	"templates.primary-secondary.secondary-panel": "اللوحة الثانوية"

package/lang/cy.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Rheolyddion Bysellfwrdd",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Newidydd Gwedd gyda 0 eitem}
+			one {Newidydd Gwedd gyda {count} eitem}
+			other {Newidydd Gwedd gyda {count} eitem}
 		}`,
 	"templates.primary-secondary.divider": "Rhannwr panel eilaidd",
 	"templates.primary-secondary.secondary-panel": "Panel eilaidd"

package/lang/da.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Kontrolelementer på tastaturet",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Vis skift med 0 elementer}
+			one {Vis skift med {count} element}
+			other {Vis skift med {count} elementer}
 		}`,
 	"templates.primary-secondary.divider": "Sekundær panelskillelinje",
 	"templates.primary-secondary.secondary-panel": "Sekundært panel"

package/lang/de.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Tastatursteuerung",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Ansichtswechsel mit 0 Elementen}
+			one {Ansichtswechsel mit {count} Element}
+			other {Ansichtswechsel mit {count} Elementen}
 		}`,
 	"templates.primary-secondary.divider": "Sekundäre Bereichstrennung",
 	"templates.primary-secondary.secondary-panel": "Sekundärer Bereich"

package/lang/es-es.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Controles del teclado",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Cambio de vista con 0 elementos}
+			one {Cambio de vista con {count} elemento}
+			other {Cambio de vista con {count} elementos}
 		}`,
 	"templates.primary-secondary.divider": "Divisor de panel secundario",
 	"templates.primary-secondary.secondary-panel": "Panel secundario"

package/lang/es.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Controles del teclado",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Selector de vistas con 0 elementos}
+			one {Selector de vistas con {count} elemento}
+			other {Selector de vistas con {count} elementos}
 		}`,
 	"templates.primary-secondary.divider": "Divisor de panel secundario",
 	"templates.primary-secondary.secondary-panel": "Panel secundario"

package/lang/fr-fr.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Commandes du clavier",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Sélecteur de vue comportant 0 élément}
+			one {Sélecteur de vue comportant {count} élément}
+			other {Sélecteur de vue comportant {count} éléments}
 		}`,
 	"templates.primary-secondary.divider": "Séparateur de panneau secondaire",
 	"templates.primary-secondary.secondary-panel": "Panneau secondaire"

package/lang/fr.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Commandes du clavier",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {sélecteur de vue avec 0 élément}
+			one {sélecteur de vue avec {count} élément}
+			other {sélecteur de vue avec {count} éléments}
 		}`,
 	"templates.primary-secondary.divider": "Séparateur de panneau secondaire",
 	"templates.primary-secondary.secondary-panel": "Panneau secondaire"

package/lang/haw.js

@@ -234,9 +234,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "Nā Mana Keyboard",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			one {Nānā i ka mea hoʻololi me {count} nā mea}
+			other {Nānā i ka mea hoʻololi me {count} nā mea}
 		}`,
 	"templates.primary-secondary.divider": "Mea hoʻokaʻawale papa lua",
 	"templates.primary-secondary.secondary-panel": "Pane lua"

package/lang/hi.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "कीबोर्ड कंट्रोल",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {0 आइटम के साथ स्विचर को देखें}
+			one {{count} आइटम के साथ स्विचर को देखें}
+			other {{count} आइटम के साथ स्विचर को देखें}
 		}`,
 	"templates.primary-secondary.divider": "सेकेंडरी पैनल डिवाइडर",
 	"templates.primary-secondary.secondary-panel": "सेकेंडरी पैनल"

package/lang/ja.js

@@ -224,8 +224,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "キーボードコントロール",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			other {View Switcher with {count} items}
+			=0 {表示切り替えに 0 項目}
+			other {表示切り替えに {count} 項目}
 		}`,
 	"templates.primary-secondary.divider": "セカンダリパネルディバイダ",
 	"templates.primary-secondary.secondary-panel": "セカンダリパネル"

package/lang/ko.js

@@ -224,8 +224,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "키보드 컨트롤",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			other {View Switcher with {count} items}
+			=0 {0개의 항목이 있는 보기 전환기}
+			other {{count}개의 항목이 있는 보기 전환기}
 		}`,
 	"templates.primary-secondary.divider": "보조 패널 디바이더",
 	"templates.primary-secondary.secondary-panel": "보조 패널"

package/lang/mi.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Ngā Mana Papapātuhi",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Tirohia te Whakawhiti me te 0 taonga}
+			one {Tirohanga Whakawhiti me {count} taonga}
+			other {Tirohanga Whakawhiti me {count} taonga}
 		}`,
 	"templates.primary-secondary.divider": "Kaiwehe paepae tuarua",
 	"templates.primary-secondary.secondary-panel": "Pae tuarua"

package/lang/nl.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Bedieningselementen op het toetsenbord",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Weergaveschakelaar met 0 items}
+			one {Weergaveschakelaar met {count} item}
+			other {Weergaveschakelaar met {count} items}
 		}`,
 	"templates.primary-secondary.divider": "Scheidingslijn secundair venster",
 	"templates.primary-secondary.secondary-panel": "Secundair venster"

package/lang/pt.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Controles do teclado",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Alternador de visualização com 0 itens}
+			one {Alternador de visualização com {count} item}
+			other {Alternador de visualização com {count} itens}
 		}`,
 	"templates.primary-secondary.divider": "Divisor do painel secundário",
 	"templates.primary-secondary.secondary-panel": "Painel secundário"

package/lang/sv.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Tangentbordskontroller",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {Visa växlare med 0 objekt}
+			one {Visa växlare med {count} objekt}
+			other {Visa växlare med {count} objekt}
 		}`,
 	"templates.primary-secondary.divider": "Avgränsare för sekundär panel",
 	"templates.primary-secondary.secondary-panel": "Sekundär panel"

package/lang/th.js

@@ -225,8 +225,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "การควบคุมแป้นพิมพ์",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			other {View Switcher with {count} items}
+			=0 {ดู Switcher ที่มี 0 รายการ}
+			other {ดู Switcher ที่มี {count} รายการ}
 		}`,
 	"templates.primary-secondary.divider": "ตัวแบ่งบานหน้าต่างรอง",
 	"templates.primary-secondary.secondary-panel": "บานหน้าต่างรอง"

package/lang/tr.js

@@ -234,9 +234,9 @@ export default {
 	"components.tag-list-item.tooltip-title": "Klavye Kontrolleri",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			one {View Switcher with {count} item}
-			other {View Switcher with {count} items}
+			=0 {0 öğeli Değiştiriciyi görüntüle}
+			one {{count} öğeli Değiştiriciyi görüntüle}
+			other {{count} öğeli Değiştiriciyi görüntüle}
 		}`,
 	"templates.primary-secondary.divider": "İkincil panel ayırıcı",
 	"templates.primary-secondary.secondary-panel": "İkincil panel"

package/lang/vi.js

@@ -225,8 +225,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "Các điều khiển bàn phím",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			other {View Switcher with {count} items}
+			=0 {Xem Trình chuyển đổi với 0 mục}
+			other {Xem Trình chuyển đổi với {count} mục}
 		}`,
 	"templates.primary-secondary.divider": "Bộ phân cách bảng phụ",
 	"templates.primary-secondary.secondary-panel": "Bảng phụ"

package/lang/zh-cn.js

@@ -224,8 +224,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "键盘控制",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			other {View Switcher with {count} items}
+			=0 {包含 0 个项目的视图切换开关}
+			other {包含 {count} 个项目的视图切换开关}
 		}`,
 	"templates.primary-secondary.divider": "辅助面板分隔条",
 	"templates.primary-secondary.secondary-panel": "辅助面板"

package/lang/zh-tw.js

@@ -225,8 +225,8 @@ export default {
 	"components.tag-list-item.tooltip-title": "鍵盤控制項",
 	"components.view-switcher.role-description":
 		`{count, plural,
-			=0 {View Switcher with 0 items}
-			other {View Switcher with {count} items}
+			=0 {檢視有 0 個項目的切換器}
+			other {檢視有 {count} 個項目的切換器}
 		}`,
 	"templates.primary-secondary.divider": "次要面板分隔線",
 	"templates.primary-secondary.secondary-panel": "次要面板"

package/package.json

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