@plattar/plattar-ar-adapter 1.167.11 → 1.167.13

package/dist/embed/controllers/configurator-controller.js

@@ -173,6 +173,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         }
         // optional attributes
         let configState = null;
+        this._state = plattar_controller_1.ControllerState.Renderer;
         try {
             const dState = await this.getConfiguratorState();
             // if this is declared, we have a furniture scene that we need to re-create the embed
@@ -217,7 +218,6 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         if (showUI) {
             viewer.setAttribute("show-ui", showUI);
         }
-        this._state = plattar_controller_1.ControllerState.Renderer;
         return new Promise((accept, reject) => {
             this.append(viewer);
             if (configState) {

package/dist/embed/controllers/plattar-controller.js

@@ -266,7 +266,18 @@ class PlattarController {
      * @param element - The element to append
      */
     append(element) {
+        if (this._element !== element) {
+            return;
+        }
+        // ensure append only allows a single element in the shadow DOM
         const shadow = this.parent.shadowRoot || this.parent.attachShadow({ mode: 'open' });
+        if (shadow) {
+            let child = shadow.lastElementChild;
+            while (child) {
+                shadow.removeChild(child);
+                child = shadow.lastElementChild;
+            }
+        }
         shadow.append(element);
     }
     /**

package/dist/embed/controllers/product-controller.js

@@ -71,14 +71,15 @@ class ProductController extends plattar_controller_1.PlattarController {
                     dst += "&show_ar=" + showAR;
                 }
                 viewer.setAttribute("url", opt.url || dst);
-                viewer.onload = () => {
-                    return accept(viewer);
-                };
-                this.append(viewer);
                 this._element = viewer;
                 this._state = plattar_controller_1.ControllerState.QRCode;
                 this._prevQROpt = opt;
-                return;
+                return new Promise((accept, reject) => {
+                    viewer.onload = () => {
+                        return accept(viewer);
+                    };
+                    this.append(viewer);
+                });
             }
             return reject(new Error("ProductController.startQRCode() - minimum required attributes not set, use product-id as a minimum"));
         });
@@ -148,13 +149,15 @@ class ProductController extends plattar_controller_1.PlattarController {
                 dst += "&show_ar_banner=" + showBanner;
             }
             viewer.setAttribute("url", opt.url || dst);
-            viewer.onload = () => {
-                return accept(viewer);
-            };
             this._element = viewer;
             this._state = plattar_controller_1.ControllerState.QRCode;
             this._prevQROpt = opt;
-            this.append(viewer);
+            return new Promise((accept, reject) => {
+                viewer.onload = () => {
+                    return accept(viewer);
+                };
+                this.append(viewer);
+            });
         });
     }
     startRenderer() {
@@ -185,13 +188,14 @@ class ProductController extends plattar_controller_1.PlattarController {
                 if (showAR) {
                     viewer.setAttribute("show-ar", showAR);
                 }
-                viewer.onload = () => {
-                    return accept(viewer);
-                };
-                this.append(viewer);
                 this._element = viewer;
                 this._state = plattar_controller_1.ControllerState.Renderer;
-                return;
+                return new Promise((accept, reject) => {
+                    viewer.onload = () => {
+                        return accept(viewer);
+                    };
+                    this.append(viewer);
+                });
             }
             return reject(new Error("ProductController.startRenderer() - minimum required attributes not set, use scene-id as a minimum"));
         });

package/dist/embed/controllers/vto-controller.js

@@ -136,6 +136,7 @@ class VTOController extends plattar_controller_1.PlattarController {
         if (!sceneID) {
             throw new Error("VTOController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
         }
+        this._state = plattar_controller_1.ControllerState.Renderer;
         // required attributes with defaults for plattar-facear node
         const width = this.getAttribute("width") || "500px";
         const height = this.getAttribute("height") || "500px";
@@ -174,7 +175,6 @@ class VTOController extends plattar_controller_1.PlattarController {
         if (variationID) {
             viewer.setAttribute("variation-id", variationID);
         }
-        this._state = plattar_controller_1.ControllerState.Renderer;
         return new Promise((accept, reject) => {
             this.append(viewer);
             if (configState) {

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.167.11";
+declare const _default: "1.167.13";
 export default _default;

package/dist/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.167.11";
+exports.default = "1.167.13";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plattar/plattar-ar-adapter",
-  "version": "1.167.11",
+  "version": "1.167.13",
   "description": "Plattar AR Adapter for interfacing with Google & Apple WebAR",
   "main": "dist/index.js",
   "module": "dist/index.js",