@plattar/plattar-ar-adapter 1.120.2 → 1.122.3

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

@@ -36,9 +36,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -52,7 +52,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 (function (f) {
   if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === "object" && typeof module !== "undefined") {
@@ -166,9 +166,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       });
       exports.LauncherAR = void 0;
 
-      var LauncherAR = function LauncherAR() {
+      var LauncherAR = /*#__PURE__*/_createClass(function LauncherAR() {
         _classCallCheck(this, LauncherAR);
-      };
+      });
 
       exports.LauncherAR = LauncherAR;
     }, {}],
@@ -371,13 +371,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.ModelAR = ModelAR;
     }, {
-      "../util/util": 8,
-      "../viewers/quicklook-viewer": 11,
-      "../viewers/reality-viewer": 12,
-      "../viewers/scene-viewer": 13,
+      "../util/util": 9,
+      "../viewers/quicklook-viewer": 12,
+      "../viewers/reality-viewer": 13,
+      "../viewers/scene-viewer": 14,
       "./launcher-ar": 2,
-      "@plattar/plattar-analytics": 31,
-      "@plattar/plattar-api": 35
+      "@plattar/plattar-analytics": 32,
+      "@plattar/plattar-api": 36
     }],
     4: [function (require, module, exports) {
       "use strict";
@@ -631,17 +631,195 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.ProductAR = ProductAR;
     }, {
-      "../util/util": 8,
-      "../viewers/quicklook-viewer": 11,
-      "../viewers/reality-viewer": 12,
-      "../viewers/scene-viewer": 13,
+      "../util/util": 9,
+      "../viewers/quicklook-viewer": 12,
+      "../viewers/reality-viewer": 13,
+      "../viewers/scene-viewer": 14,
       "./launcher-ar": 2,
-      "@plattar/plattar-analytics": 31,
-      "@plattar/plattar-api": 35
+      "@plattar/plattar-analytics": 32,
+      "@plattar/plattar-api": 36
     }],
     5: [function (require, module, exports) {
       "use strict";
 
+      var __importDefault = this && this.__importDefault || function (mod) {
+        return mod && mod.__esModule ? mod : {
+          "default": mod
+        };
+      };
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.RawAR = void 0;
+
+      var util_1 = require("../util/util");
+
+      var quicklook_viewer_1 = __importDefault(require("../viewers/quicklook-viewer"));
+
+      var reality_viewer_1 = __importDefault(require("../viewers/reality-viewer"));
+
+      var scene_viewer_1 = __importDefault(require("../viewers/scene-viewer"));
+
+      var launcher_ar_1 = require("./launcher-ar");
+      /**
+       * Allows launching AR Experiences provided a single remote 3D Model file
+       */
+
+
+      var RawAR = /*#__PURE__*/function (_launcher_ar_1$Launch4) {
+        _inherits(RawAR, _launcher_ar_1$Launch4);
+
+        var _super4 = _createSuper(RawAR);
+
+        function RawAR() {
+          var _this7;
+
+          var modelLocation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+          _classCallCheck(this, RawAR);
+
+          _this7 = _super4.call(this);
+
+          if (!modelLocation) {
+            throw new Error("RawAR.constructor(modelLocation) - modelLocation must be defined");
+          }
+
+          var lowerLoc = modelLocation.toLowerCase();
+
+          if (lowerLoc.endsWith("usdz") || lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf") || lowerLoc.endsWith("reality")) {
+            _this7._modelLocation = modelLocation;
+            _this7._ar = null;
+          } else {
+            throw new Error("RawAR.constructor(modelLocation) - modelLocation must be one of gltf, glb, usdz or reality");
+          }
+
+          return _this7;
+        }
+
+        _createClass(RawAR, [{
+          key: "modelLocation",
+          get: function get() {
+            return this._modelLocation;
+          }
+          /**
+           * Initialise the RawAR instance. This returns a Promise that resolves
+           * successfully if initialisation is successful, otherwise it will fail.
+           *
+           * filure can occur for a number of reasons but it generally means that AR
+           * cannot be performed.
+           */
+
+        }, {
+          key: "init",
+          value: function init() {
+            var _this8 = this;
+
+            return new Promise(function (accept, reject) {
+              if (!util_1.Util.canAugment()) {
+                return reject(new Error("RawAR.init() - cannot proceed as AR not available in context"));
+              }
+
+              var modelLocation = _this8._modelLocation;
+              var lowerLoc = modelLocation.toLowerCase(); // we need to define our AR module here
+              // we are in Safari/Quicklook mode here
+
+              if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
+                // load the reality experience if dealing with reality file
+                if (lowerLoc.endsWith("reality") && util_1.Util.canRealityViewer()) {
+                  _this8._ar = new reality_viewer_1["default"]();
+                  _this8._ar.modelUrl = modelLocation;
+                  return accept(_this8);
+                } // load the usdz experience if dealing with usdz file
+
+
+                if (lowerLoc.endsWith("usdz") && util_1.Util.canQuicklook()) {
+                  _this8._ar = new quicklook_viewer_1["default"]();
+                  _this8._ar.modelUrl = modelLocation;
+                  return accept(_this8);
+                }
+
+                return reject(new Error("RawAR.init() - cannot proceed as model is not a .usdz or .reality file"));
+              } // check android
+
+
+              if (util_1.Util.canSceneViewer()) {
+                if (lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf")) {
+                  _this8._ar = new scene_viewer_1["default"]();
+                  _this8._ar.modelUrl = modelLocation;
+                  return accept(_this8);
+                }
+
+                return reject(new Error("RawAR.init() - cannot proceed as model is not a .glb or .gltf file"));
+              } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
+              // earlier in the process
+
+
+              return reject(new Error("RawAR.init() - could not initialise AR correctly, check values"));
+            });
+          }
+          /**
+           * Initialise and launch with a single function call. this is mostly for convenience.
+           * Use .init() and .start() separately for fine-grained control
+           */
+
+        }, {
+          key: "launch",
+          value: function launch() {
+            var _this9 = this;
+
+            return new Promise(function (accept, reject) {
+              _this9.init().then(function (value) {
+                value.start();
+                return accept();
+              })["catch"](reject);
+            });
+          }
+          /**
+           * Launches the internal AR instance using an appropriate version of AR Viewers
+           */
+
+        }, {
+          key: "start",
+          value: function start() {
+            if (!this._ar) {
+              throw new Error("RawAR.start() - cannot proceed as AR instance is null");
+            } // this was initialised via the init() function
+
+
+            this._ar.start();
+          }
+        }, {
+          key: "canQuicklook",
+          value: function canQuicklook() {
+            return this._ar && this._ar.nodeType === "Quick Look" ? true : false;
+          }
+        }, {
+          key: "canRealityViewer",
+          value: function canRealityViewer() {
+            return this._ar && this._ar.nodeType === "Reality Viewer" ? true : false;
+          }
+        }, {
+          key: "canSceneViewer",
+          value: function canSceneViewer() {
+            return this._ar && this._ar.nodeType === "Scene Viewer" ? true : false;
+          }
+        }]);
+
+        return RawAR;
+      }(launcher_ar_1.LauncherAR);
+
+      exports.RawAR = RawAR;
+    }, {
+      "../util/util": 9,
+      "../viewers/quicklook-viewer": 12,
+      "../viewers/reality-viewer": 13,
+      "../viewers/scene-viewer": 14,
+      "./launcher-ar": 2
+    }],
+    6: [function (require, module, exports) {
+      "use strict";
+
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -653,15 +831,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
        */
 
 
-      var SceneAR = /*#__PURE__*/function (_launcher_ar_1$Launch4) {
-        _inherits(SceneAR, _launcher_ar_1$Launch4);
+      var SceneAR = /*#__PURE__*/function (_launcher_ar_1$Launch5) {
+        _inherits(SceneAR, _launcher_ar_1$Launch5);
 
-        var _super4 = _createSuper(SceneAR);
+        var _super5 = _createSuper(SceneAR);
 
         function SceneAR() {
           _classCallCheck(this, SceneAR);
 
-          return _super4.apply(this, arguments);
+          return _super5.apply(this, arguments);
         }
 
         _createClass(SceneAR, [{
@@ -688,7 +866,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
     }, {
       "./launcher-ar": 2
     }],
-    6: [function (require, module, exports) {
+    7: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -698,6 +876,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var plattar_api_1 = require("@plattar/plattar-api");
 
       var product_ar_1 = require("../ar/product-ar");
+      /**
+       * This tracks the current state of the Embed
+       */
+
+
+      var EmbedState;
+
+      (function (EmbedState) {
+        EmbedState[EmbedState["None"] = 0] = "None";
+        EmbedState[EmbedState["SceneViewer"] = 1] = "SceneViewer";
+        EmbedState[EmbedState["ProductViewer"] = 2] = "ProductViewer";
+        EmbedState[EmbedState["ProductAR"] = 3] = "ProductAR";
+        EmbedState[EmbedState["QRCode"] = 4] = "QRCode";
+      })(EmbedState || (EmbedState = {}));
       /**
        * This is the primary <plattar-embed /> node that allows easy embedding
        * of Plattar related content
@@ -707,23 +899,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var PlattarEmbed = /*#__PURE__*/function (_HTMLElement) {
         _inherits(PlattarEmbed, _HTMLElement);
 
-        var _super5 = _createSuper(PlattarEmbed);
+        var _super6 = _createSuper(PlattarEmbed);
 
         function PlattarEmbed() {
-          var _this7;
+          var _this10;
 
           _classCallCheck(this, PlattarEmbed);
 
-          _this7 = _super5.call(this);
-          _this7._sceneID = null;
-          _this7._productID = null;
-          _this7._variationID = null;
-          _this7._isReady = false;
-          _this7._width = "500px";
-          _this7._height = "500px";
-          _this7._server = "production";
-          _this7._viewer = null;
-          return _this7;
+          _this10 = _super6.call(this); // this is the current state of the embed, none by default
+
+          _this10._currentState = EmbedState.None;
+          _this10._qrCodeOptions = {
+            color: "#101721",
+            qrType: "default",
+            margin: 0
+          };
+          _this10._sceneID = null;
+          _this10._productID = null;
+          _this10._variationID = null;
+          _this10._isReady = false;
+          _this10._width = "500px";
+          _this10._height = "500px";
+          _this10._server = "production";
+          _this10._viewer = null;
+          return _this10;
         }
 
         _createClass(PlattarEmbed, [{
@@ -734,8 +933,41 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this8 = this;
+            var _this11 = this;
+
+            var observer = new MutationObserver(function (mutations) {
+              mutations.forEach(function (mutation) {
+                if (mutation.type === "attributes") {
+                  var sceneID = _this11.hasAttribute("scene-id") ? _this11.getAttribute("scene-id") : null;
+                  var productID = _this11.hasAttribute("product-id") ? _this11.getAttribute("product-id") : null;
+                  var variationID = _this11.hasAttribute("variation-id") ? _this11.getAttribute("variation-id") : null;
+                  var updated = false;
+
+                  if (sceneID !== _this11._sceneID) {
+                    _this11._sceneID = sceneID;
+                    updated = true;
+                  }
 
+                  if (productID !== _this11._productID) {
+                    _this11._productID = productID;
+                    updated = true;
+                  }
+
+                  if (variationID !== _this11._variationID) {
+                    _this11._variationID = variationID;
+                    updated = true;
+                  }
+
+                  if (updated) {
+                    // re-render based on internal state
+                    _this11._OnAttributesUpdated();
+                  }
+                }
+              });
+            });
+            observer.observe(this, {
+              attributes: true
+            });
             var server = this.hasAttribute("server") ? this.getAttribute("server") : "production";
             plattar_api_1.Server.create(plattar_api_1.Server.match(server || "production"));
 
@@ -769,33 +1001,42 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             } else if (init === "ar-fallback-qrcode") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this8.startQRCode();
+                _this11.startQRCode();
               });
             } else if (init === "ar-fallback-viewer") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this8.startViewer();
+                _this11.startViewer();
               });
             }
           }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this9 = this;
+            var _this12 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this9._isReady) {
+              if (!_this12._isReady) {
                 return reject(new Error("PlattarEmbed.initAR() - cannot execute as page has not loaded yet"));
               } // if scene is not set but product is, then use ProductAR
 
 
-              if (!_this9._sceneID && _this9._productID) {
-                var product = new product_ar_1.ProductAR(_this9._productID, _this9._variationID);
+              if (!_this12._sceneID && _this12._productID) {
+                var product = new product_ar_1.ProductAR(_this12._productID, _this12._variationID);
                 return product.init().then(accept)["catch"](reject);
+              } // If Product is set (under any scenario) then use ProductAR
+              // NOTE: At some point this should check for Scenes when SceneAR
+              // is implemented
+
+
+              if (_this12._productID) {
+                var _product = new product_ar_1.ProductAR(_this12._productID, _this12._variationID);
+
+                return _product.init().then(accept)["catch"](reject);
               } // otherwise, scene was set so use SceneAR
 
 
-              if (_this9._sceneID) {
+              if (_this12._sceneID) {
                 return reject(new Error("PlattarEmbed.initAR() - scene-id not yet supported"));
               }
 
@@ -805,14 +1046,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "startAR",
           value: function startAR() {
-            var _this10 = this;
+            var _this13 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this10._isReady) {
+              if (!_this13._isReady) {
                 return reject(new Error("PlattarEmbed.startAR() - cannot execute as page has not loaded yet"));
               }
 
-              _this10.initAR().then(function (launcher) {
+              _this13.initAR().then(function (launcher) {
                 launcher.start();
                 accept();
               })["catch"](reject);
@@ -821,67 +1062,77 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "startViewer",
           value: function startViewer() {
-            var _this11 = this;
+            var _this14 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this11._isReady) {
+              if (!_this14._isReady) {
                 return reject(new Error("PlattarEmbed.startViewer() - cannot execute as page has not loaded yet"));
               }
 
-              if (_this11._viewer) {
-                _this11._viewer.remove();
+              if (_this14._viewer) {
+                _this14._viewer.remove();
 
-                _this11._viewer = null;
+                _this14._viewer = null;
               } // if scene is set, we use <plattar-viewer /> node from plattar-web
 
 
-              if (_this11._sceneID) {
+              if (_this14._sceneID) {
                 var viewer = document.createElement("plattar-viewer");
-                viewer.setAttribute("width", _this11._width);
-                viewer.setAttribute("height", _this11._height);
-                viewer.setAttribute("server", _this11._server);
-                viewer.setAttribute("scene-id", _this11._sceneID);
+                viewer.setAttribute("width", _this14._width);
+                viewer.setAttribute("height", _this14._height);
+                viewer.setAttribute("server", _this14._server);
+                viewer.setAttribute("scene-id", _this14._sceneID);
+
+                if (_this14._productID) {
+                  viewer.setAttribute("product-id", _this14._productID);
+                }
+
+                if (_this14._variationID) {
+                  viewer.setAttribute("variation-id", _this14._variationID);
+                }
 
                 viewer.onload = function () {
                   return accept(viewer);
                 };
 
-                var shadow = _this11.shadowRoot || _this11.attachShadow({
+                var shadow = _this14.shadowRoot || _this14.attachShadow({
                   mode: 'open'
                 });
 
                 shadow.append(viewer);
-                _this11._viewer = viewer;
+                _this14._viewer = viewer;
+                _this14._currentState = EmbedState.SceneViewer;
                 return;
               } // if product is set, we use <plattar-product /> node from plattar-web
 
 
-              if (_this11._productID) {
+              if (_this14._productID) {
                 var _viewer = document.createElement("plattar-product");
 
-                _viewer.setAttribute("width", _this11._width);
+                _viewer.setAttribute("width", _this14._width);
 
-                _viewer.setAttribute("height", _this11._height);
+                _viewer.setAttribute("height", _this14._height);
 
-                _viewer.setAttribute("server", _this11._server);
+                _viewer.setAttribute("server", _this14._server);
 
-                _viewer.setAttribute("product-id", _this11._productID);
+                _viewer.setAttribute("product-id", _this14._productID);
 
-                if (_this11._variationID) {
-                  _viewer.setAttribute("variation-id", _this11._variationID);
+                if (_this14._variationID) {
+                  _viewer.setAttribute("variation-id", _this14._variationID);
                 }
 
                 _viewer.onload = function () {
                   return accept(_viewer);
                 };
 
-                var _shadow = _this11.shadowRoot || _this11.attachShadow({
+                var _shadow = _this14.shadowRoot || _this14.attachShadow({
                   mode: 'open'
                 });
 
                 _shadow.append(_viewer);
 
-                _this11._viewer = _viewer;
+                _this14._viewer = _viewer;
+                _this14._currentState = EmbedState.ProductViewer;
                 return;
               }
 
@@ -891,31 +1142,29 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "startQRCode",
           value: function startQRCode() {
-            var _this12 = this;
+            var _this15 = this;
 
             var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
             return new Promise(function (accept, reject) {
-              if (!_this12._isReady) {
+              if (!_this15._isReady) {
                 return reject(new Error("PlattarEmbed.startQRCode() - cannot execute as page has not loaded yet"));
               }
 
-              var opt = options || {
-                color: "#101721",
-                qrType: "default",
-                margin: 0
-              };
+              var opt = options || _this15._qrCodeOptions; // reset instance for later use
+
+              _this15._qrCodeOptions = opt;
 
-              if (_this12._viewer) {
-                _this12._viewer.remove();
+              if (_this15._viewer) {
+                _this15._viewer.remove();
 
-                _this12._viewer = null;
+                _this15._viewer = null;
               } // if scene is set, we embed a QR code that takes us to viewer.html
 
 
-              if (_this12._sceneID) {
+              if (_this15._sceneID) {
                 var viewer = document.createElement("plattar-qrcode");
-                viewer.setAttribute("width", _this12._width);
-                viewer.setAttribute("height", _this12._height);
+                viewer.setAttribute("width", _this15._width);
+                viewer.setAttribute("height", _this15._height);
 
                 if (opt.color) {
                   viewer.setAttribute("color", opt.color);
@@ -929,7 +1178,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   viewer.setAttribute("qr-type", opt.qrType);
                 }
 
-                var dst = plattar_api_1.Server.location().base + "renderer/viewer.html?scene_id=" + _this12._sceneID;
+                var dst = plattar_api_1.Server.location().base + "renderer/viewer.html?scene_id=" + _this15._sceneID;
+
+                if (_this15._productID) {
+                  dst += "&productId=" + _this15._productID;
+                }
+
+                if (_this15._variationID) {
+                  dst += "&variationId=" + _this15._variationID;
+                }
 
                 viewer.setAttribute("url", dst);
 
@@ -937,22 +1194,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   return accept(viewer);
                 };
 
-                var shadow = _this12.shadowRoot || _this12.attachShadow({
+                var shadow = _this15.shadowRoot || _this15.attachShadow({
                   mode: 'open'
                 });
 
                 shadow.append(viewer);
-                _this12._viewer = viewer;
+                _this15._viewer = viewer;
+                _this15._currentState = EmbedState.QRCode;
                 return;
               } // if product is set, we embed a QR code that takes us to product.html
 
 
-              if (_this12._productID) {
+              if (_this15._productID) {
                 var _viewer2 = document.createElement("plattar-qrcode");
 
-                _viewer2.setAttribute("width", _this12._width);
+                _viewer2.setAttribute("width", _this15._width);
 
-                _viewer2.setAttribute("height", _this12._height);
+                _viewer2.setAttribute("height", _this15._height);
 
                 if (opt.color) {
                   _viewer2.setAttribute("color", opt.color);
@@ -966,10 +1224,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   _viewer2.setAttribute("qr-type", opt.qrType);
                 }
 
-                var _dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + _this12._productID;
+                var _dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + _this15._productID;
 
-                if (_this12._variationID) {
-                  _dst += "&variation_id=" + _this12._variationID;
+                if (_this15._variationID) {
+                  _dst += "&variation_id=" + _this15._variationID;
                 }
 
                 _viewer2.setAttribute("url", _dst);
@@ -978,19 +1236,60 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   return accept(_viewer2);
                 };
 
-                var _shadow2 = _this12.shadowRoot || _this12.attachShadow({
+                var _shadow2 = _this15.shadowRoot || _this15.attachShadow({
                   mode: 'open'
                 });
 
                 _shadow2.append(_viewer2);
 
-                _this12._viewer = _viewer2;
+                _this15._viewer = _viewer2;
+                _this15._currentState = EmbedState.QRCode;
                 return;
               }
 
               return reject(new Error("PlattarEmbed.startQRCode() - minimum required attributes not set, use scene-id or product-id as a minimum"));
             });
           }
+          /**
+           * 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
+           */
+
+        }, {
+          key: "_OnAttributesUpdated",
+          value: function _OnAttributesUpdated() {
+            // nothing to update in these scenarios
+            if (this._currentState === EmbedState.None || this._currentState === EmbedState.ProductAR) {
+              return;
+            } // re-render the QR Code when attributes have changed
+
+
+            if (this._currentState === EmbedState.QRCode) {
+              this.startQRCode(this._qrCodeOptions);
+              return;
+            } // use the messenger function to change variation when attributes have changed
+
+
+            if (this._currentState === EmbedState.SceneViewer) {
+              var viewer = this.viewer;
+
+              if (viewer) {
+                viewer.messenger.selectVariation(this._productID, this._variationID);
+              }
+
+              return;
+            }
+
+            if (this._currentState === EmbedState.ProductViewer) {
+              var _viewer3 = this.viewer;
+
+              if (_viewer3) {
+                _viewer3.messenger.selectVariation(this._variationID);
+              }
+
+              return;
+            }
+          }
         }]);
 
         return PlattarEmbed;
@@ -999,9 +1298,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       exports["default"] = PlattarEmbed;
     }, {
       "../ar/product-ar": 4,
-      "@plattar/plattar-api": 35
+      "@plattar/plattar-api": 36
     }],
-    7: [function (require, module, exports) {
+    8: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -1047,7 +1346,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports.Util = exports.ModelAR = exports.SceneAR = exports.ProductAR = exports.ConfiguratorAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
+      exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.ProductAR = exports.ConfiguratorAR = 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"));
@@ -1088,6 +1387,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }
       });
 
+      var raw_ar_1 = require("./ar/raw-ar");
+
+      Object.defineProperty(exports, "RawAR", {
+        enumerable: true,
+        get: function get() {
+          return raw_ar_1.RawAR;
+        }
+      });
+
       var util_1 = require("./util/util");
 
       Object.defineProperty(exports, "Util", {
@@ -1102,7 +1410,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var version_1 = __importDefault(require("./version"));
 
       if (customElements) {
-        customElements.define("plattar-embed", plattar_embed_1["default"]);
+        if (customElements.get("plattar-embed") === undefined) {
+          customElements.define("plattar-embed", plattar_embed_1["default"]);
+        }
       }
 
       console.log("using @plattar/plattar-ar-adapter v" + version_1["default"]);
@@ -1110,14 +1420,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       "./ar/configurator-ar": 1,
       "./ar/model-ar": 3,
       "./ar/product-ar": 4,
-      "./ar/scene-ar": 5,
-      "./embed/plattar-embed": 6,
-      "./util/util": 8,
-      "./version": 9,
-      "@plattar/plattar-qrcode": 101,
-      "@plattar/plattar-web": 114
+      "./ar/raw-ar": 5,
+      "./ar/scene-ar": 6,
+      "./embed/plattar-embed": 7,
+      "./util/util": 9,
+      "./version": 10,
+      "@plattar/plattar-qrcode": 102,
+      "@plattar/plattar-web": 116
     }],
-    8: [function (require, module, exports) {
+    9: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1241,31 +1552,31 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.Util = Util;
     }, {}],
-    9: [function (require, module, exports) {
+    10: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.120.2";
+      exports["default"] = "1.122.3";
     }, {}],
-    10: [function (require, module, exports) {
+    11: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
 
-      var ARViewer = function ARViewer() {
+      var ARViewer = /*#__PURE__*/_createClass(function ARViewer() {
         _classCallCheck(this, ARViewer);
 
         this.modelUrl = null;
         this.modelUrl = null;
-      };
+      });
 
       exports["default"] = ARViewer;
     }, {}],
-    11: [function (require, module, exports) {
+    12: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -1283,20 +1594,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var QuicklookViewer = /*#__PURE__*/function (_ar_viewer_1$default) {
         _inherits(QuicklookViewer, _ar_viewer_1$default);
 
-        var _super6 = _createSuper(QuicklookViewer);
+        var _super7 = _createSuper(QuicklookViewer);
 
         function QuicklookViewer() {
-          var _this13;
+          var _this16;
 
           _classCallCheck(this, QuicklookViewer);
 
-          _this13 = _super6.call(this);
-          _this13.araction = null;
-          _this13.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
+          _this16 = _super7.call(this);
+          _this16.araction = null;
+          _this16.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
 
-          _this13.arcallback = function () {};
+          _this16.arcallback = function () {};
 
-          return _this13;
+          return _this16;
         }
 
         _createClass(QuicklookViewer, [{
@@ -1312,7 +1623,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "start",
           value: function start() {
-            var _this14 = this;
+            var _this17 = this;
 
             if (!this.modelUrl) {
               throw new Error("QuicklookViewer.start() - model url not set, use QuicklookViewer.modelUrl");
@@ -1327,7 +1638,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             if (araction) {
               var handleQuicklook = function handleQuicklook(event) {
                 if (event.data === "_apple_ar_quicklook_button_tapped") {
-                  _this14.arcallback();
+                  _this17.arcallback();
                 }
 
                 document.body.removeChild(anchor);
@@ -1353,9 +1664,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = QuicklookViewer;
     }, {
-      "./ar-viewer": 10
+      "./ar-viewer": 11
     }],
-    12: [function (require, module, exports) {
+    13: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -1373,12 +1684,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var RealityViewer = /*#__PURE__*/function (_ar_viewer_1$default2) {
         _inherits(RealityViewer, _ar_viewer_1$default2);
 
-        var _super7 = _createSuper(RealityViewer);
+        var _super8 = _createSuper(RealityViewer);
 
         function RealityViewer() {
           _classCallCheck(this, RealityViewer);
 
-          return _super7.call(this);
+          return _super8.call(this);
         }
 
         _createClass(RealityViewer, [{
@@ -1411,9 +1722,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = RealityViewer;
     }, {
-      "./ar-viewer": 10
+      "./ar-viewer": 11
     }],
-    13: [function (require, module, exports) {
+    14: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -1431,19 +1742,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var SceneViewer = /*#__PURE__*/function (_ar_viewer_1$default3) {
         _inherits(SceneViewer, _ar_viewer_1$default3);
 
-        var _super8 = _createSuper(SceneViewer);
+        var _super9 = _createSuper(SceneViewer);
 
         function SceneViewer() {
-          var _this15;
+          var _this18;
 
           _classCallCheck(this, SceneViewer);
 
-          _this15 = _super8.call(this);
-          _this15.araction = null;
-          _this15.isVertical = false;
-          _this15.titleHTML = "<b>" + document.title;
-          _this15.isVertical = false;
-          return _this15;
+          _this18 = _super9.call(this);
+          _this18.araction = null;
+          _this18.isVertical = false;
+          _this18.titleHTML = "<b>" + document.title;
+          _this18.isVertical = false;
+          return _this18;
         }
 
         _createClass(SceneViewer, [{
@@ -1500,9 +1811,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = SceneViewer;
     }, {
-      "./ar-viewer": 10
+      "./ar-viewer": 11
     }],
-    14: [function (require, module, exports) {
+    15: [function (require, module, exports) {
       "use strict";
 
       var Messenger = require("./messenger/messenger.js");
@@ -1538,12 +1849,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         version: Version
       };
     }, {
-      "./memory/memory.js": 15,
-      "./messenger/global-event-handler.js": 22,
-      "./messenger/messenger.js": 23,
-      "./version": 28
+      "./memory/memory.js": 16,
+      "./messenger/global-event-handler.js": 23,
+      "./messenger/messenger.js": 24,
+      "./version": 29
     }],
-    15: [function (require, module, exports) {
+    16: [function (require, module, exports) {
       var PermanentMemory = require("./permanent-memory");
 
       var TemporaryMemory = require("./temporary-memory");
@@ -1555,7 +1866,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var Memory = /*#__PURE__*/function () {
         function Memory(messengerInstance) {
-          var _this16 = this;
+          var _this19 = this;
 
           _classCallCheck(this, Memory);
 
@@ -1564,11 +1875,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           this._permMemory = new PermanentMemory(messengerInstance);
 
           this._messenger.self.__memory__set_temp_var = function (name, data) {
-            _this16._tempMemory[name] = data;
+            _this19._tempMemory[name] = data;
           };
 
           this._messenger.self.__memory__set_perm_var = function (name, data) {
-            _this16._permMemory[name] = data;
+            _this19._permMemory[name] = data;
           };
         }
 
@@ -1589,13 +1900,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Memory;
     }, {
-      "./permanent-memory": 16,
-      "./temporary-memory": 17
+      "./permanent-memory": 17,
+      "./temporary-memory": 18
     }],
-    16: [function (require, module, exports) {
+    17: [function (require, module, exports) {
       var WrappedValue = require("./wrapped-value");
 
-      var PermanentMemory = function PermanentMemory(messengerInstance) {
+      var PermanentMemory = /*#__PURE__*/_createClass(function PermanentMemory(messengerInstance) {
         _classCallCheck(this, PermanentMemory);
 
         return new Proxy(this, {
@@ -1686,16 +1997,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return true;
           }
         });
-      };
+      });
 
       module.exports = PermanentMemory;
     }, {
-      "./wrapped-value": 18
+      "./wrapped-value": 19
     }],
-    17: [function (require, module, exports) {
+    18: [function (require, module, exports) {
       var WrappedValue = require("./wrapped-value");
 
-      var TemporaryMemory = function TemporaryMemory(messengerInstance) {
+      var TemporaryMemory = /*#__PURE__*/_createClass(function TemporaryMemory(messengerInstance) {
         _classCallCheck(this, TemporaryMemory);
 
         return new Proxy(this, {
@@ -1765,13 +2076,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return true;
           }
         });
-      };
+      });
 
       module.exports = TemporaryMemory;
     }, {
-      "./wrapped-value": 18
+      "./wrapped-value": 19
     }],
-    18: [function (require, module, exports) {
+    19: [function (require, module, exports) {
       /**
        * WrappedValue represents a generic value type with a callback function
        * for when the value has changed
@@ -1889,7 +2200,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WrappedValue;
     }, {}],
-    19: [function (require, module, exports) {
+    20: [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
@@ -1956,10 +2267,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Broadcaster;
     }, {}],
-    20: [function (require, module, exports) {
+    21: [function (require, module, exports) {
       var WrappedFunction = require("./wrapped-local-function");
 
-      var CurrentFunctionList = function CurrentFunctionList() {
+      var CurrentFunctionList = /*#__PURE__*/_createClass(function CurrentFunctionList() {
         _classCallCheck(this, CurrentFunctionList);
 
         return new Proxy(this, {
@@ -2015,13 +2326,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return true;
           }
         });
-      };
+      });
 
       module.exports = CurrentFunctionList;
     }, {
-      "./wrapped-local-function": 21
+      "./wrapped-local-function": 22
     }],
-    21: [function (require, module, exports) {
+    22: [function (require, module, exports) {
       var Util = require("../util/util.js");
       /**
        * WrappedLocalFunction represents a container that holds and maintains a specific function
@@ -2066,20 +2377,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "exec",
           value: function exec() {
-            var _this17 = this;
+            var _this20 = 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 (!_this17._value) {
-                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this17._funcName + "() is not defined"));
+              if (!_this20._value) {
+                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this20._funcName + "() is not defined"));
               }
 
               try {
                 // otherwise execute the function
-                var rObject = _this17._execute.apply(_this17, args); // we need to check if the returned object is a Promise, if so, handle it
+                var rObject = _this20._execute.apply(_this20, 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
 
 
@@ -2131,9 +2442,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WrappedLocalFunction;
     }, {
-      "../util/util.js": 27
+      "../util/util.js": 28
     }],
-    22: [function (require, module, exports) {
+    23: [function (require, module, exports) {
       var RemoteInterface = require("./remote-interface.js");
       /**
        * This is a singleton class that handles events on a global basis. Allows
@@ -2143,7 +2454,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var GlobalEventHandler = /*#__PURE__*/function () {
         function GlobalEventHandler() {
-          var _this18 = this;
+          var _this21 = this;
 
           _classCallCheck(this, GlobalEventHandler);
 
@@ -2165,10 +2476,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
             if (jsonData && jsonData.event && jsonData.data) {
               // see if there are any listeners for this
-              if (_this18._eventListeners[jsonData.event]) {
+              if (_this21._eventListeners[jsonData.event]) {
                 var remoteInterface = new RemoteInterface(evt.source, evt.origin); // loop through and call all the event handlers
 
-                _this18._eventListeners[jsonData.event].forEach(function (callback) {
+                _this21._eventListeners[jsonData.event].forEach(function (callback) {
                   try {
                     callback(remoteInterface, jsonData.data);
                   } catch (e) {
@@ -2225,9 +2536,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = GlobalEventHandler;
     }, {
-      "./remote-interface.js": 24
+      "./remote-interface.js": 25
     }],
-    23: [function (require, module, exports) {
+    24: [function (require, module, exports) {
       var CurrentFunctionList = require("./current/current-function-list");
 
       var RemoteInterface = require("./remote-interface");
@@ -2364,40 +2675,40 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_registerListeners",
           value: function _registerListeners() {
-            var _this19 = this;
+            var _this22 = 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[" + _this19._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this19[iframeID] = new RemoteFunctionList(iframeID);
+              _this22[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this22[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this19._broadcaster._push(iframeID);
+              _this22._broadcaster._push(iframeID);
 
-              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this22._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2421,33 +2732,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this22._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this19[iframeID] = new RemoteFunctionList(iframeID);
+              _this22[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this22[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this19._broadcaster._push(iframeID);
+              _this22._broadcaster._push(iframeID);
 
-              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this22._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2467,11 +2778,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             });
             GlobalEventHandler.instance().listen("__messenger__parent_init", function (src, data) {
               var iframeID = "parent";
-              _this19[iframeID] = new RemoteFunctionList(iframeID);
+              _this22[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this22[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this22._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2496,11 +2807,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
             GlobalEventHandler.instance().listen("__messenger__parent_init_inv", function (src, data) {
               var iframeID = "parent";
-              _this19[iframeID] = new RemoteFunctionList(iframeID);
+              _this22[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this22[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this22._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2556,14 +2867,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Messenger;
     }, {
-      "./broadcaster.js": 19,
-      "./current/current-function-list": 20,
-      "./global-event-handler.js": 22,
-      "./remote-interface": 24,
-      "./remote/remote-function-list": 25,
-      "./util/util.js": 27
+      "./broadcaster.js": 20,
+      "./current/current-function-list": 21,
+      "./global-event-handler.js": 23,
+      "./remote-interface": 25,
+      "./remote/remote-function-list": 26,
+      "./util/util.js": 28
     }],
-    24: [function (require, module, exports) {
+    25: [function (require, module, exports) {
       /**
        * Provides a single useful interface for performing remote function calls
        */
@@ -2635,7 +2946,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = RemoteInterface;
     }, {}],
-    25: [function (require, module, exports) {
+    26: [function (require, module, exports) {
       var WrappedFunction = require("./wrapped-remote-function");
 
       var RemoteFunctionList = /*#__PURE__*/function () {
@@ -2723,9 +3034,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = RemoteFunctionList;
     }, {
-      "./wrapped-remote-function": 26
+      "./wrapped-remote-function": 27
     }],
-    26: [function (require, module, exports) {
+    27: [function (require, module, exports) {
       var Util = require("../util/util.js");
 
       var GlobalEventHandler = require("../global-event-handler.js");
@@ -2738,7 +3049,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var WrappedRemoteFunction = /*#__PURE__*/function () {
         function WrappedRemoteFunction(funcName, remoteInterface) {
-          var _this20 = this;
+          var _this23 = this;
 
           _classCallCheck(this, WrappedRemoteFunction);
 
@@ -2749,19 +3060,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           GlobalEventHandler.instance().listen("__messenger__exec_fnc_result", function (src, data) {
             var instanceID = data.instance_id; // the function name must match
 
-            if (data.function_name !== _this20._funcName) {
+            if (data.function_name !== _this23._funcName) {
               return;
             } // the instance ID must be found, otherwise this is a rogue execution
             // that can be ignored (should not happen)
 
 
-            if (!_this20._callInstances[instanceID]) {
+            if (!_this23._callInstances[instanceID]) {
               return;
             }
 
-            var promise = _this20._callInstances[instanceID]; // remove the old instance
+            var promise = _this23._callInstances[instanceID]; // remove the old instance
 
-            delete _this20._callInstances[instanceID]; // perform the promise callbacks
+            delete _this23._callInstances[instanceID]; // perform the promise callbacks
 
             if (data.function_status === "success") {
               promise.accept(data.function_args);
@@ -2778,7 +3089,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(WrappedRemoteFunction, [{
           key: "exec",
           value: function exec() {
-            var _this21 = this;
+            var _this24 = this;
 
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
@@ -2798,14 +3109,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
             return new Promise(function (accept, reject) {
               // save this promise to be executed later
-              _this21._callInstances[instanceID] = {
+              _this24._callInstances[instanceID] = {
                 accept: accept,
                 reject: reject
               }; // execute this event in another context
 
-              _this21._remoteInterface.send("__messenger__exec_fnc", {
+              _this24._remoteInterface.send("__messenger__exec_fnc", {
                 instance_id: instanceID,
-                function_name: _this21._funcName,
+                function_name: _this24._funcName,
                 function_args: args
               });
             });
@@ -2817,10 +3128,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WrappedRemoteFunction;
     }, {
-      "../global-event-handler.js": 22,
-      "../util/util.js": 27
+      "../global-event-handler.js": 23,
+      "../util/util.js": 28
     }],
-    27: [function (require, module, exports) {
+    28: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -2860,10 +3171,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Util;
     }, {}],
-    28: [function (require, module, exports) {
+    29: [function (require, module, exports) {
       module.exports = "1.113.6";
     }, {}],
-    29: [function (require, module, exports) {
+    30: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2932,9 +3243,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.AnalyticsData = AnalyticsData;
     }, {
-      "../util/util": 33
+      "../util/util": 34
     }],
-    30: [function (require, module, exports) {
+    31: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -2954,7 +3265,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var Analytics = /*#__PURE__*/function () {
         function Analytics(applicationID) {
-          var _this22 = this;
+          var _this25 = this;
 
           _classCallCheck(this, Analytics);
 
@@ -2971,21 +3282,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
           this._handlePageHide = function () {
             if (document.visibilityState === "hidden") {
-              _this22._pageTime = new Date();
-            } else if (_this22._pageTime) {
+              _this25._pageTime = new Date();
+            } else if (_this25._pageTime) {
               var time2 = new Date();
 
-              var diff = time2.getTime() - _this22._pageTime.getTime();
+              var diff = time2.getTime() - _this25._pageTime.getTime();
 
-              var data = _this22.data;
+              var data = _this25.data;
               data.push("eventAction", "View Time");
               data.push("viewTime", diff);
               data.push("eventLabel", diff);
 
-              _this22.write();
+              _this25.write();
 
-              _this22._pageTime = null;
-              document.removeEventListener("visibilitychange", _this22._handlePageHide, false);
+              _this25._pageTime = null;
+              document.removeEventListener("visibilitychange", _this25._handlePageHide, false);
             }
           };
         }
@@ -2993,7 +3304,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(Analytics, [{
           key: "query",
           value: function query() {
-            var _this23 = this;
+            var _this26 = this;
 
             var _query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
@@ -3002,11 +3313,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
 
-              var url = _this23.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              var url = _this26.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: _this23._applicationID,
-                event: _this23.event,
+                application_id: _this26._applicationID,
+                event: _this26.event,
                 data: _query
               };
               basic_http_1["default"].exec("POST", url, data).then(function (result) {
@@ -3017,21 +3328,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "write",
           value: function write() {
-            var _this24 = this;
+            var _this27 = this;
 
             return new Promise(function (accept, reject) {
-              var data = _this24._data;
-              var url = _this24.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", _this24._applicationID);
+              var data = _this27._data;
+              var url = _this27.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", _this27._applicationID);
               var sendData = {
                 type: "write",
-                application_id: _this24._applicationID,
-                origin: _this24.origin,
-                event: _this24.event,
+                application_id: _this27._applicationID,
+                origin: _this27.origin,
+                event: _this27.event,
                 data: data.data
               };
 
-              if (_this24.isBeacon === false) {
+              if (_this27.isBeacon === false) {
                 basic_http_1["default"].exec("POST", url, sendData).then(function (result) {
                   accept(result && result.results ? result.results : {});
                 })["catch"](reject);
@@ -3059,10 +3370,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.Analytics = Analytics;
     }, {
-      "../util/basic-http": 32,
-      "./analytics-data": 29
+      "../util/basic-http": 33,
+      "./analytics-data": 30
     }],
-    31: [function (require, module, exports) {
+    32: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -3124,10 +3435,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       console.log("using @plattar/plattar-analytics v" + version_1["default"]);
     }, {
-      "./analytics/analytics": 30,
-      "./version": 34
+      "./analytics/analytics": 31,
+      "./version": 35
     }],
-    32: [function (require, module, exports) {
+    33: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3213,7 +3524,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = BasicHTTP;
     }, {}],
-    33: [function (require, module, exports) {
+    34: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3252,7 +3563,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.Util = Util;
     }, {}],
-    34: [function (require, module, exports) {
+    35: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3260,7 +3571,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       });
       exports["default"] = "1.117.2";
     }, {}],
-    35: [function (require, module, exports) {
+    36: [function (require, module, exports) {
       "use strict";
 
       var Server = require("./server/plattar-server.js");
@@ -3463,67 +3774,67 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         version: Version
       };
     }, {
-      "./server/plattar-server.js": 37,
-      "./types/application.js": 38,
-      "./types/content-pipeline/brief.js": 39,
-      "./types/content-pipeline/comment-brief.js": 40,
-      "./types/content-pipeline/comment-quote.js": 41,
-      "./types/content-pipeline/comment-solution.js": 42,
-      "./types/content-pipeline/folder.js": 43,
-      "./types/content-pipeline/pipeline-user.js": 44,
-      "./types/content-pipeline/quote.js": 45,
-      "./types/content-pipeline/rating.js": 46,
-      "./types/content-pipeline/solution.js": 47,
-      "./types/file/file-audio.js": 48,
-      "./types/file/file-base.js": 49,
-      "./types/file/file-image.js": 50,
-      "./types/file/file-model.js": 51,
-      "./types/file/file-script.js": 52,
-      "./types/file/file-video.js": 53,
-      "./types/misc/application-build.js": 57,
-      "./types/misc/asset-library.js": 58,
-      "./types/misc/async-job.js": 59,
-      "./types/misc/script-event.js": 60,
-      "./types/misc/tag.js": 61,
-      "./types/page/card-base.js": 62,
-      "./types/page/card-button.js": 63,
-      "./types/page/card-html.js": 64,
-      "./types/page/card-iframe.js": 65,
-      "./types/page/card-image.js": 66,
-      "./types/page/card-map.js": 67,
-      "./types/page/card-paragraph.js": 68,
-      "./types/page/card-row.js": 69,
-      "./types/page/card-slider.js": 70,
-      "./types/page/card-title.js": 71,
-      "./types/page/card-video.js": 72,
-      "./types/page/card-youtube.js": 73,
-      "./types/page/page.js": 74,
-      "./types/product/product-annotation.js": 75,
-      "./types/product/product-base.js": 76,
-      "./types/product/product-variation.js": 77,
-      "./types/product/product.js": 78,
-      "./types/scene/scene-annotation.js": 79,
-      "./types/scene/scene-audio.js": 80,
-      "./types/scene/scene-base.js": 81,
-      "./types/scene/scene-button.js": 82,
-      "./types/scene/scene-camera.js": 83,
-      "./types/scene/scene-carousel.js": 84,
-      "./types/scene/scene-image.js": 85,
-      "./types/scene/scene-model.js": 86,
-      "./types/scene/scene-panorama.js": 87,
-      "./types/scene/scene-poller.js": 88,
-      "./types/scene/scene-product.js": 89,
-      "./types/scene/scene-script.js": 90,
-      "./types/scene/scene-shadow.js": 91,
-      "./types/scene/scene-video.js": 92,
-      "./types/scene/scene-volumetric.js": 93,
-      "./types/scene/scene-youtube.js": 94,
-      "./types/scene/scene.js": 95,
-      "./types/trigger/trigger-image.js": 96,
-      "./util/plattar-util.js": 97,
-      "./version": 98
+      "./server/plattar-server.js": 38,
+      "./types/application.js": 39,
+      "./types/content-pipeline/brief.js": 40,
+      "./types/content-pipeline/comment-brief.js": 41,
+      "./types/content-pipeline/comment-quote.js": 42,
+      "./types/content-pipeline/comment-solution.js": 43,
+      "./types/content-pipeline/folder.js": 44,
+      "./types/content-pipeline/pipeline-user.js": 45,
+      "./types/content-pipeline/quote.js": 46,
+      "./types/content-pipeline/rating.js": 47,
+      "./types/content-pipeline/solution.js": 48,
+      "./types/file/file-audio.js": 49,
+      "./types/file/file-base.js": 50,
+      "./types/file/file-image.js": 51,
+      "./types/file/file-model.js": 52,
+      "./types/file/file-script.js": 53,
+      "./types/file/file-video.js": 54,
+      "./types/misc/application-build.js": 58,
+      "./types/misc/asset-library.js": 59,
+      "./types/misc/async-job.js": 60,
+      "./types/misc/script-event.js": 61,
+      "./types/misc/tag.js": 62,
+      "./types/page/card-base.js": 63,
+      "./types/page/card-button.js": 64,
+      "./types/page/card-html.js": 65,
+      "./types/page/card-iframe.js": 66,
+      "./types/page/card-image.js": 67,
+      "./types/page/card-map.js": 68,
+      "./types/page/card-paragraph.js": 69,
+      "./types/page/card-row.js": 70,
+      "./types/page/card-slider.js": 71,
+      "./types/page/card-title.js": 72,
+      "./types/page/card-video.js": 73,
+      "./types/page/card-youtube.js": 74,
+      "./types/page/page.js": 75,
+      "./types/product/product-annotation.js": 76,
+      "./types/product/product-base.js": 77,
+      "./types/product/product-variation.js": 78,
+      "./types/product/product.js": 79,
+      "./types/scene/scene-annotation.js": 80,
+      "./types/scene/scene-audio.js": 81,
+      "./types/scene/scene-base.js": 82,
+      "./types/scene/scene-button.js": 83,
+      "./types/scene/scene-camera.js": 84,
+      "./types/scene/scene-carousel.js": 85,
+      "./types/scene/scene-image.js": 86,
+      "./types/scene/scene-model.js": 87,
+      "./types/scene/scene-panorama.js": 88,
+      "./types/scene/scene-poller.js": 89,
+      "./types/scene/scene-product.js": 90,
+      "./types/scene/scene-script.js": 91,
+      "./types/scene/scene-shadow.js": 92,
+      "./types/scene/scene-video.js": 93,
+      "./types/scene/scene-volumetric.js": 94,
+      "./types/scene/scene-youtube.js": 95,
+      "./types/scene/scene.js": 96,
+      "./types/trigger/trigger-image.js": 97,
+      "./util/plattar-util.js": 98,
+      "./version": 99
     }],
-    36: [function (require, module, exports) {
+    37: [function (require, module, exports) {
       var fetch = require("node-fetch");
 
       var PlattarQuery = /*#__PURE__*/function () {
@@ -3582,11 +3893,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_get",
           value: function _get(opt) {
-            var _this25 = this;
+            var _this28 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this25.target;
-              var server = _this25.server; // we cannot perform a GET request without an ID
+              var target = _this28.target;
+              var server = _this28.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".get() - object id is missing"));
@@ -3611,16 +3922,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               var origin = server.originLocation.api_read;
               var auth = server.authToken;
               var headers = {
-                'cookie': 'laravel_session=' + _this25.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this28.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
                 method: "GET",
                 headers: headers
               };
-              var includeQuery = _this25._IncludeQuery;
+              var includeQuery = _this28._IncludeQuery;
 
-              var params = _this25._ParamFor("get");
+              var params = _this28._ParamFor("get");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -3661,11 +3972,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_update",
           value: function _update() {
-            var _this26 = this;
+            var _this29 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this26.target;
-              var server = _this26.server; // we cannot perform a GET request without an ID
+              var target = _this29.target;
+              var server = _this29.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".update() - object id is missing"));
@@ -3678,7 +3989,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this26.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this29.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -3693,7 +4004,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 })
               };
 
-              var params = _this26._ParamFor("update");
+              var params = _this29._ParamFor("update");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -3735,18 +4046,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_create",
           value: function _create() {
-            var _this27 = this;
+            var _this30 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this27.target;
-              var server = _this27.server; // otherwise, proceed with the fetching op
+              var target = _this30.target;
+              var server = _this30.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=' + _this27.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this30.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -3760,7 +4071,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 })
               };
 
-              var params = _this27._ParamFor("create");
+              var params = _this30._ParamFor("create");
 
               var endpoint = origin + target.type();
 
@@ -3804,11 +4115,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_delete",
           value: function _delete() {
-            var _this28 = this;
+            var _this31 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this28.target;
-              var server = _this28.server; // we cannot perform a GET request without an ID
+              var target = _this31.target;
+              var server = _this31.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".delete() - object id is missing"));
@@ -3821,7 +4132,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this28.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this31.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -3836,7 +4147,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 })
               };
 
-              var params = _this28._ParamFor("delete");
+              var params = _this31._ParamFor("delete");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -3899,7 +4210,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_include",
           value: function _include(args) {
-            var _this29 = this;
+            var _this32 = this;
 
             if (!args || args.length <= 0) {
               return this;
@@ -3912,21 +4223,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    _this29._getIncludeQuery.push(strObject);
+                    _this32._getIncludeQuery.push(strObject);
                   } else {
-                    throw new Error("PlattarQuery." + _this29.target.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarQuery." + _this32.target.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (PlattarUtil.isPlattarObject(obj)) {
                 var type = obj.type();
 
                 if (Array.isArray(type)) {
-                  _this29._include(type);
+                  _this32._include(type);
                 } else {
-                  _this29._getIncludeQuery.push(type);
+                  _this32._getIncludeQuery.push(type);
                 }
               } else {
-                throw new Error("PlattarQuery." + _this29.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarQuery." + _this32.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return this;
@@ -4007,10 +4318,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarQuery;
     }, {
-      "../util/plattar-util.js": 97,
-      "node-fetch": 117
+      "../util/plattar-util.js": 98,
+      "node-fetch": 119
     }],
-    37: [function (require, module, exports) {
+    38: [function (require, module, exports) {
       (function (process) {
         (function () {
           var fetch = require("node-fetch");
@@ -4066,13 +4377,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             }, {
               key: "auth",
               value: function auth(token, opt) {
-                var _this30 = this;
+                var _this33 = this;
 
                 var copt = opt || {
                   validate: false
                 };
                 return new Promise(function (resolve, reject) {
-                  var server = _this30.originLocation.api_write;
+                  var server = _this33.originLocation.api_write;
 
                   if (!server) {
                     reject(new Error("Plattar.auth(token) - cannot authenticate as server not set via Plattar.origin(server)"));
@@ -4085,10 +4396,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   }
 
                   if (!copt.validate) {
-                    _this30._authToken = {
+                    _this33._authToken = {
                       "plattar-auth-token": token
                     };
-                    resolve(_this30);
+                    resolve(_this33);
                     return;
                   }
 
@@ -4101,10 +4412,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this30._authToken = {
+                      _this33._authToken = {
                         "plattar-auth-token": token
                       };
-                      resolve(_this30);
+                      resolve(_this33);
                     } else {
                       reject(new Error("Plattar.auth(token) - failed to validate authentication token at " + endpoint));
                     }
@@ -4114,7 +4425,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             }, {
               key: "origin",
               value: function origin(server, opt) {
-                var _this31 = this;
+                var _this34 = this;
 
                 var copt = opt || {
                   validate: false
@@ -4126,8 +4437,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   }
 
                   if (!copt.validate) {
-                    _this31._serverLocation = server;
-                    resolve(_this31);
+                    _this34._serverLocation = server;
+                    resolve(_this34);
                     return;
                   }
 
@@ -4137,8 +4448,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this31._serverLocation = server;
-                      resolve(_this31);
+                      _this34._serverLocation = server;
+                      resolve(_this34);
                     } else {
                       reject(new Error("Plattar.origin(server) - failed to ping server at " + endpoint));
                     }
@@ -4232,21 +4543,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }).call(this);
       }).call(this, require('_process'));
     }, {
-      "_process": 118,
-      "node-fetch": 117
+      "_process": 120,
+      "node-fetch": 119
     }],
-    38: [function (require, module, exports) {
+    39: [function (require, module, exports) {
       var PlattarBase = require("./interfaces/plattar-base.js");
 
       var Application = /*#__PURE__*/function (_PlattarBase) {
         _inherits(Application, _PlattarBase);
 
-        var _super9 = _createSuper(Application);
+        var _super10 = _createSuper(Application);
 
         function Application() {
           _classCallCheck(this, Application);
 
-          return _super9.apply(this, arguments);
+          return _super10.apply(this, arguments);
         }
 
         _createClass(Application, null, [{
@@ -4261,20 +4572,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Application;
     }, {
-      "./interfaces/plattar-base.js": 54
+      "./interfaces/plattar-base.js": 55
     }],
-    39: [function (require, module, exports) {
+    40: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Brief = /*#__PURE__*/function (_PlattarBase2) {
         _inherits(Brief, _PlattarBase2);
 
-        var _super10 = _createSuper(Brief);
+        var _super11 = _createSuper(Brief);
 
         function Brief() {
           _classCallCheck(this, Brief);
 
-          return _super10.apply(this, arguments);
+          return _super11.apply(this, arguments);
         }
 
         _createClass(Brief, null, [{
@@ -4289,20 +4600,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Brief;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    40: [function (require, module, exports) {
+    41: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentBrief = /*#__PURE__*/function (_PlattarBase3) {
         _inherits(CommentBrief, _PlattarBase3);
 
-        var _super11 = _createSuper(CommentBrief);
+        var _super12 = _createSuper(CommentBrief);
 
         function CommentBrief() {
           _classCallCheck(this, CommentBrief);
 
-          return _super11.apply(this, arguments);
+          return _super12.apply(this, arguments);
         }
 
         _createClass(CommentBrief, null, [{
@@ -4317,20 +4628,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CommentBrief;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    41: [function (require, module, exports) {
+    42: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentQuote = /*#__PURE__*/function (_PlattarBase4) {
         _inherits(CommentQuote, _PlattarBase4);
 
-        var _super12 = _createSuper(CommentQuote);
+        var _super13 = _createSuper(CommentQuote);
 
         function CommentQuote() {
           _classCallCheck(this, CommentQuote);
 
-          return _super12.apply(this, arguments);
+          return _super13.apply(this, arguments);
         }
 
         _createClass(CommentQuote, null, [{
@@ -4345,20 +4656,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CommentQuote;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    42: [function (require, module, exports) {
+    43: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentSolution = /*#__PURE__*/function (_PlattarBase5) {
         _inherits(CommentSolution, _PlattarBase5);
 
-        var _super13 = _createSuper(CommentSolution);
+        var _super14 = _createSuper(CommentSolution);
 
         function CommentSolution() {
           _classCallCheck(this, CommentSolution);
 
-          return _super13.apply(this, arguments);
+          return _super14.apply(this, arguments);
         }
 
         _createClass(CommentSolution, null, [{
@@ -4373,20 +4684,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CommentSolution;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    43: [function (require, module, exports) {
+    44: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Folder = /*#__PURE__*/function (_PlattarBase6) {
         _inherits(Folder, _PlattarBase6);
 
-        var _super14 = _createSuper(Folder);
+        var _super15 = _createSuper(Folder);
 
         function Folder() {
           _classCallCheck(this, Folder);
 
-          return _super14.apply(this, arguments);
+          return _super15.apply(this, arguments);
         }
 
         _createClass(Folder, null, [{
@@ -4401,20 +4712,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Folder;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    44: [function (require, module, exports) {
+    45: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var PipelineUser = /*#__PURE__*/function (_PlattarBase7) {
         _inherits(PipelineUser, _PlattarBase7);
 
-        var _super15 = _createSuper(PipelineUser);
+        var _super16 = _createSuper(PipelineUser);
 
         function PipelineUser() {
           _classCallCheck(this, PipelineUser);
 
-          return _super15.apply(this, arguments);
+          return _super16.apply(this, arguments);
         }
 
         _createClass(PipelineUser, null, [{
@@ -4429,20 +4740,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PipelineUser;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    45: [function (require, module, exports) {
+    46: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Quote = /*#__PURE__*/function (_PlattarBase8) {
         _inherits(Quote, _PlattarBase8);
 
-        var _super16 = _createSuper(Quote);
+        var _super17 = _createSuper(Quote);
 
         function Quote() {
           _classCallCheck(this, Quote);
 
-          return _super16.apply(this, arguments);
+          return _super17.apply(this, arguments);
         }
 
         _createClass(Quote, null, [{
@@ -4457,20 +4768,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Quote;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    46: [function (require, module, exports) {
+    47: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Rating = /*#__PURE__*/function (_PlattarBase9) {
         _inherits(Rating, _PlattarBase9);
 
-        var _super17 = _createSuper(Rating);
+        var _super18 = _createSuper(Rating);
 
         function Rating() {
           _classCallCheck(this, Rating);
 
-          return _super17.apply(this, arguments);
+          return _super18.apply(this, arguments);
         }
 
         _createClass(Rating, null, [{
@@ -4485,20 +4796,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Rating;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    47: [function (require, module, exports) {
+    48: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Solution = /*#__PURE__*/function (_PlattarBase10) {
         _inherits(Solution, _PlattarBase10);
 
-        var _super18 = _createSuper(Solution);
+        var _super19 = _createSuper(Solution);
 
         function Solution() {
           _classCallCheck(this, Solution);
 
-          return _super18.apply(this, arguments);
+          return _super19.apply(this, arguments);
         }
 
         _createClass(Solution, null, [{
@@ -4513,20 +4824,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Solution;
     }, {
-      "../interfaces/plattar-base": 54
+      "../interfaces/plattar-base": 55
     }],
-    48: [function (require, module, exports) {
+    49: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileAudio = /*#__PURE__*/function (_FileBase) {
         _inherits(FileAudio, _FileBase);
 
-        var _super19 = _createSuper(FileAudio);
+        var _super20 = _createSuper(FileAudio);
 
         function FileAudio() {
           _classCallCheck(this, FileAudio);
 
-          return _super19.apply(this, arguments);
+          return _super20.apply(this, arguments);
         }
 
         _createClass(FileAudio, null, [{
@@ -4541,9 +4852,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileAudio;
     }, {
-      "./file-base.js": 49
+      "./file-base.js": 50
     }],
-    49: [function (require, module, exports) {
+    50: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -4551,20 +4862,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var FileBase = /*#__PURE__*/function (_PlattarBase11) {
         _inherits(FileBase, _PlattarBase11);
 
-        var _super20 = _createSuper(FileBase);
+        var _super21 = _createSuper(FileBase);
 
         function FileBase(id, server) {
-          var _this32;
+          var _this35;
 
           _classCallCheck(this, FileBase);
 
-          _this32 = _super20.call(this, id, server || Server["default"]());
+          _this35 = _super21.call(this, id, server || Server["default"]());
 
-          if (_this32.constructor === FileBase) {
+          if (_this35.constructor === FileBase) {
             throw new Error("FileBase is abstract and cannot be created");
           }
 
-          return _this32;
+          return _this35;
         }
 
         _createClass(FileBase, [{
@@ -4629,25 +4940,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileBase;
     }, {
-      "../../server/plattar-server.js": 37,
-      "../interfaces/plattar-base.js": 54,
-      "./file-audio.js": 48,
-      "./file-image.js": 50,
-      "./file-model.js": 51,
-      "./file-video.js": 53
+      "../../server/plattar-server.js": 38,
+      "../interfaces/plattar-base.js": 55,
+      "./file-audio.js": 49,
+      "./file-image.js": 51,
+      "./file-model.js": 52,
+      "./file-video.js": 54
     }],
-    50: [function (require, module, exports) {
+    51: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileImage = /*#__PURE__*/function (_FileBase2) {
         _inherits(FileImage, _FileBase2);
 
-        var _super21 = _createSuper(FileImage);
+        var _super22 = _createSuper(FileImage);
 
         function FileImage() {
           _classCallCheck(this, FileImage);
 
-          return _super21.apply(this, arguments);
+          return _super22.apply(this, arguments);
         }
 
         _createClass(FileImage, null, [{
@@ -4662,20 +4973,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileImage;
     }, {
-      "./file-base.js": 49
+      "./file-base.js": 50
     }],
-    51: [function (require, module, exports) {
+    52: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileModel = /*#__PURE__*/function (_FileBase3) {
         _inherits(FileModel, _FileBase3);
 
-        var _super22 = _createSuper(FileModel);
+        var _super23 = _createSuper(FileModel);
 
         function FileModel() {
           _classCallCheck(this, FileModel);
 
-          return _super22.apply(this, arguments);
+          return _super23.apply(this, arguments);
         }
 
         _createClass(FileModel, null, [{
@@ -4690,20 +5001,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileModel;
     }, {
-      "./file-base.js": 49
+      "./file-base.js": 50
     }],
-    52: [function (require, module, exports) {
+    53: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileScript = /*#__PURE__*/function (_FileBase4) {
         _inherits(FileScript, _FileBase4);
 
-        var _super23 = _createSuper(FileScript);
+        var _super24 = _createSuper(FileScript);
 
         function FileScript() {
           _classCallCheck(this, FileScript);
 
-          return _super23.apply(this, arguments);
+          return _super24.apply(this, arguments);
         }
 
         _createClass(FileScript, null, [{
@@ -4718,20 +5029,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileScript;
     }, {
-      "./file-base.js": 49
+      "./file-base.js": 50
     }],
-    53: [function (require, module, exports) {
+    54: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileVideo = /*#__PURE__*/function (_FileBase5) {
         _inherits(FileVideo, _FileBase5);
 
-        var _super24 = _createSuper(FileVideo);
+        var _super25 = _createSuper(FileVideo);
 
         function FileVideo() {
           _classCallCheck(this, FileVideo);
 
-          return _super24.apply(this, arguments);
+          return _super25.apply(this, arguments);
         }
 
         _createClass(FileVideo, null, [{
@@ -4746,9 +5057,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileVideo;
     }, {
-      "./file-base.js": 49
+      "./file-base.js": 50
     }],
-    54: [function (require, module, exports) {
+    55: [function (require, module, exports) {
       var PlattarObject = require("./plattar-object.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -4756,31 +5067,31 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var PlattarBase = /*#__PURE__*/function (_PlattarObject) {
         _inherits(PlattarBase, _PlattarObject);
 
-        var _super25 = _createSuper(PlattarBase);
+        var _super26 = _createSuper(PlattarBase);
 
         function PlattarBase(id, server) {
-          var _this33;
+          var _this36;
 
           _classCallCheck(this, PlattarBase);
 
-          _this33 = _super25.call(this, id, server || Server["default"]());
+          _this36 = _super26.call(this, id, server || Server["default"]());
 
-          if (_this33.constructor === PlattarBase) {
+          if (_this36.constructor === PlattarBase) {
             throw new Error("PlattarBase is abstract and cannot be created");
           }
 
-          return _this33;
+          return _this36;
         }
 
-        return PlattarBase;
+        return _createClass(PlattarBase);
       }(PlattarObject);
 
       module.exports = PlattarBase;
     }, {
-      "../../server/plattar-server.js": 37,
-      "./plattar-object.js": 56
+      "../../server/plattar-server.js": 38,
+      "./plattar-object.js": 57
     }],
-    55: [function (require, module, exports) {
+    56: [function (require, module, exports) {
       /**
        * Handles the list of relationships for the provided object
        */
@@ -4841,7 +5152,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "filter",
           value: function filter(obj, id) {
-            var _this34 = this;
+            var _this37 = this;
 
             if (!obj) {
               return [];
@@ -4859,7 +5170,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             if (Array.isArray(type)) {
               var compiledList = [];
               type.forEach(function (inObject) {
-                var retArray = _this34.filter(inObject, id);
+                var retArray = _this37.filter(inObject, id);
 
                 if (retArray.length > 0) {
                   compiledList = compiledList.concat(retArray);
@@ -4916,9 +5227,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarObjectRelations;
     }, {
-      "../../util/plattar-util.js": 97
+      "../../util/plattar-util.js": 98
     }],
-    56: [function (require, module, exports) {
+    57: [function (require, module, exports) {
       var PlattarQuery = require("../../server/plattar-query.js");
 
       var PlattarObjectRelations = require("./plattar-object-relations.js");
@@ -5062,7 +5373,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "include",
           value: function include() {
-            var _this35 = this;
+            var _this38 = this;
 
             for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
               args[_key6] = arguments[_key6];
@@ -5078,15 +5389,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               if (Array.isArray(obj)) {
                 obj.forEach(function (strObject) {
                   if (typeof strObject === "string" || strObject instanceof String) {
-                    includes.push("".concat(_this35.type(), ".").concat(strObject));
+                    includes.push("".concat(_this38.type(), ".").concat(strObject));
                   } else {
-                    throw new Error("PlattarObject." + _this35.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarObject." + _this38.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (obj.prototype instanceof PlattarObject) {
-                includes.push("".concat(_this35.type(), ".").concat(obj.type()));
+                includes.push("".concat(_this38.type(), ".").concat(obj.type()));
               } else {
-                throw new Error("PlattarObject." + _this35.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarObject." + _this38.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return includes;
@@ -5098,21 +5409,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarObject;
     }, {
-      "../../server/plattar-query.js": 36,
-      "./plattar-object-relations.js": 55
+      "../../server/plattar-query.js": 37,
+      "./plattar-object-relations.js": 56
     }],
-    57: [function (require, module, exports) {
+    58: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var ApplicationBuild = /*#__PURE__*/function (_PlattarBase12) {
         _inherits(ApplicationBuild, _PlattarBase12);
 
-        var _super26 = _createSuper(ApplicationBuild);
+        var _super27 = _createSuper(ApplicationBuild);
 
         function ApplicationBuild() {
           _classCallCheck(this, ApplicationBuild);
 
-          return _super26.apply(this, arguments);
+          return _super27.apply(this, arguments);
         }
 
         _createClass(ApplicationBuild, null, [{
@@ -5127,20 +5438,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ApplicationBuild;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    58: [function (require, module, exports) {
+    59: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var AssetLibrary = /*#__PURE__*/function (_PlattarBase13) {
         _inherits(AssetLibrary, _PlattarBase13);
 
-        var _super27 = _createSuper(AssetLibrary);
+        var _super28 = _createSuper(AssetLibrary);
 
         function AssetLibrary() {
           _classCallCheck(this, AssetLibrary);
 
-          return _super27.apply(this, arguments);
+          return _super28.apply(this, arguments);
         }
 
         _createClass(AssetLibrary, null, [{
@@ -5155,20 +5466,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = AssetLibrary;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    59: [function (require, module, exports) {
+    60: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var AsyncJob = /*#__PURE__*/function (_PlattarBase14) {
         _inherits(AsyncJob, _PlattarBase14);
 
-        var _super28 = _createSuper(AsyncJob);
+        var _super29 = _createSuper(AsyncJob);
 
         function AsyncJob() {
           _classCallCheck(this, AsyncJob);
 
-          return _super28.apply(this, arguments);
+          return _super29.apply(this, arguments);
         }
 
         _createClass(AsyncJob, [{
@@ -5188,20 +5499,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = AsyncJob;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    60: [function (require, module, exports) {
+    61: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var ScriptEvent = /*#__PURE__*/function (_PlattarBase15) {
         _inherits(ScriptEvent, _PlattarBase15);
 
-        var _super29 = _createSuper(ScriptEvent);
+        var _super30 = _createSuper(ScriptEvent);
 
         function ScriptEvent() {
           _classCallCheck(this, ScriptEvent);
 
-          return _super29.apply(this, arguments);
+          return _super30.apply(this, arguments);
         }
 
         _createClass(ScriptEvent, null, [{
@@ -5216,20 +5527,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ScriptEvent;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    61: [function (require, module, exports) {
+    62: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Tag = /*#__PURE__*/function (_PlattarBase16) {
         _inherits(Tag, _PlattarBase16);
 
-        var _super30 = _createSuper(Tag);
+        var _super31 = _createSuper(Tag);
 
         function Tag() {
           _classCallCheck(this, Tag);
 
-          return _super30.apply(this, arguments);
+          return _super31.apply(this, arguments);
         }
 
         _createClass(Tag, null, [{
@@ -5244,9 +5555,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Tag;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    62: [function (require, module, exports) {
+    63: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5254,20 +5565,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var CardBase = /*#__PURE__*/function (_PlattarBase17) {
         _inherits(CardBase, _PlattarBase17);
 
-        var _super31 = _createSuper(CardBase);
+        var _super32 = _createSuper(CardBase);
 
         function CardBase(id, server) {
-          var _this36;
+          var _this39;
 
           _classCallCheck(this, CardBase);
 
-          _this36 = _super31.call(this, id, server || Server["default"]());
+          _this39 = _super32.call(this, id, server || Server["default"]());
 
-          if (_this36.constructor === CardBase) {
+          if (_this39.constructor === CardBase) {
             throw new Error("CardBase is abstract and cannot be created");
           }
 
-          return _this36;
+          return _this39;
         }
 
         _createClass(CardBase, null, [{
@@ -5304,32 +5615,32 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardBase;
     }, {
-      "../../server/plattar-server.js": 37,
-      "../interfaces/plattar-base.js": 54,
-      "./card-button.js": 63,
-      "./card-html.js": 64,
-      "./card-iframe.js": 65,
-      "./card-image.js": 66,
-      "./card-map.js": 67,
-      "./card-paragraph.js": 68,
-      "./card-row.js": 69,
-      "./card-slider.js": 70,
-      "./card-title.js": 71,
-      "./card-video.js": 72,
-      "./card-youtube.js": 73
+      "../../server/plattar-server.js": 38,
+      "../interfaces/plattar-base.js": 55,
+      "./card-button.js": 64,
+      "./card-html.js": 65,
+      "./card-iframe.js": 66,
+      "./card-image.js": 67,
+      "./card-map.js": 68,
+      "./card-paragraph.js": 69,
+      "./card-row.js": 70,
+      "./card-slider.js": 71,
+      "./card-title.js": 72,
+      "./card-video.js": 73,
+      "./card-youtube.js": 74
     }],
-    63: [function (require, module, exports) {
+    64: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardButton = /*#__PURE__*/function (_CardBase) {
         _inherits(CardButton, _CardBase);
 
-        var _super32 = _createSuper(CardButton);
+        var _super33 = _createSuper(CardButton);
 
         function CardButton() {
           _classCallCheck(this, CardButton);
 
-          return _super32.apply(this, arguments);
+          return _super33.apply(this, arguments);
         }
 
         _createClass(CardButton, null, [{
@@ -5344,20 +5655,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardButton;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    64: [function (require, module, exports) {
+    65: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardHTML = /*#__PURE__*/function (_CardBase2) {
         _inherits(CardHTML, _CardBase2);
 
-        var _super33 = _createSuper(CardHTML);
+        var _super34 = _createSuper(CardHTML);
 
         function CardHTML() {
           _classCallCheck(this, CardHTML);
 
-          return _super33.apply(this, arguments);
+          return _super34.apply(this, arguments);
         }
 
         _createClass(CardHTML, null, [{
@@ -5372,20 +5683,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardHTML;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    65: [function (require, module, exports) {
+    66: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardIFrame = /*#__PURE__*/function (_CardBase3) {
         _inherits(CardIFrame, _CardBase3);
 
-        var _super34 = _createSuper(CardIFrame);
+        var _super35 = _createSuper(CardIFrame);
 
         function CardIFrame() {
           _classCallCheck(this, CardIFrame);
 
-          return _super34.apply(this, arguments);
+          return _super35.apply(this, arguments);
         }
 
         _createClass(CardIFrame, null, [{
@@ -5400,20 +5711,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardIFrame;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    66: [function (require, module, exports) {
+    67: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardImage = /*#__PURE__*/function (_CardBase4) {
         _inherits(CardImage, _CardBase4);
 
-        var _super35 = _createSuper(CardImage);
+        var _super36 = _createSuper(CardImage);
 
         function CardImage() {
           _classCallCheck(this, CardImage);
 
-          return _super35.apply(this, arguments);
+          return _super36.apply(this, arguments);
         }
 
         _createClass(CardImage, null, [{
@@ -5428,20 +5739,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardImage;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    67: [function (require, module, exports) {
+    68: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardMap = /*#__PURE__*/function (_CardBase5) {
         _inherits(CardMap, _CardBase5);
 
-        var _super36 = _createSuper(CardMap);
+        var _super37 = _createSuper(CardMap);
 
         function CardMap() {
           _classCallCheck(this, CardMap);
 
-          return _super36.apply(this, arguments);
+          return _super37.apply(this, arguments);
         }
 
         _createClass(CardMap, null, [{
@@ -5456,20 +5767,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardMap;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    68: [function (require, module, exports) {
+    69: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardParagraph = /*#__PURE__*/function (_CardBase6) {
         _inherits(CardParagraph, _CardBase6);
 
-        var _super37 = _createSuper(CardParagraph);
+        var _super38 = _createSuper(CardParagraph);
 
         function CardParagraph() {
           _classCallCheck(this, CardParagraph);
 
-          return _super37.apply(this, arguments);
+          return _super38.apply(this, arguments);
         }
 
         _createClass(CardParagraph, null, [{
@@ -5484,20 +5795,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardParagraph;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    69: [function (require, module, exports) {
+    70: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardRow = /*#__PURE__*/function (_CardBase7) {
         _inherits(CardRow, _CardBase7);
 
-        var _super38 = _createSuper(CardRow);
+        var _super39 = _createSuper(CardRow);
 
         function CardRow() {
           _classCallCheck(this, CardRow);
 
-          return _super38.apply(this, arguments);
+          return _super39.apply(this, arguments);
         }
 
         _createClass(CardRow, null, [{
@@ -5512,20 +5823,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardRow;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    70: [function (require, module, exports) {
+    71: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardSlider = /*#__PURE__*/function (_CardBase8) {
         _inherits(CardSlider, _CardBase8);
 
-        var _super39 = _createSuper(CardSlider);
+        var _super40 = _createSuper(CardSlider);
 
         function CardSlider() {
           _classCallCheck(this, CardSlider);
 
-          return _super39.apply(this, arguments);
+          return _super40.apply(this, arguments);
         }
 
         _createClass(CardSlider, null, [{
@@ -5540,20 +5851,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardSlider;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    71: [function (require, module, exports) {
+    72: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardTitle = /*#__PURE__*/function (_CardBase9) {
         _inherits(CardTitle, _CardBase9);
 
-        var _super40 = _createSuper(CardTitle);
+        var _super41 = _createSuper(CardTitle);
 
         function CardTitle() {
           _classCallCheck(this, CardTitle);
 
-          return _super40.apply(this, arguments);
+          return _super41.apply(this, arguments);
         }
 
         _createClass(CardTitle, null, [{
@@ -5568,20 +5879,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardTitle;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    72: [function (require, module, exports) {
+    73: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardVideo = /*#__PURE__*/function (_CardBase10) {
         _inherits(CardVideo, _CardBase10);
 
-        var _super41 = _createSuper(CardVideo);
+        var _super42 = _createSuper(CardVideo);
 
         function CardVideo() {
           _classCallCheck(this, CardVideo);
 
-          return _super41.apply(this, arguments);
+          return _super42.apply(this, arguments);
         }
 
         _createClass(CardVideo, null, [{
@@ -5596,20 +5907,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardVideo;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    73: [function (require, module, exports) {
+    74: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardYoutube = /*#__PURE__*/function (_CardBase11) {
         _inherits(CardYoutube, _CardBase11);
 
-        var _super42 = _createSuper(CardYoutube);
+        var _super43 = _createSuper(CardYoutube);
 
         function CardYoutube() {
           _classCallCheck(this, CardYoutube);
 
-          return _super42.apply(this, arguments);
+          return _super43.apply(this, arguments);
         }
 
         _createClass(CardYoutube, null, [{
@@ -5624,20 +5935,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardYoutube;
     }, {
-      "./card-base.js": 62
+      "./card-base.js": 63
     }],
-    74: [function (require, module, exports) {
+    75: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Page = /*#__PURE__*/function (_PlattarBase18) {
         _inherits(Page, _PlattarBase18);
 
-        var _super43 = _createSuper(Page);
+        var _super44 = _createSuper(Page);
 
         function Page() {
           _classCallCheck(this, Page);
 
-          return _super43.apply(this, arguments);
+          return _super44.apply(this, arguments);
         }
 
         _createClass(Page, null, [{
@@ -5652,20 +5963,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Page;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    75: [function (require, module, exports) {
+    76: [function (require, module, exports) {
       var ProductBase = require("./product-base.js");
 
       var ProductAnnotation = /*#__PURE__*/function (_ProductBase) {
         _inherits(ProductAnnotation, _ProductBase);
 
-        var _super44 = _createSuper(ProductAnnotation);
+        var _super45 = _createSuper(ProductAnnotation);
 
         function ProductAnnotation() {
           _classCallCheck(this, ProductAnnotation);
 
-          return _super44.apply(this, arguments);
+          return _super45.apply(this, arguments);
         }
 
         _createClass(ProductAnnotation, null, [{
@@ -5680,9 +5991,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductAnnotation;
     }, {
-      "./product-base.js": 76
+      "./product-base.js": 77
     }],
-    76: [function (require, module, exports) {
+    77: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5690,20 +6001,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var ProductBase = /*#__PURE__*/function (_PlattarBase19) {
         _inherits(ProductBase, _PlattarBase19);
 
-        var _super45 = _createSuper(ProductBase);
+        var _super46 = _createSuper(ProductBase);
 
         function ProductBase(id, server) {
-          var _this37;
+          var _this40;
 
           _classCallCheck(this, ProductBase);
 
-          _this37 = _super45.call(this, id, server || Server["default"]());
+          _this40 = _super46.call(this, id, server || Server["default"]());
 
-          if (_this37.constructor === ProductBase) {
+          if (_this40.constructor === ProductBase) {
             throw new Error("ProductBase is abstract and cannot be created");
           }
 
-          return _this37;
+          return _this40;
         }
 
         _createClass(ProductBase, null, [{
@@ -5722,23 +6033,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductBase;
     }, {
-      "../../server/plattar-server.js": 37,
-      "../interfaces/plattar-base.js": 54,
-      "./product-annotation.js": 75,
-      "./product-variation.js": 77
+      "../../server/plattar-server.js": 38,
+      "../interfaces/plattar-base.js": 55,
+      "./product-annotation.js": 76,
+      "./product-variation.js": 78
     }],
-    77: [function (require, module, exports) {
+    78: [function (require, module, exports) {
       var ProductBase = require("./product-base.js");
 
       var ProductVariation = /*#__PURE__*/function (_ProductBase2) {
         _inherits(ProductVariation, _ProductBase2);
 
-        var _super46 = _createSuper(ProductVariation);
+        var _super47 = _createSuper(ProductVariation);
 
         function ProductVariation() {
           _classCallCheck(this, ProductVariation);
 
-          return _super46.apply(this, arguments);
+          return _super47.apply(this, arguments);
         }
 
         _createClass(ProductVariation, null, [{
@@ -5753,20 +6064,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductVariation;
     }, {
-      "./product-base.js": 76
+      "./product-base.js": 77
     }],
-    78: [function (require, module, exports) {
+    79: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Product = /*#__PURE__*/function (_PlattarBase20) {
         _inherits(Product, _PlattarBase20);
 
-        var _super47 = _createSuper(Product);
+        var _super48 = _createSuper(Product);
 
         function Product() {
           _classCallCheck(this, Product);
 
-          return _super47.apply(this, arguments);
+          return _super48.apply(this, arguments);
         }
 
         _createClass(Product, null, [{
@@ -5781,20 +6092,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Product;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    79: [function (require, module, exports) {
+    80: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneAnnotation = /*#__PURE__*/function (_SceneBase) {
         _inherits(SceneAnnotation, _SceneBase);
 
-        var _super48 = _createSuper(SceneAnnotation);
+        var _super49 = _createSuper(SceneAnnotation);
 
         function SceneAnnotation() {
           _classCallCheck(this, SceneAnnotation);
 
-          return _super48.apply(this, arguments);
+          return _super49.apply(this, arguments);
         }
 
         _createClass(SceneAnnotation, null, [{
@@ -5809,20 +6120,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneAnnotation;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    80: [function (require, module, exports) {
+    81: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneAudio = /*#__PURE__*/function (_SceneBase2) {
         _inherits(SceneAudio, _SceneBase2);
 
-        var _super49 = _createSuper(SceneAudio);
+        var _super50 = _createSuper(SceneAudio);
 
         function SceneAudio() {
           _classCallCheck(this, SceneAudio);
 
-          return _super49.apply(this, arguments);
+          return _super50.apply(this, arguments);
         }
 
         _createClass(SceneAudio, null, [{
@@ -5837,9 +6148,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneAudio;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    81: [function (require, module, exports) {
+    82: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5847,20 +6158,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var SceneBase = /*#__PURE__*/function (_PlattarBase21) {
         _inherits(SceneBase, _PlattarBase21);
 
-        var _super50 = _createSuper(SceneBase);
+        var _super51 = _createSuper(SceneBase);
 
         function SceneBase(id, server) {
-          var _this38;
+          var _this41;
 
           _classCallCheck(this, SceneBase);
 
-          _this38 = _super50.call(this, id, server || Server["default"]());
+          _this41 = _super51.call(this, id, server || Server["default"]());
 
-          if (_this38.constructor === SceneBase) {
+          if (_this41.constructor === SceneBase) {
             throw new Error("SceneBase is abstract and cannot be created");
           }
 
-          return _this38;
+          return _this41;
         }
 
         _createClass(SceneBase, null, [{
@@ -5903,35 +6214,35 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneBase;
     }, {
-      "../../server/plattar-server.js": 37,
-      "../interfaces/plattar-base.js": 54,
-      "./scene-annotation.js": 79,
-      "./scene-audio.js": 80,
-      "./scene-button.js": 82,
-      "./scene-camera.js": 83,
-      "./scene-carousel.js": 84,
-      "./scene-image.js": 85,
-      "./scene-model.js": 86,
-      "./scene-panorama.js": 87,
-      "./scene-poller.js": 88,
-      "./scene-product.js": 89,
-      "./scene-shadow.js": 91,
-      "./scene-video.js": 92,
-      "./scene-volumetric.js": 93,
-      "./scene-youtube.js": 94
+      "../../server/plattar-server.js": 38,
+      "../interfaces/plattar-base.js": 55,
+      "./scene-annotation.js": 80,
+      "./scene-audio.js": 81,
+      "./scene-button.js": 83,
+      "./scene-camera.js": 84,
+      "./scene-carousel.js": 85,
+      "./scene-image.js": 86,
+      "./scene-model.js": 87,
+      "./scene-panorama.js": 88,
+      "./scene-poller.js": 89,
+      "./scene-product.js": 90,
+      "./scene-shadow.js": 92,
+      "./scene-video.js": 93,
+      "./scene-volumetric.js": 94,
+      "./scene-youtube.js": 95
     }],
-    82: [function (require, module, exports) {
+    83: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneButton = /*#__PURE__*/function (_SceneBase3) {
         _inherits(SceneButton, _SceneBase3);
 
-        var _super51 = _createSuper(SceneButton);
+        var _super52 = _createSuper(SceneButton);
 
         function SceneButton() {
           _classCallCheck(this, SceneButton);
 
-          return _super51.apply(this, arguments);
+          return _super52.apply(this, arguments);
         }
 
         _createClass(SceneButton, null, [{
@@ -5946,20 +6257,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneButton;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    83: [function (require, module, exports) {
+    84: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneCamera = /*#__PURE__*/function (_SceneBase4) {
         _inherits(SceneCamera, _SceneBase4);
 
-        var _super52 = _createSuper(SceneCamera);
+        var _super53 = _createSuper(SceneCamera);
 
         function SceneCamera() {
           _classCallCheck(this, SceneCamera);
 
-          return _super52.apply(this, arguments);
+          return _super53.apply(this, arguments);
         }
 
         _createClass(SceneCamera, null, [{
@@ -5974,20 +6285,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneCamera;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    84: [function (require, module, exports) {
+    85: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneCarousel = /*#__PURE__*/function (_SceneBase5) {
         _inherits(SceneCarousel, _SceneBase5);
 
-        var _super53 = _createSuper(SceneCarousel);
+        var _super54 = _createSuper(SceneCarousel);
 
         function SceneCarousel() {
           _classCallCheck(this, SceneCarousel);
 
-          return _super53.apply(this, arguments);
+          return _super54.apply(this, arguments);
         }
 
         _createClass(SceneCarousel, null, [{
@@ -6002,20 +6313,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneCarousel;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    85: [function (require, module, exports) {
+    86: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneImage = /*#__PURE__*/function (_SceneBase6) {
         _inherits(SceneImage, _SceneBase6);
 
-        var _super54 = _createSuper(SceneImage);
+        var _super55 = _createSuper(SceneImage);
 
         function SceneImage() {
           _classCallCheck(this, SceneImage);
 
-          return _super54.apply(this, arguments);
+          return _super55.apply(this, arguments);
         }
 
         _createClass(SceneImage, null, [{
@@ -6030,20 +6341,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneImage;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    86: [function (require, module, exports) {
+    87: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneModel = /*#__PURE__*/function (_SceneBase7) {
         _inherits(SceneModel, _SceneBase7);
 
-        var _super55 = _createSuper(SceneModel);
+        var _super56 = _createSuper(SceneModel);
 
         function SceneModel() {
           _classCallCheck(this, SceneModel);
 
-          return _super55.apply(this, arguments);
+          return _super56.apply(this, arguments);
         }
 
         _createClass(SceneModel, null, [{
@@ -6058,20 +6369,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneModel;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    87: [function (require, module, exports) {
+    88: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var ScenePanorama = /*#__PURE__*/function (_SceneBase8) {
         _inherits(ScenePanorama, _SceneBase8);
 
-        var _super56 = _createSuper(ScenePanorama);
+        var _super57 = _createSuper(ScenePanorama);
 
         function ScenePanorama() {
           _classCallCheck(this, ScenePanorama);
 
-          return _super56.apply(this, arguments);
+          return _super57.apply(this, arguments);
         }
 
         _createClass(ScenePanorama, null, [{
@@ -6086,20 +6397,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ScenePanorama;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    88: [function (require, module, exports) {
+    89: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var ScenePoller = /*#__PURE__*/function (_SceneBase9) {
         _inherits(ScenePoller, _SceneBase9);
 
-        var _super57 = _createSuper(ScenePoller);
+        var _super58 = _createSuper(ScenePoller);
 
         function ScenePoller() {
           _classCallCheck(this, ScenePoller);
 
-          return _super57.apply(this, arguments);
+          return _super58.apply(this, arguments);
         }
 
         _createClass(ScenePoller, null, [{
@@ -6114,20 +6425,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ScenePoller;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    89: [function (require, module, exports) {
+    90: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneProduct = /*#__PURE__*/function (_SceneBase10) {
         _inherits(SceneProduct, _SceneBase10);
 
-        var _super58 = _createSuper(SceneProduct);
+        var _super59 = _createSuper(SceneProduct);
 
         function SceneProduct() {
           _classCallCheck(this, SceneProduct);
 
-          return _super58.apply(this, arguments);
+          return _super59.apply(this, arguments);
         }
 
         _createClass(SceneProduct, null, [{
@@ -6142,20 +6453,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneProduct;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    90: [function (require, module, exports) {
+    91: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneScript = /*#__PURE__*/function (_SceneBase11) {
         _inherits(SceneScript, _SceneBase11);
 
-        var _super59 = _createSuper(SceneScript);
+        var _super60 = _createSuper(SceneScript);
 
         function SceneScript() {
           _classCallCheck(this, SceneScript);
 
-          return _super59.apply(this, arguments);
+          return _super60.apply(this, arguments);
         }
 
         _createClass(SceneScript, null, [{
@@ -6170,20 +6481,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneScript;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    91: [function (require, module, exports) {
+    92: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneShadow = /*#__PURE__*/function (_SceneBase12) {
         _inherits(SceneShadow, _SceneBase12);
 
-        var _super60 = _createSuper(SceneShadow);
+        var _super61 = _createSuper(SceneShadow);
 
         function SceneShadow() {
           _classCallCheck(this, SceneShadow);
 
-          return _super60.apply(this, arguments);
+          return _super61.apply(this, arguments);
         }
 
         _createClass(SceneShadow, null, [{
@@ -6198,20 +6509,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneShadow;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    92: [function (require, module, exports) {
+    93: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneVideo = /*#__PURE__*/function (_SceneBase13) {
         _inherits(SceneVideo, _SceneBase13);
 
-        var _super61 = _createSuper(SceneVideo);
+        var _super62 = _createSuper(SceneVideo);
 
         function SceneVideo() {
           _classCallCheck(this, SceneVideo);
 
-          return _super61.apply(this, arguments);
+          return _super62.apply(this, arguments);
         }
 
         _createClass(SceneVideo, null, [{
@@ -6226,20 +6537,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneVideo;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    93: [function (require, module, exports) {
+    94: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneVolumetric = /*#__PURE__*/function (_SceneBase14) {
         _inherits(SceneVolumetric, _SceneBase14);
 
-        var _super62 = _createSuper(SceneVolumetric);
+        var _super63 = _createSuper(SceneVolumetric);
 
         function SceneVolumetric() {
           _classCallCheck(this, SceneVolumetric);
 
-          return _super62.apply(this, arguments);
+          return _super63.apply(this, arguments);
         }
 
         _createClass(SceneVolumetric, null, [{
@@ -6254,20 +6565,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneVolumetric;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    94: [function (require, module, exports) {
+    95: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneYoutube = /*#__PURE__*/function (_SceneBase15) {
         _inherits(SceneYoutube, _SceneBase15);
 
-        var _super63 = _createSuper(SceneYoutube);
+        var _super64 = _createSuper(SceneYoutube);
 
         function SceneYoutube() {
           _classCallCheck(this, SceneYoutube);
 
-          return _super63.apply(this, arguments);
+          return _super64.apply(this, arguments);
         }
 
         _createClass(SceneYoutube, null, [{
@@ -6282,20 +6593,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneYoutube;
     }, {
-      "./scene-base.js": 81
+      "./scene-base.js": 82
     }],
-    95: [function (require, module, exports) {
+    96: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Scene = /*#__PURE__*/function (_PlattarBase22) {
         _inherits(Scene, _PlattarBase22);
 
-        var _super64 = _createSuper(Scene);
+        var _super65 = _createSuper(Scene);
 
         function Scene() {
           _classCallCheck(this, Scene);
 
-          return _super64.apply(this, arguments);
+          return _super65.apply(this, arguments);
         }
 
         _createClass(Scene, null, [{
@@ -6310,20 +6621,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Scene;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    96: [function (require, module, exports) {
+    97: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var TriggerImage = /*#__PURE__*/function (_PlattarBase23) {
         _inherits(TriggerImage, _PlattarBase23);
 
-        var _super65 = _createSuper(TriggerImage);
+        var _super66 = _createSuper(TriggerImage);
 
         function TriggerImage() {
           _classCallCheck(this, TriggerImage);
 
-          return _super65.apply(this, arguments);
+          return _super66.apply(this, arguments);
         }
 
         _createClass(TriggerImage, null, [{
@@ -6338,9 +6649,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = TriggerImage;
     }, {
-      "../interfaces/plattar-base.js": 54
+      "../interfaces/plattar-base.js": 55
     }],
-    97: [function (require, module, exports) {
+    98: [function (require, module, exports) {
       var Application = require("../types/application.js"); // import Scene types and its children
 
 
@@ -6452,9 +6763,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var AssetLibrary = require("../types/misc/asset-library");
 
-      var PlattarUtil = function PlattarUtil() {
+      var PlattarUtil = /*#__PURE__*/_createClass(function PlattarUtil() {
         _classCallCheck(this, PlattarUtil);
-      };
+      });
       /**
        * Checks if the provided Object is a Plattar Object
        * 
@@ -6727,81 +7038,81 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarUtil;
     }, {
-      "../types/application.js": 38,
-      "../types/content-pipeline/brief.js": 39,
-      "../types/content-pipeline/comment-brief.js": 40,
-      "../types/content-pipeline/comment-quote.js": 41,
-      "../types/content-pipeline/comment-solution.js": 42,
-      "../types/content-pipeline/folder.js": 43,
-      "../types/content-pipeline/pipeline-user.js": 44,
-      "../types/content-pipeline/quote.js": 45,
-      "../types/content-pipeline/rating.js": 46,
-      "../types/content-pipeline/solution.js": 47,
-      "../types/file/file-audio.js": 48,
-      "../types/file/file-image.js": 50,
-      "../types/file/file-model.js": 51,
-      "../types/file/file-script.js": 52,
-      "../types/file/file-video.js": 53,
-      "../types/interfaces/plattar-object.js": 56,
-      "../types/misc/application-build.js": 57,
-      "../types/misc/asset-library": 58,
-      "../types/misc/async-job.js": 59,
-      "../types/misc/script-event.js": 60,
-      "../types/misc/tag.js": 61,
-      "../types/page/card-button.js": 63,
-      "../types/page/card-html.js": 64,
-      "../types/page/card-iframe.js": 65,
-      "../types/page/card-image.js": 66,
-      "../types/page/card-map.js": 67,
-      "../types/page/card-paragraph.js": 68,
-      "../types/page/card-row.js": 69,
-      "../types/page/card-slider.js": 70,
-      "../types/page/card-title.js": 71,
-      "../types/page/card-video.js": 72,
-      "../types/page/card-youtube.js": 73,
-      "../types/page/page.js": 74,
-      "../types/product/product-annotation.js": 75,
-      "../types/product/product-variation.js": 77,
-      "../types/product/product.js": 78,
-      "../types/scene/scene-annotation.js": 79,
-      "../types/scene/scene-audio.js": 80,
-      "../types/scene/scene-button.js": 82,
-      "../types/scene/scene-camera.js": 83,
-      "../types/scene/scene-carousel.js": 84,
-      "../types/scene/scene-image.js": 85,
-      "../types/scene/scene-model.js": 86,
-      "../types/scene/scene-panorama.js": 87,
-      "../types/scene/scene-poller.js": 88,
-      "../types/scene/scene-product.js": 89,
-      "../types/scene/scene-script.js": 90,
-      "../types/scene/scene-shadow.js": 91,
-      "../types/scene/scene-video.js": 92,
-      "../types/scene/scene-volumetric.js": 93,
-      "../types/scene/scene-youtube.js": 94,
-      "../types/scene/scene.js": 95,
-      "../types/trigger/trigger-image.js": 96
+      "../types/application.js": 39,
+      "../types/content-pipeline/brief.js": 40,
+      "../types/content-pipeline/comment-brief.js": 41,
+      "../types/content-pipeline/comment-quote.js": 42,
+      "../types/content-pipeline/comment-solution.js": 43,
+      "../types/content-pipeline/folder.js": 44,
+      "../types/content-pipeline/pipeline-user.js": 45,
+      "../types/content-pipeline/quote.js": 46,
+      "../types/content-pipeline/rating.js": 47,
+      "../types/content-pipeline/solution.js": 48,
+      "../types/file/file-audio.js": 49,
+      "../types/file/file-image.js": 51,
+      "../types/file/file-model.js": 52,
+      "../types/file/file-script.js": 53,
+      "../types/file/file-video.js": 54,
+      "../types/interfaces/plattar-object.js": 57,
+      "../types/misc/application-build.js": 58,
+      "../types/misc/asset-library": 59,
+      "../types/misc/async-job.js": 60,
+      "../types/misc/script-event.js": 61,
+      "../types/misc/tag.js": 62,
+      "../types/page/card-button.js": 64,
+      "../types/page/card-html.js": 65,
+      "../types/page/card-iframe.js": 66,
+      "../types/page/card-image.js": 67,
+      "../types/page/card-map.js": 68,
+      "../types/page/card-paragraph.js": 69,
+      "../types/page/card-row.js": 70,
+      "../types/page/card-slider.js": 71,
+      "../types/page/card-title.js": 72,
+      "../types/page/card-video.js": 73,
+      "../types/page/card-youtube.js": 74,
+      "../types/page/page.js": 75,
+      "../types/product/product-annotation.js": 76,
+      "../types/product/product-variation.js": 78,
+      "../types/product/product.js": 79,
+      "../types/scene/scene-annotation.js": 80,
+      "../types/scene/scene-audio.js": 81,
+      "../types/scene/scene-button.js": 83,
+      "../types/scene/scene-camera.js": 84,
+      "../types/scene/scene-carousel.js": 85,
+      "../types/scene/scene-image.js": 86,
+      "../types/scene/scene-model.js": 87,
+      "../types/scene/scene-panorama.js": 88,
+      "../types/scene/scene-poller.js": 89,
+      "../types/scene/scene-product.js": 90,
+      "../types/scene/scene-script.js": 91,
+      "../types/scene/scene-shadow.js": 92,
+      "../types/scene/scene-video.js": 93,
+      "../types/scene/scene-volumetric.js": 94,
+      "../types/scene/scene-youtube.js": 95,
+      "../types/scene/scene.js": 96,
+      "../types/trigger/trigger-image.js": 97
     }],
-    98: [function (require, module, exports) {
+    99: [function (require, module, exports) {
       module.exports = "1.120.1";
     }, {}],
-    99: [function (require, module, exports) {
+    100: [function (require, module, exports) {
       var QRCodeStyling = require("qr-code-styling");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement2) {
         _inherits(BaseElement, _HTMLElement2);
 
-        var _super66 = _createSuper(BaseElement);
+        var _super67 = _createSuper(BaseElement);
 
         function BaseElement() {
           _classCallCheck(this, BaseElement);
 
-          return _super66.call(this);
+          return _super67.call(this);
         }
 
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this39 = this;
+            var _this42 = this;
 
             if (this.hasAttribute("url")) {
               this.renderQRCode();
@@ -6810,8 +7121,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             var observer = new MutationObserver(function (mutations) {
               mutations.forEach(function (mutation) {
                 if (mutation.type === "attributes") {
-                  if (_this39.hasAttribute("url")) {
-                    _this39.renderQRCode();
+                  if (_this42.hasAttribute("url")) {
+                    _this42.renderQRCode();
                   }
                 }
               });
@@ -6989,30 +7300,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = BaseElement;
     }, {
-      "qr-code-styling": 119
+      "qr-code-styling": 121
     }],
-    100: [function (require, module, exports) {
+    101: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var QRCodeElement = /*#__PURE__*/function (_BaseElement) {
         _inherits(QRCodeElement, _BaseElement);
 
-        var _super67 = _createSuper(QRCodeElement);
+        var _super68 = _createSuper(QRCodeElement);
 
         function QRCodeElement() {
           _classCallCheck(this, QRCodeElement);
 
-          return _super67.call(this);
+          return _super68.call(this);
         }
 
-        return QRCodeElement;
+        return _createClass(QRCodeElement);
       }(BaseElement);
 
       module.exports = QRCodeElement;
     }, {
-      "./base/base-element.js": 99
+      "./base/base-element.js": 100
     }],
-    101: [function (require, module, exports) {
+    102: [function (require, module, exports) {
       "use strict";
 
       var QRCodeElement = require("./elements/qrcode-element.js");
@@ -7025,24 +7336,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         version: Version
       };
     }, {
-      "./elements/qrcode-element.js": 100,
-      "./version": 102
+      "./elements/qrcode-element.js": 101,
+      "./version": 103
     }],
-    102: [function (require, module, exports) {
+    103: [function (require, module, exports) {
       module.exports = "1.120.3";
     }, {}],
-    103: [function (require, module, exports) {
+    104: [function (require, module, exports) {
       var ElementController = require("../controllers/element-controller");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
         _inherits(BaseElement, _HTMLElement3);
 
-        var _super68 = _createSuper(BaseElement);
+        var _super69 = _createSuper(BaseElement);
 
         function BaseElement() {
           _classCallCheck(this, BaseElement);
 
-          return _super68.call(this);
+          return _super69.call(this);
         }
 
         _createClass(BaseElement, [{
@@ -7142,19 +7453,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this40 = this;
+            var _this43 = this;
 
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this40.hasAttribute(ele.key)) {
-                map.set(ele.map, _this40.getAttribute(ele.key));
+              if (_this43.hasAttribute(ele.key)) {
+                map.set(ele.map, _this43.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this40.hasAttribute(ele.key)) {
-                map.set(ele.map, _this40.getAttribute(ele.key));
+              if (_this43.hasAttribute(ele.key)) {
+                map.set(ele.map, _this43.getAttribute(ele.key));
               }
             });
             return map;
@@ -7175,7 +7486,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     key = _step7$value[0],
                     value = _step7$value[1];
 
-                queryStr = first ? "?" + key + "=" + value : "&" + key + "=" + value;
+                queryStr += first ? "?" + key + "=" + value : "&" + key + "=" + value;
                 first = false;
               }
             } catch (err) {
@@ -7198,9 +7509,53 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = BaseElement;
     }, {
-      "../controllers/element-controller": 104
+      "../controllers/element-controller": 106
     }],
-    104: [function (require, module, exports) {
+    105: [function (require, module, exports) {
+      var BaseElement = require("./base/base-element.js");
+
+      var ConfiguratorElement = /*#__PURE__*/function (_BaseElement2) {
+        _inherits(ConfiguratorElement, _BaseElement2);
+
+        var _super70 = _createSuper(ConfiguratorElement);
+
+        function ConfiguratorElement() {
+          _classCallCheck(this, ConfiguratorElement);
+
+          return _super70.call(this);
+        }
+
+        _createClass(ConfiguratorElement, [{
+          key: "permissions",
+          get: function get() {
+            return ["autoplay"];
+          }
+        }, {
+          key: "elementType",
+          get: function get() {
+            return "configurator";
+          }
+        }, {
+          key: "optionalAttributes",
+          get: function get() {
+            return [{
+              key: "config-state",
+              map: "config_state"
+            }, {
+              key: "show-ar",
+              map: "show_ar"
+            }];
+          }
+        }]);
+
+        return ConfiguratorElement;
+      }(BaseElement);
+
+      module.exports = ConfiguratorElement;
+    }, {
+      "./base/base-element.js": 104
+    }],
+    106: [function (require, module, exports) {
       var Util = require("../../util/util.js");
 
       var _require = require("@plattar/context-messenger"),
@@ -7210,7 +7565,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this41 = this;
+          var _this44 = this;
 
           _classCallCheck(this, ElementController);
 
@@ -7226,7 +7581,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                 if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this41._load();
+                    _this44._load();
                   }
                 }
               }
@@ -7317,16 +7672,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ElementController;
     }, {
-      "../../util/util.js": 115,
-      "./iframe-controller.js": 105,
-      "@plattar/context-messenger": 14
+      "../../util/util.js": 117,
+      "./iframe-controller.js": 107,
+      "@plattar/context-messenger": 15
     }],
-    105: [function (require, module, exports) {
+    107: [function (require, module, exports) {
       var Util = require("../../util/util.js");
 
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this42 = this;
+          var _this45 = this;
 
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
@@ -7338,7 +7693,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this42._iframe);
+                onelemload(_this45._iframe);
               }
             };
           }
@@ -7435,20 +7790,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = IFrameController;
     }, {
-      "../../util/util.js": 115
+      "../../util/util.js": 117
     }],
-    106: [function (require, module, exports) {
+    108: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var EditorElement = /*#__PURE__*/function (_BaseElement2) {
-        _inherits(EditorElement, _BaseElement2);
+      var EditorElement = /*#__PURE__*/function (_BaseElement3) {
+        _inherits(EditorElement, _BaseElement3);
 
-        var _super69 = _createSuper(EditorElement);
+        var _super71 = _createSuper(EditorElement);
 
         function EditorElement() {
           _classCallCheck(this, EditorElement);
 
-          return _super69.call(this);
+          return _super71.call(this);
         }
 
         _createClass(EditorElement, [{
@@ -7468,26 +7823,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = EditorElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    107: [function (require, module, exports) {
+    109: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var EWallElement = /*#__PURE__*/function (_BaseElement3) {
-        _inherits(EWallElement, _BaseElement3);
+      var EWallElement = /*#__PURE__*/function (_BaseElement4) {
+        _inherits(EWallElement, _BaseElement4);
 
-        var _super70 = _createSuper(EWallElement);
+        var _super72 = _createSuper(EWallElement);
 
         function EWallElement() {
-          var _this43;
+          var _this46;
 
           _classCallCheck(this, EWallElement);
 
-          _this43 = _super70.call(this);
+          _this46 = _super72.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this43;
+          return _this46;
         }
 
         _createClass(EWallElement, [{
@@ -7523,20 +7878,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = EWallElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    108: [function (require, module, exports) {
+    110: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var FaceARElement = /*#__PURE__*/function (_BaseElement4) {
-        _inherits(FaceARElement, _BaseElement4);
+      var FaceARElement = /*#__PURE__*/function (_BaseElement5) {
+        _inherits(FaceARElement, _BaseElement5);
 
-        var _super71 = _createSuper(FaceARElement);
+        var _super73 = _createSuper(FaceARElement);
 
         function FaceARElement() {
           _classCallCheck(this, FaceARElement);
 
-          return _super71.call(this);
+          return _super73.call(this);
         }
 
         _createClass(FaceARElement, [{
@@ -7549,6 +7904,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           get: function get() {
             return "facear";
           }
+        }, {
+          key: "optionalAttributes",
+          get: function get() {
+            return [{
+              key: "variation-id",
+              map: "variationId"
+            }, {
+              key: "product-id",
+              map: "productId"
+            }];
+          }
         }]);
 
         return FaceARElement;
@@ -7556,20 +7922,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FaceARElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    109: [function (require, module, exports) {
+    111: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var ModelElement = /*#__PURE__*/function (_BaseElement5) {
-        _inherits(ModelElement, _BaseElement5);
+      var ModelElement = /*#__PURE__*/function (_BaseElement6) {
+        _inherits(ModelElement, _BaseElement6);
 
-        var _super72 = _createSuper(ModelElement);
+        var _super74 = _createSuper(ModelElement);
 
         function ModelElement() {
           _classCallCheck(this, ModelElement);
 
-          return _super72.call(this);
+          return _super74.call(this);
         }
 
         _createClass(ModelElement, [{
@@ -7597,20 +7963,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ModelElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    110: [function (require, module, exports) {
+    112: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var ProductElement = /*#__PURE__*/function (_BaseElement6) {
-        _inherits(ProductElement, _BaseElement6);
+      var ProductElement = /*#__PURE__*/function (_BaseElement7) {
+        _inherits(ProductElement, _BaseElement7);
 
-        var _super73 = _createSuper(ProductElement);
+        var _super75 = _createSuper(ProductElement);
 
         function ProductElement() {
           _classCallCheck(this, ProductElement);
 
-          return _super73.call(this);
+          return _super75.call(this);
         }
 
         _createClass(ProductElement, [{
@@ -7646,20 +8012,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    111: [function (require, module, exports) {
+    113: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var StudioElement = /*#__PURE__*/function (_BaseElement7) {
-        _inherits(StudioElement, _BaseElement7);
+      var StudioElement = /*#__PURE__*/function (_BaseElement8) {
+        _inherits(StudioElement, _BaseElement8);
 
-        var _super74 = _createSuper(StudioElement);
+        var _super76 = _createSuper(StudioElement);
 
         function StudioElement() {
           _classCallCheck(this, StudioElement);
 
-          return _super74.call(this);
+          return _super76.call(this);
         }
 
         _createClass(StudioElement, [{
@@ -7679,20 +8045,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = StudioElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    112: [function (require, module, exports) {
+    114: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var ViewerElement = /*#__PURE__*/function (_BaseElement8) {
-        _inherits(ViewerElement, _BaseElement8);
+      var ViewerElement = /*#__PURE__*/function (_BaseElement9) {
+        _inherits(ViewerElement, _BaseElement9);
 
-        var _super75 = _createSuper(ViewerElement);
+        var _super77 = _createSuper(ViewerElement);
 
         function ViewerElement() {
           _classCallCheck(this, ViewerElement);
 
-          return _super75.call(this);
+          return _super77.call(this);
         }
 
         _createClass(ViewerElement, [{
@@ -7705,6 +8071,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           get: function get() {
             return "viewer";
           }
+        }, {
+          key: "optionalAttributes",
+          get: function get() {
+            return [{
+              key: "variation-id",
+              map: "variationId"
+            }, {
+              key: "product-id",
+              map: "productId"
+            }];
+          }
         }]);
 
         return ViewerElement;
@@ -7712,20 +8089,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ViewerElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    113: [function (require, module, exports) {
+    115: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
-      var WebXRElement = /*#__PURE__*/function (_BaseElement9) {
-        _inherits(WebXRElement, _BaseElement9);
+      var WebXRElement = /*#__PURE__*/function (_BaseElement10) {
+        _inherits(WebXRElement, _BaseElement10);
 
-        var _super76 = _createSuper(WebXRElement);
+        var _super78 = _createSuper(WebXRElement);
 
         function WebXRElement() {
           _classCallCheck(this, WebXRElement);
 
-          return _super76.call(this);
+          return _super78.call(this);
         }
 
         _createClass(WebXRElement, [{
@@ -7745,9 +8122,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WebXRElement;
     }, {
-      "./base/base-element.js": 103
+      "./base/base-element.js": 104
     }],
-    114: [function (require, module, exports) {
+    116: [function (require, module, exports) {
       "use strict";
 
       var WebXRElement = require("./elements/webxr-element.js");
@@ -7766,32 +8143,63 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var ModelElement = require("./elements/model-element.js");
 
+      var ConfiguratorElement = require("./elements/configurator-element.js");
+
       var Version = require("./version");
 
-      customElements.define("plattar-webxr", WebXRElement);
-      customElements.define("plattar-viewer", ViewerElement);
-      customElements.define("plattar-product", ProductElement);
-      customElements.define("plattar-editor", EditorElement);
-      customElements.define("plattar-facear", FaceARElement);
-      customElements.define("plattar-8wall", EWallElement);
-      customElements.define("plattar-studio", StudioElement);
-      customElements.define("plattar-model", ModelElement);
+      if (customElements.get("plattar-webxr") === undefined) {
+        customElements.define("plattar-webxr", WebXRElement);
+      }
+
+      if (customElements.get("plattar-viewer") === undefined) {
+        customElements.define("plattar-viewer", ViewerElement);
+      }
+
+      if (customElements.get("plattar-product") === undefined) {
+        customElements.define("plattar-product", ProductElement);
+      }
+
+      if (customElements.get("plattar-editor") === undefined) {
+        customElements.define("plattar-editor", EditorElement);
+      }
+
+      if (customElements.get("plattar-facear") === undefined) {
+        customElements.define("plattar-facear", FaceARElement);
+      }
+
+      if (customElements.get("plattar-8wall") === undefined) {
+        customElements.define("plattar-8wall", EWallElement);
+      }
+
+      if (customElements.get("plattar-studio") === undefined) {
+        customElements.define("plattar-studio", StudioElement);
+      }
+
+      if (customElements.get("plattar-model") === undefined) {
+        customElements.define("plattar-model", ModelElement);
+      }
+
+      if (customElements.get("plattar-configurator") === undefined) {
+        customElements.define("plattar-configurator", ConfiguratorElement);
+      }
+
       console.log("using @plattar/plattar-web v" + Version);
       module.exports = {
         version: Version
       };
     }, {
-      "./elements/editor-element.js": 106,
-      "./elements/ewall-element.js": 107,
-      "./elements/facear-element.js": 108,
-      "./elements/model-element.js": 109,
-      "./elements/product-element.js": 110,
-      "./elements/studio-element.js": 111,
-      "./elements/viewer-element.js": 112,
-      "./elements/webxr-element.js": 113,
-      "./version": 116
+      "./elements/configurator-element.js": 105,
+      "./elements/editor-element.js": 108,
+      "./elements/ewall-element.js": 109,
+      "./elements/facear-element.js": 110,
+      "./elements/model-element.js": 111,
+      "./elements/product-element.js": 112,
+      "./elements/studio-element.js": 113,
+      "./elements/viewer-element.js": 114,
+      "./elements/webxr-element.js": 115,
+      "./version": 118
     }],
-    115: [function (require, module, exports) {
+    117: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -7854,6 +8262,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               case "studio":
               case "product":
               case "model":
+              case "configurator":
               case "webxr":
                 return true;
 
@@ -7888,10 +8297,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Util;
     }, {}],
-    116: [function (require, module, exports) {
-      module.exports = "1.117.1";
+    118: [function (require, module, exports) {
+      module.exports = "1.122.3";
     }, {}],
-    117: [function (require, module, exports) {
+    119: [function (require, module, exports) {
       (function (global) {
         (function () {
           "use strict"; // ref: https://github.com/tc39/proposal-global
@@ -7928,7 +8337,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }).call(this);
       }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {});
     }, {}],
-    118: [function (require, module, exports) {
+    120: [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
@@ -8138,7 +8547,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         return 0;
       };
     }, {}],
-    119: [function (require, module, exports) {
+    121: [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 () {
@@ -10770,6 +11179,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }()["default"];
       });
     }, {}]
-  }, {}, [7])(7);
+  }, {}, [8])(8);
 });