@plattar/plattar-ar-adapter 1.188.3 → 1.188.5

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

@@ -18,7 +18,7 @@ function _isNativeFunction(t) { try { return -1 !== Function.toString.call(t).in
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
 function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
@@ -1710,6 +1710,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case 7:
                     this.startQRCode(this._prevQROpt);
                     return _context8.a(2);
+                  case 8:
+                    return _context8.a(2);
                 }
               }, _callee8, this);
             }));
@@ -1772,12 +1774,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startViewerQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0(options) {
               var _this14 = this;
-              var sceneID, configState, dState, product, controller, opt, viewer, width, height, dst, showAR, showUI, showBanner, sceneGraphID, _t4;
+              var opt, sceneID, configState, dState, product, controller, viewer, width, height, dst, showAR, showUI, showBanner, sceneGraphID, _t4;
               return _regenerator().w(function (_context0) {
                 while (1) switch (_context0.n) {
                   case 0:
-                    // remove the old renderer instance if any
-                    this.removeRenderer();
+                    opt = this._GetDefaultQROptions(options); // remove the old renderer instance if any
+                    if (!opt.detached) {
+                      this.removeRenderer();
+                    }
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
                       _context0.n = 1;
@@ -1822,9 +1826,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     // config state is not available
                     configState = null;
                   case 7:
-                    opt = options || this._GetDefaultQROptions();
                     viewer = document.createElement("plattar-qrcode");
-                    this._element = viewer;
+                    if (!opt.detached) {
+                      this._element = viewer;
+                    }
                     // required attributes with defaults for plattar-viewer node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -1861,14 +1866,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       dst += "&scene_graph_id=" + sceneGraphID;
                     }
                     viewer.setAttribute("url", opt.url || dst);
-                    this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
+                    if (opt.detached) {
+                      _context0.n = 8;
+                      break;
+                    }
+                    this._state = plattar_controller_1.ControllerState.QRCode;
                     return _context0.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this14.append(viewer);
                     }));
+                  case 8:
+                    return _context0.a(2, new Promise(function (accept, reject) {
+                      return accept(viewer);
+                    }));
                 }
               }, _callee0, this, [[2, 6]]);
             }));
@@ -2026,6 +2039,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return _context10.a(2, this._InitARInherited());
                   case 8:
                     return _context10.a(2, this._InitARGenerated());
+                  case 9:
+                    return _context10.a(2);
                 }
               }, _callee10, this, [[1, 5]]);
             }));
@@ -2235,6 +2250,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case 4:
                     this.startQRCode(this._prevQROpt);
                     return _context14.a(2);
+                  case 5:
+                    return _context14.a(2);
                 }
               }, _callee14, this);
             }));
@@ -2248,12 +2265,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startViewerQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(options) {
               var _this17 = this;
-              var sceneID, opt, viewer, width, height, dst;
+              var opt, sceneID, viewer, width, height, dst;
               return _regenerator().w(function (_context15) {
                 while (1) switch (_context15.n) {
                   case 0:
-                    // remove the old renderer instance if any
-                    this.removeRenderer();
+                    opt = this._GetDefaultQROptions(options); // remove the old renderer instance if any
+                    if (!opt.detached) {
+                      this.removeRenderer();
+                    }
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
                       _context15.n = 1;
@@ -2261,9 +2280,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     throw new Error("GalleryController.startViewerQRCode() - minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    opt = options || this._GetDefaultQROptions();
                     viewer = document.createElement("plattar-qrcode");
-                    this._element = viewer;
+                    if (!opt.detached) {
+                      this._element = viewer;
+                    }
                     // required attributes with defaults for plattar-viewer node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -2281,14 +2301,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                     dst = plattar_api_1.Server.location().base + "renderer/gallery.html?scene_id=" + sceneID;
                     viewer.setAttribute("url", opt.url || dst);
-                    this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
+                    if (opt.detached) {
+                      _context15.n = 2;
+                      break;
+                    }
+                    this._state = plattar_controller_1.ControllerState.QRCode;
                     return _context15.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this17.append(viewer);
                     }));
+                  case 2:
+                    return _context15.a(2, new Promise(function (accept, reject) {
+                      return accept(viewer);
+                    }));
                 }
               }, _callee15, this);
             }));
@@ -2423,11 +2451,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               return _regenerator().w(function (_context19) {
                 while (1) switch (_context19.n) {
                   case 0:
-                    state = this._state; // re-render the QR Code when attributes have changed
-                    if (!(state === plattar_controller_1.ControllerState.QRCode)) {
-                      _context19.n = 5;
-                      break;
-                    }
+                    state = this._state;
                     if (!(attributeName === "variation-id")) {
                       _context19.n = 2;
                       break;
@@ -2456,8 +2480,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       _configState3.state.setVariationSKU(variationSKU);
                     });
                   case 4:
+                    if (!(state === plattar_controller_1.ControllerState.QRCode)) {
+                      _context19.n = 5;
+                      break;
+                    }
                     this.startQRCode(this._prevQROpt);
                     return _context19.a(2);
+                  case 5:
+                    return _context19.a(2);
                 }
               }, _callee19, this);
             }));
@@ -2536,7 +2566,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startRenderer3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee22() {
               var _this20 = this;
-              var sceneID, configState, qrOptions, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, width, height, server, viewer, encodedState;
+              var sceneID, configState, qrOptions, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, width, height, server, viewer, _sceneGraphID, _t11;
               return _regenerator().w(function (_context22) {
                 while (1) switch (_context22.n) {
                   case 0:
@@ -2594,15 +2624,32 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (showBanner) {
                       viewer.setAttribute("show-ar-banner", showBanner);
                     }
-                    if (configState) {
-                      encodedState = configState.state.encode();
-                      if (encodedState.length < 6000) {
-                        viewer.setAttribute("config-state", encodedState);
-                      }
-                    }
-                    if (sceneGraphID) {
-                      viewer.setAttribute("scene-graph-id", sceneGraphID);
+                    if (!sceneGraphID) {
+                      _context22.n = 3;
+                      break;
                     }
+                    viewer.setAttribute("scene-graph-id", sceneGraphID);
+                    _context22.n = 7;
+                    break;
+                  case 3:
+                    _context22.p = 3;
+                    _context22.n = 4;
+                    return this.getConfiguratorState();
+                  case 4:
+                    _context22.n = 5;
+                    return _context22.v.state.encodeSceneGraphID();
+                  case 5:
+                    _sceneGraphID = _context22.v;
+                    viewer.setAttribute("scene-graph-id", _sceneGraphID);
+                    _context22.n = 7;
+                    break;
+                  case 6:
+                    _context22.p = 6;
+                    _t11 = _context22.v;
+                    // scene graph ID not available for some reason
+                    // we will generate a new one
+                    console.error(_t11);
+                  case 7:
                     return _context22.a(2, new Promise(function (accept, reject) {
                       _this20.append(viewer);
                       if (configState) {
@@ -2611,7 +2658,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       return accept(viewer);
                     }));
                 }
-              }, _callee22, this);
+              }, _callee22, this, [[3, 6]]);
             }));
             function startRenderer() {
               return _startRenderer3.apply(this, arguments);
@@ -2622,7 +2669,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "initAR",
           value: function () {
             var _initAR3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee23() {
-              var dState, product, controller, arMode, _t11, _t12;
+              var dState, product, controller, arMode, _t12, _t13;
               return _regenerator().w(function (_context23) {
                 while (1) switch (_context23.n) {
                   case 0:
@@ -2662,16 +2709,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 5:
                     _context23.p = 5;
-                    _t11 = _context23.v;
+                    _t12 = _context23.v;
                   case 6:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t12 = arMode.toLowerCase();
-                    _context23.n = _t12 === "inherited" ? 7 : _t12 === "generated" ? 8 : 8;
+                    _t13 = arMode.toLowerCase();
+                    _context23.n = _t13 === "inherited" ? 7 : _t13 === "generated" ? 8 : 8;
                     break;
                   case 7:
                     return _context23.a(2, this._InitARInherited());
                   case 8:
                     return _context23.a(2, this._InitARGenerated());
+                  case 9:
+                    return _context23.a(2);
                 }
               }, _callee23, this, [[1, 5]]);
             }));
@@ -2735,7 +2784,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "_InitARGenerated",
           value: (function () {
             var _InitARGenerated3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee25() {
-              var sceneID, graphID, _configAR2, configAR, _t13, _t14, _t15, _t16;
+              var sceneID, graphID, _configAR2, configAR, _t14, _t15, _t16, _t17;
               return _regenerator().w(function (_context25) {
                 while (1) switch (_context25.n) {
                   case 0:
@@ -2758,17 +2807,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     });
                     return _context25.a(2, _configAR2.init());
                   case 2:
-                    _t13 = configurator_ar_1.ConfiguratorAR;
+                    _t14 = configurator_ar_1.ConfiguratorAR;
                     _context25.n = 3;
                     return this.getConfiguratorState();
                   case 3:
-                    _t14 = _context25.v;
-                    _t15 = this.getBooleanAttribute("show-ar-banner");
-                    _t16 = {
-                      state: _t14,
-                      useARBanner: _t15
+                    _t15 = _context25.v;
+                    _t16 = this.getBooleanAttribute("show-ar-banner");
+                    _t17 = {
+                      state: _t15,
+                      useARBanner: _t16
                     };
-                    configAR = new _t13(_t16);
+                    configAR = new _t14(_t17);
                     return _context25.a(2, configAR.init());
                 }
               }, _callee25, this);
@@ -2832,18 +2881,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
            * Default QR Code rendering options
            */
           function _GetDefaultQROptions() {
+            var _options$color, _options$qrType, _options$shorten, _options$margin, _options$detached, _options$url;
+            var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+            var options = opt !== null && opt !== void 0 ? opt : {};
             return {
-              color: this.getAttribute("qr-color") || "#101721",
-              qrType: this.getAttribute("qr-style") || "default",
-              shorten: this.getAttribute("qr-shorten") || true,
-              margin: 0
+              color: (_options$color = options.color) !== null && _options$color !== void 0 ? _options$color : this.getAttribute("qr-color") || "#101721",
+              qrType: (_options$qrType = options.qrType) !== null && _options$qrType !== void 0 ? _options$qrType : this.getAttribute("qr-style") || "default",
+              shorten: (_options$shorten = options.shorten) !== null && _options$shorten !== void 0 ? _options$shorten : this.getBooleanAttribute("qr-shorten") || true,
+              margin: (_options$margin = options.margin) !== null && _options$margin !== void 0 ? _options$margin : 0,
+              detached: (_options$detached = options.detached) !== null && _options$detached !== void 0 ? _options$detached : this.getBooleanAttribute("qr-detached") || false,
+              url: (_options$url = options.url) !== null && _options$url !== void 0 ? _options$url : null
             };
           }
         }, {
           key: "createConfiguratorState",
           value: (function () {
             var _createConfiguratorState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee26() {
-              var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList, _t17;
+              var sceneID, configState, variationIDs, variationSKUs, decodedState, variationIDList, variationSKUList, _t18;
               return _regenerator().w(function (_context26) {
                 while (1) switch (_context26.n) {
                   case 0:
@@ -2865,16 +2919,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     _context26.n = 2;
                     return configurator_state_1.ConfiguratorState.decodeState(sceneID, configState);
                   case 2:
-                    _t17 = _context26.v;
+                    _t18 = _context26.v;
                     _context26.n = 5;
                     break;
                   case 3:
                     _context26.n = 4;
                     return configurator_state_1.ConfiguratorState.decodeScene(sceneID);
                   case 4:
-                    _t17 = _context26.v;
+                    _t18 = _context26.v;
                   case 5:
-                    decodedState = _t17;
+                    decodedState = _t18;
                     // change the ID's and SKU's (if any) of the default configuration state
                     variationIDList = variationIDs ? variationIDs.split(",") : [];
                     variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
@@ -2983,18 +3037,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "startQRCode",
           value: (function () {
             var _startQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee28(options) {
-              var qrType, _t18;
+              var qrType, _t19;
               return _regenerator().w(function (_context28) {
                 while (1) switch (_context28.n) {
                   case 0:
                     qrType = this.getAttribute("qr-type") || "viewer";
-                    _t18 = qrType.toLowerCase();
-                    _context28.n = _t18 === "ar" ? 1 : _t18 === "viewer" ? 2 : 2;
+                    _t19 = qrType.toLowerCase();
+                    _context28.n = _t19 === "ar" ? 1 : _t19 === "viewer" ? 2 : 2;
                     break;
                   case 1:
                     return _context28.a(2, this.startARQRCode(options));
                   case 2:
                     return _context28.a(2, this.startViewerQRCode(options));
+                  case 3:
+                    return _context28.a(2);
                 }
               }, _callee28, this);
             }));
@@ -3014,15 +3070,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: (function () {
             var _startARQRCode3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee29(options) {
               var _this21 = this;
-              var opt, viewer, width, height, qrOptions, dst, configState, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, _t19;
+              var opt, viewer, width, height, qrOptions, dst, sceneID, embedType, productID, sceneProductID, variationID, variationSKU, arMode, showBanner, sceneGraphID, _sceneGraphID2, _t20;
               return _regenerator().w(function (_context29) {
                 while (1) switch (_context29.n) {
                   case 0:
-                    // remove the old renderer instance if any
-                    this.removeRenderer();
-                    opt = options || this._GetDefaultQROptions();
-                    viewer = document.createElement("plattar-qrcode");
-                    this._element = viewer;
+                    opt = this._GetDefaultQROptions(options);
+                    viewer = document.createElement("plattar-qrcode"); // remove the old renderer instance if any
+                    if (!opt.detached) {
+                      this.removeRenderer();
+                      this._element = viewer;
+                    }
                     // required attributes with defaults for plattar-viewer node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -3032,15 +3089,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       viewer.setAttribute("color", opt.color);
                     }
                     if (opt.margin) {
-                      viewer.setAttribute("margin", "" + opt.margin);
+                      viewer.setAttribute("margin", "".concat(opt.margin));
                     }
                     if (opt.qrType) {
                       viewer.setAttribute("qr-type", opt.qrType);
                     }
                     viewer.setAttribute("shorten", opt.shorten && (opt.shorten === true || opt.shorten === "true") ? "true" : "false");
                     qrOptions = btoa(JSON.stringify(opt));
-                    dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions;
-                    configState = null;
+                    dst = plattar_api_1.Server.location().base + "renderer/launcher.html?qr_options=" + qrOptions; //let configState: string | null = null;
                     sceneID = this.getAttribute("scene-id");
                     embedType = this.getAttribute("embed-type");
                     productID = this.getAttribute("product-id");
@@ -3050,22 +3106,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     arMode = this.getAttribute("ar-mode");
                     showBanner = this.getAttribute("show-ar-banner");
                     sceneGraphID = this.getAttribute("scene-graph-id");
-                    _context29.p = 1;
-                    _context29.n = 2;
-                    return this.getConfiguratorState();
-                  case 2:
-                    configState = _context29.v.state.encode();
-                    _context29.n = 4;
-                    break;
-                  case 3:
-                    _context29.p = 3;
-                    _t19 = _context29.v;
-                    // config state not available for some reason
-                    configState = null;
-                  case 4:
-                    if (configState) {
-                      dst += "&config_state=" + configState;
-                    }
                     if (embedType) {
                       dst += "&embed_type=" + embedType;
                     }
@@ -3090,20 +3130,51 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     if (showBanner) {
                       dst += "&show_ar_banner=" + showBanner;
                     }
-                    if (sceneGraphID) {
-                      dst += "&scene_graph_id" + sceneGraphID;
+                    if (!sceneGraphID) {
+                      _context29.n = 1;
+                      break;
                     }
+                    dst += "&scene_graph_id" + sceneGraphID;
+                    _context29.n = 5;
+                    break;
+                  case 1:
+                    _context29.p = 1;
+                    _context29.n = 2;
+                    return this.getConfiguratorState();
+                  case 2:
+                    _context29.n = 3;
+                    return _context29.v.state.encodeSceneGraphID();
+                  case 3:
+                    _sceneGraphID2 = _context29.v;
+                    dst += "&scene_graph_id=" + _sceneGraphID2;
+                    _context29.n = 5;
+                    break;
+                  case 4:
+                    _context29.p = 4;
+                    _t20 = _context29.v;
+                    // scene graph ID not available for some reason
+                    // we will generate a new one
+                    console.error(_t20);
+                  case 5:
                     viewer.setAttribute("url", opt.url || dst);
-                    this._state = ControllerState.QRCode;
                     this._prevQROpt = opt;
+                    if (opt.detached) {
+                      _context29.n = 6;
+                      break;
+                    }
+                    this._state = ControllerState.QRCode;
                     return _context29.a(2, new Promise(function (accept, reject) {
                       _this21.append(viewer);
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                     }));
+                  case 6:
+                    return _context29.a(2, new Promise(function (accept, reject) {
+                      return accept(viewer);
+                    }));
                 }
-              }, _callee29, this, [[1, 3]]);
+              }, _callee29, this, [[1, 4]]);
             }));
             function startARQRCode(_x10) {
               return _startARQRCode3.apply(this, arguments);
@@ -3644,6 +3715,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case 7:
                     this.startQRCode(this._prevQROpt);
                     return _context33.a(2);
+                  case 8:
+                    return _context33.a(2);
                 }
               }, _callee33, this);
             }));
@@ -3657,12 +3730,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startViewerQRCode4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee34(options) {
               var _this27 = this;
-              var sceneID, opt, viewer, width, height, dst, configState, showAR, productID, sceneProductID, variationID, _t20;
+              var opt, sceneID, viewer, width, height, dst, configState, showAR, productID, sceneProductID, variationID, _t21;
               return _regenerator().w(function (_context34) {
                 while (1) switch (_context34.n) {
                   case 0:
-                    // remove the old renderer instance if any
-                    this.removeRenderer();
+                    opt = this._GetDefaultQROptions(options); // remove the old renderer instance if any
+                    if (!opt.detached) {
+                      this.removeRenderer();
+                    }
                     sceneID = this.getAttribute("scene-id");
                     if (sceneID) {
                       _context34.n = 1;
@@ -3670,9 +3745,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     throw new Error("VTOController.startQRCode() - minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    opt = options || this._GetDefaultQROptions();
                     viewer = document.createElement("plattar-qrcode");
-                    this._element = viewer;
+                    if (!opt.detached) {
+                      this._element = viewer;
+                    }
                     // required attributes with defaults for plattar-viewer node
                     width = this.getAttribute("width") || "500px";
                     height = this.getAttribute("height") || "500px";
@@ -3699,7 +3775,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 4:
                     _context34.p = 4;
-                    _t20 = _context34.v;
+                    _t21 = _context34.v;
                     // config state is not available
                     configState = null;
                   case 5:
@@ -3723,14 +3799,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                       dst += "&variation_id=" + variationID;
                     }
                     viewer.setAttribute("url", opt.url || dst);
-                    this._state = plattar_controller_1.ControllerState.QRCode;
                     this._prevQROpt = opt;
+                    if (opt.detached) {
+                      _context34.n = 6;
+                      break;
+                    }
+                    this._state = plattar_controller_1.ControllerState.QRCode;
                     return _context34.a(2, new Promise(function (accept, reject) {
                       viewer.onload = function () {
                         return accept(viewer);
                       };
                       _this27.append(viewer);
                     }));
+                  case 6:
+                    return _context34.a(2, new Promise(function (accept, reject) {
+                      return accept(viewer);
+                    }));
                 }
               }, _callee34, this, [[2, 4]]);
             }));
@@ -3744,7 +3828,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           value: function () {
             var _startRenderer4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee35() {
               var _this28 = this;
-              var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID, _t21;
+              var sceneID, width, height, server, viewer, configState, showAR, productID, sceneProductID, variationID, _t22;
               return _regenerator().w(function (_context35) {
                 while (1) switch (_context35.n) {
                   case 0:
@@ -3779,7 +3863,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     break;
                   case 4:
                     _context35.p = 4;
-                    _t21 = _context35.v;
+                    _t22 = _context35.v;
                     // config state not available
                     configState = null;
                   case 5:
@@ -3821,7 +3905,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "initAR",
           value: function () {
             var _initAR4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee36() {
-              var arMode, _t22;
+              var arMode, _t23;
               return _regenerator().w(function (_context36) {
                 while (1) switch (_context36.n) {
                   case 0:
@@ -3838,13 +3922,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     throw new Error("VTOController.initAR() - cannot proceed as VTO AR only available on IOS Mobile devices");
                   case 2:
                     arMode = this.getAttribute("ar-mode") || "generated";
-                    _t22 = arMode.toLowerCase();
-                    _context36.n = _t22 === "inherited" ? 3 : _t22 === "generated" ? 4 : 4;
+                    _t23 = arMode.toLowerCase();
+                    _context36.n = _t23 === "inherited" ? 3 : _t23 === "generated" ? 4 : 4;
                     break;
                   case 3:
                     return _context36.a(2, this._InitARInherited());
                   case 4:
                     return _context36.a(2, this._InitARGenerated());
+                  case 5:
+                    return _context36.a(2);
                 }
               }, _callee36, this);
             }));
@@ -3907,7 +3993,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           key: "_InitARGenerated",
           value: (function () {
             var _InitARGenerated4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee38() {
-              var sceneID, configAR, _t23, _t24, _t25, _t26;
+              var sceneID, configAR, _t24, _t25, _t26, _t27;
               return _regenerator().w(function (_context38) {
                 while (1) switch (_context38.n) {
                   case 0:
@@ -3918,17 +4004,17 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     }
                     throw new Error("VTOController.initAR() - generated AR minimum required attributes not set, use scene-id as a minimum");
                   case 1:
-                    _t23 = configurator_ar_1.ConfiguratorAR;
+                    _t24 = configurator_ar_1.ConfiguratorAR;
                     _context38.n = 2;
                     return this.getConfiguratorState();
                   case 2:
-                    _t24 = _context38.v;
-                    _t25 = this.getBooleanAttribute("show-ar-banner");
-                    _t26 = {
-                      state: _t24,
-                      useARBanner: _t25
+                    _t25 = _context38.v;
+                    _t26 = this.getBooleanAttribute("show-ar-banner");
+                    _t27 = {
+                      state: _t25,
+                      useARBanner: _t26
                     };
-                    configAR = new _t23(_t26);
+                    configAR = new _t24(_t27);
                     return _context38.a(2, configAR.init());
                 }
               }, _callee38, this);
@@ -4077,6 +4163,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   case 7:
                     this.startQRCode(this._prevQROpt);
                     return _context40.a(2);
+                  case 8:
+                    return _context40.a(2);
                 }
               }, _callee40, this);
             }));
@@ -5152,6 +5240,60 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           function encode() {
             return btoa(JSON.stringify(this._state));
           }
+        }, {
+          key: "encodeSceneGraphID",
+          value: function () {
+            var _encodeSceneGraphID = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee48() {
+              var graph, url, response, data, _t28;
+              return _regenerator().w(function (_context48) {
+                while (1) switch (_context48.n) {
+                  case 0:
+                    graph = this.sceneGraph; // some scene-graphs are very large in size, we store it remotely
+                    // this storage will expire in 10 minutes so this is a non-permanent version
+                    // and is designed for quick ar
+                    url = "https://c.plattar.com/v3/redir/store"; // finally send our scene-graph to the backend to generate the AR file and return
+                    _context48.p = 1;
+                    _context48.n = 2;
+                    return fetch(url, {
+                      method: "POST",
+                      headers: {
+                        "Content-Type": "application/json"
+                      },
+                      body: JSON.stringify({
+                        data: {
+                          attributes: {
+                            data: graph
+                          }
+                        }
+                      })
+                    });
+                  case 2:
+                    response = _context48.v;
+                    if (response.ok) {
+                      _context48.n = 3;
+                      break;
+                    }
+                    throw new Error("ConfiguratorState.encodeSceneGraphID() - network response was not ok ".concat(response.status));
+                  case 3:
+                    _context48.n = 4;
+                    return response.json();
+                  case 4:
+                    data = _context48.v;
+                    return _context48.a(2, data.data.id);
+                  case 5:
+                    _context48.p = 5;
+                    _t28 = _context48.v;
+                    throw new Error("ConfiguratorState.encodeSceneGraphID() - there was a request error to ".concat(url, ", error was ").concat(_t28.message));
+                  case 6:
+                    return _context48.a(2);
+                }
+              }, _callee48, this, [[1, 5]]);
+            }));
+            function encodeSceneGraphID() {
+              return _encodeSceneGraphID.apply(this, arguments);
+            }
+            return encodeSceneGraphID;
+          }()
           /**
            * Compiles and returns the Dynamic Scene Graph (Updated for 2025 for DynamicAR)
            * NOTE: Eventually this structure should replace ConfiguratorState
@@ -5200,20 +5342,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "decodeState",
           value: (function () {
-            var _decodeState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee48() {
+            var _decodeState = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee49() {
               var sceneID,
                 state,
                 configState,
                 fscene,
                 scene,
-                _args48 = arguments;
-              return _regenerator().w(function (_context48) {
-                while (1) switch (_context48.n) {
+                _args49 = arguments;
+              return _regenerator().w(function (_context49) {
+                while (1) switch (_context49.n) {
                   case 0:
-                    sceneID = _args48.length > 0 && _args48[0] !== undefined ? _args48[0] : null;
-                    state = _args48.length > 1 && _args48[1] !== undefined ? _args48[1] : null;
+                    sceneID = _args49.length > 0 && _args49[0] !== undefined ? _args49[0] : null;
+                    state = _args49.length > 1 && _args49[1] !== undefined ? _args49[1] : null;
                     if (!(!sceneID || !state)) {
-                      _context48.n = 1;
+                      _context49.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorState.decodeState(sceneID, state) - sceneID and state must be defined");
@@ -5225,16 +5367,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     fscene.include(plattar_api_1.SceneProduct);
                     fscene.include(plattar_api_1.SceneModel);
                     fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-                    _context48.n = 2;
+                    _context49.n = 2;
                     return fscene.get();
                   case 2:
-                    scene = _context48.v;
-                    return _context48.a(2, {
+                    scene = _context49.v;
+                    return _context49.a(2, {
                       scene: scene,
                       state: configState
                     });
                 }
-              }, _callee48);
+              }, _callee49);
             }));
             function decodeState() {
               return _decodeState.apply(this, arguments);
@@ -5251,7 +5393,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }, {
           key: "decodeScene",
           value: (function () {
-            var _decodeScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee49() {
+            var _decodeScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee50() {
               var sceneID,
                 configState,
                 fscene,
@@ -5259,13 +5401,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 sceneProducts,
                 sceneModels,
                 products,
-                _args49 = arguments;
-              return _regenerator().w(function (_context49) {
-                while (1) switch (_context49.n) {
+                _args50 = arguments;
+              return _regenerator().w(function (_context50) {
+                while (1) switch (_context50.n) {
                   case 0:
-                    sceneID = _args49.length > 0 && _args49[0] !== undefined ? _args49[0] : null;
+                    sceneID = _args50.length > 0 && _args50[0] !== undefined ? _args50[0] : null;
                     if (sceneID) {
-                      _context49.n = 1;
+                      _context50.n = 1;
                       break;
                     }
                     throw new Error("ConfiguratorState.decodeScene(sceneID) - sceneID must be defined");
@@ -5277,10 +5419,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     fscene.include(plattar_api_1.SceneModel);
                     fscene.include(plattar_api_1.Product);
                     fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-                    _context49.n = 2;
+                    _context50.n = 2;
                     return fscene.get();
                   case 2:
-                    scene = _context49.v;
+                    scene = _context50.v;
                     sceneProducts = scene.relationships.filter(plattar_api_1.SceneProduct);
                     sceneModels = scene.relationships.filter(plattar_api_1.SceneModel);
                     products = scene.relationships.filter(plattar_api_1.Product); // add our scene models
@@ -5324,12 +5466,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         });
                       }
                     });
-                    return _context49.a(2, {
+                    return _context50.a(2, {
                       scene: scene,
                       state: configState
                     });
                 }
-              }, _callee49);
+              }, _callee50);
             }));
             function decodeScene() {
               return _decodeScene.apply(this, arguments);
@@ -5481,7 +5623,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      exports["default"] = "1.188.3";
+      exports["default"] = "1.188.5";
     }, {}],
     21: [function (require, module, exports) {
       "use strict";
@@ -14863,8 +15005,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     var i,
                       r,
                       n = function () {
-                        var t = function t(_t27, e) {
-                          var i = _t27,
+                        var t = function t(_t29, e) {
+                          var i = _t29,
                             r = s[e],
                             n = null,
                             o = 0,
@@ -15676,8 +15818,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                     return $;
                   }
                 });
-                var t = function t(_t28) {
-                  return !!_t28 && "object" == _typeof(_t28) && !Array.isArray(_t28);
+                var t = function t(_t30) {
+                  return !!_t30 && "object" == _typeof(_t30) && !Array.isArray(_t30);
                 };
                 function e(i) {
                   for (var _len7 = arguments.length, r = new Array(_len7 > 1 ? _len7 - 1 : 0), _key7 = 1; _key7 < _len7; _key7++) {
@@ -16273,11 +16415,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "drawQR",
                     value: function () {
-                      var _drawQR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee50(t) {
+                      var _drawQR = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee51(t) {
                         var _this83 = this;
-                        var e, i, r, n, s, _this$_options, _t29, _i2, _r5, _a, _t30;
-                        return _regenerator().w(function (_context50) {
-                          while (1) switch (_context50.n) {
+                        var e, i, r, n, s, _this$_options, _t31, _i2, _r5, _a, _t32;
+                        return _regenerator().w(function (_context51) {
+                          while (1) switch (_context51.n) {
                             case 0:
                               e = t.getModuleCount(), i = Math.min(this._options.width, this._options.height) - 2 * this._options.margin, r = this._options.shape === g ? i / Math.sqrt(2) : i, n = this._roundSize(r / e);
                               s = {
@@ -16287,19 +16429,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 height: 0
                               };
                               if (!(this._qr = t, this._options.image)) {
-                                _context50.n = 3;
+                                _context51.n = 3;
                                 break;
                               }
-                              _context50.n = 1;
+                              _context51.n = 1;
                               return this.loadImage();
                             case 1:
                               if (this._image) {
-                                _context50.n = 2;
+                                _context51.n = 2;
                                 break;
                               }
-                              return _context50.a(2);
+                              return _context51.a(2);
                             case 2:
-                              _this$_options = this._options, _t29 = _this$_options.imageOptions, _i2 = _this$_options.qrOptions, _r5 = _t29.imageSize * o[_i2.errorCorrectionLevel], _a = Math.floor(_r5 * e * e);
+                              _this$_options = this._options, _t31 = _this$_options.imageOptions, _i2 = _this$_options.qrOptions, _r5 = _t31.imageSize * o[_i2.errorCorrectionLevel], _a = Math.floor(_r5 * e * e);
                               s = function (_ref16) {
                                 var t = _ref16.originalHeight,
                                   e = _ref16.originalWidth,
@@ -16341,12 +16483,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 return !(_this83._options.imageOptions.hideBackgroundDots && t >= (e - s.hideYDots) / 2 && t < (e + s.hideYDots) / 2 && i >= (e - s.hideXDots) / 2 && i < (e + s.hideXDots) / 2 || (null === (r = f[t]) || void 0 === r ? void 0 : r[i]) || (null === (n = f[t - e + 7]) || void 0 === n ? void 0 : n[i]) || (null === (o = f[t]) || void 0 === o ? void 0 : o[i - e + 7]) || (null === (a = w[t]) || void 0 === a ? void 0 : a[i]) || (null === (h = w[t - e + 7]) || void 0 === h ? void 0 : h[i]) || (null === (d = w[t]) || void 0 === d ? void 0 : d[i - e + 7]));
                               });
                               this.drawCorners();
-                              _t30 = this._options.image;
-                              if (!_t30) {
-                                _context50.n = 4;
+                              _t32 = this._options.image;
+                              if (!_t32) {
+                                _context51.n = 4;
                                 break;
                               }
-                              _context50.n = 4;
+                              _context51.n = 4;
                               return this.drawImage({
                                 width: s.width,
                                 height: s.height,
@@ -16354,9 +16496,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 dotSize: n
                               });
                             case 4:
-                              return _context50.a(2);
+                              return _context51.a(2);
                           }
-                        }, _callee50, this);
+                        }, _callee51, this);
                       }));
                       function drawQR(_x16) {
                         return _drawQR.apply(this, arguments);
@@ -16375,8 +16517,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         var _s6 = n.height,
                           _a2 = n.width;
                         if (_r6 || _o) {
-                          var _t31 = this._window.document.createElementNS("http://www.w3.org/2000/svg", "rect");
-                          this._backgroundClipPath = this._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), this._backgroundClipPath.setAttribute("id", "clip-path-background-color-".concat(this._instanceId)), this._defs.appendChild(this._backgroundClipPath), (null === (i = n.backgroundOptions) || void 0 === i ? void 0 : i.round) && (_s6 = _a2 = Math.min(n.width, n.height), _t31.setAttribute("rx", String(_s6 / 2 * n.backgroundOptions.round))), _t31.setAttribute("x", String(this._roundSize((n.width - _a2) / 2))), _t31.setAttribute("y", String(this._roundSize((n.height - _s6) / 2))), _t31.setAttribute("width", String(_a2)), _t31.setAttribute("height", String(_s6)), this._backgroundClipPath.appendChild(_t31), this._createColor({
+                          var _t33 = this._window.document.createElementNS("http://www.w3.org/2000/svg", "rect");
+                          this._backgroundClipPath = this._window.document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), this._backgroundClipPath.setAttribute("id", "clip-path-background-color-".concat(this._instanceId)), this._defs.appendChild(this._backgroundClipPath), (null === (i = n.backgroundOptions) || void 0 === i ? void 0 : i.round) && (_s6 = _a2 = Math.min(n.width, n.height), _t33.setAttribute("rx", String(_s6 / 2 * n.backgroundOptions.round))), _t33.setAttribute("x", String(this._roundSize((n.width - _a2) / 2))), _t33.setAttribute("y", String(this._roundSize((n.height - _s6) / 2))), _t33.setAttribute("width", String(_a2)), _t33.setAttribute("height", String(_s6)), this._backgroundClipPath.appendChild(_t33), this._createColor({
                             options: _r6,
                             color: _o,
                             additionalRotation: 0,
@@ -16432,29 +16574,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         _loop2(_e3);
                       }
                       if (r.shape === g) {
-                        var _t32 = this._roundSize((o / h - n) / 2),
-                          _e4 = n + 2 * _t32,
-                          _i3 = d - _t32 * h,
-                          _r7 = u - _t32 * h,
+                        var _t34 = this._roundSize((o / h - n) / 2),
+                          _e4 = n + 2 * _t34,
+                          _i3 = d - _t34 * h,
+                          _r7 = u - _t34 * h,
                           _s7 = [],
                           _a3 = this._roundSize(_e4 / 2);
                         for (var _i4 = 0; _i4 < _e4; _i4++) {
                           _s7[_i4] = [];
-                          for (var _r8 = 0; _r8 < _e4; _r8++) _i4 >= _t32 - 1 && _i4 <= _e4 - _t32 && _r8 >= _t32 - 1 && _r8 <= _e4 - _t32 || Math.sqrt((_i4 - _a3) * (_i4 - _a3) + (_r8 - _a3) * (_r8 - _a3)) > _a3 ? _s7[_i4][_r8] = 0 : _s7[_i4][_r8] = this._qr.isDark(_r8 - 2 * _t32 < 0 ? _r8 : _r8 >= n ? _r8 - 2 * _t32 : _r8 - _t32, _i4 - 2 * _t32 < 0 ? _i4 : _i4 >= n ? _i4 - 2 * _t32 : _i4 - _t32) ? 1 : 0;
+                          for (var _r8 = 0; _r8 < _e4; _r8++) _i4 >= _t34 - 1 && _i4 <= _e4 - _t34 && _r8 >= _t34 - 1 && _r8 <= _e4 - _t34 || Math.sqrt((_i4 - _a3) * (_i4 - _a3) + (_r8 - _a3) * (_r8 - _a3)) > _a3 ? _s7[_i4][_r8] = 0 : _s7[_i4][_r8] = this._qr.isDark(_r8 - 2 * _t34 < 0 ? _r8 : _r8 >= n ? _r8 - 2 * _t34 : _r8 - _t34, _i4 - 2 * _t34 < 0 ? _i4 : _i4 >= n ? _i4 - 2 * _t34 : _i4 - _t34) ? 1 : 0;
                         }
-                        var _loop3 = function _loop3(_t33) {
+                        var _loop3 = function _loop3(_t35) {
                           var _loop4 = function _loop4(_n) {
-                            _s7[_t33][_n] && (c.draw(_i3 + _n * h, _r7 + _t33 * h, h, function (e, i) {
+                            _s7[_t35][_n] && (c.draw(_i3 + _n * h, _r7 + _t35 * h, h, function (e, i) {
                               var r;
-                              return !!(null === (r = _s7[_t33 + i]) || void 0 === r ? void 0 : r[_n + e]);
+                              return !!(null === (r = _s7[_t35 + i]) || void 0 === r ? void 0 : r[_n + e]);
                             }), c._element && _this84._dotsClipPath && _this84._dotsClipPath.appendChild(c._element));
                           };
                           for (var _n = 0; _n < _e4; _n++) {
                             _loop4(_n);
                           }
                         };
-                        for (var _t33 = 0; _t33 < _e4; _t33++) {
-                          _loop3(_t33);
+                        for (var _t35 = 0; _t35 < _e4; _t35++) {
+                          _loop3(_t35);
                         }
                       }
                     }
@@ -16494,24 +16636,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           width: a,
                           name: "corners-square-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)
                         })), (null === (y = e.cornersSquareOptions) || void 0 === y ? void 0 : y.type) && h.includes(e.cornersSquareOptions.type)) {
-                          var _t34 = new d({
+                          var _t36 = new d({
                             svg: _this85._element,
                             type: e.cornersSquareOptions.type,
                             window: _this85._window
                           });
-                          _t34.draw(z, B, a, n), _t34._element && P && P.appendChild(_t34._element);
+                          _t36.draw(z, B, a, n), _t36._element && P && P.appendChild(_t36._element);
                         } else {
-                          var _t35 = new s({
+                          var _t37 = new s({
                             svg: _this85._element,
                             type: (null === (x = e.cornersSquareOptions) || void 0 === x ? void 0 : x.type) || e.dotsOptions.type,
                             window: _this85._window
                           });
                           var _loop6 = function _loop6(_e5) {
                             var _loop7 = function _loop7(_i5) {
-                              (null === (S = f[_e5]) || void 0 === S ? void 0 : S[_i5]) && (_t35.draw(z + _i5 * o, B + _e5 * o, o, function (t, r) {
+                              (null === (S = f[_e5]) || void 0 === S ? void 0 : S[_i5]) && (_t37.draw(z + _i5 * o, B + _e5 * o, o, function (t, r) {
                                 var n;
                                 return !!(null === (n = f[_e5 + r]) || void 0 === n ? void 0 : n[_i5 + t]);
-                              }), _t35._element && P && P.appendChild(_t35._element));
+                              }), _t37._element && P && P.appendChild(_t37._element));
                             };
                             for (var _i5 = 0; _i5 < f[_e5].length; _i5++) {
                               _loop7(_i5);
@@ -16531,24 +16673,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           width: u,
                           name: "corners-dot-color-".concat(t, "-").concat(r, "-").concat(_this85._instanceId)
                         })), (null === (O = e.cornersDotOptions) || void 0 === O ? void 0 : O.type) && c.includes(e.cornersDotOptions.type)) {
-                          var _t36 = new l({
+                          var _t38 = new l({
                             svg: _this85._element,
                             type: e.cornersDotOptions.type,
                             window: _this85._window
                           });
-                          _t36.draw(z + 2 * o, B + 2 * o, u, n), _t36._element && I && I.appendChild(_t36._element);
+                          _t38.draw(z + 2 * o, B + 2 * o, u, n), _t38._element && I && I.appendChild(_t38._element);
                         } else {
-                          var _t37 = new s({
+                          var _t39 = new s({
                             svg: _this85._element,
                             type: (null === (D = e.cornersDotOptions) || void 0 === D ? void 0 : D.type) || e.dotsOptions.type,
                             window: _this85._window
                           });
                           var _loop8 = function _loop8(_e6) {
                             var _loop9 = function _loop9(_i6) {
-                              (null === (k = w[_e6]) || void 0 === k ? void 0 : k[_i6]) && (_t37.draw(z + _i6 * o, B + _e6 * o, o, function (t, r) {
+                              (null === (k = w[_e6]) || void 0 === k ? void 0 : k[_i6]) && (_t39.draw(z + _i6 * o, B + _e6 * o, o, function (t, r) {
                                 var n;
                                 return !!(null === (n = w[_e6 + r]) || void 0 === n ? void 0 : n[_i6 + t]);
-                              }), _t37._element && I && I.appendChild(_t37._element));
+                              }), _t39._element && I && I.appendChild(_t39._element));
                             };
                             for (var _i6 = 0; _i6 < w[_e6].length; _i6++) {
                               _loop9(_i6);
@@ -16571,29 +16713,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                         if (null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.loadImage) r.nodeCanvas.loadImage(r.image).then(function (e) {
                           var i, n;
                           if (_this86._image = e, _this86._options.imageOptions.saveAsBlob) {
-                            var _t38 = null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.createCanvas(_this86._image.width, _this86._image.height);
-                            null === (n = null == _t38 ? void 0 : _t38.getContext("2d")) || void 0 === n || n.drawImage(e, 0, 0), _this86._imageUri = null == _t38 ? void 0 : _t38.toDataURL();
+                            var _t40 = null === (i = r.nodeCanvas) || void 0 === i ? void 0 : i.createCanvas(_this86._image.width, _this86._image.height);
+                            null === (n = null == _t40 ? void 0 : _t40.getContext("2d")) || void 0 === n || n.drawImage(e, 0, 0), _this86._imageUri = null == _t40 ? void 0 : _t40.toDataURL();
                           }
                           t();
                         })["catch"](e);else {
                           var _e7 = new _this86._window.Image();
-                          "string" == typeof r.imageOptions.crossOrigin && (_e7.crossOrigin = r.imageOptions.crossOrigin), _this86._image = _e7, _e7.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee52() {
-                            var _t39;
-                            return _regenerator().w(function (_context52) {
-                              while (1) switch (_context52.n) {
+                          "string" == typeof r.imageOptions.crossOrigin && (_e7.crossOrigin = r.imageOptions.crossOrigin), _this86._image = _e7, _e7.onload = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee53() {
+                            var _t41;
+                            return _regenerator().w(function (_context53) {
+                              while (1) switch (_context53.n) {
                                 case 0:
-                                  _t39 = _this86._options.imageOptions.saveAsBlob;
-                                  if (!_t39) {
-                                    _context52.n = 2;
+                                  _t41 = _this86._options.imageOptions.saveAsBlob;
+                                  if (!_t41) {
+                                    _context53.n = 2;
                                     break;
                                   }
-                                  _context52.n = 1;
+                                  _context53.n = 1;
                                   return function () {
-                                    var _ref20 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee51(t, e) {
-                                      return _regenerator().w(function (_context51) {
-                                        while (1) switch (_context51.n) {
+                                    var _ref20 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee52(t, e) {
+                                      return _regenerator().w(function (_context52) {
+                                        while (1) switch (_context52.n) {
                                           case 0:
-                                            return _context51.a(2, new Promise(function (i) {
+                                            return _context52.a(2, new Promise(function (i) {
                                               var r = new e.XMLHttpRequest();
                                               r.onload = function () {
                                                 var t = new e.FileReader();
@@ -16603,20 +16745,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                               }, r.open("GET", t), r.responseType = "blob", r.send();
                                             }));
                                         }
-                                      }, _callee51);
+                                      }, _callee52);
                                     }));
                                     return function (_x17, _x18) {
                                       return _ref20.apply(this, arguments);
                                     };
                                   }()(r.image || "", _this86._window);
                                 case 1:
-                                  _this86._imageUri = _context52.v;
+                                  _this86._imageUri = _context53.v;
                                 case 2:
                                   t();
                                 case 3:
-                                  return _context52.a(2);
+                                  return _context53.a(2);
                               }
-                            }, _callee52);
+                            }, _callee53);
                           })), _e7.src = r.image;
                         }
                       });
@@ -16624,18 +16766,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "drawImage",
                     value: function () {
-                      var _drawImage = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee53(_ref21) {
+                      var _drawImage = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee54(_ref21) {
                         var t, e, i, r, n, o, s, a, h, d, u, c;
-                        return _regenerator().w(function (_context53) {
-                          while (1) switch (_context53.n) {
+                        return _regenerator().w(function (_context54) {
+                          while (1) switch (_context54.n) {
                             case 0:
                               t = _ref21.width, e = _ref21.height, i = _ref21.count, r = _ref21.dotSize;
                               n = this._options, o = this._roundSize((n.width - i * r) / 2), s = this._roundSize((n.height - i * r) / 2), a = o + this._roundSize(n.imageOptions.margin + (i * r - t) / 2), h = s + this._roundSize(n.imageOptions.margin + (i * r - e) / 2), d = t - 2 * n.imageOptions.margin, u = e - 2 * n.imageOptions.margin, c = this._window.document.createElementNS("http://www.w3.org/2000/svg", "image");
                               c.setAttribute("href", this._imageUri || ""), c.setAttribute("xlink:href", this._imageUri || ""), c.setAttribute("x", String(a)), c.setAttribute("y", String(h)), c.setAttribute("width", "".concat(d, "px")), c.setAttribute("height", "".concat(u, "px")), this._element.appendChild(c);
                             case 1:
-                              return _context53.a(2);
+                              return _context54.a(2);
                           }
-                        }, _callee53, this);
+                        }, _callee54, this);
                       }));
                       function drawImage(_x19) {
                         return _drawImage.apply(this, arguments);
@@ -16682,7 +16824,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 var v = p,
                   _ = "canvas",
                   m = {};
-                for (var _t40 = 0; _t40 <= 40; _t40++) m[_t40] = _t40;
+                for (var _t42 = 0; _t42 <= 40; _t42++) m[_t42] = _t42;
                 var b = {
                   type: _,
                   shape: "square",
@@ -16785,12 +16927,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                           t.width = _this89._options.width, t.height = _this89._options.height, null === (i = null === (e = _this89._nodeCanvas) || void 0 === e ? void 0 : e.getContext("2d")) || void 0 === i || i.drawImage(t, 0, 0);
                         });
                         {
-                          var _t41 = new _this89._window.Image();
+                          var _t43 = new _this89._window.Image();
                           return new Promise(function (e) {
-                            _t41.onload = function () {
+                            _t43.onload = function () {
                               var i, r;
-                              null === (r = null === (i = _this89._domCanvas) || void 0 === i ? void 0 : i.getContext("2d")) || void 0 === r || r.drawImage(_t41, 0, 0), e();
-                            }, _t41.src = n;
+                              null === (r = null === (i = _this89._domCanvas) || void 0 === i ? void 0 : i.getContext("2d")) || void 0 === r || r.drawImage(_t43, 0, 0), e();
+                            }, _t43.src = n;
                           });
                         }
                       }));
@@ -16798,41 +16940,41 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "_getElement",
                     value: function () {
-                      var _getElement2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee54() {
+                      var _getElement2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee55() {
                         var t,
-                          _args54 = arguments,
-                          _t42;
-                        return _regenerator().w(function (_context54) {
-                          while (1) switch (_context54.n) {
+                          _args55 = arguments,
+                          _t44;
+                        return _regenerator().w(function (_context55) {
+                          while (1) switch (_context55.n) {
                             case 0:
-                              t = _args54.length > 0 && _args54[0] !== undefined ? _args54[0] : "png";
+                              t = _args55.length > 0 && _args55[0] !== undefined ? _args55[0] : "png";
                               if (this._qr) {
-                                _context54.n = 1;
+                                _context55.n = 1;
                                 break;
                               }
                               throw "QR code is empty";
                             case 1:
                               if (!("svg" === t.toLowerCase())) {
-                                _context54.n = 3;
+                                _context55.n = 3;
                                 break;
                               }
                               this._svg && this._svgDrawingPromise || this._setupSvg();
-                              _context54.n = 2;
+                              _context55.n = 2;
                               return this._svgDrawingPromise;
                             case 2:
-                              _t42 = this._svg;
-                              _context54.n = 5;
+                              _t44 = this._svg;
+                              _context55.n = 5;
                               break;
                             case 3:
                               (this._domCanvas || this._nodeCanvas) && this._canvasDrawingPromise || this._setupCanvas();
-                              _context54.n = 4;
+                              _context55.n = 4;
                               return this._canvasDrawingPromise;
                             case 4:
-                              _t42 = this._domCanvas || this._nodeCanvas;
+                              _t44 = this._domCanvas || this._nodeCanvas;
                             case 5:
-                              return _context54.a(2, _t42);
+                              return _context55.a(2, _t44);
                           }
-                        }, _callee54, this);
+                        }, _callee55, this);
                       }));
                       function _getElement() {
                         return _getElement2.apply(this, arguments);
@@ -16875,43 +17017,43 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "getRawData",
                     value: function () {
-                      var _getRawData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee55() {
+                      var _getRawData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee56() {
                         var t,
                           e,
                           i,
-                          _t43,
-                          _args55 = arguments;
-                        return _regenerator().w(function (_context55) {
-                          while (1) switch (_context55.n) {
+                          _t45,
+                          _args56 = arguments;
+                        return _regenerator().w(function (_context56) {
+                          while (1) switch (_context56.n) {
                             case 0:
-                              t = _args55.length > 0 && _args55[0] !== undefined ? _args55[0] : "png";
+                              t = _args56.length > 0 && _args56[0] !== undefined ? _args56[0] : "png";
                               if (this._qr) {
-                                _context55.n = 1;
+                                _context56.n = 1;
                                 break;
                               }
                               throw "QR code is empty";
                             case 1:
-                              _context55.n = 2;
+                              _context56.n = 2;
                               return this._getElement(t);
                             case 2:
-                              e = _context55.v;
+                              e = _context56.v;
                               i = A(t);
                               if (e) {
-                                _context55.n = 3;
+                                _context56.n = 3;
                                 break;
                               }
-                              return _context55.a(2, null);
+                              return _context56.a(2, null);
                             case 3:
                               if (!("svg" === t.toLowerCase())) {
-                                _context55.n = 4;
+                                _context56.n = 4;
                                 break;
                               }
-                              _t43 = "<?xml version=\"1.0\" standalone=\"no\"?>\r\n".concat(new this._window.XMLSerializer().serializeToString(e));
-                              return _context55.a(2, "undefined" == typeof Blob || this._options.jsdom ? Buffer.from(_t43) : new Blob([_t43], {
+                              _t45 = "<?xml version=\"1.0\" standalone=\"no\"?>\r\n".concat(new this._window.XMLSerializer().serializeToString(e));
+                              return _context56.a(2, "undefined" == typeof Blob || this._options.jsdom ? Buffer.from(_t45) : new Blob([_t45], {
                                 type: i
                               }));
                             case 4:
-                              return _context55.a(2, new Promise(function (t) {
+                              return _context56.a(2, new Promise(function (t) {
                                 var r = e;
                                 if ("toBuffer" in r) {
                                   if ("image/png" === i) t(r.toBuffer(i));else if ("image/jpeg" === i) t(r.toBuffer(i));else {
@@ -16921,7 +17063,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                                 } else "toBlob" in r && r.toBlob(t, i, 1);
                               }));
                           }
-                        }, _callee55, this);
+                        }, _callee56, this);
                       }));
                       function getRawData() {
                         return _getRawData.apply(this, arguments);
@@ -16931,37 +17073,37 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   }, {
                     key: "download",
                     value: function () {
-                      var _download = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee56(t) {
-                        var e, i, r, _t44;
-                        return _regenerator().w(function (_context56) {
-                          while (1) switch (_context56.n) {
+                      var _download = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee57(t) {
+                        var e, i, r, _t46;
+                        return _regenerator().w(function (_context57) {
+                          while (1) switch (_context57.n) {
                             case 0:
                               if (this._qr) {
-                                _context56.n = 1;
+                                _context57.n = 1;
                                 break;
                               }
                               throw "QR code is empty";
                             case 1:
                               if (!("undefined" == typeof Blob)) {
-                                _context56.n = 2;
+                                _context57.n = 2;
                                 break;
                               }
                               throw "Cannot download in Node.js, call getRawData instead.";
                             case 2:
                               e = "png", i = "qr";
                               "string" == typeof t ? (e = t, console.warn("Extension is deprecated as argument for 'download' method, please pass object { name: '...', extension: '...' } as argument")) : "object" == _typeof(t) && null !== t && (t.name && (i = t.name), t.extension && (e = t.extension));
-                              _context56.n = 3;
+                              _context57.n = 3;
                               return this._getElement(e);
                             case 3:
-                              r = _context56.v;
+                              r = _context57.v;
                               if (r) if ("svg" === e.toLowerCase()) {
-                                _t44 = new XMLSerializer().serializeToString(r);
-                                _t44 = '<?xml version="1.0" standalone="no"?>\r\n' + _t44, n("data:".concat(A(e), ";charset=utf-8,").concat(encodeURIComponent(_t44)), "".concat(i, ".svg"));
+                                _t46 = new XMLSerializer().serializeToString(r);
+                                _t46 = '<?xml version="1.0" standalone="no"?>\r\n' + _t46, n("data:".concat(A(e), ";charset=utf-8,").concat(encodeURIComponent(_t46)), "".concat(i, ".svg"));
                               } else n(r.toDataURL(A(e)), "".concat(i, ".").concat(e));
                             case 4:
-                              return _context56.a(2);
+                              return _context57.a(2);
                           }
-                        }, _callee56, this);
+                        }, _callee57, this);
                       }));
                       function download(_x20) {
                         return _download.apply(this, arguments);