@plattar/plattar-ar-adapter 1.122.3 → 1.122.4

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

@@ -876,6 +876,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var plattar_api_1 = require("@plattar/plattar-api");
 
       var product_ar_1 = require("../ar/product-ar");
+
+      var plattar_services_1 = require("@plattar/plattar-services");
+
+      var util_1 = require("../util/util");
+
+      var raw_ar_1 = require("../ar/raw-ar");
       /**
        * This tracks the current state of the Embed
        */
@@ -887,9 +893,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         EmbedState[EmbedState["None"] = 0] = "None";
         EmbedState[EmbedState["SceneViewer"] = 1] = "SceneViewer";
         EmbedState[EmbedState["ProductViewer"] = 2] = "ProductViewer";
-        EmbedState[EmbedState["ProductAR"] = 3] = "ProductAR";
-        EmbedState[EmbedState["QRCode"] = 4] = "QRCode";
+        EmbedState[EmbedState["ConfiguratorViewer"] = 3] = "ConfiguratorViewer";
+        EmbedState[EmbedState["ProductAR"] = 4] = "ProductAR";
+        EmbedState[EmbedState["QRCode"] = 5] = "QRCode";
       })(EmbedState || (EmbedState = {}));
+      /**
+       * This tracks the current embed type
+       */
+
+
+      var EmbedType;
+
+      (function (EmbedType) {
+        EmbedType[EmbedType["Viewer"] = 0] = "Viewer";
+        EmbedType[EmbedType["Configurator"] = 1] = "Configurator";
+      })(EmbedType || (EmbedType = {}));
       /**
        * This is the primary <plattar-embed /> node that allows easy embedding
        * of Plattar related content
@@ -908,7 +926,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           _this10 = _super6.call(this); // this is the current state of the embed, none by default
 
-          _this10._currentState = EmbedState.None;
+          _this10._currentState = EmbedState.None; // this is the current embed type, viewer by default
+
+          _this10._currentType = EmbedType.Viewer;
           _this10._qrCodeOptions = {
             color: "#101721",
             qrType: "default",
@@ -935,6 +955,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           value: function connectedCallback() {
             var _this11 = this;
 
+            var embedType = this.hasAttribute("embed-type") ? this.getAttribute("embed-type") : "viewer";
+
+            if (embedType) {
+              switch (embedType.toLowerCase()) {
+                case "viewer":
+                  this._currentType = EmbedType.Viewer;
+                  break;
+
+                case "configurator":
+                  this._currentType = EmbedType.Configurator;
+                  break;
+
+                default:
+                  this._currentType = EmbedType.Viewer;
+              }
+            }
+
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
@@ -1018,21 +1055,89 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return new Promise(function (accept, reject) {
               if (!_this12._isReady) {
                 return reject(new Error("PlattarEmbed.initAR() - cannot execute as page has not loaded yet"));
-              } // if scene is not set but product is, then use ProductAR
+              }
+
+              if (!util_1.Util.canAugment()) {
+                return reject(new Error("PlattarEmbed.initAR() - cannot proceed as AR not available in context"));
+              }
+
+              if (_this12._currentType === EmbedType.Viewer) {
+                // if scene is not set but product is, then use ProductAR
+                if (!_this12._sceneID && _this12._productID) {
+                  var product = new product_ar_1.ProductAR(_this12._productID, _this12._variationID);
+                  return product.init().then(accept)["catch"](reject);
+                } // If Product is set (under any scenario) then use ProductAR
+                // NOTE: At some point this should check for Scenes when SceneAR
+                // is implemented
+
+
+                if (_this12._productID) {
+                  var _product = new product_ar_1.ProductAR(_this12._productID, _this12._variationID);
+
+                  return _product.init().then(accept)["catch"](reject);
+                }
+              }
+
+              if (_this12._currentType === EmbedType.Configurator) {
+                // if scene ID is available and the state is a configurator viewer
+                // we can use the real-time configurator state to launch the AR view
+                var viewer = _this12.viewer;
+
+                if (viewer && _this12._sceneID && _this12._currentState === EmbedState.ConfiguratorViewer) {
+                  var output = "glb";
+
+                  if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
+                    output = "usdz";
+                  }
+
+                  viewer.messenger.getARFile(output).then(function (result) {
+                    var rawAR = new raw_ar_1.RawAR(result.filename);
+                    return rawAR.init().then(accept)["catch"](reject);
+                  })["catch"](reject);
+                }
+
+                var configState = _this12.hasAttribute("config-state") ? _this12.getAttribute("config-state") : null; // otherwise scene ID is available to the viewer is not launched
+                // we can use the static configuration state to launch the AR view
 
+                if (_this12._sceneID && configState) {
+                  try {
+                    var decodedb64State = atob(configState);
+                    var state = JSON.parse(decodedb64State);
+
+                    if (state.meta) {
+                      var sceneProductIndex = state.meta.scene_product_index || 0;
+                      var variationIndex = state.meta.product_variation_index || 1;
+                      var states = state.states || [];
+
+                      if (states.length > 0) {
+                        var configurator = new plattar_services_1.Configurator();
+                        states.forEach(function (productState) {
+                          configurator.addSceneProduct(productState[sceneProductIndex], productState[variationIndex]);
+                        });
+
+                        if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
+                          configurator.output = "usdz";
+                        }
 
-              if (!_this12._sceneID && _this12._productID) {
-                var product = new product_ar_1.ProductAR(_this12._productID, _this12._variationID);
-                return product.init().then(accept)["catch"](reject);
-              } // If Product is set (under any scenario) then use ProductAR
-              // NOTE: At some point this should check for Scenes when SceneAR
-              // is implemented
+                        if (util_1.Util.canSceneViewer()) {
+                          configurator.output = "glb";
+                        }
 
+                        configurator.server = _this12._server;
+                        return configurator.get().then(function (result) {
+                          var rawAR = new raw_ar_1.RawAR(result.filename);
+                          rawAR.init().then(accept)["catch"](reject);
+                        })["catch"](reject);
+                      }
 
-              if (_this12._productID) {
-                var _product = new product_ar_1.ProductAR(_this12._productID, _this12._variationID);
+                      return reject(new Error("PlattarEmbed.initAR() - invalid config-state does not have any product states"));
+                    }
 
-                return _product.init().then(accept)["catch"](reject);
+                    return reject(new Error("PlattarEmbed.initAR() - invalid config-state for configurator"));
+                  } catch (err) {
+                    return reject(err);
+                  }
+                }
               } // otherwise, scene was set so use SceneAR
 
 
@@ -1073,10 +1178,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 _this14._viewer.remove();
 
                 _this14._viewer = null;
-              } // if scene is set, we use <plattar-viewer /> node from plattar-web
+              } // if scene is set and embed is a viewer type, we use <plattar-viewer /> node from plattar-web
 
 
-              if (_this14._sceneID) {
+              if (_this14._sceneID && _this14._currentType === EmbedType.Viewer) {
                 var viewer = document.createElement("plattar-viewer");
                 viewer.setAttribute("width", _this14._width);
                 viewer.setAttribute("height", _this14._height);
@@ -1103,11 +1208,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 _this14._viewer = viewer;
                 _this14._currentState = EmbedState.SceneViewer;
                 return;
-              } // if product is set, we use <plattar-product /> node from plattar-web
+              } // if scene is set and embed is a configurator type, we use <plattar-configurator /> node from plattar-web
 
 
-              if (_this14._productID) {
-                var _viewer = document.createElement("plattar-product");
+              if (_this14._sceneID && _this14._currentType === EmbedType.Configurator) {
+                var _viewer = document.createElement("plattar-configurator");
 
                 _viewer.setAttribute("width", _this14._width);
 
@@ -1115,10 +1220,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 _viewer.setAttribute("server", _this14._server);
 
-                _viewer.setAttribute("product-id", _this14._productID);
+                _viewer.setAttribute("scene-id", _this14._sceneID);
 
-                if (_this14._variationID) {
-                  _viewer.setAttribute("variation-id", _this14._variationID);
+                var configState = _this14.hasAttribute("config-state") ? _this14.getAttribute("config-state") : null;
+                var showAR = _this14.hasAttribute("show-ar") ? _this14.getAttribute("show-ar") : null;
+
+                if (configState) {
+                  _viewer.setAttribute("config-state", configState);
+                }
+
+                if (showAR) {
+                  _viewer.setAttribute("show-ar", showAR);
                 }
 
                 _viewer.onload = function () {
@@ -1132,6 +1244,37 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 _shadow.append(_viewer);
 
                 _this14._viewer = _viewer;
+                _this14._currentState = EmbedState.ConfiguratorViewer;
+                return;
+              } // if product is set, we use <plattar-product /> node from plattar-web
+
+
+              if (_this14._productID) {
+                var _viewer2 = document.createElement("plattar-product");
+
+                _viewer2.setAttribute("width", _this14._width);
+
+                _viewer2.setAttribute("height", _this14._height);
+
+                _viewer2.setAttribute("server", _this14._server);
+
+                _viewer2.setAttribute("product-id", _this14._productID);
+
+                if (_this14._variationID) {
+                  _viewer2.setAttribute("variation-id", _this14._variationID);
+                }
+
+                _viewer2.onload = function () {
+                  return accept(_viewer2);
+                };
+
+                var _shadow2 = _this14.shadowRoot || _this14.attachShadow({
+                  mode: 'open'
+                });
+
+                _shadow2.append(_viewer2);
+
+                _this14._viewer = _viewer2;
                 _this14._currentState = EmbedState.ProductViewer;
                 return;
               }
@@ -1158,10 +1301,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 _this15._viewer.remove();
 
                 _this15._viewer = null;
-              } // if scene is set, we embed a QR code that takes us to viewer.html
+              } // if scene is set and embed type is viewer
+              // we embed a QR code that takes us to viewer.html
 
 
-              if (_this15._sceneID) {
+              if (_this15._sceneID && _this15._currentType == EmbedType.Viewer) {
                 var viewer = document.createElement("plattar-qrcode");
                 viewer.setAttribute("width", _this15._width);
                 viewer.setAttribute("height", _this15._height);
@@ -1188,7 +1332,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   dst += "&variationId=" + _this15._variationID;
                 }
 
-                viewer.setAttribute("url", dst);
+                viewer.setAttribute("url", opt.url || dst);
 
                 viewer.onload = function () {
                   return accept(viewer);
@@ -1202,47 +1346,98 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 _this15._viewer = viewer;
                 _this15._currentState = EmbedState.QRCode;
                 return;
+              } // if scene is set and embed type is configurator
+              // we embed a QR code that takes us to configurator.html
+
+
+              if (_this15._sceneID && _this15._currentType == EmbedType.Configurator) {
+                var _viewer3 = document.createElement("plattar-qrcode");
+
+                _viewer3.setAttribute("width", _this15._width);
+
+                _viewer3.setAttribute("height", _this15._height);
+
+                if (opt.color) {
+                  _viewer3.setAttribute("color", opt.color);
+                }
+
+                if (opt.margin) {
+                  _viewer3.setAttribute("margin", "" + opt.margin);
+                }
+
+                if (opt.qrType) {
+                  _viewer3.setAttribute("qr-type", opt.qrType);
+                }
+
+                var _dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + _this15._sceneID;
+
+                var configState = _this15.hasAttribute("config-state") ? _this15.getAttribute("config-state") : null;
+                var showAR = _this15.hasAttribute("show-ar") ? _this15.getAttribute("show-ar") : null;
+
+                if (configState) {
+                  _dst += "&config_state=" + configState;
+                }
+
+                if (showAR) {
+                  _dst += "&show_ar=" + showAR;
+                }
+
+                _viewer3.setAttribute("url", opt.url || _dst);
+
+                _viewer3.onload = function () {
+                  return accept(_viewer3);
+                };
+
+                var _shadow3 = _this15.shadowRoot || _this15.attachShadow({
+                  mode: 'open'
+                });
+
+                _shadow3.append(_viewer3);
+
+                _this15._viewer = _viewer3;
+                _this15._currentState = EmbedState.QRCode;
+                return;
               } // if product is set, we embed a QR code that takes us to product.html
 
 
               if (_this15._productID) {
-                var _viewer2 = document.createElement("plattar-qrcode");
+                var _viewer4 = document.createElement("plattar-qrcode");
 
-                _viewer2.setAttribute("width", _this15._width);
+                _viewer4.setAttribute("width", _this15._width);
 
-                _viewer2.setAttribute("height", _this15._height);
+                _viewer4.setAttribute("height", _this15._height);
 
                 if (opt.color) {
-                  _viewer2.setAttribute("color", opt.color);
+                  _viewer4.setAttribute("color", opt.color);
                 }
 
                 if (opt.margin) {
-                  _viewer2.setAttribute("margin", "" + opt.margin);
+                  _viewer4.setAttribute("margin", "" + opt.margin);
                 }
 
                 if (opt.qrType) {
-                  _viewer2.setAttribute("qr-type", opt.qrType);
+                  _viewer4.setAttribute("qr-type", opt.qrType);
                 }
 
-                var _dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + _this15._productID;
+                var _dst2 = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + _this15._productID;
 
                 if (_this15._variationID) {
-                  _dst += "&variation_id=" + _this15._variationID;
+                  _dst2 += "&variation_id=" + _this15._variationID;
                 }
 
-                _viewer2.setAttribute("url", _dst);
+                _viewer4.setAttribute("url", opt.url || _dst2);
 
-                _viewer2.onload = function () {
-                  return accept(_viewer2);
+                _viewer4.onload = function () {
+                  return accept(_viewer4);
                 };
 
-                var _shadow2 = _this15.shadowRoot || _this15.attachShadow({
+                var _shadow4 = _this15.shadowRoot || _this15.attachShadow({
                   mode: 'open'
                 });
 
-                _shadow2.append(_viewer2);
+                _shadow4.append(_viewer4);
 
-                _this15._viewer = _viewer2;
+                _this15._viewer = _viewer4;
                 _this15._currentState = EmbedState.QRCode;
                 return;
               }
@@ -1259,7 +1454,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           key: "_OnAttributesUpdated",
           value: function _OnAttributesUpdated() {
             // nothing to update in these scenarios
-            if (this._currentState === EmbedState.None || this._currentState === EmbedState.ProductAR) {
+            if (this._currentState === EmbedState.None || this._currentState === EmbedState.ProductAR || this._currentState === EmbedState.ConfiguratorViewer) {
               return;
             } // re-render the QR Code when attributes have changed
 
@@ -1281,10 +1476,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
 
             if (this._currentState === EmbedState.ProductViewer) {
-              var _viewer3 = this.viewer;
+              var _viewer5 = this.viewer;
 
-              if (_viewer3) {
-                _viewer3.messenger.selectVariation(this._variationID);
+              if (_viewer5) {
+                _viewer5.messenger.selectVariation(this._variationID);
               }
 
               return;
@@ -1298,7 +1493,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports["default"] = PlattarEmbed;
     }, {
       "../ar/product-ar": 4,
-      "@plattar/plattar-api": 36
+      "../ar/raw-ar": 5,
+      "../util/util": 9,
+      "@plattar/plattar-api": 36,
+      "@plattar/plattar-services": 107
     }],
     8: [function (require, module, exports) {
       "use strict";
@@ -1426,7 +1624,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       "./util/util": 9,
       "./version": 10,
       "@plattar/plattar-qrcode": 102,
-      "@plattar/plattar-web": 116
+      "@plattar/plattar-web": 121
     }],
     9: [function (require, module, exports) {
       "use strict";
@@ -1558,7 +1756,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.122.3";
+      exports["default"] = "1.122.4";
     }, {}],
     11: [function (require, module, exports) {
       "use strict";
@@ -4319,7 +4517,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = PlattarQuery;
     }, {
       "../util/plattar-util.js": 98,
-      "node-fetch": 119
+      "node-fetch": 124
     }],
     38: [function (require, module, exports) {
       (function (process) {
@@ -4543,8 +4741,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }).call(this);
       }).call(this, require('_process'));
     }, {
-      "_process": 120,
-      "node-fetch": 119
+      "_process": 126,
+      "node-fetch": 124
     }],
     39: [function (require, module, exports) {
       var PlattarBase = require("./interfaces/plattar-base.js");
@@ -7300,7 +7498,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = BaseElement;
     }, {
-      "qr-code-styling": 121
+      "qr-code-styling": 127
     }],
     101: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
@@ -7343,602 +7541,699 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = "1.120.3";
     }, {}],
     104: [function (require, module, exports) {
-      var ElementController = require("../controllers/element-controller");
+      "use strict";
 
-      var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
-        _inherits(BaseElement, _HTMLElement3);
+      var __importDefault = this && this.__importDefault || function (mod) {
+        return mod && mod.__esModule ? mod : {
+          "default": mod
+        };
+      };
 
-        var _super69 = _createSuper(BaseElement);
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.Configurator = void 0;
 
-        function BaseElement() {
-          _classCallCheck(this, BaseElement);
+      var plattar_api_1 = require("@plattar/plattar-api");
 
-          return _super69.call(this);
+      var object_hash_1 = __importDefault(require("object-hash"));
+
+      var remote_request_1 = require("./remote-request");
+
+      var Configurator = /*#__PURE__*/function () {
+        function Configurator() {
+          _classCallCheck(this, Configurator);
+
+          this.quality = 100;
+          this.output = "glb";
+          this.server = "production";
+          this.retry = 0;
+          this._maps = [];
+          this._attrHash = [];
         }
 
-        _createClass(BaseElement, [{
-          key: "connectedCallback",
-          value: function connectedCallback() {
-            this._controller = new ElementController(this);
+        _createClass(Configurator, [{
+          key: "add",
+          value: function add() {
+            var sceneProduct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+            var productVariation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+            this.addSceneProduct(sceneProduct, productVariation);
           }
         }, {
-          key: "onready",
-          set: function set(callback) {
-            if (this._controller) {
-              this._controller.onload = callback;
+          key: "addSceneProduct",
+          value: function addSceneProduct() {
+            var sceneProduct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+            var productVariation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+            if (!sceneProduct) {
+              throw new Error("Configurator.addSceneProduct() - sceneProduct input was null or undefined");
+            }
+
+            if (!productVariation) {
+              throw new Error("Configurator.addSceneProduct() - productVariation input was null or undefined");
+            }
+
+            var map = {
+              sceneproduct: null,
+              productvariation: null
+            };
+
+            if (sceneProduct instanceof plattar_api_1.SceneProduct && productVariation instanceof plattar_api_1.ProductVariation) {
+              map.sceneproduct = sceneProduct.id;
+              map.productvariation = productVariation.id;
+
+              this._maps.push(map);
+
               return;
             }
 
-            throw new Error("set BaseElement.onready - cannot use as element not connected");
-          }
-        }, {
-          key: "messenger",
-          get: function get() {
-            return this._controller ? this._controller.messenger : undefined;
-          }
-        }, {
-          key: "context",
-          get: function get() {
-            return this._controller ? this._controller.context : undefined;
-          }
-        }, {
-          key: "element",
-          get: function get() {
-            return this._controller;
-          }
-        }, {
-          key: "ready",
-          get: function get() {
-            return this._controller ? true : false;
-          }
-        }, {
-          key: "allowDragDrop",
-          get: function get() {
-            return this._controller ? this._controller.controller.allowDragDrop : false;
-          },
-          set: function set(value) {
-            if (this._controller) {
-              this._controller.controller.allowDragDrop = value;
+            if ((typeof sceneProduct === "string" || sceneProduct instanceof String) && (typeof productVariation === "string" || productVariation instanceof String)) {
+              map.sceneproduct = sceneProduct;
+              map.productvariation = productVariation;
+
+              this._maps.push(map);
+
               return;
             }
 
-            throw new Error("set BaseElement.allowDragDrop - cannot use as element not connected");
-          }
-        }, {
-          key: "permissions",
-          get: function get() {
-            return [];
-          }
-        }, {
-          key: "coreAttributes",
-          get: function get() {
-            return [{
-              key: "scene-id",
-              map: "scene_id"
-            }];
+            throw new Error("Configurator.addSceneProduct() - mismatched instance types for inputs");
           }
         }, {
-          key: "usesCoreAttribute",
-          value: function usesCoreAttribute(key) {
-            var attr = this.coreAttributes;
-            var length = attr.length;
+          key: "addProduct",
+          value: function addProduct() {
+            var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+            var productVariation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
-            for (var i = 0; i < length; i++) {
-              if (attr[i].key === key) {
-                return true;
-              }
+            if (!product) {
+              throw new Error("Configurator.addProduct() - product input was null or undefined");
             }
 
-            return false;
-          }
-        }, {
-          key: "optionalAttributes",
-          get: function get() {
-            return [];
+            if (!productVariation) {
+              throw new Error("Configurator.addProduct() - productVariation input was null or undefined");
+            }
+
+            var map = {
+              productvariation: null,
+              product: null
+            };
+
+            if (product instanceof plattar_api_1.Product && productVariation instanceof plattar_api_1.ProductVariation) {
+              map.product = product.id;
+              map.productvariation = productVariation.id;
+
+              this._maps.push(map);
+
+              return;
+            }
+
+            if ((typeof product === "string" || product instanceof String) && (typeof productVariation === "string" || productVariation instanceof String)) {
+              map.product = product;
+              map.productvariation = productVariation;
+
+              this._maps.push(map);
+
+              return;
+            }
+
+            throw new Error("Configurator.addProduct() - mismatched instance types for inputs");
           }
         }, {
-          key: "hasAllCoreAttributes",
-          get: function get() {
-            var attr = this.coreAttributes;
-            var length = attr.length;
+          key: "addModel",
+          value: function addModel() {
+            var sceneModel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
-            for (var i = 0; i < length; i++) {
-              if (!this.hasAttribute(attr[i].key)) {
-                return false;
-              }
+            if (!sceneModel) {
+              throw new Error("Configurator.addModel() - sceneModel input was null or undefined");
             }
 
-            return true;
+            var map = {
+              scenemodel: null
+            };
+
+            if (sceneModel instanceof plattar_api_1.SceneModel) {
+              map.scenemodel = sceneModel.id;
+
+              this._maps.push(map);
+
+              return;
+            }
+
+            if (typeof sceneModel === "string") {
+              map.scenemodel = sceneModel;
+
+              this._maps.push(map);
+
+              return;
+            }
+
+            throw new Error("Configurator.addModel() - mismatched instance types for inputs");
           }
         }, {
-          key: "allMappedAttributes",
-          get: function get() {
+          key: "get",
+          value: function get() {
             var _this43 = this;
 
-            var map = new Map();
-            var coreAttr = this.coreAttributes;
-            var optAttr = this.optionalAttributes;
-            coreAttr.forEach(function (ele) {
-              if (_this43.hasAttribute(ele.key)) {
-                map.set(ele.map, _this43.getAttribute(ele.key));
-              }
-            });
-            optAttr.forEach(function (ele) {
-              if (_this43.hasAttribute(ele.key)) {
-                map.set(ele.map, _this43.getAttribute(ele.key));
-              }
+            return new Promise(function (accept, reject) {
+              _this43._CalculateHash().then(function () {
+                remote_request_1.RemoteRequest.request(_this43._GetPayload(), _this43.retry < 0 ? 0 : _this43.retry).then(accept)["catch"](reject);
+              })["catch"](function (_err) {
+                reject(new Error("Configurator.get() - one of the objects does not exist in Plattar API"));
+              });
             });
-            return map;
           }
         }, {
-          key: "allMappedAttributesQuery",
-          get: function get() {
-            var attr = this.allMappedAttributes;
-            var queryStr = "";
-            var first = true;
+          key: "_CalculateHash",
+          value: function _CalculateHash() {
+            var _this44 = this;
 
-            var _iterator7 = _createForOfIteratorHelper(attr.entries()),
-                _step7;
+            return new Promise(function (accept, reject) {
+              var promises = [];
+              var oldOrigin = plattar_api_1.Server["default"]().originLocation.type;
+              plattar_api_1.Server.create(plattar_api_1.Server.match(_this44.server));
 
-            try {
-              for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-                var _step7$value = _slicedToArray(_step7.value, 2),
-                    key = _step7$value[0],
-                    value = _step7$value[1];
+              _this44._maps.forEach(function (map) {
+                if (map.productvariation) {
+                  promises.push(new plattar_api_1.ProductVariation(map.productvariation).get());
+                }
 
-                queryStr += first ? "?" + key + "=" + value : "&" + key + "=" + value;
-                first = false;
-              }
-            } catch (err) {
-              _iterator7.e(err);
-            } finally {
-              _iterator7.f();
-            }
+                if (map.sceneproduct) {
+                  promises.push(new plattar_api_1.SceneProduct(map.sceneproduct).get());
+                }
 
-            return queryStr;
+                if (map.scenemodel) {
+                  promises.push(new plattar_api_1.SceneModel(map.scenemodel).get());
+                }
+
+                if (map.product) {
+                  promises.push(new plattar_api_1.Product(map.product).get());
+                }
+              });
+
+              Promise.all(promises).then(function (values) {
+                values.forEach(function (value) {
+                  _this44._attrHash.push(value.attributes);
+                }); // reset server back
+
+                plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
+                accept();
+              })["catch"](function () {
+                // reset server back
+                plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
+                reject(new Error("Configurator._CalculateHash() - unexpected error"));
+              });
+            });
           }
         }, {
-          key: "elementType",
-          get: function get() {
-            return "none";
+          key: "_GetPayload",
+          value: function _GetPayload() {
+            var converter = this.output === "vto" ? "config_to_reality" : "config_to_model";
+            var load = {
+              options: {
+                converter: converter,
+                quality: this.quality,
+                output: this.output,
+                server: this.server
+              },
+              data: {
+                maps: this._maps
+              }
+            };
+
+            if (this._attrHash.length > 0) {
+              load.options.hash = object_hash_1["default"].MD5(this._attrHash) + object_hash_1["default"].MD5(load);
+            } else {
+              load.options.hash = object_hash_1["default"].MD5(load);
+            }
+
+            return load;
           }
         }]);
 
-        return BaseElement;
-      }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
+        return Configurator;
+      }();
 
-      module.exports = BaseElement;
+      exports.Configurator = Configurator;
     }, {
-      "../controllers/element-controller": 106
+      "./remote-request": 106,
+      "@plattar/plattar-api": 36,
+      "object-hash": 125
     }],
     105: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
+      "use strict";
 
-      var ConfiguratorElement = /*#__PURE__*/function (_BaseElement2) {
-        _inherits(ConfiguratorElement, _BaseElement2);
+      var __importDefault = this && this.__importDefault || function (mod) {
+        return mod && mod.__esModule ? mod : {
+          "default": mod
+        };
+      };
 
-        var _super70 = _createSuper(ConfiguratorElement);
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.ModelConverter = void 0;
 
-        function ConfiguratorElement() {
-          _classCallCheck(this, ConfiguratorElement);
+      var plattar_api_1 = require("@plattar/plattar-api");
 
-          return _super70.call(this);
+      var object_hash_1 = __importDefault(require("object-hash"));
+
+      var remote_request_1 = require("./remote-request");
+
+      var ModelConverter = /*#__PURE__*/function () {
+        function ModelConverter() {
+          _classCallCheck(this, ModelConverter);
+
+          this._model = null;
+          this.quality = 100;
+          this.output = "glb";
+          this.server = "production";
+          this.retry = 0;
+          this._attrHash = [];
         }
 
-        _createClass(ConfiguratorElement, [{
-          key: "permissions",
+        _createClass(ModelConverter, [{
+          key: "model",
           get: function get() {
-            return ["autoplay"];
+            return this._model;
+          },
+          set: function set(newModel) {
+            if (!newModel) {
+              return;
+            }
+
+            if (newModel instanceof plattar_api_1.FileModel) {
+              this._model = newModel.id;
+
+              this._attrHash.push(object_hash_1["default"].MD5(newModel.attributes));
+
+              return;
+            }
+
+            this._model = newModel;
           }
         }, {
-          key: "elementType",
-          get: function get() {
-            return "configurator";
+          key: "get",
+          value: function get() {
+            var _this45 = this;
+
+            return new Promise(function (accept, reject) {
+              if (!_this45._model) {
+                return reject(new Error("ModelConverter.get() - required .model attribute was not set"));
+              }
+
+              remote_request_1.RemoteRequest.request(_this45._Payload, _this45.retry < 0 ? 0 : _this45.retry).then(accept)["catch"](reject);
+            });
           }
         }, {
-          key: "optionalAttributes",
+          key: "_Payload",
           get: function get() {
-            return [{
-              key: "config-state",
-              map: "config_state"
-            }, {
-              key: "show-ar",
-              map: "show_ar"
-            }];
+            var load = {
+              options: {
+                converter: "gltf_to_model",
+                quality: this.quality,
+                output: this.output,
+                server: this.server
+              },
+              data: {
+                model: this._model
+              }
+            };
+
+            if (this._attrHash.length > 0) {
+              load.options.hash = object_hash_1["default"].MD5(this._attrHash) + object_hash_1["default"].MD5(load);
+            } else {
+              load.options.hash = object_hash_1["default"].MD5(load);
+            }
+
+            return load;
           }
         }]);
 
-        return ConfiguratorElement;
-      }(BaseElement);
+        return ModelConverter;
+      }();
 
-      module.exports = ConfiguratorElement;
+      exports.ModelConverter = ModelConverter;
     }, {
-      "./base/base-element.js": 104
+      "./remote-request": 106,
+      "@plattar/plattar-api": 36,
+      "object-hash": 125
     }],
     106: [function (require, module, exports) {
-      var Util = require("../../util/util.js");
-
-      var _require = require("@plattar/context-messenger"),
-          messenger = _require.messenger;
-
-      var IFrameController = require("./iframe-controller.js");
-
-      var ElementController = /*#__PURE__*/function () {
-        function ElementController(element) {
-          var _this44 = this;
-
-          _classCallCheck(this, ElementController);
-
-          this._element = element; // observe the changes in scene-id
+      "use strict";
 
-          var callback = function callback(mutationsList) {
-            var _iterator8 = _createForOfIteratorHelper(mutationsList),
-                _step8;
+      var __importDefault = this && this.__importDefault || function (mod) {
+        return mod && mod.__esModule ? mod : {
+          "default": mod
+        };
+      };
 
-            try {
-              for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-                var mutation = _step8.value;
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.RemoteRequest = void 0;
 
-                if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
-                  if (element.hasAllCoreAttributes) {
-                    _this44._load();
-                  }
-                }
-              }
-            } catch (err) {
-              _iterator8.e(err);
-            } finally {
-              _iterator8.f();
-            }
-          };
+      var node_fetch_1 = __importDefault(require("node-fetch"));
+      /**
+       * This is used by the core types to perform remote requests
+       */
 
-          var observer = new MutationObserver(callback);
-          observer.observe(this._element, {
-            attributes: true
-          }); // load initially if all core attributes are set
 
-          if (element.hasAllCoreAttributes) {
-            this._load();
-          }
+      var RemoteRequest = /*#__PURE__*/function () {
+        function RemoteRequest() {
+          _classCallCheck(this, RemoteRequest);
         }
 
-        _createClass(ElementController, [{
-          key: "_load",
-          value: function _load() {
-            if (this._controller) {
-              this._controller._destroy();
-
-              this._controller = undefined;
-            }
-
-            var element = this._element;
-            this._server = element.hasAttribute("server") ? element.getAttribute("server") : "production";
-            var serverLocation = Util.getServerLocation(this._server);
-
-            if (serverLocation === undefined) {
-              throw new Error("ElementController - attribute \"server\" must be one of \"production\", \"staging\" or \"dev\"");
-            }
-
-            var embedLocation = Util.getElementLocation(element.elementType);
-
-            if (embedLocation === undefined) {
-              throw new Error("ElementController - element named \"" + elementType + "\" is invalid");
-            }
+        _createClass(RemoteRequest, null, [{
+          key: "request",
+          value: function request(payload) {
+            var retry = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+            return new Promise(function (accept, reject) {
+              if (retry >= 0) {
+                RemoteRequest._send(payload).then(accept)["catch"](function (err) {
+                  var newretry = retry - 1;
 
-            var source = serverLocation + embedLocation + element.allMappedAttributesQuery; // ensure iframe ID is randomly generated as we could have multiple iframes
-            // with same Scene ID - such as viewer and editor running on same page
+                  if (newretry < 0) {
+                    return reject(err);
+                  }
 
-            this._messengerID = "element_" + Util.id();
-            this._controller = new IFrameController(element, source, this._messengerID, function (node) {
-              // for cross-origin messenger setup, we need to setup manually
-              // this might require additional iterations
-              messenger.addChild(node);
+                  console.error("RemoteRequest.request() - retry number " + newretry);
+                  console.error(err);
+                  setTimeout(function () {
+                    RemoteRequest.request(payload, newretry).then(accept)["catch"](reject);
+                  }, 500);
+                });
+              } else {
+                return reject(new Error("RemoteRequest.request() - attempted all retries without success"));
+              }
             });
           }
         }, {
-          key: "onload",
-          set: function set(callback) {
-            if (!callback) {
-              return;
-            }
+          key: "_send",
+          value: function _send(payload) {
+            return new Promise(function (accept, reject) {
+              var endpoint = payload.options.server === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://3gbnq7wuw2.execute-api.ap-southeast-2.amazonaws.com/main/xrutils";
+              var reqopts = {
+                method: "POST",
+                headers: {
+                  'Accept': 'application/json',
+                  'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(payload)
+              };
+              (0, node_fetch_1["default"])(endpoint, reqopts).then(function (res) {
+                if (res.ok) {
+                  try {
+                    return res.json();
+                  } catch (err) {
+                    return new Error("RemoteRequest.request() - critical error occured, cannot proceed");
+                  }
+                }
 
-            if (this.messenger) {
-              callback();
-            } else {
-              messenger.onload(this._messengerID, function () {
-                callback();
+                return new Error("RemoteRequest.request() - unexpected error occured, cannot proceed. error message is " + res.statusText);
+              }).then(function (json) {
+                if (json instanceof Error) {
+                  reject(json);
+                } else {
+                  accept(json);
+                }
               });
-            }
-          }
-        }, {
-          key: "messenger",
-          get: function get() {
-            return messenger[this._messengerID];
-          }
-        }, {
-          key: "context",
-          get: function get() {
-            return messenger.self;
-          }
-        }, {
-          key: "controller",
-          get: function get() {
-            return this._controller;
+            });
           }
         }]);
 
-        return ElementController;
+        return RemoteRequest;
       }();
 
-      module.exports = ElementController;
+      exports.RemoteRequest = RemoteRequest;
     }, {
-      "../../util/util.js": 117,
-      "./iframe-controller.js": 107,
-      "@plattar/context-messenger": 15
+      "node-fetch": 124
     }],
     107: [function (require, module, exports) {
-      var Util = require("../../util/util.js");
-
-      var IFrameController = /*#__PURE__*/function () {
-        function IFrameController(element, src, id) {
-          var _this45 = this;
-
-          var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+      "use strict";
 
-          _classCallCheck(this, IFrameController);
+      var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        Object.defineProperty(o, k2, {
+          enumerable: true,
+          get: function get() {
+            return m[k];
+          }
+        });
+      } : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
 
-          this._iframe = document.createElement("iframe");
-          this._isDraggable = false; // check the onload functionality if cross-origin is defined
+      var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+        Object.defineProperty(o, "default", {
+          enumerable: true,
+          value: v
+        });
+      } : function (o, v) {
+        o["default"] = v;
+      });
 
-          if (!element.hasAttribute("sameorigin")) {
-            this._iframe.onload = function () {
-              if (onelemload) {
-                onelemload(_this45._iframe);
-              }
-            };
-          }
+      var __importStar = this && this.__importStar || function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) {
+          if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+        }
 
-          this._iframe.setAttribute("id", id);
+        __setModuleDefault(result, mod);
 
-          this._iframe.setAttribute("width", element.hasAttribute("width") ? element.getAttribute("width") : "500px");
+        return result;
+      };
 
-          this._iframe.setAttribute("height", element.hasAttribute("height") ? element.getAttribute("height") : "500px");
+      var __importDefault = this && this.__importDefault || function (mod) {
+        return mod && mod.__esModule ? mod : {
+          "default": mod
+        };
+      };
 
-          this._iframe.setAttribute("src", src);
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.version = exports.ModelConverter = exports.Configurator = void 0;
 
-          this._iframe.setAttribute("frameBorder", "0");
+      var configurator_1 = require("./core/configurator");
 
-          var permissions = Util.getPermissionString(element.permissions);
+      Object.defineProperty(exports, "Configurator", {
+        enumerable: true,
+        get: function get() {
+          return configurator_1.Configurator;
+        }
+      });
 
-          if (permissions) {
-            this._iframe.setAttribute("allow", permissions);
-          }
+      var model_converter_1 = require("./core/model-converter");
 
-          var shadow = element.shadowRoot || element.attachShadow({
-            mode: 'open'
-          });
-          this.allowDragging = false;
-          shadow.append(this._iframe);
+      Object.defineProperty(exports, "ModelConverter", {
+        enumerable: true,
+        get: function get() {
+          return model_converter_1.ModelConverter;
+        }
+      });
+      exports.version = __importStar(require("./version"));
 
-          if (element.hasAttribute("fullscreen")) {
-            var style = document.createElement('style');
-            style.textContent = "\n                ._PlattarFullScreen {\n                    width: 100%;\n                    height: 100%;\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                }\n            ";
-            this._iframe.className = "_PlattarFullScreen";
-            shadow.append(style);
-            this._fsStyle = style;
-          }
+      var version_1 = __importDefault(require("./version"));
+
+      console.log("using @plattar/plattar-services v" + version_1["default"]);
+    }, {
+      "./core/configurator": 104,
+      "./core/model-converter": 105,
+      "./version": 108
+    }],
+    108: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = "1.120.1";
+    }, {}],
+    109: [function (require, module, exports) {
+      var ElementController = require("../controllers/element-controller");
+
+      var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
+        _inherits(BaseElement, _HTMLElement3);
+
+        var _super69 = _createSuper(BaseElement);
+
+        function BaseElement() {
+          _classCallCheck(this, BaseElement);
+
+          return _super69.call(this);
         }
 
-        _createClass(IFrameController, [{
-          key: "allowDragDrop",
-          get: function get() {
-            return this._isDraggable;
-          },
-          set: function set(value) {
-            if (value) {
-              this._isDraggable = true;
-              this._iframe.style.pointerEvents = "none";
-            } else {
-              this._isDraggable = false;
-              this._iframe.style.pointerEvents = "auto";
-            }
+        _createClass(BaseElement, [{
+          key: "connectedCallback",
+          value: function connectedCallback() {
+            this._controller = new ElementController(this);
           }
         }, {
-          key: "_destroy",
-          value: function _destroy() {
-            if (this._iframe) {
-              this._iframe.remove();
-            }
-
-            if (this._fsStyle) {
-              this._fsStyle.remove();
+          key: "onready",
+          set: function set(callback) {
+            if (this._controller) {
+              this._controller.onload = callback;
+              return;
             }
 
-            this._iframe = undefined;
-            this._fsStyle = undefined;
+            throw new Error("set BaseElement.onready - cannot use as element not connected");
           }
         }, {
-          key: "width",
+          key: "messenger",
           get: function get() {
-            return this._iframe.getAttribute("width");
-          },
-          set: function set(value) {
-            this._iframe.setAttribute("width", value);
+            return this._controller ? this._controller.messenger : undefined;
           }
         }, {
-          key: "child",
+          key: "context",
           get: function get() {
-            return this._iframe;
+            return this._controller ? this._controller.context : undefined;
           }
         }, {
-          key: "height",
+          key: "element",
           get: function get() {
-            return this._iframe.getAttribute("height");
-          },
-          set: function set(value) {
-            this._iframe.setAttribute("height", value);
+            return this._controller;
           }
         }, {
-          key: "id",
+          key: "ready",
           get: function get() {
-            return this._iframe.id;
+            return this._controller ? true : false;
           }
-        }]);
-
-        return IFrameController;
-      }();
-
-      module.exports = IFrameController;
-    }, {
-      "../../util/util.js": 117
-    }],
-    108: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
-
-      var EditorElement = /*#__PURE__*/function (_BaseElement3) {
-        _inherits(EditorElement, _BaseElement3);
-
-        var _super71 = _createSuper(EditorElement);
-
-        function EditorElement() {
-          _classCallCheck(this, EditorElement);
-
-          return _super71.call(this);
-        }
+        }, {
+          key: "allowDragDrop",
+          get: function get() {
+            return this._controller ? this._controller.controller.allowDragDrop : false;
+          },
+          set: function set(value) {
+            if (this._controller) {
+              this._controller.controller.allowDragDrop = value;
+              return;
+            }
 
-        _createClass(EditorElement, [{
+            throw new Error("set BaseElement.allowDragDrop - cannot use as element not connected");
+          }
+        }, {
           key: "permissions",
           get: function get() {
-            return ["autoplay"];
+            return [];
           }
         }, {
-          key: "elementType",
+          key: "coreAttributes",
           get: function get() {
-            return "editor";
+            return [{
+              key: "scene-id",
+              map: "scene_id"
+            }];
           }
-        }]);
-
-        return EditorElement;
-      }(BaseElement);
-
-      module.exports = EditorElement;
-    }, {
-      "./base/base-element.js": 104
-    }],
-    109: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
-
-      var EWallElement = /*#__PURE__*/function (_BaseElement4) {
-        _inherits(EWallElement, _BaseElement4);
-
-        var _super72 = _createSuper(EWallElement);
-
-        function EWallElement() {
-          var _this46;
-
-          _classCallCheck(this, EWallElement);
-
-          _this46 = _super72.call(this);
-          var tag = document.createElement("script");
-          tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
-          tag.defer = true;
-          return _this46;
-        }
-
-        _createClass(EWallElement, [{
-          key: "connectedCallback",
-          value: function connectedCallback() {
-            _get2(_getPrototypeOf(EWallElement.prototype), "connectedCallback", this).call(this); // this is the iframe ID
-
-
-            var id = this.element.controller.id;
+        }, {
+          key: "usesCoreAttribute",
+          value: function usesCoreAttribute(key) {
+            var attr = this.coreAttributes;
+            var length = attr.length;
 
-            var onLoad = function onLoad() {
-              if (window.XRIFrame) {
-                window.XRIFrame.registerXRIFrame(id);
+            for (var i = 0; i < length; i++) {
+              if (attr[i].key === key) {
+                return true;
               }
-            };
+            }
 
-            window.addEventListener('load', onLoad, false);
+            return false;
           }
         }, {
-          key: "permissions",
+          key: "optionalAttributes",
           get: function get() {
-            return ["camera", "autoplay", "xr-spatial-tracking", "gyroscope", "accelerometer"];
+            return [];
           }
         }, {
-          key: "elementType",
+          key: "hasAllCoreAttributes",
           get: function get() {
-            return "ewall";
-          }
-        }]);
-
-        return EWallElement;
-      }(BaseElement);
+            var attr = this.coreAttributes;
+            var length = attr.length;
 
-      module.exports = EWallElement;
-    }, {
-      "./base/base-element.js": 104
-    }],
-    110: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
+            for (var i = 0; i < length; i++) {
+              if (!this.hasAttribute(attr[i].key)) {
+                return false;
+              }
+            }
 
-      var FaceARElement = /*#__PURE__*/function (_BaseElement5) {
-        _inherits(FaceARElement, _BaseElement5);
+            return true;
+          }
+        }, {
+          key: "allMappedAttributes",
+          get: function get() {
+            var _this46 = this;
 
-        var _super73 = _createSuper(FaceARElement);
+            var map = new Map();
+            var coreAttr = this.coreAttributes;
+            var optAttr = this.optionalAttributes;
+            coreAttr.forEach(function (ele) {
+              if (_this46.hasAttribute(ele.key)) {
+                map.set(ele.map, _this46.getAttribute(ele.key));
+              }
+            });
+            optAttr.forEach(function (ele) {
+              if (_this46.hasAttribute(ele.key)) {
+                map.set(ele.map, _this46.getAttribute(ele.key));
+              }
+            });
+            return map;
+          }
+        }, {
+          key: "allMappedAttributesQuery",
+          get: function get() {
+            var attr = this.allMappedAttributes;
+            var queryStr = "";
+            var first = true;
 
-        function FaceARElement() {
-          _classCallCheck(this, FaceARElement);
+            var _iterator7 = _createForOfIteratorHelper(attr.entries()),
+                _step7;
 
-          return _super73.call(this);
-        }
+            try {
+              for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+                var _step7$value = _slicedToArray(_step7.value, 2),
+                    key = _step7$value[0],
+                    value = _step7$value[1];
 
-        _createClass(FaceARElement, [{
-          key: "permissions",
-          get: function get() {
-            return ["camera", "autoplay"];
+                queryStr += first ? "?" + key + "=" + value : "&" + key + "=" + value;
+                first = false;
+              }
+            } catch (err) {
+              _iterator7.e(err);
+            } finally {
+              _iterator7.f();
+            }
+
+            return queryStr;
           }
         }, {
           key: "elementType",
           get: function get() {
-            return "facear";
-          }
-        }, {
-          key: "optionalAttributes",
-          get: function get() {
-            return [{
-              key: "variation-id",
-              map: "variationId"
-            }, {
-              key: "product-id",
-              map: "productId"
-            }];
+            return "none";
           }
         }]);
 
-        return FaceARElement;
-      }(BaseElement);
+        return BaseElement;
+      }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
 
-      module.exports = FaceARElement;
+      module.exports = BaseElement;
     }, {
-      "./base/base-element.js": 104
+      "../controllers/element-controller": 111
     }],
-    111: [function (require, module, exports) {
+    110: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var ModelElement = /*#__PURE__*/function (_BaseElement6) {
-        _inherits(ModelElement, _BaseElement6);
+      var ConfiguratorElement = /*#__PURE__*/function (_BaseElement2) {
+        _inherits(ConfiguratorElement, _BaseElement2);
 
-        var _super74 = _createSuper(ModelElement);
+        var _super70 = _createSuper(ConfiguratorElement);
 
-        function ModelElement() {
-          _classCallCheck(this, ModelElement);
+        function ConfiguratorElement() {
+          _classCallCheck(this, ConfiguratorElement);
 
-          return _super74.call(this);
+          return _super70.call(this);
         }
 
-        _createClass(ModelElement, [{
+        _createClass(ConfiguratorElement, [{
           key: "permissions",
           get: function get() {
             return ["autoplay"];
@@ -7946,130 +8241,376 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "elementType",
           get: function get() {
-            return "model";
+            return "configurator";
           }
         }, {
-          key: "coreAttributes",
+          key: "optionalAttributes",
           get: function get() {
             return [{
-              key: "model-id",
-              map: "model_id"
+              key: "config-state",
+              map: "config_state"
+            }, {
+              key: "show-ar",
+              map: "show_ar"
             }];
           }
         }]);
 
-        return ModelElement;
+        return ConfiguratorElement;
       }(BaseElement);
 
-      module.exports = ModelElement;
+      module.exports = ConfiguratorElement;
     }, {
-      "./base/base-element.js": 104
+      "./base/base-element.js": 109
     }],
-    112: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
+    111: [function (require, module, exports) {
+      var Util = require("../../util/util.js");
 
-      var ProductElement = /*#__PURE__*/function (_BaseElement7) {
-        _inherits(ProductElement, _BaseElement7);
+      var _require = require("@plattar/context-messenger"),
+          messenger = _require.messenger;
 
-        var _super75 = _createSuper(ProductElement);
+      var IFrameController = require("./iframe-controller.js");
 
-        function ProductElement() {
-          _classCallCheck(this, ProductElement);
+      var ElementController = /*#__PURE__*/function () {
+        function ElementController(element) {
+          var _this47 = this;
 
-          return _super75.call(this);
+          _classCallCheck(this, ElementController);
+
+          this._element = element; // observe the changes in scene-id
+
+          var callback = function callback(mutationsList) {
+            var _iterator8 = _createForOfIteratorHelper(mutationsList),
+                _step8;
+
+            try {
+              for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+                var mutation = _step8.value;
+
+                if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
+                  if (element.hasAllCoreAttributes) {
+                    _this47._load();
+                  }
+                }
+              }
+            } catch (err) {
+              _iterator8.e(err);
+            } finally {
+              _iterator8.f();
+            }
+          };
+
+          var observer = new MutationObserver(callback);
+          observer.observe(this._element, {
+            attributes: true
+          }); // load initially if all core attributes are set
+
+          if (element.hasAllCoreAttributes) {
+            this._load();
+          }
         }
 
-        _createClass(ProductElement, [{
-          key: "permissions",
-          get: function get() {
-            return ["autoplay"];
+        _createClass(ElementController, [{
+          key: "_load",
+          value: function _load() {
+            if (this._controller) {
+              this._controller._destroy();
+
+              this._controller = undefined;
+            }
+
+            var element = this._element;
+            this._server = element.hasAttribute("server") ? element.getAttribute("server") : "production";
+            var serverLocation = Util.getServerLocation(this._server);
+
+            if (serverLocation === undefined) {
+              throw new Error("ElementController - attribute \"server\" must be one of \"production\", \"staging\" or \"dev\"");
+            }
+
+            var embedLocation = Util.getElementLocation(element.elementType);
+
+            if (embedLocation === undefined) {
+              throw new Error("ElementController - element named \"" + elementType + "\" is invalid");
+            }
+
+            var source = serverLocation + embedLocation + element.allMappedAttributesQuery; // ensure iframe ID is randomly generated as we could have multiple iframes
+            // with same Scene ID - such as viewer and editor running on same page
+
+            this._messengerID = "element_" + Util.id();
+            this._controller = new IFrameController(element, source, this._messengerID, function (node) {
+              // for cross-origin messenger setup, we need to setup manually
+              // this might require additional iterations
+              messenger.addChild(node);
+            });
           }
         }, {
-          key: "elementType",
+          key: "onload",
+          set: function set(callback) {
+            if (!callback) {
+              return;
+            }
+
+            if (this.messenger) {
+              callback();
+            } else {
+              messenger.onload(this._messengerID, function () {
+                callback();
+              });
+            }
+          }
+        }, {
+          key: "messenger",
           get: function get() {
-            return "product";
+            return messenger[this._messengerID];
           }
         }, {
-          key: "coreAttributes",
+          key: "context",
           get: function get() {
-            return [{
-              key: "product-id",
-              map: "product_id"
-            }];
+            return messenger.self;
           }
         }, {
-          key: "optionalAttributes",
+          key: "controller",
           get: function get() {
-            return [{
-              key: "variation-id",
-              map: "variation_id"
-            }];
+            return this._controller;
           }
         }]);
 
-        return ProductElement;
-      }(BaseElement);
+        return ElementController;
+      }();
 
-      module.exports = ProductElement;
+      module.exports = ElementController;
     }, {
-      "./base/base-element.js": 104
+      "../../util/util.js": 122,
+      "./iframe-controller.js": 112,
+      "@plattar/context-messenger": 15
     }],
-    113: [function (require, module, exports) {
-      var BaseElement = require("./base/base-element.js");
+    112: [function (require, module, exports) {
+      var Util = require("../../util/util.js");
 
-      var StudioElement = /*#__PURE__*/function (_BaseElement8) {
-        _inherits(StudioElement, _BaseElement8);
+      var IFrameController = /*#__PURE__*/function () {
+        function IFrameController(element, src, id) {
+          var _this48 = this;
 
-        var _super76 = _createSuper(StudioElement);
+          var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
-        function StudioElement() {
-          _classCallCheck(this, StudioElement);
+          _classCallCheck(this, IFrameController);
 
-          return _super76.call(this);
-        }
+          this._iframe = document.createElement("iframe");
+          this._isDraggable = false; // check the onload functionality if cross-origin is defined
 
-        _createClass(StudioElement, [{
-          key: "permissions",
-          get: function get() {
-            return ["autoplay"];
-          }
-        }, {
-          key: "elementType",
-          get: function get() {
-            return "studio";
+          if (!element.hasAttribute("sameorigin")) {
+            this._iframe.onload = function () {
+              if (onelemload) {
+                onelemload(_this48._iframe);
+              }
+            };
           }
-        }]);
 
-        return StudioElement;
+          this._iframe.setAttribute("id", id);
+
+          this._iframe.setAttribute("width", element.hasAttribute("width") ? element.getAttribute("width") : "500px");
+
+          this._iframe.setAttribute("height", element.hasAttribute("height") ? element.getAttribute("height") : "500px");
+
+          this._iframe.setAttribute("src", src);
+
+          this._iframe.setAttribute("frameBorder", "0");
+
+          var permissions = Util.getPermissionString(element.permissions);
+
+          if (permissions) {
+            this._iframe.setAttribute("allow", permissions);
+          }
+
+          var shadow = element.shadowRoot || element.attachShadow({
+            mode: 'open'
+          });
+          this.allowDragging = false;
+          shadow.append(this._iframe);
+
+          if (element.hasAttribute("fullscreen")) {
+            var style = document.createElement('style');
+            style.textContent = "\n                ._PlattarFullScreen {\n                    width: 100%;\n                    height: 100%;\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                }\n            ";
+            this._iframe.className = "_PlattarFullScreen";
+            shadow.append(style);
+            this._fsStyle = style;
+          }
+        }
+
+        _createClass(IFrameController, [{
+          key: "allowDragDrop",
+          get: function get() {
+            return this._isDraggable;
+          },
+          set: function set(value) {
+            if (value) {
+              this._isDraggable = true;
+              this._iframe.style.pointerEvents = "none";
+            } else {
+              this._isDraggable = false;
+              this._iframe.style.pointerEvents = "auto";
+            }
+          }
+        }, {
+          key: "_destroy",
+          value: function _destroy() {
+            if (this._iframe) {
+              this._iframe.remove();
+            }
+
+            if (this._fsStyle) {
+              this._fsStyle.remove();
+            }
+
+            this._iframe = undefined;
+            this._fsStyle = undefined;
+          }
+        }, {
+          key: "width",
+          get: function get() {
+            return this._iframe.getAttribute("width");
+          },
+          set: function set(value) {
+            this._iframe.setAttribute("width", value);
+          }
+        }, {
+          key: "child",
+          get: function get() {
+            return this._iframe;
+          }
+        }, {
+          key: "height",
+          get: function get() {
+            return this._iframe.getAttribute("height");
+          },
+          set: function set(value) {
+            this._iframe.setAttribute("height", value);
+          }
+        }, {
+          key: "id",
+          get: function get() {
+            return this._iframe.id;
+          }
+        }]);
+
+        return IFrameController;
+      }();
+
+      module.exports = IFrameController;
+    }, {
+      "../../util/util.js": 122
+    }],
+    113: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var EditorElement = /*#__PURE__*/function (_BaseElement3) {
+        _inherits(EditorElement, _BaseElement3);
+
+        var _super71 = _createSuper(EditorElement);
+
+        function EditorElement() {
+          _classCallCheck(this, EditorElement);
+
+          return _super71.call(this);
+        }
+
+        _createClass(EditorElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "editor";
+          }
+        }]);
+
+        return EditorElement;
       }(BaseElement);
 
-      module.exports = StudioElement;
+      module.exports = EditorElement;
     }, {
-      "./base/base-element.js": 104
+      "./base/base-element.js": 109
     }],
     114: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var ViewerElement = /*#__PURE__*/function (_BaseElement9) {
-        _inherits(ViewerElement, _BaseElement9);
+      var EWallElement = /*#__PURE__*/function (_BaseElement4) {
+        _inherits(EWallElement, _BaseElement4);
 
-        var _super77 = _createSuper(ViewerElement);
+        var _super72 = _createSuper(EWallElement);
 
-        function ViewerElement() {
-          _classCallCheck(this, ViewerElement);
+        function EWallElement() {
+          var _this49;
 
-          return _super77.call(this);
+          _classCallCheck(this, EWallElement);
+
+          _this49 = _super72.call(this);
+          var tag = document.createElement("script");
+          tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
+          tag.defer = true;
+          return _this49;
         }
 
-        _createClass(ViewerElement, [{
+        _createClass(EWallElement, [{
+          key: "connectedCallback",
+          value: function connectedCallback() {
+            _get2(_getPrototypeOf(EWallElement.prototype), "connectedCallback", this).call(this); // this is the iframe ID
+
+
+            var id = this.element.controller.id;
+
+            var onLoad = function onLoad() {
+              if (window.XRIFrame) {
+                window.XRIFrame.registerXRIFrame(id);
+              }
+            };
+
+            window.addEventListener('load', onLoad, false);
+          }
+        }, {
           key: "permissions",
           get: function get() {
-            return ["autoplay"];
+            return ["camera", "autoplay", "xr-spatial-tracking", "gyroscope", "accelerometer"];
           }
         }, {
           key: "elementType",
           get: function get() {
-            return "viewer";
+            return "ewall";
+          }
+        }]);
+
+        return EWallElement;
+      }(BaseElement);
+
+      module.exports = EWallElement;
+    }, {
+      "./base/base-element.js": 109
+    }],
+    115: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var FaceARElement = /*#__PURE__*/function (_BaseElement5) {
+        _inherits(FaceARElement, _BaseElement5);
+
+        var _super73 = _createSuper(FaceARElement);
+
+        function FaceARElement() {
+          _classCallCheck(this, FaceARElement);
+
+          return _super73.call(this);
+        }
+
+        _createClass(FaceARElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["camera", "autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "facear";
           }
         }, {
           key: "optionalAttributes",
@@ -8084,260 +8625,1699 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           }
         }]);
 
-        return ViewerElement;
+        return FaceARElement;
       }(BaseElement);
 
-      module.exports = ViewerElement;
+      module.exports = FaceARElement;
     }, {
-      "./base/base-element.js": 104
+      "./base/base-element.js": 109
     }],
-    115: [function (require, module, exports) {
+    116: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var WebXRElement = /*#__PURE__*/function (_BaseElement10) {
-        _inherits(WebXRElement, _BaseElement10);
+      var ModelElement = /*#__PURE__*/function (_BaseElement6) {
+        _inherits(ModelElement, _BaseElement6);
 
-        var _super78 = _createSuper(WebXRElement);
+        var _super74 = _createSuper(ModelElement);
 
-        function WebXRElement() {
-          _classCallCheck(this, WebXRElement);
+        function ModelElement() {
+          _classCallCheck(this, ModelElement);
+
+          return _super74.call(this);
+        }
+
+        _createClass(ModelElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "model";
+          }
+        }, {
+          key: "coreAttributes",
+          get: function get() {
+            return [{
+              key: "model-id",
+              map: "model_id"
+            }];
+          }
+        }]);
+
+        return ModelElement;
+      }(BaseElement);
+
+      module.exports = ModelElement;
+    }, {
+      "./base/base-element.js": 109
+    }],
+    117: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var ProductElement = /*#__PURE__*/function (_BaseElement7) {
+        _inherits(ProductElement, _BaseElement7);
+
+        var _super75 = _createSuper(ProductElement);
+
+        function ProductElement() {
+          _classCallCheck(this, ProductElement);
+
+          return _super75.call(this);
+        }
+
+        _createClass(ProductElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "product";
+          }
+        }, {
+          key: "coreAttributes",
+          get: function get() {
+            return [{
+              key: "product-id",
+              map: "product_id"
+            }];
+          }
+        }, {
+          key: "optionalAttributes",
+          get: function get() {
+            return [{
+              key: "variation-id",
+              map: "variation_id"
+            }];
+          }
+        }]);
+
+        return ProductElement;
+      }(BaseElement);
+
+      module.exports = ProductElement;
+    }, {
+      "./base/base-element.js": 109
+    }],
+    118: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var StudioElement = /*#__PURE__*/function (_BaseElement8) {
+        _inherits(StudioElement, _BaseElement8);
+
+        var _super76 = _createSuper(StudioElement);
+
+        function StudioElement() {
+          _classCallCheck(this, StudioElement);
+
+          return _super76.call(this);
+        }
+
+        _createClass(StudioElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "studio";
+          }
+        }]);
+
+        return StudioElement;
+      }(BaseElement);
+
+      module.exports = StudioElement;
+    }, {
+      "./base/base-element.js": 109
+    }],
+    119: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var ViewerElement = /*#__PURE__*/function (_BaseElement9) {
+        _inherits(ViewerElement, _BaseElement9);
+
+        var _super77 = _createSuper(ViewerElement);
+
+        function ViewerElement() {
+          _classCallCheck(this, ViewerElement);
+
+          return _super77.call(this);
+        }
+
+        _createClass(ViewerElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "viewer";
+          }
+        }, {
+          key: "optionalAttributes",
+          get: function get() {
+            return [{
+              key: "variation-id",
+              map: "variationId"
+            }, {
+              key: "product-id",
+              map: "productId"
+            }];
+          }
+        }]);
+
+        return ViewerElement;
+      }(BaseElement);
+
+      module.exports = ViewerElement;
+    }, {
+      "./base/base-element.js": 109
+    }],
+    120: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var WebXRElement = /*#__PURE__*/function (_BaseElement10) {
+        _inherits(WebXRElement, _BaseElement10);
+
+        var _super78 = _createSuper(WebXRElement);
+
+        function WebXRElement() {
+          _classCallCheck(this, WebXRElement);
+
+          return _super78.call(this);
+        }
+
+        _createClass(WebXRElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["camera", "autoplay", "xr-spatial-tracking"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "webxr";
+          }
+        }]);
+
+        return WebXRElement;
+      }(BaseElement);
+
+      module.exports = WebXRElement;
+    }, {
+      "./base/base-element.js": 109
+    }],
+    121: [function (require, module, exports) {
+      "use strict";
+
+      var WebXRElement = require("./elements/webxr-element.js");
+
+      var ViewerElement = require("./elements/viewer-element.js");
+
+      var ProductElement = require("./elements/product-element.js");
+
+      var EWallElement = require("./elements/ewall-element.js");
+
+      var FaceARElement = require("./elements/facear-element.js");
+
+      var EditorElement = require("./elements/editor-element.js");
+
+      var StudioElement = require("./elements/studio-element.js");
+
+      var ModelElement = require("./elements/model-element.js");
+
+      var ConfiguratorElement = require("./elements/configurator-element.js");
+
+      var Version = require("./version");
+
+      if (customElements.get("plattar-webxr") === undefined) {
+        customElements.define("plattar-webxr", WebXRElement);
+      }
+
+      if (customElements.get("plattar-viewer") === undefined) {
+        customElements.define("plattar-viewer", ViewerElement);
+      }
+
+      if (customElements.get("plattar-product") === undefined) {
+        customElements.define("plattar-product", ProductElement);
+      }
+
+      if (customElements.get("plattar-editor") === undefined) {
+        customElements.define("plattar-editor", EditorElement);
+      }
+
+      if (customElements.get("plattar-facear") === undefined) {
+        customElements.define("plattar-facear", FaceARElement);
+      }
+
+      if (customElements.get("plattar-8wall") === undefined) {
+        customElements.define("plattar-8wall", EWallElement);
+      }
+
+      if (customElements.get("plattar-studio") === undefined) {
+        customElements.define("plattar-studio", StudioElement);
+      }
+
+      if (customElements.get("plattar-model") === undefined) {
+        customElements.define("plattar-model", ModelElement);
+      }
+
+      if (customElements.get("plattar-configurator") === undefined) {
+        customElements.define("plattar-configurator", ConfiguratorElement);
+      }
+
+      console.log("using @plattar/plattar-web v" + Version);
+      module.exports = {
+        version: Version
+      };
+    }, {
+      "./elements/configurator-element.js": 110,
+      "./elements/editor-element.js": 113,
+      "./elements/ewall-element.js": 114,
+      "./elements/facear-element.js": 115,
+      "./elements/model-element.js": 116,
+      "./elements/product-element.js": 117,
+      "./elements/studio-element.js": 118,
+      "./elements/viewer-element.js": 119,
+      "./elements/webxr-element.js": 120,
+      "./version": 123
+    }],
+    122: [function (require, module, exports) {
+      var Util = /*#__PURE__*/function () {
+        function Util() {
+          _classCallCheck(this, Util);
+        }
+
+        _createClass(Util, null, [{
+          key: "getServerLocation",
+          value: function getServerLocation(server) {
+            switch (server) {
+              case "production":
+                return "https://app.plattar.com/renderer/";
+
+              case "staging":
+                return "https://staging.plattar.space/renderer/";
+
+              case "dev":
+                return "https://localhost/renderer/";
+
+              default:
+                return undefined;
+            }
+          }
+        }, {
+          key: "getElementLocation",
+          value: function getElementLocation(etype) {
+            var isValid = Util.isValidType(etype);
+
+            if (isValid) {
+              return etype + ".html";
+            }
+
+            return undefined;
+          }
+        }, {
+          key: "getElementBundleLocation",
+          value: function getElementBundleLocation(etype, server) {
+            var location = Util.getServerLocation(server);
+
+            if (!location) {
+              return undefined;
+            }
+
+            var isValid = Util.isValidType(etype);
+
+            if (isValid) {
+              var isMinified = location === "dev" ? false : true;
+              return isMinified ? etype + "-bundle.min.js" : etype + "-bundle.js";
+            }
+
+            return undefined;
+          }
+        }, {
+          key: "isValidType",
+          value: function isValidType(etype) {
+            switch (etype) {
+              case "viewer":
+              case "editor":
+              case "ewall":
+              case "facear":
+              case "studio":
+              case "product":
+              case "model":
+              case "configurator":
+              case "webxr":
+                return true;
+
+              default:
+                return false;
+            }
+          }
+        }, {
+          key: "id",
+          value: function id() {
+            return Math.abs(Math.floor(Math.random() * 10000000000000));
+          }
+        }, {
+          key: "getPermissionString",
+          value: function getPermissionString(permissions) {
+            if (permissions && permissions.length > 0) {
+              var permissionString = permissions[0];
+
+              for (var i = 1; i < permissions.length; i++) {
+                permissionString += "; " + permissions[i];
+              }
+
+              return permissionString;
+            }
+
+            return undefined;
+          }
+        }]);
+
+        return Util;
+      }();
+
+      module.exports = Util;
+    }, {}],
+    123: [function (require, module, exports) {
+      module.exports = "1.122.3";
+    }, {}],
+    124: [function (require, module, exports) {
+      (function (global) {
+        (function () {
+          "use strict"; // ref: https://github.com/tc39/proposal-global
+
+          var getGlobal = function getGlobal() {
+            // the only reliable means to get the global object is
+            // `Function('return this')()`
+            // However, this causes CSP violations in Chrome apps.
+            if (typeof self !== 'undefined') {
+              return self;
+            }
+
+            if (typeof window !== 'undefined') {
+              return window;
+            }
+
+            if (typeof global !== 'undefined') {
+              return global;
+            }
+
+            throw new Error('unable to locate global object');
+          };
+
+          var global = getGlobal();
+          module.exports = exports = global.fetch; // Needed for TypeScript and Webpack.
+
+          if (global.fetch) {
+            exports["default"] = global.fetch.bind(global);
+          }
+
+          exports.Headers = global.Headers;
+          exports.Request = global.Request;
+          exports.Response = global.Response;
+        }).call(this);
+      }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
+    }, {}],
+    125: [function (require, module, exports) {
+      (function (global) {
+        (function () {
+          !function (e) {
+            var t;
+            "object" == _typeof(exports) ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : ("undefined" != typeof window ? t = window : "undefined" != typeof global ? t = global : "undefined" != typeof self && (t = self), t.objectHash = e());
+          }(function () {
+            return function o(i, u, a) {
+              function s(n, e) {
+                if (!u[n]) {
+                  if (!i[n]) {
+                    var t = "function" == typeof require && require;
+                    if (!e && t) return t(n, !0);
+                    if (f) return f(n, !0);
+                    throw new Error("Cannot find module '" + n + "'");
+                  }
+
+                  var r = u[n] = {
+                    exports: {}
+                  };
+                  i[n][0].call(r.exports, function (e) {
+                    var t = i[n][1][e];
+                    return s(t || e);
+                  }, r, r.exports, o, i, u, a);
+                }
+
+                return u[n].exports;
+              }
+
+              for (var f = "function" == typeof require && require, e = 0; e < a.length; e++) {
+                s(a[e]);
+              }
+
+              return s;
+            }({
+              1: [function (w, b, m) {
+                (function (e, t, f, n, r, o, i, u, a) {
+                  "use strict";
+
+                  var s = w("crypto");
+
+                  function c(e, t) {
+                    return function (e, t) {
+                      var n;
+                      n = "passthrough" !== t.algorithm ? s.createHash(t.algorithm) : new y();
+                      void 0 === n.write && (n.write = n.update, n.end = n.update);
+                      g(t, n).dispatch(e), n.update || n.end("");
+                      if (n.digest) return n.digest("buffer" === t.encoding ? void 0 : t.encoding);
+                      var r = n.read();
+                      return "buffer" !== t.encoding ? r.toString(t.encoding) : r;
+                    }(e, t = h(e, t));
+                  }
+
+                  (m = b.exports = c).sha1 = function (e) {
+                    return c(e);
+                  }, m.keys = function (e) {
+                    return c(e, {
+                      excludeValues: !0,
+                      algorithm: "sha1",
+                      encoding: "hex"
+                    });
+                  }, m.MD5 = function (e) {
+                    return c(e, {
+                      algorithm: "md5",
+                      encoding: "hex"
+                    });
+                  }, m.keysMD5 = function (e) {
+                    return c(e, {
+                      algorithm: "md5",
+                      encoding: "hex",
+                      excludeValues: !0
+                    });
+                  };
+                  var l = s.getHashes ? s.getHashes().slice() : ["sha1", "md5"];
+                  l.push("passthrough");
+                  var d = ["buffer", "hex", "binary", "base64"];
+
+                  function h(e, t) {
+                    t = t || {};
+                    var n = {};
+                    if (n.algorithm = t.algorithm || "sha1", n.encoding = t.encoding || "hex", n.excludeValues = !!t.excludeValues, n.algorithm = n.algorithm.toLowerCase(), n.encoding = n.encoding.toLowerCase(), n.ignoreUnknown = !0 === t.ignoreUnknown, n.respectType = !1 !== t.respectType, n.respectFunctionNames = !1 !== t.respectFunctionNames, n.respectFunctionProperties = !1 !== t.respectFunctionProperties, n.unorderedArrays = !0 === t.unorderedArrays, n.unorderedSets = !1 !== t.unorderedSets, n.unorderedObjects = !1 !== t.unorderedObjects, n.replacer = t.replacer || void 0, n.excludeKeys = t.excludeKeys || void 0, void 0 === e) throw new Error("Object argument required.");
+
+                    for (var r = 0; r < l.length; ++r) {
+                      l[r].toLowerCase() === n.algorithm.toLowerCase() && (n.algorithm = l[r]);
+                    }
+
+                    if (-1 === l.indexOf(n.algorithm)) throw new Error('Algorithm "' + n.algorithm + '"  not supported. supported values: ' + l.join(", "));
+                    if (-1 === d.indexOf(n.encoding) && "passthrough" !== n.algorithm) throw new Error('Encoding "' + n.encoding + '"  not supported. supported values: ' + d.join(", "));
+                    return n;
+                  }
+
+                  function p(e) {
+                    if ("function" == typeof e) {
+                      return null != /^function\s+\w*\s*\(\s*\)\s*{\s+\[native code\]\s+}$/i.exec(Function.prototype.toString.call(e));
+                    }
+                  }
+
+                  function g(u, t, a) {
+                    a = a || [];
+
+                    function s(e) {
+                      return t.update ? t.update(e, "utf8") : t.write(e, "utf8");
+                    }
+
+                    return {
+                      dispatch: function dispatch(e) {
+                        return u.replacer && (e = u.replacer(e)), this["_" + (null === e ? "null" : _typeof(e))](e);
+                      },
+                      _object: function _object(t) {
+                        var e = Object.prototype.toString.call(t),
+                            n = /\[object (.*)\]/i.exec(e);
+                        n = (n = n ? n[1] : "unknown:[" + e + "]").toLowerCase();
+                        var r;
+                        if (0 <= (r = a.indexOf(t))) return this.dispatch("[CIRCULAR:" + r + "]");
+                        if (a.push(t), void 0 !== f && f.isBuffer && f.isBuffer(t)) return s("buffer:"), s(t);
+
+                        if ("object" === n || "function" === n || "asyncfunction" === n) {
+                          var o = Object.keys(t);
+                          u.unorderedObjects && (o = o.sort()), !1 === u.respectType || p(t) || o.splice(0, 0, "prototype", "__proto__", "constructor"), u.excludeKeys && (o = o.filter(function (e) {
+                            return !u.excludeKeys(e);
+                          })), s("object:" + o.length + ":");
+                          var i = this;
+                          return o.forEach(function (e) {
+                            i.dispatch(e), s(":"), u.excludeValues || i.dispatch(t[e]), s(",");
+                          });
+                        }
+
+                        if (!this["_" + n]) {
+                          if (u.ignoreUnknown) return s("[" + n + "]");
+                          throw new Error('Unknown object type "' + n + '"');
+                        }
+
+                        this["_" + n](t);
+                      },
+                      _array: function _array(e, t) {
+                        t = void 0 !== t ? t : !1 !== u.unorderedArrays;
+                        var n = this;
+                        if (s("array:" + e.length + ":"), !t || e.length <= 1) return e.forEach(function (e) {
+                          return n.dispatch(e);
+                        });
+                        var r = [],
+                            o = e.map(function (e) {
+                          var t = new y(),
+                              n = a.slice();
+                          return g(u, t, n).dispatch(e), r = r.concat(n.slice(a.length)), t.read().toString();
+                        });
+                        return a = a.concat(r), o.sort(), this._array(o, !1);
+                      },
+                      _date: function _date(e) {
+                        return s("date:" + e.toJSON());
+                      },
+                      _symbol: function _symbol(e) {
+                        return s("symbol:" + e.toString());
+                      },
+                      _error: function _error(e) {
+                        return s("error:" + e.toString());
+                      },
+                      _boolean: function _boolean(e) {
+                        return s("bool:" + e.toString());
+                      },
+                      _string: function _string(e) {
+                        s("string:" + e.length + ":"), s(e.toString());
+                      },
+                      _function: function _function(e) {
+                        s("fn:"), p(e) ? this.dispatch("[native]") : this.dispatch(e.toString()), !1 !== u.respectFunctionNames && this.dispatch("function-name:" + String(e.name)), u.respectFunctionProperties && this._object(e);
+                      },
+                      _number: function _number(e) {
+                        return s("number:" + e.toString());
+                      },
+                      _xml: function _xml(e) {
+                        return s("xml:" + e.toString());
+                      },
+                      _null: function _null() {
+                        return s("Null");
+                      },
+                      _undefined: function _undefined() {
+                        return s("Undefined");
+                      },
+                      _regexp: function _regexp(e) {
+                        return s("regex:" + e.toString());
+                      },
+                      _uint8array: function _uint8array(e) {
+                        return s("uint8array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _uint8clampedarray: function _uint8clampedarray(e) {
+                        return s("uint8clampedarray:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _int8array: function _int8array(e) {
+                        return s("uint8array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _uint16array: function _uint16array(e) {
+                        return s("uint16array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _int16array: function _int16array(e) {
+                        return s("uint16array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _uint32array: function _uint32array(e) {
+                        return s("uint32array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _int32array: function _int32array(e) {
+                        return s("uint32array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _float32array: function _float32array(e) {
+                        return s("float32array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _float64array: function _float64array(e) {
+                        return s("float64array:"), this.dispatch(Array.prototype.slice.call(e));
+                      },
+                      _arraybuffer: function _arraybuffer(e) {
+                        return s("arraybuffer:"), this.dispatch(new Uint8Array(e));
+                      },
+                      _url: function _url(e) {
+                        return s("url:" + e.toString());
+                      },
+                      _map: function _map(e) {
+                        s("map:");
+                        var t = Array.from(e);
+                        return this._array(t, !1 !== u.unorderedSets);
+                      },
+                      _set: function _set(e) {
+                        s("set:");
+                        var t = Array.from(e);
+                        return this._array(t, !1 !== u.unorderedSets);
+                      },
+                      _file: function _file(e) {
+                        return s("file:"), this.dispatch([e.name, e.size, e.type, e.lastModfied]);
+                      },
+                      _blob: function _blob() {
+                        if (u.ignoreUnknown) return s("[blob]");
+                        throw Error('Hashing Blob objects is currently not supported\n(see https://github.com/puleos/object-hash/issues/26)\nUse "options.replacer" or "options.ignoreUnknown"\n');
+                      },
+                      _domwindow: function _domwindow() {
+                        return s("domwindow");
+                      },
+                      _bigint: function _bigint(e) {
+                        return s("bigint:" + e.toString());
+                      },
+                      _process: function _process() {
+                        return s("process");
+                      },
+                      _timer: function _timer() {
+                        return s("timer");
+                      },
+                      _pipe: function _pipe() {
+                        return s("pipe");
+                      },
+                      _tcp: function _tcp() {
+                        return s("tcp");
+                      },
+                      _udp: function _udp() {
+                        return s("udp");
+                      },
+                      _tty: function _tty() {
+                        return s("tty");
+                      },
+                      _statwatcher: function _statwatcher() {
+                        return s("statwatcher");
+                      },
+                      _securecontext: function _securecontext() {
+                        return s("securecontext");
+                      },
+                      _connection: function _connection() {
+                        return s("connection");
+                      },
+                      _zlib: function _zlib() {
+                        return s("zlib");
+                      },
+                      _context: function _context() {
+                        return s("context");
+                      },
+                      _nodescript: function _nodescript() {
+                        return s("nodescript");
+                      },
+                      _httpparser: function _httpparser() {
+                        return s("httpparser");
+                      },
+                      _dataview: function _dataview() {
+                        return s("dataview");
+                      },
+                      _signal: function _signal() {
+                        return s("signal");
+                      },
+                      _fsevent: function _fsevent() {
+                        return s("fsevent");
+                      },
+                      _tlswrap: function _tlswrap() {
+                        return s("tlswrap");
+                      }
+                    };
+                  }
+
+                  function y() {
+                    return {
+                      buf: "",
+                      write: function write(e) {
+                        this.buf += e;
+                      },
+                      end: function end(e) {
+                        this.buf += e;
+                      },
+                      read: function read() {
+                        return this.buf;
+                      }
+                    };
+                  }
+
+                  m.writeToStream = function (e, t, n) {
+                    return void 0 === n && (n = t, t = {}), g(t = h(e, t), n).dispatch(e);
+                  };
+                }).call(this, w("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, w("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/fake_7eac155c.js", "/");
+              }, {
+                buffer: 3,
+                crypto: 5,
+                lYpoI2: 10
+              }],
+              2: [function (e, t, f) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  !function (e) {
+                    "use strict";
+
+                    var f = "undefined" != typeof Uint8Array ? Uint8Array : Array,
+                        n = "+".charCodeAt(0),
+                        r = "/".charCodeAt(0),
+                        o = "0".charCodeAt(0),
+                        i = "a".charCodeAt(0),
+                        u = "A".charCodeAt(0),
+                        a = "-".charCodeAt(0),
+                        s = "_".charCodeAt(0);
+
+                    function c(e) {
+                      var t = e.charCodeAt(0);
+                      return t === n || t === a ? 62 : t === r || t === s ? 63 : t < o ? -1 : t < o + 10 ? t - o + 26 + 26 : t < u + 26 ? t - u : t < i + 26 ? t - i + 26 : void 0;
+                    }
+
+                    e.toByteArray = function (e) {
+                      var t, n;
+                      if (0 < e.length % 4) throw new Error("Invalid string. Length must be a multiple of 4");
+                      var r = e.length,
+                          o = "=" === e.charAt(r - 2) ? 2 : "=" === e.charAt(r - 1) ? 1 : 0,
+                          i = new f(3 * e.length / 4 - o),
+                          u = 0 < o ? e.length - 4 : e.length,
+                          a = 0;
+
+                      function s(e) {
+                        i[a++] = e;
+                      }
+
+                      for (t = 0; t < u; t += 4, 0) {
+                        s((16711680 & (n = c(e.charAt(t)) << 18 | c(e.charAt(t + 1)) << 12 | c(e.charAt(t + 2)) << 6 | c(e.charAt(t + 3)))) >> 16), s((65280 & n) >> 8), s(255 & n);
+                      }
+
+                      return 2 == o ? s(255 & (n = c(e.charAt(t)) << 2 | c(e.charAt(t + 1)) >> 4)) : 1 == o && (s((n = c(e.charAt(t)) << 10 | c(e.charAt(t + 1)) << 4 | c(e.charAt(t + 2)) >> 2) >> 8 & 255), s(255 & n)), i;
+                    }, e.fromByteArray = function (e) {
+                      var t,
+                          n,
+                          r,
+                          o,
+                          i = e.length % 3,
+                          u = "";
+
+                      function a(e) {
+                        return "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".charAt(e);
+                      }
+
+                      for (t = 0, r = e.length - i; t < r; t += 3) {
+                        n = (e[t] << 16) + (e[t + 1] << 8) + e[t + 2], u += a((o = n) >> 18 & 63) + a(o >> 12 & 63) + a(o >> 6 & 63) + a(63 & o);
+                      }
+
+                      switch (i) {
+                        case 1:
+                          u += a((n = e[e.length - 1]) >> 2), u += a(n << 4 & 63), u += "==";
+                          break;
+
+                        case 2:
+                          u += a((n = (e[e.length - 2] << 8) + e[e.length - 1]) >> 10), u += a(n >> 4 & 63), u += a(n << 2 & 63), u += "=";
+                      }
+
+                      return u;
+                    };
+                  }(void 0 === f ? this.base64js = {} : f);
+                }).call(this, e("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, e("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/base64-js/lib/b64.js", "/node_modules/gulp-browserify/node_modules/base64-js/lib");
+              }, {
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              3: [function (O, e, H) {
+                (function (e, t, g, n, r, o, i, u, a) {
+                  var s = O("base64-js"),
+                      f = O("ieee754");
+
+                  function g(e, t, n) {
+                    if (!(this instanceof g)) return new g(e, t, n);
+
+                    var r,
+                        o,
+                        i,
+                        u,
+                        a,
+                        s = _typeof(e);
+
+                    if ("base64" === t && "string" == s) for (e = (r = e).trim ? r.trim() : r.replace(/^\s+|\s+$/g, ""); e.length % 4 != 0;) {
+                      e += "=";
+                    }
+                    if ("number" == s) o = x(e);else if ("string" == s) o = g.byteLength(e, t);else {
+                      if ("object" != s) throw new Error("First argument needs to be a number, array or string.");
+                      o = x(e.length);
+                    }
+                    if (g._useTypedArrays ? i = g._augment(new Uint8Array(o)) : ((i = this).length = o, i._isBuffer = !0), g._useTypedArrays && "number" == typeof e.byteLength) i._set(e);else if (S(a = e) || g.isBuffer(a) || a && "object" == _typeof(a) && "number" == typeof a.length) for (u = 0; u < o; u++) {
+                      g.isBuffer(e) ? i[u] = e.readUInt8(u) : i[u] = e[u];
+                    } else if ("string" == s) i.write(e, 0, t);else if ("number" == s && !g._useTypedArrays && !n) for (u = 0; u < o; u++) {
+                      i[u] = 0;
+                    }
+                    return i;
+                  }
+
+                  function y(e, t, n, r) {
+                    return g._charsWritten = T(function (e) {
+                      for (var t = [], n = 0; n < e.length; n++) {
+                        t.push(255 & e.charCodeAt(n));
+                      }
+
+                      return t;
+                    }(t), e, n, r);
+                  }
+
+                  function w(e, t, n, r) {
+                    return g._charsWritten = T(function (e) {
+                      for (var t, n, r, o = [], i = 0; i < e.length; i++) {
+                        t = e.charCodeAt(i), n = t >> 8, r = t % 256, o.push(r), o.push(n);
+                      }
+
+                      return o;
+                    }(t), e, n, r);
+                  }
+
+                  function c(e, t, n) {
+                    var r = "";
+                    n = Math.min(e.length, n);
+
+                    for (var o = t; o < n; o++) {
+                      r += String.fromCharCode(e[o]);
+                    }
+
+                    return r;
+                  }
+
+                  function l(e, t, n, r) {
+                    r || (D("boolean" == typeof n, "missing or invalid endian"), D(null != t, "missing offset"), D(t + 1 < e.length, "Trying to read beyond buffer length"));
+                    var o,
+                        i = e.length;
+                    if (!(i <= t)) return n ? (o = e[t], t + 1 < i && (o |= e[t + 1] << 8)) : (o = e[t] << 8, t + 1 < i && (o |= e[t + 1])), o;
+                  }
+
+                  function d(e, t, n, r) {
+                    r || (D("boolean" == typeof n, "missing or invalid endian"), D(null != t, "missing offset"), D(t + 3 < e.length, "Trying to read beyond buffer length"));
+                    var o,
+                        i = e.length;
+                    if (!(i <= t)) return n ? (t + 2 < i && (o = e[t + 2] << 16), t + 1 < i && (o |= e[t + 1] << 8), o |= e[t], t + 3 < i && (o += e[t + 3] << 24 >>> 0)) : (t + 1 < i && (o = e[t + 1] << 16), t + 2 < i && (o |= e[t + 2] << 8), t + 3 < i && (o |= e[t + 3]), o += e[t] << 24 >>> 0), o;
+                  }
+
+                  function h(e, t, n, r) {
+                    if (r || (D("boolean" == typeof n, "missing or invalid endian"), D(null != t, "missing offset"), D(t + 1 < e.length, "Trying to read beyond buffer length")), !(e.length <= t)) {
+                      var o = l(e, t, n, !0);
+                      return 32768 & o ? -1 * (65535 - o + 1) : o;
+                    }
+                  }
+
+                  function p(e, t, n, r) {
+                    if (r || (D("boolean" == typeof n, "missing or invalid endian"), D(null != t, "missing offset"), D(t + 3 < e.length, "Trying to read beyond buffer length")), !(e.length <= t)) {
+                      var o = d(e, t, n, !0);
+                      return 2147483648 & o ? -1 * (4294967295 - o + 1) : o;
+                    }
+                  }
+
+                  function b(e, t, n, r) {
+                    return r || (D("boolean" == typeof n, "missing or invalid endian"), D(t + 3 < e.length, "Trying to read beyond buffer length")), f.read(e, t, n, 23, 4);
+                  }
+
+                  function m(e, t, n, r) {
+                    return r || (D("boolean" == typeof n, "missing or invalid endian"), D(t + 7 < e.length, "Trying to read beyond buffer length")), f.read(e, t, n, 52, 8);
+                  }
+
+                  function v(e, t, n, r, o) {
+                    o || (D(null != t, "missing value"), D("boolean" == typeof r, "missing or invalid endian"), D(null != n, "missing offset"), D(n + 1 < e.length, "trying to write beyond buffer length"), N(t, 65535));
+                    var i = e.length;
+                    if (!(i <= n)) for (var u = 0, a = Math.min(i - n, 2); u < a; u++) {
+                      e[n + u] = (t & 255 << 8 * (r ? u : 1 - u)) >>> 8 * (r ? u : 1 - u);
+                    }
+                  }
+
+                  function _(e, t, n, r, o) {
+                    o || (D(null != t, "missing value"), D("boolean" == typeof r, "missing or invalid endian"), D(null != n, "missing offset"), D(n + 3 < e.length, "trying to write beyond buffer length"), N(t, 4294967295));
+                    var i = e.length;
+                    if (!(i <= n)) for (var u = 0, a = Math.min(i - n, 4); u < a; u++) {
+                      e[n + u] = t >>> 8 * (r ? u : 3 - u) & 255;
+                    }
+                  }
+
+                  function E(e, t, n, r, o) {
+                    o || (D(null != t, "missing value"), D("boolean" == typeof r, "missing or invalid endian"), D(null != n, "missing offset"), D(n + 1 < e.length, "Trying to write beyond buffer length"), Y(t, 32767, -32768)), e.length <= n || v(e, 0 <= t ? t : 65535 + t + 1, n, r, o);
+                  }
+
+                  function I(e, t, n, r, o) {
+                    o || (D(null != t, "missing value"), D("boolean" == typeof r, "missing or invalid endian"), D(null != n, "missing offset"), D(n + 3 < e.length, "Trying to write beyond buffer length"), Y(t, 2147483647, -2147483648)), e.length <= n || _(e, 0 <= t ? t : 4294967295 + t + 1, n, r, o);
+                  }
+
+                  function A(e, t, n, r, o) {
+                    o || (D(null != t, "missing value"), D("boolean" == typeof r, "missing or invalid endian"), D(null != n, "missing offset"), D(n + 3 < e.length, "Trying to write beyond buffer length"), F(t, 34028234663852886e22, -34028234663852886e22)), e.length <= n || f.write(e, t, n, r, 23, 4);
+                  }
+
+                  function B(e, t, n, r, o) {
+                    o || (D(null != t, "missing value"), D("boolean" == typeof r, "missing or invalid endian"), D(null != n, "missing offset"), D(n + 7 < e.length, "Trying to write beyond buffer length"), F(t, 17976931348623157e292, -17976931348623157e292)), e.length <= n || f.write(e, t, n, r, 52, 8);
+                  }
+
+                  H.Buffer = g, H.SlowBuffer = g, H.INSPECT_MAX_BYTES = 50, g.poolSize = 8192, g._useTypedArrays = function () {
+                    try {
+                      var e = new ArrayBuffer(0),
+                          t = new Uint8Array(e);
+                      return t.foo = function () {
+                        return 42;
+                      }, 42 === t.foo() && "function" == typeof t.subarray;
+                    } catch (e) {
+                      return !1;
+                    }
+                  }(), g.isEncoding = function (e) {
+                    switch (String(e).toLowerCase()) {
+                      case "hex":
+                      case "utf8":
+                      case "utf-8":
+                      case "ascii":
+                      case "binary":
+                      case "base64":
+                      case "raw":
+                      case "ucs2":
+                      case "ucs-2":
+                      case "utf16le":
+                      case "utf-16le":
+                        return !0;
+
+                      default:
+                        return !1;
+                    }
+                  }, g.isBuffer = function (e) {
+                    return !(null == e || !e._isBuffer);
+                  }, g.byteLength = function (e, t) {
+                    var n;
+
+                    switch (e += "", t || "utf8") {
+                      case "hex":
+                        n = e.length / 2;
+                        break;
+
+                      case "utf8":
+                      case "utf-8":
+                        n = C(e).length;
+                        break;
+
+                      case "ascii":
+                      case "binary":
+                      case "raw":
+                        n = e.length;
+                        break;
+
+                      case "base64":
+                        n = k(e).length;
+                        break;
+
+                      case "ucs2":
+                      case "ucs-2":
+                      case "utf16le":
+                      case "utf-16le":
+                        n = 2 * e.length;
+                        break;
+
+                      default:
+                        throw new Error("Unknown encoding");
+                    }
+
+                    return n;
+                  }, g.concat = function (e, t) {
+                    if (D(S(e), "Usage: Buffer.concat(list, [totalLength])\nlist should be an Array."), 0 === e.length) return new g(0);
+                    if (1 === e.length) return e[0];
+                    if ("number" != typeof t) for (o = t = 0; o < e.length; o++) {
+                      t += e[o].length;
+                    }
+
+                    for (var n = new g(t), r = 0, o = 0; o < e.length; o++) {
+                      var i = e[o];
+                      i.copy(n, r), r += i.length;
+                    }
+
+                    return n;
+                  }, g.prototype.write = function (e, t, n, r) {
+                    var o;
+                    isFinite(t) ? isFinite(n) || (r = n, n = void 0) : (o = r, r = t, t = n, n = o), t = Number(t) || 0;
+                    var i,
+                        u,
+                        a,
+                        s,
+                        f,
+                        c,
+                        l,
+                        d,
+                        h,
+                        p = this.length - t;
+
+                    switch ((!n || p < (n = Number(n))) && (n = p), r = String(r || "utf8").toLowerCase()) {
+                      case "hex":
+                        i = function (e, t, n, r) {
+                          n = Number(n) || 0;
+                          var o = e.length - n;
+                          (!r || o < (r = Number(r))) && (r = o);
+                          var i = t.length;
+                          D(i % 2 == 0, "Invalid hex string"), i / 2 < r && (r = i / 2);
+
+                          for (var u = 0; u < r; u++) {
+                            var a = parseInt(t.substr(2 * u, 2), 16);
+                            D(!isNaN(a), "Invalid hex string"), e[n + u] = a;
+                          }
+
+                          return g._charsWritten = 2 * u, u;
+                        }(this, e, t, n);
+
+                        break;
+
+                      case "utf8":
+                      case "utf-8":
+                        c = this, l = e, d = t, h = n, i = g._charsWritten = T(C(l), c, d, h);
+                        break;
+
+                      case "ascii":
+                      case "binary":
+                        i = y(this, e, t, n);
+                        break;
+
+                      case "base64":
+                        u = this, a = e, s = t, f = n, i = g._charsWritten = T(k(a), u, s, f);
+                        break;
+
+                      case "ucs2":
+                      case "ucs-2":
+                      case "utf16le":
+                      case "utf-16le":
+                        i = w(this, e, t, n);
+                        break;
+
+                      default:
+                        throw new Error("Unknown encoding");
+                    }
+
+                    return i;
+                  }, g.prototype.toString = function (e, t, n) {
+                    var r,
+                        o,
+                        i,
+                        u,
+                        a = this;
+                    if (e = String(e || "utf8").toLowerCase(), t = Number(t) || 0, (n = void 0 !== n ? Number(n) : n = a.length) === t) return "";
+
+                    switch (e) {
+                      case "hex":
+                        r = function (e, t, n) {
+                          var r = e.length;
+                          (!t || t < 0) && (t = 0);
+                          (!n || n < 0 || r < n) && (n = r);
+
+                          for (var o = "", i = t; i < n; i++) {
+                            o += j(e[i]);
+                          }
+
+                          return o;
+                        }(a, t, n);
+
+                        break;
+
+                      case "utf8":
+                      case "utf-8":
+                        r = function (e, t, n) {
+                          var r = "",
+                              o = "";
+                          n = Math.min(e.length, n);
+
+                          for (var i = t; i < n; i++) {
+                            e[i] <= 127 ? (r += M(o) + String.fromCharCode(e[i]), o = "") : o += "%" + e[i].toString(16);
+                          }
+
+                          return r + M(o);
+                        }(a, t, n);
+
+                        break;
+
+                      case "ascii":
+                      case "binary":
+                        r = c(a, t, n);
+                        break;
+
+                      case "base64":
+                        o = a, u = n, r = 0 === (i = t) && u === o.length ? s.fromByteArray(o) : s.fromByteArray(o.slice(i, u));
+                        break;
+
+                      case "ucs2":
+                      case "ucs-2":
+                      case "utf16le":
+                      case "utf-16le":
+                        r = function (e, t, n) {
+                          for (var r = e.slice(t, n), o = "", i = 0; i < r.length; i += 2) {
+                            o += String.fromCharCode(r[i] + 256 * r[i + 1]);
+                          }
+
+                          return o;
+                        }(a, t, n);
+
+                        break;
+
+                      default:
+                        throw new Error("Unknown encoding");
+                    }
+
+                    return r;
+                  }, g.prototype.toJSON = function () {
+                    return {
+                      type: "Buffer",
+                      data: Array.prototype.slice.call(this._arr || this, 0)
+                    };
+                  }, g.prototype.copy = function (e, t, n, r) {
+                    if (n = n || 0, r || 0 === r || (r = this.length), t = t || 0, r !== n && 0 !== e.length && 0 !== this.length) {
+                      D(n <= r, "sourceEnd < sourceStart"), D(0 <= t && t < e.length, "targetStart out of bounds"), D(0 <= n && n < this.length, "sourceStart out of bounds"), D(0 <= r && r <= this.length, "sourceEnd out of bounds"), r > this.length && (r = this.length), e.length - t < r - n && (r = e.length - t + n);
+                      var o = r - n;
+                      if (o < 100 || !g._useTypedArrays) for (var i = 0; i < o; i++) {
+                        e[i + t] = this[i + n];
+                      } else e._set(this.subarray(n, n + o), t);
+                    }
+                  }, g.prototype.slice = function (e, t) {
+                    var n = this.length;
+                    if (e = U(e, n, 0), t = U(t, n, n), g._useTypedArrays) return g._augment(this.subarray(e, t));
+
+                    for (var r = t - e, o = new g(r, void 0, !0), i = 0; i < r; i++) {
+                      o[i] = this[i + e];
+                    }
+
+                    return o;
+                  }, g.prototype.get = function (e) {
+                    return console.log(".get() is deprecated. Access using array indexes instead."), this.readUInt8(e);
+                  }, g.prototype.set = function (e, t) {
+                    return console.log(".set() is deprecated. Access using array indexes instead."), this.writeUInt8(e, t);
+                  }, g.prototype.readUInt8 = function (e, t) {
+                    if (t || (D(null != e, "missing offset"), D(e < this.length, "Trying to read beyond buffer length")), !(e >= this.length)) return this[e];
+                  }, g.prototype.readUInt16LE = function (e, t) {
+                    return l(this, e, !0, t);
+                  }, g.prototype.readUInt16BE = function (e, t) {
+                    return l(this, e, !1, t);
+                  }, g.prototype.readUInt32LE = function (e, t) {
+                    return d(this, e, !0, t);
+                  }, g.prototype.readUInt32BE = function (e, t) {
+                    return d(this, e, !1, t);
+                  }, g.prototype.readInt8 = function (e, t) {
+                    if (t || (D(null != e, "missing offset"), D(e < this.length, "Trying to read beyond buffer length")), !(e >= this.length)) return 128 & this[e] ? -1 * (255 - this[e] + 1) : this[e];
+                  }, g.prototype.readInt16LE = function (e, t) {
+                    return h(this, e, !0, t);
+                  }, g.prototype.readInt16BE = function (e, t) {
+                    return h(this, e, !1, t);
+                  }, g.prototype.readInt32LE = function (e, t) {
+                    return p(this, e, !0, t);
+                  }, g.prototype.readInt32BE = function (e, t) {
+                    return p(this, e, !1, t);
+                  }, g.prototype.readFloatLE = function (e, t) {
+                    return b(this, e, !0, t);
+                  }, g.prototype.readFloatBE = function (e, t) {
+                    return b(this, e, !1, t);
+                  }, g.prototype.readDoubleLE = function (e, t) {
+                    return m(this, e, !0, t);
+                  }, g.prototype.readDoubleBE = function (e, t) {
+                    return m(this, e, !1, t);
+                  }, g.prototype.writeUInt8 = function (e, t, n) {
+                    n || (D(null != e, "missing value"), D(null != t, "missing offset"), D(t < this.length, "trying to write beyond buffer length"), N(e, 255)), t >= this.length || (this[t] = e);
+                  }, g.prototype.writeUInt16LE = function (e, t, n) {
+                    v(this, e, t, !0, n);
+                  }, g.prototype.writeUInt16BE = function (e, t, n) {
+                    v(this, e, t, !1, n);
+                  }, g.prototype.writeUInt32LE = function (e, t, n) {
+                    _(this, e, t, !0, n);
+                  }, g.prototype.writeUInt32BE = function (e, t, n) {
+                    _(this, e, t, !1, n);
+                  }, g.prototype.writeInt8 = function (e, t, n) {
+                    n || (D(null != e, "missing value"), D(null != t, "missing offset"), D(t < this.length, "Trying to write beyond buffer length"), Y(e, 127, -128)), t >= this.length || (0 <= e ? this.writeUInt8(e, t, n) : this.writeUInt8(255 + e + 1, t, n));
+                  }, g.prototype.writeInt16LE = function (e, t, n) {
+                    E(this, e, t, !0, n);
+                  }, g.prototype.writeInt16BE = function (e, t, n) {
+                    E(this, e, t, !1, n);
+                  }, g.prototype.writeInt32LE = function (e, t, n) {
+                    I(this, e, t, !0, n);
+                  }, g.prototype.writeInt32BE = function (e, t, n) {
+                    I(this, e, t, !1, n);
+                  }, g.prototype.writeFloatLE = function (e, t, n) {
+                    A(this, e, t, !0, n);
+                  }, g.prototype.writeFloatBE = function (e, t, n) {
+                    A(this, e, t, !1, n);
+                  }, g.prototype.writeDoubleLE = function (e, t, n) {
+                    B(this, e, t, !0, n);
+                  }, g.prototype.writeDoubleBE = function (e, t, n) {
+                    B(this, e, t, !1, n);
+                  }, g.prototype.fill = function (e, t, n) {
+                    if (e = e || 0, t = t || 0, n = n || this.length, "string" == typeof e && (e = e.charCodeAt(0)), D("number" == typeof e && !isNaN(e), "value is not a number"), D(t <= n, "end < start"), n !== t && 0 !== this.length) {
+                      D(0 <= t && t < this.length, "start out of bounds"), D(0 <= n && n <= this.length, "end out of bounds");
+
+                      for (var r = t; r < n; r++) {
+                        this[r] = e;
+                      }
+                    }
+                  }, g.prototype.inspect = function () {
+                    for (var e = [], t = this.length, n = 0; n < t; n++) {
+                      if (e[n] = j(this[n]), n === H.INSPECT_MAX_BYTES) {
+                        e[n + 1] = "...";
+                        break;
+                      }
+                    }
+
+                    return "<Buffer " + e.join(" ") + ">";
+                  }, g.prototype.toArrayBuffer = function () {
+                    if ("undefined" == typeof Uint8Array) throw new Error("Buffer.toArrayBuffer not supported in this browser");
+                    if (g._useTypedArrays) return new g(this).buffer;
+
+                    for (var e = new Uint8Array(this.length), t = 0, n = e.length; t < n; t += 1) {
+                      e[t] = this[t];
+                    }
+
+                    return e.buffer;
+                  };
+                  var L = g.prototype;
+
+                  function U(e, t, n) {
+                    return "number" != typeof e ? n : t <= (e = ~~e) ? t : 0 <= e || 0 <= (e += t) ? e : 0;
+                  }
+
+                  function x(e) {
+                    return (e = ~~Math.ceil(+e)) < 0 ? 0 : e;
+                  }
+
+                  function S(e) {
+                    return (Array.isArray || function (e) {
+                      return "[object Array]" === Object.prototype.toString.call(e);
+                    })(e);
+                  }
+
+                  function j(e) {
+                    return e < 16 ? "0" + e.toString(16) : e.toString(16);
+                  }
+
+                  function C(e) {
+                    for (var t = [], n = 0; n < e.length; n++) {
+                      var r = e.charCodeAt(n);
+                      if (r <= 127) t.push(e.charCodeAt(n));else {
+                        var o = n;
+                        55296 <= r && r <= 57343 && n++;
 
-          return _super78.call(this);
-        }
+                        for (var i = encodeURIComponent(e.slice(o, n + 1)).substr(1).split("%"), u = 0; u < i.length; u++) {
+                          t.push(parseInt(i[u], 16));
+                        }
+                      }
+                    }
 
-        _createClass(WebXRElement, [{
-          key: "permissions",
-          get: function get() {
-            return ["camera", "autoplay", "xr-spatial-tracking"];
-          }
-        }, {
-          key: "elementType",
-          get: function get() {
-            return "webxr";
-          }
-        }]);
+                    return t;
+                  }
 
-        return WebXRElement;
-      }(BaseElement);
+                  function k(e) {
+                    return s.toByteArray(e);
+                  }
 
-      module.exports = WebXRElement;
-    }, {
-      "./base/base-element.js": 104
-    }],
-    116: [function (require, module, exports) {
-      "use strict";
+                  function T(e, t, n, r) {
+                    for (var o = 0; o < r && !(o + n >= t.length || o >= e.length); o++) {
+                      t[o + n] = e[o];
+                    }
 
-      var WebXRElement = require("./elements/webxr-element.js");
+                    return o;
+                  }
 
-      var ViewerElement = require("./elements/viewer-element.js");
+                  function M(e) {
+                    try {
+                      return decodeURIComponent(e);
+                    } catch (e) {
+                      return String.fromCharCode(65533);
+                    }
+                  }
 
-      var ProductElement = require("./elements/product-element.js");
+                  function N(e, t) {
+                    D("number" == typeof e, "cannot write a non-number as a number"), D(0 <= e, "specified a negative value for writing an unsigned value"), D(e <= t, "value is larger than maximum value for type"), D(Math.floor(e) === e, "value has a fractional component");
+                  }
 
-      var EWallElement = require("./elements/ewall-element.js");
+                  function Y(e, t, n) {
+                    D("number" == typeof e, "cannot write a non-number as a number"), D(e <= t, "value larger than maximum allowed value"), D(n <= e, "value smaller than minimum allowed value"), D(Math.floor(e) === e, "value has a fractional component");
+                  }
 
-      var FaceARElement = require("./elements/facear-element.js");
+                  function F(e, t, n) {
+                    D("number" == typeof e, "cannot write a non-number as a number"), D(e <= t, "value larger than maximum allowed value"), D(n <= e, "value smaller than minimum allowed value");
+                  }
 
-      var EditorElement = require("./elements/editor-element.js");
+                  function D(e, t) {
+                    if (!e) throw new Error(t || "Failed assertion");
+                  }
 
-      var StudioElement = require("./elements/studio-element.js");
+                  g._augment = function (e) {
+                    return e._isBuffer = !0, e._get = e.get, e._set = e.set, e.get = L.get, e.set = L.set, e.write = L.write, e.toString = L.toString, e.toLocaleString = L.toString, e.toJSON = L.toJSON, e.copy = L.copy, e.slice = L.slice, e.readUInt8 = L.readUInt8, e.readUInt16LE = L.readUInt16LE, e.readUInt16BE = L.readUInt16BE, e.readUInt32LE = L.readUInt32LE, e.readUInt32BE = L.readUInt32BE, e.readInt8 = L.readInt8, e.readInt16LE = L.readInt16LE, e.readInt16BE = L.readInt16BE, e.readInt32LE = L.readInt32LE, e.readInt32BE = L.readInt32BE, e.readFloatLE = L.readFloatLE, e.readFloatBE = L.readFloatBE, e.readDoubleLE = L.readDoubleLE, e.readDoubleBE = L.readDoubleBE, e.writeUInt8 = L.writeUInt8, e.writeUInt16LE = L.writeUInt16LE, e.writeUInt16BE = L.writeUInt16BE, e.writeUInt32LE = L.writeUInt32LE, e.writeUInt32BE = L.writeUInt32BE, e.writeInt8 = L.writeInt8, e.writeInt16LE = L.writeInt16LE, e.writeInt16BE = L.writeInt16BE, e.writeInt32LE = L.writeInt32LE, e.writeInt32BE = L.writeInt32BE, e.writeFloatLE = L.writeFloatLE, e.writeFloatBE = L.writeFloatBE, e.writeDoubleLE = L.writeDoubleLE, e.writeDoubleBE = L.writeDoubleBE, e.fill = L.fill, e.inspect = L.inspect, e.toArrayBuffer = L.toArrayBuffer, e;
+                  };
+                }).call(this, O("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, O("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/buffer/index.js", "/node_modules/gulp-browserify/node_modules/buffer");
+              }, {
+                "base64-js": 2,
+                buffer: 3,
+                ieee754: 11,
+                lYpoI2: 10
+              }],
+              4: [function (l, d, e) {
+                (function (e, t, u, n, r, o, i, a, s) {
+                  var u = l("buffer").Buffer,
+                      f = 4,
+                      c = new u(f);
+                  c.fill(0);
+                  d.exports = {
+                    hash: function hash(e, t, n, r) {
+                      return u.isBuffer(e) || (e = new u(e)), function (e, t, n) {
+                        for (var r = new u(t), o = n ? r.writeInt32BE : r.writeInt32LE, i = 0; i < e.length; i++) {
+                          o.call(r, e[i], 4 * i, !0);
+                        }
 
-      var ModelElement = require("./elements/model-element.js");
+                        return r;
+                      }(t(function (e, t) {
+                        var n;
+                        e.length % f != 0 && (n = e.length + (f - e.length % f), e = u.concat([e, c], n));
 
-      var ConfiguratorElement = require("./elements/configurator-element.js");
+                        for (var r = [], o = t ? e.readInt32BE : e.readInt32LE, i = 0; i < e.length; i += f) {
+                          r.push(o.call(e, i));
+                        }
 
-      var Version = require("./version");
+                        return r;
+                      }(e, r), 8 * e.length), n, r);
+                    }
+                  };
+                }).call(this, l("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, l("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/crypto-browserify/helpers.js", "/node_modules/gulp-browserify/node_modules/crypto-browserify");
+              }, {
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              5: [function (w, e, b) {
+                (function (e, t, a, n, r, o, i, u, s) {
+                  var a = w("buffer").Buffer,
+                      f = w("./sha"),
+                      c = w("./sha256"),
+                      l = w("./rng"),
+                      d = {
+                    sha1: f,
+                    sha256: c,
+                    md5: w("./md5")
+                  },
+                      h = 64,
+                      p = new a(h);
+
+                  function g(e, r) {
+                    var o = d[e = e || "sha1"],
+                        i = [];
+                    return o || y("algorithm:", e, "is not yet supported"), {
+                      update: function update(e) {
+                        return a.isBuffer(e) || (e = new a(e)), i.push(e), e.length, this;
+                      },
+                      digest: function digest(e) {
+                        var t = a.concat(i),
+                            n = r ? function (e, t, n) {
+                          a.isBuffer(t) || (t = new a(t)), a.isBuffer(n) || (n = new a(n)), t.length > h ? t = e(t) : t.length < h && (t = a.concat([t, p], h));
 
-      if (customElements.get("plattar-webxr") === undefined) {
-        customElements.define("plattar-webxr", WebXRElement);
-      }
+                          for (var r = new a(h), o = new a(h), i = 0; i < h; i++) {
+                            r[i] = 54 ^ t[i], o[i] = 92 ^ t[i];
+                          }
 
-      if (customElements.get("plattar-viewer") === undefined) {
-        customElements.define("plattar-viewer", ViewerElement);
-      }
+                          var u = e(a.concat([r, n]));
+                          return e(a.concat([o, u]));
+                        }(o, r, t) : o(t);
+                        return i = null, e ? n.toString(e) : n;
+                      }
+                    };
+                  }
 
-      if (customElements.get("plattar-product") === undefined) {
-        customElements.define("plattar-product", ProductElement);
-      }
+                  function y() {
+                    var e = [].slice.call(arguments).join(" ");
+                    throw new Error([e, "we accept pull requests", "http://github.com/dominictarr/crypto-browserify"].join("\n"));
+                  }
 
-      if (customElements.get("plattar-editor") === undefined) {
-        customElements.define("plattar-editor", EditorElement);
-      }
+                  p.fill(0), b.createHash = function (e) {
+                    return g(e);
+                  }, b.createHmac = g, b.randomBytes = function (e, t) {
+                    if (!t || !t.call) return new a(l(e));
 
-      if (customElements.get("plattar-facear") === undefined) {
-        customElements.define("plattar-facear", FaceARElement);
-      }
+                    try {
+                      t.call(this, void 0, new a(l(e)));
+                    } catch (e) {
+                      t(e);
+                    }
+                  }, function (e, t) {
+                    for (var n in e) {
+                      t(e[n], n);
+                    }
+                  }(["createCredentials", "createCipher", "createCipheriv", "createDecipher", "createDecipheriv", "createSign", "createVerify", "createDiffieHellman", "pbkdf2"], function (e) {
+                    b[e] = function () {
+                      y("sorry,", e, "is not implemented yet");
+                    };
+                  });
+                }).call(this, w("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, w("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/crypto-browserify/index.js", "/node_modules/gulp-browserify/node_modules/crypto-browserify");
+              }, {
+                "./md5": 6,
+                "./rng": 7,
+                "./sha": 8,
+                "./sha256": 9,
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              6: [function (w, b, e) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  var f = w("./helpers");
+
+                  function c(e, t) {
+                    e[t >> 5] |= 128 << t % 32, e[14 + (t + 64 >>> 9 << 4)] = t;
+
+                    for (var n = 1732584193, r = -271733879, o = -1732584194, i = 271733878, u = 0; u < e.length; u += 16) {
+                      var a = n,
+                          s = r,
+                          f = o,
+                          c = i,
+                          n = d(n, r, o, i, e[u + 0], 7, -680876936),
+                          i = d(i, n, r, o, e[u + 1], 12, -389564586),
+                          o = d(o, i, n, r, e[u + 2], 17, 606105819),
+                          r = d(r, o, i, n, e[u + 3], 22, -1044525330);
+                      n = d(n, r, o, i, e[u + 4], 7, -176418897), i = d(i, n, r, o, e[u + 5], 12, 1200080426), o = d(o, i, n, r, e[u + 6], 17, -1473231341), r = d(r, o, i, n, e[u + 7], 22, -45705983), n = d(n, r, o, i, e[u + 8], 7, 1770035416), i = d(i, n, r, o, e[u + 9], 12, -1958414417), o = d(o, i, n, r, e[u + 10], 17, -42063), r = d(r, o, i, n, e[u + 11], 22, -1990404162), n = d(n, r, o, i, e[u + 12], 7, 1804603682), i = d(i, n, r, o, e[u + 13], 12, -40341101), o = d(o, i, n, r, e[u + 14], 17, -1502002290), n = h(n, r = d(r, o, i, n, e[u + 15], 22, 1236535329), o, i, e[u + 1], 5, -165796510), i = h(i, n, r, o, e[u + 6], 9, -1069501632), o = h(o, i, n, r, e[u + 11], 14, 643717713), r = h(r, o, i, n, e[u + 0], 20, -373897302), n = h(n, r, o, i, e[u + 5], 5, -701558691), i = h(i, n, r, o, e[u + 10], 9, 38016083), o = h(o, i, n, r, e[u + 15], 14, -660478335), r = h(r, o, i, n, e[u + 4], 20, -405537848), n = h(n, r, o, i, e[u + 9], 5, 568446438), i = h(i, n, r, o, e[u + 14], 9, -1019803690), o = h(o, i, n, r, e[u + 3], 14, -187363961), r = h(r, o, i, n, e[u + 8], 20, 1163531501), n = h(n, r, o, i, e[u + 13], 5, -1444681467), i = h(i, n, r, o, e[u + 2], 9, -51403784), o = h(o, i, n, r, e[u + 7], 14, 1735328473), n = p(n, r = h(r, o, i, n, e[u + 12], 20, -1926607734), o, i, e[u + 5], 4, -378558), i = p(i, n, r, o, e[u + 8], 11, -2022574463), o = p(o, i, n, r, e[u + 11], 16, 1839030562), r = p(r, o, i, n, e[u + 14], 23, -35309556), n = p(n, r, o, i, e[u + 1], 4, -1530992060), i = p(i, n, r, o, e[u + 4], 11, 1272893353), o = p(o, i, n, r, e[u + 7], 16, -155497632), r = p(r, o, i, n, e[u + 10], 23, -1094730640), n = p(n, r, o, i, e[u + 13], 4, 681279174), i = p(i, n, r, o, e[u + 0], 11, -358537222), o = p(o, i, n, r, e[u + 3], 16, -722521979), r = p(r, o, i, n, e[u + 6], 23, 76029189), n = p(n, r, o, i, e[u + 9], 4, -640364487), i = p(i, n, r, o, e[u + 12], 11, -421815835), o = p(o, i, n, r, e[u + 15], 16, 530742520), n = g(n, r = p(r, o, i, n, e[u + 2], 23, -995338651), o, i, e[u + 0], 6, -198630844), i = g(i, n, r, o, e[u + 7], 10, 1126891415), o = g(o, i, n, r, e[u + 14], 15, -1416354905), r = g(r, o, i, n, e[u + 5], 21, -57434055), n = g(n, r, o, i, e[u + 12], 6, 1700485571), i = g(i, n, r, o, e[u + 3], 10, -1894986606), o = g(o, i, n, r, e[u + 10], 15, -1051523), r = g(r, o, i, n, e[u + 1], 21, -2054922799), n = g(n, r, o, i, e[u + 8], 6, 1873313359), i = g(i, n, r, o, e[u + 15], 10, -30611744), o = g(o, i, n, r, e[u + 6], 15, -1560198380), r = g(r, o, i, n, e[u + 13], 21, 1309151649), n = g(n, r, o, i, e[u + 4], 6, -145523070), i = g(i, n, r, o, e[u + 11], 10, -1120210379), o = g(o, i, n, r, e[u + 2], 15, 718787259), r = g(r, o, i, n, e[u + 9], 21, -343485551), n = y(n, a), r = y(r, s), o = y(o, f), i = y(i, c);
+                    }
 
-      if (customElements.get("plattar-8wall") === undefined) {
-        customElements.define("plattar-8wall", EWallElement);
-      }
+                    return Array(n, r, o, i);
+                  }
 
-      if (customElements.get("plattar-studio") === undefined) {
-        customElements.define("plattar-studio", StudioElement);
-      }
+                  function l(e, t, n, r, o, i) {
+                    return y((u = y(y(t, e), y(r, i))) << (a = o) | u >>> 32 - a, n);
+                    var u, a;
+                  }
 
-      if (customElements.get("plattar-model") === undefined) {
-        customElements.define("plattar-model", ModelElement);
-      }
+                  function d(e, t, n, r, o, i, u) {
+                    return l(t & n | ~t & r, e, t, o, i, u);
+                  }
 
-      if (customElements.get("plattar-configurator") === undefined) {
-        customElements.define("plattar-configurator", ConfiguratorElement);
-      }
+                  function h(e, t, n, r, o, i, u) {
+                    return l(t & r | n & ~r, e, t, o, i, u);
+                  }
 
-      console.log("using @plattar/plattar-web v" + Version);
-      module.exports = {
-        version: Version
-      };
-    }, {
-      "./elements/configurator-element.js": 105,
-      "./elements/editor-element.js": 108,
-      "./elements/ewall-element.js": 109,
-      "./elements/facear-element.js": 110,
-      "./elements/model-element.js": 111,
-      "./elements/product-element.js": 112,
-      "./elements/studio-element.js": 113,
-      "./elements/viewer-element.js": 114,
-      "./elements/webxr-element.js": 115,
-      "./version": 118
-    }],
-    117: [function (require, module, exports) {
-      var Util = /*#__PURE__*/function () {
-        function Util() {
-          _classCallCheck(this, Util);
-        }
+                  function p(e, t, n, r, o, i, u) {
+                    return l(t ^ n ^ r, e, t, o, i, u);
+                  }
 
-        _createClass(Util, null, [{
-          key: "getServerLocation",
-          value: function getServerLocation(server) {
-            switch (server) {
-              case "production":
-                return "https://app.plattar.com/renderer/";
+                  function g(e, t, n, r, o, i, u) {
+                    return l(n ^ (t | ~r), e, t, o, i, u);
+                  }
 
-              case "staging":
-                return "https://staging.plattar.space/renderer/";
+                  function y(e, t) {
+                    var n = (65535 & e) + (65535 & t);
+                    return (e >> 16) + (t >> 16) + (n >> 16) << 16 | 65535 & n;
+                  }
 
-              case "dev":
-                return "https://localhost/renderer/";
+                  b.exports = function (e) {
+                    return f.hash(e, c, 16);
+                  };
+                }).call(this, w("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, w("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/crypto-browserify/md5.js", "/node_modules/gulp-browserify/node_modules/crypto-browserify");
+              }, {
+                "./helpers": 4,
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              7: [function (e, l, t) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  var f, c;
+                  c = function c(e) {
+                    for (var t, n = new Array(e), r = 0; r < e; r++) {
+                      0 == (3 & r) && (t = 4294967296 * Math.random()), n[r] = t >>> ((3 & r) << 3) & 255;
+                    }
 
-              default:
-                return undefined;
-            }
-          }
-        }, {
-          key: "getElementLocation",
-          value: function getElementLocation(etype) {
-            var isValid = Util.isValidType(etype);
+                    return n;
+                  }, l.exports = f || c;
+                }).call(this, e("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, e("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/crypto-browserify/rng.js", "/node_modules/gulp-browserify/node_modules/crypto-browserify");
+              }, {
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              8: [function (l, d, e) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  var f = l("./helpers");
+
+                  function c(e, t) {
+                    e[t >> 5] |= 128 << 24 - t % 32, e[15 + (t + 64 >> 9 << 4)] = t;
+
+                    for (var n, r, o, i, u, a = Array(80), s = 1732584193, f = -271733879, c = -1732584194, l = 271733878, d = -1009589776, h = 0; h < e.length; h += 16) {
+                      for (var p = s, g = f, y = c, w = l, b = d, m = 0; m < 80; m++) {
+                        a[m] = m < 16 ? e[h + m] : E(a[m - 3] ^ a[m - 8] ^ a[m - 14] ^ a[m - 16], 1);
+
+                        var v = _(_(E(s, 5), (o = f, i = c, u = l, (r = m) < 20 ? o & i | ~o & u : !(r < 40) && r < 60 ? o & i | o & u | i & u : o ^ i ^ u)), _(_(d, a[m]), (n = m) < 20 ? 1518500249 : n < 40 ? 1859775393 : n < 60 ? -1894007588 : -899497514)),
+                            d = l,
+                            l = c,
+                            c = E(f, 30),
+                            f = s,
+                            s = v;
+                      }
 
-            if (isValid) {
-              return etype + ".html";
-            }
+                      s = _(s, p), f = _(f, g), c = _(c, y), l = _(l, w), d = _(d, b);
+                    }
 
-            return undefined;
-          }
-        }, {
-          key: "getElementBundleLocation",
-          value: function getElementBundleLocation(etype, server) {
-            var location = Util.getServerLocation(server);
+                    return Array(s, f, c, l, d);
+                  }
 
-            if (!location) {
-              return undefined;
-            }
+                  function _(e, t) {
+                    var n = (65535 & e) + (65535 & t);
+                    return (e >> 16) + (t >> 16) + (n >> 16) << 16 | 65535 & n;
+                  }
 
-            var isValid = Util.isValidType(etype);
+                  function E(e, t) {
+                    return e << t | e >>> 32 - t;
+                  }
 
-            if (isValid) {
-              var isMinified = location === "dev" ? false : true;
-              return isMinified ? etype + "-bundle.min.js" : etype + "-bundle.js";
-            }
+                  d.exports = function (e) {
+                    return f.hash(e, c, 20, !0);
+                  };
+                }).call(this, l("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, l("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/crypto-browserify/sha.js", "/node_modules/gulp-browserify/node_modules/crypto-browserify");
+              }, {
+                "./helpers": 4,
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              9: [function (l, d, e) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  function B(e, t) {
+                    var n = (65535 & e) + (65535 & t);
+                    return (e >> 16) + (t >> 16) + (n >> 16) << 16 | 65535 & n;
+                  }
 
-            return undefined;
-          }
-        }, {
-          key: "isValidType",
-          value: function isValidType(etype) {
-            switch (etype) {
-              case "viewer":
-              case "editor":
-              case "ewall":
-              case "facear":
-              case "studio":
-              case "product":
-              case "model":
-              case "configurator":
-              case "webxr":
-                return true;
+                  function L(e, t) {
+                    return e >>> t | e << 32 - t;
+                  }
 
-              default:
-                return false;
-            }
-          }
-        }, {
-          key: "id",
-          value: function id() {
-            return Math.abs(Math.floor(Math.random() * 10000000000000));
-          }
-        }, {
-          key: "getPermissionString",
-          value: function getPermissionString(permissions) {
-            if (permissions && permissions.length > 0) {
-              var permissionString = permissions[0];
+                  function f(e, t) {
+                    var n,
+                        r,
+                        o,
+                        i,
+                        u,
+                        a,
+                        s,
+                        f,
+                        c,
+                        l,
+                        d = new Array(1116352408, 1899447441, 3049323471, 3921009573, 961987163, 1508970993, 2453635748, 2870763221, 3624381080, 310598401, 607225278, 1426881987, 1925078388, 2162078206, 2614888103, 3248222580, 3835390401, 4022224774, 264347078, 604807628, 770255983, 1249150122, 1555081692, 1996064986, 2554220882, 2821834349, 2952996808, 3210313671, 3336571891, 3584528711, 113926993, 338241895, 666307205, 773529912, 1294757372, 1396182291, 1695183700, 1986661051, 2177026350, 2456956037, 2730485921, 2820302411, 3259730800, 3345764771, 3516065817, 3600352804, 4094571909, 275423344, 430227734, 506948616, 659060556, 883997877, 958139571, 1322822218, 1537002063, 1747873779, 1955562222, 2024104815, 2227730452, 2361852424, 2428436474, 2756734187, 3204031479, 3329325298),
+                        h = new Array(1779033703, 3144134277, 1013904242, 2773480762, 1359893119, 2600822924, 528734635, 1541459225),
+                        p = new Array(64);
+                    e[t >> 5] |= 128 << 24 - t % 32, e[15 + (t + 64 >> 9 << 4)] = t;
 
-              for (var i = 1; i < permissions.length; i++) {
-                permissionString += "; " + permissions[i];
-              }
+                    for (var g, y, w, b, m, v, _, E, I = 0; I < e.length; I += 16) {
+                      n = h[0], r = h[1], o = h[2], i = h[3], u = h[4], a = h[5], s = h[6], f = h[7];
 
-              return permissionString;
-            }
+                      for (var A = 0; A < 64; A++) {
+                        p[A] = A < 16 ? e[A + I] : B(B(B((E = p[A - 2], L(E, 17) ^ L(E, 19) ^ E >>> 10), p[A - 7]), (_ = p[A - 15], L(_, 7) ^ L(_, 18) ^ _ >>> 3)), p[A - 16]), c = B(B(B(B(f, L(v = u, 6) ^ L(v, 11) ^ L(v, 25)), (m = u) & a ^ ~m & s), d[A]), p[A]), l = B(L(b = n, 2) ^ L(b, 13) ^ L(b, 22), (g = n) & (y = r) ^ g & (w = o) ^ y & w), f = s, s = a, a = u, u = B(i, c), i = o, o = r, r = n, n = B(c, l);
+                      }
 
-            return undefined;
-          }
-        }]);
+                      h[0] = B(n, h[0]), h[1] = B(r, h[1]), h[2] = B(o, h[2]), h[3] = B(i, h[3]), h[4] = B(u, h[4]), h[5] = B(a, h[5]), h[6] = B(s, h[6]), h[7] = B(f, h[7]);
+                    }
 
-        return Util;
-      }();
+                    return h;
+                  }
 
-      module.exports = Util;
-    }, {}],
-    118: [function (require, module, exports) {
-      module.exports = "1.122.3";
-    }, {}],
-    119: [function (require, module, exports) {
-      (function (global) {
-        (function () {
-          "use strict"; // ref: https://github.com/tc39/proposal-global
+                  var c = l("./helpers");
 
-          var getGlobal = function getGlobal() {
-            // the only reliable means to get the global object is
-            // `Function('return this')()`
-            // However, this causes CSP violations in Chrome apps.
-            if (typeof self !== 'undefined') {
-              return self;
-            }
+                  d.exports = function (e) {
+                    return c.hash(e, f, 32, !0);
+                  };
+                }).call(this, l("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, l("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/crypto-browserify/sha256.js", "/node_modules/gulp-browserify/node_modules/crypto-browserify");
+              }, {
+                "./helpers": 4,
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              10: [function (e, c, t) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  function f() {}
+
+                  (e = c.exports = {}).nextTick = function () {
+                    var e = "undefined" != typeof window && window.setImmediate,
+                        t = "undefined" != typeof window && window.postMessage && window.addEventListener;
+                    if (e) return function (e) {
+                      return window.setImmediate(e);
+                    };
 
-            if (typeof window !== 'undefined') {
-              return window;
-            }
+                    if (t) {
+                      var n = [];
+                      return window.addEventListener("message", function (e) {
+                        var t = e.source;
+                        t !== window && null !== t || "process-tick" !== e.data || (e.stopPropagation(), 0 < n.length && n.shift()());
+                      }, !0), function (e) {
+                        n.push(e), window.postMessage("process-tick", "*");
+                      };
+                    }
 
-            if (typeof global !== 'undefined') {
-              return global;
-            }
+                    return function (e) {
+                      setTimeout(e, 0);
+                    };
+                  }(), e.title = "browser", e.browser = !0, e.env = {}, e.argv = [], e.on = f, e.addListener = f, e.once = f, e.off = f, e.removeListener = f, e.removeAllListeners = f, e.emit = f, e.binding = function (e) {
+                    throw new Error("process.binding is not supported");
+                  }, e.cwd = function () {
+                    return "/";
+                  }, e.chdir = function (e) {
+                    throw new Error("process.chdir is not supported");
+                  };
+                }).call(this, e("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, e("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/gulp-browserify/node_modules/process/browser.js", "/node_modules/gulp-browserify/node_modules/process");
+              }, {
+                buffer: 3,
+                lYpoI2: 10
+              }],
+              11: [function (e, t, f) {
+                (function (e, t, n, r, o, i, u, a, s) {
+                  f.read = function (e, t, n, r, o) {
+                    var i,
+                        u,
+                        a = 8 * o - r - 1,
+                        s = (1 << a) - 1,
+                        f = s >> 1,
+                        c = -7,
+                        l = n ? o - 1 : 0,
+                        d = n ? -1 : 1,
+                        h = e[t + l];
+
+                    for (l += d, i = h & (1 << -c) - 1, h >>= -c, c += a; 0 < c; i = 256 * i + e[t + l], l += d, c -= 8) {
+                      ;
+                    }
 
-            throw new Error('unable to locate global object');
-          };
+                    for (u = i & (1 << -c) - 1, i >>= -c, c += r; 0 < c; u = 256 * u + e[t + l], l += d, c -= 8) {
+                      ;
+                    }
 
-          var global = getGlobal();
-          module.exports = exports = global.fetch; // Needed for TypeScript and Webpack.
+                    if (0 === i) i = 1 - f;else {
+                      if (i === s) return u ? NaN : 1 / 0 * (h ? -1 : 1);
+                      u += Math.pow(2, r), i -= f;
+                    }
+                    return (h ? -1 : 1) * u * Math.pow(2, i - r);
+                  }, f.write = function (e, t, n, r, o, i) {
+                    var u,
+                        a,
+                        s,
+                        f = 8 * i - o - 1,
+                        c = (1 << f) - 1,
+                        l = c >> 1,
+                        d = 23 === o ? Math.pow(2, -24) - Math.pow(2, -77) : 0,
+                        h = r ? 0 : i - 1,
+                        p = r ? 1 : -1,
+                        g = t < 0 || 0 === t && 1 / t < 0 ? 1 : 0;
+
+                    for (t = Math.abs(t), isNaN(t) || t === 1 / 0 ? (a = isNaN(t) ? 1 : 0, u = c) : (u = Math.floor(Math.log(t) / Math.LN2), t * (s = Math.pow(2, -u)) < 1 && (u--, s *= 2), 2 <= (t += 1 <= u + l ? d / s : d * Math.pow(2, 1 - l)) * s && (u++, s /= 2), c <= u + l ? (a = 0, u = c) : 1 <= u + l ? (a = (t * s - 1) * Math.pow(2, o), u += l) : (a = t * Math.pow(2, l - 1) * Math.pow(2, o), u = 0)); 8 <= o; e[n + h] = 255 & a, h += p, a /= 256, o -= 8) {
+                      ;
+                    }
 
-          if (global.fetch) {
-            exports["default"] = global.fetch.bind(global);
-          }
+                    for (u = u << o | a, f += o; 0 < f; e[n + h] = 255 & u, h += p, u /= 256, f -= 8) {
+                      ;
+                    }
 
-          exports.Headers = global.Headers;
-          exports.Request = global.Request;
-          exports.Response = global.Response;
+                    e[n + h - p] |= 128 * g;
+                  };
+                }).call(this, e("lYpoI2"), "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}, e("buffer").Buffer, arguments[3], arguments[4], arguments[5], arguments[6], "/node_modules/ieee754/index.js", "/node_modules/ieee754");
+              }, {
+                buffer: 3,
+                lYpoI2: 10
+              }]
+            }, {}, [1])(1);
+          });
         }).call(this);
       }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
     }, {}],
-    120: [function (require, module, exports) {
+    126: [function (require, module, exports) {
       // shim for using process in browser
       var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it
       // don't break things.  But we need to wrap it in a try catch in case it is
@@ -8547,7 +10527,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         return 0;
       };
     }, {}],
-    121: [function (require, module, exports) {
+    127: [function (require, module, exports) {
       !function (t, e) {
         "object" == _typeof(exports) && "object" == _typeof(module) ? module.exports = e() : "function" == typeof define && define.amd ? define([], e) : "object" == _typeof(exports) ? exports.QRCodeStyling = e() : t.QRCodeStyling = e();
       }(self, function () {