Update index_sans_gif.js

index_sans_gif.js

@@ -64,7 +64,7 @@
   
   // Inject CSS styles into the document head, scoped with the unique id.
   var styleEl = document.createElement('style');
-  styleEl.textContent = 
+  styleEl.textContent = `
     /* Widget container styling */
     #ply-widget-container-${instanceId} {
       position: relative;
@@ -165,13 +165,13 @@
       display: inline-block;
       transform: translateY(-3px);
     }
-  ;
+  `;
   document.head.appendChild(styleEl);
   
   // Create the widget container and set its inner HTML.
   var widgetContainer = document.createElement('div');
   widgetContainer.id = 'ply-widget-container-' + instanceId;
-  widgetContainer.innerHTML = 
+  widgetContainer.innerHTML = `
     <!-- Viewer Container (displayed directly) -->
     <div id="viewer-container-${instanceId}">
       <canvas id="canvas-${instanceId}"></canvas>
@@ -189,7 +189,7 @@
         - Translate with left click
       </div>
     </div>
-  ;
+  `;
   document.currentScript.parentNode.appendChild(widgetContainer);
   
   // Grab element references using the unique IDs.
@@ -291,7 +291,7 @@
       progressDialog.style.display = 'none';
     } catch (error) {
       console.error("Error loading PLY file:", error);
-      progressDialog.innerHTML = <p style="color: red">Error loading model: ${error.message}</p>;
+      progressDialog.innerHTML = `<p style="color: red">Error loading model: ${error.message}</p>`;
     }
   
     const frame = () => {
@@ -311,4 +311,4 @@
   
   // Initialize the viewer immediately.
   initializeViewer();
-})();
+})();