@brightspace-ui/core 3.48.2 → 3.49.1

package/components/html-block/html-block.js

@@ -1,6 +1,5 @@
 import '../colors/colors.js';
 import { codeStyles, createHtmlBlockRenderer as createCodeRenderer } from '../../helpers/prism.js';
-import { createRef, ref } from 'lit/directives/ref.js';
 import { css, html, LitElement, unsafeCSS } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createHtmlBlockRenderer as createMathRenderer } from '../../helpers/mathjax.js';
@@ -207,8 +206,6 @@ class HtmlBlock extends LoadingCompleteMixin(LitElement) {
 		this._initialContextResolve = undefined;
 		this._initialContextPromise = new Promise(resolve => this._initialContextResolve = resolve);
 
-		this._renderContainerRef = createRef();
-
 		const contextKeysPromise = getRenderers().then(renderers => renderers.reduce((keys, currentRenderer) => {
 			if (currentRenderer.contextKeys) currentRenderer.contextKeys.forEach(key => keys.push(key));
 			return keys;
@@ -235,7 +232,7 @@ class HtmlBlock extends LoadingCompleteMixin(LitElement) {
 		};
 
 		return html`
-			<div class="${classMap(renderContainerClasses)}" ${ref(this._renderContainerRef)}></div>
+			<div class="${classMap(renderContainerClasses)}"></div>
 			${this.noDeferredRendering ? html`<slot @slotchange="${this._handleSlotChange}"></slot>` : ''}
 		`;
 	}
@@ -297,10 +294,11 @@ class HtmlBlock extends LoadingCompleteMixin(LitElement) {
 	}
 
 	async _updateRenderContainer() {
-		if (!this._renderContainerRef.value) return;
-		this._renderContainerRef.value.innerHTML = '';
-		this._renderContainerRef.value.append(await this._processEmbeds());
-		await this._processRenderers(this._renderContainerRef.value);
+		const renderContainer = this.shadowRoot?.querySelector('.d2l-html-block-rendered');
+		if (!renderContainer) return;
+		renderContainer.innerHTML = '';
+		renderContainer.append(await this._processEmbeds());
+		await this._processRenderers(renderContainer);
 	}
 
 	_validateHtml() {

package/components/inputs/input-percent.js

@@ -48,10 +48,6 @@ class InputPercent extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMix
 			 * @type {number}
 			 */
 			minFractionDigits: { type: Number, attribute: 'min-fraction-digits' },
-			/**
-			 * @ignore
-			 */
-			placeholder: { type: String },
 			/**
 			 * Indicates that a value is required
 			 * @type {boolean}
@@ -120,7 +116,6 @@ class InputPercent extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMix
 				min-fraction-digits="${ifDefined(this.minFractionDigits)}"
 				name="${ifDefined(this.name)}"
 				?noValidate="${this.noValidate}"
-				placeholder="${ifDefined(this.placeholder)}"
 				?required="${this.required}"
 				?skeleton="${this.skeleton}"
 				unit="%"

package/package.json

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