@plattar/plattar-ar-adapter 1.167.11 → 1.167.13

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

@@ -1651,16 +1651,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case 4:
                     // optional attributes
                     configState = null;
-                    _context8.prev = 5;
-                    _context8.next = 8;
+                    this._state = plattar_controller_1.ControllerState.Renderer;
+                    _context8.prev = 6;
+                    _context8.next = 9;
                     return this.getConfiguratorState();
-                  case 8:
+                  case 9:
                     dState = _context8.sent;
                     // if this is declared, we have a furniture scene that we need to re-create the embed
                     // with new attributes
                     product = dState.state.firstOfType("product");
                     if (!product) {
-                      _context8.next = 20;
+                      _context8.next = 21;
                       break;
                     }
                     this.parent.lockObserver();
@@ -1670,22 +1671,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     this.parent.unlockObserver();
                     controller = this.parent.create();
                     if (!controller) {
-                      _context8.next = 19;
+                      _context8.next = 20;
                       break;
                     }
                     return _context8.abrupt("return", controller.startRenderer());
-                  case 19:
-                    return _context8.abrupt("return", Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed")));
                   case 20:
+                    return _context8.abrupt("return", Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed")));
+                  case 21:
                     configState = dState;
-                    _context8.next = 26;
+                    _context8.next = 27;
                     break;
-                  case 23:
-                    _context8.prev = 23;
-                    _context8.t0 = _context8["catch"](5);
+                  case 24:
+                    _context8.prev = 24;
+                    _context8.t0 = _context8["catch"](6);
                     // config state is not available
                     configState = null;
-                  case 26:
+                  case 27:
                     // required attributes with defaults for plattar-configurator node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -1707,7 +1708,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (showUI) {
                       viewer.setAttribute("show-ui", showUI);
                     }
-                    this._state = plattar_controller_1.ControllerState.Renderer;
                     return _context8.abrupt("return", new Promise(function (accept, reject) {
                       _this16.append(viewer);
                       if (configState) {
@@ -1719,7 +1719,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case "end":
                     return _context8.stop();
                 }
-              }, _callee8, this, [[5, 23]]);
+              }, _callee8, this, [[6, 24]]);
             }));
             function startRenderer() {
               return _startRenderer.apply(this, arguments);
@@ -2289,9 +2289,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "append",
           value: function append(element) {
+            if (this._element !== element) {
+              return;
+            }
+            // ensure append only allows a single element in the shadow DOM
             var shadow = this.parent.shadowRoot || this.parent.attachShadow({
               mode: 'open'
             });
+            if (shadow) {
+              var child = shadow.lastElementChild;
+              while (child) {
+                shadow.removeChild(child);
+                child = shadow.lastElementChild;
+              }
+            }
             shadow.append(element);
           }
           /**
@@ -2434,14 +2445,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   dst += "&show_ar=" + showAR;
                 }
                 viewer.setAttribute("url", opt.url || dst);
-                viewer.onload = function () {
-                  return accept(viewer);
-                };
-                _this18.append(viewer);
                 _this18._element = viewer;
                 _this18._state = plattar_controller_1.ControllerState.QRCode;
                 _this18._prevQROpt = opt;
-                return;
+                return new Promise(function (accept, reject) {
+                  viewer.onload = function () {
+                    return accept(viewer);
+                  };
+                  _this18.append(viewer);
+                });
               }
               return reject(new Error("ProductController.startQRCode() - minimum required attributes not set, use product-id as a minimum"));
             });
@@ -2514,13 +2526,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 dst += "&show_ar_banner=" + showBanner;
               }
               viewer.setAttribute("url", opt.url || dst);
-              viewer.onload = function () {
-                return accept(viewer);
-              };
               _this19._element = viewer;
               _this19._state = plattar_controller_1.ControllerState.QRCode;
               _this19._prevQROpt = opt;
-              _this19.append(viewer);
+              return new Promise(function (accept, reject) {
+                viewer.onload = function () {
+                  return accept(viewer);
+                };
+                _this19.append(viewer);
+              });
             });
           }
         }, {
@@ -2554,13 +2568,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 if (showAR) {
                   viewer.setAttribute("show-ar", showAR);
                 }
-                viewer.onload = function () {
-                  return accept(viewer);
-                };
-                _this20.append(viewer);
                 _this20._element = viewer;
                 _this20._state = plattar_controller_1.ControllerState.Renderer;
-                return;
+                return new Promise(function (accept, reject) {
+                  viewer.onload = function () {
+                    return accept(viewer);
+                  };
+                  _this20.append(viewer);
+                });
               }
               return reject(new Error("ProductController.startRenderer() - minimum required attributes not set, use scene-id as a minimum"));
             });
@@ -2853,6 +2868,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     throw new Error("VTOController.startRenderer() - minimum required attributes not set, use scene-id as a minimum");
                   case 4:
+                    this._state = plattar_controller_1.ControllerState.Renderer;
                     // required attributes with defaults for plattar-facear node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -2865,19 +2881,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("scene-id", sceneID);
                     // optional attributes
                     configState = null;
-                    _context21.prev = 14;
-                    _context21.next = 17;
+                    _context21.prev = 15;
+                    _context21.next = 18;
                     return this.getConfiguratorState();
-                  case 17:
+                  case 18:
                     configState = _context21.sent;
-                    _context21.next = 23;
+                    _context21.next = 24;
                     break;
-                  case 20:
-                    _context21.prev = 20;
-                    _context21.t0 = _context21["catch"](14);
+                  case 21:
+                    _context21.prev = 21;
+                    _context21.t0 = _context21["catch"](15);
                     // config state not available
                     configState = null;
-                  case 23:
+                  case 24:
                     showAR = this.getAttribute("show-ar");
                     productID = this.getAttribute("product-id");
                     sceneProductID = this.getAttribute("scene-product-id");
@@ -2897,7 +2913,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (variationID) {
                       viewer.setAttribute("variation-id", variationID);
                     }
-                    this._state = plattar_controller_1.ControllerState.Renderer;
                     return _context21.abrupt("return", new Promise(function (accept, reject) {
                       _this24.append(viewer);
                       if (configState) {
@@ -2909,7 +2924,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case "end":
                     return _context21.stop();
                 }
-              }, _callee21, this, [[14, 20]]);
+              }, _callee21, this, [[15, 21]]);
             }));
             function startRenderer() {
               return _startRenderer2.apply(this, arguments);
@@ -4235,7 +4250,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.167.11";
+      exports["default"] = "1.167.13";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";