@brightspace-ui/labs 2.51.0 → 2.53.0

package/package.json

@@ -31,10 +31,7 @@
     "./components/navigation/navigation-main-footer.js": "./src/components/navigation/navigation-main-footer.js",
     "./components/navigation/navigation-main-header.js": "./src/components/navigation/navigation-main-header.js",
     "./components/navigation/navigation-notification-icon.js": "./src/components/navigation/navigation-notification-icon.js",
-    "./components/navigation/navigation-separator.js": "./src/components/navigation/navigation-separator.js",
     "./components/navigation/navigation-shared-styles.js": "./src/components/navigation/navigation-shared-styles.js",
-    "./components/navigation/navigation-skip-main.js": "./src/components/navigation/navigation-skip-main.js",
-    "./components/navigation/navigation-skip.js": "./src/components/navigation/navigation-skip.js",
     "./components/navigation/navigation-styles.js": "./src/components/navigation/navigation-styles.js",
     "./components/navigation/navigation.js": "./src/components/navigation/navigation.js",
     "./components/opt-in-flyout.js": "./src/components/opt-in-flyout/opt-in-flyout.js",
@@ -113,5 +110,5 @@
     "parse-srt": "^1.0.0-alpha",
     "webvtt-parser": "^2"
   },
-  "version": "2.51.0"
+  "version": "2.53.0"
 }

package/src/components/navigation/navigation.js

@@ -1,5 +1,5 @@
+import '@brightspace-ui/core/components/skip-nav/skip-nav-main.js';
 import './navigation-band.js';
-import './navigation-skip-main.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { getNextFocusable } from '@brightspace-ui/core/helpers/focus.js';
 
@@ -40,7 +40,7 @@ class Navigation extends LitElement {
 	}
 
 	render() {
-		const skipNav = this.hasSkipNav ? html`<d2l-labs-navigation-skip-main @d2l-labs-navigation-skip-fail="${this._handleSkipNavFail}"></d2l-labs-navigation-skip-main>` : nothing;
+		const skipNav = this.hasSkipNav ? html`<d2l-skip-nav-main @d2l-skip-nav-main-fail="${this._handleSkipNavFail}"></d2l-skip-nav-main>` : nothing;
 		return html`
 			${skipNav}<d2l-labs-navigation-band><slot name="navigation-band"></slot></d2l-labs-navigation-band>
 			<slot></slot>

package/src/lang/ar.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "العودة",
 	"components:navigation:next": "التالي",
 	"components:navigation:previous": "السابق",
-	"components:navigation:skipNav": "تجاوز إلى المحتوى الرئيسي",
 	"components:optInFlyout:cancel": "إلغاء",
 	"components:optInFlyout:close": "إغلاق مربع الحوار هذا",
 	"components:optInFlyout:done": "تم",

package/src/lang/ca.js

@@ -0,0 +1,114 @@
+export default {
+	"components:accessibilityDisabilitySimulator:blurLevel": "Nivell de desenfocament", // Label for input slider that users can use to change the level of blurriness
+	"components:accessibilityDisabilitySimulator:colorblindAchromatopsia": "Acromatòpsia", // Disability simulation option for users with Achromatiopsia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindDeuteranopia": "Deuteranopia", // Disability simulation option for users with Deuteranopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindProtanopia": "Protanopia", // Disability simulation option for users with Protanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindTritanopia": "Tritanopia", // Disability simulation option for users with Tritanopia colorblindness
+	"components:accessibilityDisabilitySimulator:colorblindness": "Daltonisme", // Disability simulation option for users with Colorblindness
+	"components:accessibilityDisabilitySimulator:keyboardOnly": "Només teclat", // Disability simulation option for users who can only use the keyboard for navigation
+	"components:accessibilityDisabilitySimulator:lowVision": "Visió baixa", // Disability simulation option for users with a limited ability to see
+	"components:accessibilityDisabilitySimulator:noVision": "Sense visió", // Disability simulation option for users without the ability to see
+	"components:accessibilityDisabilitySimulator:none": "Cap", // Disability simulation option that represents having no disability
+	"components:accessibilityDisabilitySimulator:screenreaderAndTabAlert": "Activeu el lector de pantalla i premeu la tecla de tabulació fins arribar al contingut", // Alert that prompts the user to use a screenreader and tabbing to view content
+	"components:accessibilityDisabilitySimulator:simulationType": "Tipus de simulació:", // Label for the disability simulation options
+	"components:attributePicker:addValue": "Feu clic per afegir valor {value}", // Label for screen readers to inform user that they can click to add the given value
+	"components:attributePicker:limitReached": "Has arribat al límite de {value} valors seleccionats", //  Tooltip that appears when the user has reach the maximum amount of attributes
+	"components:attributePicker:minimumRequirement": "Cal definir un valor com a mínim", // Tooltip that appears when no values have been set and we need to inform the user that this is an invalid state
+	"components:attributePicker:removeValue": "Feu clic, premeu la tecla de retrocés o premeu la tecla de suprimir per eliminar l’element {value}", // Label to inform user how they can remove the given value
+	"components:checkboxDrawer:checkboxCollapsed": "Casella de selecció reduïda", // Read by screen readers when focusing the collapsed (unchecked) checkbox, with the inner content hidden
+	"components:checkboxDrawer:checkboxExpanded": "Casella de selecció expandida", // Read by screen readers when focusing the expanded (checked) checkbox, with the inner content shown
+	"components:fileUploader:browse": "navegar",
+	"components:fileUploader:browse_files": "Navegar pels fitxers",
+	"components:fileUploader:choose_one_file_to_upload": "Trieu un fitxer per pujar",
+	"components:fileUploader:file_upload_text": "Arrossegar i deixar anar o",
+	"components:gradeResult:cannotBeNegative": "(no pot ser menor que 0)",
+	"components:gradeResult:clearManualOverride": "Esborrar la anul·lació manual",
+	"components:gradeResult:gradeScoreLabel": "Puntuació de la qualificació",
+	"components:gradeResult:manuallyOverrideGrade": "Substituir manualment la qualificació",
+	"components:gradeResult:numeratorOutOfDenominator": "{numerator} de {denominator}",
+	"components:gradeResult:outOfDenominator": "de {denominator}",
+	"components:gradeResult:overallGrade": "Qualificació global",
+	"components:gradeResult:studentGradePreviewLabel": "Vista d’estudiant de la qualificació",
+	"components:gradeResult:studentGradePreviewNotShown": "Qualificació no mostrada als estudiants",
+	"components:mediaPlayer:captions": "Subtítols",
+	"components:mediaPlayer:captionsVtt": "Subtítols (.vtt)",
+	"components:mediaPlayer:closedCaptionsAcronym": "CC",
+	"components:mediaPlayer:default": "Predeterminat",
+	"components:mediaPlayer:download": "Descarrega",
+	"components:mediaPlayer:exitFullscreen": "Sortir de pantalla completa",
+	"components:mediaPlayer:fullscreen": "Pantalla completa",
+	"components:mediaPlayer:language": "Idioma",
+	"components:mediaPlayer:loadErrorMessage": "Vaja! Hi ha hagut un problema en carregar aquest fitxer multimèdia.",
+	"components:mediaPlayer:loadSuccessMessage": "L’element multimèdia s’ha carregat correctament",
+	"components:mediaPlayer:menu": "menú",
+	"components:mediaPlayer:mute": "Silenciar",
+	"components:mediaPlayer:off": "Desactivat",
+	"components:mediaPlayer:pause": "Pausar",
+	"components:mediaPlayer:play": "Reprodueix",
+	"components:mediaPlayer:playbackSpeed": "Velocitat de reproducció",
+	"components:mediaPlayer:quality": "Qualitat",
+	"components:mediaPlayer:retry": "Tornar-ho a intentar",
+	"components:mediaPlayer:searchPlaceholder": "Cercar...",
+	"components:mediaPlayer:seekSlider": "control lliscant de cerca",
+	"components:mediaPlayer:settings": "configuració",
+	"components:mediaPlayer:showSearchInput": "Mostra l’entrada de cerca",
+	"components:mediaPlayer:sliderBarProgress": "progrés de la barra lliscant",
+	"components:mediaPlayer:speed": "velocitat",
+	"components:mediaPlayer:transcriptTxt": "Transcripció (.txt)",
+	"components:mediaPlayer:unableToDownload": "No s’ha pogut descarregar. Actualitzeu la pàgina i torneu-ho a provar.",
+	"components:mediaPlayer:unmute": "Activar el so",
+	"components:mediaPlayer:volumeSlider": "control lliscant de volum",
+	"components:navigation:back": "Enrere",
+	"components:navigation:next": "Següent",
+	"components:navigation:previous": "Anterior",
+	"components:optInFlyout:cancel": "Cancel·lar",
+	"components:optInFlyout:close": "Tancar aquest quadre de diàleg",
+	"components:optInFlyout:done": "Fet",
+	"components:optInFlyout:feedbackChooseReason": "-- Trieu un motiu --",
+	"components:optInFlyout:feedbackLabel": "Què podríem fer perquè això sigui quelcom que t’agradaria utilitzar?",
+	"components:optInFlyout:feedbackReasonJustCheckingSomething": "Només tornar enrere per comprovar alguna cosa",
+	"components:optInFlyout:feedbackReasonLabel": "Et faria res dir-nos per què tornes enrere?",
+	"components:optInFlyout:feedbackReasonMissingFeature": "Falta una funció que faig servir",
+	"components:optInFlyout:feedbackReasonNotReadyForSomethingNew": "No és un bon moment per provar aquesta versió",
+	"components:optInFlyout:feedbackReasonOther": "Un altre",
+	"components:optInFlyout:feedbackReasonPreferOldExperience": "Crec que la versió antiga ofereix una experiència millor",
+	"components:optInFlyout:feedbackTitle": "Fes-nos saber com podem millorar!",
+	"components:optInFlyout:helpMessage": "Llegiu la nostra *documentació d’ajuda* per començar!",
+	"components:optInFlyout:leaveOff": "Deixar-ho fora",
+	"components:optInFlyout:leaveOn": "Deixar-ho",
+	"components:optInFlyout:openOptIn": "Obrir el quadre de diàleg de donar-se d’alta",
+	"components:optInFlyout:openOptOut": "Obrir el quadre de diàleg de donar-se de baixa",
+	"components:optInFlyout:turnOff": "Apagar-ho",
+	"components:optInFlyout:turnOn": "Engegar-ho",
+	"components:optInFlyout:tutorialAndHelpMessage": "Mireu els nostres *tutorials* o llegiu la nostra ~documentació d’ajuda~ per començar!",
+	"components:optInFlyout:tutorialMessage": "Mireu els nostres *tutorials* per ajudar-vos a començar!",
+	"components:ouFilter:orgUnitFilter:name": "Unitat d’organització",
+	"components:ouFilter:orgUnitFilter:nameAllSelected": "Unitat organitzativa: totes",
+	"components:ouFilter:orgUnitFilter:nameSomeSelected": "Unitat organitzativa: seleccions aplicades",
+	"components:ouFilter:treeFilter:nodeName": "{orgUnitName} (Id: {id})",
+	"components:ouFilter:treeFilter:nodeName:root": "arrel",
+	"components:ouFilter:treeSelector:arrowLabel:closed": "Expandir {name} a nivell {level}, element secundari de {parentName}",
+	"components:ouFilter:treeSelector:arrowLabel:open": "Reduir {name} a nivell {level}, element secundari de {parentName}",
+	"components:ouFilter:treeSelector:clearLabel": "Esborrar",
+	"components:ouFilter:treeSelector:dropdownAction": "Obrir el filtre {name}",
+	"components:ouFilter:treeSelector:filterBy": "Filtrar per",
+	"components:ouFilter:treeSelector:loadMoreLabel": "Carrega’n més",
+	"components:ouFilter:treeSelector:noFiltersAvailable": "Cap filtre disponible",
+	"components:ouFilter:treeSelector:noSearchResults": "Cerca sense resultats",
+	"components:ouFilter:treeSelector:node:ariaLabel": "{name}, element secundari de {parentName},",
+	"components:ouFilter:treeSelector:parentLoadMore:ariaLabel": "Carregar més unitats organitzatives secundàries",
+	"components:ouFilter:treeSelector:searchLabel": "Cerca",
+	"components:ouFilter:treeSelector:searchLoadMore:ariaLabel": "Carregar més resultats de cerca",
+	"components:ouFilter:treeSelector:searchPlaceholder": "Cercar...",
+	"components:ouFilter:treeSelector:selectAllLabel": "Selecciona-ho tot",
+	"components:pagination:amountPerPage": "{count} per pàgina",
+	"components:pagination:currentPage": "Número de pàgina {pageNumber} de {maxPageNumber}",
+	"components:pagination:nextPage": "Pàgina següent",
+	"components:pagination:previousPage": "Pàgina anterior",
+	"components:pagination:resultsPerPage": "Resultats per pàgina",
+	"components:wizard:aria.steplabel": "Pas {currentStep} de {totalSteps}",
+	"components:wizard:next.button.tooltip": "Continuar al pas següent",
+	"components:wizard:restart.button.tooltip": "Tornar al primer pas",
+	"components:wizard:stepper.defaults.next": "Següent",
+	"components:wizard:stepper.defaults.restart": "Reiniciar"
+};

package/src/lang/cy.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Yn ôl",
 	"components:navigation:next": "Nesaf",
 	"components:navigation:previous": "Blaenorol",
-	"components:navigation:skipNav": "neidio i’r prif gynnwys",
 	"components:optInFlyout:cancel": "Canslo",
 	"components:optInFlyout:close": "Cau’r dialog hwn",
 	"components:optInFlyout:done": "Wedi Gorffen",

package/src/lang/da.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Tilbage",
 	"components:navigation:next": "Næste",
 	"components:navigation:previous": "Forrige",
-	"components:navigation:skipNav": "spring videre til hovedindhold",
 	"components:optInFlyout:cancel": "Annuller",
 	"components:optInFlyout:close": "Luk denne dialogboks",
 	"components:optInFlyout:done": "Udført",

package/src/lang/de.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Zurück",
 	"components:navigation:next": "Weiter",
 	"components:navigation:previous": "Zurück",
-	"components:navigation:skipNav": "zum Hauptinhalt springen",
 	"components:optInFlyout:cancel": "Abbrechen",
 	"components:optInFlyout:close": "Dieses Dialogfeld schließen",
 	"components:optInFlyout:done": "Fertig",

package/src/lang/en-gb.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Back",
 	"components:navigation:next": "Next",
 	"components:navigation:previous": "Previous",
-	"components:navigation:skipNav": "skip to main content",
 	"components:optInFlyout:cancel": "Cancel",
 	"components:optInFlyout:close": "Close this dialogue",
 	"components:optInFlyout:done": "Done",

package/src/lang/en.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Back",
 	"components:navigation:next": "Next",
 	"components:navigation:previous": "Previous",
-	"components:navigation:skipNav": "skip to main content",
 	"components:optInFlyout:cancel": "Cancel",
 	"components:optInFlyout:close": "Close this dialog",
 	"components:optInFlyout:done": "Done",

package/src/lang/es-es.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Volver",
 	"components:navigation:next": "Siguiente",
 	"components:navigation:previous": "Anterior",
-	"components:navigation:skipNav": "pasar al contenido principal",
 	"components:optInFlyout:cancel": "Cancelar",
 	"components:optInFlyout:close": "Cerrar este cuadro de diálogo",
 	"components:optInFlyout:done": "Hecho",

package/src/lang/es.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Volver",
 	"components:navigation:next": "Siguiente",
 	"components:navigation:previous": "Anterior",
-	"components:navigation:skipNav": "pasar al contenido principal",
 	"components:optInFlyout:cancel": "Cancelar",
 	"components:optInFlyout:close": "Cerrar este cuadro de diálogo",
 	"components:optInFlyout:done": "Listo",

package/src/lang/fr-fr.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Retour",
 	"components:navigation:next": "Suivant",
 	"components:navigation:previous": "Précédent",
-	"components:navigation:skipNav": "passer au contenu principal",
 	"components:optInFlyout:cancel": "Annuler",
 	"components:optInFlyout:close": "Fermer cette boîte de dialogue",
 	"components:optInFlyout:done": "Terminé",

package/src/lang/fr-on.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Retour",
 	"components:navigation:next": "Page suivante",
 	"components:navigation:previous": "Précédent",
-	"components:navigation:skipNav": "passer au contenu principal",
 	"components:optInFlyout:cancel": "Annuler",
 	"components:optInFlyout:close": "Fermer cette boîte de dialogue",
 	"components:optInFlyout:done": "Terminé",

package/src/lang/fr.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Retour",
 	"components:navigation:next": "Suivant",
 	"components:navigation:previous": "Précédent",
-	"components:navigation:skipNav": "passer au contenu principal",
 	"components:optInFlyout:cancel": "Annuler",
 	"components:optInFlyout:close": "Fermer cette boîte de dialogue",
 	"components:optInFlyout:done": "Terminé",

package/src/lang/haw.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Hoʻi",
 	"components:navigation:next": "Hiki mai",
 	"components:navigation:previous": "I mua",
-	"components:navigation:skipNav": "lele i ka mea nui o ka ʻike",
 	"components:optInFlyout:cancel": "Hoʻopau",
 	"components:optInFlyout:close": "Pani i kēia kamaʻilio",
 	"components:optInFlyout:done": "Pau",

package/src/lang/hi.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "वापस जाएँ",
 	"components:navigation:next": "अगला",
 	"components:navigation:previous": "पिछला",
-	"components:navigation:skipNav": "मुख्य सामग्री में जाएँ",
 	"components:optInFlyout:cancel": "कैंसल करें",
 	"components:optInFlyout:close": "यह संवाद बंद करें",
 	"components:optInFlyout:done": "पूरा हो गया",

package/src/lang/ja.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "戻る",
 	"components:navigation:next": "次へ",
 	"components:navigation:previous": "前へ",
-	"components:navigation:skipNav": "メインコンテンツへスキップ",
 	"components:optInFlyout:cancel": "キャンセル",
 	"components:optInFlyout:close": "このダイアログを閉じる",
 	"components:optInFlyout:done": "終了",

package/src/lang/ko.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "뒤로",
 	"components:navigation:next": "다음",
 	"components:navigation:previous": "이전",
-	"components:navigation:skipNav": "기본 콘텐츠로 건너뛰기",
 	"components:optInFlyout:cancel": "취소",
 	"components:optInFlyout:close": "이 대화 상자 닫기",
 	"components:optInFlyout:done": "완료",

package/src/lang/mi.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Hoki Whakamuri",
 	"components:navigation:next": "Whai Ake",
 	"components:navigation:previous": "Mua",
-	"components:navigation:skipNav": "whakarereke ki te ihirangi matua",
 	"components:optInFlyout:cancel": "Whakakore",
 	"components:optInFlyout:close": "Katia tēnei kōrero",
 	"components:optInFlyout:done": "Kua oti",

package/src/lang/nl.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Terug",
 	"components:navigation:next": "Volgende",
 	"components:navigation:previous": "Vorige",
-	"components:navigation:skipNav": "meteen naar hoofdinhoud gaan",
 	"components:optInFlyout:cancel": "Annuleren",
 	"components:optInFlyout:close": "Dit dialoogvenster sluiten",
 	"components:optInFlyout:done": "Gereed",

package/src/lang/pt.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Voltar",
 	"components:navigation:next": "Avançar",
 	"components:navigation:previous": "Anterior",
-	"components:navigation:skipNav": "passar para conteúdo principal",
 	"components:optInFlyout:cancel": "Cancelar",
 	"components:optInFlyout:close": "Fechar esta caixa de diálogo",
 	"components:optInFlyout:done": "Concluído",

package/src/lang/sv.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Tillbaka",
 	"components:navigation:next": "Nästa",
 	"components:navigation:previous": "Föregående",
-	"components:navigation:skipNav": "fortsätt till huvudinnehåll",
 	"components:optInFlyout:cancel": "Avbryt",
 	"components:optInFlyout:close": "Stäng dialogrutan",
 	"components:optInFlyout:done": "Klar",

package/src/lang/th.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "กลับ",
 	"components:navigation:next": "ถัดไป",
 	"components:navigation:previous": "ก่อนหน้า",
-	"components:navigation:skipNav": "ข้ามไปยังเนื้อหาหลัก",
 	"components:optInFlyout:cancel": "ยกเลิก",
 	"components:optInFlyout:close": "ปิดกล่องโต้ตอบนี้",
 	"components:optInFlyout:done": "เสร็จสิ้น",

package/src/lang/tr.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Geri",
 	"components:navigation:next": "İleri",
 	"components:navigation:previous": "Önceki",
-	"components:navigation:skipNav": "ana içeriğe atla",
 	"components:optInFlyout:cancel": "İptal et",
 	"components:optInFlyout:close": "Bu iletişim kutusunu kapat",
 	"components:optInFlyout:done": "Bitti",

package/src/lang/vi.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "Quay lại",
 	"components:navigation:next": "Tiếp theo",
 	"components:navigation:previous": "Trước",
-	"components:navigation:skipNav": "chuyển sang đến nội dung chính",
 	"components:optInFlyout:cancel": "Hủy",
 	"components:optInFlyout:close": "Đóng hộp thoại này",
 	"components:optInFlyout:done": "Hoàn tất",

package/src/lang/zh-cn.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "返回",
 	"components:navigation:next": "下一个",
 	"components:navigation:previous": "上一个",
-	"components:navigation:skipNav": "跳到主目录",
 	"components:optInFlyout:cancel": "取消",
 	"components:optInFlyout:close": "关闭此对话框",
 	"components:optInFlyout:done": "完成",

package/src/lang/zh-tw.js

@@ -61,7 +61,6 @@ export default {
 	"components:navigation:back": "返回",
 	"components:navigation:next": "下一個",
 	"components:navigation:previous": "上一個",
-	"components:navigation:skipNav": "跳至主要內容",
 	"components:optInFlyout:cancel": "取消",
 	"components:optInFlyout:close": "關閉此對話方塊",
 	"components:optInFlyout:done": "完成",

package/src/components/navigation/navigation-separator.js

@@ -1,30 +0,0 @@
-import '@brightspace-ui/core/components/colors/colors.js';
-import '@brightspace-ui/core/components/icons/icon.js';
-import { css, html, LitElement } from 'lit';
-
-/**
- * Separator component to be used between buttons in a navigational element.
- */
-class NavigationSeparator extends LitElement {
-
-	static get styles() {
-		return css`
-			:host {
-				display: inline-block;
-				margin: 0 9px;
-			}
-			d2l-icon {
-				color: var(--d2l-color-mica);
-			}
-		`;
-	}
-
-	render() {
-		return html`
-			<d2l-icon icon="tier2:divider-big"></d2l-icon>
-		`;
-	}
-
-}
-
-customElements.define('d2l-labs-navigation-separator', NavigationSeparator);

package/src/components/navigation/navigation-skip-main.js

@@ -1,31 +0,0 @@
-import './navigation-skip.js';
-import { html, LitElement } from 'lit';
-import { FocusMixin } from '@brightspace-ui/core/mixins/focus/focus-mixin.js';
-import { LocalizeLabsElement } from '../localize-labs-element.js';
-import { querySelectorComposed } from '@brightspace-ui/core/helpers/dom.js';
-
-class NavigationSkipMain extends FocusMixin(LocalizeLabsElement(LitElement)) {
-
-	static get focusElementSelector() {
-		return 'd2l-labs-navigation-skip';
-	}
-
-	render() {
-		return html`<d2l-labs-navigation-skip text="${this.localize('components:navigation:skipNav')}" @click="${this._handleSkipNav}" class="vdiff-target"></d2l-labs-navigation-skip>`;
-	}
-
-	_handleSkipNav() {
-		const elem = querySelectorComposed(document, 'main') ||
-			querySelectorComposed(document, '[role="main"]') ||
-			querySelectorComposed(document, 'h1');
-		if (elem) {
-			elem.tabIndex = -1;
-			elem.focus();
-		} else {
-			this.dispatchEvent(new CustomEvent('d2l-labs-navigation-skip-fail', { bubbles: false, composed: false }));
-		}
-	}
-
-}
-
-customElements.define('d2l-labs-navigation-skip-main', NavigationSkipMain);

package/src/components/navigation/navigation-skip.js

@@ -1,54 +0,0 @@
-import { css, html, LitElement } from 'lit';
-import { FocusMixin } from '@brightspace-ui/core/mixins/focus/focus-mixin.js';
-import { PropertyRequiredMixin } from '@brightspace-ui/core/mixins/property-required/property-required-mixin.js';
-
-class NavigationSkip extends FocusMixin(PropertyRequiredMixin(LitElement)) {
-
-	static get properties() {
-		return {
-			text: { required: true, type: String }
-		};
-	}
-
-	static get styles() {
-		return css`
-			a {
-				inset-inline-start: -10000px;
-				overflow: hidden;
-				position: absolute;
-				width: 1px;
-			}
-			a:active,
-			a:focus {
-				background-color: rgba(0, 0, 0, 0.7);
-				border: 1px solid rgba(0, 0, 0, 0.8);
-				color: #ffffff;
-				cursor: pointer;
-				display: block;
-				font-weight: bold;
-				inset-block-start: 0;
-				inset-inline-start: 25%;
-				margin: 0 auto;
-				outline: none;
-				padding: 0.3em;
-				text-align: center;
-				text-decoration: none;
-				width: 50%;
-				z-index: 10000;
-			}
-		`;
-	}
-
-	static get focusElementSelector() {
-		return 'a';
-	}
-
-	render() {
-		// Href attribute is needed for a11y tools to recognize anchor as a link
-		// and for click events to be dispatched using key presses
-		return html`<a href="javascript:void(0);" class="vdiff-target">${this.text}</a>`;
-	}
-
-}
-
-customElements.define('d2l-labs-navigation-skip', NavigationSkip);