@brightspace-ui/core 2.71.3 → 2.71.5

package/components/dialog/dialog-mixin.js

@@ -203,7 +203,8 @@ export const DialogMixin = superclass => class extends RtlMixin(superclass) {
 		if (!this.shadowRoot) return;
 		const content = this.shadowRoot.querySelector('.d2l-dialog-content');
 		if (content) {
-			const elementToFocus = this._findAutofocusElement(content) ?? getNextFocusable(content);
+			const autofocusElem = this._findAutofocusElement(content);
+			const elementToFocus = autofocusElem ? autofocusElem : getNextFocusable(content);
 			if (isComposedAncestor(this.shadowRoot.querySelector('.d2l-dialog-inner'), elementToFocus)) {
 				forceFocusVisible(elementToFocus, false);
 				return;

package/components/selection/selection-observer-mixin.js

@@ -34,7 +34,7 @@ export const SelectionObserverMixin = superclass => class extends superclass {
 		requestAnimationFrame(() => {
 			if (this.selectionFor) {
 				this._handleSelectionFor();
-				return this._provider?.subscribeObserver(this);
+				return this._provider ? this._provider.subscribeObserver(this) : undefined;
 			}
 
 			const evt = new CustomEvent('d2l-selection-observer-subscribe', {

package/lang/ar.js

@@ -64,7 +64,7 @@ export default {
 	"components.input-time-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
 	"components.input-time-range.startTime": "وقت البدء",
 	"components.interactive.instructions": "اضغط على Enter للتفاعل، وEscape للخروج",
-	"components.list-header.label": "Actions for list",
+	"components.list-header.label": "إجراءات القائمة",
 	"components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
 	"components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",
 	"components.list-item-tooltip.title": "التنقل عبر لوحة المفاتيح للقوائم:",
@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "تحديد الكل",
 	"components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
 	"components.selection.selected": "تم تحديد {count}",
-	"components.selection-header.label": "Actions for selection",
+	"components.selection-header.label": "إجراءات التحديد",
 	"components.switch.visible": "مرئي",
 	"components.switch.visibleWithPeriod": "مرئي.",
 	"components.switch.hidden": "مخفي",

package/lang/cy.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Llywio Bysellfwrdd ar gyfer Rhestrau:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Camau gweithredu ar gyfer detholiad",
 	"components.switch.visible": "Gweladwy",
 	"components.switch.visibleWithPeriod": "Gweladwy.",
 	"components.switch.hidden": "Cudd",

package/lang/da.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Tastaturnavigering for lister:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Handlinger for valg",
 	"components.switch.visible": "Synlig",
 	"components.switch.visibleWithPeriod": "Synlig.",
 	"components.switch.hidden": "Skjult",

package/lang/de.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Tastaturnavigation für Listen:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Aktionen für Auswahl",
 	"components.switch.visible": "Sichtbar",
 	"components.switch.visibleWithPeriod": "Sichtbar.",
 	"components.switch.hidden": "Ausgeblendet",

package/lang/es-es.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Navegación de listas con el teclado:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Acciones para la selección",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Oculto",

package/lang/es.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Navegación con el teclado para listas:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Acciones para la selección",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Oculto",

package/lang/fr-fr.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Navigation au clavier pour les listes :",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Actions pour la sélection",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Masqué",

package/lang/fr.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Navigation au clavier pour les listes :",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Actions à sélectionner",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated
 	"components.switch.hidden": "Masqué(e)",

package/lang/hi.js

@@ -64,7 +64,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} {endLabel} से पहले का होना चाहिए",
 	"components.input-time-range.startTime": "प्रारंभ समय",
 	"components.interactive.instructions": "बातचीत करने के लिए Enter दबाएँ, बाहर निकलने के लिए Escape दबाएँ",
-	"components.list-header.label": "Actions for list",
+	"components.list-header.label": "सूची के लिए क्रियाएँ",
 	"components.list-item-drag-handle.default": "{name} के लिए आइटम कार्रवाई का क्रम बदलें",
 	"components.list-item-drag-handle.keyboard": "आइटम का क्रम बदलें, {size} में से वर्तमान स्थिति {currentPosition} इस आइटम को ले जाने के लिए, ऊपर या नीचे तीर दबाएँ।",
 	"components.list-item-tooltip.title": "सूचियों के लिए कीबोर्ड नेविगेशन:",
@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "सभी का चयन करें",
 	"components.selection.select-all-items": "सभी {count} आइटम चुनें।",
 	"components.selection.selected": "{count} चयनित",
-	"components.selection-header.label": "Actions for selection",
+	"components.selection-header.label": "चयन के लिए क्रियाएँ",
 	"components.switch.visible": "दृश्यमान",
 	"components.switch.visibleWithPeriod": "दृश्यमान।",
 	"components.switch.hidden": "छुपा हुआ",

package/lang/ja.js

@@ -64,7 +64,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} は {endLabel} より前にする必要があります",
 	"components.input-time-range.startTime": "開始時刻",
 	"components.interactive.instructions": "対話を始めるには Enter キー、終了するには Esc キーを押します",
-	"components.list-header.label": "Actions for list",
+	"components.list-header.label": "リストのアクション",
 	"components.list-item-drag-handle.default": "{name} の項目並べ替えアクション",
 	"components.list-item-drag-handle.keyboard": "項目の並べ替え、現在の位置 {currentPosition}、サイズ {size}。この項目を移動するには、上矢印または下矢印を押します。",
 	"components.list-item-tooltip.title": "リストのキーボードナビゲーション:",
@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "すべて選択",
 	"components.selection.select-all-items": "{count} 個の項目をすべて選択",
 	"components.selection.selected": "{count} 個を選択済み",
-	"components.selection-header.label": "Actions for selection",
+	"components.selection-header.label": "選択のアクション",
 	"components.switch.visible": "表示",
 	"components.switch.visibleWithPeriod": "表示。",
 	"components.switch.hidden": "非表示",

package/lang/ko.js

@@ -64,7 +64,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel}은(는) {endLabel} 앞에 있어야 합니다",
 	"components.input-time-range.startTime": "시작 시각",
 	"components.interactive.instructions": "Enter를 눌러 상호 작용하고 Esc를 눌러 종료합니다",
-	"components.list-header.label": "Actions for list",
+	"components.list-header.label": "목록에 대한 작업",
 	"components.list-item-drag-handle.default": "{name}에 대한 항목 작업 재정렬",
 	"components.list-item-drag-handle.keyboard": "전체 {size}에서 현재 위치 {currentPosition} 항목 재정렬 이 항목을 이동하라면 위쪽 또는 아래쪽 화살표를 누르십시오.",
 	"components.list-item-tooltip.title": "목록에 대한 키보드 탐색:",
@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "모두 선택",
 	"components.selection.select-all-items": "{count}개 항목을 모두 선택하십시오.",
 	"components.selection.selected": "{count}개 선택됨",
-	"components.selection-header.label": "Actions for selection",
+	"components.selection-header.label": "선택 작업",
 	"components.switch.visible": "표시",
 	"components.switch.visibleWithPeriod": "표시.",
 	"components.switch.hidden": "숨김",

package/lang/nl.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Toetsenbordnavigatie voor lijsten:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Acties voor selectie",
 	"components.switch.visible": "Zichtbaar",
 	"components.switch.visibleWithPeriod": "Zichtbaar.",
 	"components.switch.hidden": "Verborgen",

package/lang/pt.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Navegação do teclado para listas:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Ações para seleção",
 	"components.switch.visible": "Visível",
 	"components.switch.visibleWithPeriod": "Visível.",
 	"components.switch.hidden": "Oculto",

package/lang/sv.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Tangentbordsnavigering för listor:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Åtgärder för val",
 	"components.switch.visible": "Synlig",
 	"components.switch.visibleWithPeriod": "Synlig.",
 	"components.switch.hidden": "Dold",

package/lang/tr.js

@@ -64,7 +64,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.list-header.label": "Actions for list",
+	"components.list-header.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.",
 	"components.list-item-tooltip.title": "Listeler için Klavye ile Gezinme:",
@@ -99,7 +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-header.label": "Actions for selection",
+	"components.selection-header.label": "Seçim için eylemler",
 	"components.switch.visible": "Görünür",
 	"components.switch.visibleWithPeriod": "Görünür.",
 	"components.switch.hidden": "Gizli",

package/lang/zh-cn.js

@@ -64,7 +64,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} 必须早于 {endLabel}",
 	"components.input-time-range.startTime": "开始时间",
 	"components.interactive.instructions": "按 Enter 键进行交互，按 Esc 键退出",
-	"components.list-header.label": "Actions for list",
+	"components.list-header.label": "针对列表的操作",
 	"components.list-item-drag-handle.default": "对 {name} 的项目操作重新排序",
 	"components.list-item-drag-handle.keyboard": "对项目重新排序，当前位置 {currentPosition} 超出 {size}。要移动此项目，请按向上或向下箭头。",
 	"components.list-item-tooltip.title": "列表的键盘导航：",
@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "全选",
 	"components.selection.select-all-items": "选择全部 {count} 个项目",
 	"components.selection.selected": "已选 {count}",
-	"components.selection-header.label": "Actions for selection",
+	"components.selection-header.label": "针对所选内容的操作",
 	"components.switch.visible": "可见",
 	"components.switch.visibleWithPeriod": "可见。",
 	"components.switch.hidden": "隐藏",

package/lang/zh-tw.js

@@ -64,7 +64,7 @@ export default {
 	"components.input-time-range.errorBadInput": "{startLabel} 必須早於 {endLabel}",
 	"components.input-time-range.startTime": "開始時間",
 	"components.interactive.instructions": "按下 Enter 來互動，按下 Escape 即可結束",
-	"components.list-header.label": "Actions for list",
+	"components.list-header.label": "清單的動作",
 	"components.list-item-drag-handle.default": "重新排序 {name} 的項目動作",
 	"components.list-item-drag-handle.keyboard": "重新排序項目，目前位置 {currentPosition}，總共為 {size}。若要移除這個項目，請按向上或向下箭頭。",
 	"components.list-item-tooltip.title": "清單的鍵盤導覽：",
@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "全選",
 	"components.selection.select-all-items": "選取所有 {count} 個項目",
 	"components.selection.selected": "已選取 {count} 個",
-	"components.selection-header.label": "Actions for selection",
+	"components.selection-header.label": "選擇的動作",
 	"components.switch.visible": "可見",
 	"components.switch.visibleWithPeriod": "可見。",
 	"components.switch.hidden": "隱藏",

package/mixins/localize-mixin.js

@@ -130,7 +130,7 @@ export const LocalizeMixin = dedupeMixin(superclass => class extends superclass
 
 	static _generatePossibleLanguages(config) {
 
-		if (config?.useBrowserLangs) return navigator.languages.map(e => e.toLowerCase()).concat('en');
+		if (config && config.useBrowserLangs) return navigator.languages.map(e => e.toLowerCase()).concat('en');
 
 		const { language, fallbackLanguage } = this.documentLocaleSettings;
 		const langs = [ language, fallbackLanguage ]

package/package.json

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

package/templates/primary-secondary/primary-secondary.js

@@ -921,7 +921,7 @@ class TemplatePrimarySecondary extends FocusVisiblePolyfillMixin(RtlMixin(Locali
 
 	render() {
 		let tabindex;
-		const size = this._size ?? 0;
+		const size = this._size ? this._size : 0;
 		const secondaryPanelStyles = {};
 		if (this._isResizable()) {
 			secondaryPanelStyles[this._isMobile ? 'height' : 'width'] = `${size}px`;