@brightspace-ui/core 3.320.0 → 3.320.2

package/components/icons/icon.js

@@ -3,11 +3,12 @@ import { css, html, LitElement, noChange } from 'lit';
 import { fixSvg } from './fix-svg.js';
 import { guard } from 'lit/directives/guard.js';
 import { iconStyles } from './icon-styles.js';
+import { LoadingCompleteMixin } from '../../mixins/loading-complete/loading-complete-mixin.js';
 import { loadSvg } from '../../generated/icons/presetIconLoader.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { until } from 'lit/directives/until.js';
 
-class Icon extends LitElement {
+class Icon extends LoadingCompleteMixin(LitElement) {
 
 	static properties = {
 		icon: {
@@ -58,7 +59,13 @@ class Icon extends LitElement {
 				icon = icon.substring(4);
 			}
 			const svg = await loadSvg(icon);
-			return this._fixSvg(svg ? svg.val : undefined);
+			const fixedSvg = this._fixSvg(svg ? svg.val : undefined);
+
+			this.updateComplete
+				.then(() => new Promise(resolve => requestAnimationFrame(resolve)))
+				.then(this.resolveLoadingComplete);
+
+			return fixedSvg;
 		}
 	}
 

package/components/scroll-wrapper/scroll-wrapper.js

@@ -164,8 +164,8 @@ class ScrollWrapper extends LocalizeCoreElement(LitElement) {
 		this._hScrollbar = true;
 
 		this._resizeObserver = new ResizeObserver(() => requestAnimationFrame(() => this.checkScrollbar()));
-		this._scrollbarLeft = false;
-		this._scrollbarRight = false;
+		this._scrollbarLeft = true;
+		this._scrollbarRight = true;
 		this._syncDriver = null;
 		this._syncDriverTimeout = null;
 

package/components/tabs/tabs.js

@@ -906,7 +906,9 @@ class Tabs extends LocalizeCoreElement(ArrowKeysMixin(SkeletonMixin(LitElement))
 			scrollVisibilityPromise,
 			scrollToPromise
 		]);
-		p.then(() => {
+		p.then(async() => {
+			await new Promise(resolve => requestAnimationFrame(resolve));
+			await new Promise(resolve => requestAnimationFrame(resolve));
 			if (this.#loadingCompleteResolve) {
 				this.#loadingCompleteResolve();
 				this.#loadingCompleteResolve = undefined;

package/custom-elements.json

@@ -5862,6 +5862,14 @@
           "name": "styles",
           "type": "array",
           "default": "[\"iconStyles\",null]"
+        },
+        {
+          "name": "loadingComplete",
+          "type": "Promise<any>"
+        },
+        {
+          "name": "resolveLoadingComplete",
+          "type": "() => void"
         }
       ]
     },

package/package.json

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