@brightspace-ui/labs 2.22.0 → 2.24.0

package/package.json

@@ -8,12 +8,15 @@
     "./components/accordion.js": "./src/components/accordion/accordion.js",
     "./components/accordion-collapse.js": "./src/components/accordion/accordion-collapse.js",
     "./components/attribute-picker.js": "./src/components/attribute-picker/attribute-picker.js",
-    "./components/checkbox-drawer.js": "./src/components/checkbox-drawer/checkbox-drawer.js",
     "./components/card-overlay.js": "./src/components/card-overlay/card-overlay.js",
+    "./components/checkbox-drawer.js": "./src/components/checkbox-drawer/checkbox-drawer.js",
     "./components/community-button.js": "./src/components/community/community-button.js",
     "./components/community-link.js": "./src/components/community/community-link.js",
-    "./components/file-uploader.js": "./src/components/file-uploader/file-uploader.js",
     "./components/community-url-factory.js": "./src/components/community/community-url-factory.js",
+    "./components/file-uploader.js": "./src/components/file-uploader/file-uploader.js",
+    "./components/grade-result/controllers/Grade.js": "./src/components/grade-result/controllers/Grade.js",
+    "./components/grade-result/grade-result-presentational": "./src/components/grade-result/grade-result-presentational.js",
+    "./components/grade-result/grade-result-student-grade-preview": "./src/components/grade-result/grade-result-student-grade-preview.js",
     "./components/media-player.js": "./src/components/media-player/media-player.js",
     "./components/navigation/navigation-band.js": "./src/components/navigation/navigation-band.js",
     "./components/navigation/navigation-button-icon.js": "./src/components/navigation/navigation-button-icon.js",
@@ -108,5 +111,5 @@
     "resize-observer-polyfill": "^1",
     "webvtt-parser": "^2.1.2"
   },
-  "version": "2.22.0"
+  "version": "2.24.0"
 }

package/src/components/grade-result/README.md

@@ -24,7 +24,7 @@ A web component used for rendering grades in Brightspace
 
 If you are only interested in rendering the presentational layer of the component, you can simply use the `d2l-grade-result-presentational` component.
 
-#### d2l-labs-d2l-grade-result-presentational
+#### d2l-labs-grade-result-presentational
 
 | Property                          | GradeType      | Type                        | Default     | Description                                                  |
 | ----------------------------------| -------------- | --------------------------- | ----------- | ------------------------------------------------------------ |
@@ -64,7 +64,7 @@ If you are only interested in rendering the presentational layer of the componen
 | `@d2l-grade-result-reports-button-click`        | This event is fired when the reports button is clicked.      |
 | `@d2l-grade-result-manual-override-clear-click` | This event is fired when the manual override clear is clicked. |
 
-#### d2l-labs-d2l-grade-result-presentational
+#### d2l-labs-grade-result-presentational
 
 | Event                                           | Description                                                  |
 | ----------------------------------------------- | ------------------------------------------------------------ |

package/src/components/grade-result/grade-result-icon-button.js

@@ -35,4 +35,4 @@ export class D2LGradeResultIconButton extends LitElement {
 	}
 
 }
-customElements.define('d2l-grade-result-icon-button', D2LGradeResultIconButton);
+customElements.define('d2l-labs-grade-result-icon-button', D2LGradeResultIconButton);

package/src/components/grade-result/grade-result-letter-score.js

@@ -88,4 +88,4 @@ export class D2LGradeResultLetterScore extends LocalizeLabsElement(LitElement) {
 
 }
 
-customElements.define('d2l-grade-result-letter-score', D2LGradeResultLetterScore);
+customElements.define('d2l-labs-grade-result-letter-score', D2LGradeResultLetterScore);

package/src/components/grade-result/grade-result-numeric-score.js

@@ -105,4 +105,4 @@ export class D2LGradeResultNumericScore extends LocalizeLabsElement(LitElement)
 
 }
 
-customElements.define('d2l-grade-result-numeric-score', D2LGradeResultNumericScore);
+customElements.define('d2l-labs-grade-result-numeric-score', D2LGradeResultNumericScore);

package/src/components/grade-result/grade-result-presentational.js

@@ -5,7 +5,7 @@ import './grade-result-student-grade-preview.js';
 import '@brightspace-ui/core/components/button/button-subtle.js';
 import { bodySmallStyles, labelStyles } from '@brightspace-ui/core/components/typography/styles.js';
 import { css, html, LitElement, nothing } from 'lit';
-import { GradeType } from '../../controllers/grade-result/Grade.js';
+import { GradeType } from './controllers/Grade.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LocalizeLabsElement } from '../localize-labs-element.js';
 
@@ -132,11 +132,11 @@ export class D2LGradeResultPresentational extends LocalizeLabsElement(LitElement
 		}
 
 		return html`
-			<d2l-grade-result-icon-button
+			<d2l-labs-grade-result-icon-button
 				icon="tier1:grade"
 				text=${this.gradeButtonTooltip}
 				@d2l-grade-result-icon-button-click=${this._onGradeButtonClick}
-			></d2l-grade-result-icon-button>
+			></d2l-labs-grade-result-icon-button>
 		`;
 	}
 
@@ -146,22 +146,22 @@ export class D2LGradeResultPresentational extends LocalizeLabsElement(LitElement
 		}
 
 		return html`
-			<d2l-grade-result-icon-button
+			<d2l-labs-grade-result-icon-button
 				icon="tier1:reports"
 				text=${this.reportsButtonTooltip}
 				@d2l-grade-result-icon-button-click=${this._onReportsButtonClick}
-			></d2l-grade-result-icon-button>
+			></d2l-labs-grade-result-icon-button>
 		`;
 	}
 
 	_renderLetterScoreComponent() {
 		return html`
-			<d2l-grade-result-letter-score
+			<d2l-labs-grade-result-letter-score
 				.availableOptions=${this.letterGradeOptions}
 				.label=${this.inputLabelText}
 				.readOnly=${this._isReadOnly()}
 				.selectedOption=${this.selectedLetterGrade}
-			></d2l-grade-result-letter-score>
+			></d2l-labs-grade-result-letter-score>
 		`;
 	}
 
@@ -184,7 +184,7 @@ export class D2LGradeResultPresentational extends LocalizeLabsElement(LitElement
 
 	_renderNumericScoreComponent() {
 		return html`
-			<d2l-grade-result-numeric-score
+			<d2l-labs-grade-result-numeric-score
 				?allowNegativeScore=${this.allowNegativeScore}
 				.label=${this.inputLabelText}
 				.readOnly=${this._isReadOnly()}
@@ -192,7 +192,7 @@ export class D2LGradeResultPresentational extends LocalizeLabsElement(LitElement
 				.scoreDenominator=${this.scoreDenominator}
 				.scoreNumerator=${this.scoreNumerator}
 				?showFlooredScoreWarning=${this.showFlooredScoreWarning}
-			></d2l-grade-result-numeric-score>
+			></d2l-labs-grade-result-numeric-score>
 		`;
 	}
 
@@ -240,14 +240,14 @@ export class D2LGradeResultPresentational extends LocalizeLabsElement(LitElement
 		}
 
 		return html`
-			<d2l-grade-result-student-grade-preview
+			<d2l-labs-grade-result-student-grade-preview
 				?hidden=${!this.displayStudentGradePreview}
 				out-of=${this.scoreDenominator}
 				.studentGradePreview=${this.studentGradePreview}
-			></d2l-grade-result-student-grade-preview>
+			></d2l-labs-grade-result-student-grade-preview>
 		`;
 	}
 
 }
 
-customElements.define('d2l-labs-d2l-grade-result-presentational', D2LGradeResultPresentational);
+customElements.define('d2l-labs-grade-result-presentational', D2LGradeResultPresentational);

package/src/components/grade-result/grade-result-student-grade-preview.js

@@ -136,4 +136,4 @@ export class D2LGradeResultStudentGradePreview extends LocalizeLabsElement(LitEl
 
 }
 
-customElements.define('d2l-grade-result-student-grade-preview', D2LGradeResultStudentGradePreview);
+customElements.define('d2l-labs-grade-result-student-grade-preview', D2LGradeResultStudentGradePreview);

package/src/components/media-player/media-player.js

@@ -854,7 +854,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 					${this._getChapterMarkersView()}
 				</div>
 				${this.hideSeekBar ? '' : html`
-					<d2l-slider-bar
+					<d2l-labs-slider-bar
 						id="d2l-labs-media-player-seek-bar"
 						fullWidth
 						solid
@@ -873,7 +873,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 						@hovering-move=${this._onHoverMove}
 						@hovering-start=${this._onHoverStart}
 						@hovering-end=${this._onHoverEnd}
-					></d2l-slider-bar>
+					></d2l-labs-slider-bar>
 				`}
 				<div id="d2l-labs-media-player-buttons">
 					<d2l-button-icon icon="${playIcon}" text="${playTooltip}"  @click="${this._togglePlay}" theme="${ifDefined(theme)}"></d2l-button-icon>
@@ -891,7 +891,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 						<div id="d2l-labs-media-player-volume-level-container" class=${classMap(volumeLevelContainerClass)}>
 							<div class="d2l-labs-media-player-rotated" id="d2l-labs-media-player-volume-level-background">
 								<div id="d2l-labs-media-player-volume-slider-container">
-									<d2l-slider-bar solid
+									<d2l-labs-slider-bar solid
 										id="d2l-labs-media-player-volume-slider"
 										vertical
 										value="${Math.round(this._volume * 100)}"
@@ -904,7 +904,7 @@ class MediaPlayer extends LocalizeLabsElement(RtlMixin(LitElement)) {
 										@focus=${this._startUsingVolumeContainer}
 										@focusout=${this._stopUsingVolumeContainer}
 										@position-change=${this._onPositionChangeVolume}
-									></d2l-slider-bar>
+									></d2l-labs-slider-bar>
 								</div>
 							</div>
 						</div>

package/src/components/media-player/slider-bar.js

@@ -406,4 +406,4 @@ class SliderBar extends LocalizeLabsElement(RtlMixin(LitElement)) {
 		this._positionKnob(this._calcRatio(value));
 	}
 }
-customElements.define('d2l-slider-bar', SliderBar);
+customElements.define('d2l-labs-slider-bar', SliderBar);

package/src/lang/haw.js

@@ -25,8 +25,8 @@ export default {
 	"components:gradeResult:clearManualOverride": "Holoi Manual",
 	"components:gradeResult:gradeScoreLabel": "helu helu",
 	"components:gradeResult:manuallyOverrideGrade": "Hoʻopau lima lima",
-	"components:gradeResult:numeratorOutOfDenominator": "{numerator} mai {denominator}",
-	"components:gradeResult:outOfDenominator": "out of {denominator}",
+	"components:gradeResult:numeratorOutOfDenominator": "{numerator} mai ka {denominator}",
+	"components:gradeResult:outOfDenominator": "mai ka {denominator}",
 	"components:gradeResult:overallGrade": "Papa Laulā",
 	"components:gradeResult:studentGradePreviewLabel": "Nānā Haʻawina o ka Papa",
 	"components:gradeResult:studentGradePreviewNotShown": "ʻAʻole hōʻike ʻia ka papa i nā haumāna",