@plattar/plattar-ar-adapter 1.120.1 → 1.122.2

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;
     }, {}],
@@ -181,6 +181,213 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         };
       };
 
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.ModelAR = void 0;
+
+      var plattar_api_1 = require("@plattar/plattar-api");
+
+      var plattar_analytics_1 = require("@plattar/plattar-analytics");
+
+      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");
+      /**
+       * Performs AT Functionality using Plattar FileModel types
+       */
+
+
+      var ModelAR = /*#__PURE__*/function (_launcher_ar_1$Launch2) {
+        _inherits(ModelAR, _launcher_ar_1$Launch2);
+
+        var _super2 = _createSuper(ModelAR);
+
+        function ModelAR() {
+          var _this;
+
+          var modelID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+          _classCallCheck(this, ModelAR);
+
+          _this = _super2.call(this); // analytics instance
+
+          _this._analytics = null;
+
+          if (!modelID) {
+            throw new Error("ModelAR.constructor(modelID) - modelID must be defined");
+          }
+
+          _this._modelID = modelID;
+          _this._ar = null;
+          return _this;
+        }
+
+        _createClass(ModelAR, [{
+          key: "modelID",
+          get: function get() {
+            return this._modelID;
+          }
+        }, {
+          key: "_SetupAnalytics",
+          value: function _SetupAnalytics(model) {
+            var analytics = null;
+            var project = model.relationships.find(plattar_api_1.Project); // setup scene stuff (if any)
+
+            if (project) {
+              analytics = new plattar_analytics_1.Analytics(project.id);
+              analytics.origin = plattar_api_1.Server.location().type;
+              analytics.data.push("applicationId", project.id);
+              analytics.data.push("applicationTitle", project.attributes.title);
+              analytics.data.push("modelId", model.id);
+              analytics.data.push("modelTitle", model.attributes.title);
+              this._analytics = analytics;
+            }
+          }
+          /**
+           * Initialise the ModelAR 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 _this2 = this;
+
+            return new Promise(function (accept, reject) {
+              if (!util_1.Util.canAugment()) {
+                return reject(new Error("ModelAR.init() - cannot proceed as AR not available in context"));
+              }
+
+              var model = new plattar_api_1.FileModel(_this2.modelID);
+              model.include(plattar_api_1.Project);
+              model.get().then(function (model) {
+                // setup the analytics data
+                _this2._SetupAnalytics(model); // we need to define our AR module here
+                // we are in Safari/Quicklook mode here
+
+
+                if (util_1.Util.isSafari() || util_1.Util.isChromeOnIOS()) {
+                  // model needs to have either USDZ or REALITY files defined
+                  // we load REALITY stuff first if available
+                  if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
+                    _this2._ar = new reality_viewer_1["default"]();
+                    _this2._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
+                    return accept(_this2);
+                  } // otherwise, load the USDZ stuff second if available
+
+
+                  if (model.attributes.usdz_filename && util_1.Util.canQuicklook()) {
+                    _this2._ar = new quicklook_viewer_1["default"]();
+                    _this2._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
+                    return accept(_this2);
+                  }
+
+                  return reject(new Error("ModelAR.init() - cannot proceed as ModelFile does not have a defined .usdz or .reality file"));
+                } // check android
+
+
+                if (util_1.Util.canSceneViewer()) {
+                  _this2._ar = new scene_viewer_1["default"]();
+                  _this2._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  return accept(_this2);
+                } // 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("ModelAR.init() - could not initialise AR correctly, check values"));
+              })["catch"](reject);
+            });
+          }
+          /**
+           * 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 _this3 = this;
+
+            return new Promise(function (accept, reject) {
+              _this3.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("ModelAR.start() - cannot proceed as AR instance is null");
+            }
+
+            var analytics = this._analytics;
+
+            if (analytics) {
+              analytics.data.push("device", this._ar.device);
+              analytics.data.push("eventCategory", this._ar.nodeType);
+              analytics.data.push("eventAction", "Start Model Augment");
+              analytics.write();
+              analytics.startRecordEngagement();
+            } // 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 ModelAR;
+      }(launcher_ar_1.LauncherAR);
+
+      exports.ModelAR = ModelAR;
+    }, {
+      "../util/util": 8,
+      "../viewers/quicklook-viewer": 11,
+      "../viewers/reality-viewer": 12,
+      "../viewers/scene-viewer": 13,
+      "./launcher-ar": 2,
+      "@plattar/plattar-analytics": 31,
+      "@plattar/plattar-api": 35
+    }],
+    4: [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
       });
@@ -204,31 +411,31 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
        */
 
 
-      var ProductAR = /*#__PURE__*/function (_launcher_ar_1$Launch2) {
-        _inherits(ProductAR, _launcher_ar_1$Launch2);
+      var ProductAR = /*#__PURE__*/function (_launcher_ar_1$Launch3) {
+        _inherits(ProductAR, _launcher_ar_1$Launch3);
 
-        var _super2 = _createSuper(ProductAR);
+        var _super3 = _createSuper(ProductAR);
 
         function ProductAR() {
-          var _this;
+          var _this4;
 
           var productID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
           var variationID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
           _classCallCheck(this, ProductAR);
 
-          _this = _super2.call(this); // analytics instance
+          _this4 = _super3.call(this); // analytics instance
 
-          _this._analytics = null;
+          _this4._analytics = null;
 
           if (!productID) {
             throw new Error("ProductAR.constructor(productID, variationID) - productID must be defined");
           }
 
-          _this._productID = productID;
-          _this._variationID = variationID ? variationID : "default";
-          _this._ar = null;
-          return _this;
+          _this4._productID = productID;
+          _this4._variationID = variationID ? variationID : "default";
+          _this4._ar = null;
+          return _this4;
         }
 
         _createClass(ProductAR, [{
@@ -283,21 +490,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "init",
           value: function init() {
-            var _this2 = this;
+            var _this5 = this;
 
             return new Promise(function (accept, reject) {
               if (!util_1.Util.canAugment()) {
                 return reject(new Error("ProductAR.init() - cannot proceed as AR not available in context"));
               }
 
-              var product = new plattar_api_1.Product(_this2.productID);
+              var product = new plattar_api_1.Product(_this5.productID);
               product.include(plattar_api_1.ProductVariation);
               product.include(plattar_api_1.ProductVariation.include(plattar_api_1.FileModel));
               product.include(plattar_api_1.Scene);
               product.include(plattar_api_1.Scene.include(plattar_api_1.Project));
               product.get().then(function (product) {
                 // find the required variation from our product
-                var variationID = _this2.variationID ? _this2.variationID === "default" ? product.attributes.product_variation_id : _this2.variationID : product.attributes.product_variation_id;
+                var variationID = _this5.variationID ? _this5.variationID === "default" ? product.attributes.product_variation_id : _this5.variationID : product.attributes.product_variation_id;
 
                 if (!variationID) {
                   return reject(new Error("ProductAR.init() - cannot proceed as variation was not defined correctly"));
@@ -325,7 +532,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   return reject(new Error("ProductAR.init() - cannot proceed as ModelFile for selected variation is corrupt"));
                 }
 
-                _this2._setupAnalytics(product, variation); // we need to define our AR module here
+                _this5._setupAnalytics(product, variation); // we need to define our AR module here
                 // we are in Safari/Quicklook mode here
 
 
@@ -333,16 +540,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   // model needs to have either USDZ or REALITY files defined
                   // we load REALITY stuff first if available
                   if (model.attributes.reality_filename && util_1.Util.canRealityViewer()) {
-                    _this2._ar = new reality_viewer_1["default"]();
-                    _this2._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
-                    return accept(_this2);
+                    _this5._ar = new reality_viewer_1["default"]();
+                    _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.reality_filename;
+                    return accept(_this5);
                   } // otherwise, load the USDZ stuff second if available
 
 
                   if (model.attributes.usdz_filename && util_1.Util.canQuicklook()) {
-                    _this2._ar = new quicklook_viewer_1["default"]();
-                    _this2._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
-                    return accept(_this2);
+                    _this5._ar = new quicklook_viewer_1["default"]();
+                    _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.usdz_filename;
+                    return accept(_this5);
                   }
 
                   return reject(new Error("ProductAR.init() - cannot proceed as ModelFile does not have a defined .usdz or .reality file"));
@@ -350,9 +557,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
                 if (util_1.Util.canSceneViewer()) {
-                  _this2._ar = new scene_viewer_1["default"]();
-                  _this2._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
-                  return accept(_this2);
+                  _this5._ar = new scene_viewer_1["default"]();
+                  _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  return accept(_this5);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
                 // earlier in the process
 
@@ -369,10 +576,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "launch",
           value: function launch() {
-            var _this3 = this;
+            var _this6 = this;
 
             return new Promise(function (accept, reject) {
-              _this3.init().then(function (value) {
+              _this6.init().then(function (value) {
                 value.start();
                 return accept();
               })["catch"](reject);
@@ -424,15 +631,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.ProductAR = ProductAR;
     }, {
-      "../util/util": 7,
-      "../viewers/quicklook-viewer": 10,
-      "../viewers/reality-viewer": 11,
-      "../viewers/scene-viewer": 12,
+      "../util/util": 8,
+      "../viewers/quicklook-viewer": 11,
+      "../viewers/reality-viewer": 12,
+      "../viewers/scene-viewer": 13,
       "./launcher-ar": 2,
-      "@plattar/plattar-analytics": 30,
-      "@plattar/plattar-api": 34
+      "@plattar/plattar-analytics": 31,
+      "@plattar/plattar-api": 35
     }],
-    4: [function (require, module, exports) {
+    5: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -446,15 +653,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
        */
 
 
-      var SceneAR = /*#__PURE__*/function (_launcher_ar_1$Launch3) {
-        _inherits(SceneAR, _launcher_ar_1$Launch3);
+      var SceneAR = /*#__PURE__*/function (_launcher_ar_1$Launch4) {
+        _inherits(SceneAR, _launcher_ar_1$Launch4);
 
-        var _super3 = _createSuper(SceneAR);
+        var _super4 = _createSuper(SceneAR);
 
         function SceneAR() {
           _classCallCheck(this, SceneAR);
 
-          return _super3.apply(this, arguments);
+          return _super4.apply(this, arguments);
         }
 
         _createClass(SceneAR, [{
@@ -481,7 +688,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
     }, {
       "./launcher-ar": 2
     }],
-    5: [function (require, module, exports) {
+    6: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -491,6 +698,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
@@ -500,23 +721,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var PlattarEmbed = /*#__PURE__*/function (_HTMLElement) {
         _inherits(PlattarEmbed, _HTMLElement);
 
-        var _super4 = _createSuper(PlattarEmbed);
+        var _super5 = _createSuper(PlattarEmbed);
 
         function PlattarEmbed() {
-          var _this4;
+          var _this7;
 
           _classCallCheck(this, PlattarEmbed);
 
-          _this4 = _super4.call(this);
-          _this4._sceneID = null;
-          _this4._productID = null;
-          _this4._variationID = null;
-          _this4._isReady = false;
-          _this4._width = "500px";
-          _this4._height = "500px";
-          _this4._server = "production";
-          _this4._viewer = null;
-          return _this4;
+          _this7 = _super5.call(this); // this is the current state of the embed, none by default
+
+          _this7._currentState = EmbedState.None;
+          _this7._qrCodeOptions = {
+            color: "#101721",
+            qrType: "default",
+            margin: 0
+          };
+          _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;
         }
 
         _createClass(PlattarEmbed, [{
@@ -527,8 +755,41 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this5 = this;
+            var _this8 = this;
 
+            var observer = new MutationObserver(function (mutations) {
+              mutations.forEach(function (mutation) {
+                if (mutation.type === "attributes") {
+                  var sceneID = _this8.hasAttribute("scene-id") ? _this8.getAttribute("scene-id") : null;
+                  var productID = _this8.hasAttribute("product-id") ? _this8.getAttribute("product-id") : null;
+                  var variationID = _this8.hasAttribute("variation-id") ? _this8.getAttribute("variation-id") : null;
+                  var updated = false;
+
+                  if (sceneID !== _this8._sceneID) {
+                    _this8._sceneID = sceneID;
+                    updated = true;
+                  }
+
+                  if (productID !== _this8._productID) {
+                    _this8._productID = productID;
+                    updated = true;
+                  }
+
+                  if (variationID !== _this8._variationID) {
+                    _this8._variationID = variationID;
+                    updated = true;
+                  }
+
+                  if (updated) {
+                    // re-render based on internal state
+                    _this8._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"));
 
@@ -562,33 +823,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) {
-                _this5.startQRCode();
+                _this8.startQRCode();
               });
             } else if (init === "ar-fallback-viewer") {
               this.startAR().then(function () {// nothing to do, launched successfully
               })["catch"](function (_err) {
-                _this5.startViewer();
+                _this8.startViewer();
               });
             }
           }
         }, {
           key: "initAR",
           value: function initAR() {
-            var _this6 = this;
+            var _this9 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this6._isReady) {
+              if (!_this9._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 (!_this6._sceneID && _this6._productID) {
-                var product = new product_ar_1.ProductAR(_this6._productID, _this6._variationID);
+              if (!_this9._sceneID && _this9._productID) {
+                var product = new product_ar_1.ProductAR(_this9._productID, _this9._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 (_this9._productID) {
+                var _product = new product_ar_1.ProductAR(_this9._productID, _this9._variationID);
+
+                return _product.init().then(accept)["catch"](reject);
               } // otherwise, scene was set so use SceneAR
 
 
-              if (_this6._sceneID) {
+              if (_this9._sceneID) {
                 return reject(new Error("PlattarEmbed.initAR() - scene-id not yet supported"));
               }
 
@@ -598,14 +868,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "startAR",
           value: function startAR() {
-            var _this7 = this;
+            var _this10 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this7._isReady) {
+              if (!_this10._isReady) {
                 return reject(new Error("PlattarEmbed.startAR() - cannot execute as page has not loaded yet"));
               }
 
-              _this7.initAR().then(function (launcher) {
+              _this10.initAR().then(function (launcher) {
                 launcher.start();
                 accept();
               })["catch"](reject);
@@ -614,67 +884,77 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "startViewer",
           value: function startViewer() {
-            var _this8 = this;
+            var _this11 = this;
 
             return new Promise(function (accept, reject) {
-              if (!_this8._isReady) {
+              if (!_this11._isReady) {
                 return reject(new Error("PlattarEmbed.startViewer() - cannot execute as page has not loaded yet"));
               }
 
-              if (_this8._viewer) {
-                _this8._viewer.remove();
+              if (_this11._viewer) {
+                _this11._viewer.remove();
 
-                _this8._viewer = null;
+                _this11._viewer = null;
               } // if scene is set, we use <plattar-viewer /> node from plattar-web
 
 
-              if (_this8._sceneID) {
+              if (_this11._sceneID) {
                 var viewer = document.createElement("plattar-viewer");
-                viewer.setAttribute("width", _this8._width);
-                viewer.setAttribute("height", _this8._height);
-                viewer.setAttribute("server", _this8._server);
-                viewer.setAttribute("scene-id", _this8._sceneID);
+                viewer.setAttribute("width", _this11._width);
+                viewer.setAttribute("height", _this11._height);
+                viewer.setAttribute("server", _this11._server);
+                viewer.setAttribute("scene-id", _this11._sceneID);
+
+                if (_this11._productID) {
+                  viewer.setAttribute("product-id", _this11._productID);
+                }
+
+                if (_this11._variationID) {
+                  viewer.setAttribute("variation-id", _this11._variationID);
+                }
 
                 viewer.onload = function () {
                   return accept(viewer);
                 };
 
-                var shadow = _this8.shadowRoot || _this8.attachShadow({
+                var shadow = _this11.shadowRoot || _this11.attachShadow({
                   mode: 'open'
                 });
 
                 shadow.append(viewer);
-                _this8._viewer = viewer;
+                _this11._viewer = viewer;
+                _this11._currentState = EmbedState.SceneViewer;
                 return;
               } // if product is set, we use <plattar-product /> node from plattar-web
 
 
-              if (_this8._productID) {
+              if (_this11._productID) {
                 var _viewer = document.createElement("plattar-product");
 
-                _viewer.setAttribute("width", _this8._width);
+                _viewer.setAttribute("width", _this11._width);
 
-                _viewer.setAttribute("height", _this8._height);
+                _viewer.setAttribute("height", _this11._height);
 
-                _viewer.setAttribute("server", _this8._server);
+                _viewer.setAttribute("server", _this11._server);
 
-                _viewer.setAttribute("product-id", _this8._productID);
+                _viewer.setAttribute("product-id", _this11._productID);
 
-                if (_this8._variationID) {
-                  _viewer.setAttribute("variation-id", _this8._variationID);
+                if (_this11._variationID) {
+                  _viewer.setAttribute("variation-id", _this11._variationID);
                 }
 
                 _viewer.onload = function () {
                   return accept(_viewer);
                 };
 
-                var _shadow = _this8.shadowRoot || _this8.attachShadow({
+                var _shadow = _this11.shadowRoot || _this11.attachShadow({
                   mode: 'open'
                 });
 
                 _shadow.append(_viewer);
 
-                _this8._viewer = _viewer;
+                _this11._viewer = _viewer;
+                _this11._currentState = EmbedState.ProductViewer;
                 return;
               }
 
@@ -684,31 +964,29 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "startQRCode",
           value: function startQRCode() {
-            var _this9 = this;
+            var _this12 = this;
 
             var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
             return new Promise(function (accept, reject) {
-              if (!_this9._isReady) {
+              if (!_this12._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 || _this12._qrCodeOptions; // reset instance for later use
 
-              if (_this9._viewer) {
-                _this9._viewer.remove();
+              _this12._qrCodeOptions = opt;
 
-                _this9._viewer = null;
+              if (_this12._viewer) {
+                _this12._viewer.remove();
+
+                _this12._viewer = null;
               } // if scene is set, we embed a QR code that takes us to viewer.html
 
 
-              if (_this9._sceneID) {
+              if (_this12._sceneID) {
                 var viewer = document.createElement("plattar-qrcode");
-                viewer.setAttribute("width", _this9._width);
-                viewer.setAttribute("height", _this9._height);
+                viewer.setAttribute("width", _this12._width);
+                viewer.setAttribute("height", _this12._height);
 
                 if (opt.color) {
                   viewer.setAttribute("color", opt.color);
@@ -722,7 +1000,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=" + _this9._sceneID;
+                var dst = plattar_api_1.Server.location().base + "renderer/viewer.html?scene_id=" + _this12._sceneID;
+
+                if (_this12._productID) {
+                  dst += "&productId=" + _this12._productID;
+                }
+
+                if (_this12._variationID) {
+                  dst += "&variationId=" + _this12._variationID;
+                }
 
                 viewer.setAttribute("url", dst);
 
@@ -730,22 +1016,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   return accept(viewer);
                 };
 
-                var shadow = _this9.shadowRoot || _this9.attachShadow({
+                var shadow = _this12.shadowRoot || _this12.attachShadow({
                   mode: 'open'
                 });
 
                 shadow.append(viewer);
-                _this9._viewer = viewer;
+                _this12._viewer = viewer;
+                _this12._currentState = EmbedState.QRCode;
                 return;
               } // if product is set, we embed a QR code that takes us to product.html
 
 
-              if (_this9._productID) {
+              if (_this12._productID) {
                 var _viewer2 = document.createElement("plattar-qrcode");
 
-                _viewer2.setAttribute("width", _this9._width);
+                _viewer2.setAttribute("width", _this12._width);
 
-                _viewer2.setAttribute("height", _this9._height);
+                _viewer2.setAttribute("height", _this12._height);
 
                 if (opt.color) {
                   _viewer2.setAttribute("color", opt.color);
@@ -759,10 +1046,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=" + _this9._productID;
+                var _dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + _this12._productID;
 
-                if (_this9._variationID) {
-                  _dst += "&variation_id=" + _this9._variationID;
+                if (_this12._variationID) {
+                  _dst += "&variation_id=" + _this12._variationID;
                 }
 
                 _viewer2.setAttribute("url", _dst);
@@ -771,19 +1058,60 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   return accept(_viewer2);
                 };
 
-                var _shadow2 = _this9.shadowRoot || _this9.attachShadow({
+                var _shadow2 = _this12.shadowRoot || _this12.attachShadow({
                   mode: 'open'
                 });
 
                 _shadow2.append(_viewer2);
 
-                _this9._viewer = _viewer2;
+                _this12._viewer = _viewer2;
+                _this12._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;
@@ -791,10 +1119,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = PlattarEmbed;
     }, {
-      "../ar/product-ar": 3,
-      "@plattar/plattar-api": 34
+      "../ar/product-ar": 4,
+      "@plattar/plattar-api": 35
     }],
-    6: [function (require, module, exports) {
+    7: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -840,7 +1168,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports.Util = exports.SceneAR = exports.ProductAR = exports.ConfiguratorAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
+      exports.Util = 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"));
@@ -872,6 +1200,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }
       });
 
+      var model_ar_1 = require("./ar/model-ar");
+
+      Object.defineProperty(exports, "ModelAR", {
+        enumerable: true,
+        get: function get() {
+          return model_ar_1.ModelAR;
+        }
+      });
+
       var util_1 = require("./util/util");
 
       Object.defineProperty(exports, "Util", {
@@ -886,21 +1223,24 @@ 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"]);
     }, {
       "./ar/configurator-ar": 1,
-      "./ar/product-ar": 3,
-      "./ar/scene-ar": 4,
-      "./embed/plattar-embed": 5,
-      "./util/util": 7,
-      "./version": 8,
-      "@plattar/plattar-qrcode": 100,
-      "@plattar/plattar-web": 113
+      "./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
     }],
-    7: [function (require, module, exports) {
+    8: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1024,31 +1364,31 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.Util = Util;
     }, {}],
-    8: [function (require, module, exports) {
+    9: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.120.1";
+      exports["default"] = "1.122.2";
     }, {}],
-    9: [function (require, module, exports) {
+    10: [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;
     }, {}],
-    10: [function (require, module, exports) {
+    11: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -1066,20 +1406,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 _super5 = _createSuper(QuicklookViewer);
+        var _super6 = _createSuper(QuicklookViewer);
 
         function QuicklookViewer() {
-          var _this10;
+          var _this13;
 
           _classCallCheck(this, QuicklookViewer);
 
-          _this10 = _super5.call(this);
-          _this10.araction = null;
-          _this10.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
+          _this13 = _super6.call(this);
+          _this13.araction = null;
+          _this13.titleHTML = "&checkoutTitle=" + document.title + "&checkoutSubtitle=" + document.title;
 
-          _this10.arcallback = function () {};
+          _this13.arcallback = function () {};
 
-          return _this10;
+          return _this13;
         }
 
         _createClass(QuicklookViewer, [{
@@ -1095,7 +1435,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "start",
           value: function start() {
-            var _this11 = this;
+            var _this14 = this;
 
             if (!this.modelUrl) {
               throw new Error("QuicklookViewer.start() - model url not set, use QuicklookViewer.modelUrl");
@@ -1110,7 +1450,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") {
-                  _this11.arcallback();
+                  _this14.arcallback();
                 }
 
                 document.body.removeChild(anchor);
@@ -1136,9 +1476,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = QuicklookViewer;
     }, {
-      "./ar-viewer": 9
+      "./ar-viewer": 10
     }],
-    11: [function (require, module, exports) {
+    12: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -1156,12 +1496,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 _super6 = _createSuper(RealityViewer);
+        var _super7 = _createSuper(RealityViewer);
 
         function RealityViewer() {
           _classCallCheck(this, RealityViewer);
 
-          return _super6.call(this);
+          return _super7.call(this);
         }
 
         _createClass(RealityViewer, [{
@@ -1194,9 +1534,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = RealityViewer;
     }, {
-      "./ar-viewer": 9
+      "./ar-viewer": 10
     }],
-    12: [function (require, module, exports) {
+    13: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -1214,19 +1554,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 _super7 = _createSuper(SceneViewer);
+        var _super8 = _createSuper(SceneViewer);
 
         function SceneViewer() {
-          var _this12;
+          var _this15;
 
           _classCallCheck(this, SceneViewer);
 
-          _this12 = _super7.call(this);
-          _this12.araction = null;
-          _this12.isVertical = false;
-          _this12.titleHTML = "<b>" + document.title;
-          _this12.isVertical = false;
-          return _this12;
+          _this15 = _super8.call(this);
+          _this15.araction = null;
+          _this15.isVertical = false;
+          _this15.titleHTML = "<b>" + document.title;
+          _this15.isVertical = false;
+          return _this15;
         }
 
         _createClass(SceneViewer, [{
@@ -1283,9 +1623,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = SceneViewer;
     }, {
-      "./ar-viewer": 9
+      "./ar-viewer": 10
     }],
-    13: [function (require, module, exports) {
+    14: [function (require, module, exports) {
       "use strict";
 
       var Messenger = require("./messenger/messenger.js");
@@ -1321,12 +1661,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         version: Version
       };
     }, {
-      "./memory/memory.js": 14,
-      "./messenger/global-event-handler.js": 21,
-      "./messenger/messenger.js": 22,
-      "./version": 27
+      "./memory/memory.js": 15,
+      "./messenger/global-event-handler.js": 22,
+      "./messenger/messenger.js": 23,
+      "./version": 28
     }],
-    14: [function (require, module, exports) {
+    15: [function (require, module, exports) {
       var PermanentMemory = require("./permanent-memory");
 
       var TemporaryMemory = require("./temporary-memory");
@@ -1338,7 +1678,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var Memory = /*#__PURE__*/function () {
         function Memory(messengerInstance) {
-          var _this13 = this;
+          var _this16 = this;
 
           _classCallCheck(this, Memory);
 
@@ -1347,11 +1687,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) {
-            _this13._tempMemory[name] = data;
+            _this16._tempMemory[name] = data;
           };
 
           this._messenger.self.__memory__set_perm_var = function (name, data) {
-            _this13._permMemory[name] = data;
+            _this16._permMemory[name] = data;
           };
         }
 
@@ -1372,13 +1712,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Memory;
     }, {
-      "./permanent-memory": 15,
-      "./temporary-memory": 16
+      "./permanent-memory": 16,
+      "./temporary-memory": 17
     }],
-    15: [function (require, module, exports) {
+    16: [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, {
@@ -1469,16 +1809,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return true;
           }
         });
-      };
+      });
 
       module.exports = PermanentMemory;
     }, {
-      "./wrapped-value": 17
+      "./wrapped-value": 18
     }],
-    16: [function (require, module, exports) {
+    17: [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, {
@@ -1548,13 +1888,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return true;
           }
         });
-      };
+      });
 
       module.exports = TemporaryMemory;
     }, {
-      "./wrapped-value": 17
+      "./wrapped-value": 18
     }],
-    17: [function (require, module, exports) {
+    18: [function (require, module, exports) {
       /**
        * WrappedValue represents a generic value type with a callback function
        * for when the value has changed
@@ -1672,7 +2012,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WrappedValue;
     }, {}],
-    18: [function (require, module, exports) {
+    19: [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
@@ -1739,10 +2079,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Broadcaster;
     }, {}],
-    19: [function (require, module, exports) {
+    20: [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, {
@@ -1798,13 +2138,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             return true;
           }
         });
-      };
+      });
 
       module.exports = CurrentFunctionList;
     }, {
-      "./wrapped-local-function": 20
+      "./wrapped-local-function": 21
     }],
-    20: [function (require, module, exports) {
+    21: [function (require, module, exports) {
       var Util = require("../util/util.js");
       /**
        * WrappedLocalFunction represents a container that holds and maintains a specific function
@@ -1849,20 +2189,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "exec",
           value: function exec() {
-            var _this14 = this;
+            var _this17 = 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 (!_this14._value) {
-                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this14._funcName + "() is not defined"));
+              if (!_this17._value) {
+                return reject(new Error("WrappedLocalFunction.exec() function with name " + _this17._funcName + "() is not defined"));
               }
 
               try {
                 // otherwise execute the function
-                var rObject = _this14._execute.apply(_this14, args); // we need to check if the returned object is a Promise, if so, handle it
+                var rObject = _this17._execute.apply(_this17, 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
 
 
@@ -1914,9 +2254,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WrappedLocalFunction;
     }, {
-      "../util/util.js": 26
+      "../util/util.js": 27
     }],
-    21: [function (require, module, exports) {
+    22: [function (require, module, exports) {
       var RemoteInterface = require("./remote-interface.js");
       /**
        * This is a singleton class that handles events on a global basis. Allows
@@ -1926,7 +2266,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var GlobalEventHandler = /*#__PURE__*/function () {
         function GlobalEventHandler() {
-          var _this15 = this;
+          var _this18 = this;
 
           _classCallCheck(this, GlobalEventHandler);
 
@@ -1948,10 +2288,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 (_this15._eventListeners[jsonData.event]) {
+              if (_this18._eventListeners[jsonData.event]) {
                 var remoteInterface = new RemoteInterface(evt.source, evt.origin); // loop through and call all the event handlers
 
-                _this15._eventListeners[jsonData.event].forEach(function (callback) {
+                _this18._eventListeners[jsonData.event].forEach(function (callback) {
                   try {
                     callback(remoteInterface, jsonData.data);
                   } catch (e) {
@@ -2008,9 +2348,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = GlobalEventHandler;
     }, {
-      "./remote-interface.js": 23
+      "./remote-interface.js": 24
     }],
-    22: [function (require, module, exports) {
+    23: [function (require, module, exports) {
       var CurrentFunctionList = require("./current/current-function-list");
 
       var RemoteInterface = require("./remote-interface");
@@ -2147,40 +2487,40 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_registerListeners",
           value: function _registerListeners() {
-            var _this16 = this;
+            var _this19 = 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[" + _this16._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this16[iframeID] = new RemoteFunctionList(iframeID);
+              _this19[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this16[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this16._broadcaster._push(iframeID);
+              _this19._broadcaster._push(iframeID);
 
-              var callbacks = _this16._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2204,33 +2544,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
               switch (iframeID) {
                 case undefined:
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID cannot be undefined");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID cannot be undefined");
 
                 case "self":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"self\" cannot be used as the keyword is reserved");
 
                 case "parent":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"parent\" cannot be used as the keyword is reserved");
 
                 case "id":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"id\" cannot be used as the keyword is reserved");
 
                 case "onload":
-                  throw new Error("Messenger[" + _this16._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
+                  throw new Error("Messenger[" + _this19._id + "].setup() Component ID of \"onload\" cannot be used as the keyword is reserved");
 
                 default:
                   break;
               } // initialise the child iframe as a messenger pipe
 
 
-              _this16[iframeID] = new RemoteFunctionList(iframeID);
+              _this19[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this16[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
+              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin)); // add the interface to the broadcaster
 
 
-              _this16._broadcaster._push(iframeID);
+              _this19._broadcaster._push(iframeID);
 
-              var callbacks = _this16._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2250,11 +2590,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             });
             GlobalEventHandler.instance().listen("__messenger__parent_init", function (src, data) {
               var iframeID = "parent";
-              _this16[iframeID] = new RemoteFunctionList(iframeID);
+              _this19[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this16[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this16._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2279,11 +2619,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
             GlobalEventHandler.instance().listen("__messenger__parent_init_inv", function (src, data) {
               var iframeID = "parent";
-              _this16[iframeID] = new RemoteFunctionList(iframeID);
+              _this19[iframeID] = new RemoteFunctionList(iframeID);
 
-              _this16[iframeID].setup(new RemoteInterface(src.source, src.origin));
+              _this19[iframeID].setup(new RemoteInterface(src.source, src.origin));
 
-              var callbacks = _this16._callbacks; // we have registered callbacks, begin execution
+              var callbacks = _this19._callbacks; // we have registered callbacks, begin execution
 
               if (callbacks.has(iframeID)) {
                 var array = callbacks.get(iframeID);
@@ -2339,14 +2679,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Messenger;
     }, {
-      "./broadcaster.js": 18,
-      "./current/current-function-list": 19,
-      "./global-event-handler.js": 21,
-      "./remote-interface": 23,
-      "./remote/remote-function-list": 24,
-      "./util/util.js": 26
+      "./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
     }],
-    23: [function (require, module, exports) {
+    24: [function (require, module, exports) {
       /**
        * Provides a single useful interface for performing remote function calls
        */
@@ -2418,7 +2758,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = RemoteInterface;
     }, {}],
-    24: [function (require, module, exports) {
+    25: [function (require, module, exports) {
       var WrappedFunction = require("./wrapped-remote-function");
 
       var RemoteFunctionList = /*#__PURE__*/function () {
@@ -2506,9 +2846,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = RemoteFunctionList;
     }, {
-      "./wrapped-remote-function": 25
+      "./wrapped-remote-function": 26
     }],
-    25: [function (require, module, exports) {
+    26: [function (require, module, exports) {
       var Util = require("../util/util.js");
 
       var GlobalEventHandler = require("../global-event-handler.js");
@@ -2521,7 +2861,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var WrappedRemoteFunction = /*#__PURE__*/function () {
         function WrappedRemoteFunction(funcName, remoteInterface) {
-          var _this17 = this;
+          var _this20 = this;
 
           _classCallCheck(this, WrappedRemoteFunction);
 
@@ -2532,19 +2872,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 !== _this17._funcName) {
+            if (data.function_name !== _this20._funcName) {
               return;
             } // the instance ID must be found, otherwise this is a rogue execution
             // that can be ignored (should not happen)
 
 
-            if (!_this17._callInstances[instanceID]) {
+            if (!_this20._callInstances[instanceID]) {
               return;
             }
 
-            var promise = _this17._callInstances[instanceID]; // remove the old instance
+            var promise = _this20._callInstances[instanceID]; // remove the old instance
 
-            delete _this17._callInstances[instanceID]; // perform the promise callbacks
+            delete _this20._callInstances[instanceID]; // perform the promise callbacks
 
             if (data.function_status === "success") {
               promise.accept(data.function_args);
@@ -2561,7 +2901,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(WrappedRemoteFunction, [{
           key: "exec",
           value: function exec() {
-            var _this18 = this;
+            var _this21 = this;
 
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
@@ -2581,14 +2921,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
             return new Promise(function (accept, reject) {
               // save this promise to be executed later
-              _this18._callInstances[instanceID] = {
+              _this21._callInstances[instanceID] = {
                 accept: accept,
                 reject: reject
               }; // execute this event in another context
 
-              _this18._remoteInterface.send("__messenger__exec_fnc", {
+              _this21._remoteInterface.send("__messenger__exec_fnc", {
                 instance_id: instanceID,
-                function_name: _this18._funcName,
+                function_name: _this21._funcName,
                 function_args: args
               });
             });
@@ -2600,10 +2940,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WrappedRemoteFunction;
     }, {
-      "../global-event-handler.js": 21,
-      "../util/util.js": 26
+      "../global-event-handler.js": 22,
+      "../util/util.js": 27
     }],
-    26: [function (require, module, exports) {
+    27: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -2643,10 +2983,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Util;
     }, {}],
-    27: [function (require, module, exports) {
+    28: [function (require, module, exports) {
       module.exports = "1.113.6";
     }, {}],
-    28: [function (require, module, exports) {
+    29: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2715,9 +3055,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.AnalyticsData = AnalyticsData;
     }, {
-      "../util/util": 32
+      "../util/util": 33
     }],
-    29: [function (require, module, exports) {
+    30: [function (require, module, exports) {
       "use strict";
 
       var __importDefault = this && this.__importDefault || function (mod) {
@@ -2737,7 +3077,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var Analytics = /*#__PURE__*/function () {
         function Analytics(applicationID) {
-          var _this19 = this;
+          var _this22 = this;
 
           _classCallCheck(this, Analytics);
 
@@ -2754,21 +3094,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
           this._handlePageHide = function () {
             if (document.visibilityState === "hidden") {
-              _this19._pageTime = new Date();
-            } else if (_this19._pageTime) {
+              _this22._pageTime = new Date();
+            } else if (_this22._pageTime) {
               var time2 = new Date();
 
-              var diff = time2.getTime() - _this19._pageTime.getTime();
+              var diff = time2.getTime() - _this22._pageTime.getTime();
 
-              var data = _this19.data;
+              var data = _this22.data;
               data.push("eventAction", "View Time");
               data.push("viewTime", diff);
               data.push("eventLabel", diff);
 
-              _this19.write();
+              _this22.write();
 
-              _this19._pageTime = null;
-              document.removeEventListener("visibilitychange", _this19._handlePageHide, false);
+              _this22._pageTime = null;
+              document.removeEventListener("visibilitychange", _this22._handlePageHide, false);
             }
           };
         }
@@ -2776,7 +3116,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(Analytics, [{
           key: "query",
           value: function query() {
-            var _this20 = this;
+            var _this23 = this;
 
             var _query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 
@@ -2785,11 +3125,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 return reject(new Error("Analytics.query() - provided query was null"));
               }
 
-              var url = _this20.origin === "dev" ? "http://localhost:9000/2015-03-31/functions/function/invocations" : "https://oyywgrj9ki.execute-api.ap-southeast-2.amazonaws.com/main/analytics";
+              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 data = {
                 type: "read",
-                application_id: _this20._applicationID,
-                event: _this20.event,
+                application_id: _this23._applicationID,
+                event: _this23.event,
                 data: _query
               };
               basic_http_1["default"].exec("POST", url, data).then(function (result) {
@@ -2800,21 +3140,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "write",
           value: function write() {
-            var _this21 = this;
+            var _this24 = this;
 
             return new Promise(function (accept, reject) {
-              var data = _this21._data;
-              var url = _this21.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", _this21._applicationID);
+              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 sendData = {
                 type: "write",
-                application_id: _this21._applicationID,
-                origin: _this21.origin,
-                event: _this21.event,
+                application_id: _this24._applicationID,
+                origin: _this24.origin,
+                event: _this24.event,
                 data: data.data
               };
 
-              if (_this21.isBeacon === false) {
+              if (_this24.isBeacon === false) {
                 basic_http_1["default"].exec("POST", url, sendData).then(function (result) {
                   accept(result && result.results ? result.results : {});
                 })["catch"](reject);
@@ -2842,10 +3182,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.Analytics = Analytics;
     }, {
-      "../util/basic-http": 31,
-      "./analytics-data": 28
+      "../util/basic-http": 32,
+      "./analytics-data": 29
     }],
-    30: [function (require, module, exports) {
+    31: [function (require, module, exports) {
       "use strict";
 
       var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
@@ -2907,10 +3247,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       console.log("using @plattar/plattar-analytics v" + version_1["default"]);
     }, {
-      "./analytics/analytics": 29,
-      "./version": 33
+      "./analytics/analytics": 30,
+      "./version": 34
     }],
-    31: [function (require, module, exports) {
+    32: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2996,7 +3336,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports["default"] = BasicHTTP;
     }, {}],
-    32: [function (require, module, exports) {
+    33: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3035,7 +3375,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       exports.Util = Util;
     }, {}],
-    33: [function (require, module, exports) {
+    34: [function (require, module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3043,7 +3383,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       });
       exports["default"] = "1.117.2";
     }, {}],
-    34: [function (require, module, exports) {
+    35: [function (require, module, exports) {
       "use strict";
 
       var Server = require("./server/plattar-server.js");
@@ -3246,67 +3586,67 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         version: Version
       };
     }, {
-      "./server/plattar-server.js": 36,
-      "./types/application.js": 37,
-      "./types/content-pipeline/brief.js": 38,
-      "./types/content-pipeline/comment-brief.js": 39,
-      "./types/content-pipeline/comment-quote.js": 40,
-      "./types/content-pipeline/comment-solution.js": 41,
-      "./types/content-pipeline/folder.js": 42,
-      "./types/content-pipeline/pipeline-user.js": 43,
-      "./types/content-pipeline/quote.js": 44,
-      "./types/content-pipeline/rating.js": 45,
-      "./types/content-pipeline/solution.js": 46,
-      "./types/file/file-audio.js": 47,
-      "./types/file/file-base.js": 48,
-      "./types/file/file-image.js": 49,
-      "./types/file/file-model.js": 50,
-      "./types/file/file-script.js": 51,
-      "./types/file/file-video.js": 52,
-      "./types/misc/application-build.js": 56,
-      "./types/misc/asset-library.js": 57,
-      "./types/misc/async-job.js": 58,
-      "./types/misc/script-event.js": 59,
-      "./types/misc/tag.js": 60,
-      "./types/page/card-base.js": 61,
-      "./types/page/card-button.js": 62,
-      "./types/page/card-html.js": 63,
-      "./types/page/card-iframe.js": 64,
-      "./types/page/card-image.js": 65,
-      "./types/page/card-map.js": 66,
-      "./types/page/card-paragraph.js": 67,
-      "./types/page/card-row.js": 68,
-      "./types/page/card-slider.js": 69,
-      "./types/page/card-title.js": 70,
-      "./types/page/card-video.js": 71,
-      "./types/page/card-youtube.js": 72,
-      "./types/page/page.js": 73,
-      "./types/product/product-annotation.js": 74,
-      "./types/product/product-base.js": 75,
-      "./types/product/product-variation.js": 76,
-      "./types/product/product.js": 77,
-      "./types/scene/scene-annotation.js": 78,
-      "./types/scene/scene-audio.js": 79,
-      "./types/scene/scene-base.js": 80,
-      "./types/scene/scene-button.js": 81,
-      "./types/scene/scene-camera.js": 82,
-      "./types/scene/scene-carousel.js": 83,
-      "./types/scene/scene-image.js": 84,
-      "./types/scene/scene-model.js": 85,
-      "./types/scene/scene-panorama.js": 86,
-      "./types/scene/scene-poller.js": 87,
-      "./types/scene/scene-product.js": 88,
-      "./types/scene/scene-script.js": 89,
-      "./types/scene/scene-shadow.js": 90,
-      "./types/scene/scene-video.js": 91,
-      "./types/scene/scene-volumetric.js": 92,
-      "./types/scene/scene-youtube.js": 93,
-      "./types/scene/scene.js": 94,
-      "./types/trigger/trigger-image.js": 95,
-      "./util/plattar-util.js": 96,
-      "./version": 97
+      "./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
     }],
-    35: [function (require, module, exports) {
+    36: [function (require, module, exports) {
       var fetch = require("node-fetch");
 
       var PlattarQuery = /*#__PURE__*/function () {
@@ -3365,11 +3705,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_get",
           value: function _get(opt) {
-            var _this22 = this;
+            var _this25 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this22.target;
-              var server = _this22.server; // we cannot perform a GET request without an ID
+              var target = _this25.target;
+              var server = _this25.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".get() - object id is missing"));
@@ -3394,16 +3734,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=' + _this22.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this25.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
                 method: "GET",
                 headers: headers
               };
-              var includeQuery = _this22._IncludeQuery;
+              var includeQuery = _this25._IncludeQuery;
 
-              var params = _this22._ParamFor("get");
+              var params = _this25._ParamFor("get");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -3444,11 +3784,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_update",
           value: function _update() {
-            var _this23 = this;
+            var _this26 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this23.target;
-              var server = _this23.server; // we cannot perform a GET request without an ID
+              var target = _this26.target;
+              var server = _this26.server; // we cannot perform a GET request without an ID
 
               if (!target.id) {
                 reject(new Error("PlattarQuery." + target.type() + ".update() - object id is missing"));
@@ -3461,7 +3801,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this23.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this26.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -3476,7 +3816,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 })
               };
 
-              var params = _this23._ParamFor("update");
+              var params = _this26._ParamFor("update");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -3518,18 +3858,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_create",
           value: function _create() {
-            var _this24 = this;
+            var _this27 = this;
 
             return new Promise(function (resolve, reject) {
-              var target = _this24.target;
-              var server = _this24.server; // otherwise, proceed with the fetching op
+              var target = _this27.target;
+              var server = _this27.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=' + _this24.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this27.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -3543,7 +3883,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 })
               };
 
-              var params = _this24._ParamFor("create");
+              var params = _this27._ParamFor("create");
 
               var endpoint = origin + target.type();
 
@@ -3587,11 +3927,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_delete",
           value: function _delete() {
-            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() + ".delete() - object id is missing"));
@@ -3604,7 +3944,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               var headers = {
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
-                'cookie': 'laravel_session=' + _this25.getCookie('laravel_session')
+                'cookie': 'laravel_session=' + _this28.getCookie('laravel_session')
               };
               Object.assign(headers, auth);
               var reqopts = {
@@ -3619,7 +3959,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 })
               };
 
-              var params = _this25._ParamFor("delete");
+              var params = _this28._ParamFor("delete");
 
               var endpoint = origin + target.type() + "/" + target.id;
 
@@ -3682,7 +4022,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "_include",
           value: function _include(args) {
-            var _this26 = this;
+            var _this29 = this;
 
             if (!args || args.length <= 0) {
               return this;
@@ -3695,21 +4035,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) {
-                    _this26._getIncludeQuery.push(strObject);
+                    _this29._getIncludeQuery.push(strObject);
                   } else {
-                    throw new Error("PlattarQuery." + _this26.target.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarQuery." + _this29.target.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (PlattarUtil.isPlattarObject(obj)) {
                 var type = obj.type();
 
                 if (Array.isArray(type)) {
-                  _this26._include(type);
+                  _this29._include(type);
                 } else {
-                  _this26._getIncludeQuery.push(type);
+                  _this29._getIncludeQuery.push(type);
                 }
               } else {
-                throw new Error("PlattarQuery." + _this26.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarQuery." + _this29.target.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return this;
@@ -3790,10 +4130,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarQuery;
     }, {
-      "../util/plattar-util.js": 96,
-      "node-fetch": 116
+      "../util/plattar-util.js": 97,
+      "node-fetch": 117
     }],
-    36: [function (require, module, exports) {
+    37: [function (require, module, exports) {
       (function (process) {
         (function () {
           var fetch = require("node-fetch");
@@ -3849,13 +4189,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             }, {
               key: "auth",
               value: function auth(token, opt) {
-                var _this27 = this;
+                var _this30 = this;
 
                 var copt = opt || {
                   validate: false
                 };
                 return new Promise(function (resolve, reject) {
-                  var server = _this27.originLocation.api_write;
+                  var server = _this30.originLocation.api_write;
 
                   if (!server) {
                     reject(new Error("Plattar.auth(token) - cannot authenticate as server not set via Plattar.origin(server)"));
@@ -3868,10 +4208,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   }
 
                   if (!copt.validate) {
-                    _this27._authToken = {
+                    _this30._authToken = {
                       "plattar-auth-token": token
                     };
-                    resolve(_this27);
+                    resolve(_this30);
                     return;
                   }
 
@@ -3884,10 +4224,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this27._authToken = {
+                      _this30._authToken = {
                         "plattar-auth-token": token
                       };
-                      resolve(_this27);
+                      resolve(_this30);
                     } else {
                       reject(new Error("Plattar.auth(token) - failed to validate authentication token at " + endpoint));
                     }
@@ -3897,7 +4237,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             }, {
               key: "origin",
               value: function origin(server, opt) {
-                var _this28 = this;
+                var _this31 = this;
 
                 var copt = opt || {
                   validate: false
@@ -3909,8 +4249,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   }
 
                   if (!copt.validate) {
-                    _this28._serverLocation = server;
-                    resolve(_this28);
+                    _this31._serverLocation = server;
+                    resolve(_this31);
                     return;
                   }
 
@@ -3920,8 +4260,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                   fetch(endpoint, options).then(function (res) {
                     if (res.ok) {
-                      _this28._serverLocation = server;
-                      resolve(_this28);
+                      _this31._serverLocation = server;
+                      resolve(_this31);
                     } else {
                       reject(new Error("Plattar.origin(server) - failed to ping server at " + endpoint));
                     }
@@ -4015,21 +4355,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }).call(this);
       }).call(this, require('_process'));
     }, {
-      "_process": 117,
-      "node-fetch": 116
+      "_process": 118,
+      "node-fetch": 117
     }],
-    37: [function (require, module, exports) {
+    38: [function (require, module, exports) {
       var PlattarBase = require("./interfaces/plattar-base.js");
 
       var Application = /*#__PURE__*/function (_PlattarBase) {
         _inherits(Application, _PlattarBase);
 
-        var _super8 = _createSuper(Application);
+        var _super9 = _createSuper(Application);
 
         function Application() {
           _classCallCheck(this, Application);
 
-          return _super8.apply(this, arguments);
+          return _super9.apply(this, arguments);
         }
 
         _createClass(Application, null, [{
@@ -4044,20 +4384,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Application;
     }, {
-      "./interfaces/plattar-base.js": 53
+      "./interfaces/plattar-base.js": 54
     }],
-    38: [function (require, module, exports) {
+    39: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Brief = /*#__PURE__*/function (_PlattarBase2) {
         _inherits(Brief, _PlattarBase2);
 
-        var _super9 = _createSuper(Brief);
+        var _super10 = _createSuper(Brief);
 
         function Brief() {
           _classCallCheck(this, Brief);
 
-          return _super9.apply(this, arguments);
+          return _super10.apply(this, arguments);
         }
 
         _createClass(Brief, null, [{
@@ -4072,20 +4412,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Brief;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    39: [function (require, module, exports) {
+    40: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentBrief = /*#__PURE__*/function (_PlattarBase3) {
         _inherits(CommentBrief, _PlattarBase3);
 
-        var _super10 = _createSuper(CommentBrief);
+        var _super11 = _createSuper(CommentBrief);
 
         function CommentBrief() {
           _classCallCheck(this, CommentBrief);
 
-          return _super10.apply(this, arguments);
+          return _super11.apply(this, arguments);
         }
 
         _createClass(CommentBrief, null, [{
@@ -4100,20 +4440,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CommentBrief;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    40: [function (require, module, exports) {
+    41: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentQuote = /*#__PURE__*/function (_PlattarBase4) {
         _inherits(CommentQuote, _PlattarBase4);
 
-        var _super11 = _createSuper(CommentQuote);
+        var _super12 = _createSuper(CommentQuote);
 
         function CommentQuote() {
           _classCallCheck(this, CommentQuote);
 
-          return _super11.apply(this, arguments);
+          return _super12.apply(this, arguments);
         }
 
         _createClass(CommentQuote, null, [{
@@ -4128,20 +4468,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CommentQuote;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    41: [function (require, module, exports) {
+    42: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var CommentSolution = /*#__PURE__*/function (_PlattarBase5) {
         _inherits(CommentSolution, _PlattarBase5);
 
-        var _super12 = _createSuper(CommentSolution);
+        var _super13 = _createSuper(CommentSolution);
 
         function CommentSolution() {
           _classCallCheck(this, CommentSolution);
 
-          return _super12.apply(this, arguments);
+          return _super13.apply(this, arguments);
         }
 
         _createClass(CommentSolution, null, [{
@@ -4156,20 +4496,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CommentSolution;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    42: [function (require, module, exports) {
+    43: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Folder = /*#__PURE__*/function (_PlattarBase6) {
         _inherits(Folder, _PlattarBase6);
 
-        var _super13 = _createSuper(Folder);
+        var _super14 = _createSuper(Folder);
 
         function Folder() {
           _classCallCheck(this, Folder);
 
-          return _super13.apply(this, arguments);
+          return _super14.apply(this, arguments);
         }
 
         _createClass(Folder, null, [{
@@ -4184,20 +4524,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Folder;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    43: [function (require, module, exports) {
+    44: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var PipelineUser = /*#__PURE__*/function (_PlattarBase7) {
         _inherits(PipelineUser, _PlattarBase7);
 
-        var _super14 = _createSuper(PipelineUser);
+        var _super15 = _createSuper(PipelineUser);
 
         function PipelineUser() {
           _classCallCheck(this, PipelineUser);
 
-          return _super14.apply(this, arguments);
+          return _super15.apply(this, arguments);
         }
 
         _createClass(PipelineUser, null, [{
@@ -4212,20 +4552,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PipelineUser;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    44: [function (require, module, exports) {
+    45: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Quote = /*#__PURE__*/function (_PlattarBase8) {
         _inherits(Quote, _PlattarBase8);
 
-        var _super15 = _createSuper(Quote);
+        var _super16 = _createSuper(Quote);
 
         function Quote() {
           _classCallCheck(this, Quote);
 
-          return _super15.apply(this, arguments);
+          return _super16.apply(this, arguments);
         }
 
         _createClass(Quote, null, [{
@@ -4240,20 +4580,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Quote;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    45: [function (require, module, exports) {
+    46: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Rating = /*#__PURE__*/function (_PlattarBase9) {
         _inherits(Rating, _PlattarBase9);
 
-        var _super16 = _createSuper(Rating);
+        var _super17 = _createSuper(Rating);
 
         function Rating() {
           _classCallCheck(this, Rating);
 
-          return _super16.apply(this, arguments);
+          return _super17.apply(this, arguments);
         }
 
         _createClass(Rating, null, [{
@@ -4268,20 +4608,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Rating;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    46: [function (require, module, exports) {
+    47: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base");
 
       var Solution = /*#__PURE__*/function (_PlattarBase10) {
         _inherits(Solution, _PlattarBase10);
 
-        var _super17 = _createSuper(Solution);
+        var _super18 = _createSuper(Solution);
 
         function Solution() {
           _classCallCheck(this, Solution);
 
-          return _super17.apply(this, arguments);
+          return _super18.apply(this, arguments);
         }
 
         _createClass(Solution, null, [{
@@ -4296,20 +4636,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Solution;
     }, {
-      "../interfaces/plattar-base": 53
+      "../interfaces/plattar-base": 54
     }],
-    47: [function (require, module, exports) {
+    48: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileAudio = /*#__PURE__*/function (_FileBase) {
         _inherits(FileAudio, _FileBase);
 
-        var _super18 = _createSuper(FileAudio);
+        var _super19 = _createSuper(FileAudio);
 
         function FileAudio() {
           _classCallCheck(this, FileAudio);
 
-          return _super18.apply(this, arguments);
+          return _super19.apply(this, arguments);
         }
 
         _createClass(FileAudio, null, [{
@@ -4324,9 +4664,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileAudio;
     }, {
-      "./file-base.js": 48
+      "./file-base.js": 49
     }],
-    48: [function (require, module, exports) {
+    49: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -4334,20 +4674,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var FileBase = /*#__PURE__*/function (_PlattarBase11) {
         _inherits(FileBase, _PlattarBase11);
 
-        var _super19 = _createSuper(FileBase);
+        var _super20 = _createSuper(FileBase);
 
         function FileBase(id, server) {
-          var _this29;
+          var _this32;
 
           _classCallCheck(this, FileBase);
 
-          _this29 = _super19.call(this, id, server || Server["default"]());
+          _this32 = _super20.call(this, id, server || Server["default"]());
 
-          if (_this29.constructor === FileBase) {
+          if (_this32.constructor === FileBase) {
             throw new Error("FileBase is abstract and cannot be created");
           }
 
-          return _this29;
+          return _this32;
         }
 
         _createClass(FileBase, [{
@@ -4412,25 +4752,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileBase;
     }, {
-      "../../server/plattar-server.js": 36,
-      "../interfaces/plattar-base.js": 53,
-      "./file-audio.js": 47,
-      "./file-image.js": 49,
-      "./file-model.js": 50,
-      "./file-video.js": 52
+      "../../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
     }],
-    49: [function (require, module, exports) {
+    50: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileImage = /*#__PURE__*/function (_FileBase2) {
         _inherits(FileImage, _FileBase2);
 
-        var _super20 = _createSuper(FileImage);
+        var _super21 = _createSuper(FileImage);
 
         function FileImage() {
           _classCallCheck(this, FileImage);
 
-          return _super20.apply(this, arguments);
+          return _super21.apply(this, arguments);
         }
 
         _createClass(FileImage, null, [{
@@ -4445,20 +4785,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileImage;
     }, {
-      "./file-base.js": 48
+      "./file-base.js": 49
     }],
-    50: [function (require, module, exports) {
+    51: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileModel = /*#__PURE__*/function (_FileBase3) {
         _inherits(FileModel, _FileBase3);
 
-        var _super21 = _createSuper(FileModel);
+        var _super22 = _createSuper(FileModel);
 
         function FileModel() {
           _classCallCheck(this, FileModel);
 
-          return _super21.apply(this, arguments);
+          return _super22.apply(this, arguments);
         }
 
         _createClass(FileModel, null, [{
@@ -4473,20 +4813,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileModel;
     }, {
-      "./file-base.js": 48
+      "./file-base.js": 49
     }],
-    51: [function (require, module, exports) {
+    52: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileScript = /*#__PURE__*/function (_FileBase4) {
         _inherits(FileScript, _FileBase4);
 
-        var _super22 = _createSuper(FileScript);
+        var _super23 = _createSuper(FileScript);
 
         function FileScript() {
           _classCallCheck(this, FileScript);
 
-          return _super22.apply(this, arguments);
+          return _super23.apply(this, arguments);
         }
 
         _createClass(FileScript, null, [{
@@ -4501,20 +4841,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileScript;
     }, {
-      "./file-base.js": 48
+      "./file-base.js": 49
     }],
-    52: [function (require, module, exports) {
+    53: [function (require, module, exports) {
       var FileBase = require("./file-base.js");
 
       var FileVideo = /*#__PURE__*/function (_FileBase5) {
         _inherits(FileVideo, _FileBase5);
 
-        var _super23 = _createSuper(FileVideo);
+        var _super24 = _createSuper(FileVideo);
 
         function FileVideo() {
           _classCallCheck(this, FileVideo);
 
-          return _super23.apply(this, arguments);
+          return _super24.apply(this, arguments);
         }
 
         _createClass(FileVideo, null, [{
@@ -4529,9 +4869,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FileVideo;
     }, {
-      "./file-base.js": 48
+      "./file-base.js": 49
     }],
-    53: [function (require, module, exports) {
+    54: [function (require, module, exports) {
       var PlattarObject = require("./plattar-object.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -4539,31 +4879,31 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var PlattarBase = /*#__PURE__*/function (_PlattarObject) {
         _inherits(PlattarBase, _PlattarObject);
 
-        var _super24 = _createSuper(PlattarBase);
+        var _super25 = _createSuper(PlattarBase);
 
         function PlattarBase(id, server) {
-          var _this30;
+          var _this33;
 
           _classCallCheck(this, PlattarBase);
 
-          _this30 = _super24.call(this, id, server || Server["default"]());
+          _this33 = _super25.call(this, id, server || Server["default"]());
 
-          if (_this30.constructor === PlattarBase) {
+          if (_this33.constructor === PlattarBase) {
             throw new Error("PlattarBase is abstract and cannot be created");
           }
 
-          return _this30;
+          return _this33;
         }
 
-        return PlattarBase;
+        return _createClass(PlattarBase);
       }(PlattarObject);
 
       module.exports = PlattarBase;
     }, {
-      "../../server/plattar-server.js": 36,
-      "./plattar-object.js": 55
+      "../../server/plattar-server.js": 37,
+      "./plattar-object.js": 56
     }],
-    54: [function (require, module, exports) {
+    55: [function (require, module, exports) {
       /**
        * Handles the list of relationships for the provided object
        */
@@ -4624,7 +4964,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "filter",
           value: function filter(obj, id) {
-            var _this31 = this;
+            var _this34 = this;
 
             if (!obj) {
               return [];
@@ -4642,7 +4982,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             if (Array.isArray(type)) {
               var compiledList = [];
               type.forEach(function (inObject) {
-                var retArray = _this31.filter(inObject, id);
+                var retArray = _this34.filter(inObject, id);
 
                 if (retArray.length > 0) {
                   compiledList = compiledList.concat(retArray);
@@ -4699,9 +5039,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarObjectRelations;
     }, {
-      "../../util/plattar-util.js": 96
+      "../../util/plattar-util.js": 97
     }],
-    55: [function (require, module, exports) {
+    56: [function (require, module, exports) {
       var PlattarQuery = require("../../server/plattar-query.js");
 
       var PlattarObjectRelations = require("./plattar-object-relations.js");
@@ -4845,7 +5185,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "include",
           value: function include() {
-            var _this32 = this;
+            var _this35 = this;
 
             for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
               args[_key6] = arguments[_key6];
@@ -4861,15 +5201,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(_this32.type(), ".").concat(strObject));
+                    includes.push("".concat(_this35.type(), ".").concat(strObject));
                   } else {
-                    throw new Error("PlattarObject." + _this32.type() + ".include(...args) - argument of Array must only include Strings");
+                    throw new Error("PlattarObject." + _this35.type() + ".include(...args) - argument of Array must only include Strings");
                   }
                 });
               } else if (obj.prototype instanceof PlattarObject) {
-                includes.push("".concat(_this32.type(), ".").concat(obj.type()));
+                includes.push("".concat(_this35.type(), ".").concat(obj.type()));
               } else {
-                throw new Error("PlattarObject." + _this32.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
+                throw new Error("PlattarObject." + _this35.type() + ".include(...args) - argument must be of type PlattarObject or Array but was type=" + _typeof(obj) + " value=" + obj);
               }
             });
             return includes;
@@ -4881,21 +5221,21 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarObject;
     }, {
-      "../../server/plattar-query.js": 35,
-      "./plattar-object-relations.js": 54
+      "../../server/plattar-query.js": 36,
+      "./plattar-object-relations.js": 55
     }],
-    56: [function (require, module, exports) {
+    57: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var ApplicationBuild = /*#__PURE__*/function (_PlattarBase12) {
         _inherits(ApplicationBuild, _PlattarBase12);
 
-        var _super25 = _createSuper(ApplicationBuild);
+        var _super26 = _createSuper(ApplicationBuild);
 
         function ApplicationBuild() {
           _classCallCheck(this, ApplicationBuild);
 
-          return _super25.apply(this, arguments);
+          return _super26.apply(this, arguments);
         }
 
         _createClass(ApplicationBuild, null, [{
@@ -4910,20 +5250,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ApplicationBuild;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    57: [function (require, module, exports) {
+    58: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var AssetLibrary = /*#__PURE__*/function (_PlattarBase13) {
         _inherits(AssetLibrary, _PlattarBase13);
 
-        var _super26 = _createSuper(AssetLibrary);
+        var _super27 = _createSuper(AssetLibrary);
 
         function AssetLibrary() {
           _classCallCheck(this, AssetLibrary);
 
-          return _super26.apply(this, arguments);
+          return _super27.apply(this, arguments);
         }
 
         _createClass(AssetLibrary, null, [{
@@ -4938,20 +5278,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = AssetLibrary;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    58: [function (require, module, exports) {
+    59: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var AsyncJob = /*#__PURE__*/function (_PlattarBase14) {
         _inherits(AsyncJob, _PlattarBase14);
 
-        var _super27 = _createSuper(AsyncJob);
+        var _super28 = _createSuper(AsyncJob);
 
         function AsyncJob() {
           _classCallCheck(this, AsyncJob);
 
-          return _super27.apply(this, arguments);
+          return _super28.apply(this, arguments);
         }
 
         _createClass(AsyncJob, [{
@@ -4971,20 +5311,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = AsyncJob;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    59: [function (require, module, exports) {
+    60: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var ScriptEvent = /*#__PURE__*/function (_PlattarBase15) {
         _inherits(ScriptEvent, _PlattarBase15);
 
-        var _super28 = _createSuper(ScriptEvent);
+        var _super29 = _createSuper(ScriptEvent);
 
         function ScriptEvent() {
           _classCallCheck(this, ScriptEvent);
 
-          return _super28.apply(this, arguments);
+          return _super29.apply(this, arguments);
         }
 
         _createClass(ScriptEvent, null, [{
@@ -4999,20 +5339,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ScriptEvent;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    60: [function (require, module, exports) {
+    61: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Tag = /*#__PURE__*/function (_PlattarBase16) {
         _inherits(Tag, _PlattarBase16);
 
-        var _super29 = _createSuper(Tag);
+        var _super30 = _createSuper(Tag);
 
         function Tag() {
           _classCallCheck(this, Tag);
 
-          return _super29.apply(this, arguments);
+          return _super30.apply(this, arguments);
         }
 
         _createClass(Tag, null, [{
@@ -5027,9 +5367,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Tag;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    61: [function (require, module, exports) {
+    62: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5037,20 +5377,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var CardBase = /*#__PURE__*/function (_PlattarBase17) {
         _inherits(CardBase, _PlattarBase17);
 
-        var _super30 = _createSuper(CardBase);
+        var _super31 = _createSuper(CardBase);
 
         function CardBase(id, server) {
-          var _this33;
+          var _this36;
 
           _classCallCheck(this, CardBase);
 
-          _this33 = _super30.call(this, id, server || Server["default"]());
+          _this36 = _super31.call(this, id, server || Server["default"]());
 
-          if (_this33.constructor === CardBase) {
+          if (_this36.constructor === CardBase) {
             throw new Error("CardBase is abstract and cannot be created");
           }
 
-          return _this33;
+          return _this36;
         }
 
         _createClass(CardBase, null, [{
@@ -5087,32 +5427,32 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardBase;
     }, {
-      "../../server/plattar-server.js": 36,
-      "../interfaces/plattar-base.js": 53,
-      "./card-button.js": 62,
-      "./card-html.js": 63,
-      "./card-iframe.js": 64,
-      "./card-image.js": 65,
-      "./card-map.js": 66,
-      "./card-paragraph.js": 67,
-      "./card-row.js": 68,
-      "./card-slider.js": 69,
-      "./card-title.js": 70,
-      "./card-video.js": 71,
-      "./card-youtube.js": 72
+      "../../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
     }],
-    62: [function (require, module, exports) {
+    63: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardButton = /*#__PURE__*/function (_CardBase) {
         _inherits(CardButton, _CardBase);
 
-        var _super31 = _createSuper(CardButton);
+        var _super32 = _createSuper(CardButton);
 
         function CardButton() {
           _classCallCheck(this, CardButton);
 
-          return _super31.apply(this, arguments);
+          return _super32.apply(this, arguments);
         }
 
         _createClass(CardButton, null, [{
@@ -5127,20 +5467,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardButton;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    63: [function (require, module, exports) {
+    64: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardHTML = /*#__PURE__*/function (_CardBase2) {
         _inherits(CardHTML, _CardBase2);
 
-        var _super32 = _createSuper(CardHTML);
+        var _super33 = _createSuper(CardHTML);
 
         function CardHTML() {
           _classCallCheck(this, CardHTML);
 
-          return _super32.apply(this, arguments);
+          return _super33.apply(this, arguments);
         }
 
         _createClass(CardHTML, null, [{
@@ -5155,20 +5495,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardHTML;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    64: [function (require, module, exports) {
+    65: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardIFrame = /*#__PURE__*/function (_CardBase3) {
         _inherits(CardIFrame, _CardBase3);
 
-        var _super33 = _createSuper(CardIFrame);
+        var _super34 = _createSuper(CardIFrame);
 
         function CardIFrame() {
           _classCallCheck(this, CardIFrame);
 
-          return _super33.apply(this, arguments);
+          return _super34.apply(this, arguments);
         }
 
         _createClass(CardIFrame, null, [{
@@ -5183,20 +5523,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardIFrame;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    65: [function (require, module, exports) {
+    66: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardImage = /*#__PURE__*/function (_CardBase4) {
         _inherits(CardImage, _CardBase4);
 
-        var _super34 = _createSuper(CardImage);
+        var _super35 = _createSuper(CardImage);
 
         function CardImage() {
           _classCallCheck(this, CardImage);
 
-          return _super34.apply(this, arguments);
+          return _super35.apply(this, arguments);
         }
 
         _createClass(CardImage, null, [{
@@ -5211,20 +5551,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardImage;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    66: [function (require, module, exports) {
+    67: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardMap = /*#__PURE__*/function (_CardBase5) {
         _inherits(CardMap, _CardBase5);
 
-        var _super35 = _createSuper(CardMap);
+        var _super36 = _createSuper(CardMap);
 
         function CardMap() {
           _classCallCheck(this, CardMap);
 
-          return _super35.apply(this, arguments);
+          return _super36.apply(this, arguments);
         }
 
         _createClass(CardMap, null, [{
@@ -5239,20 +5579,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardMap;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    67: [function (require, module, exports) {
+    68: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardParagraph = /*#__PURE__*/function (_CardBase6) {
         _inherits(CardParagraph, _CardBase6);
 
-        var _super36 = _createSuper(CardParagraph);
+        var _super37 = _createSuper(CardParagraph);
 
         function CardParagraph() {
           _classCallCheck(this, CardParagraph);
 
-          return _super36.apply(this, arguments);
+          return _super37.apply(this, arguments);
         }
 
         _createClass(CardParagraph, null, [{
@@ -5267,20 +5607,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardParagraph;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    68: [function (require, module, exports) {
+    69: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardRow = /*#__PURE__*/function (_CardBase7) {
         _inherits(CardRow, _CardBase7);
 
-        var _super37 = _createSuper(CardRow);
+        var _super38 = _createSuper(CardRow);
 
         function CardRow() {
           _classCallCheck(this, CardRow);
 
-          return _super37.apply(this, arguments);
+          return _super38.apply(this, arguments);
         }
 
         _createClass(CardRow, null, [{
@@ -5295,20 +5635,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardRow;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    69: [function (require, module, exports) {
+    70: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardSlider = /*#__PURE__*/function (_CardBase8) {
         _inherits(CardSlider, _CardBase8);
 
-        var _super38 = _createSuper(CardSlider);
+        var _super39 = _createSuper(CardSlider);
 
         function CardSlider() {
           _classCallCheck(this, CardSlider);
 
-          return _super38.apply(this, arguments);
+          return _super39.apply(this, arguments);
         }
 
         _createClass(CardSlider, null, [{
@@ -5323,20 +5663,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardSlider;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    70: [function (require, module, exports) {
+    71: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardTitle = /*#__PURE__*/function (_CardBase9) {
         _inherits(CardTitle, _CardBase9);
 
-        var _super39 = _createSuper(CardTitle);
+        var _super40 = _createSuper(CardTitle);
 
         function CardTitle() {
           _classCallCheck(this, CardTitle);
 
-          return _super39.apply(this, arguments);
+          return _super40.apply(this, arguments);
         }
 
         _createClass(CardTitle, null, [{
@@ -5351,20 +5691,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardTitle;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    71: [function (require, module, exports) {
+    72: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardVideo = /*#__PURE__*/function (_CardBase10) {
         _inherits(CardVideo, _CardBase10);
 
-        var _super40 = _createSuper(CardVideo);
+        var _super41 = _createSuper(CardVideo);
 
         function CardVideo() {
           _classCallCheck(this, CardVideo);
 
-          return _super40.apply(this, arguments);
+          return _super41.apply(this, arguments);
         }
 
         _createClass(CardVideo, null, [{
@@ -5379,20 +5719,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardVideo;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    72: [function (require, module, exports) {
+    73: [function (require, module, exports) {
       var CardBase = require("./card-base.js");
 
       var CardYoutube = /*#__PURE__*/function (_CardBase11) {
         _inherits(CardYoutube, _CardBase11);
 
-        var _super41 = _createSuper(CardYoutube);
+        var _super42 = _createSuper(CardYoutube);
 
         function CardYoutube() {
           _classCallCheck(this, CardYoutube);
 
-          return _super41.apply(this, arguments);
+          return _super42.apply(this, arguments);
         }
 
         _createClass(CardYoutube, null, [{
@@ -5407,20 +5747,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = CardYoutube;
     }, {
-      "./card-base.js": 61
+      "./card-base.js": 62
     }],
-    73: [function (require, module, exports) {
+    74: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Page = /*#__PURE__*/function (_PlattarBase18) {
         _inherits(Page, _PlattarBase18);
 
-        var _super42 = _createSuper(Page);
+        var _super43 = _createSuper(Page);
 
         function Page() {
           _classCallCheck(this, Page);
 
-          return _super42.apply(this, arguments);
+          return _super43.apply(this, arguments);
         }
 
         _createClass(Page, null, [{
@@ -5435,20 +5775,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Page;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    74: [function (require, module, exports) {
+    75: [function (require, module, exports) {
       var ProductBase = require("./product-base.js");
 
       var ProductAnnotation = /*#__PURE__*/function (_ProductBase) {
         _inherits(ProductAnnotation, _ProductBase);
 
-        var _super43 = _createSuper(ProductAnnotation);
+        var _super44 = _createSuper(ProductAnnotation);
 
         function ProductAnnotation() {
           _classCallCheck(this, ProductAnnotation);
 
-          return _super43.apply(this, arguments);
+          return _super44.apply(this, arguments);
         }
 
         _createClass(ProductAnnotation, null, [{
@@ -5463,9 +5803,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductAnnotation;
     }, {
-      "./product-base.js": 75
+      "./product-base.js": 76
     }],
-    75: [function (require, module, exports) {
+    76: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5473,20 +5813,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var ProductBase = /*#__PURE__*/function (_PlattarBase19) {
         _inherits(ProductBase, _PlattarBase19);
 
-        var _super44 = _createSuper(ProductBase);
+        var _super45 = _createSuper(ProductBase);
 
         function ProductBase(id, server) {
-          var _this34;
+          var _this37;
 
           _classCallCheck(this, ProductBase);
 
-          _this34 = _super44.call(this, id, server || Server["default"]());
+          _this37 = _super45.call(this, id, server || Server["default"]());
 
-          if (_this34.constructor === ProductBase) {
+          if (_this37.constructor === ProductBase) {
             throw new Error("ProductBase is abstract and cannot be created");
           }
 
-          return _this34;
+          return _this37;
         }
 
         _createClass(ProductBase, null, [{
@@ -5505,23 +5845,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductBase;
     }, {
-      "../../server/plattar-server.js": 36,
-      "../interfaces/plattar-base.js": 53,
-      "./product-annotation.js": 74,
-      "./product-variation.js": 76
+      "../../server/plattar-server.js": 37,
+      "../interfaces/plattar-base.js": 54,
+      "./product-annotation.js": 75,
+      "./product-variation.js": 77
     }],
-    76: [function (require, module, exports) {
+    77: [function (require, module, exports) {
       var ProductBase = require("./product-base.js");
 
       var ProductVariation = /*#__PURE__*/function (_ProductBase2) {
         _inherits(ProductVariation, _ProductBase2);
 
-        var _super45 = _createSuper(ProductVariation);
+        var _super46 = _createSuper(ProductVariation);
 
         function ProductVariation() {
           _classCallCheck(this, ProductVariation);
 
-          return _super45.apply(this, arguments);
+          return _super46.apply(this, arguments);
         }
 
         _createClass(ProductVariation, null, [{
@@ -5536,20 +5876,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductVariation;
     }, {
-      "./product-base.js": 75
+      "./product-base.js": 76
     }],
-    77: [function (require, module, exports) {
+    78: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Product = /*#__PURE__*/function (_PlattarBase20) {
         _inherits(Product, _PlattarBase20);
 
-        var _super46 = _createSuper(Product);
+        var _super47 = _createSuper(Product);
 
         function Product() {
           _classCallCheck(this, Product);
 
-          return _super46.apply(this, arguments);
+          return _super47.apply(this, arguments);
         }
 
         _createClass(Product, null, [{
@@ -5564,20 +5904,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Product;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    78: [function (require, module, exports) {
+    79: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneAnnotation = /*#__PURE__*/function (_SceneBase) {
         _inherits(SceneAnnotation, _SceneBase);
 
-        var _super47 = _createSuper(SceneAnnotation);
+        var _super48 = _createSuper(SceneAnnotation);
 
         function SceneAnnotation() {
           _classCallCheck(this, SceneAnnotation);
 
-          return _super47.apply(this, arguments);
+          return _super48.apply(this, arguments);
         }
 
         _createClass(SceneAnnotation, null, [{
@@ -5592,20 +5932,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneAnnotation;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    79: [function (require, module, exports) {
+    80: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneAudio = /*#__PURE__*/function (_SceneBase2) {
         _inherits(SceneAudio, _SceneBase2);
 
-        var _super48 = _createSuper(SceneAudio);
+        var _super49 = _createSuper(SceneAudio);
 
         function SceneAudio() {
           _classCallCheck(this, SceneAudio);
 
-          return _super48.apply(this, arguments);
+          return _super49.apply(this, arguments);
         }
 
         _createClass(SceneAudio, null, [{
@@ -5620,9 +5960,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneAudio;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    80: [function (require, module, exports) {
+    81: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Server = require("../../server/plattar-server.js");
@@ -5630,20 +5970,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       var SceneBase = /*#__PURE__*/function (_PlattarBase21) {
         _inherits(SceneBase, _PlattarBase21);
 
-        var _super49 = _createSuper(SceneBase);
+        var _super50 = _createSuper(SceneBase);
 
         function SceneBase(id, server) {
-          var _this35;
+          var _this38;
 
           _classCallCheck(this, SceneBase);
 
-          _this35 = _super49.call(this, id, server || Server["default"]());
+          _this38 = _super50.call(this, id, server || Server["default"]());
 
-          if (_this35.constructor === SceneBase) {
+          if (_this38.constructor === SceneBase) {
             throw new Error("SceneBase is abstract and cannot be created");
           }
 
-          return _this35;
+          return _this38;
         }
 
         _createClass(SceneBase, null, [{
@@ -5686,35 +6026,35 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneBase;
     }, {
-      "../../server/plattar-server.js": 36,
-      "../interfaces/plattar-base.js": 53,
-      "./scene-annotation.js": 78,
-      "./scene-audio.js": 79,
-      "./scene-button.js": 81,
-      "./scene-camera.js": 82,
-      "./scene-carousel.js": 83,
-      "./scene-image.js": 84,
-      "./scene-model.js": 85,
-      "./scene-panorama.js": 86,
-      "./scene-poller.js": 87,
-      "./scene-product.js": 88,
-      "./scene-shadow.js": 90,
-      "./scene-video.js": 91,
-      "./scene-volumetric.js": 92,
-      "./scene-youtube.js": 93
+      "../../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
     }],
-    81: [function (require, module, exports) {
+    82: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneButton = /*#__PURE__*/function (_SceneBase3) {
         _inherits(SceneButton, _SceneBase3);
 
-        var _super50 = _createSuper(SceneButton);
+        var _super51 = _createSuper(SceneButton);
 
         function SceneButton() {
           _classCallCheck(this, SceneButton);
 
-          return _super50.apply(this, arguments);
+          return _super51.apply(this, arguments);
         }
 
         _createClass(SceneButton, null, [{
@@ -5729,20 +6069,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneButton;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    82: [function (require, module, exports) {
+    83: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneCamera = /*#__PURE__*/function (_SceneBase4) {
         _inherits(SceneCamera, _SceneBase4);
 
-        var _super51 = _createSuper(SceneCamera);
+        var _super52 = _createSuper(SceneCamera);
 
         function SceneCamera() {
           _classCallCheck(this, SceneCamera);
 
-          return _super51.apply(this, arguments);
+          return _super52.apply(this, arguments);
         }
 
         _createClass(SceneCamera, null, [{
@@ -5757,20 +6097,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneCamera;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    83: [function (require, module, exports) {
+    84: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneCarousel = /*#__PURE__*/function (_SceneBase5) {
         _inherits(SceneCarousel, _SceneBase5);
 
-        var _super52 = _createSuper(SceneCarousel);
+        var _super53 = _createSuper(SceneCarousel);
 
         function SceneCarousel() {
           _classCallCheck(this, SceneCarousel);
 
-          return _super52.apply(this, arguments);
+          return _super53.apply(this, arguments);
         }
 
         _createClass(SceneCarousel, null, [{
@@ -5785,20 +6125,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneCarousel;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    84: [function (require, module, exports) {
+    85: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneImage = /*#__PURE__*/function (_SceneBase6) {
         _inherits(SceneImage, _SceneBase6);
 
-        var _super53 = _createSuper(SceneImage);
+        var _super54 = _createSuper(SceneImage);
 
         function SceneImage() {
           _classCallCheck(this, SceneImage);
 
-          return _super53.apply(this, arguments);
+          return _super54.apply(this, arguments);
         }
 
         _createClass(SceneImage, null, [{
@@ -5813,20 +6153,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneImage;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    85: [function (require, module, exports) {
+    86: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneModel = /*#__PURE__*/function (_SceneBase7) {
         _inherits(SceneModel, _SceneBase7);
 
-        var _super54 = _createSuper(SceneModel);
+        var _super55 = _createSuper(SceneModel);
 
         function SceneModel() {
           _classCallCheck(this, SceneModel);
 
-          return _super54.apply(this, arguments);
+          return _super55.apply(this, arguments);
         }
 
         _createClass(SceneModel, null, [{
@@ -5841,20 +6181,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneModel;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    86: [function (require, module, exports) {
+    87: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var ScenePanorama = /*#__PURE__*/function (_SceneBase8) {
         _inherits(ScenePanorama, _SceneBase8);
 
-        var _super55 = _createSuper(ScenePanorama);
+        var _super56 = _createSuper(ScenePanorama);
 
         function ScenePanorama() {
           _classCallCheck(this, ScenePanorama);
 
-          return _super55.apply(this, arguments);
+          return _super56.apply(this, arguments);
         }
 
         _createClass(ScenePanorama, null, [{
@@ -5869,20 +6209,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ScenePanorama;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    87: [function (require, module, exports) {
+    88: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var ScenePoller = /*#__PURE__*/function (_SceneBase9) {
         _inherits(ScenePoller, _SceneBase9);
 
-        var _super56 = _createSuper(ScenePoller);
+        var _super57 = _createSuper(ScenePoller);
 
         function ScenePoller() {
           _classCallCheck(this, ScenePoller);
 
-          return _super56.apply(this, arguments);
+          return _super57.apply(this, arguments);
         }
 
         _createClass(ScenePoller, null, [{
@@ -5897,20 +6237,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ScenePoller;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    88: [function (require, module, exports) {
+    89: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneProduct = /*#__PURE__*/function (_SceneBase10) {
         _inherits(SceneProduct, _SceneBase10);
 
-        var _super57 = _createSuper(SceneProduct);
+        var _super58 = _createSuper(SceneProduct);
 
         function SceneProduct() {
           _classCallCheck(this, SceneProduct);
 
-          return _super57.apply(this, arguments);
+          return _super58.apply(this, arguments);
         }
 
         _createClass(SceneProduct, null, [{
@@ -5925,20 +6265,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneProduct;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    89: [function (require, module, exports) {
+    90: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneScript = /*#__PURE__*/function (_SceneBase11) {
         _inherits(SceneScript, _SceneBase11);
 
-        var _super58 = _createSuper(SceneScript);
+        var _super59 = _createSuper(SceneScript);
 
         function SceneScript() {
           _classCallCheck(this, SceneScript);
 
-          return _super58.apply(this, arguments);
+          return _super59.apply(this, arguments);
         }
 
         _createClass(SceneScript, null, [{
@@ -5953,20 +6293,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneScript;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    90: [function (require, module, exports) {
+    91: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneShadow = /*#__PURE__*/function (_SceneBase12) {
         _inherits(SceneShadow, _SceneBase12);
 
-        var _super59 = _createSuper(SceneShadow);
+        var _super60 = _createSuper(SceneShadow);
 
         function SceneShadow() {
           _classCallCheck(this, SceneShadow);
 
-          return _super59.apply(this, arguments);
+          return _super60.apply(this, arguments);
         }
 
         _createClass(SceneShadow, null, [{
@@ -5981,20 +6321,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneShadow;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    91: [function (require, module, exports) {
+    92: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneVideo = /*#__PURE__*/function (_SceneBase13) {
         _inherits(SceneVideo, _SceneBase13);
 
-        var _super60 = _createSuper(SceneVideo);
+        var _super61 = _createSuper(SceneVideo);
 
         function SceneVideo() {
           _classCallCheck(this, SceneVideo);
 
-          return _super60.apply(this, arguments);
+          return _super61.apply(this, arguments);
         }
 
         _createClass(SceneVideo, null, [{
@@ -6009,20 +6349,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneVideo;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    92: [function (require, module, exports) {
+    93: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneVolumetric = /*#__PURE__*/function (_SceneBase14) {
         _inherits(SceneVolumetric, _SceneBase14);
 
-        var _super61 = _createSuper(SceneVolumetric);
+        var _super62 = _createSuper(SceneVolumetric);
 
         function SceneVolumetric() {
           _classCallCheck(this, SceneVolumetric);
 
-          return _super61.apply(this, arguments);
+          return _super62.apply(this, arguments);
         }
 
         _createClass(SceneVolumetric, null, [{
@@ -6037,20 +6377,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneVolumetric;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    93: [function (require, module, exports) {
+    94: [function (require, module, exports) {
       var SceneBase = require("./scene-base.js");
 
       var SceneYoutube = /*#__PURE__*/function (_SceneBase15) {
         _inherits(SceneYoutube, _SceneBase15);
 
-        var _super62 = _createSuper(SceneYoutube);
+        var _super63 = _createSuper(SceneYoutube);
 
         function SceneYoutube() {
           _classCallCheck(this, SceneYoutube);
 
-          return _super62.apply(this, arguments);
+          return _super63.apply(this, arguments);
         }
 
         _createClass(SceneYoutube, null, [{
@@ -6065,20 +6405,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = SceneYoutube;
     }, {
-      "./scene-base.js": 80
+      "./scene-base.js": 81
     }],
-    94: [function (require, module, exports) {
+    95: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var Scene = /*#__PURE__*/function (_PlattarBase22) {
         _inherits(Scene, _PlattarBase22);
 
-        var _super63 = _createSuper(Scene);
+        var _super64 = _createSuper(Scene);
 
         function Scene() {
           _classCallCheck(this, Scene);
 
-          return _super63.apply(this, arguments);
+          return _super64.apply(this, arguments);
         }
 
         _createClass(Scene, null, [{
@@ -6093,20 +6433,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Scene;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    95: [function (require, module, exports) {
+    96: [function (require, module, exports) {
       var PlattarBase = require("../interfaces/plattar-base.js");
 
       var TriggerImage = /*#__PURE__*/function (_PlattarBase23) {
         _inherits(TriggerImage, _PlattarBase23);
 
-        var _super64 = _createSuper(TriggerImage);
+        var _super65 = _createSuper(TriggerImage);
 
         function TriggerImage() {
           _classCallCheck(this, TriggerImage);
 
-          return _super64.apply(this, arguments);
+          return _super65.apply(this, arguments);
         }
 
         _createClass(TriggerImage, null, [{
@@ -6121,9 +6461,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = TriggerImage;
     }, {
-      "../interfaces/plattar-base.js": 53
+      "../interfaces/plattar-base.js": 54
     }],
-    96: [function (require, module, exports) {
+    97: [function (require, module, exports) {
       var Application = require("../types/application.js"); // import Scene types and its children
 
 
@@ -6235,9 +6575,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
        * 
@@ -6510,81 +6850,81 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = PlattarUtil;
     }, {
-      "../types/application.js": 37,
-      "../types/content-pipeline/brief.js": 38,
-      "../types/content-pipeline/comment-brief.js": 39,
-      "../types/content-pipeline/comment-quote.js": 40,
-      "../types/content-pipeline/comment-solution.js": 41,
-      "../types/content-pipeline/folder.js": 42,
-      "../types/content-pipeline/pipeline-user.js": 43,
-      "../types/content-pipeline/quote.js": 44,
-      "../types/content-pipeline/rating.js": 45,
-      "../types/content-pipeline/solution.js": 46,
-      "../types/file/file-audio.js": 47,
-      "../types/file/file-image.js": 49,
-      "../types/file/file-model.js": 50,
-      "../types/file/file-script.js": 51,
-      "../types/file/file-video.js": 52,
-      "../types/interfaces/plattar-object.js": 55,
-      "../types/misc/application-build.js": 56,
-      "../types/misc/asset-library": 57,
-      "../types/misc/async-job.js": 58,
-      "../types/misc/script-event.js": 59,
-      "../types/misc/tag.js": 60,
-      "../types/page/card-button.js": 62,
-      "../types/page/card-html.js": 63,
-      "../types/page/card-iframe.js": 64,
-      "../types/page/card-image.js": 65,
-      "../types/page/card-map.js": 66,
-      "../types/page/card-paragraph.js": 67,
-      "../types/page/card-row.js": 68,
-      "../types/page/card-slider.js": 69,
-      "../types/page/card-title.js": 70,
-      "../types/page/card-video.js": 71,
-      "../types/page/card-youtube.js": 72,
-      "../types/page/page.js": 73,
-      "../types/product/product-annotation.js": 74,
-      "../types/product/product-variation.js": 76,
-      "../types/product/product.js": 77,
-      "../types/scene/scene-annotation.js": 78,
-      "../types/scene/scene-audio.js": 79,
-      "../types/scene/scene-button.js": 81,
-      "../types/scene/scene-camera.js": 82,
-      "../types/scene/scene-carousel.js": 83,
-      "../types/scene/scene-image.js": 84,
-      "../types/scene/scene-model.js": 85,
-      "../types/scene/scene-panorama.js": 86,
-      "../types/scene/scene-poller.js": 87,
-      "../types/scene/scene-product.js": 88,
-      "../types/scene/scene-script.js": 89,
-      "../types/scene/scene-shadow.js": 90,
-      "../types/scene/scene-video.js": 91,
-      "../types/scene/scene-volumetric.js": 92,
-      "../types/scene/scene-youtube.js": 93,
-      "../types/scene/scene.js": 94,
-      "../types/trigger/trigger-image.js": 95
+      "../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
     }],
-    97: [function (require, module, exports) {
+    98: [function (require, module, exports) {
       module.exports = "1.120.1";
     }, {}],
-    98: [function (require, module, exports) {
+    99: [function (require, module, exports) {
       var QRCodeStyling = require("qr-code-styling");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement2) {
         _inherits(BaseElement, _HTMLElement2);
 
-        var _super65 = _createSuper(BaseElement);
+        var _super66 = _createSuper(BaseElement);
 
         function BaseElement() {
           _classCallCheck(this, BaseElement);
 
-          return _super65.call(this);
+          return _super66.call(this);
         }
 
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
-            var _this36 = this;
+            var _this39 = this;
 
             if (this.hasAttribute("url")) {
               this.renderQRCode();
@@ -6593,8 +6933,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 (_this36.hasAttribute("url")) {
-                    _this36.renderQRCode();
+                  if (_this39.hasAttribute("url")) {
+                    _this39.renderQRCode();
                   }
                 }
               });
@@ -6772,30 +7112,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = BaseElement;
     }, {
-      "qr-code-styling": 118
+      "qr-code-styling": 119
     }],
-    99: [function (require, module, exports) {
+    100: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var QRCodeElement = /*#__PURE__*/function (_BaseElement) {
         _inherits(QRCodeElement, _BaseElement);
 
-        var _super66 = _createSuper(QRCodeElement);
+        var _super67 = _createSuper(QRCodeElement);
 
         function QRCodeElement() {
           _classCallCheck(this, QRCodeElement);
 
-          return _super66.call(this);
+          return _super67.call(this);
         }
 
-        return QRCodeElement;
+        return _createClass(QRCodeElement);
       }(BaseElement);
 
       module.exports = QRCodeElement;
     }, {
-      "./base/base-element.js": 98
+      "./base/base-element.js": 99
     }],
-    100: [function (require, module, exports) {
+    101: [function (require, module, exports) {
       "use strict";
 
       var QRCodeElement = require("./elements/qrcode-element.js");
@@ -6808,24 +7148,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         version: Version
       };
     }, {
-      "./elements/qrcode-element.js": 99,
-      "./version": 101
+      "./elements/qrcode-element.js": 100,
+      "./version": 102
     }],
-    101: [function (require, module, exports) {
+    102: [function (require, module, exports) {
       module.exports = "1.120.3";
     }, {}],
-    102: [function (require, module, exports) {
+    103: [function (require, module, exports) {
       var ElementController = require("../controllers/element-controller");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
         _inherits(BaseElement, _HTMLElement3);
 
-        var _super67 = _createSuper(BaseElement);
+        var _super68 = _createSuper(BaseElement);
 
         function BaseElement() {
           _classCallCheck(this, BaseElement);
 
-          return _super67.call(this);
+          return _super68.call(this);
         }
 
         _createClass(BaseElement, [{
@@ -6925,19 +7265,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }, {
           key: "allMappedAttributes",
           get: function get() {
-            var _this37 = this;
+            var _this40 = this;
 
             var map = new Map();
             var coreAttr = this.coreAttributes;
             var optAttr = this.optionalAttributes;
             coreAttr.forEach(function (ele) {
-              if (_this37.hasAttribute(ele.key)) {
-                map.set(ele.map, _this37.getAttribute(ele.key));
+              if (_this40.hasAttribute(ele.key)) {
+                map.set(ele.map, _this40.getAttribute(ele.key));
               }
             });
             optAttr.forEach(function (ele) {
-              if (_this37.hasAttribute(ele.key)) {
-                map.set(ele.map, _this37.getAttribute(ele.key));
+              if (_this40.hasAttribute(ele.key)) {
+                map.set(ele.map, _this40.getAttribute(ele.key));
               }
             });
             return map;
@@ -6958,7 +7298,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) {
@@ -6981,9 +7321,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = BaseElement;
     }, {
-      "../controllers/element-controller": 103
+      "../controllers/element-controller": 104
     }],
-    103: [function (require, module, exports) {
+    104: [function (require, module, exports) {
       var Util = require("../../util/util.js");
 
       var _require = require("@plattar/context-messenger"),
@@ -6993,7 +7333,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       var ElementController = /*#__PURE__*/function () {
         function ElementController(element) {
-          var _this38 = this;
+          var _this41 = this;
 
           _classCallCheck(this, ElementController);
 
@@ -7009,7 +7349,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                 if (mutation.type === 'attributes' && element.usesCoreAttribute(mutation.attributeName)) {
                   if (element.hasAllCoreAttributes) {
-                    _this38._load();
+                    _this41._load();
                   }
                 }
               }
@@ -7100,16 +7440,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ElementController;
     }, {
-      "../../util/util.js": 114,
-      "./iframe-controller.js": 104,
-      "@plattar/context-messenger": 13
+      "../../util/util.js": 115,
+      "./iframe-controller.js": 105,
+      "@plattar/context-messenger": 14
     }],
-    104: [function (require, module, exports) {
+    105: [function (require, module, exports) {
       var Util = require("../../util/util.js");
 
       var IFrameController = /*#__PURE__*/function () {
         function IFrameController(element, src, id) {
-          var _this39 = this;
+          var _this42 = this;
 
           var onelemload = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
 
@@ -7121,7 +7461,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
           if (!element.hasAttribute("sameorigin")) {
             this._iframe.onload = function () {
               if (onelemload) {
-                onelemload(_this39._iframe);
+                onelemload(_this42._iframe);
               }
             };
           }
@@ -7218,20 +7558,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = IFrameController;
     }, {
-      "../../util/util.js": 114
+      "../../util/util.js": 115
     }],
-    105: [function (require, module, exports) {
+    106: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var EditorElement = /*#__PURE__*/function (_BaseElement2) {
         _inherits(EditorElement, _BaseElement2);
 
-        var _super68 = _createSuper(EditorElement);
+        var _super69 = _createSuper(EditorElement);
 
         function EditorElement() {
           _classCallCheck(this, EditorElement);
 
-          return _super68.call(this);
+          return _super69.call(this);
         }
 
         _createClass(EditorElement, [{
@@ -7251,26 +7591,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = EditorElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    106: [function (require, module, exports) {
+    107: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var EWallElement = /*#__PURE__*/function (_BaseElement3) {
         _inherits(EWallElement, _BaseElement3);
 
-        var _super69 = _createSuper(EWallElement);
+        var _super70 = _createSuper(EWallElement);
 
         function EWallElement() {
-          var _this40;
+          var _this43;
 
           _classCallCheck(this, EWallElement);
 
-          _this40 = _super69.call(this);
+          _this43 = _super70.call(this);
           var tag = document.createElement("script");
           tag.src = "https://cdn.8thwall.com/web/iframe/iframe.js";
           tag.defer = true;
-          return _this40;
+          return _this43;
         }
 
         _createClass(EWallElement, [{
@@ -7306,20 +7646,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = EWallElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    107: [function (require, module, exports) {
+    108: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var FaceARElement = /*#__PURE__*/function (_BaseElement4) {
         _inherits(FaceARElement, _BaseElement4);
 
-        var _super70 = _createSuper(FaceARElement);
+        var _super71 = _createSuper(FaceARElement);
 
         function FaceARElement() {
           _classCallCheck(this, FaceARElement);
 
-          return _super70.call(this);
+          return _super71.call(this);
         }
 
         _createClass(FaceARElement, [{
@@ -7332,6 +7672,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;
@@ -7339,20 +7690,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = FaceARElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    108: [function (require, module, exports) {
+    109: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ModelElement = /*#__PURE__*/function (_BaseElement5) {
         _inherits(ModelElement, _BaseElement5);
 
-        var _super71 = _createSuper(ModelElement);
+        var _super72 = _createSuper(ModelElement);
 
         function ModelElement() {
           _classCallCheck(this, ModelElement);
 
-          return _super71.call(this);
+          return _super72.call(this);
         }
 
         _createClass(ModelElement, [{
@@ -7380,20 +7731,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ModelElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    109: [function (require, module, exports) {
+    110: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ProductElement = /*#__PURE__*/function (_BaseElement6) {
         _inherits(ProductElement, _BaseElement6);
 
-        var _super72 = _createSuper(ProductElement);
+        var _super73 = _createSuper(ProductElement);
 
         function ProductElement() {
           _classCallCheck(this, ProductElement);
 
-          return _super72.call(this);
+          return _super73.call(this);
         }
 
         _createClass(ProductElement, [{
@@ -7429,20 +7780,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ProductElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    110: [function (require, module, exports) {
+    111: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var StudioElement = /*#__PURE__*/function (_BaseElement7) {
         _inherits(StudioElement, _BaseElement7);
 
-        var _super73 = _createSuper(StudioElement);
+        var _super74 = _createSuper(StudioElement);
 
         function StudioElement() {
           _classCallCheck(this, StudioElement);
 
-          return _super73.call(this);
+          return _super74.call(this);
         }
 
         _createClass(StudioElement, [{
@@ -7462,20 +7813,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = StudioElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    111: [function (require, module, exports) {
+    112: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var ViewerElement = /*#__PURE__*/function (_BaseElement8) {
         _inherits(ViewerElement, _BaseElement8);
 
-        var _super74 = _createSuper(ViewerElement);
+        var _super75 = _createSuper(ViewerElement);
 
         function ViewerElement() {
           _classCallCheck(this, ViewerElement);
 
-          return _super74.call(this);
+          return _super75.call(this);
         }
 
         _createClass(ViewerElement, [{
@@ -7488,6 +7839,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;
@@ -7495,20 +7857,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = ViewerElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    112: [function (require, module, exports) {
+    113: [function (require, module, exports) {
       var BaseElement = require("./base/base-element.js");
 
       var WebXRElement = /*#__PURE__*/function (_BaseElement9) {
         _inherits(WebXRElement, _BaseElement9);
 
-        var _super75 = _createSuper(WebXRElement);
+        var _super76 = _createSuper(WebXRElement);
 
         function WebXRElement() {
           _classCallCheck(this, WebXRElement);
 
-          return _super75.call(this);
+          return _super76.call(this);
         }
 
         _createClass(WebXRElement, [{
@@ -7528,9 +7890,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = WebXRElement;
     }, {
-      "./base/base-element.js": 102
+      "./base/base-element.js": 103
     }],
-    113: [function (require, module, exports) {
+    114: [function (require, module, exports) {
       "use strict";
 
       var WebXRElement = require("./elements/webxr-element.js");
@@ -7551,30 +7913,54 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       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);
+      }
+
       console.log("using @plattar/plattar-web v" + Version);
       module.exports = {
         version: Version
       };
     }, {
-      "./elements/editor-element.js": 105,
-      "./elements/ewall-element.js": 106,
-      "./elements/facear-element.js": 107,
-      "./elements/model-element.js": 108,
-      "./elements/product-element.js": 109,
-      "./elements/studio-element.js": 110,
-      "./elements/viewer-element.js": 111,
-      "./elements/webxr-element.js": 112,
-      "./version": 115
+      "./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
     }],
-    114: [function (require, module, exports) {
+    115: [function (require, module, exports) {
       var Util = /*#__PURE__*/function () {
         function Util() {
           _classCallCheck(this, Util);
@@ -7671,10 +8057,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
       module.exports = Util;
     }, {}],
-    115: [function (require, module, exports) {
-      module.exports = "1.117.1";
-    }, {}],
     116: [function (require, module, exports) {
+      module.exports = "1.122.2";
+    }, {}],
+    117: [function (require, module, exports) {
       (function (global) {
         (function () {
           "use strict"; // ref: https://github.com/tc39/proposal-global
@@ -7711,7 +8097,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 : {});
     }, {}],
-    117: [function (require, module, exports) {
+    118: [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
@@ -7921,7 +8307,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         return 0;
       };
     }, {}],
-    118: [function (require, module, exports) {
+    119: [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 () {
@@ -10553,6 +10939,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         }()["default"];
       });
     }, {}]
-  }, {}, [6])(6);
+  }, {}, [7])(7);
 });