@plattar/plattar-ar-adapter 1.130.2 → 1.132.1

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

@@ -24,17 +24,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
 
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 
 function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
 
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
 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); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -44,7 +44,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -394,6 +394,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           var productID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
           var variationID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+          var variationSKU = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
           _classCallCheck(this, ProductAR);
 
@@ -406,7 +407,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           }
 
           _this4._productID = productID;
-          _this4._variationID = variationID ? variationID : "default";
+          _this4._variationSKU = variationSKU;
+          _this4._variationID = variationID ? variationID : variationSKU ? null : "default";
           _this4._ar = null;
           return _this4;
         }
@@ -421,6 +423,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return this._variationID;
           }
+        }, {
+          key: "variationSKU",
+          get: function get() {
+            return this._variationSKU;
+          }
         }, {
           key: "_SetupAnalytics",
           value: function _SetupAnalytics(product, variation) {
@@ -478,16 +485,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               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 = _this5.variationID ? _this5.variationID === "default" ? product.attributes.product_variation_id : _this5.variationID : product.attributes.product_variation_id;
+                var variationID = _this5.variationID ? _this5.variationID === "default" ? product.attributes.product_variation_id : _this5.variationID : null;
+                var variationSKU = _this5.variationSKU;
 
-                if (!variationID) {
-                  return reject(new Error("ProductAR.init() - cannot proceed as variation was not defined correctly"));
+                if (!variationID && !variationSKU) {
+                  return reject(new Error("ProductAR.init() - cannot proceed as variation-id or variation-sku was not set correctly"));
                 }
 
-                var variation = product.relationships.find(plattar_api_1.ProductVariation, variationID); // make sure our variation is actually available before moving forward
+                var variation = undefined;
+
+                if (variationID) {
+                  variation = product.relationships.find(plattar_api_1.ProductVariation, variationID);
+                } // if no variation was found with variationID - try searching variation sku
+
+
+                if (!variation && variationSKU) {
+                  var variations = product.relationships.filter(plattar_api_1.ProductVariation);
+
+                  if (variations) {
+                    variation = variations.find(function (element) {
+                      return element.attributes.sku === variationSKU;
+                    });
+                  }
+                } // make sure our variation is actually available before moving forward
+
 
                 if (!variation) {
-                  return reject(new Error("ProductAR.init() - cannot proceed as variation with id " + variationID + " cannot be found"));
+                  return reject(new Error("ProductAR.init() - cannot proceed as variation with id " + variationID + " or sku " + variationSKU + " cannot be found"));
                 } // otherwise both the product and variation are available
                 // we need to figure out if we can actually do AR though
                 // check if variation has a model file defined
@@ -1044,10 +1068,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           var sceneProductID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
           var variationID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+          var variationSKU = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
           _classCallCheck(this, SceneProductAR);
 
-          _this10 = _super5.call(this, sceneProductID, variationID); // this is evaluated in the init() function
+          _this10 = _super5.call(this, sceneProductID, variationID, variationSKU); // this is evaluated in the init() function
 
           _this10._attachedProductID = null;
 
@@ -1169,7 +1194,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var sceneID = _this12.getAttribute("scene-id");
 
               if (sceneID) {
-                var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
+                var opt = options || _this12._GetDefaultQROptions();
+
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
                 var width = _this12.getAttribute("width") || "500px";
@@ -1189,12 +1215,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("qr-type", opt.qrType);
                 }
 
+                viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                 var dst = plattar_api_1.Server.location().base + "renderer/configurator.html?scene_id=" + sceneID; // optional attributes
 
                 var configState = _this12.getAttribute("config-state");
 
                 var showAR = _this12.getAttribute("show-ar");
 
+                var showUI = _this12.getAttribute("show-ui");
+
+                if (showUI && showUI === "true") {
+                  dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
+                }
+
                 if (configState) {
                   dst += "&config_state=" + configState;
                 }
@@ -1246,6 +1279,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var showAR = _this13.getAttribute("show-ar");
 
+                var showUI = _this13.getAttribute("show-ui");
+
                 if (configState) {
                   viewer.setAttribute("config-state", configState);
                 }
@@ -1254,6 +1289,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("show-ar", showAR);
                 }
 
+                if (showUI) {
+                  viewer.setAttribute("show-ui", showUI);
+                }
+
                 viewer.onload = function () {
                   return accept(viewer);
                 };
@@ -1474,6 +1513,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
         _createClass(PlattarController, [{
+          key: "_GetDefaultQROptions",
+          value: function _GetDefaultQROptions() {
+            return {
+              color: this.getAttribute("qr-color") || "#101721",
+              qrType: this.getAttribute("qr-style") || "default",
+              shorten: this.getAttribute("qr-shorten") || false,
+              margin: 0
+            };
+          }
+        }, {
           key: "startAR",
           value:
           /**
@@ -1524,7 +1573,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               // remove the old renderer instance if any
               _this16.removeRenderer();
 
-              var opt = options || PlattarController.DEFAULT_QR_OPTIONS;
+              var opt = options || _this16._GetDefaultQROptions();
+
               var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
               var width = _this16.getAttribute("width") || "500px";
@@ -1544,6 +1594,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 viewer.setAttribute("qr-type", opt.qrType);
               }
 
+              viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
               var qrOptions = btoa(JSON.stringify(opt));
               var dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
 
@@ -1559,6 +1610,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               var variationID = _this16.getAttribute("variation-id");
 
+              var variationSKU = _this16.getAttribute("variation-sku");
+
               var arMode = _this16.getAttribute("ar-mode");
 
               if (configState) {
@@ -1581,6 +1634,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 dst += "&variation_id=" + variationID;
               }
 
+              if (variationSKU) {
+                dst += "&variation_sku=" + variationSKU;
+              }
+
               if (arMode) {
                 dst += "&ar_mode=" + arMode;
               }
@@ -1635,15 +1692,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             });
             shadow.append(element);
           }
-        }], [{
-          key: "DEFAULT_QR_OPTIONS",
-          get: function get() {
-            return {
-              color: "#101721",
-              qrType: "default",
-              margin: 0
-            };
-          }
         }]);
 
         return PlattarController;
@@ -1721,7 +1769,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var productID = _this17.getAttribute("product-id");
 
               if (productID) {
-                var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
+                var opt = options || _this17._GetDefaultQROptions();
+
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
                 var width = _this17.getAttribute("width") || "500px";
@@ -1739,17 +1788,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 if (opt.qrType) {
                   viewer.setAttribute("qr-type", opt.qrType);
-                } // optional attributes
+                }
 
+                viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false"); // optional attributes
 
                 var variationID = _this17.getAttribute("variation-id");
 
+                var variationSKU = _this17.getAttribute("variation-sku");
+
                 var showAR = _this17.getAttribute("show-ar");
 
                 var dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + productID;
 
                 if (variationID) {
-                  dst += "&variation_id=" + variationID;
+                  dst += "&variationId=" + variationID;
+                }
+
+                if (variationSKU) {
+                  dst += "&variationSku=" + variationSKU;
                 }
 
                 if (showAR) {
@@ -1797,12 +1853,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var variationID = _this18.getAttribute("variation-id");
 
+                var variationSKU = _this18.getAttribute("variation-sku");
+
                 var showAR = _this18.getAttribute("show-ar");
 
                 if (variationID) {
                   viewer.setAttribute("variation-id", variationID);
                 }
 
+                if (variationSKU) {
+                  viewer.setAttribute("variation-sku", variationSKU);
+                }
+
                 if (showAR) {
                   viewer.setAttribute("show-ar", showAR);
                 }
@@ -1836,7 +1898,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (productID) {
                 var variationID = _this19.getAttribute("variation-id");
 
-                var product = new product_ar_1.ProductAR(productID, variationID);
+                var variationSKU = _this19.getAttribute("variation-sku");
+
+                var product = new product_ar_1.ProductAR(productID, variationID, variationSKU);
                 return product.init().then(accept)["catch"](reject);
               }
 
@@ -1888,6 +1952,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var scene_product_ar_1 = require("../../ar/scene-product-ar");
 
+      var configurator_state_1 = require("../../util/configurator-state");
+
       var util_1 = require("../../util/util");
 
       var plattar_controller_1 = require("./plattar-controller");
@@ -1945,7 +2011,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var sceneID = _this20.getAttribute("scene-id");
 
               if (sceneID) {
-                var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
+                var opt = options || _this20._GetDefaultQROptions();
+
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
                 var width = _this20.getAttribute("width") || "500px";
@@ -1965,12 +2032,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("qr-type", opt.qrType);
                 }
 
+                viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                 var dst = plattar_api_1.Server.location().base + "renderer/viewer.html?scene_id=" + sceneID; // optional attributes
 
                 var productID = _this20.getAttribute("product-id") || _this20.getAttribute("scene-product-id");
 
                 var variationID = _this20.getAttribute("variation-id");
 
+                var variationSKU = _this20.getAttribute("variation-sku");
+
                 var showAR = _this20.getAttribute("show-ar");
 
                 if (productID) {
@@ -1981,6 +2051,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   dst += "&variationId=" + variationID;
                 }
 
+                if (variationSKU) {
+                  dst += "&variationSku=" + variationSKU;
+                }
+
                 if (showAR) {
                   dst += "&show_ar=" + showAR;
                 }
@@ -2028,6 +2102,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 var variationID = _this21.getAttribute("variation-id");
 
+                var variationSKU = _this21.getAttribute("variation-sku");
+
                 var showAR = _this21.getAttribute("show-ar");
 
                 if (productID) {
@@ -2038,6 +2114,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("variation-id", variationID);
                 }
 
+                if (variationSKU) {
+                  viewer.setAttribute("variation-sku", variationSKU);
+                }
+
                 if (showAR) {
                   viewer.setAttribute("show-ar", showAR);
                 }
@@ -2072,7 +2152,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (productID) {
                 var variationID = _this22.getAttribute("variation-id");
 
-                var product = new product_ar_1.ProductAR(productID, variationID);
+                var variationSKU = _this22.getAttribute("variation-sku");
+
+                var product = new product_ar_1.ProductAR(productID, variationID, variationSKU);
                 return product.init().then(accept)["catch"](reject);
               }
 
@@ -2082,7 +2164,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               if (sceneProductID) {
                 var _variationID = _this22.getAttribute("variation-id");
 
-                var _product = new scene_product_ar_1.SceneProductAR(sceneProductID, _variationID);
+                var _variationSKU = _this22.getAttribute("variation-sku");
+
+                var _product = new scene_product_ar_1.SceneProductAR(sceneProductID, _variationID, _variationSKU);
 
                 return _product.init().then(accept)["catch"](reject);
               }
@@ -2091,9 +2175,29 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
               if (sceneID) {
-                var sceneAR = new scene_ar_1.SceneAR(sceneID);
-                sceneAR.init().then(accept)["catch"](reject);
-                return;
+                // special case - check if scene only has a single product, if so
+                // we need to use provided variation-id or variation-sku to override
+                var _variationID2 = _this22.getAttribute("variation-id");
+
+                var _variationSKU2 = _this22.getAttribute("variation-sku"); // just do scene-ar if variation ID and variation SKU is not set
+
+
+                if (!_variationID2 && !_variationSKU2) {
+                  var sceneAR = new scene_ar_1.SceneAR(sceneID);
+                  return sceneAR.init().then(accept)["catch"](reject);
+                } // otherwise decode scene
+
+
+                return configurator_state_1.ConfiguratorState.decodeScene(sceneID).then(function (state) {
+                  var firstProduct = state.first();
+
+                  if (state.length > 1 || !firstProduct) {
+                    return reject(new Error("ViewerController.initAR() - single product required to override variation-id or variation-sku"));
+                  }
+
+                  var product = new scene_product_ar_1.SceneProductAR(firstProduct.scene_product_id, _variationID2, _variationSKU2);
+                  return product.init().then(accept)["catch"](reject);
+                })["catch"](reject);
               }
 
               return reject(new Error("ViewerController.initAR() - minimum required attributes not set, use scene-id as a minimum"));
@@ -2126,6 +2230,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       "../../ar/product-ar": 3,
       "../../ar/scene-ar": 5,
       "../../ar/scene-product-ar": 6,
+      "../../util/configurator-state": 14,
       "../../util/util": 15,
       "./plattar-controller": 8,
       "@plattar/plattar-api": 42
@@ -2187,7 +2292,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               var sceneID = _this23.getAttribute("scene-id");
 
               if (sceneID) {
-                var opt = options || plattar_controller_1.PlattarController.DEFAULT_QR_OPTIONS;
+                var opt = options || _this23._GetDefaultQROptions();
+
                 var viewer = document.createElement("plattar-qrcode"); // required attributes with defaults for plattar-viewer node
 
                 var width = _this23.getAttribute("width") || "500px";
@@ -2207,6 +2313,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                   viewer.setAttribute("qr-type", opt.qrType);
                 }
 
+                viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                 var dst = plattar_api_1.Server.location().base + "renderer/facear.html?scene_id=" + sceneID; // optional attributes
 
                 var configState = _this23.getAttribute("config-state");
@@ -3244,7 +3351,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.130.2";
+      exports["default"] = "1.132.1";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -9603,6 +9710,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports["default"] = "1.120.1";
     }, {}],
     115: [function (require, module, exports) {
+      var Util = require("../../util/util");
+
       var ElementController = require("../controllers/element-controller");
 
       var BaseElement = /*#__PURE__*/function (_HTMLElement3) {
@@ -9767,6 +9876,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return "none";
           }
+        }, {
+          key: "elementLocation",
+          get: function get() {
+            return Util.getElementLocation(this.elementType);
+          }
         }]);
 
         return BaseElement;
@@ -9774,6 +9888,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       module.exports = BaseElement;
     }, {
+      "../../util/util": 128,
       "../controllers/element-controller": 117
     }],
     116: [function (require, module, exports) {
@@ -9800,6 +9915,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return "configurator";
           }
+        }, {
+          key: "elementLocation",
+          get: function get() {
+            if (this.hasAttribute("show-ui")) {
+              var state = this.getAttribute("show-ui");
+              return state === "true" ? "configurator/dist/index.html" : _get(_getPrototypeOf(ConfiguratorElement.prototype), "elementLocation", this);
+            }
+
+            return _get(_getPrototypeOf(ConfiguratorElement.prototype), "elementLocation", this);
+          }
         }, {
           key: "optionalAttributes",
           get: function get() {
@@ -9884,7 +10009,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               throw new Error("ElementController - attribute \"server\" must be one of \"production\", \"staging\" or \"dev\"");
             }
 
-            var embedLocation = Util.getElementLocation(element.elementType);
+            var embedLocation = element.elementLocation;
 
             if (embedLocation === undefined) {
               throw new Error("ElementController - element named \"" + elementType + "\" is invalid");
@@ -9992,7 +10117,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
           if (element.hasAttribute("fullscreen")) {
             var style = document.createElement('style');
-            style.textContent = "\n                ._PlattarFullScreen {\n                    width: 100%;\n                    height: 100%;\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                }\n            ";
+            style.textContent = "._PlattarFullScreen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }";
             this._iframe.className = "_PlattarFullScreen";
             shadow.append(style);
             this._fsStyle = style;
@@ -10180,6 +10305,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variationId"
+            }, {
+              key: "variation-sku",
+              map: "variationSku"
             }, {
               key: "product-id",
               map: "productId"
@@ -10279,6 +10407,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variation_id"
+            }, {
+              key: "variation-sku",
+              map: "variationSku"
             }, {
               key: "show-ar",
               map: "show_ar"
@@ -10356,6 +10487,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             return [{
               key: "variation-id",
               map: "variationId"
+            }, {
+              key: "variation-sku",
+              map: "variationSku"
             }, {
               key: "product-id",
               map: "productId"
@@ -10492,13 +10626,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           value: function getServerLocation(server) {
             switch (server) {
               case "production":
-                return "https://app.plattar.com/renderer/";
+                return "https://app.plattar.com/";
 
               case "staging":
-                return "https://staging.plattar.space/renderer/";
+                return "https://staging.plattar.space/";
 
               case "dev":
-                return "https://localhost/renderer/";
+                return "https://localhost/";
 
               default:
                 return undefined;
@@ -10510,25 +10644,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
             var isValid = Util.isValidType(etype);
 
             if (isValid) {
-              return etype + ".html";
-            }
-
-            return undefined;
-          }
-        }, {
-          key: "getElementBundleLocation",
-          value: function getElementBundleLocation(etype, server) {
-            var location = Util.getServerLocation(server);
-
-            if (!location) {
-              return undefined;
-            }
-
-            var isValid = Util.isValidType(etype);
-
-            if (isValid) {
-              var isMinified = location === "dev" ? false : true;
-              return isMinified ? etype + "-bundle.min.js" : etype + "-bundle.js";
+              return "renderer/" + etype + ".html";
             }
 
             return undefined;
@@ -10580,7 +10696,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = Util;
     }, {}],
     129: [function (require, module, exports) {
-      module.exports = "1.129.1";
+      module.exports = "1.131.1";
     }, {}],
     130: [function (require, module, exports) {
       (function (global) {