@brightspace-ui/core 2.35.2 → 2.36.1

package/components/filter/filter-tags.js

@@ -22,8 +22,8 @@ class FilterTags extends RtlMixin(LocalizeCoreElement(LitElement)) {
 			 */
 			filterIds: { type: String, attribute: 'filter-ids' },
 			/**
-			 * The text displayed in this component's label
-			 * @default "Applied Filters:"
+			 * The text displayed in this component's label (hidden when default is used)
+			 * @default "Active Filters:"
 			 * @type {string}
 			 */
 			label: { type: String }

package/components/html-block/demo/html-block.html

@@ -122,6 +122,18 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>HTML Block (inline, no-deferred-rendering)</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<span>Here's an inline html-block:</span>
+					<d2l-html-block inline no-deferred-rendering>
+						I'm inline!
+					</d2l-html-block>
+					<span>Pretty cool!</span>
+				</template>
+			</d2l-demo-snippet>
+
 			<h2>HTML Block (large font)</h2>
 
 			<d2l-demo-snippet>

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

@@ -160,14 +160,14 @@ class HtmlBlock extends RtlMixin(LitElement) {
 				overflow-y: hidden;
 				text-align: left;
 			}
-			:host([hidden]),
-			:host([no-deferred-rendering]) div.d2l-html-block-rendered {
-				display: none;
-			}
 			:host([inline]),
 			:host([inline]) div.d2l-html-block-rendered {
 				display: inline;
 			}
+			:host([hidden]),
+			:host([no-deferred-rendering]) div.d2l-html-block-rendered {
+				display: none;
+			}
 			:host([dir="rtl"]) {
 				text-align: right;
 			}

package/custom-elements.json

@@ -3415,9 +3415,9 @@
         },
         {
           "name": "label",
-          "description": "The text displayed in this component's label",
+          "description": "The text displayed in this component's label (hidden when default is used)",
           "type": "string",
-          "default": "\"\\\"Applied Filters:\\\"\""
+          "default": "\"\\\"Active Filters:\\\"\""
         }
       ],
       "properties": [
@@ -3430,9 +3430,9 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "The text displayed in this component's label",
+          "description": "The text displayed in this component's label (hidden when default is used)",
           "type": "string",
-          "default": "\"\\\"Applied Filters:\\\"\""
+          "default": "\"\\\"Active Filters:\\\"\""
         }
       ]
     },

package/helpers/mathjax.js

@@ -4,7 +4,7 @@
  */
 
 const mathjaxContextAttribute = 'data-mathjax-context';
-const mathjaxBaseUrl = 'https://s.brightspace.com/lib/mathjax/3.1.2';
+const mathjaxBaseUrl = 'https://s.brightspace.com/lib/mathjax/3.2.2';
 
 const mathjaxFontMappings = new Map([
 	['MJXTEX', 'MathJax_Main-Regular'],
@@ -31,6 +31,7 @@ const mathjaxFontMappings = new Map([
 ]);
 
 let mathJaxLoaded;
+let renderingPromise = Promise.resolve();
 
 export class HtmlBlockMathRenderer {
 
@@ -70,7 +71,8 @@ export class HtmlBlockMathRenderer {
 			});
 
 			await window.MathJax.startup.promise;
-			window.MathJax.typesetShadow(elem.getRootNode(), elem);
+			renderingPromise = renderingPromise.then(() => window.MathJax.typesetShadow(elem.getRootNode(), elem));
+			await renderingPromise;
 			return elem;
 		}
 
@@ -82,8 +84,10 @@ export class HtmlBlockMathRenderer {
 		temp.shadowRoot.innerHTML = `<div><mjx-doc><mjx-head></mjx-head><mjx-body>${inner}</mjx-body></mjx-doc></div>`;
 
 		elem.appendChild(temp);
+
 		await window.MathJax.startup.promise;
-		window.MathJax.typesetShadow(temp.shadowRoot);
+		renderingPromise = renderingPromise.then(() => window.MathJax.typesetShadow(temp.shadowRoot));
+		await renderingPromise;
 
 		return temp.shadowRoot.firstChild;
 	}
@@ -94,13 +98,9 @@ export function loadMathJax(mathJaxConfig) {
 
 	if (mathJaxLoaded) return mathJaxLoaded;
 
-	const loadOptions = ['ui/menu'];
-	if (mathJaxConfig && mathJaxConfig.renderLatex) {
-		loadOptions.push('[tex]/all-packages');
-	}
-
 	window.MathJax = {
 		chtml: {
+			adaptiveCSS: false,
 			scale: (mathJaxConfig && mathJaxConfig.outputScale) || 1
 		},
 		options: {
@@ -108,7 +108,7 @@ export function loadMathJax(mathJaxConfig) {
 				settings: { zoom: 'None' }
 			}
 		},
-		loader: { load: loadOptions },
+		loader: { load: ['ui/menu'] },
 		startup: {
 			ready: () => {
 
@@ -188,15 +188,15 @@ export function loadMathJax(mathJaxConfig) {
 				//  renders the document.  The MathDocument is returned in case
 				//  you need to rerender the shadowRoot later.
 				//
-				window.MathJax.typesetShadow = function(root, elem) {
+				window.MathJax.typesetShadow = async function(root, elem) {
 					const InputJax = startup.getInputJax();
 					const OutputJax = startup.getOutputJax();
 					const html = mathjax.document(root, { InputJax, OutputJax });
 
 					if (elem) html.options.elements = [elem];
 
-					html.render().typeset();
-					return html;
+					await mathjax.handleRetriesFor(() => html.render());
+					html.typeset();
 				};
 
 				//

package/package.json

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