@plattar/plattar-ar-adapter 1.123.2 → 1.123.3

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

@@ -329,13 +329,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.ModelAR = ModelAR;
     }, {
-      "../util/util": 12,
-      "../viewers/quicklook-viewer": 15,
-      "../viewers/reality-viewer": 16,
-      "../viewers/scene-viewer": 17,
+      "../util/util": 14,
+      "../viewers/quicklook-viewer": 17,
+      "../viewers/reality-viewer": 18,
+      "../viewers/scene-viewer": 19,
       "./launcher-ar": 1,
-      "@plattar/plattar-analytics": 35,
-      "@plattar/plattar-api": 39
+      "@plattar/plattar-analytics": 37,
+      "@plattar/plattar-api": 41
     }],
     3: [function (require, module, exports) {
       "use strict";
@@ -573,13 +573,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.ProductAR = ProductAR;
     }, {
-      "../util/util": 12,
-      "../viewers/quicklook-viewer": 15,
-      "../viewers/reality-viewer": 16,
-      "../viewers/scene-viewer": 17,
+      "../util/util": 14,
+      "../viewers/quicklook-viewer": 17,
+      "../viewers/reality-viewer": 18,
+      "../viewers/scene-viewer": 19,
       "./launcher-ar": 1,
-      "@plattar/plattar-analytics": 35,
-      "@plattar/plattar-api": 39
+      "@plattar/plattar-analytics": 37,
+      "@plattar/plattar-api": 41
     }],
     4: [function (require, module, exports) {
       "use strict";
@@ -736,10 +736,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.RawAR = RawAR;
     }, {
-      "../util/util": 12,
-      "../viewers/quicklook-viewer": 15,
-      "../viewers/reality-viewer": 16,
-      "../viewers/scene-viewer": 17,
+      "../util/util": 14,
+      "../viewers/quicklook-viewer": 17,
+      "../viewers/reality-viewer": 18,
+      "../viewers/scene-viewer": 19,
       "./launcher-ar": 1
     }],
     5: [function (require, module, exports) {
@@ -970,14 +970,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.SceneAR = SceneAR;
     }, {
-      "../util/util": 12,
-      "../viewers/quicklook-viewer": 15,
-      "../viewers/reality-viewer": 16,
-      "../viewers/scene-viewer": 17,
+      "../util/util": 14,
+      "../viewers/quicklook-viewer": 17,
+      "../viewers/reality-viewer": 18,
+      "../viewers/scene-viewer": 19,
       "./launcher-ar": 1,
-      "@plattar/plattar-analytics": 35,
-      "@plattar/plattar-api": 39,
-      "@plattar/plattar-services": 110
+      "@plattar/plattar-analytics": 37,
+      "@plattar/plattar-api": 41,
+      "@plattar/plattar-services": 112
     }],
     6: [function (require, module, exports) {
       "use strict";
@@ -1139,22 +1139,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               return reject(new Error("ConfiguratorController.startRenderer() - minimum required attributes not set, use scene-id as a minimum"));
             });
           }
-        }, {
-          key: "startAR",
-          value: function startAR() {
-            var _this13 = this;
-
-            return new Promise(function (accept, reject) {
-              _this13.initAR().then(function (launcher) {
-                launcher.start();
-                accept();
-              })["catch"](reject);
-            });
-          }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this14 = this;
+            var _this13 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
@@ -1163,9 +1151,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               // we can use the real-time configurator state to launch the AR view
 
 
-              var viewer = _this14.element;
+              var viewer = _this13.element;
 
-              var sceneID = _this14.getAttribute("scene-id");
+              var sceneID = _this13.getAttribute("scene-id");
 
               if (viewer && sceneID) {
                 var output = "glb";
@@ -1180,7 +1168,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })["catch"](reject);
               }
 
-              var configState = _this14.getAttribute("config-state"); // otherwise scene ID is available to the viewer is not launched
+              var configState = _this13.getAttribute("config-state"); // otherwise scene ID is available to the viewer is not launched
               // we can use the static configuration state to launch the AR view
 
 
@@ -1208,7 +1196,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                         configurator.output = "glb";
                       }
 
-                      var server = _this14.getAttribute("server") || "production";
+                      var server = _this13.getAttribute("server") || "production";
                       configurator.server = server;
                       return configurator.get().then(function (result) {
                         var rawAR = new raw_ar_1.RawAR(result.filename);
@@ -1253,10 +1241,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports.ConfiguratorController = ConfiguratorController;
     }, {
       "../../ar/raw-ar": 4,
-      "../../util/util": 12,
+      "../../util/util": 14,
       "./plattar-controller": 7,
-      "@plattar/plattar-api": 39,
-      "@plattar/plattar-services": 110
+      "@plattar/plattar-api": 41,
+      "@plattar/plattar-services": 112
     }],
     7: [function (require, module, exports) {
       "use strict";
@@ -1289,12 +1277,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
         _createClass(PlattarController, [{
-          key: "parent",
-          get:
+          key: "startAR",
+          value:
+          /**
+           * Initialise and start AR mode if available
+           */
+          function startAR() {
+            var _this14 = this;
+
+            return new Promise(function (accept, reject) {
+              _this14.initAR().then(function (launcher) {
+                launcher.start();
+                accept();
+              })["catch"](reject);
+            });
+          }
           /**
            * Returns the Parent Instance
            */
-          function get() {
+
+        }, {
+          key: "parent",
+          get: function get() {
             return this._parent;
           }
           /**
@@ -1496,32 +1500,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               return reject(new Error("ProductController.startRenderer() - minimum required attributes not set, use scene-id as a minimum"));
             });
           }
-        }, {
-          key: "startAR",
-          value: function startAR() {
-            var _this18 = this;
-
-            return new Promise(function (accept, reject) {
-              _this18.initAR().then(function (launcher) {
-                launcher.start();
-                accept();
-              })["catch"](reject);
-            });
-          }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this19 = this;
+            var _this18 = 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 = _this19.getAttribute("product-id");
+              var productID = _this18.getAttribute("product-id");
 
               if (productID) {
-                var variationID = _this19.getAttribute("variation-id");
+                var variationID = _this18.getAttribute("variation-id");
 
                 var product = new product_ar_1.ProductAR(productID, variationID);
                 return product.init().then(accept)["catch"](reject);
@@ -1555,9 +1547,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports.ProductController = ProductController;
     }, {
       "../../ar/product-ar": 3,
-      "../../util/util": 12,
+      "../../util/util": 14,
       "./plattar-controller": 7,
-      "@plattar/plattar-api": 39
+      "@plattar/plattar-api": 41
     }],
     9: [function (require, module, exports) {
       "use strict";
@@ -1585,15 +1577,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         var _super7 = _createSuper(ViewerController);
 
         function ViewerController(parent) {
-          var _this20;
+          var _this19;
 
           _classCallCheck(this, ViewerController);
 
-          _this20 = _super7.call(this, parent);
-          _this20._state = plattar_controller_1.ControllerState.None;
-          _this20._element = null;
-          _this20._prevQROpt = null;
-          return _this20;
+          _this19 = _super7.call(this, parent);
+          _this19._state = plattar_controller_1.ControllerState.None;
+          _this19._element = null;
+          _this19._prevQROpt = null;
+          return _this19;
         }
 
         _createClass(ViewerController, [{
@@ -1622,20 +1614,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startQRCode",
           value: function startQRCode(options) {
-            var _this21 = this;
+            var _this20 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this21.removeRenderer();
+              _this20.removeRenderer();
 
-              var sceneID = _this21.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 = _this21.getAttribute("width") || "500px";
-                var height = _this21.getAttribute("height") || "500px";
+                var width = _this20.getAttribute("width") || "500px";
+                var height = _this20.getAttribute("height") || "500px";
                 viewer.setAttribute("width", width);
                 viewer.setAttribute("height", height);
 
@@ -1653,9 +1645,9 @@ 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 = _this21.getAttribute("product-id");
+                var productID = _this20.getAttribute("product-id");
 
-                var variationID = _this21.getAttribute("variation-id");
+                var variationID = _this20.getAttribute("variation-id");
 
                 if (productID) {
                   dst += "&productId=" + productID;
@@ -1671,11 +1663,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this21.append(viewer);
+                _this20.append(viewer);
 
-                _this21._element = viewer;
-                _this21._state = plattar_controller_1.ControllerState.QRCode;
-                _this21._prevQROpt = opt;
+                _this20._element = viewer;
+                _this20._state = plattar_controller_1.ControllerState.QRCode;
+                _this20._prevQROpt = opt;
                 return;
               }
 
@@ -1685,28 +1677,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "startRenderer",
           value: function startRenderer() {
-            var _this22 = this;
+            var _this21 = this;
 
             return new Promise(function (accept, reject) {
               // remove the old renderer instance if any
-              _this22.removeRenderer();
+              _this21.removeRenderer();
 
-              var sceneID = _this22.getAttribute("scene-id");
+              var sceneID = _this21.getAttribute("scene-id");
 
               if (sceneID) {
                 // required attributes with defaults for plattar-viewer node
-                var width = _this22.getAttribute("width") || "500px";
-                var height = _this22.getAttribute("height") || "500px";
-                var server = _this22.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 = _this22.getAttribute("product-id");
+                var productID = _this21.getAttribute("product-id");
 
-                var variationID = _this22.getAttribute("variation-id");
+                var variationID = _this21.getAttribute("variation-id");
 
                 if (productID) {
                   viewer.setAttribute("product-id", productID);
@@ -1720,48 +1712,36 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   return accept(viewer);
                 };
 
-                _this22.append(viewer);
+                _this21.append(viewer);
 
-                _this22._element = viewer;
-                _this22._state = plattar_controller_1.ControllerState.Renderer;
+                _this21._element = viewer;
+                _this21._state = plattar_controller_1.ControllerState.Renderer;
                 return;
               }
 
               return reject(new Error("ViewerController.startRenderer() - minimum required attributes not set, use scene-id as a minimum"));
             });
           }
-        }, {
-          key: "startAR",
-          value: function startAR() {
-            var _this23 = this;
-
-            return new Promise(function (accept, reject) {
-              _this23.initAR().then(function (launcher) {
-                launcher.start();
-                accept();
-              })["catch"](reject);
-            });
-          }
         }, {
           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");
+              var productID = _this22.getAttribute("product-id");
 
               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 sceneID = _this24.getAttribute("scene-id"); // otherwise, scene was set so use SceneAR
+              var sceneID = _this22.getAttribute("scene-id"); // otherwise, scene was set so use SceneAR
 
 
               if (sceneID) {
@@ -1796,13 +1776,269 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports.ViewerController = ViewerController;
     }, {
       "../../ar/product-ar": 3,
-      "../../util/util": 12,
+      "../../util/util": 14,
       "./plattar-controller": 7,
-      "@plattar/plattar-api": 39
+      "@plattar/plattar-api": 41
     }],
     10: [function (require, module, exports) {
       "use strict";
 
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.VTOController = void 0;
+
+      var plattar_api_1 = require("@plattar/plattar-api");
+
+      var plattar_services_1 = require("@plattar/plattar-services");
+
+      var __1 = require("../..");
+
+      var raw_ar_1 = require("../../ar/raw-ar");
+
+      var util_1 = require("../../util/util");
+
+      var plattar_controller_1 = require("./plattar-controller");
+      /**
+       * Manages an instance of the <plattar-configurator> HTML Element
+       */
+
+
+      var VTOController = /*#__PURE__*/function (_plattar_controller_4) {
+        _inherits(VTOController, _plattar_controller_4);
+
+        var _super8 = _createSuper(VTOController);
+
+        function VTOController(parent) {
+          var _this23;
+
+          _classCallCheck(this, VTOController);
+
+          _this23 = _super8.call(this, parent);
+          _this23._state = plattar_controller_1.ControllerState.None;
+          _this23._element = null;
+          _this23._prevQROpt = null;
+          return _this23;
+        }
+
+        _createClass(VTOController, [{
+          key: "onAttributesUpdated",
+          value: function onAttributesUpdated() {
+            var state = this._state; // re-render the QR Code when attributes have changed
+
+            if (state === plattar_controller_1.ControllerState.QRCode) {
+              this.startQRCode(this._prevQROpt);
+              return;
+            }
+          }
+        }, {
+          key: "startQRCode",
+          value: function startQRCode(options) {
+            var _this24 = this;
+
+            return new Promise(function (accept, reject) {
+              // remove the old renderer instance if any
+              _this24.removeRenderer();
+
+              var sceneID = _this24.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 = _this24.getAttribute("width") || "500px";
+                var height = _this24.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 dst = plattar_api_1.Server.location().base + "renderer/facear.html?scene_id=" + sceneID; // optional attributes
+
+                var configState = _this24.getAttribute("config-state");
+
+                var showAR = _this24.getAttribute("show-ar");
+
+                if (configState) {
+                  dst += "&config_state=" + configState;
+                }
+
+                if (showAR) {
+                  dst += "&show_ar=" + showAR;
+                }
+
+                viewer.setAttribute("url", opt.url || dst);
+
+                viewer.onload = function () {
+                  return accept(viewer);
+                };
+
+                _this24.append(viewer);
+
+                _this24._element = viewer;
+                _this24._state = plattar_controller_1.ControllerState.QRCode;
+                _this24._prevQROpt = opt;
+                return;
+              }
+
+              return reject(new Error("VTOController.startQRCode() - minimum required attributes not set, use scene-id as a minimum"));
+            });
+          }
+        }, {
+          key: "startRenderer",
+          value: function startRenderer() {
+            var _this25 = this;
+
+            return new Promise(function (accept, reject) {
+              // remove the old renderer instance if any
+              _this25.removeRenderer();
+
+              var sceneID = _this25.getAttribute("scene-id");
+
+              if (sceneID) {
+                // required attributes with defaults for plattar-facear node
+                var width = _this25.getAttribute("width") || "500px";
+                var height = _this25.getAttribute("height") || "500px";
+                var server = _this25.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 = _this25.getAttribute("config-state");
+
+                var showAR = _this25.getAttribute("show-ar");
+
+                if (configState) {
+                  viewer.setAttribute("config-state", configState);
+                }
+
+                if (showAR) {
+                  viewer.setAttribute("show-ar", showAR);
+                }
+
+                viewer.onload = function () {
+                  return accept(viewer);
+                };
+
+                _this25.append(viewer);
+
+                _this25._element = viewer;
+                _this25._state = plattar_controller_1.ControllerState.Renderer;
+                return;
+              }
+
+              return reject(new Error("VTOController.startRenderer() - minimum required attributes not set, use scene-id as a minimum"));
+            });
+          }
+        }, {
+          key: "initAR",
+          value: function initAR() {
+            var _this26 = this;
+
+            return new Promise(function (accept, reject) {
+              if (!util_1.Util.canAugment()) {
+                return reject(new Error("VTOController.initAR() - cannot proceed as VTO AR not available in context"));
+              }
+
+              if (!(util_1.Util.isSafari() || util_1.Util.isChromeOnIOS())) {
+                return reject(new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices"));
+              } // if scene ID is available and the state is a configurator viewer
+              // we can use the real-time configurator state to launch the AR view
+
+
+              var viewer = _this26.element;
+
+              var sceneID = _this26.getAttribute("scene-id");
+
+              if (viewer && sceneID) {
+                return viewer.messenger.getARFile("vto").then(function (result) {
+                  var rawAR = new raw_ar_1.RawAR(result.filename);
+                  return rawAR.init().then(accept)["catch"](reject);
+                })["catch"](reject);
+              }
+
+              var configState = _this26.getAttribute("config-state"); // otherwise scene ID is available to the viewer is not launched
+              // we can use the static configuration state to launch the AR view
+
+
+              if (sceneID && configState) {
+                var state = __1.ConfiguratorState.decode(configState);
+
+                if (state.length > 0) {
+                  var server = _this26.getAttribute("server") || "production";
+                  var configurator = new plattar_services_1.Configurator();
+                  configurator.server = server;
+                  configurator.output = "vto";
+                  state.forEach(function (productState) {
+                    if (productState.meta_data.augment === true) {
+                      configurator.addSceneProduct(productState.scene_product_id, productState.product_variation_id);
+                    }
+                  });
+                  return configurator.get().then(function (result) {
+                    var rawAR = new raw_ar_1.RawAR(result.filename);
+                    rawAR.init().then(accept)["catch"](reject);
+                  })["catch"](reject);
+                }
+
+                return reject(new Error("VTOController.initAR() - invalid config-state does not have any product states"));
+              } // otherwise no config-state or viewer is active
+              // fallback to using default SceneAR implementation
+
+
+              if (sceneID) {
+                var sceneAR = new __1.SceneAR(sceneID);
+                return sceneAR.init().then(accept)["catch"](reject);
+              }
+
+              return reject(new Error("VTOController.initAR() - minimum required attributes not set, use scene-id as a minimum"));
+            });
+          }
+        }, {
+          key: "removeRenderer",
+          value: function removeRenderer() {
+            if (this._element) {
+              this._element.remove();
+
+              this._element = null;
+              return true;
+            }
+
+            return false;
+          }
+        }, {
+          key: "element",
+          get: function get() {
+            return this._element;
+          }
+        }]);
+
+        return VTOController;
+      }(plattar_controller_1.PlattarController);
+
+      exports.VTOController = VTOController;
+    }, {
+      "../..": 12,
+      "../../ar/raw-ar": 4,
+      "../../util/util": 14,
+      "./plattar-controller": 7,
+      "@plattar/plattar-api": 41,
+      "@plattar/plattar-services": 112
+    }],
+    11: [function (require, module, exports) {
+      "use strict";
+
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1814,6 +2050,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var viewer_controller_1 = require("./controllers/viewer-controller");
 
       var configurator_controller_1 = require("./controllers/configurator-controller");
+
+      var vto_controller_1 = require("./controllers/vto-controller");
       /**
        * This tracks the current embed type
        */
@@ -1824,6 +2062,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       (function (EmbedType) {
         EmbedType[EmbedType["Viewer"] = 0] = "Viewer";
         EmbedType[EmbedType["Configurator"] = 1] = "Configurator";
+        EmbedType[EmbedType["VTO"] = 2] = "VTO";
       })(EmbedType || (EmbedType = {}));
       /**
        * This is the primary <plattar-embed /> node that allows easy embedding
@@ -1834,18 +2073,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var PlattarEmbed = /*#__PURE__*/function (_HTMLElement) {
         _inherits(PlattarEmbed, _HTMLElement);
 
-        var _super8 = _createSuper(PlattarEmbed);
+        var _super9 = _createSuper(PlattarEmbed);
 
         function PlattarEmbed() {
-          var _this25;
+          var _this27;
 
           _classCallCheck(this, PlattarEmbed);
 
-          _this25 = _super8.call(this); // this is the current embed type, viewer by default
+          _this27 = _super9.call(this); // this is the current embed type, viewer by default
 
-          _this25._currentType = EmbedType.Viewer;
-          _this25._controller = null;
-          return _this25;
+          _this27._currentType = EmbedType.Viewer;
+          _this27._controller = null;
+          return _this27;
         }
 
         _createClass(PlattarEmbed, [{
@@ -1856,7 +2095,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this26 = this;
+            var _this28 = this;
 
             var embedType = this.hasAttribute("embed-type") ? this.getAttribute("embed-type") : "viewer";
 
@@ -1866,6 +2105,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   this._currentType = EmbedType.Viewer;
                   break;
 
+                case "vto":
+                  this._currentType = EmbedType.VTO;
+                  break;
+
                 case "configurator":
                   this._currentType = EmbedType.Configurator;
                   break;
@@ -1878,7 +2121,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  _this26._OnAttributesUpdated();
+                  _this28._OnAttributesUpdated();
                 }
               });
             });
@@ -1899,6 +2142,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               }
             } else if (this._currentType === EmbedType.Configurator) {
               this._controller = new configurator_controller_1.ConfiguratorController(this);
+            } else if (this._currentType === EmbedType.VTO) {
+              this._controller = new vto_controller_1.VTOController(this);
             }
 
             var init = this.hasAttribute("init") ? this.getAttribute("init") : null;
@@ -1912,68 +2157,83 @@ 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) {
-                _this26.startQRCode();
+                _this28.startQRCode();
               });
             } else if (init === "ar-fallback-viewer") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this26.startViewer();
+                _this28.startViewer();
               });
             }
           }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this27 = this;
+            var _this29 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this27._controller) {
+              if (!_this29._controller) {
                 return reject(new Error("PlattarEmbed.initAR() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this27._controller.initAR().then(accept)["catch"](reject);
+              return _this29._controller.initAR().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startAR",
           value: function startAR() {
-            var _this28 = this;
+            var _this30 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this28._controller) {
+              if (!_this30._controller) {
                 return reject(new Error("PlattarEmbed.startAR() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this28._controller.startAR().then(accept)["catch"](reject);
+              return _this30._controller.startAR().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startViewer",
           value: function startViewer() {
-            var _this29 = this;
+            var _this31 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this29._controller) {
+              if (!_this31._controller) {
                 return reject(new Error("PlattarEmbed.startViewer() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this29._controller.startRenderer().then(accept)["catch"](reject);
+              return _this31._controller.startRenderer().then(accept)["catch"](reject);
             });
           }
         }, {
           key: "startQRCode",
           value: function startQRCode() {
-            var _this30 = this;
+            var _this32 = this;
 
             var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
             return new Promise(function (accept, reject) {
-              if (!_this30._controller) {
+              if (!_this32._controller) {
                 return reject(new Error("PlattarEmbed.startQRCode() - cannot execute as controller has not loaded yet"));
               }
 
-              return _this30._controller.startQRCode(options).then(accept)["catch"](reject);
+              return _this32._controller.startQRCode(options).then(accept)["catch"](reject);
             });
           }
+          /**
+           * This will remove the currently active Renderer
+           *
+           * @returns - true if removed successfully, false otherwise
+           */
+
+        }, {
+          key: "removeRenderer",
+          value: function removeRenderer() {
+            if (!this._controller) {
+              return false;
+            }
+
+            return this._controller.removeRenderer();
+          }
           /**
            * This is called by the observer if any of the embed attributes have changed
            * based on the state of the embed, we update the internal structure accordingly
@@ -1996,9 +2256,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       "./controllers/configurator-controller": 6,
       "./controllers/product-controller": 8,
       "./controllers/viewer-controller": 9,
-      "@plattar/plattar-api": 39
+      "./controllers/vto-controller": 10,
+      "@plattar/plattar-api": 41
     }],
-    11: [function (require, module, exports) {
+    12: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -2044,7 +2305,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.ProductAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
+      exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.ProductAR = 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"));
@@ -2094,6 +2355,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }
       });
 
+      var configurator_state_1 = require("./util/configurator-state");
+
+      Object.defineProperty(exports, "ConfiguratorState", {
+        enumerable: true,
+        get: function get() {
+          return configurator_state_1.ConfiguratorState;
+        }
+      });
+
       var plattar_embed_1 = __importDefault(require("./embed/plattar-embed"));
 
       var version_1 = __importDefault(require("./version"));
@@ -2110,13 +2380,139 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       "./ar/product-ar": 3,
       "./ar/raw-ar": 4,
       "./ar/scene-ar": 5,
-      "./embed/plattar-embed": 10,
-      "./util/util": 12,
-      "./version": 13,
-      "@plattar/plattar-qrcode": 105,
-      "@plattar/plattar-web": 124
+      "./embed/plattar-embed": 11,
+      "./util/configurator-state": 13,
+      "./util/util": 14,
+      "./version": 15,
+      "@plattar/plattar-qrcode": 107,
+      "@plattar/plattar-web": 126
     }],
-    12: [function (require, module, exports) {
+    13: [function (require, module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.ConfiguratorState = void 0;
+
+      var ConfiguratorState = /*#__PURE__*/function () {
+        function ConfiguratorState() {
+          var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+          _classCallCheck(this, ConfiguratorState);
+
+          var defaultState = {
+            meta: {
+              scene_product_index: 0,
+              product_variation_index: 1,
+              meta_index: 2
+            },
+            states: []
+          };
+
+          if (state) {
+            try {
+              var decodedb64State = atob(state);
+              var parsedState = JSON.parse(decodedb64State); // set the meta data
+
+              if (parsedState.meta) {
+                defaultState.meta.scene_product_index = parsedState.meta.scene_product_index || 0;
+                defaultState.meta.product_variation_index = parsedState.meta.product_variation_index || 1;
+                defaultState.meta.meta_index = parsedState.meta.meta_index || 2;
+              }
+
+              defaultState.states = parsedState.states || [];
+            } catch (err) {
+              console.error("ConfiguratorState.constructor() - there was an error parsing configurator state");
+              console.error(err);
+            }
+          }
+
+          this._state = defaultState;
+        }
+        /**
+         * Adds a new Scene Product/Variation combo with meta-data into the Configurator State
+         *
+         * @param sceneProductID - The Scene Product ID to be used (as defined in Plattar CMS)
+         * @param productVariationID - The Product Variation ID to be used (as defined in Plattar CMS)
+         * @param metaData - Arbitrary meta-data that can be used against certain operaions
+         */
+
+
+        _createClass(ConfiguratorState, [{
+          key: "addSceneProduct",
+          value: function addSceneProduct(sceneProductID, productVariationID) {
+            var metaData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+            if (sceneProductID && productVariationID) {
+              var states = this._state.states;
+              var meta = this._state.meta;
+              var newData = [];
+              newData.splice(meta.scene_product_index, 0, sceneProductID);
+              newData.splice(meta.product_variation_index, 0, productVariationID);
+
+              if (metaData) {
+                newData.splice(meta.meta_index, 0, metaData);
+              }
+
+              states.push(newData);
+            }
+          }
+          /**
+           * Iterate over the internal state data
+           */
+
+        }, {
+          key: "forEach",
+          value: function forEach(callback) {
+            var states = this._state.states;
+            var meta = this._state.meta;
+
+            if (states.length > 0) {
+              states.forEach(function (productState) {
+                if (productState.length === 2) {
+                  callback({
+                    scene_product_id: productState[meta.scene_product_index],
+                    product_variation_id: productState[meta.product_variation_index],
+                    meta_data: {
+                      augment: true
+                    }
+                  });
+                } else if (productState.length === 3) {
+                  callback({
+                    scene_product_id: productState[meta.scene_product_index],
+                    product_variation_id: productState[meta.product_variation_index],
+                    meta_data: {
+                      augment: productState[meta.meta_index].augment || true
+                    }
+                  });
+                }
+              });
+            }
+          }
+        }, {
+          key: "length",
+          get: function get() {
+            return this._state.states.length;
+          }
+        }, {
+          key: "encode",
+          value: function encode() {
+            return btoa(JSON.stringify(this._state));
+          }
+        }], [{
+          key: "decode",
+          value: function decode(state) {
+            return new ConfiguratorState(state);
+          }
+        }]);
+
+        return ConfiguratorState;
+      }();
+
+      exports.ConfiguratorState = ConfiguratorState;
+    }, {}],
+    14: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2240,15 +2636,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.Util = Util;
     }, {}],
-    13: [function (require, module, exports) {
+    15: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.123.2";
+      exports["default"] = "1.123.3";
     }, {}],
-    14: [function (require, module, exports) {
+    16: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2264,7 +2660,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports["default"] = ARViewer;
     }, {}],
-    15: [function (require, module, exports) {
+    17: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -2282,20 +2678,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var QuicklookViewer = /*#__PURE__*/function (_ar_viewer_1$default) {
         _inherits(QuicklookViewer, _ar_viewer_1$default);
 
-        var _super9 = _createSuper(QuicklookViewer);
+        var _super10 = _createSuper(QuicklookViewer);
 
         function QuicklookViewer() {
-          var _this31;
+          var _this33;
 
           _classCallCheck(this, QuicklookViewer);
 
-          _this31 = _super9.call(this);
-          _this31.araction = null;
-          _this31.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
+          _this33 = _super10.call(this);
+          _this33.araction = null;
+          _this33.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
 
-          _this31.arcallback = function () {};
+          _this33.arcallback = function () {};
 
-          return _this31;
+          return _this33;
         }
 
         _createClass(QuicklookViewer, [{
@@ -2311,7 +2707,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "start",
           value: function start() {
-            var _this32 = this;
+            var _this34 = this;
 
             if (!this.modelUrl) {
               throw new Error("QuicklookViewer.start() - model url not set, use QuicklookViewer.modelUrl");
@@ -2326,7 +2722,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") {
-                  _this32.arcallback();
+                  _this34.arcallback();
                 }
 
                 document.body.removeChild(anchor);
@@ -2352,9 +2748,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports["default"] = QuicklookViewer;
     }, {
-      "./ar-viewer": 14
+      "./ar-viewer": 16
     }],
-    16: [function (require, module, exports) {
+    18: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -2372,12 +2768,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var RealityViewer = /*#__PURE__*/function (_ar_viewer_1$default2) {
         _inherits(RealityViewer, _ar_viewer_1$default2);
 
-        var _super10 = _createSuper(RealityViewer);
+        var _super11 = _createSuper(RealityViewer);
 
         function RealityViewer() {
           _classCallCheck(this, RealityViewer);
 
-          return _super10.call(this);
+          return _super11.call(this);
         }
 
         _createClass(RealityViewer, [{
@@ -2410,9 +2806,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports["default"] = RealityViewer;
     }, {
-      "./ar-viewer": 14
+      "./ar-viewer": 16
     }],
-    17: [function (require, module, exports) {
+    19: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -2430,19 +2826,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var SceneViewer = /*#__PURE__*/function (_ar_viewer_1$default3) {
         _inherits(SceneViewer, _ar_viewer_1$default3);
 
-        var _super11 = _createSuper(SceneViewer);
+        var _super12 = _createSuper(SceneViewer);
 
         function SceneViewer() {
-          var _this33;
+          var _this35;
 
           _classCallCheck(this, SceneViewer);
 
-          _this33 = _super11.call(this);
-          _this33.araction = null;
-          _this33.isVertical = false;
-          _this33.titleHTML = "<b>" + document.title;
-          _this33.isVertical = false;
-          return _this33;
+          _this35 = _super12.call(this);
+          _this35.araction = null;
+          _this35.isVertical = false;
+          _this35.titleHTML = "<b>" + document.title;
+          _this35.isVertical = false;
+          return _this35;
         }
 
         _createClass(SceneViewer, [{
@@ -2499,9 +2895,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports["default"] = SceneViewer;
     }, {
-      "./ar-viewer": 14
+      "./ar-viewer": 16
     }],
-    18: [function (require, module, exports) {
+    20: [function (require, module, exports) {
       "use strict";
 
       var Messenger = require("./messenger/messenger.js");
@@ -2537,12 +2933,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         version: Version
       };
     }, {
-      "./memory/memory.js": 19,
-      "./messenger/global-event-handler.js": 26,
-      "./messenger/messenger.js": 27,
-      "./version": 32
+      "./memory/memory.js": 21,
+      "./messenger/global-event-handler.js": 28,
+      "./messenger/messenger.js": 29,
+      "./version": 34
     }],
-    19: [function (require, module, exports) {
+    21: [function (require, module, exports) {
       var PermanentMemory = require("./permanent-memory");
 
       var TemporaryMemory = require("./temporary-memory");
@@ -2554,7 +2950,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var Memory = /*#__PURE__*/function () {
         function Memory(messengerInstance) {
-          var _this34 = this;
+          var _this36 = this;
 
           _classCallCheck(this, Memory);
 
@@ -2563,11 +2959,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) {
-            _this34._tempMemory[name] = data;
+            _this36._tempMemory[name] = data;
           };
 
           this._messenger.self.__memory__set_perm_var = function (name, data) {
-            _this34._permMemory[name] = data;
+            _this36._permMemory[name] = data;
           };
         }
 
@@ -2588,10 +2984,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Memory;
     }, {
-      "./permanent-memory": 20,
-      "./temporary-memory": 21
+      "./permanent-memory": 22,
+      "./temporary-memory": 23
     }],
-    20: [function (require, module, exports) {
+    22: [function (require, module, exports) {
       var WrappedValue = require("./wrapped-value");
 
       var PermanentMemory = /*#__PURE__*/_createClass(function PermanentMemory(messengerInstance) {
@@ -2689,9 +3085,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PermanentMemory;
     }, {
-      "./wrapped-value": 22
+      "./wrapped-value": 24
     }],
-    21: [function (require, module, exports) {
+    23: [function (require, module, exports) {
       var WrappedValue = require("./wrapped-value");
 
       var TemporaryMemory = /*#__PURE__*/_createClass(function TemporaryMemory(messengerInstance) {
@@ -2768,9 +3164,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = TemporaryMemory;
     }, {
-      "./wrapped-value": 22
+      "./wrapped-value": 24
     }],
-    22: [function (require, module, exports) {
+    24: [function (require, module, exports) {
       /**
        * WrappedValue represents a generic value type with a callback function
        * for when the value has changed
@@ -2888,7 +3284,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = WrappedValue;
     }, {}],
-    23: [function (require, module, exports) {
+    25: [function (require, module, exports) {
       /**
        * Broadcaster is used to call functions in multiple contexts at the
        * same time. This can be useful without having to handle complex logic
@@ -2955,7 +3351,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Broadcaster;
     }, {}],
-    24: [function (require, module, exports) {
+    26: [function (require, module, exports) {
       var WrappedFunction = require("./wrapped-local-function");
 
       var CurrentFunctionList = /*#__PURE__*/_createClass(function CurrentFunctionList() {
@@ -3018,9 +3414,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CurrentFunctionList;
     }, {
-      "./wrapped-local-function": 25
+      "./wrapped-local-function": 27
     }],
-    25: [function (require, module, exports) {
+    27: [function (require, module, exports) {
       var Util = require("../util/util.js");
       /**
        * WrappedLocalFunction represents a container that holds and maintains a specific function
@@ -3065,20 +3461,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "exec",
           value: function exec() {
-            var _this35 = this;
+            var _this37 = 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 (!_this35._value) {
-                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this35._funcName + "() is not defined"));
+              if (!_this37._value) {
+                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this37._funcName + "() is not defined"));
               }
 
               try {
                 // otherwise execute the function
-                var rObject = _this35._execute.apply(_this35, args); // we need to check if the returned object is a Promise, if so, handle it
+                var rObject = _this37._execute.apply(_this37, 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
 
 
@@ -3130,9 +3526,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = WrappedLocalFunction;
     }, {
-      "../util/util.js": 31
+      "../util/util.js": 33
     }],
-    26: [function (require, module, exports) {
+    28: [function (require, module, exports) {
       var RemoteInterface = require("./remote-interface.js");
       /**
        * This is a singleton class that handles events on a global basis. Allows
@@ -3142,7 +3538,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var GlobalEventHandler = /*#__PURE__*/function () {
         function GlobalEventHandler() {
-          var _this36 = this;
+          var _this38 = this;
 
           _classCallCheck(this, GlobalEventHandler);
 
@@ -3164,10 +3560,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 (_this36._eventListeners[jsonData.event]) {
+              if (_this38._eventListeners[jsonData.event]) {
                 var remoteInterface = new RemoteInterface(evt.source, evt.origin); // loop through and call all the event handlers
 
-                _this36._eventListeners[jsonData.event].forEach(function (callback) {
+                _this38._eventListeners[jsonData.event].forEach(function (callback) {
                   try {
                     callback(remoteInterface, jsonData.data);
                   } catch (e) {
@@ -3224,9 +3620,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = GlobalEventHandler;
     }, {
-      "./remote-interface.js": 28
+      "./remote-interface.js": 30
     }],
-    27: [function (require, module, exports) {
+    29: [function (require, module, exports) {
       var CurrentFunctionList = require("./current/current-function-list");
 
       var RemoteInterface = require("./remote-interface");
@@ -3363,40 +3759,40 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_registerListeners",
           value: function _registerListeners() {
-            var _this37 = this;
+            var _this39 = 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[" + _this37._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this37[iframeID] = new RemoteFunctionList(iframeID);
+              _this39[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this37[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this39[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this37._broadcaster._push(iframeID);
+              _this39._broadcaster._push(iframeID);
 
-              var callbacks = _this37._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this39._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -3420,33 +3816,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this37._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this39._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this37[iframeID] = new RemoteFunctionList(iframeID);
+              _this39[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this37[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this39[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this37._broadcaster._push(iframeID);
+              _this39._broadcaster._push(iframeID);
 
-              var callbacks = _this37._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this39._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -3466,11 +3862,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             });
             GlobalEventHandler.instance().listen("__messenger__parent_init", function (src, data) {
               var iframeID = "parent";
-              _this37[iframeID] = new RemoteFunctionList(iframeID);
+              _this39[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this37[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this39[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this37._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this39._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -3495,11 +3891,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             GlobalEventHandler.instance().listen("__messenger__parent_init_inv", function (src, data) {
               var iframeID = "parent";
-              _this37[iframeID] = new RemoteFunctionList(iframeID);
+              _this39[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this37[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this39[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this37._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this39._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -3555,14 +3951,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Messenger;
     }, {
-      "./broadcaster.js": 23,
-      "./current/current-function-list": 24,
-      "./global-event-handler.js": 26,
-      "./remote-interface": 28,
-      "./remote/remote-function-list": 29,
-      "./util/util.js": 31
+      "./broadcaster.js": 25,
+      "./current/current-function-list": 26,
+      "./global-event-handler.js": 28,
+      "./remote-interface": 30,
+      "./remote/remote-function-list": 31,
+      "./util/util.js": 33
     }],
-    28: [function (require, module, exports) {
+    30: [function (require, module, exports) {
       /**
        * Provides a single useful interface for performing remote function calls
        */
@@ -3634,7 +4030,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = RemoteInterface;
     }, {}],
-    29: [function (require, module, exports) {
+    31: [function (require, module, exports) {
       var WrappedFunction = require("./wrapped-remote-function");
 
       var RemoteFunctionList = /*#__PURE__*/function () {
@@ -3722,9 +4118,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = RemoteFunctionList;
     }, {
-      "./wrapped-remote-function": 30
+      "./wrapped-remote-function": 32
     }],
-    30: [function (require, module, exports) {
+    32: [function (require, module, exports) {
       var Util = require("../util/util.js");
 
       var GlobalEventHandler = require("../global-event-handler.js");
@@ -3737,7 +4133,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var WrappedRemoteFunction = /*#__PURE__*/function () {
         function WrappedRemoteFunction(funcName, remoteInterface) {
-          var _this38 = this;
+          var _this40 = this;
 
           _classCallCheck(this, WrappedRemoteFunction);
 
@@ -3748,19 +4144,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 !== _this38._funcName) {
+            if (data.function_name !== _this40._funcName) {
               return;
             } // the instance ID must be found, otherwise this is a rogue execution
             // that can be ignored (should not happen)
 
 
-            if (!_this38._callInstances[instanceID]) {
+            if (!_this40._callInstances[instanceID]) {
               return;
             }
 
-            var promise = _this38._callInstances[instanceID]; // remove the old instance
+            var promise = _this40._callInstances[instanceID]; // remove the old instance
 
-            delete _this38._callInstances[instanceID]; // perform the promise callbacks
+            delete _this40._callInstances[instanceID]; // perform the promise callbacks
 
             if (data.function_status === "success") {
               promise.accept(data.function_args);
@@ -3777,7 +4173,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(WrappedRemoteFunction, [{
           key: "exec",
           value: function exec() {
-            var _this39 = this;
+            var _this41 = this;
 
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
@@ -3797,14 +4193,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             return new Promise(function (accept, reject) {
               // save this promise to be executed later
-              _this39._callInstances[instanceID] = {
+              _this41._callInstances[instanceID] = {
                 accept: accept,
                 reject: reject
               }; // execute this event in another context
 
-              _this39._remoteInterface.send("__messenger__exec_fnc", {
+              _this41._remoteInterface.send("__messenger__exec_fnc", {
                 instance_id: instanceID,
-                function_name: _this39._funcName,
+                function_name: _this41._funcName,
                 function_args: args
               });
             });
@@ -3816,10 +4212,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = WrappedRemoteFunction;
     }, {
-      "../global-event-handler.js": 26,
-      "../util/util.js": 31
+      "../global-event-handler.js": 28,
+      "../util/util.js": 33
     }],
-    31: [function (require, module, exports) {
+    33: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -3859,10 +4255,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Util;
     }, {}],
-    32: [function (require, module, exports) {
+    34: [function (require, module, exports) {
       module.exports = "1.113.6";
     }, {}],
-    33: [function (require, module, exports) {
+    35: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3931,9 +4327,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.AnalyticsData = AnalyticsData;
     }, {
-      "../util/util": 37
+      "../util/util": 39
     }],
-    34: [function (require, module, exports) {
+    36: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -3953,7 +4349,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var Analytics = /*#__PURE__*/function () {
         function Analytics(applicationID) {
-          var _this40 = this;
+          var _this42 = this;
 
           _classCallCheck(this, Analytics);
 
@@ -3970,21 +4366,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           this._handlePageHide = function () {
             if (document.visibilityState === "hidden") {
-              _this40._pageTime = new Date();
-            } else if (_this40._pageTime) {
+              _this42._pageTime = new Date();
+            } else if (_this42._pageTime) {
               var time2 = new Date();
 
-              var diff = time2.getTime() - _this40._pageTime.getTime();
+              var diff = time2.getTime() - _this42._pageTime.getTime();
 
-              var data = _this40.data;
+              var data = _this42.data;
               data.push("eventAction", "View Time");
               data.push("viewTime", diff);
               data.push("eventLabel", diff);
 
-              _this40.write();
+              _this42.write();
 
-              _this40._pageTime = null;
-              document.removeEventListener("visibilitychange", _this40._handlePageHide, false);
+              _this42._pageTime = null;
+              document.removeEventListener("visibilitychange", _this42._handlePageHide, false);
             }
           };
         }
@@ -3992,7 +4388,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         _createClass(Analytics, [{
           key: "query",
           value: function query() {
-            var _this41 = this;
+            var _this43 = this;
 
             var _query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
@@ -4001,11 +4397,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
 
-              var url = _this41.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              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";
               var data = {
                 type: "read",
-                application_id: _this41._applicationID,
-                event: _this41.event,
+                application_id: _this43._applicationID,
+                event: _this43.event,
                 data: _query
               };
               basic_http_1["default"].exec("POST", url, data).then(function (result) {
@@ -4016,21 +4412,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "write",
           value: function write() {
-            var _this42 = this;
+            var _this44 = this;
 
             return new Promise(function (accept, reject) {
-              var data = _this42._data;
-              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";
-              data.push("applicationId", _this42._applicationID);
+              var data = _this44._data;
+              var url = _this44.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", _this44._applicationID);
               var sendData = {
                 type: "write",
-                application_id: _this42._applicationID,
-                origin: _this42.origin,
-                event: _this42.event,
+                application_id: _this44._applicationID,
+                origin: _this44.origin,
+                event: _this44.event,
                 data: data.data
               };
 
-              if (_this42.isBeacon === false) {
+              if (_this44.isBeacon === false) {
                 basic_http_1["default"].exec("POST", url, sendData).then(function (result) {
                   accept(result && result.results ? result.results : {});
                 })["catch"](reject);
@@ -4058,10 +4454,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.Analytics = Analytics;
     }, {
-      "../util/basic-http": 36,
-      "./analytics-data": 33
+      "../util/basic-http": 38,
+      "./analytics-data": 35
     }],
-    35: [function (require, module, exports) {
+    37: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -4123,10 +4519,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       console.log("using @plattar/plattar-analytics v" + version_1["default"]);
     }, {
-      "./analytics/analytics": 34,
-      "./version": 38
+      "./analytics/analytics": 36,
+      "./version": 40
     }],
-    36: [function (require, module, exports) {
+    38: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4212,7 +4608,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports["default"] = BasicHTTP;
     }, {}],
-    37: [function (require, module, exports) {
+    39: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4251,7 +4647,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.Util = Util;
     }, {}],
-    38: [function (require, module, exports) {
+    40: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4259,7 +4655,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       });
       exports["default"] = "1.117.2";
     }, {}],
-    39: [function (require, module, exports) {
+    41: [function (require, module, exports) {
       "use strict";
 
       var Server = require("./server/plattar-server.js");
@@ -4462,67 +4858,67 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         version: Version
       };
     }, {
-      "./server/plattar-server.js": 41,
-      "./types/application.js": 42,
-      "./types/content-pipeline/brief.js": 43,
-      "./types/content-pipeline/comment-brief.js": 44,
-      "./types/content-pipeline/comment-quote.js": 45,
-      "./types/content-pipeline/comment-solution.js": 46,
-      "./types/content-pipeline/folder.js": 47,
-      "./types/content-pipeline/pipeline-user.js": 48,
-      "./types/content-pipeline/quote.js": 49,
-      "./types/content-pipeline/rating.js": 50,
-      "./types/content-pipeline/solution.js": 51,
-      "./types/file/file-audio.js": 52,
-      "./types/file/file-base.js": 53,
-      "./types/file/file-image.js": 54,
-      "./types/file/file-model.js": 55,
-      "./types/file/file-script.js": 56,
-      "./types/file/file-video.js": 57,
-      "./types/misc/application-build.js": 61,
-      "./types/misc/asset-library.js": 62,
-      "./types/misc/async-job.js": 63,
-      "./types/misc/script-event.js": 64,
-      "./types/misc/tag.js": 65,
-      "./types/page/card-base.js": 66,
-      "./types/page/card-button.js": 67,
-      "./types/page/card-html.js": 68,
-      "./types/page/card-iframe.js": 69,
-      "./types/page/card-image.js": 70,
-      "./types/page/card-map.js": 71,
-      "./types/page/card-paragraph.js": 72,
-      "./types/page/card-row.js": 73,
-      "./types/page/card-slider.js": 74,
-      "./types/page/card-title.js": 75,
-      "./types/page/card-video.js": 76,
-      "./types/page/card-youtube.js": 77,
-      "./types/page/page.js": 78,
-      "./types/product/product-annotation.js": 79,
-      "./types/product/product-base.js": 80,
-      "./types/product/product-variation.js": 81,
-      "./types/product/product.js": 82,
-      "./types/scene/scene-annotation.js": 83,
-      "./types/scene/scene-audio.js": 84,
-      "./types/scene/scene-base.js": 85,
-      "./types/scene/scene-button.js": 86,
-      "./types/scene/scene-camera.js": 87,
-      "./types/scene/scene-carousel.js": 88,
-      "./types/scene/scene-image.js": 89,
-      "./types/scene/scene-model.js": 90,
-      "./types/scene/scene-panorama.js": 91,
-      "./types/scene/scene-poller.js": 92,
-      "./types/scene/scene-product.js": 93,
-      "./types/scene/scene-script.js": 94,
-      "./types/scene/scene-shadow.js": 95,
-      "./types/scene/scene-video.js": 96,
-      "./types/scene/scene-volumetric.js": 97,
-      "./types/scene/scene-youtube.js": 98,
-      "./types/scene/scene.js": 99,
-      "./types/trigger/trigger-image.js": 100,
-      "./util/plattar-util.js": 101,
-      "./version": 102
+      "./server/plattar-server.js": 43,
+      "./types/application.js": 44,
+      "./types/content-pipeline/brief.js": 45,
+      "./types/content-pipeline/comment-brief.js": 46,
+      "./types/content-pipeline/comment-quote.js": 47,
+      "./types/content-pipeline/comment-solution.js": 48,
+      "./types/content-pipeline/folder.js": 49,
+      "./types/content-pipeline/pipeline-user.js": 50,
+      "./types/content-pipeline/quote.js": 51,
+      "./types/content-pipeline/rating.js": 52,
+      "./types/content-pipeline/solution.js": 53,
+      "./types/file/file-audio.js": 54,
+      "./types/file/file-base.js": 55,
+      "./types/file/file-image.js": 56,
+      "./types/file/file-model.js": 57,
+      "./types/file/file-script.js": 58,
+      "./types/file/file-video.js": 59,
+      "./types/misc/application-build.js": 63,
+      "./types/misc/asset-library.js": 64,
+      "./types/misc/async-job.js": 65,
+      "./types/misc/script-event.js": 66,
+      "./types/misc/tag.js": 67,
+      "./types/page/card-base.js": 68,
+      "./types/page/card-button.js": 69,
+      "./types/page/card-html.js": 70,
+      "./types/page/card-iframe.js": 71,
+      "./types/page/card-image.js": 72,
+      "./types/page/card-map.js": 73,
+      "./types/page/card-paragraph.js": 74,
+      "./types/page/card-row.js": 75,
+      "./types/page/card-slider.js": 76,
+      "./types/page/card-title.js": 77,
+      "./types/page/card-video.js": 78,
+      "./types/page/card-youtube.js": 79,
+      "./types/page/page.js": 80,
+      "./types/product/product-annotation.js": 81,
+      "./types/product/product-base.js": 82,
+      "./types/product/product-variation.js": 83,
+      "./types/product/product.js": 84,
+      "./types/scene/scene-annotation.js": 85,
+      "./types/scene/scene-audio.js": 86,
+      "./types/scene/scene-base.js": 87,
+      "./types/scene/scene-button.js": 88,
+      "./types/scene/scene-camera.js": 89,
+      "./types/scene/scene-carousel.js": 90,
+      "./types/scene/scene-image.js": 91,
+      "./types/scene/scene-model.js": 92,
+      "./types/scene/scene-panorama.js": 93,
+      "./types/scene/scene-poller.js": 94,
+      "./types/scene/scene-product.js": 95,
+      "./types/scene/scene-script.js": 96,
+      "./types/scene/scene-shadow.js": 97,
+      "./types/scene/scene-video.js": 98,
+      "./types/scene/scene-volumetric.js": 99,
+      "./types/scene/scene-youtube.js": 100,
+      "./types/scene/scene.js": 101,
+      "./types/trigger/trigger-image.js": 102,
+      "./util/plattar-util.js": 103,
+      "./version": 104
     }],
-    40: [function (require, module, exports) {
+    42: [function (require, module, exports) {
       var fetch = require("node-fetch");
 
       var PlattarQuery = /*#__PURE__*/function () {
@@ -4581,11 +4977,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_get",
           value: function _get(opt) {
-            var _this43 = this;
+            var _this45 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this43.target;
-              var server = _this43.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() + ".get() - object id is missing"));
@@ -4610,16 +5006,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=' + _this43.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this45.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
                 method: "GET",
                 headers: headers
               };
-              var includeQuery = _this43._IncludeQuery;
+              var includeQuery = _this45._IncludeQuery;
 
-              var params = _this43._ParamFor("get");
+              var params = _this45._ParamFor("get");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -4660,11 +5056,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_update",
           value: function _update() {
-            var _this44 = this;
+            var _this46 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this44.target;
-              var server = _this44.server; // we cannot perform a GET request without an ID
+              var target = _this46.target;
+              var server = _this46.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".update() - object id is missing"));
@@ -4677,7 +5073,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this44.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this46.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -4692,7 +5088,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this44._ParamFor("update");
+              var params = _this46._ParamFor("update");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -4734,18 +5130,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_create",
           value: function _create() {
-            var _this45 = this;
+            var _this47 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this45.target;
-              var server = _this45.server; // otherwise, proceed with the fetching op
+              var target = _this47.target;
+              var server = _this47.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=' + _this45.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this47.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -4759,7 +5155,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this45._ParamFor("create");
+              var params = _this47._ParamFor("create");
 
               var endpoint = origin + target.type();
 
@@ -4803,11 +5199,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_delete",
           value: function _delete() {
-            var _this46 = this;
+            var _this48 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this46.target;
-              var server = _this46.server; // we cannot perform a GET request without an ID
+              var target = _this48.target;
+              var server = _this48.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".delete() - object id is missing"));
@@ -4820,7 +5216,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this46.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this48.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -4835,7 +5231,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 })
               };
 
-              var params = _this46._ParamFor("delete");
+              var params = _this48._ParamFor("delete");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -4898,7 +5294,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_include",
           value: function _include(args) {
-            var _this47 = this;
+            var _this49 = this;
 
             if (!args || args.length <= 0) {
               return this;
@@ -4911,21 +5307,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) {
-                    _this47._getIncludeQuery.push(strObject);
+                    _this49._getIncludeQuery.push(strObject);
                   } else {
-                    throw new Error("PlattarQuery." + _this47.target.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarQuery." + _this49.target.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (PlattarUtil.isPlattarObject(obj)) {
                 var type = obj.type();
 
                 if (Array.isArray(type)) {
-                  _this47._include(type);
+                  _this49._include(type);
                 } else {
-                  _this47._getIncludeQuery.push(type);
+                  _this49._getIncludeQuery.push(type);
                 }
               } else {
-                throw new Error("PlattarQuery." + _this47.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarQuery." + _this49.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return this;
@@ -5006,10 +5402,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PlattarQuery;
     }, {
-      "../util/plattar-util.js": 101,
-      "node-fetch": 127
+      "../util/plattar-util.js": 103,
+      "node-fetch": 129
     }],
-    41: [function (require, module, exports) {
+    43: [function (require, module, exports) {
       (function (process) {
         (function () {
           var fetch = require("node-fetch");
@@ -5065,13 +5461,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "auth",
               value: function auth(token, opt) {
-                var _this48 = this;
+                var _this50 = this;
 
                 var copt = opt || {
                   validate: false
                 };
                 return new Promise(function (resolve, reject) {
-                  var server = _this48.originLocation.api_write;
+                  var server = _this50.originLocation.api_write;
 
                   if (!server) {
                     reject(new Error("Plattar.auth(token) - cannot authenticate as server not set via Plattar.origin(server)"));
@@ -5084,10 +5480,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   }
 
                   if (!copt.validate) {
-                    _this48._authToken = {
+                    _this50._authToken = {
                       "plattar-auth-token": token
                     };
-                    resolve(_this48);
+                    resolve(_this50);
                     return;
                   }
 
@@ -5100,10 +5496,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this48._authToken = {
+                      _this50._authToken = {
                         "plattar-auth-token": token
                       };
-                      resolve(_this48);
+                      resolve(_this50);
                     } else {
                       reject(new Error("Plattar.auth(token) - failed to validate authentication token at " + endpoint));
                     }
@@ -5113,7 +5509,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             }, {
               key: "origin",
               value: function origin(server, opt) {
-                var _this49 = this;
+                var _this51 = this;
 
                 var copt = opt || {
                   validate: false
@@ -5125,8 +5521,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   }
 
                   if (!copt.validate) {
-                    _this49._serverLocation = server;
-                    resolve(_this49);
+                    _this51._serverLocation = server;
+                    resolve(_this51);
                     return;
                   }
 
@@ -5136,8 +5532,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this49._serverLocation = server;
-                      resolve(_this49);
+                      _this51._serverLocation = server;
+                      resolve(_this51);
                     } else {
                       reject(new Error("Plattar.origin(server) - failed to ping server at " + endpoint));
                     }
@@ -5231,21 +5627,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }).call(this);
       }).call(this, require('_process'));
     }, {
-      "_process": 129,
-      "node-fetch": 127
+      "_process": 131,
+      "node-fetch": 129
     }],
-    42: [function (require, module, exports) {
+    44: [function (require, module, exports) {
       var PlattarBase = require("./interfaces/plattar-base.js");
 
       var Application = /*#__PURE__*/function (_PlattarBase) {
         _inherits(Application, _PlattarBase);
 
-        var _super12 = _createSuper(Application);
+        var _super13 = _createSuper(Application);
 
         function Application() {
           _classCallCheck(this, Application);
 
-          return _super12.apply(this, arguments);
+          return _super13.apply(this, arguments);
         }
 
         _createClass(Application, null, [{
@@ -5260,20 +5656,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Application;
     }, {
-      "./interfaces/plattar-base.js": 58
+      "./interfaces/plattar-base.js": 60
     }],
-    43: [function (require, module, exports) {
+    45: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Brief = /*#__PURE__*/function (_PlattarBase2) {
         _inherits(Brief, _PlattarBase2);
 
-        var _super13 = _createSuper(Brief);
+        var _super14 = _createSuper(Brief);
 
         function Brief() {
           _classCallCheck(this, Brief);
 
-          return _super13.apply(this, arguments);
+          return _super14.apply(this, arguments);
         }
 
         _createClass(Brief, null, [{
@@ -5288,20 +5684,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Brief;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    44: [function (require, module, exports) {
+    46: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentBrief = /*#__PURE__*/function (_PlattarBase3) {
         _inherits(CommentBrief, _PlattarBase3);
 
-        var _super14 = _createSuper(CommentBrief);
+        var _super15 = _createSuper(CommentBrief);
 
         function CommentBrief() {
           _classCallCheck(this, CommentBrief);
 
-          return _super14.apply(this, arguments);
+          return _super15.apply(this, arguments);
         }
 
         _createClass(CommentBrief, null, [{
@@ -5316,20 +5712,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CommentBrief;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    45: [function (require, module, exports) {
+    47: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentQuote = /*#__PURE__*/function (_PlattarBase4) {
         _inherits(CommentQuote, _PlattarBase4);
 
-        var _super15 = _createSuper(CommentQuote);
+        var _super16 = _createSuper(CommentQuote);
 
         function CommentQuote() {
           _classCallCheck(this, CommentQuote);
 
-          return _super15.apply(this, arguments);
+          return _super16.apply(this, arguments);
         }
 
         _createClass(CommentQuote, null, [{
@@ -5344,20 +5740,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CommentQuote;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    46: [function (require, module, exports) {
+    48: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentSolution = /*#__PURE__*/function (_PlattarBase5) {
         _inherits(CommentSolution, _PlattarBase5);
 
-        var _super16 = _createSuper(CommentSolution);
+        var _super17 = _createSuper(CommentSolution);
 
         function CommentSolution() {
           _classCallCheck(this, CommentSolution);
 
-          return _super16.apply(this, arguments);
+          return _super17.apply(this, arguments);
         }
 
         _createClass(CommentSolution, null, [{
@@ -5372,20 +5768,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CommentSolution;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    47: [function (require, module, exports) {
+    49: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Folder = /*#__PURE__*/function (_PlattarBase6) {
         _inherits(Folder, _PlattarBase6);
 
-        var _super17 = _createSuper(Folder);
+        var _super18 = _createSuper(Folder);
 
         function Folder() {
           _classCallCheck(this, Folder);
 
-          return _super17.apply(this, arguments);
+          return _super18.apply(this, arguments);
         }
 
         _createClass(Folder, null, [{
@@ -5400,20 +5796,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Folder;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    48: [function (require, module, exports) {
+    50: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var PipelineUser = /*#__PURE__*/function (_PlattarBase7) {
         _inherits(PipelineUser, _PlattarBase7);
 
-        var _super18 = _createSuper(PipelineUser);
+        var _super19 = _createSuper(PipelineUser);
 
         function PipelineUser() {
           _classCallCheck(this, PipelineUser);
 
-          return _super18.apply(this, arguments);
+          return _super19.apply(this, arguments);
         }
 
         _createClass(PipelineUser, null, [{
@@ -5428,20 +5824,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PipelineUser;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    49: [function (require, module, exports) {
+    51: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Quote = /*#__PURE__*/function (_PlattarBase8) {
         _inherits(Quote, _PlattarBase8);
 
-        var _super19 = _createSuper(Quote);
+        var _super20 = _createSuper(Quote);
 
         function Quote() {
           _classCallCheck(this, Quote);
 
-          return _super19.apply(this, arguments);
+          return _super20.apply(this, arguments);
         }
 
         _createClass(Quote, null, [{
@@ -5456,20 +5852,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Quote;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    50: [function (require, module, exports) {
+    52: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Rating = /*#__PURE__*/function (_PlattarBase9) {
         _inherits(Rating, _PlattarBase9);
 
-        var _super20 = _createSuper(Rating);
+        var _super21 = _createSuper(Rating);
 
         function Rating() {
           _classCallCheck(this, Rating);
 
-          return _super20.apply(this, arguments);
+          return _super21.apply(this, arguments);
         }
 
         _createClass(Rating, null, [{
@@ -5484,20 +5880,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Rating;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    51: [function (require, module, exports) {
+    53: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Solution = /*#__PURE__*/function (_PlattarBase10) {
         _inherits(Solution, _PlattarBase10);
 
-        var _super21 = _createSuper(Solution);
+        var _super22 = _createSuper(Solution);
 
         function Solution() {
           _classCallCheck(this, Solution);
 
-          return _super21.apply(this, arguments);
+          return _super22.apply(this, arguments);
         }
 
         _createClass(Solution, null, [{
@@ -5512,20 +5908,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Solution;
     }, {
-      "../interfaces/plattar-base": 58
+      "../interfaces/plattar-base": 60
     }],
-    52: [function (require, module, exports) {
+    54: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileAudio = /*#__PURE__*/function (_FileBase) {
         _inherits(FileAudio, _FileBase);
 
-        var _super22 = _createSuper(FileAudio);
+        var _super23 = _createSuper(FileAudio);
 
         function FileAudio() {
           _classCallCheck(this, FileAudio);
 
-          return _super22.apply(this, arguments);
+          return _super23.apply(this, arguments);
         }
 
         _createClass(FileAudio, null, [{
@@ -5540,9 +5936,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FileAudio;
     }, {
-      "./file-base.js": 53
+      "./file-base.js": 55
     }],
-    53: [function (require, module, exports) {
+    55: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5550,20 +5946,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var FileBase = /*#__PURE__*/function (_PlattarBase11) {
         _inherits(FileBase, _PlattarBase11);
 
-        var _super23 = _createSuper(FileBase);
+        var _super24 = _createSuper(FileBase);
 
         function FileBase(id, server) {
-          var _this50;
+          var _this52;
 
           _classCallCheck(this, FileBase);
 
-          _this50 = _super23.call(this, id, server || Server["default"]());
+          _this52 = _super24.call(this, id, server || Server["default"]());
 
-          if (_this50.constructor === FileBase) {
+          if (_this52.constructor === FileBase) {
             throw new Error("FileBase is abstract and cannot be created");
           }
 
-          return _this50;
+          return _this52;
         }
 
         _createClass(FileBase, [{
@@ -5628,25 +6024,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FileBase;
     }, {
-      "../../server/plattar-server.js": 41,
-      "../interfaces/plattar-base.js": 58,
-      "./file-audio.js": 52,
-      "./file-image.js": 54,
-      "./file-model.js": 55,
-      "./file-video.js": 57
+      "../../server/plattar-server.js": 43,
+      "../interfaces/plattar-base.js": 60,
+      "./file-audio.js": 54,
+      "./file-image.js": 56,
+      "./file-model.js": 57,
+      "./file-video.js": 59
     }],
-    54: [function (require, module, exports) {
+    56: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileImage = /*#__PURE__*/function (_FileBase2) {
         _inherits(FileImage, _FileBase2);
 
-        var _super24 = _createSuper(FileImage);
+        var _super25 = _createSuper(FileImage);
 
         function FileImage() {
           _classCallCheck(this, FileImage);
 
-          return _super24.apply(this, arguments);
+          return _super25.apply(this, arguments);
         }
 
         _createClass(FileImage, null, [{
@@ -5661,20 +6057,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FileImage;
     }, {
-      "./file-base.js": 53
+      "./file-base.js": 55
     }],
-    55: [function (require, module, exports) {
+    57: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileModel = /*#__PURE__*/function (_FileBase3) {
         _inherits(FileModel, _FileBase3);
 
-        var _super25 = _createSuper(FileModel);
+        var _super26 = _createSuper(FileModel);
 
         function FileModel() {
           _classCallCheck(this, FileModel);
 
-          return _super25.apply(this, arguments);
+          return _super26.apply(this, arguments);
         }
 
         _createClass(FileModel, null, [{
@@ -5689,20 +6085,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FileModel;
     }, {
-      "./file-base.js": 53
+      "./file-base.js": 55
     }],
-    56: [function (require, module, exports) {
+    58: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileScript = /*#__PURE__*/function (_FileBase4) {
         _inherits(FileScript, _FileBase4);
 
-        var _super26 = _createSuper(FileScript);
+        var _super27 = _createSuper(FileScript);
 
         function FileScript() {
           _classCallCheck(this, FileScript);
 
-          return _super26.apply(this, arguments);
+          return _super27.apply(this, arguments);
         }
 
         _createClass(FileScript, null, [{
@@ -5717,20 +6113,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FileScript;
     }, {
-      "./file-base.js": 53
+      "./file-base.js": 55
     }],
-    57: [function (require, module, exports) {
+    59: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileVideo = /*#__PURE__*/function (_FileBase5) {
         _inherits(FileVideo, _FileBase5);
 
-        var _super27 = _createSuper(FileVideo);
+        var _super28 = _createSuper(FileVideo);
 
         function FileVideo() {
           _classCallCheck(this, FileVideo);
 
-          return _super27.apply(this, arguments);
+          return _super28.apply(this, arguments);
         }
 
         _createClass(FileVideo, null, [{
@@ -5745,9 +6141,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FileVideo;
     }, {
-      "./file-base.js": 53
+      "./file-base.js": 55
     }],
-    58: [function (require, module, exports) {
+    60: [function (require, module, exports) {
       var PlattarObject = require("./plattar-object.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5755,20 +6151,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var PlattarBase = /*#__PURE__*/function (_PlattarObject) {
         _inherits(PlattarBase, _PlattarObject);
 
-        var _super28 = _createSuper(PlattarBase);
+        var _super29 = _createSuper(PlattarBase);
 
         function PlattarBase(id, server) {
-          var _this51;
+          var _this53;
 
           _classCallCheck(this, PlattarBase);
 
-          _this51 = _super28.call(this, id, server || Server["default"]());
+          _this53 = _super29.call(this, id, server || Server["default"]());
 
-          if (_this51.constructor === PlattarBase) {
+          if (_this53.constructor === PlattarBase) {
             throw new Error("PlattarBase is abstract and cannot be created");
           }
 
-          return _this51;
+          return _this53;
         }
 
         return _createClass(PlattarBase);
@@ -5776,10 +6172,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PlattarBase;
     }, {
-      "../../server/plattar-server.js": 41,
-      "./plattar-object.js": 60
+      "../../server/plattar-server.js": 43,
+      "./plattar-object.js": 62
     }],
-    59: [function (require, module, exports) {
+    61: [function (require, module, exports) {
       /**
        * Handles the list of relationships for the provided object
        */
@@ -5840,7 +6236,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "filter",
           value: function filter(obj, id) {
-            var _this52 = this;
+            var _this54 = this;
 
             if (!obj) {
               return [];
@@ -5858,7 +6254,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             if (Array.isArray(type)) {
               var compiledList = [];
               type.forEach(function (inObject) {
-                var retArray = _this52.filter(inObject, id);
+                var retArray = _this54.filter(inObject, id);
 
                 if (retArray.length > 0) {
                   compiledList = compiledList.concat(retArray);
@@ -5915,9 +6311,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PlattarObjectRelations;
     }, {
-      "../../util/plattar-util.js": 101
+      "../../util/plattar-util.js": 103
     }],
-    60: [function (require, module, exports) {
+    62: [function (require, module, exports) {
       var PlattarQuery = require("../../server/plattar-query.js");
 
       var PlattarObjectRelations = require("./plattar-object-relations.js");
@@ -6061,7 +6457,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "include",
           value: function include() {
-            var _this53 = this;
+            var _this55 = this;
 
             for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
               args[_key6] = arguments[_key6];
@@ -6077,15 +6473,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(_this53.type(), ".").concat(strObject));
+                    includes.push("".concat(_this55.type(), ".").concat(strObject));
                   } else {
-                    throw new Error("PlattarObject." + _this53.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarObject." + _this55.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (obj.prototype instanceof PlattarObject) {
-                includes.push("".concat(_this53.type(), ".").concat(obj.type()));
+                includes.push("".concat(_this55.type(), ".").concat(obj.type()));
               } else {
-                throw new Error("PlattarObject." + _this53.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarObject." + _this55.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return includes;
@@ -6097,21 +6493,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PlattarObject;
     }, {
-      "../../server/plattar-query.js": 40,
-      "./plattar-object-relations.js": 59
+      "../../server/plattar-query.js": 42,
+      "./plattar-object-relations.js": 61
     }],
-    61: [function (require, module, exports) {
+    63: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var ApplicationBuild = /*#__PURE__*/function (_PlattarBase12) {
         _inherits(ApplicationBuild, _PlattarBase12);
 
-        var _super29 = _createSuper(ApplicationBuild);
+        var _super30 = _createSuper(ApplicationBuild);
 
         function ApplicationBuild() {
           _classCallCheck(this, ApplicationBuild);
 
-          return _super29.apply(this, arguments);
+          return _super30.apply(this, arguments);
         }
 
         _createClass(ApplicationBuild, null, [{
@@ -6126,20 +6522,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ApplicationBuild;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    62: [function (require, module, exports) {
+    64: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var AssetLibrary = /*#__PURE__*/function (_PlattarBase13) {
         _inherits(AssetLibrary, _PlattarBase13);
 
-        var _super30 = _createSuper(AssetLibrary);
+        var _super31 = _createSuper(AssetLibrary);
 
         function AssetLibrary() {
           _classCallCheck(this, AssetLibrary);
 
-          return _super30.apply(this, arguments);
+          return _super31.apply(this, arguments);
         }
 
         _createClass(AssetLibrary, null, [{
@@ -6154,20 +6550,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = AssetLibrary;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    63: [function (require, module, exports) {
+    65: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var AsyncJob = /*#__PURE__*/function (_PlattarBase14) {
         _inherits(AsyncJob, _PlattarBase14);
 
-        var _super31 = _createSuper(AsyncJob);
+        var _super32 = _createSuper(AsyncJob);
 
         function AsyncJob() {
           _classCallCheck(this, AsyncJob);
 
-          return _super31.apply(this, arguments);
+          return _super32.apply(this, arguments);
         }
 
         _createClass(AsyncJob, [{
@@ -6187,20 +6583,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = AsyncJob;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    64: [function (require, module, exports) {
+    66: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var ScriptEvent = /*#__PURE__*/function (_PlattarBase15) {
         _inherits(ScriptEvent, _PlattarBase15);
 
-        var _super32 = _createSuper(ScriptEvent);
+        var _super33 = _createSuper(ScriptEvent);
 
         function ScriptEvent() {
           _classCallCheck(this, ScriptEvent);
 
-          return _super32.apply(this, arguments);
+          return _super33.apply(this, arguments);
         }
 
         _createClass(ScriptEvent, null, [{
@@ -6215,20 +6611,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ScriptEvent;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    65: [function (require, module, exports) {
+    67: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Tag = /*#__PURE__*/function (_PlattarBase16) {
         _inherits(Tag, _PlattarBase16);
 
-        var _super33 = _createSuper(Tag);
+        var _super34 = _createSuper(Tag);
 
         function Tag() {
           _classCallCheck(this, Tag);
 
-          return _super33.apply(this, arguments);
+          return _super34.apply(this, arguments);
         }
 
         _createClass(Tag, null, [{
@@ -6243,9 +6639,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Tag;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    66: [function (require, module, exports) {
+    68: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -6253,20 +6649,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var CardBase = /*#__PURE__*/function (_PlattarBase17) {
         _inherits(CardBase, _PlattarBase17);
 
-        var _super34 = _createSuper(CardBase);
+        var _super35 = _createSuper(CardBase);
 
         function CardBase(id, server) {
-          var _this54;
+          var _this56;
 
           _classCallCheck(this, CardBase);
 
-          _this54 = _super34.call(this, id, server || Server["default"]());
+          _this56 = _super35.call(this, id, server || Server["default"]());
 
-          if (_this54.constructor === CardBase) {
+          if (_this56.constructor === CardBase) {
             throw new Error("CardBase is abstract and cannot be created");
           }
 
-          return _this54;
+          return _this56;
         }
 
         _createClass(CardBase, null, [{
@@ -6303,32 +6699,32 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardBase;
     }, {
-      "../../server/plattar-server.js": 41,
-      "../interfaces/plattar-base.js": 58,
-      "./card-button.js": 67,
-      "./card-html.js": 68,
-      "./card-iframe.js": 69,
-      "./card-image.js": 70,
-      "./card-map.js": 71,
-      "./card-paragraph.js": 72,
-      "./card-row.js": 73,
-      "./card-slider.js": 74,
-      "./card-title.js": 75,
-      "./card-video.js": 76,
-      "./card-youtube.js": 77
+      "../../server/plattar-server.js": 43,
+      "../interfaces/plattar-base.js": 60,
+      "./card-button.js": 69,
+      "./card-html.js": 70,
+      "./card-iframe.js": 71,
+      "./card-image.js": 72,
+      "./card-map.js": 73,
+      "./card-paragraph.js": 74,
+      "./card-row.js": 75,
+      "./card-slider.js": 76,
+      "./card-title.js": 77,
+      "./card-video.js": 78,
+      "./card-youtube.js": 79
     }],
-    67: [function (require, module, exports) {
+    69: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardButton = /*#__PURE__*/function (_CardBase) {
         _inherits(CardButton, _CardBase);
 
-        var _super35 = _createSuper(CardButton);
+        var _super36 = _createSuper(CardButton);
 
         function CardButton() {
           _classCallCheck(this, CardButton);
 
-          return _super35.apply(this, arguments);
+          return _super36.apply(this, arguments);
         }
 
         _createClass(CardButton, null, [{
@@ -6343,20 +6739,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardButton;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    68: [function (require, module, exports) {
+    70: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardHTML = /*#__PURE__*/function (_CardBase2) {
         _inherits(CardHTML, _CardBase2);
 
-        var _super36 = _createSuper(CardHTML);
+        var _super37 = _createSuper(CardHTML);
 
         function CardHTML() {
           _classCallCheck(this, CardHTML);
 
-          return _super36.apply(this, arguments);
+          return _super37.apply(this, arguments);
         }
 
         _createClass(CardHTML, null, [{
@@ -6371,20 +6767,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardHTML;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    69: [function (require, module, exports) {
+    71: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardIFrame = /*#__PURE__*/function (_CardBase3) {
         _inherits(CardIFrame, _CardBase3);
 
-        var _super37 = _createSuper(CardIFrame);
+        var _super38 = _createSuper(CardIFrame);
 
         function CardIFrame() {
           _classCallCheck(this, CardIFrame);
 
-          return _super37.apply(this, arguments);
+          return _super38.apply(this, arguments);
         }
 
         _createClass(CardIFrame, null, [{
@@ -6399,20 +6795,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardIFrame;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    70: [function (require, module, exports) {
+    72: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardImage = /*#__PURE__*/function (_CardBase4) {
         _inherits(CardImage, _CardBase4);
 
-        var _super38 = _createSuper(CardImage);
+        var _super39 = _createSuper(CardImage);
 
         function CardImage() {
           _classCallCheck(this, CardImage);
 
-          return _super38.apply(this, arguments);
+          return _super39.apply(this, arguments);
         }
 
         _createClass(CardImage, null, [{
@@ -6427,20 +6823,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardImage;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    71: [function (require, module, exports) {
+    73: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardMap = /*#__PURE__*/function (_CardBase5) {
         _inherits(CardMap, _CardBase5);
 
-        var _super39 = _createSuper(CardMap);
+        var _super40 = _createSuper(CardMap);
 
         function CardMap() {
           _classCallCheck(this, CardMap);
 
-          return _super39.apply(this, arguments);
+          return _super40.apply(this, arguments);
         }
 
         _createClass(CardMap, null, [{
@@ -6455,20 +6851,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardMap;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    72: [function (require, module, exports) {
+    74: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardParagraph = /*#__PURE__*/function (_CardBase6) {
         _inherits(CardParagraph, _CardBase6);
 
-        var _super40 = _createSuper(CardParagraph);
+        var _super41 = _createSuper(CardParagraph);
 
         function CardParagraph() {
           _classCallCheck(this, CardParagraph);
 
-          return _super40.apply(this, arguments);
+          return _super41.apply(this, arguments);
         }
 
         _createClass(CardParagraph, null, [{
@@ -6483,20 +6879,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardParagraph;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    73: [function (require, module, exports) {
+    75: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardRow = /*#__PURE__*/function (_CardBase7) {
         _inherits(CardRow, _CardBase7);
 
-        var _super41 = _createSuper(CardRow);
+        var _super42 = _createSuper(CardRow);
 
         function CardRow() {
           _classCallCheck(this, CardRow);
 
-          return _super41.apply(this, arguments);
+          return _super42.apply(this, arguments);
         }
 
         _createClass(CardRow, null, [{
@@ -6511,20 +6907,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardRow;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    74: [function (require, module, exports) {
+    76: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardSlider = /*#__PURE__*/function (_CardBase8) {
         _inherits(CardSlider, _CardBase8);
 
-        var _super42 = _createSuper(CardSlider);
+        var _super43 = _createSuper(CardSlider);
 
         function CardSlider() {
           _classCallCheck(this, CardSlider);
 
-          return _super42.apply(this, arguments);
+          return _super43.apply(this, arguments);
         }
 
         _createClass(CardSlider, null, [{
@@ -6539,20 +6935,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardSlider;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    75: [function (require, module, exports) {
+    77: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardTitle = /*#__PURE__*/function (_CardBase9) {
         _inherits(CardTitle, _CardBase9);
 
-        var _super43 = _createSuper(CardTitle);
+        var _super44 = _createSuper(CardTitle);
 
         function CardTitle() {
           _classCallCheck(this, CardTitle);
 
-          return _super43.apply(this, arguments);
+          return _super44.apply(this, arguments);
         }
 
         _createClass(CardTitle, null, [{
@@ -6567,20 +6963,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardTitle;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    76: [function (require, module, exports) {
+    78: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardVideo = /*#__PURE__*/function (_CardBase10) {
         _inherits(CardVideo, _CardBase10);
 
-        var _super44 = _createSuper(CardVideo);
+        var _super45 = _createSuper(CardVideo);
 
         function CardVideo() {
           _classCallCheck(this, CardVideo);
 
-          return _super44.apply(this, arguments);
+          return _super45.apply(this, arguments);
         }
 
         _createClass(CardVideo, null, [{
@@ -6595,20 +6991,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardVideo;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    77: [function (require, module, exports) {
+    79: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardYoutube = /*#__PURE__*/function (_CardBase11) {
         _inherits(CardYoutube, _CardBase11);
 
-        var _super45 = _createSuper(CardYoutube);
+        var _super46 = _createSuper(CardYoutube);
 
         function CardYoutube() {
           _classCallCheck(this, CardYoutube);
 
-          return _super45.apply(this, arguments);
+          return _super46.apply(this, arguments);
         }
 
         _createClass(CardYoutube, null, [{
@@ -6623,20 +7019,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = CardYoutube;
     }, {
-      "./card-base.js": 66
+      "./card-base.js": 68
     }],
-    78: [function (require, module, exports) {
+    80: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Page = /*#__PURE__*/function (_PlattarBase18) {
         _inherits(Page, _PlattarBase18);
 
-        var _super46 = _createSuper(Page);
+        var _super47 = _createSuper(Page);
 
         function Page() {
           _classCallCheck(this, Page);
 
-          return _super46.apply(this, arguments);
+          return _super47.apply(this, arguments);
         }
 
         _createClass(Page, null, [{
@@ -6651,20 +7047,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Page;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    79: [function (require, module, exports) {
+    81: [function (require, module, exports) {
       var ProductBase = require("./product-base.js");
 
       var ProductAnnotation = /*#__PURE__*/function (_ProductBase) {
         _inherits(ProductAnnotation, _ProductBase);
 
-        var _super47 = _createSuper(ProductAnnotation);
+        var _super48 = _createSuper(ProductAnnotation);
 
         function ProductAnnotation() {
           _classCallCheck(this, ProductAnnotation);
 
-          return _super47.apply(this, arguments);
+          return _super48.apply(this, arguments);
         }
 
         _createClass(ProductAnnotation, null, [{
@@ -6679,9 +7075,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ProductAnnotation;
     }, {
-      "./product-base.js": 80
+      "./product-base.js": 82
     }],
-    80: [function (require, module, exports) {
+    82: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -6689,20 +7085,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var ProductBase = /*#__PURE__*/function (_PlattarBase19) {
         _inherits(ProductBase, _PlattarBase19);
 
-        var _super48 = _createSuper(ProductBase);
+        var _super49 = _createSuper(ProductBase);
 
         function ProductBase(id, server) {
-          var _this55;
+          var _this57;
 
           _classCallCheck(this, ProductBase);
 
-          _this55 = _super48.call(this, id, server || Server["default"]());
+          _this57 = _super49.call(this, id, server || Server["default"]());
 
-          if (_this55.constructor === ProductBase) {
+          if (_this57.constructor === ProductBase) {
             throw new Error("ProductBase is abstract and cannot be created");
           }
 
-          return _this55;
+          return _this57;
         }
 
         _createClass(ProductBase, null, [{
@@ -6721,23 +7117,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ProductBase;
     }, {
-      "../../server/plattar-server.js": 41,
-      "../interfaces/plattar-base.js": 58,
-      "./product-annotation.js": 79,
-      "./product-variation.js": 81
+      "../../server/plattar-server.js": 43,
+      "../interfaces/plattar-base.js": 60,
+      "./product-annotation.js": 81,
+      "./product-variation.js": 83
     }],
-    81: [function (require, module, exports) {
+    83: [function (require, module, exports) {
       var ProductBase = require("./product-base.js");
 
       var ProductVariation = /*#__PURE__*/function (_ProductBase2) {
         _inherits(ProductVariation, _ProductBase2);
 
-        var _super49 = _createSuper(ProductVariation);
+        var _super50 = _createSuper(ProductVariation);
 
         function ProductVariation() {
           _classCallCheck(this, ProductVariation);
 
-          return _super49.apply(this, arguments);
+          return _super50.apply(this, arguments);
         }
 
         _createClass(ProductVariation, null, [{
@@ -6752,20 +7148,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ProductVariation;
     }, {
-      "./product-base.js": 80
+      "./product-base.js": 82
     }],
-    82: [function (require, module, exports) {
+    84: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Product = /*#__PURE__*/function (_PlattarBase20) {
         _inherits(Product, _PlattarBase20);
 
-        var _super50 = _createSuper(Product);
+        var _super51 = _createSuper(Product);
 
         function Product() {
           _classCallCheck(this, Product);
 
-          return _super50.apply(this, arguments);
+          return _super51.apply(this, arguments);
         }
 
         _createClass(Product, null, [{
@@ -6780,20 +7176,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Product;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    83: [function (require, module, exports) {
+    85: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneAnnotation = /*#__PURE__*/function (_SceneBase) {
         _inherits(SceneAnnotation, _SceneBase);
 
-        var _super51 = _createSuper(SceneAnnotation);
+        var _super52 = _createSuper(SceneAnnotation);
 
         function SceneAnnotation() {
           _classCallCheck(this, SceneAnnotation);
 
-          return _super51.apply(this, arguments);
+          return _super52.apply(this, arguments);
         }
 
         _createClass(SceneAnnotation, null, [{
@@ -6808,20 +7204,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneAnnotation;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    84: [function (require, module, exports) {
+    86: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneAudio = /*#__PURE__*/function (_SceneBase2) {
         _inherits(SceneAudio, _SceneBase2);
 
-        var _super52 = _createSuper(SceneAudio);
+        var _super53 = _createSuper(SceneAudio);
 
         function SceneAudio() {
           _classCallCheck(this, SceneAudio);
 
-          return _super52.apply(this, arguments);
+          return _super53.apply(this, arguments);
         }
 
         _createClass(SceneAudio, null, [{
@@ -6836,9 +7232,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneAudio;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    85: [function (require, module, exports) {
+    87: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -6846,20 +7242,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var SceneBase = /*#__PURE__*/function (_PlattarBase21) {
         _inherits(SceneBase, _PlattarBase21);
 
-        var _super53 = _createSuper(SceneBase);
+        var _super54 = _createSuper(SceneBase);
 
         function SceneBase(id, server) {
-          var _this56;
+          var _this58;
 
           _classCallCheck(this, SceneBase);
 
-          _this56 = _super53.call(this, id, server || Server["default"]());
+          _this58 = _super54.call(this, id, server || Server["default"]());
 
-          if (_this56.constructor === SceneBase) {
+          if (_this58.constructor === SceneBase) {
             throw new Error("SceneBase is abstract and cannot be created");
           }
 
-          return _this56;
+          return _this58;
         }
 
         _createClass(SceneBase, null, [{
@@ -6902,35 +7298,35 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneBase;
     }, {
-      "../../server/plattar-server.js": 41,
-      "../interfaces/plattar-base.js": 58,
-      "./scene-annotation.js": 83,
-      "./scene-audio.js": 84,
-      "./scene-button.js": 86,
-      "./scene-camera.js": 87,
-      "./scene-carousel.js": 88,
-      "./scene-image.js": 89,
-      "./scene-model.js": 90,
-      "./scene-panorama.js": 91,
-      "./scene-poller.js": 92,
-      "./scene-product.js": 93,
-      "./scene-shadow.js": 95,
-      "./scene-video.js": 96,
-      "./scene-volumetric.js": 97,
-      "./scene-youtube.js": 98
+      "../../server/plattar-server.js": 43,
+      "../interfaces/plattar-base.js": 60,
+      "./scene-annotation.js": 85,
+      "./scene-audio.js": 86,
+      "./scene-button.js": 88,
+      "./scene-camera.js": 89,
+      "./scene-carousel.js": 90,
+      "./scene-image.js": 91,
+      "./scene-model.js": 92,
+      "./scene-panorama.js": 93,
+      "./scene-poller.js": 94,
+      "./scene-product.js": 95,
+      "./scene-shadow.js": 97,
+      "./scene-video.js": 98,
+      "./scene-volumetric.js": 99,
+      "./scene-youtube.js": 100
     }],
-    86: [function (require, module, exports) {
+    88: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneButton = /*#__PURE__*/function (_SceneBase3) {
         _inherits(SceneButton, _SceneBase3);
 
-        var _super54 = _createSuper(SceneButton);
+        var _super55 = _createSuper(SceneButton);
 
         function SceneButton() {
           _classCallCheck(this, SceneButton);
 
-          return _super54.apply(this, arguments);
+          return _super55.apply(this, arguments);
         }
 
         _createClass(SceneButton, null, [{
@@ -6945,20 +7341,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneButton;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    87: [function (require, module, exports) {
+    89: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneCamera = /*#__PURE__*/function (_SceneBase4) {
         _inherits(SceneCamera, _SceneBase4);
 
-        var _super55 = _createSuper(SceneCamera);
+        var _super56 = _createSuper(SceneCamera);
 
         function SceneCamera() {
           _classCallCheck(this, SceneCamera);
 
-          return _super55.apply(this, arguments);
+          return _super56.apply(this, arguments);
         }
 
         _createClass(SceneCamera, null, [{
@@ -6973,20 +7369,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneCamera;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    88: [function (require, module, exports) {
+    90: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneCarousel = /*#__PURE__*/function (_SceneBase5) {
         _inherits(SceneCarousel, _SceneBase5);
 
-        var _super56 = _createSuper(SceneCarousel);
+        var _super57 = _createSuper(SceneCarousel);
 
         function SceneCarousel() {
           _classCallCheck(this, SceneCarousel);
 
-          return _super56.apply(this, arguments);
+          return _super57.apply(this, arguments);
         }
 
         _createClass(SceneCarousel, null, [{
@@ -7001,20 +7397,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneCarousel;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    89: [function (require, module, exports) {
+    91: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneImage = /*#__PURE__*/function (_SceneBase6) {
         _inherits(SceneImage, _SceneBase6);
 
-        var _super57 = _createSuper(SceneImage);
+        var _super58 = _createSuper(SceneImage);
 
         function SceneImage() {
           _classCallCheck(this, SceneImage);
 
-          return _super57.apply(this, arguments);
+          return _super58.apply(this, arguments);
         }
 
         _createClass(SceneImage, null, [{
@@ -7029,20 +7425,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneImage;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    90: [function (require, module, exports) {
+    92: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneModel = /*#__PURE__*/function (_SceneBase7) {
         _inherits(SceneModel, _SceneBase7);
 
-        var _super58 = _createSuper(SceneModel);
+        var _super59 = _createSuper(SceneModel);
 
         function SceneModel() {
           _classCallCheck(this, SceneModel);
 
-          return _super58.apply(this, arguments);
+          return _super59.apply(this, arguments);
         }
 
         _createClass(SceneModel, null, [{
@@ -7057,20 +7453,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneModel;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    91: [function (require, module, exports) {
+    93: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var ScenePanorama = /*#__PURE__*/function (_SceneBase8) {
         _inherits(ScenePanorama, _SceneBase8);
 
-        var _super59 = _createSuper(ScenePanorama);
+        var _super60 = _createSuper(ScenePanorama);
 
         function ScenePanorama() {
           _classCallCheck(this, ScenePanorama);
 
-          return _super59.apply(this, arguments);
+          return _super60.apply(this, arguments);
         }
 
         _createClass(ScenePanorama, null, [{
@@ -7085,20 +7481,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ScenePanorama;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    92: [function (require, module, exports) {
+    94: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var ScenePoller = /*#__PURE__*/function (_SceneBase9) {
         _inherits(ScenePoller, _SceneBase9);
 
-        var _super60 = _createSuper(ScenePoller);
+        var _super61 = _createSuper(ScenePoller);
 
         function ScenePoller() {
           _classCallCheck(this, ScenePoller);
 
-          return _super60.apply(this, arguments);
+          return _super61.apply(this, arguments);
         }
 
         _createClass(ScenePoller, null, [{
@@ -7113,20 +7509,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ScenePoller;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    93: [function (require, module, exports) {
+    95: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneProduct = /*#__PURE__*/function (_SceneBase10) {
         _inherits(SceneProduct, _SceneBase10);
 
-        var _super61 = _createSuper(SceneProduct);
+        var _super62 = _createSuper(SceneProduct);
 
         function SceneProduct() {
           _classCallCheck(this, SceneProduct);
 
-          return _super61.apply(this, arguments);
+          return _super62.apply(this, arguments);
         }
 
         _createClass(SceneProduct, null, [{
@@ -7141,20 +7537,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneProduct;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    94: [function (require, module, exports) {
+    96: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneScript = /*#__PURE__*/function (_SceneBase11) {
         _inherits(SceneScript, _SceneBase11);
 
-        var _super62 = _createSuper(SceneScript);
+        var _super63 = _createSuper(SceneScript);
 
         function SceneScript() {
           _classCallCheck(this, SceneScript);
 
-          return _super62.apply(this, arguments);
+          return _super63.apply(this, arguments);
         }
 
         _createClass(SceneScript, null, [{
@@ -7169,20 +7565,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneScript;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    95: [function (require, module, exports) {
+    97: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneShadow = /*#__PURE__*/function (_SceneBase12) {
         _inherits(SceneShadow, _SceneBase12);
 
-        var _super63 = _createSuper(SceneShadow);
+        var _super64 = _createSuper(SceneShadow);
 
         function SceneShadow() {
           _classCallCheck(this, SceneShadow);
 
-          return _super63.apply(this, arguments);
+          return _super64.apply(this, arguments);
         }
 
         _createClass(SceneShadow, null, [{
@@ -7197,20 +7593,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneShadow;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    96: [function (require, module, exports) {
+    98: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneVideo = /*#__PURE__*/function (_SceneBase13) {
         _inherits(SceneVideo, _SceneBase13);
 
-        var _super64 = _createSuper(SceneVideo);
+        var _super65 = _createSuper(SceneVideo);
 
         function SceneVideo() {
           _classCallCheck(this, SceneVideo);
 
-          return _super64.apply(this, arguments);
+          return _super65.apply(this, arguments);
         }
 
         _createClass(SceneVideo, null, [{
@@ -7225,20 +7621,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneVideo;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    97: [function (require, module, exports) {
+    99: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneVolumetric = /*#__PURE__*/function (_SceneBase14) {
         _inherits(SceneVolumetric, _SceneBase14);
 
-        var _super65 = _createSuper(SceneVolumetric);
+        var _super66 = _createSuper(SceneVolumetric);
 
         function SceneVolumetric() {
           _classCallCheck(this, SceneVolumetric);
 
-          return _super65.apply(this, arguments);
+          return _super66.apply(this, arguments);
         }
 
         _createClass(SceneVolumetric, null, [{
@@ -7253,20 +7649,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneVolumetric;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    98: [function (require, module, exports) {
+    100: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneYoutube = /*#__PURE__*/function (_SceneBase15) {
         _inherits(SceneYoutube, _SceneBase15);
 
-        var _super66 = _createSuper(SceneYoutube);
+        var _super67 = _createSuper(SceneYoutube);
 
         function SceneYoutube() {
           _classCallCheck(this, SceneYoutube);
 
-          return _super66.apply(this, arguments);
+          return _super67.apply(this, arguments);
         }
 
         _createClass(SceneYoutube, null, [{
@@ -7281,20 +7677,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = SceneYoutube;
     }, {
-      "./scene-base.js": 85
+      "./scene-base.js": 87
     }],
-    99: [function (require, module, exports) {
+    101: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Scene = /*#__PURE__*/function (_PlattarBase22) {
         _inherits(Scene, _PlattarBase22);
 
-        var _super67 = _createSuper(Scene);
+        var _super68 = _createSuper(Scene);
 
         function Scene() {
           _classCallCheck(this, Scene);
 
-          return _super67.apply(this, arguments);
+          return _super68.apply(this, arguments);
         }
 
         _createClass(Scene, null, [{
@@ -7309,20 +7705,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Scene;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    100: [function (require, module, exports) {
+    102: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var TriggerImage = /*#__PURE__*/function (_PlattarBase23) {
         _inherits(TriggerImage, _PlattarBase23);
 
-        var _super68 = _createSuper(TriggerImage);
+        var _super69 = _createSuper(TriggerImage);
 
         function TriggerImage() {
           _classCallCheck(this, TriggerImage);
 
-          return _super68.apply(this, arguments);
+          return _super69.apply(this, arguments);
         }
 
         _createClass(TriggerImage, null, [{
@@ -7337,9 +7733,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = TriggerImage;
     }, {
-      "../interfaces/plattar-base.js": 58
+      "../interfaces/plattar-base.js": 60
     }],
-    101: [function (require, module, exports) {
+    103: [function (require, module, exports) {
       var Application = require("../types/application.js"); // import Scene types and its children
 
 
@@ -7726,81 +8122,81 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = PlattarUtil;
     }, {
-      "../types/application.js": 42,
-      "../types/content-pipeline/brief.js": 43,
-      "../types/content-pipeline/comment-brief.js": 44,
-      "../types/content-pipeline/comment-quote.js": 45,
-      "../types/content-pipeline/comment-solution.js": 46,
-      "../types/content-pipeline/folder.js": 47,
-      "../types/content-pipeline/pipeline-user.js": 48,
-      "../types/content-pipeline/quote.js": 49,
-      "../types/content-pipeline/rating.js": 50,
-      "../types/content-pipeline/solution.js": 51,
-      "../types/file/file-audio.js": 52,
-      "../types/file/file-image.js": 54,
-      "../types/file/file-model.js": 55,
-      "../types/file/file-script.js": 56,
-      "../types/file/file-video.js": 57,
-      "../types/interfaces/plattar-object.js": 60,
-      "../types/misc/application-build.js": 61,
-      "../types/misc/asset-library": 62,
-      "../types/misc/async-job.js": 63,
-      "../types/misc/script-event.js": 64,
-      "../types/misc/tag.js": 65,
-      "../types/page/card-button.js": 67,
-      "../types/page/card-html.js": 68,
-      "../types/page/card-iframe.js": 69,
-      "../types/page/card-image.js": 70,
-      "../types/page/card-map.js": 71,
-      "../types/page/card-paragraph.js": 72,
-      "../types/page/card-row.js": 73,
-      "../types/page/card-slider.js": 74,
-      "../types/page/card-title.js": 75,
-      "../types/page/card-video.js": 76,
-      "../types/page/card-youtube.js": 77,
-      "../types/page/page.js": 78,
-      "../types/product/product-annotation.js": 79,
-      "../types/product/product-variation.js": 81,
-      "../types/product/product.js": 82,
-      "../types/scene/scene-annotation.js": 83,
-      "../types/scene/scene-audio.js": 84,
-      "../types/scene/scene-button.js": 86,
-      "../types/scene/scene-camera.js": 87,
-      "../types/scene/scene-carousel.js": 88,
-      "../types/scene/scene-image.js": 89,
-      "../types/scene/scene-model.js": 90,
-      "../types/scene/scene-panorama.js": 91,
-      "../types/scene/scene-poller.js": 92,
-      "../types/scene/scene-product.js": 93,
-      "../types/scene/scene-script.js": 94,
-      "../types/scene/scene-shadow.js": 95,
-      "../types/scene/scene-video.js": 96,
-      "../types/scene/scene-volumetric.js": 97,
-      "../types/scene/scene-youtube.js": 98,
-      "../types/scene/scene.js": 99,
-      "../types/trigger/trigger-image.js": 100
+      "../types/application.js": 44,
+      "../types/content-pipeline/brief.js": 45,
+      "../types/content-pipeline/comment-brief.js": 46,
+      "../types/content-pipeline/comment-quote.js": 47,
+      "../types/content-pipeline/comment-solution.js": 48,
+      "../types/content-pipeline/folder.js": 49,
+      "../types/content-pipeline/pipeline-user.js": 50,
+      "../types/content-pipeline/quote.js": 51,
+      "../types/content-pipeline/rating.js": 52,
+      "../types/content-pipeline/solution.js": 53,
+      "../types/file/file-audio.js": 54,
+      "../types/file/file-image.js": 56,
+      "../types/file/file-model.js": 57,
+      "../types/file/file-script.js": 58,
+      "../types/file/file-video.js": 59,
+      "../types/interfaces/plattar-object.js": 62,
+      "../types/misc/application-build.js": 63,
+      "../types/misc/asset-library": 64,
+      "../types/misc/async-job.js": 65,
+      "../types/misc/script-event.js": 66,
+      "../types/misc/tag.js": 67,
+      "../types/page/card-button.js": 69,
+      "../types/page/card-html.js": 70,
+      "../types/page/card-iframe.js": 71,
+      "../types/page/card-image.js": 72,
+      "../types/page/card-map.js": 73,
+      "../types/page/card-paragraph.js": 74,
+      "../types/page/card-row.js": 75,
+      "../types/page/card-slider.js": 76,
+      "../types/page/card-title.js": 77,
+      "../types/page/card-video.js": 78,
+      "../types/page/card-youtube.js": 79,
+      "../types/page/page.js": 80,
+      "../types/product/product-annotation.js": 81,
+      "../types/product/product-variation.js": 83,
+      "../types/product/product.js": 84,
+      "../types/scene/scene-annotation.js": 85,
+      "../types/scene/scene-audio.js": 86,
+      "../types/scene/scene-button.js": 88,
+      "../types/scene/scene-camera.js": 89,
+      "../types/scene/scene-carousel.js": 90,
+      "../types/scene/scene-image.js": 91,
+      "../types/scene/scene-model.js": 92,
+      "../types/scene/scene-panorama.js": 93,
+      "../types/scene/scene-poller.js": 94,
+      "../types/scene/scene-product.js": 95,
+      "../types/scene/scene-script.js": 96,
+      "../types/scene/scene-shadow.js": 97,
+      "../types/scene/scene-video.js": 98,
+      "../types/scene/scene-volumetric.js": 99,
+      "../types/scene/scene-youtube.js": 100,
+      "../types/scene/scene.js": 101,
+      "../types/trigger/trigger-image.js": 102
     }],
-    102: [function (require, module, exports) {
+    104: [function (require, module, exports) {
       module.exports = "1.120.1";
     }, {}],
-    103: [function (require, module, exports) {
+    105: [function (require, module, exports) {
       var QRCodeStyling = require("qr-code-styling");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement2) {
         _inherits(BaseElement, _HTMLElement2);
 
-        var _super69 = _createSuper(BaseElement);
+        var _super70 = _createSuper(BaseElement);
 
         function BaseElement() {
           _classCallCheck(this, BaseElement);
 
-          return _super69.call(this);
+          return _super70.call(this);
         }
 
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this57 = this;
+            var _this59 = this;
 
             if (this.hasAttribute("url")) {
               this.renderQRCode();
@@ -7809,8 +8205,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 (_this57.hasAttribute("url")) {
-                    _this57.renderQRCode();
+                  if (_this59.hasAttribute("url")) {
+                    _this59.renderQRCode();
                   }
                 }
               });
@@ -7834,7 +8230,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "renderQRCode",
           value: function renderQRCode() {
-            var _this58 = this;
+            var _this60 = this;
 
             var url = this.hasAttribute("url") ? this.getAttribute("url") : undefined;
 
@@ -7944,11 +8340,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
             if (shortenURL && shortenURL.toLowerCase() === "true") {
               this._ShortenURL(url).then(function (newURL) {
-                _this58._GenerateQRCode(newURL, width, height);
+                _this60._GenerateQRCode(newURL, width, height);
               })["catch"](function (_err) {
                 console.warn(_err); // ignore error and just generate normal QR Code
 
-                _this58._GenerateQRCode(url, width, height);
+                _this60._GenerateQRCode(url, width, height);
               });
             } else {
               this._GenerateQRCode(url, width, height);
@@ -8008,10 +8404,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_ShortenURL",
           value: function _ShortenURL(url) {
-            var _this59 = this;
+            var _this61 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this59._IsFetchAPISupported()) {
+              if (!_this61._IsFetchAPISupported()) {
                 return reject(new Error("PlattarQR._ShortenURL() - fetch api not supported, cannot proceed"));
               }
 
@@ -8041,20 +8437,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = BaseElement;
     }, {
-      "qr-code-styling": 130
+      "qr-code-styling": 132
     }],
-    104: [function (require, module, exports) {
+    106: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var QRCodeElement = /*#__PURE__*/function (_BaseElement) {
         _inherits(QRCodeElement, _BaseElement);
 
-        var _super70 = _createSuper(QRCodeElement);
+        var _super71 = _createSuper(QRCodeElement);
 
         function QRCodeElement() {
           _classCallCheck(this, QRCodeElement);
 
-          return _super70.call(this);
+          return _super71.call(this);
         }
 
         return _createClass(QRCodeElement);
@@ -8062,9 +8458,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = QRCodeElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 105
     }],
-    105: [function (require, module, exports) {
+    107: [function (require, module, exports) {
       "use strict";
 
       var QRCodeElement = require("./elements/qrcode-element.js");
@@ -8082,13 +8478,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         version: Version
       };
     }, {
-      "./elements/qrcode-element.js": 104,
-      "./version": 106
+      "./elements/qrcode-element.js": 106,
+      "./version": 108
     }],
-    106: [function (require, module, exports) {
+    108: [function (require, module, exports) {
       module.exports = "1.122.1";
     }, {}],
-    107: [function (require, module, exports) {
+    109: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -8239,11 +8635,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this60 = this;
+            var _this62 = this;
 
             return new Promise(function (accept, reject) {
-              _this60._CalculateHash().then(function () {
-                remote_request_1.RemoteRequest.request(_this60._GetPayload(), _this60.retry < 0 ? 0 : _this60.retry).then(accept)["catch"](reject);
+              _this62._CalculateHash().then(function () {
+                remote_request_1.RemoteRequest.request(_this62._GetPayload(), _this62.retry < 0 ? 0 : _this62.retry).then(accept)["catch"](reject);
               })["catch"](function (_err) {
                 reject(new Error("Configurator.get() - one of the objects does not exist in Plattar API"));
               });
@@ -8252,14 +8648,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "_CalculateHash",
           value: function _CalculateHash() {
-            var _this61 = this;
+            var _this63 = 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(_this61.server));
+              plattar_api_1.Server.create(plattar_api_1.Server.match(_this63.server));
 
-              _this61._maps.forEach(function (map) {
+              _this63._maps.forEach(function (map) {
                 if (map.productvariation) {
                   promises.push(new plattar_api_1.ProductVariation(map.productvariation).get());
                 }
@@ -8279,7 +8675,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               Promise.all(promises).then(function (values) {
                 values.forEach(function (value) {
-                  _this61._attrHash.push(value.attributes);
+                  _this63._attrHash.push(value.attributes);
                 }); // reset server back
 
                 plattar_api_1.Server.create(plattar_api_1.Server.match(oldOrigin));
@@ -8322,11 +8718,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.Configurator = Configurator;
     }, {
-      "./remote-request": 109,
-      "@plattar/plattar-api": 39,
-      "object-hash": 128
+      "./remote-request": 111,
+      "@plattar/plattar-api": 41,
+      "object-hash": 130
     }],
-    108: [function (require, module, exports) {
+    110: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -8381,14 +8777,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "get",
           value: function get() {
-            var _this62 = this;
+            var _this64 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this62._model) {
+              if (!_this64._model) {
                 return reject(new Error("ModelConverter.get() - required .model attribute was not set"));
               }
 
-              remote_request_1.RemoteRequest.request(_this62._Payload, _this62.retry < 0 ? 0 : _this62.retry).then(accept)["catch"](reject);
+              remote_request_1.RemoteRequest.request(_this64._Payload, _this64.retry < 0 ? 0 : _this64.retry).then(accept)["catch"](reject);
             });
           }
         }, {
@@ -8421,11 +8817,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.ModelConverter = ModelConverter;
     }, {
-      "./remote-request": 109,
-      "@plattar/plattar-api": 39,
-      "object-hash": 128
+      "./remote-request": 111,
+      "@plattar/plattar-api": 41,
+      "object-hash": 130
     }],
-    109: [function (require, module, exports) {
+    111: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -8513,9 +8909,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       exports.RemoteRequest = RemoteRequest;
     }, {
-      "node-fetch": 127
+      "node-fetch": 129
     }],
-    110: [function (require, module, exports) {
+    112: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -8586,11 +8982,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       console.log("using @plattar/plattar-services v" + version_1["default"]);
     }, {
-      "./core/configurator": 107,
-      "./core/model-converter": 108,
-      "./version": 111
+      "./core/configurator": 109,
+      "./core/model-converter": 110,
+      "./version": 113
     }],
-    111: [function (require, module, exports) {
+    113: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -8598,18 +8994,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       });
       exports["default"] = "1.120.1";
     }, {}],
-    112: [function (require, module, exports) {
+    114: [function (require, module, exports) {
       var ElementController = require("../controllers/element-controller");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
         _inherits(BaseElement, _HTMLElement3);
 
-        var _super71 = _createSuper(BaseElement);
+        var _super72 = _createSuper(BaseElement);
 
         function BaseElement() {
           _classCallCheck(this, BaseElement);
 
-          return _super71.call(this);
+          return _super72.call(this);
         }
 
         _createClass(BaseElement, [{
@@ -8709,19 +9105,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this63 = this;
+            var _this65 = this;
 
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this63.hasAttribute(ele.key)) {
-                map.set(ele.map, _this63.getAttribute(ele.key));
+              if (_this65.hasAttribute(ele.key)) {
+                map.set(ele.map, _this65.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this63.hasAttribute(ele.key)) {
-                map.set(ele.map, _this63.getAttribute(ele.key));
+              if (_this65.hasAttribute(ele.key)) {
+                map.set(ele.map, _this65.getAttribute(ele.key));
               }
             });
             return map;
@@ -8765,20 +9161,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = BaseElement;
     }, {
-      "../controllers/element-controller": 114
+      "../controllers/element-controller": 116
     }],
-    113: [function (require, module, exports) {
+    115: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ConfiguratorElement = /*#__PURE__*/function (_BaseElement2) {
         _inherits(ConfiguratorElement, _BaseElement2);
 
-        var _super72 = _createSuper(ConfiguratorElement);
+        var _super73 = _createSuper(ConfiguratorElement);
 
         function ConfiguratorElement() {
           _classCallCheck(this, ConfiguratorElement);
 
-          return _super72.call(this);
+          return _super73.call(this);
         }
 
         _createClass(ConfiguratorElement, [{
@@ -8809,9 +9205,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ConfiguratorElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    114: [function (require, module, exports) {
+    116: [function (require, module, exports) {
       var Util = require("../../util/util.js");
 
       var _require = require("@plattar/context-messenger"),
@@ -8821,7 +9217,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this64 = this;
+          var _this66 = this;
 
           _classCallCheck(this, ElementController);
 
@@ -8837,7 +9233,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this64._load();
+                    _this66._load();
                   }
                 }
               }
@@ -8928,16 +9324,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ElementController;
     }, {
-      "../../util/util.js": 125,
-      "./iframe-controller.js": 115,
-      "@plattar/context-messenger": 18
+      "../../util/util.js": 127,
+      "./iframe-controller.js": 117,
+      "@plattar/context-messenger": 20
     }],
-    115: [function (require, module, exports) {
+    117: [function (require, module, exports) {
       var Util = require("../../util/util.js");
 
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this65 = this;
+          var _this67 = this;
 
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
@@ -8949,7 +9345,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this65._iframe);
+                onelemload(_this67._iframe);
               }
             };
           }
@@ -9046,20 +9442,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = IFrameController;
     }, {
-      "../../util/util.js": 125
+      "../../util/util.js": 127
     }],
-    116: [function (require, module, exports) {
+    118: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var EditorElement = /*#__PURE__*/function (_BaseElement3) {
         _inherits(EditorElement, _BaseElement3);
 
-        var _super73 = _createSuper(EditorElement);
+        var _super74 = _createSuper(EditorElement);
 
         function EditorElement() {
           _classCallCheck(this, EditorElement);
 
-          return _super73.call(this);
+          return _super74.call(this);
         }
 
         _createClass(EditorElement, [{
@@ -9079,26 +9475,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = EditorElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    117: [function (require, module, exports) {
+    119: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var EWallElement = /*#__PURE__*/function (_BaseElement4) {
         _inherits(EWallElement, _BaseElement4);
 
-        var _super74 = _createSuper(EWallElement);
+        var _super75 = _createSuper(EWallElement);
 
         function EWallElement() {
-          var _this66;
+          var _this68;
 
           _classCallCheck(this, EWallElement);
 
-          _this66 = _super74.call(this);
+          _this68 = _super75.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this66;
+          return _this68;
         }
 
         _createClass(EWallElement, [{
@@ -9134,20 +9530,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = EWallElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    118: [function (require, module, exports) {
+    120: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var FaceARElement = /*#__PURE__*/function (_BaseElement5) {
         _inherits(FaceARElement, _BaseElement5);
 
-        var _super75 = _createSuper(FaceARElement);
+        var _super76 = _createSuper(FaceARElement);
 
         function FaceARElement() {
           _classCallCheck(this, FaceARElement);
 
-          return _super75.call(this);
+          return _super76.call(this);
         }
 
         _createClass(FaceARElement, [{
@@ -9178,20 +9574,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = FaceARElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    119: [function (require, module, exports) {
+    121: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ModelElement = /*#__PURE__*/function (_BaseElement6) {
         _inherits(ModelElement, _BaseElement6);
 
-        var _super76 = _createSuper(ModelElement);
+        var _super77 = _createSuper(ModelElement);
 
         function ModelElement() {
           _classCallCheck(this, ModelElement);
 
-          return _super76.call(this);
+          return _super77.call(this);
         }
 
         _createClass(ModelElement, [{
@@ -9219,20 +9615,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ModelElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    120: [function (require, module, exports) {
+    122: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ProductElement = /*#__PURE__*/function (_BaseElement7) {
         _inherits(ProductElement, _BaseElement7);
 
-        var _super77 = _createSuper(ProductElement);
+        var _super78 = _createSuper(ProductElement);
 
         function ProductElement() {
           _classCallCheck(this, ProductElement);
 
-          return _super77.call(this);
+          return _super78.call(this);
         }
 
         _createClass(ProductElement, [{
@@ -9268,20 +9664,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ProductElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    121: [function (require, module, exports) {
+    123: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var StudioElement = /*#__PURE__*/function (_BaseElement8) {
         _inherits(StudioElement, _BaseElement8);
 
-        var _super78 = _createSuper(StudioElement);
+        var _super79 = _createSuper(StudioElement);
 
         function StudioElement() {
           _classCallCheck(this, StudioElement);
 
-          return _super78.call(this);
+          return _super79.call(this);
         }
 
         _createClass(StudioElement, [{
@@ -9301,20 +9697,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = StudioElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    122: [function (require, module, exports) {
+    124: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ViewerElement = /*#__PURE__*/function (_BaseElement9) {
         _inherits(ViewerElement, _BaseElement9);
 
-        var _super79 = _createSuper(ViewerElement);
+        var _super80 = _createSuper(ViewerElement);
 
         function ViewerElement() {
           _classCallCheck(this, ViewerElement);
 
-          return _super79.call(this);
+          return _super80.call(this);
         }
 
         _createClass(ViewerElement, [{
@@ -9345,20 +9741,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = ViewerElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    123: [function (require, module, exports) {
+    125: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var WebXRElement = /*#__PURE__*/function (_BaseElement10) {
         _inherits(WebXRElement, _BaseElement10);
 
-        var _super80 = _createSuper(WebXRElement);
+        var _super81 = _createSuper(WebXRElement);
 
         function WebXRElement() {
           _classCallCheck(this, WebXRElement);
 
-          return _super80.call(this);
+          return _super81.call(this);
         }
 
         _createClass(WebXRElement, [{
@@ -9378,9 +9774,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = WebXRElement;
     }, {
-      "./base/base-element.js": 112
+      "./base/base-element.js": 114
     }],
-    124: [function (require, module, exports) {
+    126: [function (require, module, exports) {
       "use strict";
 
       var WebXRElement = require("./elements/webxr-element.js");
@@ -9444,18 +9840,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         version: Version
       };
     }, {
-      "./elements/configurator-element.js": 113,
-      "./elements/editor-element.js": 116,
-      "./elements/ewall-element.js": 117,
-      "./elements/facear-element.js": 118,
-      "./elements/model-element.js": 119,
-      "./elements/product-element.js": 120,
-      "./elements/studio-element.js": 121,
-      "./elements/viewer-element.js": 122,
-      "./elements/webxr-element.js": 123,
-      "./version": 126
+      "./elements/configurator-element.js": 115,
+      "./elements/editor-element.js": 118,
+      "./elements/ewall-element.js": 119,
+      "./elements/facear-element.js": 120,
+      "./elements/model-element.js": 121,
+      "./elements/product-element.js": 122,
+      "./elements/studio-element.js": 123,
+      "./elements/viewer-element.js": 124,
+      "./elements/webxr-element.js": 125,
+      "./version": 128
     }],
-    125: [function (require, module, exports) {
+    127: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -9553,10 +9949,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = Util;
     }, {}],
-    126: [function (require, module, exports) {
+    128: [function (require, module, exports) {
       module.exports = "1.122.3";
     }, {}],
-    127: [function (require, module, exports) {
+    129: [function (require, module, exports) {
       (function (global) {
         (function () {
           "use strict"; // ref: https://github.com/tc39/proposal-global
@@ -9593,7 +9989,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }).call(this);
       }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
     }, {}],
-    128: [function (require, module, exports) {
+    130: [function (require, module, exports) {
       (function (global) {
         (function () {
           !function (e) {
@@ -10865,7 +11261,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }).call(this);
       }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
     }, {}],
-    129: [function (require, module, exports) {
+    131: [function (require, module, exports) {
       // shim for using process in browser
       var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it
       // don't break things.  But we need to wrap it in a try catch in case it is
@@ -11075,7 +11471,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         return 0;
       };
     }, {}],
-    130: [function (require, module, exports) {
+    132: [function (require, module, exports) {
       !function (t, e) {
         "object" == _typeof(exports) && "object" == _typeof(module) ? module.exports = e() : "function" == typeof define && define.amd ? define([], e) : "object" == _typeof(exports) ? exports.QRCodeStyling = e() : t.QRCodeStyling = e();
       }(self, function () {
@@ -13707,6 +14103,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
         }()["default"];
       });
     }, {}]
-  }, {}, [11])(11);
+  }, {}, [12])(12);
 });