senangwebs-tour 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "senangwebs-tour",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "description": "VR 360° virtual tour system with visual editor and viewer library",
   "main": "dist/swt.js",

package/src/editor/js/editor.js

@@ -55,8 +55,8 @@ class TourEditor {
         // Setup event listeners
         this.setupEventListeners();
         
-        // Populate icon grid
-        this.uiController.populateIconGrid();
+        // Populate icon grid (async to wait for custom element registration)
+        await this.uiController.populateIconGrid();
         
         // Load saved project if exists (but only if it has valid data)
         if (this.storageManager.hasProject()) {
@@ -570,6 +570,7 @@ class TourEditor {
     render() {
         this.uiController.renderSceneList();
         this.uiController.renderHotspotList();
+        this.uiController.populateIconGrid(); // Re-render icon grid to ensure icons display
         
         const currentScene = this.sceneManager.getCurrentScene();
         const currentHotspot = this.hotspotEditor.getCurrentHotspot();

package/src/editor/js/ui-controller.js

@@ -281,11 +281,27 @@ class UIController {
 
   /**
    * Populate icon grid from SenangStart icons (baked in at build time)
+   * Waits for ss-icon custom element to be defined to avoid race conditions
    */
-  populateIconGrid() {
+  async populateIconGrid() {
     const grid = document.getElementById("hotspotIconGrid");
     if (!grid) return;
 
+    // Wait for ss-icon custom element to be defined before populating
+    // This prevents race conditions where icons don't render if the
+    // custom element isn't registered yet when this method runs
+    try {
+      if (customElements.get('ss-icon') === undefined) {
+        // Give a reasonable timeout to avoid infinite waiting
+        await Promise.race([
+          customElements.whenDefined('ss-icon'),
+          new Promise((_, reject) => setTimeout(() => reject(new Error('ss-icon timeout')), 5000))
+        ]);
+      }
+    } catch (err) {
+      console.warn('ss-icon custom element not available, icon grid may not render properly:', err.message);
+    }
+
     // Clear existing content
     grid.innerHTML = "";