@brightspace-ui/core 2.153.1 → 2.154.1

package/components/link/demo/link.html

@@ -44,6 +44,20 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Opens in a New Window</h2>
+			<d2l-demo-snippet>
+				<template>
+					<d2l-link target="_blank" href="https://www.d2l.com">Standard New Window Link</d2l-link>
+				</template>
+			</d2l-demo-snippet>
+
+			<h2>Small Opens in a New Window</h2>
+			<d2l-demo-snippet>
+				<template>
+					<d2l-link small target="_blank" main href="https://www.d2l.com">New Window Link</d2l-link>
+				</template>
+			</d2l-demo-snippet>
+
 			<h2>Inline</h2>
 			<d2l-demo-snippet>
 				<template>

package/components/link/link.js

@@ -1,9 +1,12 @@
 import '../colors/colors.js';
-import { css, html, LitElement, unsafeCSS } from 'lit';
+import '../icons/icon.js';
+import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
 import { getFocusPseudoClass } from '../../helpers/focus.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
+import { offscreenStyles } from '../offscreen/offscreen.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
 export const linkStyles = css`
@@ -50,7 +53,7 @@ export const linkStyles = css`
  * This component can be used just like the native anchor tag.
  * @slot - The content (e.g., text) that when selected causes navigation
  */
-class Link extends FocusMixin(LitElement) {
+class Link extends LocalizeCoreElement(FocusMixin(LitElement)) {
 
 	static get properties() {
 		return {
@@ -93,7 +96,7 @@ class Link extends FocusMixin(LitElement) {
 	}
 
 	static get styles() {
-		return [ linkStyles,
+		return [ linkStyles, offscreenStyles,
 			css`
 				:host {
 					display: inline;
@@ -115,6 +118,23 @@ class Link extends FocusMixin(LitElement) {
 					overflow: hidden;
 					overflow-wrap: anywhere;
 				}
+				d2l-icon {
+					color: var(--d2l-color-celestine);
+					height: 0.95em;
+					margin-inline-start: 0.315em;
+					vertical-align: inherit;
+					width: 0.95em;
+				}
+
+				a:hover d2l-icon {
+					--d2l-icon-fill-color: var(--d2l-color-celestine-minus-1);
+				}
+
+				@media print {
+					d2l-icon {
+						display: none;
+					}
+				}
 			`
 		];
 	}
@@ -138,14 +158,19 @@ class Link extends FocusMixin(LitElement) {
 			'd2l-link-small': this.small,
 			'truncate': this.lines > 0
 		};
-		const styles = (this.lines > 0) ? { '-webkit-line-clamp': this.lines } : {};
+		const styles = { webkitLineClamp: this.lines || null };
+		const newWindowElements = (this.target === '_blank')
+			? html`<span style="white-space: nowrap; line-height: 0;"><span style="font-size: 0;">&nbsp;</span><d2l-icon icon="tier1:new-window"></d2l-icon></span><span class="d2l-offscreen">${this.localize('components.link.open-in-new-window')}</span>`
+			: nothing;
+
 		return html`<a
 				aria-label="${ifDefined(this.ariaLabel)}"
 				class="${classMap(linkClasses)}"
 				style="${styleMap(styles)}"
 				?download="${this.download}"
 				href="${ifDefined(this.href)}"
-				target="${ifDefined(this.target)}"><slot></slot></a>`;
+				target="${ifDefined(this.target)}"
+			><slot></slot>${newWindowElements}</a>`;
 	}
 
 }

package/components/tooltip/tooltip.js

@@ -991,6 +991,13 @@ class Tooltip extends RtlMixin(LitElement) {
 		target.appendChild(cloneContainer);
 		await this.updateComplete;
 
+		// if the clone is a web component it needs to update to fill in any slots
+		const customElm = customElements.get(clone.localName);
+		if (customElm !== undefined) {
+			clone.requestUpdate();
+			await clone.updateComplete;
+		}
+
 		this._truncating = clone.scrollWidth > target.offsetWidth;
 		this._resizeRunSinceTruncationCheck = false;
 		target.removeChild(cloneContainer);

package/custom-elements.json

@@ -7665,6 +7665,10 @@
           "description": "The number of lines to display before truncating text with an ellipsis. The text will not be truncated unless a value is specified.",
           "type": "number",
           "default": "0"
+        },
+        {
+          "name": "documentLocaleSettings",
+          "default": "\"getDocumentLocaleSettings()\""
         }
       ],
       "slots": [

package/lang/ar.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
 	"components.input-time-range.startTime": "وقت البدء",
 	"components.interactive.instructions": "اضغط على Enter للتفاعل، وEscape للخروج",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "إجراءات القائمة",
 	"components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
 	"components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",

package/lang/cy.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "Rhaid i {startLabel} fod cyn {endLabel}",
 	"components.input-time-range.startTime": "Amser Dechrau",
 	"components.interactive.instructions": "Pwyswch Enter i ryngweithio, Escape i adael",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Camau gweithredu ar gyfer rhestr",
 	"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.",

package/lang/da.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} skal være før {endLabel}",
 	"components.input-time-range.startTime": "Starttidspunkt",
 	"components.interactive.instructions": "Tryk på Enter for at interagere, Escape for at afslutte",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Handlinger for liste",
 	"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.",

package/lang/de.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} muss vor {endLabel} liegen",
 	"components.input-time-range.startTime": "Startzeit",
 	"components.interactive.instructions": "Drücken Sie die Eingabetaste zum Interagieren oder die Escape-Taste, um das Fenster zu schließen",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Aktionen für Liste",
 	"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.",

package/lang/en-gb.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} must be before {endLabel}",
 	"components.input-time-range.startTime": "Start Time",
 	"components.interactive.instructions": "Press Enter to interact, Escape to exit",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Actions for list",
 	"components.list-item-drag-handle.default": "Reorder item action for {name}",
 	"components.list-item-drag-handle.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press up or down arrows.",

package/lang/en.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} must be before {endLabel}",
 	"components.input-time-range.startTime": "Start Time",
 	"components.interactive.instructions": "Press Enter to interact, Escape to exit",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Actions for list",
 	"components.list-item-drag-handle.default": "Reorder item action for {name}",
 	"components.list-item-drag-handle.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press up or down arrows.",

package/lang/es-es.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} debe ser anterior a {endLabel}",
 	"components.input-time-range.startTime": "Hora de inicio",
 	"components.interactive.instructions": "Pulse Enter para interactuar y Escape para salir",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Acciones para la lista",
 	"components.list-item-drag-handle.default": "Reordenar acción de elemento para {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elementos, posición actual {currentPosition} de {size}. Para mover este elemento, pulse las flechas arriba o abajo.",

package/lang/es.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} debe estar antes de {endLabel}",
 	"components.input-time-range.startTime": "Hora de inicio",
 	"components.interactive.instructions": "Presione Intro para interactuar y Escape para salir",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Acciones para la lista",
 	"components.list-item-drag-handle.default": "Acción de reordenar elemento de {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elemento, posición actual {currentPosition} de {size}. Para mover este elemento, presione las flechas hacia arriba o hacia abajo.",

package/lang/fr-fr.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} doit être antérieur à {endLabel}",
 	"components.input-time-range.startTime": "Heure de début",
 	"components.interactive.instructions": "Appuyer sur entrée pour interagir, sur Echap pour quitter",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Actions pour la liste",
 	"components.list-item-drag-handle.default": "Action de réorganisation de l'élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réordonner les éléments, position actuelle {currentPosition} sur {size}. Pour déplacer cet élément, appuyez sur les flèches vers le haut ou vers le bas.",

package/lang/fr.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} doit précéder {endLabel}",
 	"components.input-time-range.startTime": "Heure de début",
 	"components.interactive.instructions": "Appuyez sur Entrée pour interagir, sur Échapper pour quitter",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Actions pour la liste",
 	"components.list-item-drag-handle.default": "Réordonner l'action de l'élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réorganiser les éléments, position actuelle {currentPosition} de {size}. Pour déplacer cet élément, utilisez les flèches vers le haut et vers le bas.",

package/lang/hi.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} {endLabel} से पहले का होना चाहिए",
 	"components.input-time-range.startTime": "प्रारंभ समय",
 	"components.interactive.instructions": "बातचीत करने के लिए Enter दबाएँ, बाहर निकलने के लिए Escape दबाएँ",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "सूची के लिए क्रियाएँ",
 	"components.list-item-drag-handle.default": "{name} के लिए आइटम कार्रवाई का क्रम बदलें",
 	"components.list-item-drag-handle.keyboard": "आइटम का क्रम बदलें, {size} में से वर्तमान स्थिति {currentPosition} इस आइटम को ले जाने के लिए, ऊपर या नीचे तीर दबाएँ।",

package/lang/ja.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} は {endLabel} より前にする必要があります",
 	"components.input-time-range.startTime": "開始時刻",
 	"components.interactive.instructions": "対話を始めるには Enter キー、終了するには Esc キーを押します",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "リストのアクション",
 	"components.list-item-drag-handle.default": "{name} の項目並べ替えアクション",
 	"components.list-item-drag-handle.keyboard": "項目の並べ替え、現在の位置 {currentPosition}、サイズ {size}。この項目を移動するには、上矢印または下矢印を押します。",

package/lang/ko.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel}은(는) {endLabel} 앞에 있어야 합니다",
 	"components.input-time-range.startTime": "시작 시각",
 	"components.interactive.instructions": "Enter를 눌러 상호 작용하고 Esc를 눌러 종료합니다",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "목록에 대한 작업",
 	"components.list-item-drag-handle.default": "{name}에 대한 항목 작업 재정렬",
 	"components.list-item-drag-handle.keyboard": "전체 {size}에서 현재 위치 {currentPosition} 항목 재정렬 이 항목을 이동하라면 위쪽 또는 아래쪽 화살표를 누르십시오.",

package/lang/nl.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} moet voor {endLabel} liggen",
 	"components.input-time-range.startTime": "Starttijd",
 	"components.interactive.instructions": "Druk op Enter om te communiceren, druk op Escape om af te sluiten",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Acties voor lijst",
 	"components.list-item-drag-handle.default": "Itemactie voor {name} opnieuw rangschikken",
 	"components.list-item-drag-handle.keyboard": "Items opnieuw rangschikken, huidige positie {currentPosition} van {size}. Als u dit item wilt verplaatsen, drukt u op de pijl omhoog of omlaag.",

package/lang/pt.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} precisa ser anterior a {endLabel}",
 	"components.input-time-range.startTime": "Hora de início",
 	"components.interactive.instructions": "Pressione Enter para interagir, Escape para sair",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Ações para a lista",
 	"components.list-item-drag-handle.default": "Reordenar ação de item para {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar item, posição atual {currentPosition} de {size}. Para mover este item, pressione as setas para cima ou para baixo.",

package/lang/sv.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} måste vara före {endLabel}",
 	"components.input-time-range.startTime": "Starttid",
 	"components.interactive.instructions": "Tryck på Enter för att interagera och Escape för att avsluta",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Åtgärder för lista",
 	"components.list-item-drag-handle.default": "Åtgärd för att ändra ordning på objekt för {name}",
 	"components.list-item-drag-handle.keyboard": "Flytta objekt. Aktuell position: {currentPosition} av {size}. Om du vill flytta det här objektet trycker du på uppåt- eller nedåtpilen.",

package/lang/tr.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel}, {endLabel} tarihinden önce olmalıdır",
 	"components.input-time-range.startTime": "Başlangıç Saati",
 	"components.interactive.instructions": "Etkileşim kurmak için Enter tuşuna, çıkmak için Escape tuşuna basın",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "Liste için eylemler",
 	"components.list-item-drag-handle.default": "{name} için öğe eylemini yeniden sırala",
 	"components.list-item-drag-handle.keyboard": "Öğeyi yeniden sırala, mevcut konum {currentPosition} / {size}. Bu öğeyi taşımak için yukarı veya aşağı oklara basın.",

package/lang/zh-cn.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} 必须早于 {endLabel}",
 	"components.input-time-range.startTime": "开始时间",
 	"components.interactive.instructions": "按 Enter 键进行交互，按 Esc 键退出",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "针对列表的操作",
 	"components.list-item-drag-handle.default": "对 {name} 的项目操作重新排序",
 	"components.list-item-drag-handle.keyboard": "对项目重新排序，当前位置 {currentPosition} 超出 {size}。要移动此项目，请按向上或向下箭头。",

package/lang/zh-tw.js

@@ -66,6 +66,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} 必須早於 {endLabel}",
 	"components.input-time-range.startTime": "開始時間",
 	"components.interactive.instructions": "按下 Enter 來互動，按下 Escape 即可結束",
+	"components.link.open-in-new-window": "Opens in a new window.",
 	"components.list-controls.label": "清單的動作",
 	"components.list-item-drag-handle.default": "重新排序 {name} 的項目動作",
 	"components.list-item-drag-handle.keyboard": "重新排序項目，目前位置 {currentPosition}，總共為 {size}。若要移除這個項目，請按向上或向下箭頭。",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.153.1",
+  "version": "2.154.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -60,7 +60,7 @@
     "glob-all": "^3",
     "messageformat-validator": "^2",
     "node-sass": "^9",
-    "rollup": "^3",
+    "rollup": "^4",
     "rollup-plugin-copy": "^3",
     "rollup-plugin-delete": "^2",
     "sinon": "^16",
@@ -70,7 +70,7 @@
     "@brightspace-ui/intl": "^3",
     "@formatjs/intl-pluralrules": "^1",
     "@open-wc/dedupe-mixin": "^1",
-    "ifrau": "^0.40",
+    "ifrau": "^0.41",
     "intl-messageformat": "^10",
     "lit": "^2",
     "prismjs": "^1",