@plattar/plattar-ar-adapter 1.129.1 → 1.130.3

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

@@ -120,6 +120,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       var LauncherAR = /*#__PURE__*/function () {
         function LauncherAR() {
           _classCallCheck(this, LauncherAR);
+
+          this._opt = {
+            anchor: "horizontal_vertical"
+          };
         }
         /**
          * Initialise and launch with a single function call. this is mostly for convenience.
@@ -139,6 +143,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
               })["catch"](reject);
             });
           }
+          /**
+           * AR Options used for launching AR
+           */
+
+        }, {
+          key: "options",
+          get: function get() {
+            return this._opt;
+          }
         }]);
 
         return LauncherAR;
@@ -272,8 +285,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
                 if (util_1.Util.canSceneViewer()) {
-                  _this3._ar = new scene_viewer_1["default"]();
-                  _this3._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  var arviewer = new scene_viewer_1["default"]();
+                  arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  arviewer.isVertical = _this3.options.anchor === "vertical" ? true : false;
+                  _this3._ar = arviewer;
                   return accept(_this3);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
                 // earlier in the process
@@ -516,8 +531,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
 
                 if (util_1.Util.canSceneViewer()) {
-                  _this5._ar = new scene_viewer_1["default"]();
-                  _this5._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  var arviewer = new scene_viewer_1["default"]();
+                  arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                  arviewer.isVertical = _this5.options.anchor === "vertical" ? true : false;
+                  var scene = product.relationships.find(plattar_api_1.Scene);
+
+                  if (scene) {
+                    var sceneOpt = scene.attributes.custom_json || {};
+
+                    if (sceneOpt.anchor === "vertical") {
+                      arviewer.isVertical = true;
+                    }
+                  }
+
+                  _this5._ar = arviewer;
                   return accept(_this5);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
                 // earlier in the process
@@ -687,8 +714,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
               if (util_1.Util.canSceneViewer()) {
                 if (lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf")) {
-                  _this7._ar = new scene_viewer_1["default"]();
-                  _this7._ar.modelUrl = modelLocation;
+                  var arviewer = new scene_viewer_1["default"]();
+                  arviewer.modelUrl = modelLocation;
+                  arviewer.isVertical = _this7.options.anchor === "vertical" ? true : false;
+                  _this7._ar = arviewer;
                   return accept(_this7);
                 }
 
@@ -916,8 +945,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 if (util_1.Util.canSceneViewer()) {
                   return _this9._ComposeScene(scene, "glb").then(function (modelUrl) {
-                    _this9._ar = new scene_viewer_1["default"]();
-                    _this9._ar.modelUrl = modelUrl;
+                    var arviewer = new scene_viewer_1["default"]();
+                    arviewer.modelUrl = modelUrl;
+                    arviewer.isVertical = _this9.options.anchor === "vertical" ? true : false;
+
+                    if (sceneOpt.anchor === "vertical") {
+                      arviewer.isVertical = true;
+                    }
+
+                    _this9._ar = arviewer;
                     return accept(_this9);
                   })["catch"](reject);
                 } // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
@@ -1159,6 +1195,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
                 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;
                 }
@@ -1210,6 +1252,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);
                 }
@@ -1218,6 +1262,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);
                 };
@@ -1848,9 +1896,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       var product_ar_1 = require("../../ar/product-ar");
 
-      var scene_product_ar_1 = require("../../ar/scene-product-ar");
+      var scene_ar_1 = require("../../ar/scene-ar");
 
-      var configurator_state_1 = require("../../util/configurator-state");
+      var scene_product_ar_1 = require("../../ar/scene-product-ar");
 
       var util_1 = require("../../util/util");
 
@@ -2051,20 +2099,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
                 return _product.init().then(accept)["catch"](reject);
               }
 
-              var sceneID = _this22.getAttribute("scene-id"); // use the first default product-variation id if available
+              var sceneID = _this22.getAttribute("scene-id"); // fallback to using default SceneAR implementation
 
 
               if (sceneID) {
-                return configurator_state_1.ConfiguratorState.decodeScene(sceneID).then(function (state) {
-                  var first = state.first();
-
-                  if (first) {
-                    var sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
-                    return sceneProductAR.init().then(accept)["catch"](reject);
-                  }
-
-                  return reject(new Error("ViewerController.initAR() - your scene does not contain any valid products"));
-                })["catch"](reject);
+                var sceneAR = new scene_ar_1.SceneAR(sceneID);
+                sceneAR.init().then(accept)["catch"](reject);
+                return;
               }
 
               return reject(new Error("ViewerController.initAR() - minimum required attributes not set, use scene-id as a minimum"));
@@ -2095,8 +2136,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       exports.ViewerController = ViewerController;
     }, {
       "../../ar/product-ar": 3,
+      "../../ar/scene-ar": 5,
       "../../ar/scene-product-ar": 6,
-      "../../util/configurator-state": 14,
       "../../util/util": 15,
       "./plattar-controller": 8,
       "@plattar/plattar-api": 42
@@ -2691,11 +2732,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.SceneProductAR = exports.ProductAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
+      exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.SceneProductAR = exports.ProductAR = exports.LauncherAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
       exports.PlattarWeb = __importStar(require("@plattar/plattar-web"));
       exports.PlattarQRCode = __importStar(require("@plattar/plattar-qrcode"));
       exports.version = __importStar(require("./version"));
 
+      var launcher_ar_1 = require("./ar/launcher-ar");
+
+      Object.defineProperty(exports, "LauncherAR", {
+        enumerable: true,
+        get: function get() {
+          return launcher_ar_1.LauncherAR;
+        }
+      });
+
       var product_ar_1 = require("./ar/product-ar");
 
       Object.defineProperty(exports, "ProductAR", {
@@ -2771,6 +2821,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 
       console.log("using @plattar/plattar-ar-adapter v" + version_1["default"]);
     }, {
+      "./ar/launcher-ar": 1,
       "./ar/model-ar": 2,
       "./ar/product-ar": 3,
       "./ar/raw-ar": 4,
@@ -3205,7 +3256,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.129.1";
+      exports["default"] = "1.130.3";
     }, {}],
     17: [function (require, module, exports) {
       "use strict";
@@ -9564,6 +9615,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) {
@@ -9602,6 +9655,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return this._controller ? this._controller.context : undefined;
           }
+        }, {
+          key: "parent",
+          get: function get() {
+            return this._controller ? this._controller.parent : undefined;
+          }
         }, {
           key: "element",
           get: function get() {
@@ -9723,6 +9781,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;
@@ -9730,6 +9793,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) {
@@ -9756,6 +9820,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() {
@@ -9840,7 +9914,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");
@@ -9881,6 +9955,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
           get: function get() {
             return messenger.self;
           }
+        }, {
+          key: "parent",
+          get: function get() {
+            return messenger.parent;
+          }
         }, {
           key: "controller",
           get: function get() {
@@ -9943,7 +10022,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;
@@ -10443,13 +10522,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;
@@ -10461,25 +10540,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;
@@ -10531,7 +10592,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
       module.exports = Util;
     }, {}],
     129: [function (require, module, exports) {
-      module.exports = "1.128.1";
+      module.exports = "1.130.1";
     }, {}],
     130: [function (require, module, exports) {
       (function (global) {