@brightspace-ui/core 3.77.0 → 3.79.0

package/components/popover/demo/popover.html

@@ -273,6 +273,22 @@
 			</template>
 		</d2l-demo-snippet>
 
+		<h2>Popover (mobile tray)</h2>
+		<d2l-demo-snippet>
+			<template>
+				<d2l-button-subtle text="Open"></d2l-button-subtle>
+				<d2l-test-popover mobile-tray-location="inline-start" style="max-width: 400px;">
+					<d2l-link href="https://pirateipsum.me/" target="_blank">Pirate Ipsum</d2l-link>
+					<div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
+					<d2l-button-subtle text="Close"></d2l-button-subtle>
+				</d2l-test-popover>
+				<script>
+					window.wireUpPopover(document.currentScript.parentNode);
+				</script>
+			</template>
+			</template>
+		</d2l-demo-snippet>
+
 	</d2l-demo-page>
 
 	<script>

package/components/popover/popover-mixin.js

@@ -12,6 +12,8 @@ const defaultPreferredPosition = {
 	span: 'all', // start, end, all
 	allowFlip: true
 };
+const minBackdropHeightMobile = 42;
+const minBackdropWidthMobile = 30;
 const pointerLength = 16;
 const pointerRotatedLength = Math.SQRT2 * parseFloat(pointerLength);
 const isSupported = ('popover' in HTMLElement.prototype);
@@ -30,6 +32,9 @@ export const PopoverMixin = superclass => class extends superclass {
 			_maxWidth: { state: true },
 			_minHeight: { state: true },
 			_minWidth: { state: true },
+			_mobile: { type: Boolean, reflect: true, attribute: '_mobile' },
+			_mobileBreakpoint: { state: true },
+			_mobileTrayLocation: { type: String, reflect: true, attribute: '_mobile-tray-location' },
 			_noAutoClose: { state: true },
 			_noAutoFit: { state: true },
 			_noAutoFocus: { state: true },
@@ -140,6 +145,58 @@ export const PopoverMixin = superclass => class extends superclass {
 				}
 			}
 
+			:host([_mobile][_mobile-tray-location]) .content-width {
+				position: fixed;
+				z-index: 1000;
+			}
+
+			:host([_mobile][_mobile-tray-location="inline-start"]) .content-width,
+			:host([_mobile][_mobile-tray-location="inline-end"]) .content-width {
+				inset-block-end: 0;
+				inset-block-start: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="inline-start"]) .content-width {
+				border-end-start-radius: 0;
+				border-start-start-radius: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="inline-end"]) .content-width {
+				border-end-end-radius: 0;
+				border-start-end-radius: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="block-end"]) .content-width {
+				border-end-end-radius: 0;
+				border-end-start-radius: 0;
+				inset-inline-start: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="inline-end"][opened]) .content-width {
+				inset-inline-end: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="inline-start"][opened]) .content-width {
+				inset-inline-start: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="block-end"][opened]) .content-width {
+				inset-block-end: 0;
+			}
+
+			:host([_mobile][_mobile-tray-location="inline-start"][opened]) .content-container,
+			:host([_mobile][_mobile-tray-location="inline-end"][opened]) .content-container {
+				height: 100vh;
+			}
+
+			:host([_mobile][_mobile-tray-location]) > .pointer {
+				display: none;
+			}
+
+			:host([_mobile][_mobile-tray-location][opened]) {
+				animation: none;
+			}
+
 			:host([_offscreen]) {
 				${_offscreenStyleDeclarations}
 			}
@@ -149,10 +206,12 @@ export const PopoverMixin = superclass => class extends superclass {
 	constructor() {
 		super();
 		this.configure();
+		this._mobile = false;
 		this._useNativePopover = isSupported ? 'manual' : undefined;
 		this.#handleAncestorMutationBound = this.#handleAncestorMutation.bind(this);
 		this.#handleAutoCloseClickBound = this.#handleAutoCloseClick.bind(this);
 		this.#handleAutoCloseFocusBound = this.#handleAutoCloseFocus.bind(this);
+		this.#handleMobileResizeBound = this.#handleMobileResize.bind(this);
 		this.#handleResizeBound = this.#handleResize.bind(this);
 		this.#repositionBound = this.#reposition.bind(this);
 	}
@@ -161,6 +220,7 @@ export const PopoverMixin = superclass => class extends superclass {
 		super.connectedCallback();
 		if (this._opened) {
 			this.#addAutoCloseHandlers();
+			this.#addMediaQueryHandlers();
 			this.#addRepositionHandlers();
 		}
 	}
@@ -168,6 +228,7 @@ export const PopoverMixin = superclass => class extends superclass {
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		this.#removeAutoCloseHandlers();
+		this.#removeMediaQueryHandlers();
 		this.#removeRepositionHandlers();
 		this.#clearDismissible();
 	}
@@ -181,6 +242,7 @@ export const PopoverMixin = superclass => class extends superclass {
 
 		this._previousFocusableAncestor = null;
 		this.#removeAutoCloseHandlers();
+		this.#removeMediaQueryHandlers();
 		this.#removeRepositionHandlers();
 		this.#clearDismissible();
 		await this.updateComplete; // wait before applying focus to opener
@@ -195,6 +257,8 @@ export const PopoverMixin = superclass => class extends superclass {
 		this._maxWidth = properties?.maxWidth;
 		this._minHeight = properties?.minHeight;
 		this._minWidth = properties?.minWidth;
+		this._mobileBreakpoint = properties?.mobileBreakpoint ?? 616;
+		this._mobileTrayLocation = properties?.mobileTrayLocation;
 		this._noAutoClose = properties?.noAutoClose ?? false;
 		this._noAutoFit = properties?.noAutoFit ?? false;
 		this._noAutoFocus = properties?.noAutoFocus ?? false;
@@ -217,6 +281,8 @@ export const PopoverMixin = superclass => class extends superclass {
 	async open(applyFocus = true) {
 		if (this._opened) return;
 
+		this.#addMediaQueryHandlers();
+
 		this._rtl = document.documentElement.getAttribute('dir') === 'rtl';
 		this._applyFocus = applyFocus !== undefined ? applyFocus : true;
 		this._opened = true;
@@ -243,7 +309,16 @@ export const PopoverMixin = superclass => class extends superclass {
 
 	renderPopover(content) {
 
-		const stylesMap = this.#getStyleMaps();
+		const mobileTrayLocation = this._mobile ? this._mobileTrayLocation : null;
+
+		let stylesMap;
+		if (mobileTrayLocation === 'block-end') {
+			stylesMap = this.#getMobileTrayBlockStyleMaps();
+		} else if (mobileTrayLocation === 'inline-start' || mobileTrayLocation === 'inline-end') {
+			stylesMap = this.#getMobileTrayInlineStyleMaps();
+		} else {
+			stylesMap = this.#getStyleMaps();
+		}
 		const widthStyle = stylesMap['width'];
 		const contentStyle = stylesMap['content'];
 
@@ -301,9 +376,11 @@ export const PopoverMixin = superclass => class extends superclass {
 		else return this.open(!this._noAutoFocus && applyFocus);
 	}
 
+	#mediaQueryList;
 	#handleAncestorMutationBound;
 	#handleAutoCloseClickBound;
 	#handleAutoCloseFocusBound;
+	#handleMobileResizeBound;
 	#handleResizeBound;
 	#repositionBound;
 
@@ -313,6 +390,12 @@ export const PopoverMixin = superclass => class extends superclass {
 		document.addEventListener('click', this.#handleAutoCloseClickBound, { capture: true });
 	}
 
+	#addMediaQueryHandlers() {
+		this.#mediaQueryList = window.matchMedia(`(max-width: ${this._mobileBreakpoint - 1}px)`);
+		this._mobile = this.#mediaQueryList.matches;
+		this.#mediaQueryList.addEventListener?.('change', this.#handleMobileResizeBound);
+	}
+
 	#addRepositionHandlers() {
 
 		const isScrollable = (node, prop) => {
@@ -434,6 +517,123 @@ export const PopoverMixin = superclass => class extends superclass {
 		return 'block-end';
 	}
 
+	#getMobileTrayBlockStyleMaps() {
+
+		let maxHeightOverride;
+		const availableHeight = Math.min(window.innerHeight, window.screen.height);
+
+		// default maximum height for bottom tray (42px margin)
+		const mobileTrayMaxHeightDefault = availableHeight - minBackdropHeightMobile;
+		if (this._maxHeight) {
+			// if maxHeight provided is smaller, use the maxHeight
+			maxHeightOverride = Math.min(mobileTrayMaxHeightDefault, this._maxHeight);
+		} else {
+			maxHeightOverride = mobileTrayMaxHeightDefault;
+		}
+		maxHeightOverride = `${maxHeightOverride}px`;
+
+		const widthOverride = '100vw';
+
+		const widthStyle = {
+			minWidth: widthOverride,
+			width: widthOverride,
+			maxHeight: maxHeightOverride,
+		};
+
+		const contentWidthStyle = {
+			// set width of content in addition to width container so header and footer borders are full width
+			width: widthOverride
+		};
+
+		const contentStyle = {
+			...contentWidthStyle,
+			maxHeight: maxHeightOverride,
+		};
+
+		return {
+			width: widthStyle,
+			content: contentStyle,
+		};
+	}
+
+	#getMobileTrayInlineStyleMaps() {
+
+		let maxWidthOverride = this._maxWidth;
+		const availableWidth = Math.min(window.innerWidth, window.screen.width);
+
+		// default maximum width for tray (30px margin)
+		const mobileTrayMaxWidthDefault = Math.min(availableWidth - minBackdropWidthMobile, 420);
+		if (maxWidthOverride) {
+			// if maxWidth provided is smaller, use the maxWidth
+			maxWidthOverride = Math.min(mobileTrayMaxWidthDefault, maxWidthOverride);
+		} else {
+			maxWidthOverride = mobileTrayMaxWidthDefault;
+		}
+
+		let minWidthOverride = this.minWidth;
+		// minimum size - 285px
+		const mobileTrayMinWidthDefault = 285;
+		if (minWidthOverride) {
+			// if minWidth provided is smaller, use the minumum width for tray
+			minWidthOverride = Math.max(mobileTrayMinWidthDefault, minWidthOverride);
+		} else {
+			minWidthOverride = mobileTrayMinWidthDefault;
+		}
+
+		// if no width property set, automatically size to maximum width
+		let widthOverride = this._width ? this._width : maxWidthOverride;
+		// ensure width is between minWidth and maxWidth
+		if (widthOverride && maxWidthOverride && widthOverride > (maxWidthOverride - 20)) widthOverride = maxWidthOverride - 20;
+		if (widthOverride && minWidthOverride && widthOverride < (minWidthOverride - 20)) widthOverride = minWidthOverride - 20;
+		maxWidthOverride = `${maxWidthOverride}px`;
+		minWidthOverride = `${minWidthOverride}px`;
+
+		const contentWidth = `${widthOverride + 18}px`;
+		// add 2 to content width since scrollWidth does not include border
+		const containerWidth = `${widthOverride + 20}px`;
+
+		const topOverride = (window.innerHeight > window.screen.height) ? window.pageYOffset : undefined;
+
+		let inlineEndOverride;
+		let inlineStartOverride;
+		if (this._mobileTrayLocation === 'inline-end') {
+			// On non-responsive pages, the innerWidth may be wider than the screen,
+			// override right to stick to right of viewport
+			inlineEndOverride = `${Math.max(window.innerWidth - window.screen.width, 0)}px`;
+		} else if (this._mobileTrayLocation === 'inline-start') {
+			// On non-responsive pages, the innerWidth may be wider than the screen,
+			// override left to stick to left of viewport
+			inlineStartOverride = `${Math.max(window.innerWidth - window.screen.width, 0)}px`;
+		}
+
+		if (minWidthOverride > maxWidthOverride) {
+			minWidthOverride = maxWidthOverride;
+		}
+		const widthStyle = {
+			maxWidth: maxWidthOverride,
+			minWidth: minWidthOverride,
+			width: containerWidth,
+			top: topOverride,
+			insetInlineStart: inlineStartOverride,
+			insetInlineEnd: inlineEndOverride
+		};
+
+		const contentWidthStyle = {
+			minWidth: minWidthOverride,
+			// set width of content in addition to width container so header and footer borders are full width
+			width: contentWidth,
+		};
+
+		const contentStyle = {
+			...contentWidthStyle,
+		};
+
+		return {
+			width : widthStyle,
+			content : contentStyle,
+		};
+	}
+
 	#getPointer() {
 		return this.shadowRoot.querySelector('.pointer');
 	}
@@ -567,8 +767,8 @@ export const PopoverMixin = superclass => class extends superclass {
 		};
 
 		return {
-			'width' : widthStyle,
-			'content' : contentStyle
+			width : widthStyle,
+			content : contentStyle
 		};
 	}
 
@@ -622,6 +822,11 @@ export const PopoverMixin = superclass => class extends superclass {
 		this.dispatchEvent(new CustomEvent('d2l-popover-focus-enter', { detail: { applyFocus: this._applyFocus } }));
 	}
 
+	async #handleMobileResize() {
+		this._mobile = this.#mediaQueryList.matches;
+		if (this._opened) await this.#position();
+	}
+
 	#handleResize() {
 		this.resize();
 	}
@@ -720,6 +925,10 @@ export const PopoverMixin = superclass => class extends superclass {
 		document.removeEventListener('click', this.#handleAutoCloseClickBound, { capture: true });
 	}
 
+	#removeMediaQueryHandlers() {
+		this.#mediaQueryList?.removeEventListener?.('change', this.#handleMobileResizeBound);
+	}
+
 	#removeRepositionHandlers() {
 		this._openerIntersectionObserver?.unobserve(this._opener);
 		this._scrollablesObserved?.forEach(node => {

package/custom-elements.json

@@ -10619,6 +10619,11 @@
           "description": "Min-width (undefined). Specify a number that would be the px value.",
           "type": "number"
         },
+        {
+          "name": "mobile-tray-location",
+          "description": "Mobile tray location.",
+          "type": "'inline-start'|'inline-end'|'block-end'"
+        },
         {
           "name": "position-location",
           "description": "Position the popover before or after the opener. Default is \"block-end\" (after).",
@@ -10685,6 +10690,12 @@
           "description": "Min-width (undefined). Specify a number that would be the px value.",
           "type": "number"
         },
+        {
+          "name": "mobileTrayLocation",
+          "attribute": "mobile-tray-location",
+          "description": "Mobile tray location.",
+          "type": "'inline-start'|'inline-end'|'block-end'"
+        },
         {
           "name": "positionLocation",
           "attribute": "position-location",

package/lang/haw.js

@@ -0,0 +1,148 @@
+export default {
+	"components.alert.close": "Pani i ka makaʻala",
+	"components.breadcrumbs.breadcrumb": "Palapalapala",
+	"components.button-add.addItem": "Pākuʻi Mea",
+	"components.calendar.hasEvents": "Loaʻa nā hanana.",
+	"components.calendar.notSelected": "ʻAʻole i koho ʻia.",
+	"components.calendar.selected": "Koho ʻia.",
+	"components.calendar.show": "Hōʻike {month}",
+	"components.count-badge.plus": "{number}+",
+	"components.dialog.close": "Pani i kēia kamaʻilio",
+	"components.dialog.critical": "Pilikia!",
+	"components.dropdown.close": "Pani",
+	"components.filter.activeFilters": "Nā kānana ʻeleu:",
+	"components.filter.additionalContentTooltip": "E hoʻohana i <b>nā kī pua hema/ ʻākau</b> e hoʻoneʻe i ka manaʻo i loko o kēia mea papa inoa",
+	"components.filter.clear": "Akaka",
+	"components.filter.clearAll": "Holoi a pau",
+	"components.filter.clearAllAnnounce": "Holoi i nā kānana a pau",
+	"components.filter.clearAllAnnounceOverride": "Holoi i nā kānana a pau no: {filterText}",
+	"components.filter.clearAllDescription": "Holoi i nā kānana a pau",
+	"components.filter.clearAllDescriptionOverride": "Holoi i nā kānana a pau no: {filterText}",
+	"components.filter.clearAnnounce": "Ke holoi nei i nā kānana no: {filterName}",
+	"components.filter.clearDescription": "Holoi i nā kānana no: {filterName}",
+	"components.filter.loading": "Hoʻouka i nā kānana",
+	"components.filter.filterCountDescription": "{number, plural, =0 {ʻAʻohe kānana i hoʻohana ʻia.} one {{number} hoʻohana ʻia ke kānana.} other {{number} hoʻohana ʻia nā kānana.}}",
+	"components.filter.filters": "Nā kānana",
+	"components.filter.noFilters": "ʻAʻohe kānana i loaʻa",
+	"components.filter.searchResults": "{number, plural, =0 {ʻAʻohe hopena hulina} one {{number} hopena huli} other {{number} hopena huli}}",
+	"components.filter.selectedFirstListLabel": "{headerText}. Hōʻike mua ʻia nā kānana i koho ʻia.",
+	"components.filter.singleDimensionDescription": "Kānana e: {filterName}",
+	"components.filter-dimension-set-date-text-value.textHours": "{num, plural, =1 {hola hope} other {hope loa {num} hola}}",
+	"components.filter-dimension-set-date-text-value.textDays": "{num, plural, =0 {I kēia lā} one {hope loa {num} lā} other {hope loa {num} lā}}",
+	"components.filter-dimension-set-date-text-value.textMonths": "{num} mahina i hala",
+	"components.filter-dimension-set-date-time-range-value.label": "{text}, hoʻonui e koho i nā lā",
+	"components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} i {endValue}",
+	"components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Lā hoʻomaka: {startValue}",
+	"components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "Lā Hoʻopau: {endValue}",
+	"components.filter-dimension-set-date-time-range-value.text": "Laulā lā maʻamau",
+	"components.form-element.defaultError": "ʻAʻole kūpono ʻo {label}.",
+	"components.form-element.defaultFieldLabel": "Kihapai",
+	"components.form-element.input.email.typeMismatch": "ʻAʻole kūpono ka leka uila",
+	"components.form-element.input.number.rangeError": "{minExclusive, select, true {{maxExclusive, select, true {Pono ka nui o ka helu ma mua o {min} a emi iho ma mua o {max}.} other {ʻOi aku ka nui o ka helu ma mua o {min} a emi mai a like paha me {max}. }}} other {{maxExclusive, select, true {Pono ka helu ma mua o ka {min} a emi iho ma mua o {max}.} other {Pono ka helu ma mua a i ʻole like me {min} a emi iho a like paha {max}.}}}}",
+	"components.form-element.input.number.rangeOverflow": "{maxExclusive, select, true {Pono ka helu ma mua o {max}.} other {Pono ka helu ma mua a i ʻole like me {max}.}}",
+	"components.form-element.input.number.rangeUnderflow": "{minExclusive, select, true {Pono ka helu ma mua o {min}.} other {Pono ka helu ma mua a i ʻole like me {min}.}}",
+	"components.form-element.input.text.tooShort": "Pono ka {label} ma kahi o {minlength} mau huapalapala",
+	"components.form-element.input.url.typeMismatch": "ʻAʻole kūpono ka URL",
+	"components.form-element.valueMissing": "Pono ʻo {label}.",
+	"components.form-error-summary.errorSummary": "{count, plural, one {Aia aku nei {count} Loaʻa ka hewa ma ka ʻike āu i hoʻouna ai} other {Aia aku nei {count} loaʻa nā hewa i ka ʻike āu i hoʻouna ai}}",
+	"components.form-error-summary.text": "Hoʻololi i nā kikoʻī hewa",
+	"components.input-color.backgroundColor": "Ka waihoʻoluʻu",
+	"components.input-color.foregroundColor": "Kalai mua",
+	"components.input-color.none": "ʻAʻohe",
+	"components.input-date-range.endDate": "Lā Hoʻopau",
+	"components.input-date-range.errorBadInput": "Pono ʻo {startLabel} ma mua o {endLabel}",
+	"components.input-date-range.interactive-label": "Hoʻokomo ka laulā lā",
+	"components.input-date-range.startDate": "lā hoʻomaka",
+	"components.input-date-time-range-to.to": "i",
+	"components.input-date-time-range.endDate": "End Date",
+	"components.input-date-time-range.errorBadInput": "Pono ʻo {startLabel} ma mua o {endLabel}",
+	"components.input-date-time-range.startDate": "Start Date",
+	"components.input-date-time.date": "Lā",
+	"components.input-date-time.errorMaxDateOnly": "Pono ka lā ma mua a ma {maxDate}",
+	"components.input-date-time.errorMinDateOnly": "Pono ka lā ma a ma hope paha o {minDate}",
+	"components.input-date-time.errorOutsideRange": "Pono ka lā ma waena o {minDate} a me {maxDate}",
+	"components.input-date-time.time": "Manawa",
+	"components.input-date-time-range.interactive-label": "Hoʻokomo ʻia ka lā a me ka manawa",
+	"components.input-date.clear": "Clear",
+	"components.input-date.errorMaxDateOnly": "Pono ka lā ma mua a ma {maxDate}",
+	"components.input-date.errorMinDateOnly": "Pono ka lā ma a ma hope paha o {minDate}",
+	"components.input-date.errorOutsideRange": "Pono ka lā ma waena o {minDate} a me {maxDate}",
+	"components.input-date.openInstructions": "E hoʻohana i ka hōʻano lā {format}. ʻO ka pua i lalo a i ʻole e kaomi i ke komo no ke komo ʻana i ka kalena liʻiliʻi.",
+	"components.input-date.now": "I kēia manawa",
+	"components.input-date.revert": "Ua hoʻihoʻi ʻia ʻo {label} i ka waiwai ma mua.",
+	"components.input-date.today": "I kēia lā",
+	"components.input-date.useDateFormat": "E hoʻohana i ka hōʻano lā {format}.",
+	"components.input-number.hintInteger": "ʻAe kēia kahua i nā waiwai helu helu (ʻaʻohe decimals)",
+	"components.input-number.hintDecimalDuplicate": "Aia he decimal i kēia helu",
+	"components.input-number.hintDecimalIncorrectComma": "E hoʻohui i kahi decimal e hoʻohana i ke koma \",\" ʻano",
+	"components.input-number.hintDecimalIncorrectPeriod": "No ka hoʻohui ʻana i kahi decimal e hoʻohana i ka manawa \".\" ʻano ʻano",
+	"components.input-search.clear": "Holoi Huli",
+	"components.input-search.defaultPlaceholder": "Huli...",
+	"components.input-search.search": "Huli",
+	"components.input-time-range.endTime": "Manawa Hoopau",
+	"components.input-time-range.errorBadInput": "Pono ʻo {startLabel} ma mua o {endLabel}",
+	"components.input-time-range.startTime": "Wā Hoʻomaka",
+	"components.interactive.instructions": "E kaomi iā Enter e launa pū, e pakele i waho",
+	"components.link.open-in-new-window": "Wehe ma ka puka makani hou.",
+	"components.list.keyboard": "E hoʻohana i <b>nā kī arrow</b> e hoʻoneʻe i ka manaʻo i loko o kēia papa inoa, a i ʻole <b>ʻaoʻao i luna/lalo</b> no ka neʻe ʻana i luna a i lalo i ka 5",
+	"components.list-controls.label": "Nā hana no ka papa inoa",
+	"components.list-item.addItem": "Pākuʻi Mea",
+	"components.list-item-drag-handle.default": "Hoʻonohonoho hou i ka hana ʻikamu no {name}",
+	"components.list-item-drag-handle.keyboard": "E hoʻonohonoho hou i ka mea, ke kūlana o kēia manawa {currentPosition} ma waho o {size}. No ka hoʻoneʻe ʻana i kēia mea, e kaomi i nā pua i luna a i lalo.",
+	"components.list-item-drag-handle-tooltip.title": "Nā Mana Keyboard no ka hoʻonohonoho hou ʻana:",
+	"components.list-item-drag-handle-tooltip.enter-key": "Komo",
+	"components.list-item-drag-handle-tooltip.enter-desc": "E hoʻololi i ke ʻano hoʻonohonoho hou.",
+	"components.list-item-drag-handle-tooltip.up-down-key": "Iluna/Iho",
+	"components.list-item-drag-handle-tooltip.up-down-desc": "E hoʻoneʻe i ka mea i luna a i lalo i ka papa inoa.",
+	"components.list-item-drag-handle-tooltip.left-right-key": "Hema/Akau",
+	"components.list-item-drag-handle-tooltip.left-right-desc": "E hoʻololi i ka pae pūnana.",
+	"components.menu-item-return.return": "E hoʻi i ka papa kuhikuhi mua.",
+	"components.menu-item-return.returnCurrentlyShowing": "E hoʻi i ka papa kuhikuhi mua. Ke nānā nei ʻoe iā {menuTitle}.",
+	"components.meter-mixin.commaSeperatedAria": "{term1}, {term2}",
+	"components.meter-mixin.fraction": "{x}∕{y}",
+	"components.meter-mixin.fractionAria": "{x} mai ka {y}",
+	"components.meter-mixin.progressIndicator": "Hōʻike Holomua",
+	"components.more-less.less": "emi mai",
+	"components.more-less.more": "hou aku",
+	"components.object-property-list.item-placeholder-text": "Mea Paʻa Wahi",
+	"components.overflow-group.moreActions": "Nā Hana Hou",
+	"components.pager-load-more.action": "Hoʻouka hou aku",
+	"components.pager-load-more.action-with-page-size": "Hoʻouka {count} hou aku",
+	"components.pageable.info": "{count, plural, one {{countFormatted} mea} other {{countFormatted} mau mea}}",
+	"components.pageable.info-with-total": "{totalCount, plural, one {{countFormatted} o {totalCountFormatted} mea} other {{countFormatted} o {totalCountFormatted} mau mea}}",
+	"components.pager-load-more.status-loading": "Ke hoʻouka nei i nā mea hou aʻe",
+	"components.selection.action-max-hint": "{count, plural, one {Disabled when more than {countFormatted} item is selected} other {Disabled when more than {countFormatted} items are selected}}",
+	"components.selection.action-required-hint": "E koho i kahi mea e hana ai i kēia hana",
+	"components.selection.select-all": "E koho i nā mea a pau",
+	"components.selection.select-all-items": "E koho i nā mea a pau {count}.",
+	"components.selection.selected": "{count} koho ʻia",
+	"components.selection.selected-plus": "{count}+ koho ʻia",
+	"components.selection-controls.label": "Nā hana no ke koho",
+	"components.switch.visible": "ʻIke ʻia",
+	"components.switch.visibleWithPeriod": "ʻIke ʻia.",
+	"components.switch.hidden": "Huna",
+	"components.switch.conditions": "Pono e hoʻokō i nā kūlana",
+	"components.table-col-sort-button.addSortOrder": "E koho e hoʻohui i ka hoʻonohonoho ʻana",
+	"components.table-col-sort-button.changeSortOrder": "E koho e hoʻololi i ka hoʻonohonoho ʻana",
+	"components.table-col-sort-button.title": "{sourceType, select, dates {{direction, select, desc {Hoʻokaʻawale ʻia ka mea hou a i ka mea kahiko} other {Hoʻokaʻawale ʻia ka mea kahiko i ka mea hou}}} numbers {{direction, select, desc {Hoʻokaʻina kiʻekiʻe a haʻahaʻa} other {Hoʻokaʻina haʻahaʻa a kiʻekiʻe}}} words {{direction, select, desc {Hoʻokaʻawale ʻia ʻo Z i A} other {Hoʻopili ʻia ʻo A a Z}}} value {Hoʻokaʻawale ʻia {selectedMenuItemText}} other {{direction, select, desc {Hoʻokaʻawale i ka iho ʻana} other {Hoʻokaʻawale ʻia i ka piʻi ʻana}}}}",
+	"components.table-controls.label": "Nā hana no ka papaʻaina",
+	"components.tabs.next": "Holo i mua",
+	"components.tabs.previous": "Holo i hope",
+	"components.tag-list.clear": "Kaomi, kaomi i hope, a i ʻole ke kī holoi e wehe i ka mea {value}",
+	"components.tag-list.clear-all": "Holoi a pau",
+	"components.tag-list.cleared-all": "Wehe ʻia nā mea papa inoa inoa a pau",
+	"components.tag-list.cleared-item": "Wehe ʻia ka helu helu helu {value}",
+	"components.tag-list.interactive-label": "Papa inoa inoa, {count} mau mea",
+	"components.tag-list.num-hidden": "+ {count} hou aku",
+	"components.tag-list.role-description": "Papa inoa inoa",
+	"components.tag-list.show-less": "Hōʻike liʻiliʻi",
+	"components.tag-list.show-more-description": "E koho e hōʻike i nā mea papa inoa inoa huna",
+	"components.tag-list-item.role-description": "Tag",
+	"components.tag-list-item.tooltip-arrow-keys": "Nā kī pua",
+	"components.tag-list-item.tooltip-arrow-keys-desc": "E neʻe ma waena o nā hōʻailona",
+	"components.tag-list-item.tooltip-delete-key": "Hoʻi hope / Holoi",
+	"components.tag-list-item.tooltip-delete-key-desc": "Holoi i ka hōʻailona kikoʻī",
+	"components.tag-list-item.tooltip-title": "Nā Mana Keyboard",
+	"templates.primary-secondary.divider": "Mea hoʻokaʻawale papa lua",
+	"templates.primary-secondary.secondary-panel": "Pane lua"
+};

package/package.json

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