@plattar/plattar-ar-adapter 1.123.8 → 1.130.1

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

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LauncherAR = void 0;
 class LauncherAR {
-    constructor() { }
+    constructor() {
+        this._opt = {
+            anchor: "horizontal_vertical"
+        };
+    }
     /**
      * Initialise and launch with a single function call. this is mostly for convenience.
      * Use .init() and .start() separately for fine-grained control
@@ -16,6 +20,12 @@ class LauncherAR {
             }).catch(reject);
         });
     }
+    /**
+     * AR Options used for launching AR
+     */
+    get options() {
+        return this._opt;
+    }
 }
 exports.LauncherAR = LauncherAR;
 
@@ -102,8 +112,10 @@ class ModelAR extends launcher_ar_1.LauncherAR {
                 }
                 // check android
                 if (util_1.Util.canSceneViewer()) {
-                    this._ar = new scene_viewer_1.default();
-                    this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    const arviewer = new scene_viewer_1.default();
+                    arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    this._ar = arviewer;
                     return accept(this);
                 }
                 // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
@@ -267,8 +279,17 @@ class ProductAR extends launcher_ar_1.LauncherAR {
                 }
                 // check android
                 if (util_1.Util.canSceneViewer()) {
-                    this._ar = new scene_viewer_1.default();
-                    this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    const arviewer = new scene_viewer_1.default();
+                    arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    const scene = product.relationships.find(plattar_api_1.Scene);
+                    if (scene) {
+                        const sceneOpt = scene.attributes.custom_json || {};
+                        if (sceneOpt.anchor === "vertical") {
+                            arviewer.isVertical = true;
+                        }
+                    }
+                    this._ar = arviewer;
                     return accept(this);
                 }
                 // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
@@ -374,8 +395,10 @@ class RawAR extends launcher_ar_1.LauncherAR {
             // check android
             if (util_1.Util.canSceneViewer()) {
                 if (lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf")) {
-                    this._ar = new scene_viewer_1.default();
-                    this._ar.modelUrl = modelLocation;
+                    const arviewer = new scene_viewer_1.default();
+                    arviewer.modelUrl = modelLocation;
+                    arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    this._ar = arviewer;
                     return accept(this);
                 }
                 return reject(new Error("RawAR.init() - cannot proceed as model is not a .glb or .gltf file"));
@@ -533,8 +556,13 @@ class SceneAR extends launcher_ar_1.LauncherAR {
                 // check android
                 if (util_1.Util.canSceneViewer()) {
                     return this._ComposeScene(scene, "glb").then((modelUrl) => {
-                        this._ar = new scene_viewer_1.default();
-                        this._ar.modelUrl = modelUrl;
+                        const arviewer = new scene_viewer_1.default();
+                        arviewer.modelUrl = modelUrl;
+                        arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                        if (sceneOpt.anchor === "vertical") {
+                            arviewer.isVertical = true;
+                        }
+                        this._ar = arviewer;
                         return accept(this);
                     }).catch(reject);
                 }
@@ -639,9 +667,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class ConfiguratorController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -651,7 +676,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -852,6 +877,7 @@ exports.ConfiguratorController = ConfiguratorController;
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlattarController = exports.ControllerState = void 0;
+const plattar_api_1 = require("@plattar/plattar-api");
 var ControllerState;
 (function (ControllerState) {
     ControllerState[ControllerState["None"] = 0] = "None";
@@ -863,6 +889,9 @@ var ControllerState;
  */
 class PlattarController {
     constructor(parent) {
+        this._state = ControllerState.None;
+        this._element = null;
+        this._prevQROpt = null;
         this._parent = parent;
     }
     /**
@@ -887,6 +916,86 @@ class PlattarController {
             }).catch(reject);
         });
     }
+    /**
+     * Decide which QR Code to render according to the qr-type attribute
+     * @param options
+     * @returns
+     */
+    startQRCode(options) {
+        const qrType = this.getAttribute("qr-type") || "viewer";
+        switch (qrType.toLowerCase()) {
+            case "ar":
+                return this.startARQRCode(options);
+            case "viewer":
+            default:
+                return this.startViewerQRCode(options);
+        }
+    }
+    /**
+     * Displays a QR Code that sends the user direct to AR
+     * @param options
+     * @returns
+     */
+    startARQRCode(options) {
+        return new Promise((accept, reject) => {
+            // remove the old renderer instance if any
+            this.removeRenderer();
+            const opt = options || PlattarController.DEFAULT_QR_OPTIONS;
+            const viewer = document.createElement("plattar-qrcode");
+            // required attributes with defaults for plattar-viewer node
+            const width = this.getAttribute("width") || "500px";
+            const height = this.getAttribute("height") || "500px";
+            viewer.setAttribute("width", width);
+            viewer.setAttribute("height", height);
+            if (opt.color) {
+                viewer.setAttribute("color", opt.color);
+            }
+            if (opt.margin) {
+                viewer.setAttribute("margin", "" + opt.margin);
+            }
+            if (opt.qrType) {
+                viewer.setAttribute("qr-type", opt.qrType);
+            }
+            const qrOptions = btoa(JSON.stringify(opt));
+            let dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
+            const sceneID = this.getAttribute("scene-id");
+            const configState = this.getAttribute("config-state");
+            const embedType = this.getAttribute("embed-type");
+            const productID = this.getAttribute("product-id");
+            const sceneProductID = this.getAttribute("scene-product-id");
+            const variationID = this.getAttribute("variation-id");
+            const arMode = this.getAttribute("ar-mode");
+            if (configState) {
+                dst += "&config_state=" + configState;
+            }
+            if (embedType) {
+                dst += "&embed_type=" + embedType;
+            }
+            if (productID) {
+                dst += "&product_id=" + productID;
+            }
+            if (sceneProductID) {
+                dst += "&scene_product_id=" + sceneProductID;
+            }
+            if (variationID) {
+                dst += "&variation_id=" + variationID;
+            }
+            if (arMode) {
+                dst += "&ar_mode=" + arMode;
+            }
+            if (sceneID) {
+                dst += "&scene_id=" + sceneID;
+            }
+            viewer.setAttribute("url", opt.url || dst);
+            viewer.onload = () => {
+                return accept(viewer);
+            };
+            this._element = viewer;
+            this._state = ControllerState.QRCode;
+            this._prevQROpt = opt;
+            this.append(viewer);
+        });
+    }
     /**
      * Returns the Parent Instance
      */
@@ -912,7 +1021,7 @@ class PlattarController {
 }
 exports.PlattarController = PlattarController;
 
-},{}],9:[function(require,module,exports){
+},{"@plattar/plattar-api":42}],9:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductController = void 0;
@@ -926,9 +1035,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class ProductController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -949,7 +1055,7 @@ class ProductController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -973,10 +1079,14 @@ class ProductController extends plattar_controller_1.PlattarController {
                 }
                 // optional attributes
                 const variationID = this.getAttribute("variation-id");
+                const showAR = this.getAttribute("show-ar");
                 let dst = plattar_api_1.Server.location().base + "renderer/product.html?product_id=" + productID;
                 if (variationID) {
                     dst += "&variation_id=" + variationID;
                 }
+                if (showAR) {
+                    dst += "&show_ar=" + showAR;
+                }
                 viewer.setAttribute("url", opt.url || dst);
                 viewer.onload = () => {
                     return accept(viewer);
@@ -1007,9 +1117,13 @@ class ProductController extends plattar_controller_1.PlattarController {
                 viewer.setAttribute("product-id", productID);
                 // optional attributes
                 const variationID = this.getAttribute("variation-id");
+                const showAR = this.getAttribute("show-ar");
                 if (variationID) {
                     viewer.setAttribute("variation-id", variationID);
                 }
+                if (showAR) {
+                    viewer.setAttribute("show-ar", showAR);
+                }
                 viewer.onload = () => {
                     return accept(viewer);
                 };
@@ -1065,9 +1179,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class ViewerController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -1089,7 +1200,7 @@ class ViewerController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -1115,12 +1226,16 @@ class ViewerController extends plattar_controller_1.PlattarController {
                 // optional attributes
                 const productID = (this.getAttribute("product-id") || this.getAttribute("scene-product-id"));
                 const variationID = this.getAttribute("variation-id");
+                const showAR = this.getAttribute("show-ar");
                 if (productID) {
                     dst += "&productId=" + productID;
                 }
                 if (variationID) {
                     dst += "&variationId=" + variationID;
                 }
+                if (showAR) {
+                    dst += "&show_ar=" + showAR;
+                }
                 viewer.setAttribute("url", opt.url || dst);
                 viewer.onload = () => {
                     return accept(viewer);
@@ -1152,12 +1267,16 @@ class ViewerController extends plattar_controller_1.PlattarController {
                 // optional attributes
                 const productID = (this.getAttribute("product-id") || this.getAttribute("scene-product-id"));
                 const variationID = this.getAttribute("variation-id");
+                const showAR = this.getAttribute("show-ar");
                 if (productID) {
                     viewer.setAttribute("product-id", productID);
                 }
                 if (variationID) {
                     viewer.setAttribute("variation-id", variationID);
                 }
+                if (showAR) {
+                    viewer.setAttribute("show-ar", showAR);
+                }
                 viewer.onload = () => {
                     return accept(viewer);
                 };
@@ -1233,9 +1352,6 @@ const plattar_controller_1 = require("./plattar-controller");
 class VTOController extends plattar_controller_1.PlattarController {
     constructor(parent) {
         super(parent);
-        this._state = plattar_controller_1.ControllerState.None;
-        this._element = null;
-        this._prevQROpt = null;
     }
     onAttributesUpdated() {
         const state = this._state;
@@ -1245,7 +1361,7 @@ class VTOController extends plattar_controller_1.PlattarController {
             return;
         }
     }
-    startQRCode(options) {
+    startViewerQRCode(options) {
         return new Promise((accept, reject) => {
             // remove the old renderer instance if any
             this.removeRenderer();
@@ -1598,7 +1714,11 @@ exports.default = PlattarEmbed;
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -1619,10 +1739,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 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 () { return launcher_ar_1.LauncherAR; } });
 var product_ar_1 = require("./ar/product-ar");
 Object.defineProperty(exports, "ProductAR", { enumerable: true, get: function () { return product_ar_1.ProductAR; } });
 var scene_product_ar_1 = require("./ar/scene-product-ar");
@@ -1646,7 +1768,7 @@ if (customElements) {
 }
 console.log("using @plattar/plattar-ar-adapter v" + version_1.default);
 
-},{"./ar/model-ar":2,"./ar/product-ar":3,"./ar/raw-ar":4,"./ar/scene-ar":5,"./ar/scene-product-ar":6,"./embed/plattar-embed":12,"./util/configurator-state":14,"./util/util":15,"./version":16,"@plattar/plattar-qrcode":108,"@plattar/plattar-web":127}],14:[function(require,module,exports){
+},{"./ar/launcher-ar":1,"./ar/model-ar":2,"./ar/product-ar":3,"./ar/raw-ar":4,"./ar/scene-ar":5,"./ar/scene-product-ar":6,"./embed/plattar-embed":12,"./util/configurator-state":14,"./util/util":15,"./version":16,"@plattar/plattar-qrcode":108,"@plattar/plattar-web":127}],14:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfiguratorState = void 0;
@@ -1961,7 +2083,7 @@ exports.Util = Util;
 },{}],16:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.123.8";
+exports.default = "1.130.1";
 
 },{}],17:[function(require,module,exports){
 "use strict";
@@ -3374,7 +3496,11 @@ exports.Analytics = Analytics;
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -3497,7 +3623,7 @@ exports.Util = Util;
 },{}],41:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.117.2";
+exports.default = "1.124.1";
 
 },{}],42:[function(require,module,exports){
 "use strict";
@@ -6159,6 +6285,10 @@ class BaseElement extends HTMLElement {
         return this._controller ? this._controller.context : undefined;
     }
 
+    get parent() {
+        return this._controller ? this._controller.parent : undefined;
+    }
+
     get element() {
         return this._controller;
     }
@@ -6381,6 +6511,10 @@ class ElementController {
         return messenger.self;
     }
 
+    get parent() {
+        return messenger.parent;
+    }
+
     get controller() {
         return this._controller;
     }
@@ -6539,7 +6673,7 @@ class EWallElement extends BaseElement {
             }
         }
 
-        window.addEventListener('load', onLoad, false)
+        window.addEventListener("load", onLoad, false)
     }
 
     get permissions() {
@@ -6638,6 +6772,9 @@ class ProductElement extends BaseElement {
         return [{
             key: "variation-id",
             map: "variation_id"
+        }, {
+            key: "show-ar",
+            map: "show_ar"
         }];
     }
 }
@@ -6684,6 +6821,9 @@ class ViewerElement extends BaseElement {
         }, {
             key: "product-id",
             map: "productId"
+        }, {
+            key: "show-ar",
+            map: "show_ar"
         }];
     }
 }
@@ -6837,7 +6977,7 @@ class Util {
 
 module.exports = Util;
 },{}],129:[function(require,module,exports){
-module.exports = "1.123.1";
+module.exports = "1.129.1";
 
 },{}],130:[function(require,module,exports){
 (function (global){(function (){