@plattar/plattar-ar-adapter 1.128.1 → 1.130.2

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

@@ -120,6 +120,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var LauncherAR = /*#__PURE__*/function () {
         function LauncherAR() {
           _classCallCheck(this, LauncherAR);
+
+          this._opt = {
+            anchor: "horizontal_vertical"
+          };
         }
         /**
          * Initialise and launch with a single function call. this is mostly for convenience.
@@ -139,6 +143,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               })["catch"](reject);
             });
           }
+          /**
+           * AR Options used for launching AR
+           */
+
+        }, {
+          key: "options",
+          get: function get() {
+            return this._opt;
+          }
         }]);
 
         return LauncherAR;
@@ -272,8 +285,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
                 if (util_1.Util.canSceneViewer()) {
-                  _this3._ar = new scene_viewer_1["default"]();
-                  _this3._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  var arviewer = new scene_viewer_1["default"]();
+                  arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  arviewer.isVertical = _this3.options.anchor === "vertical" ? true : false;
+                  _this3._ar = arviewer;
                   return accept(_this3);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
                 // earlier in the process
@@ -516,8 +531,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
                 if (util_1.Util.canSceneViewer()) {
-                  _this5._ar = new scene_viewer_1["default"]();
-                  _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  var arviewer = new scene_viewer_1["default"]();
+                  arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  arviewer.isVertical = _this5.options.anchor === "vertical" ? true : false;
+                  var scene = product.relationships.find(plattar_api_1.Scene);
+
+                  if (scene) {
+                    var sceneOpt = scene.attributes.custom_json || {};
+
+                    if (sceneOpt.anchor === "vertical") {
+                      arviewer.isVertical = true;
+                    }
+                  }
+
+                  _this5._ar = arviewer;
                   return accept(_this5);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
                 // earlier in the process
@@ -687,8 +714,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               if (util_1.Util.canSceneViewer()) {
                 if (lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf")) {
-                  _this7._ar = new scene_viewer_1["default"]();
-                  _this7._ar.modelUrl = modelLocation;
+                  var arviewer = new scene_viewer_1["default"]();
+                  arviewer.modelUrl = modelLocation;
+                  arviewer.isVertical = _this7.options.anchor === "vertical" ? true : false;
+                  _this7._ar = arviewer;
                   return accept(_this7);
                 }
 
@@ -916,8 +945,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 if (util_1.Util.canSceneViewer()) {
                   return _this9._ComposeScene(scene, "glb").then(function (modelUrl) {
-                    _this9._ar = new scene_viewer_1["default"]();
-                    _this9._ar.modelUrl = modelUrl;
+                    var arviewer = new scene_viewer_1["default"]();
+                    arviewer.modelUrl = modelUrl;
+                    arviewer.isVertical = _this9.options.anchor === "vertical" ? true : false;
+
+                    if (sceneOpt.anchor === "vertical") {
+                      arviewer.isVertical = true;
+                    }
+
+                    _this9._ar = arviewer;
                     return accept(_this9);
                   })["catch"](reject);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
@@ -1106,15 +1142,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super6 = _createSuper(ConfiguratorController);
 
         function ConfiguratorController(parent) {
-          var _this12;
-
           _classCallCheck(this, ConfiguratorController);
 
-          _this12 = _super6.call(this, parent);
-          _this12._state = plattar_controller_1.ControllerState.None;
-          _this12._element = null;
-          _this12._prevQROpt = null;
-          return _this12;
+          return _super6.call(this, parent);
         }
 
         _createClass(ConfiguratorController, [{
@@ -1128,22 +1158,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this13 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this12 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this13.removeRenderer();
+              _this12.removeRenderer();
 
-              var sceneID = _this13.getAttribute("scene-id");
+              var sceneID = _this12.getAttribute("scene-id");
 
               if (sceneID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this13.getAttribute("width") || "500px";
-                var height = _this13.getAttribute("height") || "500px";
+                var width = _this12.getAttribute("width") || "500px";
+                var height = _this12.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1161,9 +1191,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID; // optional attributes
 
-                var configState = _this13.getAttribute("config-state");
+                var configState = _this12.getAttribute("config-state");
 
-                var showAR = _this13.getAttribute("show-ar");
+                var showAR = _this12.getAttribute("show-ar");
 
                 if (configState) {
                   dst += "&config_state=" + configState;
@@ -1179,11 +1209,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this13.append(viewer);
+                _this12.append(viewer);
 
-                _this13._element = viewer;
-                _this13._state = plattar_controller_1.ControllerState.QRCode;
-                _this13._prevQROpt = opt;
+                _this12._element = viewer;
+                _this12._state = plattar_controller_1.ControllerState.QRCode;
+                _this12._prevQROpt = opt;
                 return;
               }
 
@@ -1193,28 +1223,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this14 = this;
+            var _this13 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this14.removeRenderer();
+              _this13.removeRenderer();
 
-              var sceneID = _this14.getAttribute("scene-id");
+              var sceneID = _this13.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-configurator node
-                var width = _this14.getAttribute("width") || "500px";
-                var height = _this14.getAttribute("height") || "500px";
-                var server = _this14.getAttribute("server") || "production";
+                var width = _this13.getAttribute("width") || "500px";
+                var height = _this13.getAttribute("height") || "500px";
+                var server = _this13.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-configurator");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("scene-id", sceneID); // optional attributes
 
-                var configState = _this14.getAttribute("config-state");
+                var configState = _this13.getAttribute("config-state");
 
-                var showAR = _this14.getAttribute("show-ar");
+                var showAR = _this13.getAttribute("show-ar");
 
                 if (configState) {
                   viewer.setAttribute("config-state", configState);
@@ -1228,10 +1258,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this14.append(viewer);
+                _this13.append(viewer);
 
-                _this14._element = viewer;
-                _this14._state = plattar_controller_1.ControllerState.Renderer;
+                _this13._element = viewer;
+                _this13._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -1241,24 +1271,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this15 = this;
+            var _this14 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ConfiguratorController.initAR() - cannot proceed as AR not available in context"));
               }
 
-              var arMode = _this15.getAttribute("ar-mode") || "generated";
+              var arMode = _this14.getAttribute("ar-mode") || "generated";
 
               switch (arMode.toLowerCase()) {
                 case "inherited":
-                  _this15._InitARInherited(accept, reject);
+                  _this14._InitARInherited(accept, reject);
 
                   return;
 
                 case "generated":
                 default:
-                  _this15._InitARGenerated(accept, reject);
+                  _this14._InitARGenerated(accept, reject);
 
               }
             });
@@ -1414,6 +1444,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         value: true
       });
       exports.PlattarController = exports.ControllerState = void 0;
+
+      var plattar_api_1 = require("@plattar/plattar-api");
+
       var ControllerState;
 
       (function (ControllerState) {
@@ -1430,6 +1463,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         function PlattarController(parent) {
           _classCallCheck(this, PlattarController);
 
+          this._state = ControllerState.None;
+          this._element = null;
+          this._prevQROpt = null;
           this._parent = parent;
         }
         /**
@@ -1444,15 +1480,128 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
            * Initialise and start AR mode if available
            */
           function startAR() {
-            var _this16 = this;
+            var _this15 = this;
 
             return new Promise(function (accept, reject) {
-              _this16.initAR().then(function (launcher) {
+              _this15.initAR().then(function (launcher) {
                 launcher.start();
                 accept();
               })["catch"](reject);
             });
           }
+          /**
+           * Decide which QR Code to render according to the qr-type attribute
+           * @param options
+           * @returns
+           */
+
+        }, {
+          key: "startQRCode",
+          value: function startQRCode(options) {
+            var qrType = this.getAttribute("qr-type") || "viewer";
+
+            switch (qrType.toLowerCase()) {
+              case "ar":
+                return this.startARQRCode(options);
+
+              case "viewer":
+              default:
+                return this.startViewerQRCode(options);
+            }
+          }
+          /**
+           * Displays a QR Code that sends the user direct to AR
+           * @param options
+           * @returns
+           */
+
+        }, {
+          key: "startARQRCode",
+          value: function startARQRCode(options) {
+            var _this16 = this;
+
+            return new Promise(function (accept, reject) {
+              // remove the old renderer instance if any
+              _this16.removeRenderer();
+
+              var opt = options || PlattarController.DEFAULT_QR_OPTIONS;
+              var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
+
+              var width = _this16.getAttribute("width") || "500px";
+              var height = _this16.getAttribute("height") || "500px";
+              viewer.setAttribute("width", width);
+              viewer.setAttribute("height", height);
+
+              if (opt.color) {
+                viewer.setAttribute("color", opt.color);
+              }
+
+              if (opt.margin) {
+                viewer.setAttribute("margin", "" + opt.margin);
+              }
+
+              if (opt.qrType) {
+                viewer.setAttribute("qr-type", opt.qrType);
+              }
+
+              var qrOptions = btoa(JSON.stringify(opt));
+              var dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
+
+              var sceneID = _this16.getAttribute("scene-id");
+
+              var configState = _this16.getAttribute("config-state");
+
+              var embedType = _this16.getAttribute("embed-type");
+
+              var productID = _this16.getAttribute("product-id");
+
+              var sceneProductID = _this16.getAttribute("scene-product-id");
+
+              var variationID = _this16.getAttribute("variation-id");
+
+              var arMode = _this16.getAttribute("ar-mode");
+
+              if (configState) {
+                dst += "&config_state=" + configState;
+              }
+
+              if (embedType) {
+                dst += "&embed_type=" + embedType;
+              }
+
+              if (productID) {
+                dst += "&product_id=" + productID;
+              }
+
+              if (sceneProductID) {
+                dst += "&scene_product_id=" + sceneProductID;
+              }
+
+              if (variationID) {
+                dst += "&variation_id=" + variationID;
+              }
+
+              if (arMode) {
+                dst += "&ar_mode=" + arMode;
+              }
+
+              if (sceneID) {
+                dst += "&scene_id=" + sceneID;
+              }
+
+              viewer.setAttribute("url", opt.url || dst);
+
+              viewer.onload = function () {
+                return accept(viewer);
+              };
+
+              _this16._element = viewer;
+              _this16._state = ControllerState.QRCode;
+              _this16._prevQROpt = opt;
+
+              _this16.append(viewer);
+            });
+          }
           /**
            * Returns the Parent Instance
            */
@@ -1501,7 +1650,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       }();
 
       exports.PlattarController = PlattarController;
-    }, {}],
+    }, {
+      "@plattar/plattar-api": 42
+    }],
     9: [function (require, module, exports) {
       "use strict";
 
@@ -1528,15 +1679,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super7 = _createSuper(ProductController);
 
         function ProductController(parent) {
-          var _this17;
-
           _classCallCheck(this, ProductController);
 
-          _this17 = _super7.call(this, parent);
-          _this17._state = plattar_controller_1.ControllerState.None;
-          _this17._element = null;
-          _this17._prevQROpt = null;
-          return _this17;
+          return _super7.call(this, parent);
         }
 
         _createClass(ProductController, [{
@@ -1565,22 +1710,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this18 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this17 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this18.removeRenderer();
+              _this17.removeRenderer();
 
-              var productID = _this18.getAttribute("product-id");
+              var productID = _this17.getAttribute("product-id");
 
               if (productID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this18.getAttribute("width") || "500px";
-                var height = _this18.getAttribute("height") || "500px";
+                var width = _this17.getAttribute("width") || "500px";
+                var height = _this17.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1597,9 +1742,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 } // optional attributes
 
 
-                var variationID = _this18.getAttribute("variation-id");
+                var variationID = _this17.getAttribute("variation-id");
 
-                var showAR = _this18.getAttribute("show-ar");
+                var showAR = _this17.getAttribute("show-ar");
 
                 var dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + productID;
 
@@ -1617,11 +1762,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this18.append(viewer);
+                _this17.append(viewer);
 
-                _this18._element = viewer;
-                _this18._state = plattar_controller_1.ControllerState.QRCode;
-                _this18._prevQROpt = opt;
+                _this17._element = viewer;
+                _this17._state = plattar_controller_1.ControllerState.QRCode;
+                _this17._prevQROpt = opt;
                 return;
               }
 
@@ -1631,28 +1776,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this19 = this;
+            var _this18 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this19.removeRenderer();
+              _this18.removeRenderer();
 
-              var productID = _this19.getAttribute("product-id");
+              var productID = _this18.getAttribute("product-id");
 
               if (productID) {
                 // required attributes with defaults for plattar-product node
-                var width = _this19.getAttribute("width") || "500px";
-                var height = _this19.getAttribute("height") || "500px";
-                var server = _this19.getAttribute("server") || "production";
+                var width = _this18.getAttribute("width") || "500px";
+                var height = _this18.getAttribute("height") || "500px";
+                var server = _this18.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-product");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("product-id", productID); // optional attributes
 
-                var variationID = _this19.getAttribute("variation-id");
+                var variationID = _this18.getAttribute("variation-id");
 
-                var showAR = _this19.getAttribute("show-ar");
+                var showAR = _this18.getAttribute("show-ar");
 
                 if (variationID) {
                   viewer.setAttribute("variation-id", variationID);
@@ -1666,10 +1811,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this19.append(viewer);
+                _this18.append(viewer);
 
-                _this19._element = viewer;
-                _this19._state = plattar_controller_1.ControllerState.Renderer;
+                _this18._element = viewer;
+                _this18._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -1679,17 +1824,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this20 = this;
+            var _this19 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ProductController.initAR() - cannot proceed as AR not available in context"));
               }
 
-              var productID = _this20.getAttribute("product-id");
+              var productID = _this19.getAttribute("product-id");
 
               if (productID) {
-                var variationID = _this20.getAttribute("variation-id");
+                var variationID = _this19.getAttribute("variation-id");
 
                 var product = new product_ar_1.ProductAR(productID, variationID);
                 return product.init().then(accept)["catch"](reject);
@@ -1739,9 +1884,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var product_ar_1 = require("../../ar/product-ar");
 
-      var scene_product_ar_1 = require("../../ar/scene-product-ar");
+      var scene_ar_1 = require("../../ar/scene-ar");
 
-      var configurator_state_1 = require("../../util/configurator-state");
+      var scene_product_ar_1 = require("../../ar/scene-product-ar");
 
       var util_1 = require("../../util/util");
 
@@ -1757,15 +1902,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super8 = _createSuper(ViewerController);
 
         function ViewerController(parent) {
-          var _this21;
-
           _classCallCheck(this, ViewerController);
 
-          _this21 = _super8.call(this, parent);
-          _this21._state = plattar_controller_1.ControllerState.None;
-          _this21._element = null;
-          _this21._prevQROpt = null;
-          return _this21;
+          return _super8.call(this, parent);
         }
 
         _createClass(ViewerController, [{
@@ -1795,22 +1934,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this22 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this20 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this22.removeRenderer();
+              _this20.removeRenderer();
 
-              var sceneID = _this22.getAttribute("scene-id");
+              var sceneID = _this20.getAttribute("scene-id");
 
               if (sceneID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this22.getAttribute("width") || "500px";
-                var height = _this22.getAttribute("height") || "500px";
+                var width = _this20.getAttribute("width") || "500px";
+                var height = _this20.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1828,11 +1967,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var dst = plattar_api_1.Server.location().base + "renderer/viewer.html?scene_id=" + sceneID; // optional attributes
 
-                var productID = _this22.getAttribute("product-id") || _this22.getAttribute("scene-product-id");
+                var productID = _this20.getAttribute("product-id") || _this20.getAttribute("scene-product-id");
 
-                var variationID = _this22.getAttribute("variation-id");
+                var variationID = _this20.getAttribute("variation-id");
 
-                var showAR = _this22.getAttribute("show-ar");
+                var showAR = _this20.getAttribute("show-ar");
 
                 if (productID) {
                   dst += "&productId=" + productID;
@@ -1852,11 +1991,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this22.append(viewer);
+                _this20.append(viewer);
 
-                _this22._element = viewer;
-                _this22._state = plattar_controller_1.ControllerState.QRCode;
-                _this22._prevQROpt = opt;
+                _this20._element = viewer;
+                _this20._state = plattar_controller_1.ControllerState.QRCode;
+                _this20._prevQROpt = opt;
                 return;
               }
 
@@ -1866,30 +2005,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this23 = this;
+            var _this21 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this23.removeRenderer();
+              _this21.removeRenderer();
 
-              var sceneID = _this23.getAttribute("scene-id");
+              var sceneID = _this21.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-viewer node
-                var width = _this23.getAttribute("width") || "500px";
-                var height = _this23.getAttribute("height") || "500px";
-                var server = _this23.getAttribute("server") || "production";
+                var width = _this21.getAttribute("width") || "500px";
+                var height = _this21.getAttribute("height") || "500px";
+                var server = _this21.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-viewer");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("scene-id", sceneID); // optional attributes
 
-                var productID = _this23.getAttribute("product-id") || _this23.getAttribute("scene-product-id");
+                var productID = _this21.getAttribute("product-id") || _this21.getAttribute("scene-product-id");
 
-                var variationID = _this23.getAttribute("variation-id");
+                var variationID = _this21.getAttribute("variation-id");
 
-                var showAR = _this23.getAttribute("show-ar");
+                var showAR = _this21.getAttribute("show-ar");
 
                 if (productID) {
                   viewer.setAttribute("product-id", productID);
@@ -1907,10 +2046,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this23.append(viewer);
+                _this21.append(viewer);
 
-                _this23._element = viewer;
-                _this23._state = plattar_controller_1.ControllerState.Renderer;
+                _this21._element = viewer;
+                _this21._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -1920,48 +2059,41 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this24 = this;
+            var _this22 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ViewerController.initAR() - cannot proceed as AR not available in context"));
               }
 
-              var productID = _this24.getAttribute("product-id"); // use product-id if available
+              var productID = _this22.getAttribute("product-id"); // use product-id if available
 
 
               if (productID) {
-                var variationID = _this24.getAttribute("variation-id");
+                var variationID = _this22.getAttribute("variation-id");
 
                 var product = new product_ar_1.ProductAR(productID, variationID);
                 return product.init().then(accept)["catch"](reject);
               }
 
-              var sceneProductID = _this24.getAttribute("scene-product-id"); // use scene-product-id if available
+              var sceneProductID = _this22.getAttribute("scene-product-id"); // use scene-product-id if available
 
 
               if (sceneProductID) {
-                var _variationID = _this24.getAttribute("variation-id");
+                var _variationID = _this22.getAttribute("variation-id");
 
                 var _product = new scene_product_ar_1.SceneProductAR(sceneProductID, _variationID);
 
                 return _product.init().then(accept)["catch"](reject);
               }
 
-              var sceneID = _this24.getAttribute("scene-id"); // use the first default product-variation id if available
+              var sceneID = _this22.getAttribute("scene-id"); // fallback to using default SceneAR implementation
 
 
               if (sceneID) {
-                return configurator_state_1.ConfiguratorState.decodeScene(sceneID).then(function (state) {
-                  var first = state.first();
-
-                  if (first) {
-                    var sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
-                    return sceneProductAR.init().then(accept)["catch"](reject);
-                  }
-
-                  return reject(new Error("ViewerController.initAR() - your scene does not contain any valid products"));
-                })["catch"](reject);
+                var sceneAR = new scene_ar_1.SceneAR(sceneID);
+                sceneAR.init().then(accept)["catch"](reject);
+                return;
               }
 
               return reject(new Error("ViewerController.initAR() - minimum required attributes not set, use scene-id as a minimum"));
@@ -1992,8 +2124,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports.ViewerController = ViewerController;
     }, {
       "../../ar/product-ar": 3,
+      "../../ar/scene-ar": 5,
       "../../ar/scene-product-ar": 6,
-      "../../util/configurator-state": 14,
       "../../util/util": 15,
       "./plattar-controller": 8,
       "@plattar/plattar-api": 42
@@ -2028,15 +2160,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super9 = _createSuper(VTOController);
 
         function VTOController(parent) {
-          var _this25;
-
           _classCallCheck(this, VTOController);
 
-          _this25 = _super9.call(this, parent);
-          _this25._state = plattar_controller_1.ControllerState.None;
-          _this25._element = null;
-          _this25._prevQROpt = null;
-          return _this25;
+          return _super9.call(this, parent);
         }
 
         _createClass(VTOController, [{
@@ -2050,22 +2176,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }
           }
         }, {
-          key: "startQRCode",
-          value: function startQRCode(options) {
-            var _this26 = this;
+          key: "startViewerQRCode",
+          value: function startViewerQRCode(options) {
+            var _this23 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this26.removeRenderer();
+              _this23.removeRenderer();
 
-              var sceneID = _this26.getAttribute("scene-id");
+              var sceneID = _this23.getAttribute("scene-id");
 
               if (sceneID) {
                 var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
-                var width = _this26.getAttribute("width") || "500px";
-                var height = _this26.getAttribute("height") || "500px";
+                var width = _this23.getAttribute("width") || "500px";
+                var height = _this23.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -2083,9 +2209,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var dst = plattar_api_1.Server.location().base + "renderer/facear.html?scene_id=" + sceneID; // optional attributes
 
-                var configState = _this26.getAttribute("config-state");
+                var configState = _this23.getAttribute("config-state");
 
-                var showAR = _this26.getAttribute("show-ar");
+                var showAR = _this23.getAttribute("show-ar");
 
                 if (configState) {
                   dst += "&config_state=" + configState;
@@ -2101,11 +2227,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this26.append(viewer);
+                _this23.append(viewer);
 
-                _this26._element = viewer;
-                _this26._state = plattar_controller_1.ControllerState.QRCode;
-                _this26._prevQROpt = opt;
+                _this23._element = viewer;
+                _this23._state = plattar_controller_1.ControllerState.QRCode;
+                _this23._prevQROpt = opt;
                 return;
               }
 
@@ -2115,28 +2241,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this27 = this;
+            var _this24 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this27.removeRenderer();
+              _this24.removeRenderer();
 
-              var sceneID = _this27.getAttribute("scene-id");
+              var sceneID = _this24.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-facear node
-                var width = _this27.getAttribute("width") || "500px";
-                var height = _this27.getAttribute("height") || "500px";
-                var server = _this27.getAttribute("server") || "production";
+                var width = _this24.getAttribute("width") || "500px";
+                var height = _this24.getAttribute("height") || "500px";
+                var server = _this24.getAttribute("server") || "production";
                 var viewer = document.createElement("plattar-facear");
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
                 viewer.setAttribute("server", server);
                 viewer.setAttribute("scene-id", sceneID); // optional attributes
 
-                var configState = _this27.getAttribute("config-state");
+                var configState = _this24.getAttribute("config-state");
 
-                var showAR = _this27.getAttribute("show-ar");
+                var showAR = _this24.getAttribute("show-ar");
 
                 if (configState) {
                   viewer.setAttribute("config-state", configState);
@@ -2150,10 +2276,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this27.append(viewer);
+                _this24.append(viewer);
 
-                _this27._element = viewer;
-                _this27._state = plattar_controller_1.ControllerState.Renderer;
+                _this24._element = viewer;
+                _this24._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
@@ -2163,7 +2289,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this28 = this;
+            var _this25 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
@@ -2174,17 +2300,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 return reject(new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices"));
               }
 
-              var arMode = _this28.getAttribute("ar-mode") || "generated";
+              var arMode = _this25.getAttribute("ar-mode") || "generated";
 
               switch (arMode.toLowerCase()) {
                 case "inherited":
-                  _this28._InitARInherited(accept, reject);
+                  _this25._InitARInherited(accept, reject);
 
                   return;
 
                 case "generated":
                 default:
-                  _this28._InitARGenerated(accept, reject);
+                  _this25._InitARGenerated(accept, reject);
 
               }
             });
@@ -2359,15 +2485,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super10 = _createSuper(PlattarEmbed);
 
         function PlattarEmbed() {
-          var _this29;
+          var _this26;
 
           _classCallCheck(this, PlattarEmbed);
 
-          _this29 = _super10.call(this); // this is the current embed type, viewer by default
+          _this26 = _super10.call(this); // this is the current embed type, viewer by default
 
-          _this29._currentType = EmbedType.Viewer;
-          _this29._controller = null;
-          return _this29;
+          _this26._currentType = EmbedType.Viewer;
+          _this26._controller = null;
+          return _this26;
         }
 
         _createClass(PlattarEmbed, [{
@@ -2378,7 +2504,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this30 = this;
+            var _this27 = this;
 
             var embedType = this.hasAttribute("embed-type") ? this.getAttribute("embed-type") : "viewer";
 
@@ -2404,7 +2530,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  _this30._OnAttributesUpdated();
+                  _this27._OnAttributesUpdated();
                 }
               });
             });
@@ -2440,66 +2566,66 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             } else if (init === "ar-fallback-qrcode") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this30.startQRCode();
+                _this27.startQRCode();
               });
             } else if (init === "ar-fallback-viewer") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this30.startViewer();
+                _this27.startViewer();
               });
             }
           }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this31 = this;
+            var _this28 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this31._controller) {
+              if (!_this28._controller) {
                 return reject(new Error("PlattarEmbed.initAR() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this31._controller.initAR().then(accept)["catch"](reject);
+              return _this28._controller.initAR().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startAR",
           value: function startAR() {
-            var _this32 = this;
+            var _this29 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this32._controller) {
+              if (!_this29._controller) {
                 return reject(new Error("PlattarEmbed.startAR() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this32._controller.startAR().then(accept)["catch"](reject);
+              return _this29._controller.startAR().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startViewer",
           value: function startViewer() {
-            var _this33 = this;
+            var _this30 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this33._controller) {
+              if (!_this30._controller) {
                 return reject(new Error("PlattarEmbed.startViewer() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this33._controller.startRenderer().then(accept)["catch"](reject);
+              return _this30._controller.startRenderer().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startQRCode",
           value: function startQRCode() {
-            var _this34 = this;
+            var _this31 = this;
 
             var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
             return new Promise(function (accept, reject) {
-              if (!_this34._controller) {
+              if (!_this31._controller) {
                 return reject(new Error("PlattarEmbed.startQRCode() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this34._controller.startQRCode(options).then(accept)["catch"](reject);
+              return _this31._controller.startQRCode(options).then(accept)["catch"](reject);
             });
           }
           /**
@@ -2594,11 +2720,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.SceneProductAR = exports.ProductAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
+      exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.SceneProductAR = exports.ProductAR = exports.LauncherAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
       exports.PlattarWeb = __importStar(require("@plattar/plattar-web"));
       exports.PlattarQRCode = __importStar(require("@plattar/plattar-qrcode"));
       exports.version = __importStar(require("./version"));
 
+      var launcher_ar_1 = require("./ar/launcher-ar");
+
+      Object.defineProperty(exports, "LauncherAR", {
+        enumerable: true,
+        get: function get() {
+          return launcher_ar_1.LauncherAR;
+        }
+      });
+
       var product_ar_1 = require("./ar/product-ar");
 
       Object.defineProperty(exports, "ProductAR", {
@@ -2674,6 +2809,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       console.log("using @plattar/plattar-ar-adapter v" + version_1["default"]);
     }, {
+      "./ar/launcher-ar": 1,
       "./ar/model-ar": 2,
       "./ar/product-ar": 3,
       "./ar/raw-ar": 4,
@@ -3108,7 +3244,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.128.1";
+      exports["default"] = "1.130.2";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -3147,17 +3283,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super11 = _createSuper(QuicklookViewer);
 
         function QuicklookViewer() {
-          var _this35;
+          var _this32;
 
           _classCallCheck(this, QuicklookViewer);
 
-          _this35 = _super11.call(this);
-          _this35.araction = null;
-          _this35.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
+          _this32 = _super11.call(this);
+          _this32.araction = null;
+          _this32.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
 
-          _this35.arcallback = function () {};
+          _this32.arcallback = function () {};
 
-          return _this35;
+          return _this32;
         }
 
         _createClass(QuicklookViewer, [{
@@ -3173,7 +3309,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "start",
           value: function start() {
-            var _this36 = this;
+            var _this33 = this;
 
             if (!this.modelUrl) {
               throw new Error("QuicklookViewer.start() - model url not set, use QuicklookViewer.modelUrl");
@@ -3188,7 +3324,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (araction) {
               var handleQuicklook = function handleQuicklook(event) {
                 if (event.data === "_apple_ar_quicklook_button_tapped") {
-                  _this36.arcallback();
+                  _this33.arcallback();
                 }
 
                 document.body.removeChild(anchor);
@@ -3295,16 +3431,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super13 = _createSuper(SceneViewer);
 
         function SceneViewer() {
-          var _this37;
+          var _this34;
 
           _classCallCheck(this, SceneViewer);
 
-          _this37 = _super13.call(this);
-          _this37.araction = null;
-          _this37.isVertical = false;
-          _this37.titleHTML = "<b>" + document.title;
-          _this37.isVertical = false;
-          return _this37;
+          _this34 = _super13.call(this);
+          _this34.araction = null;
+          _this34.isVertical = false;
+          _this34.titleHTML = "<b>" + document.title;
+          _this34.isVertical = false;
+          return _this34;
         }
 
         _createClass(SceneViewer, [{
@@ -3416,7 +3552,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var Memory = /*#__PURE__*/function () {
         function Memory(messengerInstance) {
-          var _this38 = this;
+          var _this35 = this;
 
           _classCallCheck(this, Memory);
 
@@ -3425,11 +3561,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           this._permMemory = new PermanentMemory(messengerInstance);
 
           this._messenger.self.__memory__set_temp_var = function (name, data) {
-            _this38._tempMemory[name] = data;
+            _this35._tempMemory[name] = data;
           };
 
           this._messenger.self.__memory__set_perm_var = function (name, data) {
-            _this38._permMemory[name] = data;
+            _this35._permMemory[name] = data;
           };
         }
 
@@ -3927,20 +4063,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "exec",
           value: function exec() {
-            var _this39 = this;
+            var _this36 = this;
 
             for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
               args[_key3] = arguments[_key3];
             }
 
             return new Promise(function (accept, reject) {
-              if (!_this39._value) {
-                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this39._funcName + "() is not defined"));
+              if (!_this36._value) {
+                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this36._funcName + "() is not defined"));
               }
 
               try {
                 // otherwise execute the function
-                var rObject = _this39._execute.apply(_this39, args); // we need to check if the returned object is a Promise, if so, handle it
+                var rObject = _this36._execute.apply(_this36, args); // we need to check if the returned object is a Promise, if so, handle it
                 // differently. This can happen if the function wants to execute asyn
 
 
@@ -4004,7 +4140,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var GlobalEventHandler = /*#__PURE__*/function () {
         function GlobalEventHandler() {
-          var _this40 = this;
+          var _this37 = this;
 
           _classCallCheck(this, GlobalEventHandler);
 
@@ -4026,10 +4162,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             if (jsonData && jsonData.event && jsonData.data) {
               // see if there are any listeners for this
-              if (_this40._eventListeners[jsonData.event]) {
+              if (_this37._eventListeners[jsonData.event]) {
                 var remoteInterface = new RemoteInterface(evt.source, evt.origin); // loop through and call all the event handlers
 
-                _this40._eventListeners[jsonData.event].forEach(function (callback) {
+                _this37._eventListeners[jsonData.event].forEach(function (callback) {
                   try {
                     callback(remoteInterface, jsonData.data);
                   } catch (e) {
@@ -4225,40 +4361,40 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_registerListeners",
           value: function _registerListeners() {
-            var _this41 = this;
+            var _this38 = this;
 
             GlobalEventHandler.instance().listen("__messenger__child_init", function (src, data) {
               var iframeID = src.id; // check reserved key list
 
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this41._broadcaster._push(iframeID);
+              _this38._broadcaster._push(iframeID);
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4282,33 +4418,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this41._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this38._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this41._broadcaster._push(iframeID);
+              _this38._broadcaster._push(iframeID);
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4328,11 +4464,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             });
             GlobalEventHandler.instance().listen("__messenger__parent_init", function (src, data) {
               var iframeID = "parent";
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4357,11 +4493,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             GlobalEventHandler.instance().listen("__messenger__parent_init_inv", function (src, data) {
               var iframeID = "parent";
-              _this41[iframeID] = new RemoteFunctionList(iframeID);
+              _this38[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this41[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this38[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this41._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this38._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -4599,7 +4735,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var WrappedRemoteFunction = /*#__PURE__*/function () {
         function WrappedRemoteFunction(funcName, remoteInterface) {
-          var _this42 = this;
+          var _this39 = this;
 
           _classCallCheck(this, WrappedRemoteFunction);
 
@@ -4610,19 +4746,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           GlobalEventHandler.instance().listen("__messenger__exec_fnc_result", function (src, data) {
             var instanceID = data.instance_id; // the function name must match
 
-            if (data.function_name !== _this42._funcName) {
+            if (data.function_name !== _this39._funcName) {
               return;
             } // the instance ID must be found, otherwise this is a rogue execution
             // that can be ignored (should not happen)
 
 
-            if (!_this42._callInstances[instanceID]) {
+            if (!_this39._callInstances[instanceID]) {
               return;
             }
 
-            var promise = _this42._callInstances[instanceID]; // remove the old instance
+            var promise = _this39._callInstances[instanceID]; // remove the old instance
 
-            delete _this42._callInstances[instanceID]; // perform the promise callbacks
+            delete _this39._callInstances[instanceID]; // perform the promise callbacks
 
             if (data.function_status === "success") {
               promise.accept(data.function_args);
@@ -4639,7 +4775,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(WrappedRemoteFunction, [{
           key: "exec",
           value: function exec() {
-            var _this43 = this;
+            var _this40 = this;
 
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
@@ -4659,14 +4795,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             return new Promise(function (accept, reject) {
               // save this promise to be executed later
-              _this43._callInstances[instanceID] = {
+              _this40._callInstances[instanceID] = {
                 accept: accept,
                 reject: reject
               }; // execute this event in another context
 
-              _this43._remoteInterface.send("__messenger__exec_fnc", {
+              _this40._remoteInterface.send("__messenger__exec_fnc", {
                 instance_id: instanceID,
-                function_name: _this43._funcName,
+                function_name: _this40._funcName,
                 function_args: args
               });
             });
@@ -4815,7 +4951,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var Analytics = /*#__PURE__*/function () {
         function Analytics(applicationID) {
-          var _this44 = this;
+          var _this41 = this;
 
           _classCallCheck(this, Analytics);
 
@@ -4832,21 +4968,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           this._handlePageHide = function () {
             if (document.visibilityState === "hidden") {
-              _this44._pageTime = new Date();
-            } else if (_this44._pageTime) {
+              _this41._pageTime = new Date();
+            } else if (_this41._pageTime) {
               var time2 = new Date();
 
-              var diff = time2.getTime() - _this44._pageTime.getTime();
+              var diff = time2.getTime() - _this41._pageTime.getTime();
 
-              var data = _this44.data;
+              var data = _this41.data;
               data.push("eventAction", "View Time");
               data.push("viewTime", diff);
               data.push("eventLabel", diff);
 
-              _this44.write();
+              _this41.write();
 
-              _this44._pageTime = null;
-              document.removeEventListener("visibilitychange", _this44._handlePageHide, false);
+              _this41._pageTime = null;
+              document.removeEventListener("visibilitychange", _this41._handlePageHide, false);
             }
           };
         }
@@ -4854,7 +4990,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(Analytics, [{
           key: "query",
           value: function query() {
-            var _this45 = this;
+            var _this42 = this;
 
             var _query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
@@ -4863,11 +4999,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
 
-              var url = _this45.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              var url = _this42.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
               var data = {
                 type: "read",
-                application_id: _this45._applicationID,
-                event: _this45.event,
+                application_id: _this42._applicationID,
+                event: _this42.event,
                 data: _query
               };
               basic_http_1["default"].exec("POST", url, data).then(function (result) {
@@ -4878,21 +5014,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "write",
           value: function write() {
-            var _this46 = this;
+            var _this43 = this;
 
             return new Promise(function (accept, reject) {
-              var data = _this46._data;
-              var url = _this46.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
-              data.push("applicationId", _this46._applicationID);
+              var data = _this43._data;
+              var url = _this43.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              data.push("applicationId", _this43._applicationID);
               var sendData = {
                 type: "write",
-                application_id: _this46._applicationID,
-                origin: _this46.origin,
-                event: _this46.event,
+                application_id: _this43._applicationID,
+                origin: _this43.origin,
+                event: _this43.event,
                 data: data.data
               };
 
-              if (_this46.isBeacon === false) {
+              if (_this43.isBeacon === false) {
                 basic_http_1["default"].exec("POST", url, sendData).then(function (result) {
                   accept(result && result.results ? result.results : {});
                 })["catch"](reject);
@@ -5449,11 +5585,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_get",
           value: function _get(opt) {
-            var _this47 = this;
+            var _this44 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this47.target;
-              var server = _this47.server; // we cannot perform a GET request without an ID
+              var target = _this44.target;
+              var server = _this44.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".get() - object id is missing"));
@@ -5478,16 +5614,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var origin = server.originLocation.api_read;
               var auth = server.authToken;
               var headers = {
-                'cookie': 'laravel_session=' + _this47.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this44.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
                 method: "GET",
                 headers: headers
               };
-              var includeQuery = _this47._IncludeQuery;
+              var includeQuery = _this44._IncludeQuery;
 
-              var params = _this47._ParamFor("get");
+              var params = _this44._ParamFor("get");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -5528,11 +5664,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_update",
           value: function _update() {
-            var _this48 = this;
+            var _this45 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this48.target;
-              var server = _this48.server; // we cannot perform a GET request without an ID
+              var target = _this45.target;
+              var server = _this45.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".update() - object id is missing"));
@@ -5545,7 +5681,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this48.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this45.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -5560,7 +5696,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this48._ParamFor("update");
+              var params = _this45._ParamFor("update");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -5602,18 +5738,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_create",
           value: function _create() {
-            var _this49 = this;
+            var _this46 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this49.target;
-              var server = _this49.server; // otherwise, proceed with the fetching op
+              var target = _this46.target;
+              var server = _this46.server; // otherwise, proceed with the fetching op
 
               var origin = server.originLocation.api_write;
               var auth = server.authToken;
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this49.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this46.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -5627,7 +5763,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this49._ParamFor("create");
+              var params = _this46._ParamFor("create");
 
               var endpoint = origin + target.type();
 
@@ -5671,11 +5807,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_delete",
           value: function _delete() {
-            var _this50 = this;
+            var _this47 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this50.target;
-              var server = _this50.server; // we cannot perform a GET request without an ID
+              var target = _this47.target;
+              var server = _this47.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".delete() - object id is missing"));
@@ -5688,7 +5824,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this50.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this47.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -5703,7 +5839,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this50._ParamFor("delete");
+              var params = _this47._ParamFor("delete");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -5766,7 +5902,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_include",
           value: function _include(args) {
-            var _this51 = this;
+            var _this48 = this;
 
             if (!args || args.length <= 0) {
               return this;
@@ -5779,21 +5915,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    _this51._getIncludeQuery.push(strObject);
+                    _this48._getIncludeQuery.push(strObject);
                   } else {
-                    throw new Error("PlattarQuery." + _this51.target.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarQuery." + _this48.target.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (PlattarUtil.isPlattarObject(obj)) {
                 var type = obj.type();
 
                 if (Array.isArray(type)) {
-                  _this51._include(type);
+                  _this48._include(type);
                 } else {
-                  _this51._getIncludeQuery.push(type);
+                  _this48._getIncludeQuery.push(type);
                 }
               } else {
-                throw new Error("PlattarQuery." + _this51.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarQuery." + _this48.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return this;
@@ -5933,13 +6069,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "auth",
               value: function auth(token, opt) {
-                var _this52 = this;
+                var _this49 = this;
 
                 var copt = opt || {
                   validate: false
                 };
                 return new Promise(function (resolve, reject) {
-                  var server = _this52.originLocation.api_write;
+                  var server = _this49.originLocation.api_write;
 
                   if (!server) {
                     reject(new Error("Plattar.auth(token) - cannot authenticate as server not set via Plattar.origin(server)"));
@@ -5952,10 +6088,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   }
 
                   if (!copt.validate) {
-                    _this52._authToken = {
+                    _this49._authToken = {
                       "plattar-auth-token": token
                     };
-                    resolve(_this52);
+                    resolve(_this49);
                     return;
                   }
 
@@ -5968,10 +6104,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this52._authToken = {
+                      _this49._authToken = {
                         "plattar-auth-token": token
                       };
-                      resolve(_this52);
+                      resolve(_this49);
                     } else {
                       reject(new Error("Plattar.auth(token) - failed to validate authentication token at " + endpoint));
                     }
@@ -5981,7 +6117,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "origin",
               value: function origin(server, opt) {
-                var _this53 = this;
+                var _this50 = this;
 
                 var copt = opt || {
                   validate: false
@@ -5993,8 +6129,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   }
 
                   if (!copt.validate) {
-                    _this53._serverLocation = server;
-                    resolve(_this53);
+                    _this50._serverLocation = server;
+                    resolve(_this50);
                     return;
                   }
 
@@ -6004,8 +6140,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this53._serverLocation = server;
-                      resolve(_this53);
+                      _this50._serverLocation = server;
+                      resolve(_this50);
                     } else {
                       reject(new Error("Plattar.origin(server) - failed to ping server at " + endpoint));
                     }
@@ -6421,17 +6557,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super25 = _createSuper(FileBase);
 
         function FileBase(id, server) {
-          var _this54;
+          var _this51;
 
           _classCallCheck(this, FileBase);
 
-          _this54 = _super25.call(this, id, server || Server["default"]());
+          _this51 = _super25.call(this, id, server || Server["default"]());
 
-          if (_this54.constructor === FileBase) {
+          if (_this51.constructor === FileBase) {
             throw new Error("FileBase is abstract and cannot be created");
           }
 
-          return _this54;
+          return _this51;
         }
 
         _createClass(FileBase, [{
@@ -6626,17 +6762,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super30 = _createSuper(PlattarBase);
 
         function PlattarBase(id, server) {
-          var _this55;
+          var _this52;
 
           _classCallCheck(this, PlattarBase);
 
-          _this55 = _super30.call(this, id, server || Server["default"]());
+          _this52 = _super30.call(this, id, server || Server["default"]());
 
-          if (_this55.constructor === PlattarBase) {
+          if (_this52.constructor === PlattarBase) {
             throw new Error("PlattarBase is abstract and cannot be created");
           }
 
-          return _this55;
+          return _this52;
         }
 
         return _createClass(PlattarBase);
@@ -6708,7 +6844,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "filter",
           value: function filter(obj, id) {
-            var _this56 = this;
+            var _this53 = this;
 
             if (!obj) {
               return [];
@@ -6726,7 +6862,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (Array.isArray(type)) {
               var compiledList = [];
               type.forEach(function (inObject) {
-                var retArray = _this56.filter(inObject, id);
+                var retArray = _this53.filter(inObject, id);
 
                 if (retArray.length > 0) {
                   compiledList = compiledList.concat(retArray);
@@ -6929,7 +7065,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "include",
           value: function include() {
-            var _this57 = this;
+            var _this54 = this;
 
             for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
               args[_key6] = arguments[_key6];
@@ -6945,15 +7081,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    includes.push("".concat(_this57.type(), ".").concat(strObject));
+                    includes.push("".concat(_this54.type(), ".").concat(strObject));
                   } else {
-                    throw new Error("PlattarObject." + _this57.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarObject." + _this54.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (obj.prototype instanceof PlattarObject) {
-                includes.push("".concat(_this57.type(), ".").concat(obj.type()));
+                includes.push("".concat(_this54.type(), ".").concat(obj.type()));
               } else {
-                throw new Error("PlattarObject." + _this57.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarObject." + _this54.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return includes;
@@ -7124,17 +7260,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super36 = _createSuper(CardBase);
 
         function CardBase(id, server) {
-          var _this58;
+          var _this55;
 
           _classCallCheck(this, CardBase);
 
-          _this58 = _super36.call(this, id, server || Server["default"]());
+          _this55 = _super36.call(this, id, server || Server["default"]());
 
-          if (_this58.constructor === CardBase) {
+          if (_this55.constructor === CardBase) {
             throw new Error("CardBase is abstract and cannot be created");
           }
 
-          return _this58;
+          return _this55;
         }
 
         _createClass(CardBase, null, [{
@@ -7560,17 +7696,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super50 = _createSuper(ProductBase);
 
         function ProductBase(id, server) {
-          var _this59;
+          var _this56;
 
           _classCallCheck(this, ProductBase);
 
-          _this59 = _super50.call(this, id, server || Server["default"]());
+          _this56 = _super50.call(this, id, server || Server["default"]());
 
-          if (_this59.constructor === ProductBase) {
+          if (_this56.constructor === ProductBase) {
             throw new Error("ProductBase is abstract and cannot be created");
           }
 
-          return _this59;
+          return _this56;
         }
 
         _createClass(ProductBase, null, [{
@@ -7717,17 +7853,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super55 = _createSuper(SceneBase);
 
         function SceneBase(id, server) {
-          var _this60;
+          var _this57;
 
           _classCallCheck(this, SceneBase);
 
-          _this60 = _super55.call(this, id, server || Server["default"]());
+          _this57 = _super55.call(this, id, server || Server["default"]());
 
-          if (_this60.constructor === SceneBase) {
+          if (_this57.constructor === SceneBase) {
             throw new Error("SceneBase is abstract and cannot be created");
           }
 
-          return _this60;
+          return _this57;
         }
 
         _createClass(SceneBase, null, [{
@@ -8668,7 +8804,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this61 = this;
+            var _this58 = this;
 
             if (this.hasAttribute("url")) {
               this.renderQRCode();
@@ -8677,8 +8813,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  if (_this61.hasAttribute("url")) {
-                    _this61.renderQRCode();
+                  if (_this58.hasAttribute("url")) {
+                    _this58.renderQRCode();
                   }
                 }
               });
@@ -8702,7 +8838,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "renderQRCode",
           value: function renderQRCode() {
-            var _this62 = this;
+            var _this59 = this;
 
             var url = this.hasAttribute("url") ? this.getAttribute("url") : undefined;
 
@@ -8812,11 +8948,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             if (shortenURL && shortenURL.toLowerCase() === "true") {
               this._ShortenURL(url).then(function (newURL) {
-                _this62._GenerateQRCode(newURL, width, height);
+                _this59._GenerateQRCode(newURL, width, height);
               })["catch"](function (_err) {
                 console.warn(_err); // ignore error and just generate normal QR Code
 
-                _this62._GenerateQRCode(url, width, height);
+                _this59._GenerateQRCode(url, width, height);
               });
             } else {
               this._GenerateQRCode(url, width, height);
@@ -8876,10 +9012,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_ShortenURL",
           value: function _ShortenURL(url) {
-            var _this63 = this;
+            var _this60 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this63._IsFetchAPISupported()) {
+              if (!_this60._IsFetchAPISupported()) {
                 return reject(new Error("PlattarQR._ShortenURL() - fetch api not supported, cannot proceed"));
               }
 
@@ -9107,11 +9243,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this64 = this;
+            var _this61 = this;
 
             return new Promise(function (accept, reject) {
-              _this64._CalculateHash().then(function () {
-                remote_request_1.RemoteRequest.request(_this64._GetPayload(), _this64.retry < 0 ? 0 : _this64.retry).then(accept)["catch"](reject);
+              _this61._CalculateHash().then(function () {
+                remote_request_1.RemoteRequest.request(_this61._GetPayload(), _this61.retry < 0 ? 0 : _this61.retry).then(accept)["catch"](reject);
               })["catch"](function (_err) {
                 reject(new Error("Configurator.get() - one of the objects does not exist in Plattar API"));
               });
@@ -9120,14 +9256,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_CalculateHash",
           value: function _CalculateHash() {
-            var _this65 = this;
+            var _this62 = this;
 
             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(_this65.server));
+              plattar_api_1.Server.create(plattar_api_1.Server.match(_this62.server));
 
-              _this65._maps.forEach(function (map) {
+              _this62._maps.forEach(function (map) {
                 if (map.productvariation) {
                   promises.push(new plattar_api_1.ProductVariation(map.productvariation).get());
                 }
@@ -9147,7 +9283,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               Promise.all(promises).then(function (values) {
                 values.forEach(function (value) {
-                  _this65._attrHash.push(value.attributes);
+                  _this62._attrHash.push(value.attributes);
                 }); // reset server back
 
                 plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
@@ -9249,14 +9385,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this66 = this;
+            var _this63 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this66._model) {
+              if (!_this63._model) {
                 return reject(new Error("ModelConverter.get() - required .model attribute was not set"));
               }
 
-              remote_request_1.RemoteRequest.request(_this66._Payload, _this66.retry < 0 ? 0 : _this66.retry).then(accept)["catch"](reject);
+              remote_request_1.RemoteRequest.request(_this63._Payload, _this63.retry < 0 ? 0 : _this63.retry).then(accept)["catch"](reject);
             });
           }
         }, {
@@ -9505,6 +9641,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return this._controller ? this._controller.context : undefined;
           }
+        }, {
+          key: "parent",
+          get: function get() {
+            return this._controller ? this._controller.parent : undefined;
+          }
         }, {
           key: "element",
           get: function get() {
@@ -9577,19 +9718,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this67 = this;
+            var _this64 = this;
 
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this67.hasAttribute(ele.key)) {
-                map.set(ele.map, _this67.getAttribute(ele.key));
+              if (_this64.hasAttribute(ele.key)) {
+                map.set(ele.map, _this64.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this67.hasAttribute(ele.key)) {
-                map.set(ele.map, _this67.getAttribute(ele.key));
+              if (_this64.hasAttribute(ele.key)) {
+                map.set(ele.map, _this64.getAttribute(ele.key));
               }
             });
             return map;
@@ -9689,7 +9830,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this68 = this;
+          var _this65 = this;
 
           _classCallCheck(this, ElementController);
 
@@ -9705,7 +9846,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this68._load();
+                    _this65._load();
                   }
                 }
               }
@@ -9784,6 +9925,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return messenger.self;
           }
+        }, {
+          key: "parent",
+          get: function get() {
+            return messenger.parent;
+          }
         }, {
           key: "controller",
           get: function get() {
@@ -9805,7 +9951,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this69 = this;
+          var _this66 = this;
 
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
@@ -9817,7 +9963,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this69._iframe);
+                onelemload(_this66._iframe);
               }
             };
           }
@@ -9958,15 +10104,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super76 = _createSuper(EWallElement);
 
         function EWallElement() {
-          var _this70;
+          var _this67;
 
           _classCallCheck(this, EWallElement);
 
-          _this70 = _super76.call(this);
+          _this67 = _super76.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this70;
+          return _this67;
         }
 
         _createClass(EWallElement, [{
@@ -10434,7 +10580,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = Util;
     }, {}],
     129: [function (require, module, exports) {
-      module.exports = "1.128.1";
+      module.exports = "1.129.1";
     }, {}],
     130: [function (require, module, exports) {
       (function (global) {