@plattar/plattar-ar-adapter 1.167.11 → 1.167.13

package/build/es2019/plattar-ar-adapter.js

@@ -1143,6 +1143,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
@@ -1187,7 +1188,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) {
@@ -1538,7 +1538,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);
     }
     /**
@@ -1628,14 +1639,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"));
         });
@@ -1705,13 +1717,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() {
@@ -1742,13 +1756,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"));
         });
@@ -1919,6 +1934,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";
@@ -1957,7 +1973,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) {
@@ -2866,7 +2881,7 @@ exports.Util = Util;
 },{}],16:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.167.11";
+exports.default = "1.167.13";
 
 },{}],17:[function(require,module,exports){
 "use strict";