@plattar/plattar-qrcode 1.118.1 → 1.120.2

package/build/es2015/plattar-qrcode.js

@@ -100,9 +100,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         _createClass(BaseElement, [{
           key: "connectedCallback",
           value: function connectedCallback() {
+            var _this = this;
+
             if (this.hasAttribute("url")) {
               this.renderQRCode();
             }
+
+            var observer = new MutationObserver(function (mutations) {
+              mutations.forEach(function (mutation) {
+                if (mutation.type === "attributes") {
+                  if (_this.hasAttribute("url")) {
+                    _this.renderQRCode();
+                  }
+                }
+              });
+            });
+            observer.observe(this, {
+              attributes: true
+            });
           }
         }, {
           key: "download",
@@ -200,10 +215,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   color2: "#ffffff",
                   rotation: "0"
                 }
-              }
+              },
+              width: 1024,
+              height: 1024,
+              type: "canvas"
             };
-            this._options.width = width || 512;
-            this._options.height = height || 512;
             this._options.data = url;
             this._options.margin = margin;
             this._options.image = image; // set the colors
@@ -228,14 +244,41 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             var qrCode = this._qrCode;
 
             if (!qrCode) {
+              var div = document.createElement("div");
+              shadow.appendChild(div);
+              this._divContainer = div;
               this._qrCode = new QRCodeStyling(this._options);
 
-              this._qrCode.append(shadow);
+              this._qrCode.append(div);
+
+              this._UpdateCanvas(width, height);
 
               return;
             }
 
             this._qrCode.update(this._options);
+
+            this._UpdateCanvas(width, height);
+          }
+        }, {
+          key: "_UpdateCanvas",
+          value: function _UpdateCanvas(width, height) {
+            if (!this._qrCode) {
+              return;
+            }
+
+            var canvas = this._qrCode._canvas;
+
+            if (canvas) {
+              canvas.style.width = "100%";
+              canvas.style.height = "100%";
+            }
+
+            if (this._divContainer) {
+              var div = this._divContainer;
+              div.style.width = width + "px";
+              div.style.height = height + "px";
+            }
           }
         }]);
 
@@ -300,8 +343,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       i = 0,
                       u = null,
                       v = [],
-                      y = {},
-                      _ = function _(t, e) {
+                      w = {},
+                      m = function m(t, e) {
                     o = function (t) {
                       for (var e = new Array(t), r = 0; r < t; r += 1) {
                         e[r] = new Array(t);
@@ -312,16 +355,16 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       }
 
                       return e;
-                    }(i = 4 * r + 17), m(0, 0), m(i - 7, 0), m(0, i - 7), x(), b(), S(t, e), r >= 7 && M(t), null == u && (u = P(r, n, v)), C(u, e);
+                    }(i = 4 * r + 17), b(0, 0), b(i - 7, 0), b(0, i - 7), x(), _(), M(t, e), r >= 7 && S(t), null == u && (u = A(r, n, v)), C(u, e);
                   },
-                      m = function m(t, e) {
+                      b = function b(t, e) {
                     for (var r = -1; r <= 7; r += 1) {
                       if (!(t + r <= -1 || i <= t + r)) for (var n = -1; n <= 7; n += 1) {
                         e + n <= -1 || i <= e + n || (o[t + r][e + n] = 0 <= r && r <= 6 && (0 == n || 6 == n) || 0 <= n && n <= 6 && (0 == r || 6 == r) || 2 <= r && r <= 4 && 2 <= n && n <= 4);
                       }
                     }
                   },
-                      b = function b() {
+                      _ = function _() {
                     for (var t = 8; t < i - 8; t += 1) {
                       null == o[t][6] && (o[t][6] = t % 2 == 0);
                     }
@@ -336,14 +379,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                         var i = t[e],
                             a = t[n];
                         if (null == o[i][a]) for (var u = -2; u <= 2; u += 1) {
-                          for (var c = -2; c <= 2; c += 1) {
-                            o[i + u][a + c] = -2 == u || 2 == u || -2 == c || 2 == c || 0 == u && 0 == c;
+                          for (var h = -2; h <= 2; h += 1) {
+                            o[i + u][a + h] = -2 == u || 2 == u || -2 == h || 2 == h || 0 == u && 0 == h;
                           }
                         }
                       }
                     }
                   },
-                      M = function M(t) {
+                      S = function S(t) {
                     for (var e = s.getBCHTypeNumber(r), n = 0; n < 18; n += 1) {
                       var a = !t && 1 == (e >> n & 1);
                       o[Math.floor(n / 3)][n % 3 + i - 8 - 3] = a;
@@ -353,25 +396,25 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       a = !t && 1 == (e >> n & 1), o[n % 3 + i - 8 - 3][Math.floor(n / 3)] = a;
                     }
                   },
-                      S = function S(t, e) {
+                      M = function M(t, e) {
                     for (var r = n << 3 | e, a = s.getBCHTypeInfo(r), u = 0; u < 15; u += 1) {
-                      var c = !t && 1 == (a >> u & 1);
-                      u < 6 ? o[u][8] = c : u < 8 ? o[u + 1][8] = c : o[i - 15 + u][8] = c;
+                      var h = !t && 1 == (a >> u & 1);
+                      u < 6 ? o[u][8] = h : u < 8 ? o[u + 1][8] = h : o[i - 15 + u][8] = h;
                     }
 
                     for (u = 0; u < 15; u += 1) {
-                      c = !t && 1 == (a >> u & 1), u < 8 ? o[8][i - u - 1] = c : u < 9 ? o[8][15 - u - 1 + 1] = c : o[8][15 - u - 1] = c;
+                      h = !t && 1 == (a >> u & 1), u < 8 ? o[8][i - u - 1] = h : u < 9 ? o[8][15 - u - 1 + 1] = h : o[8][15 - u - 1] = h;
                     }
 
                     o[i - 8][8] = !t;
                   },
                       C = function C(t, e) {
-                    for (var r = -1, n = i - 1, a = 7, u = 0, c = s.getMaskFunction(e), h = i - 1; h > 0; h -= 2) {
-                      for (6 == h && (h -= 1);;) {
-                        for (var d = 0; d < 2; d += 1) {
-                          if (null == o[n][h - d]) {
-                            var l = !1;
-                            u < t.length && (l = 1 == (t[u] >>> a & 1)), c(n, h - d) && (l = !l), o[n][h - d] = l, -1 == (a -= 1) && (u += 1, a = 7);
+                    for (var r = -1, n = i - 1, a = 7, u = 0, h = s.getMaskFunction(e), c = i - 1; c > 0; c -= 2) {
+                      for (6 == c && (c -= 1);;) {
+                        for (var l = 0; l < 2; l += 1) {
+                          if (null == o[n][c - l]) {
+                            var d = !1;
+                            u < t.length && (d = 1 == (t[u] >>> a & 1)), h(n, c - l) && (d = !d), o[n][c - l] = d, -1 == (a -= 1) && (u += 1, a = 7);
                           }
                         }
 
@@ -382,8 +425,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       }
                     }
                   },
-                      P = function P(t, e, r) {
-                    for (var n = h.getRSBlocks(t, e), o = d(), i = 0; i < r.length; i += 1) {
+                      A = function A(t, e, r) {
+                    for (var n = c.getRSBlocks(t, e), o = l(), i = 0; i < r.length; i += 1) {
                       var a = r[i];
                       o.put(a.getMode(), 4), o.put(a.getLength(), s.getLengthInBits(a.getMode(), t)), a.write(o);
                     }
@@ -406,55 +449,55 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                     return function (t, e) {
                       for (var r = 0, n = 0, o = 0, i = new Array(e.length), a = new Array(e.length), u = 0; u < e.length; u += 1) {
-                        var h = e[u].dataCount,
-                            d = e[u].totalCount - h;
-                        n = Math.max(n, h), o = Math.max(o, d), i[u] = new Array(h);
+                        var c = e[u].dataCount,
+                            l = e[u].totalCount - c;
+                        n = Math.max(n, c), o = Math.max(o, l), i[u] = new Array(c);
 
-                        for (var l = 0; l < i[u].length; l += 1) {
-                          i[u][l] = 255 & t.getBuffer()[l + r];
+                        for (var d = 0; d < i[u].length; d += 1) {
+                          i[u][d] = 255 & t.getBuffer()[d + r];
                         }
 
-                        r += h;
-                        var f = s.getErrorCorrectPolynomial(d),
-                            p = c(i[u], f.getLength() - 1).mod(f);
+                        r += c;
+                        var f = s.getErrorCorrectPolynomial(l),
+                            g = h(i[u], f.getLength() - 1).mod(f);
 
-                        for (a[u] = new Array(f.getLength() - 1), l = 0; l < a[u].length; l += 1) {
-                          var g = l + p.getLength() - a[u].length;
-                          a[u][l] = g >= 0 ? p.getAt(g) : 0;
+                        for (a[u] = new Array(f.getLength() - 1), d = 0; d < a[u].length; d += 1) {
+                          var p = d + g.getLength() - a[u].length;
+                          a[u][d] = p >= 0 ? g.getAt(p) : 0;
                         }
                       }
 
                       var v = 0;
 
-                      for (l = 0; l < e.length; l += 1) {
-                        v += e[l].totalCount;
+                      for (d = 0; d < e.length; d += 1) {
+                        v += e[d].totalCount;
                       }
 
-                      var y = new Array(v),
-                          w = 0;
+                      var w = new Array(v),
+                          y = 0;
 
-                      for (l = 0; l < n; l += 1) {
+                      for (d = 0; d < n; d += 1) {
                         for (u = 0; u < e.length; u += 1) {
-                          l < i[u].length && (y[w] = i[u][l], w += 1);
+                          d < i[u].length && (w[y] = i[u][d], y += 1);
                         }
                       }
 
-                      for (l = 0; l < o; l += 1) {
+                      for (d = 0; d < o; d += 1) {
                         for (u = 0; u < e.length; u += 1) {
-                          l < a[u].length && (y[w] = a[u][l], w += 1);
+                          d < a[u].length && (w[y] = a[u][d], y += 1);
                         }
                       }
 
-                      return y;
+                      return w;
                     }(o, n);
                   };
 
-                  y.addData = function (t, e) {
+                  w.addData = function (t, e) {
                     var r = null;
 
                     switch (e = e || "Byte") {
                       case "Numeric":
-                        r = l(t);
+                        r = d(t);
                         break;
 
                       case "Alphanumeric":
@@ -462,11 +505,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                         break;
 
                       case "Byte":
-                        r = p(t);
+                        r = g(t);
                         break;
 
                       case "Kanji":
-                        r = g(t);
+                        r = p(t);
                         break;
 
                       default:
@@ -474,15 +517,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     }
 
                     v.push(r), u = null;
-                  }, y.isDark = function (t, e) {
+                  }, w.isDark = function (t, e) {
                     if (t < 0 || i <= t || e < 0 || i <= e) throw t + "," + e;
                     return o[t][e];
-                  }, y.getModuleCount = function () {
+                  }, w.getModuleCount = function () {
                     return i;
-                  }, y.make = function () {
+                  }, w.make = function () {
                     if (r < 1) {
                       for (var t = 1; t < 40; t++) {
-                        for (var e = h.getRSBlocks(t, n), o = d(), i = 0; i < v.length; i++) {
+                        for (var e = c.getRSBlocks(t, n), o = l(), i = 0; i < v.length; i++) {
                           var a = v[i];
                           o.put(a.getMode(), 4), o.put(a.getLength(), s.getLengthInBits(a.getMode(), t)), a.write(o);
                         }
@@ -499,33 +542,32 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       r = t;
                     }
 
-                    _(!1, function () {
+                    m(!1, function () {
                       for (var t = 0, e = 0, r = 0; r < 8; r += 1) {
-                        _(!0, r);
-
-                        var n = s.getLostPoint(y);
+                        m(!0, r);
+                        var n = s.getLostPoint(w);
                         (0 == r || t > n) && (t = n, e = r);
                       }
 
                       return e;
                     }());
-                  }, y.createTableTag = function (t, e) {
+                  }, w.createTableTag = function (t, e) {
                     t = t || 2;
                     var r = "";
                     r += '<table style="', r += " border-width: 0px; border-style: none;", r += " border-collapse: collapse;", r += " padding: 0px; margin: " + (e = void 0 === e ? 4 * t : e) + "px;", r += '">', r += "<tbody>";
 
-                    for (var n = 0; n < y.getModuleCount(); n += 1) {
+                    for (var n = 0; n < w.getModuleCount(); n += 1) {
                       r += "<tr>";
 
-                      for (var o = 0; o < y.getModuleCount(); o += 1) {
-                        r += '<td style="', r += " border-width: 0px; border-style: none;", r += " border-collapse: collapse;", r += " padding: 0px; margin: 0px;", r += " width: " + t + "px;", r += " height: " + t + "px;", r += " background-color: ", r += y.isDark(n, o) ? "#000000" : "#ffffff", r += ";", r += '"/>';
+                      for (var o = 0; o < w.getModuleCount(); o += 1) {
+                        r += '<td style="', r += " border-width: 0px; border-style: none;", r += " border-collapse: collapse;", r += " padding: 0px; margin: 0px;", r += " width: " + t + "px;", r += " height: " + t + "px;", r += " background-color: ", r += w.isDark(n, o) ? "#000000" : "#ffffff", r += ";", r += '"/>';
                       }
 
                       r += "</tr>";
                     }
 
                     return (r += "</tbody>") + "</table>";
-                  }, y.createSvgTag = function (t, e, r, n) {
+                  }, w.createSvgTag = function (t, e, r, n) {
                     var o = {};
                     "object" == _typeof(arguments[0]) && (t = (o = arguments[0]).cellSize, e = o.margin, r = o.alt, n = o.title), t = t || 2, e = void 0 === e ? 4 * t : e, (r = "string" == typeof r ? {
                       text: r
@@ -536,38 +578,38 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                         a,
                         s,
                         u,
-                        c = y.getModuleCount() * t + 2 * e,
-                        h = "";
+                        h = w.getModuleCount() * t + 2 * e,
+                        c = "";
 
-                    for (u = "l" + t + ",0 0," + t + " -" + t + ",0 0,-" + t + "z ", h += '<svg version="1.1" xmlns="http://www.w3.org/2000/svg"', h += o.scalable ? "" : ' width="' + c + 'px" height="' + c + 'px"', h += ' viewBox="0 0 ' + c + " " + c + '" ', h += ' preserveAspectRatio="xMinYMin meet"', h += n.text || r.text ? ' role="img" aria-labelledby="' + O([n.id, r.id].join(" ").trim()) + '"' : "", h += ">", h += n.text ? '<title id="' + O(n.id) + '">' + O(n.text) + "</title>" : "", h += r.text ? '<description id="' + O(r.id) + '">' + O(r.text) + "</description>" : "", h += '<rect width="100%" height="100%" fill="white" cx="0" cy="0"/>', h += '<path d="', a = 0; a < y.getModuleCount(); a += 1) {
-                      for (s = a * t + e, i = 0; i < y.getModuleCount(); i += 1) {
-                        y.isDark(a, i) && (h += "M" + (i * t + e) + "," + s + u);
+                    for (u = "l" + t + ",0 0," + t + " -" + t + ",0 0,-" + t + "z ", c += '<svg version="1.1" xmlns="http://www.w3.org/2000/svg"', c += o.scalable ? "" : ' width="' + h + 'px" height="' + h + 'px"', c += ' viewBox="0 0 ' + h + " " + h + '" ', c += ' preserveAspectRatio="xMinYMin meet"', c += n.text || r.text ? ' role="img" aria-labelledby="' + k([n.id, r.id].join(" ").trim()) + '"' : "", c += ">", c += n.text ? '<title id="' + k(n.id) + '">' + k(n.text) + "</title>" : "", c += r.text ? '<description id="' + k(r.id) + '">' + k(r.text) + "</description>" : "", c += '<rect width="100%" height="100%" fill="white" cx="0" cy="0"/>', c += '<path d="', a = 0; a < w.getModuleCount(); a += 1) {
+                      for (s = a * t + e, i = 0; i < w.getModuleCount(); i += 1) {
+                        w.isDark(a, i) && (c += "M" + (i * t + e) + "," + s + u);
                       }
                     }
 
-                    return (h += '" stroke="transparent" fill="black"/>') + "</svg>";
-                  }, y.createDataURL = function (t, e) {
+                    return (c += '" stroke="transparent" fill="black"/>') + "</svg>";
+                  }, w.createDataURL = function (t, e) {
                     t = t || 2, e = void 0 === e ? 4 * t : e;
-                    var r = y.getModuleCount() * t + 2 * e,
+                    var r = w.getModuleCount() * t + 2 * e,
                         n = e,
                         o = r - e;
-                    return w(r, r, function (e, r) {
+                    return y(r, r, function (e, r) {
                       if (n <= e && e < o && n <= r && r < o) {
                         var i = Math.floor((e - n) / t),
                             a = Math.floor((r - n) / t);
-                        return y.isDark(a, i) ? 0 : 1;
+                        return w.isDark(a, i) ? 0 : 1;
                       }
 
                       return 1;
                     });
-                  }, y.createImgTag = function (t, e, r) {
+                  }, w.createImgTag = function (t, e, r) {
                     t = t || 2, e = void 0 === e ? 4 * t : e;
-                    var n = y.getModuleCount() * t + 2 * e,
+                    var n = w.getModuleCount() * t + 2 * e,
                         o = "";
-                    return o += "<img", o += ' src="', o += y.createDataURL(t, e), o += '"', o += ' width="', o += n, o += '"', o += ' height="', o += n, o += '"', r && (o += ' alt="', o += O(r), o += '"'), o + "/>";
+                    return o += "<img", o += ' src="', o += w.createDataURL(t, e), o += '"', o += ' width="', o += n, o += '"', o += ' height="', o += n, o += '"', r && (o += ' alt="', o += k(r), o += '"'), o + "/>";
                   };
 
-                  var O = function O(t) {
+                  var k = function k(t) {
                     for (var e = "", r = 0; r < t.length; r += 1) {
                       var n = t.charAt(r);
 
@@ -596,7 +638,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     return e;
                   };
 
-                  return y.createASCII = function (t, e) {
+                  return w.createASCII = function (t, e) {
                     if ((t = t || 1) < 2) return function (t) {
                       t = void 0 === t ? 2 : t;
                       var e,
@@ -604,66 +646,66 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                           n,
                           o,
                           i,
-                          a = 1 * y.getModuleCount() + 2 * t,
+                          a = 1 * w.getModuleCount() + 2 * t,
                           s = t,
                           u = a - t,
-                          c = {
+                          h = {
                         "██": "█",
                         "█ ": "▀",
                         " █": "▄",
                         "  ": " "
                       },
-                          h = {
+                          c = {
                         "██": "▀",
                         "█ ": "▀",
                         " █": " ",
                         "  ": " "
                       },
-                          d = "";
+                          l = "";
 
                       for (e = 0; e < a; e += 2) {
                         for (n = Math.floor((e - s) / 1), o = Math.floor((e + 1 - s) / 1), r = 0; r < a; r += 1) {
-                          i = "█", s <= r && r < u && s <= e && e < u && y.isDark(n, Math.floor((r - s) / 1)) && (i = " "), s <= r && r < u && s <= e + 1 && e + 1 < u && y.isDark(o, Math.floor((r - s) / 1)) ? i += " " : i += "█", d += t < 1 && e + 1 >= u ? h[i] : c[i];
+                          i = "█", s <= r && r < u && s <= e && e < u && w.isDark(n, Math.floor((r - s) / 1)) && (i = " "), s <= r && r < u && s <= e + 1 && e + 1 < u && w.isDark(o, Math.floor((r - s) / 1)) ? i += " " : i += "█", l += t < 1 && e + 1 >= u ? c[i] : h[i];
                         }
 
-                        d += "\n";
+                        l += "\n";
                       }
 
-                      return a % 2 && t > 0 ? d.substring(0, d.length - a - 1) + Array(a + 1).join("▀") : d.substring(0, d.length - 1);
+                      return a % 2 && t > 0 ? l.substring(0, l.length - a - 1) + Array(a + 1).join("▀") : l.substring(0, l.length - 1);
                     }(e);
                     t -= 1, e = void 0 === e ? 2 * t : e;
                     var r,
                         n,
                         o,
                         i,
-                        a = y.getModuleCount() * t + 2 * e,
+                        a = w.getModuleCount() * t + 2 * e,
                         s = e,
                         u = a - e,
-                        c = Array(t + 1).join("██"),
-                        h = Array(t + 1).join("  "),
-                        d = "",
-                        l = "";
+                        h = Array(t + 1).join("██"),
+                        c = Array(t + 1).join("  "),
+                        l = "",
+                        d = "";
 
                     for (r = 0; r < a; r += 1) {
-                      for (o = Math.floor((r - s) / t), l = "", n = 0; n < a; n += 1) {
-                        i = 1, s <= n && n < u && s <= r && r < u && y.isDark(o, Math.floor((n - s) / t)) && (i = 0), l += i ? c : h;
+                      for (o = Math.floor((r - s) / t), d = "", n = 0; n < a; n += 1) {
+                        i = 1, s <= n && n < u && s <= r && r < u && w.isDark(o, Math.floor((n - s) / t)) && (i = 0), d += i ? h : c;
                       }
 
                       for (o = 0; o < t; o += 1) {
-                        d += l + "\n";
+                        l += d + "\n";
                       }
                     }
 
-                    return d.substring(0, d.length - 1);
-                  }, y.renderTo2dContext = function (t, e) {
+                    return l.substring(0, l.length - 1);
+                  }, w.renderTo2dContext = function (t, e) {
                     e = e || 2;
 
-                    for (var r = y.getModuleCount(), n = 0; n < r; n++) {
+                    for (var r = w.getModuleCount(), n = 0; n < r; n++) {
                       for (var o = 0; o < r; o++) {
-                        t.fillStyle = y.isDark(n, o) ? "black" : "white", t.fillRect(n * e, o * e, e, e);
+                        t.fillStyle = w.isDark(n, o) ? "black" : "white", t.fillRect(n * e, o * e, e, e);
                       }
                     }
-                  }, y;
+                  }, w;
                 };
 
                 t.stringToBytes = (t.stringToBytesFuncs = {
@@ -677,7 +719,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   }
                 })["default"], t.createStringToBytes = function (t, e) {
                   var r = function () {
-                    for (var r = y(t), n = function n() {
+                    for (var r = w(t), n = function n() {
                       var t = r.read();
                       if (-1 == t) throw "eof";
                       return t;
@@ -784,8 +826,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       throw "bad maskPattern:" + t;
                   }
                 }, o.getErrorCorrectPolynomial = function (t) {
-                  for (var e = c([1], 0), r = 0; r < t; r += 1) {
-                    e = e.multiply(c([1, u.gexp(r)], 0));
+                  for (var e = h([1], 0), r = 0; r < t; r += 1) {
+                    e = e.multiply(h([1, u.gexp(r)], 0));
                   }
 
                   return e;
@@ -853,8 +895,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                   for (n = 0; n < e - 1; n += 1) {
                     for (o = 0; o < e - 1; o += 1) {
-                      var c = 0;
-                      t.isDark(n, o) && (c += 1), t.isDark(n + 1, o) && (c += 1), t.isDark(n, o + 1) && (c += 1), t.isDark(n + 1, o + 1) && (c += 1), 0 != c && 4 != c || (r += 3);
+                      var h = 0;
+                      t.isDark(n, o) && (h += 1), t.isDark(n + 1, o) && (h += 1), t.isDark(n, o + 1) && (h += 1), t.isDark(n + 1, o + 1) && (h += 1), 0 != h && 4 != h || (r += 3);
                     }
                   }
 
@@ -870,15 +912,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     }
                   }
 
-                  var h = 0;
+                  var c = 0;
 
                   for (o = 0; o < e; o += 1) {
                     for (n = 0; n < e; n += 1) {
-                      t.isDark(n, o) && (h += 1);
+                      t.isDark(n, o) && (c += 1);
                     }
                   }
 
-                  return r + Math.abs(100 * h / e / e - 50) / 5 * 10;
+                  return r + Math.abs(100 * c / e / e - 50) / 5 * 10;
                 }, o),
                     u = function () {
                   for (var t = new Array(256), e = new Array(256), r = 0; r < 8; r += 1) {
@@ -912,7 +954,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                 }();
 
-                function c(t, e) {
+                function h(t, e) {
                   if (void 0 === t.length) throw t.length + "/" + e;
 
                   var r = function () {
@@ -940,7 +982,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                         }
                       }
 
-                      return c(e, 0);
+                      return h(e, 0);
                     },
                     mod: function mod(t) {
                       if (n.getLength() - t.getLength() < 0) return n;
@@ -953,14 +995,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                         r[o] ^= u.gexp(u.glog(t.getAt(o)) + e);
                       }
 
-                      return c(r, 0).mod(t);
+                      return h(r, 0).mod(t);
                     }
                   };
 
                   return n;
                 }
 
-                var h = function () {
+                var c = function () {
                   var t = [[1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], [1, 44, 34], [1, 44, 28], [1, 44, 22], [1, 44, 16], [1, 70, 55], [1, 70, 44], [2, 35, 17], [2, 35, 13], [1, 100, 80], [2, 50, 32], [2, 50, 24], [4, 25, 9], [1, 134, 108], [2, 67, 43], [2, 33, 15, 2, 34, 16], [2, 33, 11, 2, 34, 12], [2, 86, 68], [4, 43, 27], [4, 43, 19], [4, 43, 15], [2, 98, 78], [4, 49, 31], [2, 32, 14, 4, 33, 15], [4, 39, 13, 1, 40, 14], [2, 121, 97], [2, 60, 38, 2, 61, 39], [4, 40, 18, 2, 41, 19], [4, 40, 14, 2, 41, 15], [2, 146, 116], [3, 58, 36, 2, 59, 37], [4, 36, 16, 4, 37, 17], [4, 36, 12, 4, 37, 13], [2, 86, 68, 2, 87, 69], [4, 69, 43, 1, 70, 44], [6, 43, 19, 2, 44, 20], [6, 43, 15, 2, 44, 16], [4, 101, 81], [1, 80, 50, 4, 81, 51], [4, 50, 22, 4, 51, 23], [3, 36, 12, 8, 37, 13], [2, 116, 92, 2, 117, 93], [6, 58, 36, 2, 59, 37], [4, 46, 20, 6, 47, 21], [7, 42, 14, 4, 43, 15], [4, 133, 107], [8, 59, 37, 1, 60, 38], [8, 44, 20, 4, 45, 21], [12, 33, 11, 4, 34, 12], [3, 145, 115, 1, 146, 116], [4, 64, 40, 5, 65, 41], [11, 36, 16, 5, 37, 17], [11, 36, 12, 5, 37, 13], [5, 109, 87, 1, 110, 88], [5, 65, 41, 5, 66, 42], [5, 54, 24, 7, 55, 25], [11, 36, 12, 7, 37, 13], [5, 122, 98, 1, 123, 99], [7, 73, 45, 3, 74, 46], [15, 43, 19, 2, 44, 20], [3, 45, 15, 13, 46, 16], [1, 135, 107, 5, 136, 108], [10, 74, 46, 1, 75, 47], [1, 50, 22, 15, 51, 23], [2, 42, 14, 17, 43, 15], [5, 150, 120, 1, 151, 121], [9, 69, 43, 4, 70, 44], [17, 50, 22, 1, 51, 23], [2, 42, 14, 19, 43, 15], [3, 141, 113, 4, 142, 114], [3, 70, 44, 11, 71, 45], [17, 47, 21, 4, 48, 22], [9, 39, 13, 16, 40, 14], [3, 135, 107, 5, 136, 108], [3, 67, 41, 13, 68, 42], [15, 54, 24, 5, 55, 25], [15, 43, 15, 10, 44, 16], [4, 144, 116, 4, 145, 117], [17, 68, 42], [17, 50, 22, 6, 51, 23], [19, 46, 16, 6, 47, 17], [2, 139, 111, 7, 140, 112], [17, 74, 46], [7, 54, 24, 16, 55, 25], [34, 37, 13], [4, 151, 121, 5, 152, 122], [4, 75, 47, 14, 76, 48], [11, 54, 24, 14, 55, 25], [16, 45, 15, 14, 46, 16], [6, 147, 117, 4, 148, 118], [6, 73, 45, 14, 74, 46], [11, 54, 24, 16, 55, 25], [30, 46, 16, 2, 47, 17], [8, 132, 106, 4, 133, 107], [8, 75, 47, 13, 76, 48], [7, 54, 24, 22, 55, 25], [22, 45, 15, 13, 46, 16], [10, 142, 114, 2, 143, 115], [19, 74, 46, 4, 75, 47], [28, 50, 22, 6, 51, 23], [33, 46, 16, 4, 47, 17], [8, 152, 122, 4, 153, 123], [22, 73, 45, 3, 74, 46], [8, 53, 23, 26, 54, 24], [12, 45, 15, 28, 46, 16], [3, 147, 117, 10, 148, 118], [3, 73, 45, 23, 74, 46], [4, 54, 24, 31, 55, 25], [11, 45, 15, 31, 46, 16], [7, 146, 116, 7, 147, 117], [21, 73, 45, 7, 74, 46], [1, 53, 23, 37, 54, 24], [19, 45, 15, 26, 46, 16], [5, 145, 115, 10, 146, 116], [19, 75, 47, 10, 76, 48], [15, 54, 24, 25, 55, 25], [23, 45, 15, 25, 46, 16], [13, 145, 115, 3, 146, 116], [2, 74, 46, 29, 75, 47], [42, 54, 24, 1, 55, 25], [23, 45, 15, 28, 46, 16], [17, 145, 115], [10, 74, 46, 23, 75, 47], [10, 54, 24, 35, 55, 25], [19, 45, 15, 35, 46, 16], [17, 145, 115, 1, 146, 116], [14, 74, 46, 21, 75, 47], [29, 54, 24, 19, 55, 25], [11, 45, 15, 46, 46, 16], [13, 145, 115, 6, 146, 116], [14, 74, 46, 23, 75, 47], [44, 54, 24, 7, 55, 25], [59, 46, 16, 1, 47, 17], [12, 151, 121, 7, 152, 122], [12, 75, 47, 26, 76, 48], [39, 54, 24, 14, 55, 25], [22, 45, 15, 41, 46, 16], [6, 151, 121, 14, 152, 122], [6, 75, 47, 34, 76, 48], [46, 54, 24, 10, 55, 25], [2, 45, 15, 64, 46, 16], [17, 152, 122, 4, 153, 123], [29, 74, 46, 14, 75, 47], [49, 54, 24, 10, 55, 25], [24, 45, 15, 46, 46, 16], [4, 152, 122, 18, 153, 123], [13, 74, 46, 32, 75, 47], [48, 54, 24, 14, 55, 25], [42, 45, 15, 32, 46, 16], [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10, 45, 15, 67, 46, 16], [19, 148, 118, 6, 149, 119], [18, 75, 47, 31, 76, 48], [34, 54, 24, 34, 55, 25], [20, 45, 15, 61, 46, 16]],
                       e = function e(t, _e) {
                     var r = {};
@@ -990,8 +1032,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       if (void 0 === o) throw "bad rs block @ typeNumber:" + r + "/errorCorrectionLevel:" + n;
 
                       for (var i = o.length / 3, s = [], u = 0; u < i; u += 1) {
-                        for (var c = o[3 * u + 0], h = o[3 * u + 1], d = o[3 * u + 2], l = 0; l < c; l += 1) {
-                          s.push(e(h, d));
+                        for (var h = o[3 * u + 0], c = o[3 * u + 1], l = o[3 * u + 2], d = 0; d < h; d += 1) {
+                          s.push(e(c, l));
                         }
                       }
 
@@ -1001,7 +1043,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                   return r;
                 }(),
-                    d = function d() {
+                    l = function l() {
                   var t = [],
                       e = 0,
                       r = {
@@ -1027,7 +1069,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                   return r;
                 },
-                    l = function l(t) {
+                    d = function d(t) {
                   var e = t,
                       r = {
                     getMode: function getMode() {
@@ -1114,7 +1156,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                   return r;
                 },
-                    p = function p(e) {
+                    g = function g(e) {
                   var r = t.stringToBytes(e);
                   return {
                     getMode: function getMode() {
@@ -1130,7 +1172,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     }
                   };
                 },
-                    g = function g(e) {
+                    p = function p(e) {
                   var r = t.stringToBytesFuncs.SJIS;
                   if (!r) throw "sjis not supported.";
                   !function (t, e) {
@@ -1196,7 +1238,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   };
                   return e;
                 },
-                    y = function y(t) {
+                    w = function w(t) {
                   var e = t,
                       r = 0,
                       n = 0,
@@ -1229,7 +1271,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                   return i;
                 },
-                    w = function w(t, e, r) {
+                    y = function y(t, e, r) {
                   for (var n = function (t, e) {
                     var r = t,
                         n = e,
@@ -1257,33 +1299,33 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                       i.add(String.fromCharCode(e)), i.add(String.fromCharCode(r));
                       var u,
-                          c,
                           h,
-                          d = v(),
-                          l = (u = d, c = 0, h = 0, {
+                          c,
+                          l = v(),
+                          d = (u = l, h = 0, c = 0, {
                         write: function write(t, e) {
                           if (t >>> e != 0) throw "length over";
 
-                          for (; c + e >= 8;) {
-                            u.writeByte(255 & (t << c | h)), e -= 8 - c, t >>>= 8 - c, h = 0, c = 0;
+                          for (; h + e >= 8;) {
+                            u.writeByte(255 & (t << h | c)), e -= 8 - h, t >>>= 8 - h, c = 0, h = 0;
                           }
 
-                          h |= t << c, c += e;
+                          c |= t << h, h += e;
                         },
                         flush: function flush() {
-                          c > 0 && u.writeByte(h);
+                          h > 0 && u.writeByte(c);
                         }
                       });
-                      l.write(e, n);
+                      d.write(e, n);
                       var f = 0,
-                          p = String.fromCharCode(o[f]);
+                          g = String.fromCharCode(o[f]);
 
                       for (f += 1; f < o.length;) {
-                        var g = String.fromCharCode(o[f]);
-                        f += 1, i.contains(p + g) ? p += g : (l.write(i.indexOf(p), n), i.size() < 4095 && (i.size() == 1 << n && (n += 1), i.add(p + g)), p = g);
+                        var p = String.fromCharCode(o[f]);
+                        f += 1, i.contains(g + p) ? g += p : (d.write(i.indexOf(g), n), i.size() < 4095 && (i.size() == 1 << n && (n += 1), i.add(g + p)), g = p);
                       }
 
-                      return l.write(i.indexOf(p), n), l.write(r, n), l.flush(), d.toByteArray();
+                      return d.write(i.indexOf(g), n), d.write(r, n), d.flush(), l.toByteArray();
                     },
                         s = function s() {
                       var t = {},
@@ -1347,8 +1389,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     }, o.toString = function () {
                       return n;
                     }, o;
-                  }(), u = a.toByteArray(), c = 0; c < u.length; c += 1) {
-                    s.writeByte(u[c]);
+                  }(), u = a.toByteArray(), h = 0; h < u.length; h += 1) {
+                    s.writeByte(u[h]);
                   }
 
                   return s.flush(), "data:image/gif;base64," + s;
@@ -1370,12 +1412,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 return o;
               }) ? r.apply(e, []) : r) || (t.exports = n);
             },
-            796: function _(t, e, r) {
+            676: function _(t, e, r) {
               "use strict";
 
               r.d(e, {
                 "default": function _default() {
-                  return W;
+                  return q;
                 }
               });
 
@@ -1430,49 +1472,148 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
               }
 
               function u(t) {
-                var e = t.originalHeight,
-                    r = t.originalWidth,
-                    n = t.maxHiddenDots,
-                    o = t.maxHiddenAxisDots,
-                    i = t.dotSize,
-                    a = {
-                  x: 0,
-                  y: 0
-                },
-                    s = {
-                  x: 0,
-                  y: 0
-                };
-                if (e <= 0 || r <= 0 || n <= 0 || i <= 0) return {
-                  height: 0,
-                  width: 0,
-                  hideYDots: 0,
-                  hideXDots: 0
-                };
-                var u = e / r;
-                return a.x = Math.floor(Math.sqrt(n / u)), a.x <= 0 && (a.x = 1), o && o < a.x && (a.x = o), a.x % 2 == 0 && a.x--, s.x = a.x * i, a.y = 1 + 2 * Math.ceil((a.x * u - 1) / 2), s.y = Math.round(s.x * u), (a.y * a.x > n || o && o < a.y) && (o && o < a.y ? (a.y = o, a.y % 2 == 0 && a.x--) : a.y -= 2, s.y = a.y * i, a.x = 1 + 2 * Math.ceil((a.y / u - 1) / 2), s.x = Math.round(s.y / u)), {
-                  height: s.y,
-                  width: s.x,
-                  hideYDots: a.y,
-                  hideXDots: a.x
-                };
+                return e = this, r = void 0, o = function o() {
+                  return function (t, e) {
+                    var r,
+                        n,
+                        o,
+                        i,
+                        a = {
+                      label: 0,
+                      sent: function sent() {
+                        if (1 & o[0]) throw o[1];
+                        return o[1];
+                      },
+                      trys: [],
+                      ops: []
+                    };
+                    return i = {
+                      next: s(0),
+                      "throw": s(1),
+                      "return": s(2)
+                    }, "function" == typeof Symbol && (i[Symbol.iterator] = function () {
+                      return this;
+                    }), i;
+
+                    function s(i) {
+                      return function (s) {
+                        return function (i) {
+                          if (r) throw new TypeError("Generator is already executing.");
+
+                          for (; a;) {
+                            try {
+                              if (r = 1, n && (o = 2 & i[0] ? n["return"] : i[0] ? n["throw"] || ((o = n["return"]) && o.call(n), 0) : n.next) && !(o = o.call(n, i[1])).done) return o;
+
+                              switch (n = 0, o && (i = [2 & i[0], o.value]), i[0]) {
+                                case 0:
+                                case 1:
+                                  o = i;
+                                  break;
+
+                                case 4:
+                                  return a.label++, {
+                                    value: i[1],
+                                    done: !1
+                                  };
+
+                                case 5:
+                                  a.label++, n = i[1], i = [0];
+                                  continue;
+
+                                case 7:
+                                  i = a.ops.pop(), a.trys.pop();
+                                  continue;
+
+                                default:
+                                  if (!((o = (o = a.trys).length > 0 && o[o.length - 1]) || 6 !== i[0] && 2 !== i[0])) {
+                                    a = 0;
+                                    continue;
+                                  }
+
+                                  if (3 === i[0] && (!o || i[1] > o[0] && i[1] < o[3])) {
+                                    a.label = i[1];
+                                    break;
+                                  }
+
+                                  if (6 === i[0] && a.label < o[1]) {
+                                    a.label = o[1], o = i;
+                                    break;
+                                  }
+
+                                  if (o && a.label < o[2]) {
+                                    a.label = o[2], a.ops.push(i);
+                                    break;
+                                  }
+
+                                  o[2] && a.ops.pop(), a.trys.pop();
+                                  continue;
+                              }
+
+                              i = e.call(t, a);
+                            } catch (t) {
+                              i = [6, t], n = 0;
+                            } finally {
+                              r = o = 0;
+                            }
+                          }
+
+                          if (5 & i[0]) throw i[1];
+                          return {
+                            value: i[0] ? i[1] : void 0,
+                            done: !0
+                          };
+                        }([i, s]);
+                      };
+                    }
+                  }(this, function (e) {
+                    return [2, new Promise(function (e) {
+                      var r = new XMLHttpRequest();
+                      r.onload = function () {
+                        var t = new FileReader();
+                        t.onloadend = function () {
+                          e(t.result);
+                        }, t.readAsDataURL(r.response);
+                      }, r.open("GET", t), r.responseType = "blob", r.send();
+                    })];
+                  });
+                }, new ((n = void 0) || (n = Promise))(function (t, i) {
+                  function a(t) {
+                    try {
+                      u(o.next(t));
+                    } catch (t) {
+                      i(t);
+                    }
+                  }
+
+                  function s(t) {
+                    try {
+                      u(o["throw"](t));
+                    } catch (t) {
+                      i(t);
+                    }
+                  }
+
+                  function u(e) {
+                    var r;
+                    e.done ? t(e.value) : (r = e.value, r instanceof n ? r : new n(function (t) {
+                      t(r);
+                    })).then(a, s);
+                  }
+
+                  u((o = o.apply(e, r || [])).next());
+                });
+                var e, r, n, o;
               }
 
-              var c = {
+              var h = {
                 L: .07,
                 M: .15,
                 Q: .25,
                 H: .3
-              },
-                  h = "dots",
-                  d = "rounded",
-                  l = "classy",
-                  f = "classy-rounded",
-                  p = "square",
-                  g = "extra-rounded";
-
-              var _v = function v() {
-                return (_v = Object.assign || function (t) {
+              };
+
+              var _c = function c() {
+                return (_c = Object.assign || function (t) {
                   for (var e, r = 1, n = arguments.length; r < n; r++) {
                     for (var o in e = arguments[r]) {
                       Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
@@ -1483,39 +1624,38 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 }).apply(this, arguments);
               };
 
-              var y = function () {
+              var l = function () {
                 function t(t) {
-                  var e = t.context,
+                  var e = t.svg,
                       r = t.type;
-                  this._context = e, this._type = r;
+                  this._svg = e, this._type = r;
                 }
 
                 return t.prototype.draw = function (t, e, r, n) {
-                  var o,
-                      i = this._context;
+                  var o;
 
                   switch (this._type) {
-                    case h:
+                    case "dots":
                       o = this._drawDot;
                       break;
 
-                    case l:
+                    case "classy":
                       o = this._drawClassy;
                       break;
 
-                    case f:
+                    case "classy-rounded":
                       o = this._drawClassyRounded;
                       break;
 
-                    case d:
+                    case "rounded":
                       o = this._drawRounded;
                       break;
 
-                    case g:
+                    case "extra-rounded":
                       o = this._drawExtraRounded;
                       break;
 
-                    case p:
+                    case "square":
                     default:
                       o = this._drawSquare;
                   }
@@ -1524,276 +1664,251 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     x: t,
                     y: e,
                     size: r,
-                    context: i,
                     getNeighbor: n
                   });
                 }, t.prototype._rotateFigure = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.context,
+                  var e,
+                      r = t.x,
+                      n = t.y,
+                      o = t.size,
                       i = t.rotation,
                       a = void 0 === i ? 0 : i,
-                      s = t.draw,
-                      u = e + n / 2,
-                      c = r + n / 2;
-                  o.translate(u, c), a && o.rotate(a), s(), o.closePath(), a && o.rotate(-a), o.translate(-u, -c);
+                      s = r + o / 2,
+                      u = n + o / 2;
+                  (0, t.draw)(), null === (e = this._element) || void 0 === e || e.setAttribute("transform", "rotate(" + 180 * a / Math.PI + "," + s + "," + u + ")");
                 }, t.prototype._basicDot = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_v(_v({}, t), {
+                  this._rotateFigure(_c(_c({}, t), {
                     draw: function draw() {
-                      r.arc(0, 0, e / 2, 0, 2 * Math.PI);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "circle"), e._element.setAttribute("cx", String(n + r / 2)), e._element.setAttribute("cy", String(o + r / 2)), e._element.setAttribute("r", String(r / 2));
                     }
                   }));
                 }, t.prototype._basicSquare = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_v(_v({}, t), {
+                  this._rotateFigure(_c(_c({}, t), {
                     draw: function draw() {
-                      r.rect(-e / 2, -e / 2, e, e);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "rect"), e._element.setAttribute("x", String(n)), e._element.setAttribute("y", String(o)), e._element.setAttribute("width", String(r)), e._element.setAttribute("height", String(r));
                     }
                   }));
                 }, t.prototype._basicSideRounded = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_v(_v({}, t), {
+                  this._rotateFigure(_c(_c({}, t), {
                     draw: function draw() {
-                      r.arc(0, 0, e / 2, -Math.PI / 2, Math.PI / 2), r.lineTo(-e / 2, e / 2), r.lineTo(-e / 2, -e / 2), r.lineTo(0, -e / 2);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, 0 " + -r);
                     }
                   }));
                 }, t.prototype._basicCornerRounded = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_v(_v({}, t), {
+                  this._rotateFigure(_c(_c({}, t), {
                     draw: function draw() {
-                      r.arc(0, 0, e / 2, -Math.PI / 2, 0), r.lineTo(e / 2, e / 2), r.lineTo(-e / 2, e / 2), r.lineTo(-e / 2, -e / 2), r.lineTo(0, -e / 2);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r + "v " + -r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, " + -r / 2 + " " + -r / 2);
                     }
                   }));
                 }, t.prototype._basicCornerExtraRounded = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_v(_v({}, t), {
+                  this._rotateFigure(_c(_c({}, t), {
                     draw: function draw() {
-                      r.arc(-e / 2, e / 2, e, -Math.PI / 2, 0), r.lineTo(-e / 2, e / 2), r.lineTo(-e / 2, -e / 2);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r + "a " + r + " " + r + ", 0, 0, 0, " + -r + " " + -r);
                     }
                   }));
                 }, t.prototype._basicCornersRounded = function (t) {
-                  var e = t.size,
-                      r = t.context;
-
-                  this._rotateFigure(_v(_v({}, t), {
-                    draw: function draw() {
-                      r.arc(0, 0, e / 2, -Math.PI / 2, 0), r.lineTo(e / 2, e / 2), r.lineTo(0, e / 2), r.arc(0, 0, e / 2, Math.PI / 2, Math.PI), r.lineTo(-e / 2, -e / 2), r.lineTo(0, -e / 2);
-                    }
-                  }));
-                }, t.prototype._basicCornersExtraRounded = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_v(_v({}, t), {
+                  this._rotateFigure(_c(_c({}, t), {
                     draw: function draw() {
-                      r.arc(-e / 2, e / 2, e, -Math.PI / 2, 0), r.arc(e / 2, -e / 2, e, Math.PI / 2, Math.PI);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, " + r / 2 + " " + r / 2 + "h " + r / 2 + "v " + -r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, " + -r / 2 + " " + -r / 2);
                     }
                   }));
                 }, t.prototype._drawDot = function (t) {
                   var e = t.x,
                       r = t.y,
-                      n = t.size,
-                      o = t.context;
+                      n = t.size;
 
                   this._basicDot({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: 0
                   });
                 }, t.prototype._drawSquare = function (t) {
                   var e = t.x,
                       r = t.y,
-                      n = t.size,
-                      o = t.context;
+                      n = t.size;
 
                   this._basicSquare({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: 0
                   });
                 }, t.prototype._drawRounded = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.getNeighbor,
-                      a = i ? +i(-1, 0) : 0,
-                      s = i ? +i(1, 0) : 0,
-                      u = i ? +i(0, -1) : 0,
-                      c = i ? +i(0, 1) : 0,
-                      h = a + s + u + c;
+                      o = t.getNeighbor,
+                      i = o ? +o(-1, 0) : 0,
+                      a = o ? +o(1, 0) : 0,
+                      s = o ? +o(0, -1) : 0,
+                      u = o ? +o(0, 1) : 0,
+                      h = i + a + s + u;
                   if (0 !== h) {
-                    if (h > 2 || a && s || u && c) this._basicSquare({
+                    if (h > 2 || i && a || s && u) this._basicSquare({
                       x: e,
                       y: r,
                       size: n,
-                      context: o,
                       rotation: 0
                     });else {
                       if (2 === h) {
-                        var d = 0;
-                        return a && u ? d = Math.PI / 2 : u && s ? d = Math.PI : s && c && (d = -Math.PI / 2), void this._basicCornerRounded({
+                        var c = 0;
+                        return i && s ? c = Math.PI / 2 : s && a ? c = Math.PI : a && u && (c = -Math.PI / 2), void this._basicCornerRounded({
                           x: e,
                           y: r,
                           size: n,
-                          context: o,
-                          rotation: d
+                          rotation: c
                         });
                       }
 
-                      if (1 === h) return d = 0, u ? d = Math.PI / 2 : s ? d = Math.PI : c && (d = -Math.PI / 2), void this._basicSideRounded({
+                      if (1 === h) return c = 0, s ? c = Math.PI / 2 : a ? c = Math.PI : u && (c = -Math.PI / 2), void this._basicSideRounded({
                         x: e,
                         y: r,
                         size: n,
-                        context: o,
-                        rotation: d
+                        rotation: c
                       });
                     }
                   } else this._basicDot({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: 0
                   });
                 }, t.prototype._drawExtraRounded = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.getNeighbor,
-                      a = i ? +i(-1, 0) : 0,
-                      s = i ? +i(1, 0) : 0,
-                      u = i ? +i(0, -1) : 0,
-                      c = i ? +i(0, 1) : 0,
-                      h = a + s + u + c;
+                      o = t.getNeighbor,
+                      i = o ? +o(-1, 0) : 0,
+                      a = o ? +o(1, 0) : 0,
+                      s = o ? +o(0, -1) : 0,
+                      u = o ? +o(0, 1) : 0,
+                      h = i + a + s + u;
                   if (0 !== h) {
-                    if (h > 2 || a && s || u && c) this._basicSquare({
+                    if (h > 2 || i && a || s && u) this._basicSquare({
                       x: e,
                       y: r,
                       size: n,
-                      context: o,
                       rotation: 0
                     });else {
                       if (2 === h) {
-                        var d = 0;
-                        return a && u ? d = Math.PI / 2 : u && s ? d = Math.PI : s && c && (d = -Math.PI / 2), void this._basicCornerExtraRounded({
+                        var c = 0;
+                        return i && s ? c = Math.PI / 2 : s && a ? c = Math.PI : a && u && (c = -Math.PI / 2), void this._basicCornerExtraRounded({
                           x: e,
                           y: r,
                           size: n,
-                          context: o,
-                          rotation: d
+                          rotation: c
                         });
                       }
 
-                      if (1 === h) return d = 0, u ? d = Math.PI / 2 : s ? d = Math.PI : c && (d = -Math.PI / 2), void this._basicSideRounded({
+                      if (1 === h) return c = 0, s ? c = Math.PI / 2 : a ? c = Math.PI : u && (c = -Math.PI / 2), void this._basicSideRounded({
                         x: e,
                         y: r,
                         size: n,
-                        context: o,
-                        rotation: d
+                        rotation: c
                       });
                     }
                   } else this._basicDot({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: 0
                   });
                 }, t.prototype._drawClassy = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.getNeighbor,
-                      a = i ? +i(-1, 0) : 0,
-                      s = i ? +i(1, 0) : 0,
-                      u = i ? +i(0, -1) : 0,
-                      c = i ? +i(0, 1) : 0;
-                  0 !== a + s + u + c ? a || u ? s || c ? this._basicSquare({
+                      o = t.getNeighbor,
+                      i = o ? +o(-1, 0) : 0,
+                      a = o ? +o(1, 0) : 0,
+                      s = o ? +o(0, -1) : 0,
+                      u = o ? +o(0, 1) : 0;
+                  0 !== i + a + s + u ? i || s ? a || u ? this._basicSquare({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: 0
                   }) : this._basicCornerRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: Math.PI / 2
                   }) : this._basicCornerRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: -Math.PI / 2
                   }) : this._basicCornersRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: Math.PI / 2
                   });
                 }, t.prototype._drawClassyRounded = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.getNeighbor,
-                      a = i ? +i(-1, 0) : 0,
-                      s = i ? +i(1, 0) : 0,
-                      u = i ? +i(0, -1) : 0,
-                      c = i ? +i(0, 1) : 0;
-                  0 !== a + s + u + c ? a || u ? s || c ? this._basicSquare({
+                      o = t.getNeighbor,
+                      i = o ? +o(-1, 0) : 0,
+                      a = o ? +o(1, 0) : 0,
+                      s = o ? +o(0, -1) : 0,
+                      u = o ? +o(0, 1) : 0;
+                  0 !== i + a + s + u ? i || s ? a || u ? this._basicSquare({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: 0
                   }) : this._basicCornerExtraRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: Math.PI / 2
                   }) : this._basicCornerExtraRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: -Math.PI / 2
                   }) : this._basicCornersRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
                     rotation: Math.PI / 2
                   });
                 }, t;
-              }(),
-                  w = "square",
-                  _ = "extra-rounded";
+              }();
 
-              var _m = function m() {
-                return (_m = Object.assign || function (t) {
+              var _d = function d() {
+                return (_d = Object.assign || function (t) {
                   for (var e, r = 1, n = arguments.length; r < n; r++) {
                     for (var o in e = arguments[r]) {
                       Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
@@ -1804,23 +1919,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 }).apply(this, arguments);
               };
 
-              var b = function () {
+              var f = function () {
                 function t(t) {
-                  var e = t.context,
+                  var e = t.svg,
                       r = t.type;
-                  this._context = e, this._type = r;
+                  this._svg = e, this._type = r;
                 }
 
                 return t.prototype.draw = function (t, e, r, n) {
-                  var o,
-                      i = this._context;
+                  var o;
 
                   switch (this._type) {
-                    case w:
+                    case "square":
                       o = this._drawSquare;
                       break;
 
-                    case _:
+                    case "extra-rounded":
                       o = this._drawExtraRounded;
                       break;
 
@@ -1833,98 +1947,95 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     x: t,
                     y: e,
                     size: r,
-                    context: i,
                     rotation: n
                   });
                 }, t.prototype._rotateFigure = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.context,
+                  var e,
+                      r = t.x,
+                      n = t.y,
+                      o = t.size,
                       i = t.rotation,
                       a = void 0 === i ? 0 : i,
-                      s = t.draw,
-                      u = e + n / 2,
-                      c = r + n / 2;
-                  o.translate(u, c), a && o.rotate(a), s(), o.closePath(), a && o.rotate(-a), o.translate(-u, -c);
+                      s = r + o / 2,
+                      u = n + o / 2;
+                  (0, t.draw)(), null === (e = this._element) || void 0 === e || e.setAttribute("transform", "rotate(" + 180 * a / Math.PI + "," + s + "," + u + ")");
                 }, t.prototype._basicDot = function (t) {
-                  var e = t.size,
-                      r = t.context,
-                      n = e / 7;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y,
+                      i = r / 7;
 
-                  this._rotateFigure(_m(_m({}, t), {
+                  this._rotateFigure(_d(_d({}, t), {
                     draw: function draw() {
-                      r.arc(0, 0, e / 2, 0, 2 * Math.PI), r.arc(0, 0, e / 2 - n, 0, 2 * Math.PI);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("clip-rule", "evenodd"), e._element.setAttribute("d", "M " + (n + r / 2) + " " + o + "a " + r / 2 + " " + r / 2 + " 0 1 0 0.1 0zm 0 " + i + "a " + (r / 2 - i) + " " + (r / 2 - i) + " 0 1 1 -0.1 0Z");
                     }
                   }));
                 }, t.prototype._basicSquare = function (t) {
-                  var e = t.size,
-                      r = t.context,
-                      n = e / 7;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y,
+                      i = r / 7;
 
-                  this._rotateFigure(_m(_m({}, t), {
+                  this._rotateFigure(_d(_d({}, t), {
                     draw: function draw() {
-                      r.rect(-e / 2, -e / 2, e, e), r.rect(-e / 2 + n, -e / 2 + n, e - 2 * n, e - 2 * n);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("clip-rule", "evenodd"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r + "v " + -r + "zM " + (n + i) + " " + (o + i) + "h " + (r - 2 * i) + "v " + (r - 2 * i) + "h " + (2 * i - r) + "z");
                     }
                   }));
                 }, t.prototype._basicExtraRounded = function (t) {
-                  var e = t.size,
-                      r = t.context,
-                      n = e / 7;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y,
+                      i = r / 7;
 
-                  this._rotateFigure(_m(_m({}, t), {
+                  this._rotateFigure(_d(_d({}, t), {
                     draw: function draw() {
-                      r.arc(-n, -n, 2.5 * n, Math.PI, -Math.PI / 2), r.lineTo(n, -3.5 * n), r.arc(n, -n, 2.5 * n, -Math.PI / 2, 0), r.lineTo(3.5 * n, -n), r.arc(n, n, 2.5 * n, 0, Math.PI / 2), r.lineTo(-n, 3.5 * n), r.arc(-n, n, 2.5 * n, Math.PI / 2, Math.PI), r.lineTo(-3.5 * n, -n), r.arc(-n, -n, 1.5 * n, Math.PI, -Math.PI / 2), r.lineTo(n, -2.5 * n), r.arc(n, -n, 1.5 * n, -Math.PI / 2, 0), r.lineTo(2.5 * n, -n), r.arc(n, n, 1.5 * n, 0, Math.PI / 2), r.lineTo(-n, 2.5 * n), r.arc(-n, n, 1.5 * n, Math.PI / 2, Math.PI), r.lineTo(-2.5 * n, -n);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("clip-rule", "evenodd"), e._element.setAttribute("d", "M " + n + " " + (o + 2.5 * i) + "v " + 2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * i + " " + 2.5 * i + "h " + 2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * i + " " + 2.5 * -i + "v " + -2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * -i + " " + 2.5 * -i + "h " + -2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * -i + " " + 2.5 * i + "M " + (n + 2.5 * i) + " " + (o + i) + "h " + 2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * i + " " + 1.5 * i + "v " + 2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * -i + " " + 1.5 * i + "h " + -2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * -i + " " + 1.5 * -i + "v " + -2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * i + " " + 1.5 * -i);
                     }
                   }));
                 }, t.prototype._drawDot = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.rotation;
+                      o = t.rotation;
 
                   this._basicDot({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
-                    rotation: i
+                    rotation: o
                   });
                 }, t.prototype._drawSquare = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.rotation;
+                      o = t.rotation;
 
                   this._basicSquare({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
-                    rotation: i
+                    rotation: o
                   });
                 }, t.prototype._drawExtraRounded = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.rotation;
+                      o = t.rotation;
 
                   this._basicExtraRounded({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
-                    rotation: i
+                    rotation: o
                   });
                 }, t;
-              }(),
-                  x = "square";
+              }();
 
-              var _M = function M() {
-                return (_M = Object.assign || function (t) {
+              var _g = function g() {
+                return (_g = Object.assign || function (t) {
                   for (var e, r = 1, n = arguments.length; r < n; r++) {
                     for (var o in e = arguments[r]) {
                       Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
@@ -1935,19 +2046,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 }).apply(this, arguments);
               };
 
-              var S = function () {
+              var p = function () {
                 function t(t) {
-                  var e = t.context,
+                  var e = t.svg,
                       r = t.type;
-                  this._context = e, this._type = r;
+                  this._svg = e, this._type = r;
                 }
 
                 return t.prototype.draw = function (t, e, r, n) {
-                  var o,
-                      i = this._context;
+                  var o;
 
                   switch (this._type) {
-                    case x:
+                    case "square":
                       o = this._drawSquare;
                       break;
 
@@ -1960,1041 +2070,193 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     x: t,
                     y: e,
                     size: r,
-                    context: i,
                     rotation: n
                   });
                 }, t.prototype._rotateFigure = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.context,
+                  var e,
+                      r = t.x,
+                      n = t.y,
+                      o = t.size,
                       i = t.rotation,
                       a = void 0 === i ? 0 : i,
-                      s = t.draw,
-                      u = e + n / 2,
-                      c = r + n / 2;
-                  o.translate(u, c), a && o.rotate(a), s(), o.closePath(), a && o.rotate(-a), o.translate(-u, -c);
+                      s = r + o / 2,
+                      u = n + o / 2;
+                  (0, t.draw)(), null === (e = this._element) || void 0 === e || e.setAttribute("transform", "rotate(" + 180 * a / Math.PI + "," + s + "," + u + ")");
                 }, t.prototype._basicDot = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_M(_M({}, t), {
+                  this._rotateFigure(_g(_g({}, t), {
                     draw: function draw() {
-                      r.arc(0, 0, e / 2, 0, 2 * Math.PI);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "circle"), e._element.setAttribute("cx", String(n + r / 2)), e._element.setAttribute("cy", String(o + r / 2)), e._element.setAttribute("r", String(r / 2));
                     }
                   }));
                 }, t.prototype._basicSquare = function (t) {
-                  var e = t.size,
-                      r = t.context;
+                  var e = this,
+                      r = t.size,
+                      n = t.x,
+                      o = t.y;
 
-                  this._rotateFigure(_M(_M({}, t), {
+                  this._rotateFigure(_g(_g({}, t), {
                     draw: function draw() {
-                      r.rect(-e / 2, -e / 2, e, e);
+                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "rect"), e._element.setAttribute("x", String(n)), e._element.setAttribute("y", String(o)), e._element.setAttribute("width", String(r)), e._element.setAttribute("height", String(r));
                     }
                   }));
                 }, t.prototype._drawDot = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.rotation;
+                      o = t.rotation;
 
                   this._basicDot({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
-                    rotation: i
+                    rotation: o
                   });
                 }, t.prototype._drawSquare = function (t) {
                   var e = t.x,
                       r = t.y,
                       n = t.size,
-                      o = t.context,
-                      i = t.rotation;
+                      o = t.rotation;
 
                   this._basicSquare({
                     x: e,
                     y: r,
                     size: n,
-                    context: o,
-                    rotation: i
+                    rotation: o
                   });
                 }, t;
               }(),
-                  C = "radial";
+                  v = "circle";
 
-              var P = [[1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 1, 1, 1, 1, 1, 1]],
-                  O = [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]];
+              var w = function w(t, e, r, n) {
+                return new (r || (r = Promise))(function (o, i) {
+                  function a(t) {
+                    try {
+                      u(n.next(t));
+                    } catch (t) {
+                      i(t);
+                    }
+                  }
 
-              var z = function () {
-                function t(t) {
-                  this._canvas = document.createElement("canvas"), this._canvas.width = t.width, this._canvas.height = t.height, this._options = t;
-                }
+                  function s(t) {
+                    try {
+                      u(n["throw"](t));
+                    } catch (t) {
+                      i(t);
+                    }
+                  }
 
-                return Object.defineProperty(t.prototype, "context", {
-                  get: function get() {
-                    return this._canvas.getContext("2d");
-                  },
-                  enumerable: !1,
-                  configurable: !0
-                }), Object.defineProperty(t.prototype, "width", {
-                  get: function get() {
-                    return this._canvas.width;
-                  },
-                  enumerable: !1,
-                  configurable: !0
-                }), Object.defineProperty(t.prototype, "height", {
-                  get: function get() {
-                    return this._canvas.height;
-                  },
-                  enumerable: !1,
-                  configurable: !0
-                }), t.prototype.getCanvas = function () {
-                  return this._canvas;
-                }, t.prototype.clear = function () {
-                  var t = this.context;
-                  t && t.clearRect(0, 0, this._canvas.width, this._canvas.height);
-                }, t.prototype.drawQR = function (t) {
-                  return e = this, r = void 0, o = function o() {
-                    var e,
-                        r,
-                        n,
-                        o,
-                        i,
-                        a,
-                        s,
-                        h,
-                        d,
-                        l = this;
-                    return function (t, e) {
-                      var r,
-                          n,
-                          o,
-                          i,
-                          a = {
-                        label: 0,
-                        sent: function sent() {
-                          if (1 & o[0]) throw o[1];
-                          return o[1];
-                        },
-                        trys: [],
-                        ops: []
-                      };
-                      return i = {
-                        next: s(0),
-                        "throw": s(1),
-                        "return": s(2)
-                      }, "function" == typeof Symbol && (i[Symbol.iterator] = function () {
-                        return this;
-                      }), i;
-
-                      function s(i) {
-                        return function (s) {
-                          return function (i) {
-                            if (r) throw new TypeError("Generator is already executing.");
-
-                            for (; a;) {
-                              try {
-                                if (r = 1, n && (o = 2 & i[0] ? n["return"] : i[0] ? n["throw"] || ((o = n["return"]) && o.call(n), 0) : n.next) && !(o = o.call(n, i[1])).done) return o;
-
-                                switch (n = 0, o && (i = [2 & i[0], o.value]), i[0]) {
-                                  case 0:
-                                  case 1:
-                                    o = i;
-                                    break;
-
-                                  case 4:
-                                    return a.label++, {
-                                      value: i[1],
-                                      done: !1
-                                    };
-
-                                  case 5:
-                                    a.label++, n = i[1], i = [0];
-                                    continue;
-
-                                  case 7:
-                                    i = a.ops.pop(), a.trys.pop();
-                                    continue;
-
-                                  default:
-                                    if (!((o = (o = a.trys).length > 0 && o[o.length - 1]) || 6 !== i[0] && 2 !== i[0])) {
-                                      a = 0;
-                                      continue;
-                                    }
-
-                                    if (3 === i[0] && (!o || i[1] > o[0] && i[1] < o[3])) {
-                                      a.label = i[1];
-                                      break;
-                                    }
-
-                                    if (6 === i[0] && a.label < o[1]) {
-                                      a.label = o[1], o = i;
-                                      break;
-                                    }
-
-                                    if (o && a.label < o[2]) {
-                                      a.label = o[2], a.ops.push(i);
-                                      break;
-                                    }
-
-                                    o[2] && a.ops.pop(), a.trys.pop();
-                                    continue;
-                                }
-
-                                i = e.call(t, a);
-                              } catch (t) {
-                                i = [6, t], n = 0;
-                              } finally {
-                                r = o = 0;
-                              }
-                            }
-
-                            if (5 & i[0]) throw i[1];
-                            return {
-                              value: i[0] ? i[1] : void 0,
-                              done: !0
-                            };
-                          }([i, s]);
-                        };
-                      }
-                    }(this, function (f) {
-                      switch (f.label) {
-                        case 0:
-                          return e = t.getModuleCount(), r = Math.min(this._options.width, this._options.height) - 2 * this._options.margin, n = Math.floor(r / e), o = {
-                            hideXDots: 0,
-                            hideYDots: 0,
-                            width: 0,
-                            height: 0
-                          }, this._qr = t, this._options.image ? [4, this.loadImage()] : [3, 2];
-
-                        case 1:
-                          if (f.sent(), !this._image) return [2];
-                          i = this._options, a = i.imageOptions, s = i.qrOptions, h = a.imageSize * c[s.errorCorrectionLevel], d = Math.floor(h * e * e), o = u({
-                            originalWidth: this._image.width,
-                            originalHeight: this._image.height,
-                            maxHiddenDots: d,
-                            maxHiddenAxisDots: e - 14,
-                            dotSize: n
-                          }), f.label = 2;
-
-                        case 2:
-                          return this.clear(), this.drawBackground(), this.drawDots(function (t, r) {
-                            var n, i, a, s, u, c;
-                            return !(l._options.imageOptions.hideBackgroundDots && t >= (e - o.hideXDots) / 2 && t < (e + o.hideXDots) / 2 && r >= (e - o.hideYDots) / 2 && r < (e + o.hideYDots) / 2 || (null === (n = P[t]) || void 0 === n ? void 0 : n[r]) || (null === (i = P[t - e + 7]) || void 0 === i ? void 0 : i[r]) || (null === (a = P[t]) || void 0 === a ? void 0 : a[r - e + 7]) || (null === (s = O[t]) || void 0 === s ? void 0 : s[r]) || (null === (u = O[t - e + 7]) || void 0 === u ? void 0 : u[r]) || (null === (c = O[t]) || void 0 === c ? void 0 : c[r - e + 7]));
-                          }), this.drawCorners(), this._options.image && this.drawImage({
-                            width: o.width,
-                            height: o.height,
-                            count: e,
-                            dotSize: n
-                          }), [2];
-                      }
-                    });
-                  }, new ((n = void 0) || (n = Promise))(function (t, i) {
-                    function a(t) {
-                      try {
-                        u(o.next(t));
-                      } catch (t) {
-                        i(t);
-                      }
-                    }
-
-                    function s(t) {
-                      try {
-                        u(o["throw"](t));
-                      } catch (t) {
-                        i(t);
-                      }
-                    }
-
-                    function u(e) {
-                      var r;
-                      e.done ? t(e.value) : (r = e.value, r instanceof n ? r : new n(function (t) {
-                        t(r);
-                      })).then(a, s);
-                    }
-
-                    u((o = o.apply(e, r || [])).next());
-                  });
-                  var e, r, n, o;
-                }, t.prototype.drawBackground = function () {
-                  var t = this.context,
-                      e = this._options;
-
-                  if (t) {
-                    if (e.backgroundOptions.gradient) {
-                      var r = e.backgroundOptions.gradient,
-                          n = this._createGradient({
-                        context: t,
-                        options: r,
-                        additionalRotation: 0,
-                        x: 0,
-                        y: 0,
-                        size: this._canvas.width > this._canvas.height ? this._canvas.width : this._canvas.height
-                      });
-
-                      r.colorStops.forEach(function (t) {
-                        var e = t.offset,
-                            r = t.color;
-                        n.addColorStop(e, r);
-                      }), t.fillStyle = n;
-                    } else e.backgroundOptions.color && (t.fillStyle = e.backgroundOptions.color);
-
-                    t.fillRect(0, 0, this._canvas.width, this._canvas.height);
-                  }
-                }, t.prototype.drawDots = function (t) {
-                  var e = this;
-                  if (!this._qr) throw "QR code is not defined";
-                  var r = this.context;
-                  if (!r) throw "QR code is not defined";
-
-                  var n = this._options,
-                      o = this._qr.getModuleCount();
-
-                  if (o > n.width || o > n.height) throw "The canvas is too small.";
-                  var i = Math.min(n.width, n.height) - 2 * n.margin,
-                      a = Math.floor(i / o),
-                      s = Math.floor((n.width - o * a) / 2),
-                      u = Math.floor((n.height - o * a) / 2),
-                      c = new y({
-                    context: r,
-                    type: n.dotsOptions.type
-                  });
-                  r.beginPath();
-
-                  for (var h = function h(r) {
-                    for (var n = function n(_n2) {
-                      return t && !t(r, _n2) ? "continue" : d._qr.isDark(r, _n2) ? void c.draw(s + r * a, u + _n2 * a, a, function (i, a) {
-                        return !(r + i < 0 || _n2 + a < 0 || r + i >= o || _n2 + a >= o) && !(t && !t(r + i, _n2 + a)) && !!e._qr && e._qr.isDark(r + i, _n2 + a);
-                      }) : "continue";
-                    }, i = 0; i < o; i++) {
-                      n(i);
-                    }
-                  }, d = this, l = 0; l < o; l++) {
-                    h(l);
-                  }
-
-                  if (n.dotsOptions.gradient) {
-                    var f = n.dotsOptions.gradient,
-                        p = this._createGradient({
-                      context: r,
-                      options: f,
-                      additionalRotation: 0,
-                      x: s,
-                      y: u,
-                      size: o * a
-                    });
-
-                    f.colorStops.forEach(function (t) {
-                      var e = t.offset,
-                          r = t.color;
-                      p.addColorStop(e, r);
-                    }), r.fillStyle = r.strokeStyle = p;
-                  } else n.dotsOptions.color && (r.fillStyle = r.strokeStyle = n.dotsOptions.color);
-
-                  r.fill("evenodd");
-                }, t.prototype.drawCorners = function (t) {
-                  var e = this;
-                  if (!this._qr) throw "QR code is not defined";
-                  var r = this.context;
-                  if (!r) throw "QR code is not defined";
-
-                  var n = this._options,
-                      o = this._qr.getModuleCount(),
-                      i = Math.min(n.width, n.height) - 2 * n.margin,
-                      a = Math.floor(i / o),
-                      s = 7 * a,
-                      u = 3 * a,
-                      c = Math.floor((n.width - o * a) / 2),
-                      h = Math.floor((n.height - o * a) / 2);
-
-                  [[0, 0, 0], [1, 0, Math.PI / 2], [0, 1, -Math.PI / 2]].forEach(function (i) {
-                    var d,
-                        l,
-                        f,
-                        p,
-                        g,
-                        v,
-                        w,
-                        _,
-                        m,
-                        x,
-                        M = i[0],
-                        C = i[1],
-                        z = i[2];
-
-                    if (!t || t(M, C)) {
-                      var D = c + M * a * (o - 7),
-                          I = h + C * a * (o - 7);
-
-                      if (null === (d = n.cornersSquareOptions) || void 0 === d ? void 0 : d.type) {
-                        var A = new b({
-                          context: r,
-                          type: null === (l = n.cornersSquareOptions) || void 0 === l ? void 0 : l.type
-                        });
-                        r.beginPath(), A.draw(D, I, s, z);
-                      } else {
-                        var k = new y({
-                          context: r,
-                          type: n.dotsOptions.type
-                        });
-                        r.beginPath();
-
-                        for (var q = function q(t) {
-                          for (var e = function e(_e2) {
-                            if (!(null === (f = P[t]) || void 0 === f ? void 0 : f[_e2])) return "continue";
-                            k.draw(D + t * a, I + _e2 * a, a, function (r, n) {
-                              var o;
-                              return !!(null === (o = P[t + r]) || void 0 === o ? void 0 : o[_e2 + n]);
-                            });
-                          }, r = 0; r < P[t].length; r++) {
-                            e(r);
-                          }
-                        }, R = 0; R < P.length; R++) {
-                          q(R);
-                        }
-                      }
-
-                      if (null === (p = n.cornersSquareOptions) || void 0 === p ? void 0 : p.gradient) {
-                        var B = n.cornersSquareOptions.gradient,
-                            E = e._createGradient({
-                          context: r,
-                          options: B,
-                          additionalRotation: z,
-                          x: D,
-                          y: I,
-                          size: s
-                        });
-
-                        B.colorStops.forEach(function (t) {
-                          var e = t.offset,
-                              r = t.color;
-                          E.addColorStop(e, r);
-                        }), r.fillStyle = r.strokeStyle = E;
-                      } else (null === (g = n.cornersSquareOptions) || void 0 === g ? void 0 : g.color) && (r.fillStyle = r.strokeStyle = n.cornersSquareOptions.color);
-
-                      if (r.fill("evenodd"), null === (v = n.cornersDotOptions) || void 0 === v ? void 0 : v.type) {
-                        var L = new S({
-                          context: r,
-                          type: null === (w = n.cornersDotOptions) || void 0 === w ? void 0 : w.type
-                        });
-                        r.beginPath(), L.draw(D + 2 * a, I + 2 * a, u, z);
-                      } else {
-                        k = new y({
-                          context: r,
-                          type: n.dotsOptions.type
-                        }), r.beginPath();
-
-                        var N = function N(t) {
-                          for (var e = function e(_e3) {
-                            if (!(null === (_ = O[t]) || void 0 === _ ? void 0 : _[_e3])) return "continue";
-                            k.draw(D + t * a, I + _e3 * a, a, function (r, n) {
-                              var o;
-                              return !!(null === (o = O[t + r]) || void 0 === o ? void 0 : o[_e3 + n]);
-                            });
-                          }, r = 0; r < O[t].length; r++) {
-                            e(r);
-                          }
-                        };
-
-                        for (R = 0; R < O.length; R++) {
-                          N(R);
-                        }
-                      }
-
-                      if (null === (m = n.cornersDotOptions) || void 0 === m ? void 0 : m.gradient) {
-                        B = n.cornersDotOptions.gradient;
-
-                        var T = e._createGradient({
-                          context: r,
-                          options: B,
-                          additionalRotation: z,
-                          x: D + 2 * a,
-                          y: I + 2 * a,
-                          size: u
-                        });
-
-                        B.colorStops.forEach(function (t) {
-                          var e = t.offset,
-                              r = t.color;
-                          T.addColorStop(e, r);
-                        }), r.fillStyle = r.strokeStyle = T;
-                      } else (null === (x = n.cornersDotOptions) || void 0 === x ? void 0 : x.color) && (r.fillStyle = r.strokeStyle = n.cornersDotOptions.color);
-
-                      r.fill("evenodd");
-                    }
-                  });
-                }, t.prototype.loadImage = function () {
-                  var t = this;
-                  return new Promise(function (e, r) {
-                    var n = t._options,
-                        o = new Image();
-                    if (!n.image) return r("Image is not defined");
-                    "string" == typeof n.imageOptions.crossOrigin && (o.crossOrigin = n.imageOptions.crossOrigin), t._image = o, o.onload = function () {
-                      e();
-                    }, o.src = n.image;
-                  });
-                }, t.prototype.drawImage = function (t) {
-                  var e = t.width,
-                      r = t.height,
-                      n = t.count,
-                      o = t.dotSize,
-                      i = this.context;
-                  if (!i) throw "canvasContext is not defined";
-                  if (!this._image) throw "image is not defined";
-                  var a = this._options,
-                      s = Math.floor((a.width - n * o) / 2),
-                      u = Math.floor((a.height - n * o) / 2),
-                      c = s + a.imageOptions.margin + (n * o - e) / 2,
-                      h = u + a.imageOptions.margin + (n * o - r) / 2,
-                      d = e - 2 * a.imageOptions.margin,
-                      l = r - 2 * a.imageOptions.margin;
-                  i.drawImage(this._image, c, h, d < 0 ? 0 : d, l < 0 ? 0 : l);
-                }, t.prototype._createGradient = function (t) {
-                  var e,
-                      r = t.context,
-                      n = t.options,
-                      o = t.additionalRotation,
-                      i = t.x,
-                      a = t.y,
-                      s = t.size;
-                  if (n.type === C) e = r.createRadialGradient(i + s / 2, a + s / 2, 0, i + s / 2, a + s / 2, s / 2);else {
-                    var u = ((n.rotation || 0) + o) % (2 * Math.PI),
-                        c = (u + 2 * Math.PI) % (2 * Math.PI),
-                        h = i + s / 2,
-                        d = a + s / 2,
-                        l = i + s / 2,
-                        f = a + s / 2;
-                    c >= 0 && c <= .25 * Math.PI || c > 1.75 * Math.PI && c <= 2 * Math.PI ? (h -= s / 2, d -= s / 2 * Math.tan(u), l += s / 2, f += s / 2 * Math.tan(u)) : c > .25 * Math.PI && c <= .75 * Math.PI ? (d -= s / 2, h -= s / 2 / Math.tan(u), f += s / 2, l += s / 2 / Math.tan(u)) : c > .75 * Math.PI && c <= 1.25 * Math.PI ? (h += s / 2, d += s / 2 * Math.tan(u), l -= s / 2, f -= s / 2 * Math.tan(u)) : c > 1.25 * Math.PI && c <= 1.75 * Math.PI && (d += s / 2, h += s / 2 / Math.tan(u), f -= s / 2, l -= s / 2 / Math.tan(u)), e = r.createLinearGradient(Math.round(h), Math.round(d), Math.round(l), Math.round(f));
-                  }
-                  return e;
-                }, t;
-              }();
-
-              var _D = function D() {
-                return (_D = Object.assign || function (t) {
-                  for (var e, r = 1, n = arguments.length; r < n; r++) {
-                    for (var o in e = arguments[r]) {
-                      Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
-                    }
-                  }
-
-                  return t;
-                }).apply(this, arguments);
-              };
-
-              var I = function () {
-                function t(t) {
-                  var e = t.svg,
-                      r = t.type;
-                  this._svg = e, this._type = r;
-                }
-
-                return t.prototype.draw = function (t, e, r, n) {
-                  var o;
-
-                  switch (this._type) {
-                    case h:
-                      o = this._drawDot;
-                      break;
-
-                    case l:
-                      o = this._drawClassy;
-                      break;
-
-                    case f:
-                      o = this._drawClassyRounded;
-                      break;
-
-                    case d:
-                      o = this._drawRounded;
-                      break;
-
-                    case g:
-                      o = this._drawExtraRounded;
-                      break;
-
-                    case p:
-                    default:
-                      o = this._drawSquare;
-                  }
-
-                  o.call(this, {
-                    x: t,
-                    y: e,
-                    size: r,
-                    getNeighbor: n
-                  });
-                }, t.prototype._rotateFigure = function (t) {
-                  var e,
-                      r = t.x,
-                      n = t.y,
-                      o = t.size,
-                      i = t.rotation,
-                      a = void 0 === i ? 0 : i,
-                      s = r + o / 2,
-                      u = n + o / 2;
-                  (0, t.draw)(), null === (e = this._element) || void 0 === e || e.setAttribute("transform", "rotate(" + 180 * a / Math.PI + "," + s + "," + u + ")");
-                }, t.prototype._basicDot = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
-
-                  this._rotateFigure(_D(_D({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "circle"), e._element.setAttribute("cx", String(n + r / 2)), e._element.setAttribute("cy", String(o + r / 2)), e._element.setAttribute("r", String(r / 2));
-                    }
-                  }));
-                }, t.prototype._basicSquare = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
-
-                  this._rotateFigure(_D(_D({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "rect"), e._element.setAttribute("x", String(n)), e._element.setAttribute("y", String(o)), e._element.setAttribute("width", String(r)), e._element.setAttribute("height", String(r));
-                    }
-                  }));
-                }, t.prototype._basicSideRounded = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
-
-                  this._rotateFigure(_D(_D({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, 0 " + -r);
-                    }
-                  }));
-                }, t.prototype._basicCornerRounded = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
-
-                  this._rotateFigure(_D(_D({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r + "v " + -r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, " + -r / 2 + " " + -r / 2);
-                    }
-                  }));
-                }, t.prototype._basicCornerExtraRounded = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
-
-                  this._rotateFigure(_D(_D({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r + "a " + r + " " + r + ", 0, 0, 0, " + -r + " " + -r);
-                    }
-                  }));
-                }, t.prototype._basicCornersRounded = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
-
-                  this._rotateFigure(_D(_D({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, " + r / 2 + " " + r / 2 + "h " + r / 2 + "v " + -r / 2 + "a " + r / 2 + " " + r / 2 + ", 0, 0, 0, " + -r / 2 + " " + -r / 2);
-                    }
-                  }));
-                }, t.prototype._drawDot = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size;
-
-                  this._basicDot({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: 0
-                  });
-                }, t.prototype._drawSquare = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size;
-
-                  this._basicSquare({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: 0
-                  });
-                }, t.prototype._drawRounded = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.getNeighbor,
-                      i = o ? +o(-1, 0) : 0,
-                      a = o ? +o(1, 0) : 0,
-                      s = o ? +o(0, -1) : 0,
-                      u = o ? +o(0, 1) : 0,
-                      c = i + a + s + u;
-                  if (0 !== c) {
-                    if (c > 2 || i && a || s && u) this._basicSquare({
-                      x: e,
-                      y: r,
-                      size: n,
-                      rotation: 0
-                    });else {
-                      if (2 === c) {
-                        var h = 0;
-                        return i && s ? h = Math.PI / 2 : s && a ? h = Math.PI : a && u && (h = -Math.PI / 2), void this._basicCornerRounded({
-                          x: e,
-                          y: r,
-                          size: n,
-                          rotation: h
-                        });
-                      }
-
-                      if (1 === c) return h = 0, s ? h = Math.PI / 2 : a ? h = Math.PI : u && (h = -Math.PI / 2), void this._basicSideRounded({
-                        x: e,
-                        y: r,
-                        size: n,
-                        rotation: h
-                      });
-                    }
-                  } else this._basicDot({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: 0
-                  });
-                }, t.prototype._drawExtraRounded = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.getNeighbor,
-                      i = o ? +o(-1, 0) : 0,
-                      a = o ? +o(1, 0) : 0,
-                      s = o ? +o(0, -1) : 0,
-                      u = o ? +o(0, 1) : 0,
-                      c = i + a + s + u;
-                  if (0 !== c) {
-                    if (c > 2 || i && a || s && u) this._basicSquare({
-                      x: e,
-                      y: r,
-                      size: n,
-                      rotation: 0
-                    });else {
-                      if (2 === c) {
-                        var h = 0;
-                        return i && s ? h = Math.PI / 2 : s && a ? h = Math.PI : a && u && (h = -Math.PI / 2), void this._basicCornerExtraRounded({
-                          x: e,
-                          y: r,
-                          size: n,
-                          rotation: h
-                        });
-                      }
-
-                      if (1 === c) return h = 0, s ? h = Math.PI / 2 : a ? h = Math.PI : u && (h = -Math.PI / 2), void this._basicSideRounded({
-                        x: e,
-                        y: r,
-                        size: n,
-                        rotation: h
-                      });
-                    }
-                  } else this._basicDot({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: 0
-                  });
-                }, t.prototype._drawClassy = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.getNeighbor,
-                      i = o ? +o(-1, 0) : 0,
-                      a = o ? +o(1, 0) : 0,
-                      s = o ? +o(0, -1) : 0,
-                      u = o ? +o(0, 1) : 0;
-                  0 !== i + a + s + u ? i || s ? a || u ? this._basicSquare({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: 0
-                  }) : this._basicCornerRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: Math.PI / 2
-                  }) : this._basicCornerRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: -Math.PI / 2
-                  }) : this._basicCornersRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: Math.PI / 2
-                  });
-                }, t.prototype._drawClassyRounded = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.getNeighbor,
-                      i = o ? +o(-1, 0) : 0,
-                      a = o ? +o(1, 0) : 0,
-                      s = o ? +o(0, -1) : 0,
-                      u = o ? +o(0, 1) : 0;
-                  0 !== i + a + s + u ? i || s ? a || u ? this._basicSquare({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: 0
-                  }) : this._basicCornerExtraRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: Math.PI / 2
-                  }) : this._basicCornerExtraRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: -Math.PI / 2
-                  }) : this._basicCornersRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: Math.PI / 2
-                  });
-                }, t;
-              }();
-
-              var _A = function A() {
-                return (_A = Object.assign || function (t) {
-                  for (var e, r = 1, n = arguments.length; r < n; r++) {
-                    for (var o in e = arguments[r]) {
-                      Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
-                    }
-                  }
-
-                  return t;
-                }).apply(this, arguments);
-              };
-
-              var k = function () {
-                function t(t) {
-                  var e = t.svg,
-                      r = t.type;
-                  this._svg = e, this._type = r;
-                }
-
-                return t.prototype.draw = function (t, e, r, n) {
-                  var o;
-
-                  switch (this._type) {
-                    case w:
-                      o = this._drawSquare;
-                      break;
-
-                    case _:
-                      o = this._drawExtraRounded;
-                      break;
-
-                    case "dot":
-                    default:
-                      o = this._drawDot;
+                  function u(t) {
+                    var e;
+                    t.done ? o(t.value) : (e = t.value, e instanceof r ? e : new r(function (t) {
+                      t(e);
+                    })).then(a, s);
                   }
 
-                  o.call(this, {
-                    x: t,
-                    y: e,
-                    size: r,
-                    rotation: n
-                  });
-                }, t.prototype._rotateFigure = function (t) {
-                  var e,
-                      r = t.x,
-                      n = t.y,
-                      o = t.size,
-                      i = t.rotation,
-                      a = void 0 === i ? 0 : i,
-                      s = r + o / 2,
-                      u = n + o / 2;
-                  (0, t.draw)(), null === (e = this._element) || void 0 === e || e.setAttribute("transform", "rotate(" + 180 * a / Math.PI + "," + s + "," + u + ")");
-                }, t.prototype._basicDot = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y,
-                      i = r / 7;
-
-                  this._rotateFigure(_A(_A({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("clip-rule", "evenodd"), e._element.setAttribute("d", "M " + (n + r / 2) + " " + o + "a " + r / 2 + " " + r / 2 + " 0 1 0 0.1 0zm 0 " + i + "a " + (r / 2 - i) + " " + (r / 2 - i) + " 0 1 1 -0.1 0Z");
-                    }
-                  }));
-                }, t.prototype._basicSquare = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y,
-                      i = r / 7;
-
-                  this._rotateFigure(_A(_A({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("clip-rule", "evenodd"), e._element.setAttribute("d", "M " + n + " " + o + "v " + r + "h " + r + "v " + -r + "zM " + (n + i) + " " + (o + i) + "h " + (r - 2 * i) + "v " + (r - 2 * i) + "h " + (2 * i - r) + "z");
-                    }
-                  }));
-                }, t.prototype._basicExtraRounded = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y,
-                      i = r / 7;
-
-                  this._rotateFigure(_A(_A({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "path"), e._element.setAttribute("clip-rule", "evenodd"), e._element.setAttribute("d", "M " + n + " " + (o + 2.5 * i) + "v " + 2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * i + " " + 2.5 * i + "h " + 2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * i + " " + 2.5 * -i + "v " + -2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * -i + " " + 2.5 * -i + "h " + -2 * i + "a " + 2.5 * i + " " + 2.5 * i + ", 0, 0, 0, " + 2.5 * -i + " " + 2.5 * i + "M " + (n + 2.5 * i) + " " + (o + i) + "h " + 2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * i + " " + 1.5 * i + "v " + 2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * -i + " " + 1.5 * i + "h " + -2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * -i + " " + 1.5 * -i + "v " + -2 * i + "a " + 1.5 * i + " " + 1.5 * i + ", 0, 0, 1, " + 1.5 * i + " " + 1.5 * -i);
-                    }
-                  }));
-                }, t.prototype._drawDot = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.rotation;
-
-                  this._basicDot({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: o
-                  });
-                }, t.prototype._drawSquare = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.rotation;
-
-                  this._basicSquare({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: o
-                  });
-                }, t.prototype._drawExtraRounded = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.rotation;
+                  u((n = n.apply(t, e || [])).next());
+                });
+              },
+                  y = function y(t, e) {
+                var r,
+                    n,
+                    o,
+                    i,
+                    a = {
+                  label: 0,
+                  sent: function sent() {
+                    if (1 & o[0]) throw o[1];
+                    return o[1];
+                  },
+                  trys: [],
+                  ops: []
+                };
+                return i = {
+                  next: s(0),
+                  "throw": s(1),
+                  "return": s(2)
+                }, "function" == typeof Symbol && (i[Symbol.iterator] = function () {
+                  return this;
+                }), i;
 
-                  this._basicExtraRounded({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: o
-                  });
-                }, t;
-              }();
+                function s(i) {
+                  return function (s) {
+                    return function (i) {
+                      if (r) throw new TypeError("Generator is already executing.");
 
-              var _q = function q() {
-                return (_q = Object.assign || function (t) {
-                  for (var e, r = 1, n = arguments.length; r < n; r++) {
-                    for (var o in e = arguments[r]) {
-                      Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
-                    }
-                  }
+                      for (; a;) {
+                        try {
+                          if (r = 1, n && (o = 2 & i[0] ? n["return"] : i[0] ? n["throw"] || ((o = n["return"]) && o.call(n), 0) : n.next) && !(o = o.call(n, i[1])).done) return o;
 
-                  return t;
-                }).apply(this, arguments);
-              };
+                          switch (n = 0, o && (i = [2 & i[0], o.value]), i[0]) {
+                            case 0:
+                            case 1:
+                              o = i;
+                              break;
 
-              var R = function () {
-                function t(t) {
-                  var e = t.svg,
-                      r = t.type;
-                  this._svg = e, this._type = r;
-                }
+                            case 4:
+                              return a.label++, {
+                                value: i[1],
+                                done: !1
+                              };
 
-                return t.prototype.draw = function (t, e, r, n) {
-                  var o;
+                            case 5:
+                              a.label++, n = i[1], i = [0];
+                              continue;
 
-                  switch (this._type) {
-                    case x:
-                      o = this._drawSquare;
-                      break;
+                            case 7:
+                              i = a.ops.pop(), a.trys.pop();
+                              continue;
 
-                    case "dot":
-                    default:
-                      o = this._drawDot;
-                  }
+                            default:
+                              if (!((o = (o = a.trys).length > 0 && o[o.length - 1]) || 6 !== i[0] && 2 !== i[0])) {
+                                a = 0;
+                                continue;
+                              }
 
-                  o.call(this, {
-                    x: t,
-                    y: e,
-                    size: r,
-                    rotation: n
-                  });
-                }, t.prototype._rotateFigure = function (t) {
-                  var e,
-                      r = t.x,
-                      n = t.y,
-                      o = t.size,
-                      i = t.rotation,
-                      a = void 0 === i ? 0 : i,
-                      s = r + o / 2,
-                      u = n + o / 2;
-                  (0, t.draw)(), null === (e = this._element) || void 0 === e || e.setAttribute("transform", "rotate(" + 180 * a / Math.PI + "," + s + "," + u + ")");
-                }, t.prototype._basicDot = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
+                              if (3 === i[0] && (!o || i[1] > o[0] && i[1] < o[3])) {
+                                a.label = i[1];
+                                break;
+                              }
 
-                  this._rotateFigure(_q(_q({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "circle"), e._element.setAttribute("cx", String(n + r / 2)), e._element.setAttribute("cy", String(o + r / 2)), e._element.setAttribute("r", String(r / 2));
-                    }
-                  }));
-                }, t.prototype._basicSquare = function (t) {
-                  var e = this,
-                      r = t.size,
-                      n = t.x,
-                      o = t.y;
+                              if (6 === i[0] && a.label < o[1]) {
+                                a.label = o[1], o = i;
+                                break;
+                              }
 
-                  this._rotateFigure(_q(_q({}, t), {
-                    draw: function draw() {
-                      e._element = document.createElementNS("http://www.w3.org/2000/svg", "rect"), e._element.setAttribute("x", String(n)), e._element.setAttribute("y", String(o)), e._element.setAttribute("width", String(r)), e._element.setAttribute("height", String(r));
-                    }
-                  }));
-                }, t.prototype._drawDot = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.rotation;
+                              if (o && a.label < o[2]) {
+                                a.label = o[2], a.ops.push(i);
+                                break;
+                              }
 
-                  this._basicDot({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: o
-                  });
-                }, t.prototype._drawSquare = function (t) {
-                  var e = t.x,
-                      r = t.y,
-                      n = t.size,
-                      o = t.rotation;
+                              o[2] && a.ops.pop(), a.trys.pop();
+                              continue;
+                          }
 
-                  this._basicSquare({
-                    x: e,
-                    y: r,
-                    size: n,
-                    rotation: o
-                  });
-                }, t;
-              }();
+                          i = e.call(t, a);
+                        } catch (t) {
+                          i = [6, t], n = 0;
+                        } finally {
+                          r = o = 0;
+                        }
+                      }
 
-              var B = [[1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 1, 1, 1, 1, 1, 1]],
-                  E = [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]];
+                      if (5 & i[0]) throw i[1];
+                      return {
+                        value: i[0] ? i[1] : void 0,
+                        done: !0
+                      };
+                    }([i, s]);
+                  };
+                }
+              },
+                  m = [[1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 0, 0, 0, 0, 0, 1], [1, 1, 1, 1, 1, 1, 1]],
+                  b = [[0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 1, 1, 1, 0, 0], [0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0]];
 
-              var L = function () {
+              var _ = function () {
                 function t(t) {
                   this._element = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this._element.setAttribute("width", String(t.width)), this._element.setAttribute("height", String(t.height)), this._defs = document.createElementNS("http://www.w3.org/2000/svg", "defs"), this._element.appendChild(this._defs), this._options = t;
                 }
@@ -3013,12 +2275,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   configurable: !0
                 }), t.prototype.getElement = function () {
                   return this._element;
-                }, t.prototype.clear = function () {
-                  var t,
-                      e = this._element;
-                  this._element = e.cloneNode(!1), null === (t = null == e ? void 0 : e.parentNode) || void 0 === t || t.replaceChild(this._element, e), this._defs = document.createElementNS("http://www.w3.org/2000/svg", "defs"), this._element.appendChild(this._defs);
                 }, t.prototype.drawQR = function (t) {
-                  return e = this, r = void 0, o = function o() {
+                  return w(this, void 0, void 0, function () {
                     var e,
                         r,
                         n,
@@ -3026,105 +2284,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                         i,
                         a,
                         s,
-                        h,
-                        d,
-                        l = this;
-                    return function (t, e) {
-                      var r,
-                          n,
-                          o,
-                          i,
-                          a = {
-                        label: 0,
-                        sent: function sent() {
-                          if (1 & o[0]) throw o[1];
-                          return o[1];
-                        },
-                        trys: [],
-                        ops: []
-                      };
-                      return i = {
-                        next: s(0),
-                        "throw": s(1),
-                        "return": s(2)
-                      }, "function" == typeof Symbol && (i[Symbol.iterator] = function () {
-                        return this;
-                      }), i;
-
-                      function s(i) {
-                        return function (s) {
-                          return function (i) {
-                            if (r) throw new TypeError("Generator is already executing.");
-
-                            for (; a;) {
-                              try {
-                                if (r = 1, n && (o = 2 & i[0] ? n["return"] : i[0] ? n["throw"] || ((o = n["return"]) && o.call(n), 0) : n.next) && !(o = o.call(n, i[1])).done) return o;
-
-                                switch (n = 0, o && (i = [2 & i[0], o.value]), i[0]) {
-                                  case 0:
-                                  case 1:
-                                    o = i;
-                                    break;
-
-                                  case 4:
-                                    return a.label++, {
-                                      value: i[1],
-                                      done: !1
-                                    };
-
-                                  case 5:
-                                    a.label++, n = i[1], i = [0];
-                                    continue;
-
-                                  case 7:
-                                    i = a.ops.pop(), a.trys.pop();
-                                    continue;
-
-                                  default:
-                                    if (!((o = (o = a.trys).length > 0 && o[o.length - 1]) || 6 !== i[0] && 2 !== i[0])) {
-                                      a = 0;
-                                      continue;
-                                    }
-
-                                    if (3 === i[0] && (!o || i[1] > o[0] && i[1] < o[3])) {
-                                      a.label = i[1];
-                                      break;
-                                    }
-
-                                    if (6 === i[0] && a.label < o[1]) {
-                                      a.label = o[1], o = i;
-                                      break;
-                                    }
-
-                                    if (o && a.label < o[2]) {
-                                      a.label = o[2], a.ops.push(i);
-                                      break;
-                                    }
-
-                                    o[2] && a.ops.pop(), a.trys.pop();
-                                    continue;
-                                }
-
-                                i = e.call(t, a);
-                              } catch (t) {
-                                i = [6, t], n = 0;
-                              } finally {
-                                r = o = 0;
-                              }
-                            }
-
-                            if (5 & i[0]) throw i[1];
-                            return {
-                              value: i[0] ? i[1] : void 0,
-                              done: !0
-                            };
-                          }([i, s]);
-                        };
-                      }
-                    }(this, function (f) {
+                        u,
+                        c,
+                        l,
+                        d = this;
+                    return y(this, function (f) {
                       switch (f.label) {
                         case 0:
-                          return e = t.getModuleCount(), r = Math.min(this._options.width, this._options.height) - 2 * this._options.margin, n = Math.floor(r / e), o = {
+                          return e = t.getModuleCount(), r = Math.min(this._options.width, this._options.height) - 2 * this._options.margin, n = this._options.shape === v ? r / Math.sqrt(2) : r, o = Math.floor(n / e), i = {
                             hideXDots: 0,
                             hideYDots: 0,
                             width: 0,
@@ -3133,72 +2300,85 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                         case 1:
                           if (f.sent(), !this._image) return [2];
-                          i = this._options, a = i.imageOptions, s = i.qrOptions, h = a.imageSize * c[s.errorCorrectionLevel], d = Math.floor(h * e * e), o = u({
+                          a = this._options, s = a.imageOptions, u = a.qrOptions, c = s.imageSize * h[u.errorCorrectionLevel], l = Math.floor(c * e * e), i = function (t) {
+                            var e = t.originalHeight,
+                                r = t.originalWidth,
+                                n = t.maxHiddenDots,
+                                o = t.maxHiddenAxisDots,
+                                i = t.dotSize,
+                                a = {
+                              x: 0,
+                              y: 0
+                            },
+                                s = {
+                              x: 0,
+                              y: 0
+                            };
+                            if (e <= 0 || r <= 0 || n <= 0 || i <= 0) return {
+                              height: 0,
+                              width: 0,
+                              hideYDots: 0,
+                              hideXDots: 0
+                            };
+                            var u = e / r;
+                            return a.x = Math.floor(Math.sqrt(n / u)), a.x <= 0 && (a.x = 1), o && o < a.x && (a.x = o), a.x % 2 == 0 && a.x--, s.x = a.x * i, a.y = 1 + 2 * Math.ceil((a.x * u - 1) / 2), s.y = Math.round(s.x * u), (a.y * a.x > n || o && o < a.y) && (o && o < a.y ? (a.y = o, a.y % 2 == 0 && a.x--) : a.y -= 2, s.y = a.y * i, a.x = 1 + 2 * Math.ceil((a.y / u - 1) / 2), s.x = Math.round(s.y / u)), {
+                              height: s.y,
+                              width: s.x,
+                              hideYDots: a.y,
+                              hideXDots: a.x
+                            };
+                          }({
                             originalWidth: this._image.width,
                             originalHeight: this._image.height,
-                            maxHiddenDots: d,
+                            maxHiddenDots: l,
                             maxHiddenAxisDots: e - 14,
-                            dotSize: n
+                            dotSize: o
                           }), f.label = 2;
 
                         case 2:
-                          return this.clear(), this.drawBackground(), this.drawDots(function (t, r) {
-                            var n, i, a, s, u, c;
-                            return !(l._options.imageOptions.hideBackgroundDots && t >= (e - o.hideXDots) / 2 && t < (e + o.hideXDots) / 2 && r >= (e - o.hideYDots) / 2 && r < (e + o.hideYDots) / 2 || (null === (n = B[t]) || void 0 === n ? void 0 : n[r]) || (null === (i = B[t - e + 7]) || void 0 === i ? void 0 : i[r]) || (null === (a = B[t]) || void 0 === a ? void 0 : a[r - e + 7]) || (null === (s = E[t]) || void 0 === s ? void 0 : s[r]) || (null === (u = E[t - e + 7]) || void 0 === u ? void 0 : u[r]) || (null === (c = E[t]) || void 0 === c ? void 0 : c[r - e + 7]));
-                          }), this.drawCorners(), this._options.image && this.drawImage({
-                            width: o.width,
-                            height: o.height,
+                          return this.drawBackground(), this.drawDots(function (t, r) {
+                            var n, o, a, s, u, h;
+                            return !(d._options.imageOptions.hideBackgroundDots && t >= (e - i.hideXDots) / 2 && t < (e + i.hideXDots) / 2 && r >= (e - i.hideYDots) / 2 && r < (e + i.hideYDots) / 2 || (null === (n = m[t]) || void 0 === n ? void 0 : n[r]) || (null === (o = m[t - e + 7]) || void 0 === o ? void 0 : o[r]) || (null === (a = m[t]) || void 0 === a ? void 0 : a[r - e + 7]) || (null === (s = b[t]) || void 0 === s ? void 0 : s[r]) || (null === (u = b[t - e + 7]) || void 0 === u ? void 0 : u[r]) || (null === (h = b[t]) || void 0 === h ? void 0 : h[r - e + 7]));
+                          }), this.drawCorners(), this._options.image ? [4, this.drawImage({
+                            width: i.width,
+                            height: i.height,
                             count: e,
-                            dotSize: n
-                          }), [2];
-                      }
-                    });
-                  }, new ((n = void 0) || (n = Promise))(function (t, i) {
-                    function a(t) {
-                      try {
-                        u(o.next(t));
-                      } catch (t) {
-                        i(t);
-                      }
-                    }
-
-                    function s(t) {
-                      try {
-                        u(o["throw"](t));
-                      } catch (t) {
-                        i(t);
-                      }
-                    }
+                            dotSize: o
+                          })] : [3, 4];
 
-                    function u(e) {
-                      var r;
-                      e.done ? t(e.value) : (r = e.value, r instanceof n ? r : new n(function (t) {
-                        t(r);
-                      })).then(a, s);
-                    }
+                        case 3:
+                          f.sent(), f.label = 4;
 
-                    u((o = o.apply(e, r || [])).next());
+                        case 4:
+                          return [2];
+                      }
+                    });
                   });
-                  var e, r, n, o;
                 }, t.prototype.drawBackground = function () {
                   var t,
                       e,
-                      r = this._element,
-                      n = this._options;
-
-                  if (r) {
-                    var o = null === (t = n.backgroundOptions) || void 0 === t ? void 0 : t.gradient,
-                        i = null === (e = n.backgroundOptions) || void 0 === e ? void 0 : e.color;
-                    (o || i) && this._createColor({
-                      options: o,
-                      color: i,
+                      r,
+                      n = this._element,
+                      o = this._options;
+
+                  if (n) {
+                    var i = null === (t = o.backgroundOptions) || void 0 === t ? void 0 : t.gradient,
+                        a = null === (e = o.backgroundOptions) || void 0 === e ? void 0 : e.color;
+
+                    if ((i || a) && this._createColor({
+                      options: i,
+                      color: a,
                       additionalRotation: 0,
                       x: 0,
                       y: 0,
-                      height: n.height,
-                      width: n.width,
+                      height: o.height,
+                      width: o.width,
                       name: "background-color"
-                    });
+                    }), null === (r = o.backgroundOptions) || void 0 === r ? void 0 : r.round) {
+                      var s = Math.min(o.width, o.height),
+                          u = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+                      this._backgroundClipPath = document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), this._backgroundClipPath.setAttribute("id", "clip-path-background-color"), this._defs.appendChild(this._backgroundClipPath), u.setAttribute("x", String((o.width - s) / 2)), u.setAttribute("y", String((o.height - s) / 2)), u.setAttribute("width", String(s)), u.setAttribute("height", String(s)), u.setAttribute("rx", String(s / 2 * o.backgroundOptions.round)), this._backgroundClipPath.appendChild(u);
+                    }
                   }
                 }, t.prototype.drawDots = function (t) {
                   var e,
@@ -3211,10 +2391,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                   if (i > o.width || i > o.height) throw "The canvas is too small.";
                   var a = Math.min(o.width, o.height) - 2 * o.margin,
-                      s = Math.floor(a / i),
-                      u = Math.floor((o.width - i * s) / 2),
-                      c = Math.floor((o.height - i * s) / 2),
-                      h = new I({
+                      s = o.shape === v ? a / Math.sqrt(2) : a,
+                      u = Math.floor(s / i),
+                      h = Math.floor((o.width - i * u) / 2),
+                      c = Math.floor((o.height - i * u) / 2),
+                      d = new l({
                     svg: this._element,
                     type: o.dotsOptions.type
                   });
@@ -3222,23 +2403,57 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                     options: null === (e = o.dotsOptions) || void 0 === e ? void 0 : e.gradient,
                     color: o.dotsOptions.color,
                     additionalRotation: 0,
-                    x: u,
-                    y: c,
-                    height: i * s,
-                    width: i * s,
+                    x: 0,
+                    y: 0,
+                    height: o.height,
+                    width: o.width,
                     name: "dot-color"
                   });
 
-                  for (var d = function d(e) {
+                  for (var f = function f(e) {
                     for (var o = function o(_o) {
-                      return t && !t(e, _o) ? "continue" : (null === (r = l._qr) || void 0 === r ? void 0 : r.isDark(e, _o)) ? (h.draw(u + e * s, c + _o * s, s, function (r, a) {
+                      return t && !t(e, _o) ? "continue" : (null === (r = g._qr) || void 0 === r ? void 0 : r.isDark(e, _o)) ? (d.draw(h + e * u, c + _o * u, u, function (r, a) {
                         return !(e + r < 0 || _o + a < 0 || e + r >= i || _o + a >= i) && !(t && !t(e + r, _o + a)) && !!n._qr && n._qr.isDark(e + r, _o + a);
-                      }), void (h._element && l._dotsClipPath && l._dotsClipPath.appendChild(h._element))) : "continue";
+                      }), void (d._element && g._dotsClipPath && g._dotsClipPath.appendChild(d._element))) : "continue";
                     }, a = 0; a < i; a++) {
                       o(a);
                     }
-                  }, l = this, f = 0; f < i; f++) {
-                    d(f);
+                  }, g = this, p = 0; p < i; p++) {
+                    f(p);
+                  }
+
+                  if (o.shape === v) {
+                    var w = Math.floor((a / u - i) / 2),
+                        y = i + 2 * w,
+                        m = h - w * u,
+                        b = c - w * u,
+                        _ = [],
+                        x = Math.floor(y / 2);
+
+                    for (p = 0; p < y; p++) {
+                      _[p] = [];
+
+                      for (var S = 0; S < y; S++) {
+                        p >= w - 1 && p <= y - w && S >= w - 1 && S <= y - w || Math.sqrt((p - x) * (p - x) + (S - x) * (S - x)) > x ? _[p][S] = 0 : _[p][S] = this._qr.isDark(S - 2 * w < 0 ? S : S >= i ? S - 2 * w : S - w, p - 2 * w < 0 ? p : p >= i ? p - 2 * w : p - w) ? 1 : 0;
+                      }
+                    }
+
+                    var M = function M(t) {
+                      for (var e = function e(_e2) {
+                        if (!_[t][_e2]) return "continue";
+                        d.draw(m + t * u, b + _e2 * u, u, function (r, n) {
+                          var o;
+                          return !!(null === (o = _[t + r]) || void 0 === o ? void 0 : o[_e2 + n]);
+                        }), d._element && C._dotsClipPath && C._dotsClipPath.appendChild(d._element);
+                      }, r = 0; r < y; r++) {
+                        e(r);
+                      }
+                    },
+                        C = this;
+
+                    for (p = 0; p < y; p++) {
+                      M(p);
+                    }
                   }
                 }, t.prototype.drawCorners = function () {
                   var t = this;
@@ -3249,100 +2464,101 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
                   var n = this._qr.getModuleCount(),
                       o = Math.min(r.width, r.height) - 2 * r.margin,
-                      i = Math.floor(o / n),
-                      a = 7 * i,
-                      s = 3 * i,
-                      u = Math.floor((r.width - n * i) / 2),
-                      c = Math.floor((r.height - n * i) / 2);
+                      i = r.shape === v ? o / Math.sqrt(2) : o,
+                      a = Math.floor(i / n),
+                      s = 7 * a,
+                      u = 3 * a,
+                      h = Math.floor((r.width - n * a) / 2),
+                      c = Math.floor((r.height - n * a) / 2);
 
                   [[0, 0, 0], [1, 0, Math.PI / 2], [0, 1, -Math.PI / 2]].forEach(function (e) {
                     var o,
-                        h,
+                        i,
                         d,
-                        l,
-                        f,
-                        p,
                         g,
                         v,
-                        y,
                         w,
+                        y,
                         _,
-                        m,
-                        b = e[0],
-                        x = e[1],
-                        M = e[2],
-                        S = u + b * i * (n - 7),
-                        C = c + x * i * (n - 7),
-                        P = t._dotsClipPath,
-                        O = t._dotsClipPath;
-
-                    if (((null === (o = r.cornersSquareOptions) || void 0 === o ? void 0 : o.gradient) || (null === (h = r.cornersSquareOptions) || void 0 === h ? void 0 : h.color)) && ((P = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-square-color-" + b + "-" + x), t._defs.appendChild(P), t._cornersSquareClipPath = t._cornersDotClipPath = O = P, t._createColor({
+                        x,
+                        S,
+                        M,
+                        C,
+                        A = e[0],
+                        k = e[1],
+                        O = e[2],
+                        D = h + A * a * (n - 7),
+                        P = c + k * a * (n - 7),
+                        z = t._dotsClipPath,
+                        B = t._dotsClipPath;
+
+                    if (((null === (o = r.cornersSquareOptions) || void 0 === o ? void 0 : o.gradient) || (null === (i = r.cornersSquareOptions) || void 0 === i ? void 0 : i.color)) && ((z = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-square-color-" + A + "-" + k), t._defs.appendChild(z), t._cornersSquareClipPath = t._cornersDotClipPath = B = z, t._createColor({
                       options: null === (d = r.cornersSquareOptions) || void 0 === d ? void 0 : d.gradient,
-                      color: null === (l = r.cornersSquareOptions) || void 0 === l ? void 0 : l.color,
-                      additionalRotation: M,
-                      x: S,
-                      y: C,
-                      height: a,
-                      width: a,
-                      name: "corners-square-color-" + b + "-" + x
-                    })), null === (f = r.cornersSquareOptions) || void 0 === f ? void 0 : f.type) {
-                      var z = new k({
+                      color: null === (g = r.cornersSquareOptions) || void 0 === g ? void 0 : g.color,
+                      additionalRotation: O,
+                      x: D,
+                      y: P,
+                      height: s,
+                      width: s,
+                      name: "corners-square-color-" + A + "-" + k
+                    })), null === (v = r.cornersSquareOptions) || void 0 === v ? void 0 : v.type) {
+                      var q = new f({
                         svg: t._element,
                         type: r.cornersSquareOptions.type
                       });
-                      z.draw(S, C, a, M), z._element && P && P.appendChild(z._element);
-                    } else for (var D = new I({
+                      q.draw(D, P, s, O), q._element && z && z.appendChild(q._element);
+                    } else for (var I = new l({
                       svg: t._element,
                       type: r.dotsOptions.type
-                    }), A = function A(t) {
-                      for (var e = function e(_e4) {
-                        if (!(null === (p = B[t]) || void 0 === p ? void 0 : p[_e4])) return "continue";
-                        D.draw(S + t * i, C + _e4 * i, i, function (r, n) {
+                    }), E = function E(t) {
+                      for (var e = function e(_e3) {
+                        if (!(null === (w = m[t]) || void 0 === w ? void 0 : w[_e3])) return "continue";
+                        I.draw(D + t * a, P + _e3 * a, a, function (r, n) {
                           var o;
-                          return !!(null === (o = B[t + r]) || void 0 === o ? void 0 : o[_e4 + n]);
-                        }), D._element && P && P.appendChild(D._element);
-                      }, r = 0; r < B[t].length; r++) {
+                          return !!(null === (o = m[t + r]) || void 0 === o ? void 0 : o[_e3 + n]);
+                        }), I._element && z && z.appendChild(I._element);
+                      }, r = 0; r < m[t].length; r++) {
                         e(r);
                       }
-                    }, q = 0; q < B.length; q++) {
-                      A(q);
-                    }
-
-                    if (((null === (g = r.cornersDotOptions) || void 0 === g ? void 0 : g.gradient) || (null === (v = r.cornersDotOptions) || void 0 === v ? void 0 : v.color)) && ((O = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-dot-color-" + b + "-" + x), t._defs.appendChild(O), t._cornersDotClipPath = O, t._createColor({
-                      options: null === (y = r.cornersDotOptions) || void 0 === y ? void 0 : y.gradient,
-                      color: null === (w = r.cornersDotOptions) || void 0 === w ? void 0 : w.color,
-                      additionalRotation: M,
-                      x: S + 2 * i,
-                      y: C + 2 * i,
-                      height: s,
-                      width: s,
-                      name: "corners-dot-color-" + b + "-" + x
-                    })), null === (_ = r.cornersDotOptions) || void 0 === _ ? void 0 : _.type) {
-                      var L = new R({
+                    }, L = 0; L < m.length; L++) {
+                      E(L);
+                    }
+
+                    if (((null === (y = r.cornersDotOptions) || void 0 === y ? void 0 : y.gradient) || (null === (_ = r.cornersDotOptions) || void 0 === _ ? void 0 : _.color)) && ((B = document.createElementNS("http://www.w3.org/2000/svg", "clipPath")).setAttribute("id", "clip-path-corners-dot-color-" + A + "-" + k), t._defs.appendChild(B), t._cornersDotClipPath = B, t._createColor({
+                      options: null === (x = r.cornersDotOptions) || void 0 === x ? void 0 : x.gradient,
+                      color: null === (S = r.cornersDotOptions) || void 0 === S ? void 0 : S.color,
+                      additionalRotation: O,
+                      x: D + 2 * a,
+                      y: P + 2 * a,
+                      height: u,
+                      width: u,
+                      name: "corners-dot-color-" + A + "-" + k
+                    })), null === (M = r.cornersDotOptions) || void 0 === M ? void 0 : M.type) {
+                      var R = new p({
                         svg: t._element,
                         type: r.cornersDotOptions.type
                       });
-                      L.draw(S + 2 * i, C + 2 * i, s, M), L._element && O && O.appendChild(L._element);
+                      R.draw(D + 2 * a, P + 2 * a, u, O), R._element && B && B.appendChild(R._element);
                     } else {
-                      D = new I({
+                      I = new l({
                         svg: t._element,
                         type: r.dotsOptions.type
                       });
 
                       var N = function N(t) {
-                        for (var e = function e(_e5) {
-                          if (!(null === (m = E[t]) || void 0 === m ? void 0 : m[_e5])) return "continue";
-                          D.draw(S + t * i, C + _e5 * i, i, function (r, n) {
+                        for (var e = function e(_e4) {
+                          if (!(null === (C = b[t]) || void 0 === C ? void 0 : C[_e4])) return "continue";
+                          I.draw(D + t * a, P + _e4 * a, a, function (r, n) {
                             var o;
-                            return !!(null === (o = E[t + r]) || void 0 === o ? void 0 : o[_e5 + n]);
-                          }), D._element && O && O.appendChild(D._element);
-                        }, r = 0; r < E[t].length; r++) {
+                            return !!(null === (o = b[t + r]) || void 0 === o ? void 0 : o[_e4 + n]);
+                          }), I._element && B && B.appendChild(I._element);
+                        }, r = 0; r < b[t].length; r++) {
                           e(r);
                         }
                       };
 
-                      for (q = 0; q < E.length; q++) {
-                        N(q);
+                      for (L = 0; L < b.length; L++) {
+                        N(L);
                       }
                     }
                   });
@@ -3360,16 +2576,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   var e = t.width,
                       r = t.height,
                       n = t.count,
-                      o = t.dotSize,
-                      i = this._options,
-                      a = Math.floor((i.width - n * o) / 2),
-                      s = Math.floor((i.height - n * o) / 2),
-                      u = a + i.imageOptions.margin + (n * o - e) / 2,
-                      c = s + i.imageOptions.margin + (n * o - r) / 2,
-                      h = e - 2 * i.imageOptions.margin,
-                      d = r - 2 * i.imageOptions.margin,
-                      l = document.createElementNS("http://www.w3.org/2000/svg", "image");
-                  l.setAttribute("href", i.image || ""), l.setAttribute("x", String(u)), l.setAttribute("y", String(c)), l.setAttribute("width", h + "px"), l.setAttribute("height", d + "px"), this._element.appendChild(l);
+                      o = t.dotSize;
+                  return w(this, void 0, void 0, function () {
+                    var t, i, a, s, h, c, l, d, f;
+                    return y(this, function (g) {
+                      switch (g.label) {
+                        case 0:
+                          return t = this._options, i = Math.floor((t.width - n * o) / 2), a = Math.floor((t.height - n * o) / 2), s = i + t.imageOptions.margin + (n * o - e) / 2, h = a + t.imageOptions.margin + (n * o - r) / 2, c = e - 2 * t.imageOptions.margin, l = r - 2 * t.imageOptions.margin, (d = document.createElementNS("http://www.w3.org/2000/svg", "image")).setAttribute("x", String(s)), d.setAttribute("y", String(h)), d.setAttribute("width", c + "px"), d.setAttribute("height", l + "px"), [4, u(t.image || "")];
+
+                        case 1:
+                          return f = g.sent(), d.setAttribute("href", f || ""), this._element.appendChild(d), [2];
+                      }
+                    });
+                  });
                 }, t.prototype._createColor = function (t) {
                   var e = t.options,
                       r = t.color,
@@ -3379,45 +2598,46 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       a = t.height,
                       s = t.width,
                       u = t.name,
-                      c = s > a ? s : a,
-                      h = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-
-                  if (h.setAttribute("x", String(o)), h.setAttribute("y", String(i)), h.setAttribute("height", String(a)), h.setAttribute("width", String(s)), h.setAttribute("clip-path", "url('#clip-path-" + u + "')"), e) {
-                    var d;
-                    if (e.type === C) (d = document.createElementNS("http://www.w3.org/2000/svg", "radialGradient")).setAttribute("id", u), d.setAttribute("gradientUnits", "userSpaceOnUse"), d.setAttribute("fx", String(o + s / 2)), d.setAttribute("fy", String(i + a / 2)), d.setAttribute("cx", String(o + s / 2)), d.setAttribute("cy", String(i + a / 2)), d.setAttribute("r", String(c / 2));else {
-                      var l = ((e.rotation || 0) + n) % (2 * Math.PI),
-                          f = (l + 2 * Math.PI) % (2 * Math.PI),
-                          p = o + s / 2,
-                          g = i + a / 2,
+                      h = s > a ? s : a,
+                      c = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+
+                  if (c.setAttribute("x", String(o)), c.setAttribute("y", String(i)), c.setAttribute("height", String(a)), c.setAttribute("width", String(s)), c.setAttribute("clip-path", "url('#clip-path-" + u + "')"), e) {
+                    var l;
+                    if ("radial" === e.type) (l = document.createElementNS("http://www.w3.org/2000/svg", "radialGradient")).setAttribute("id", u), l.setAttribute("gradientUnits", "userSpaceOnUse"), l.setAttribute("fx", String(o + s / 2)), l.setAttribute("fy", String(i + a / 2)), l.setAttribute("cx", String(o + s / 2)), l.setAttribute("cy", String(i + a / 2)), l.setAttribute("r", String(h / 2));else {
+                      var d = ((e.rotation || 0) + n) % (2 * Math.PI),
+                          f = (d + 2 * Math.PI) % (2 * Math.PI),
+                          g = o + s / 2,
+                          p = i + a / 2,
                           v = o + s / 2,
-                          y = i + a / 2;
-                      f >= 0 && f <= .25 * Math.PI || f > 1.75 * Math.PI && f <= 2 * Math.PI ? (p -= s / 2, g -= a / 2 * Math.tan(l), v += s / 2, y += a / 2 * Math.tan(l)) : f > .25 * Math.PI && f <= .75 * Math.PI ? (g -= a / 2, p -= s / 2 / Math.tan(l), y += a / 2, v += s / 2 / Math.tan(l)) : f > .75 * Math.PI && f <= 1.25 * Math.PI ? (p += s / 2, g += a / 2 * Math.tan(l), v -= s / 2, y -= a / 2 * Math.tan(l)) : f > 1.25 * Math.PI && f <= 1.75 * Math.PI && (g += a / 2, p += s / 2 / Math.tan(l), y -= a / 2, v -= s / 2 / Math.tan(l)), (d = document.createElementNS("http://www.w3.org/2000/svg", "linearGradient")).setAttribute("id", u), d.setAttribute("gradientUnits", "userSpaceOnUse"), d.setAttribute("x1", String(Math.round(p))), d.setAttribute("y1", String(Math.round(g))), d.setAttribute("x2", String(Math.round(v))), d.setAttribute("y2", String(Math.round(y)));
+                          w = i + a / 2;
+                      f >= 0 && f <= .25 * Math.PI || f > 1.75 * Math.PI && f <= 2 * Math.PI ? (g -= s / 2, p -= a / 2 * Math.tan(d), v += s / 2, w += a / 2 * Math.tan(d)) : f > .25 * Math.PI && f <= .75 * Math.PI ? (p -= a / 2, g -= s / 2 / Math.tan(d), w += a / 2, v += s / 2 / Math.tan(d)) : f > .75 * Math.PI && f <= 1.25 * Math.PI ? (g += s / 2, p += a / 2 * Math.tan(d), v -= s / 2, w -= a / 2 * Math.tan(d)) : f > 1.25 * Math.PI && f <= 1.75 * Math.PI && (p += a / 2, g += s / 2 / Math.tan(d), w -= a / 2, v -= s / 2 / Math.tan(d)), (l = document.createElementNS("http://www.w3.org/2000/svg", "linearGradient")).setAttribute("id", u), l.setAttribute("gradientUnits", "userSpaceOnUse"), l.setAttribute("x1", String(Math.round(g))), l.setAttribute("y1", String(Math.round(p))), l.setAttribute("x2", String(Math.round(v))), l.setAttribute("y2", String(Math.round(w)));
                     }
                     e.colorStops.forEach(function (t) {
                       var e = t.offset,
                           r = t.color,
                           n = document.createElementNS("http://www.w3.org/2000/svg", "stop");
-                      n.setAttribute("offset", 100 * e + "%"), n.setAttribute("stop-color", r), d.appendChild(n);
-                    }), h.setAttribute("fill", "url('#" + u + "')"), this._defs.appendChild(d);
-                  } else r && h.setAttribute("fill", r);
+                      n.setAttribute("offset", 100 * e + "%"), n.setAttribute("stop-color", r), l.appendChild(n);
+                    }), c.setAttribute("fill", "url('#" + u + "')"), this._defs.appendChild(l);
+                  } else r && c.setAttribute("fill", r);
 
-                  this._element.appendChild(h);
+                  this._element.appendChild(c);
                 }, t;
               }(),
-                  N = "canvas";
+                  x = "canvas";
 
-              for (var T = {}, j = 0; j <= 40; j++) {
-                T[j] = j;
+              for (var S = {}, M = 0; M <= 40; M++) {
+                S[M] = M;
               }
 
-              var F = {
-                type: N,
+              var C = {
+                type: x,
+                shape: "square",
                 width: 300,
                 height: 300,
                 data: "",
                 margin: 0,
                 qrOptions: {
-                  typeNumber: T[0],
+                  typeNumber: S[0],
                   mode: void 0,
                   errorCorrectionLevel: "Q"
                 },
@@ -3432,12 +2652,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   color: "#000"
                 },
                 backgroundOptions: {
+                  round: 0,
                   color: "#fff"
                 }
               };
 
-              var _Q = function Q() {
-                return (_Q = Object.assign || function (t) {
+              var _A = function A() {
+                return (_A = Object.assign || function (t) {
                   for (var e, r = 1, n = arguments.length; r < n; r++) {
                     for (var o in e = arguments[r]) {
                       Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
@@ -3448,30 +2669,30 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 }).apply(this, arguments);
               };
 
-              function H(t) {
-                var e = _Q({}, t);
+              function k(t) {
+                var e = _A({}, t);
 
                 if (!e.colorStops || !e.colorStops.length) throw "Field 'colorStops' is required in gradient";
                 return e.rotation ? e.rotation = Number(e.rotation) : e.rotation = 0, e.colorStops = e.colorStops.map(function (t) {
-                  return _Q(_Q({}, t), {
+                  return _A(_A({}, t), {
                     offset: Number(t.offset)
                   });
                 }), e;
               }
 
-              function G(t) {
-                var e = _Q({}, t);
+              function O(t) {
+                var e = _A({}, t);
 
-                return e.width = Number(e.width), e.height = Number(e.height), e.margin = Number(e.margin), e.imageOptions = _Q(_Q({}, e.imageOptions), {
+                return e.width = Number(e.width), e.height = Number(e.height), e.margin = Number(e.margin), e.imageOptions = _A(_A({}, e.imageOptions), {
                   hideBackgroundDots: Boolean(e.imageOptions.hideBackgroundDots),
                   imageSize: Number(e.imageOptions.imageSize),
                   margin: Number(e.imageOptions.margin)
-                }), e.margin > Math.min(e.width, e.height) && (e.margin = Math.min(e.width, e.height)), e.dotsOptions = _Q({}, e.dotsOptions), e.dotsOptions.gradient && (e.dotsOptions.gradient = H(e.dotsOptions.gradient)), e.cornersSquareOptions && (e.cornersSquareOptions = _Q({}, e.cornersSquareOptions), e.cornersSquareOptions.gradient && (e.cornersSquareOptions.gradient = H(e.cornersSquareOptions.gradient))), e.cornersDotOptions && (e.cornersDotOptions = _Q({}, e.cornersDotOptions), e.cornersDotOptions.gradient && (e.cornersDotOptions.gradient = H(e.cornersDotOptions.gradient))), e.backgroundOptions && (e.backgroundOptions = _Q({}, e.backgroundOptions), e.backgroundOptions.gradient && (e.backgroundOptions.gradient = H(e.backgroundOptions.gradient))), e;
+                }), e.margin > Math.min(e.width, e.height) && (e.margin = Math.min(e.width, e.height)), e.dotsOptions = _A({}, e.dotsOptions), e.dotsOptions.gradient && (e.dotsOptions.gradient = k(e.dotsOptions.gradient)), e.cornersSquareOptions && (e.cornersSquareOptions = _A({}, e.cornersSquareOptions), e.cornersSquareOptions.gradient && (e.cornersSquareOptions.gradient = k(e.cornersSquareOptions.gradient))), e.cornersDotOptions && (e.cornersDotOptions = _A({}, e.cornersDotOptions), e.cornersDotOptions.gradient && (e.cornersDotOptions.gradient = k(e.cornersDotOptions.gradient))), e.backgroundOptions && (e.backgroundOptions = _A({}, e.backgroundOptions), e.backgroundOptions.gradient && (e.backgroundOptions.gradient = k(e.backgroundOptions.gradient))), e;
               }
 
-              var X = r(192),
-                  U = r.n(X),
-                  Y = function Y(t, e, r, n) {
+              var D = r(192),
+                  P = r.n(D),
+                  z = function z(t, e, r, n) {
                 return new (r || (r = Promise))(function (o, i) {
                   function a(t) {
                     try {
@@ -3499,7 +2720,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                   u((n = n.apply(t, e || [])).next());
                 });
               },
-                  $ = function $(t, e) {
+                  B = function B(t, e) {
                 var r,
                     n,
                     o,
@@ -3593,35 +2814,61 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                 }
               };
 
-              var W = function () {
+              var q = function () {
                 function t(t) {
-                  this._options = t ? G(a(F, t)) : F, this.update();
+                  this._options = t ? O(a(C, t)) : C, this.update();
                 }
 
                 return t._clearContainer = function (t) {
                   t && (t.innerHTML = "");
-                }, t.prototype._getQRStylingElement = function (t) {
-                  return void 0 === t && (t = "png"), Y(this, void 0, void 0, function () {
-                    var e, r, n;
-                    return $(this, function (o) {
-                      switch (o.label) {
+                }, t.prototype._setupSvg = function () {
+                  var t = this;
+
+                  if (this._qr) {
+                    var e = new _(this._options);
+                    this._svg = e.getElement(), this._svgDrawingPromise = e.drawQR(this._qr).then(function () {
+                      var r;
+                      t._svg && (null === (r = t._extension) || void 0 === r || r.call(t, e.getElement(), t._options));
+                    });
+                  }
+                }, t.prototype._setupCanvas = function () {
+                  var t,
+                      e = this;
+                  this._qr && (this._canvas = document.createElement("canvas"), this._canvas.width = this._options.width, this._canvas.height = this._options.height, this._setupSvg(), this._canvasDrawingPromise = null === (t = this._svgDrawingPromise) || void 0 === t ? void 0 : t.then(function () {
+                    if (e._svg) {
+                      var t = e._svg,
+                          r = new XMLSerializer().serializeToString(t),
+                          n = "data:image/svg+xml;base64," + btoa(r),
+                          o = new Image();
+                      return new Promise(function (t) {
+                        o.onload = function () {
+                          var r, n;
+                          null === (n = null === (r = e._canvas) || void 0 === r ? void 0 : r.getContext("2d")) || void 0 === n || n.drawImage(o, 0, 0), t();
+                        }, o.src = n;
+                      });
+                    }
+                  }));
+                }, t.prototype._getElement = function (t) {
+                  return void 0 === t && (t = "png"), z(this, void 0, void 0, function () {
+                    return B(this, function (e) {
+                      switch (e.label) {
                         case 0:
                           if (!this._qr) throw "QR code is empty";
-                          return "svg" !== t.toLowerCase() ? [3, 2] : (r = void 0, e = void 0, this._svg && this._svgDrawingPromise ? (e = this._svg, r = this._svgDrawingPromise) : (e = new L(this._options), r = e.drawQR(this._qr)), [4, r]);
+                          return "svg" !== t.toLowerCase() ? [3, 2] : (this._svg && this._svgDrawingPromise || this._setupSvg(), [4, this._svgDrawingPromise]);
 
                         case 1:
-                          return o.sent(), [2, e];
+                          return e.sent(), [2, this._svg];
 
                         case 2:
-                          return r = void 0, n = void 0, this._canvas && this._canvasDrawingPromise ? (n = this._canvas, r = this._canvasDrawingPromise) : (n = new z(this._options), r = n.drawQR(this._qr)), [4, r];
+                          return this._canvas && this._canvasDrawingPromise || this._setupCanvas(), [4, this._canvasDrawingPromise];
 
                         case 3:
-                          return o.sent(), [2, n];
+                          return e.sent(), [2, this._canvas];
                       }
                     });
                   });
                 }, t.prototype.update = function (e) {
-                  t._clearContainer(this._container), this._options = e ? G(a(this._options, e)) : this._options, this._options.data && (this._qr = U()(this._options.qrOptions.typeNumber, this._options.qrOptions.errorCorrectionLevel), this._qr.addData(this._options.data, this._options.qrOptions.mode || function (t) {
+                  t._clearContainer(this._container), this._options = e ? O(a(this._options, e)) : this._options, this._options.data && (this._qr = P()(this._options.qrOptions.typeNumber, this._options.qrOptions.errorCorrectionLevel), this._qr.addData(this._options.data, this._options.qrOptions.mode || function (t) {
                     switch (!0) {
                       case /^[0-9]*$/.test(t):
                         return "Numeric";
@@ -3632,41 +2879,46 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
                       default:
                         return "Byte";
                     }
-                  }(this._options.data)), this._qr.make(), this._options.type === N ? (this._canvas = new z(this._options), this._canvasDrawingPromise = this._canvas.drawQR(this._qr), this._svgDrawingPromise = void 0, this._svg = void 0) : (this._svg = new L(this._options), this._svgDrawingPromise = this._svg.drawQR(this._qr), this._canvasDrawingPromise = void 0, this._canvas = void 0), this.append(this._container));
+                  }(this._options.data)), this._qr.make(), this._options.type === x ? this._setupCanvas() : this._setupSvg(), this.append(this._container));
                 }, t.prototype.append = function (t) {
                   if (t) {
                     if ("function" != typeof t.appendChild) throw "Container should be a single DOM node";
-                    this._options.type === N ? this._canvas && t.appendChild(this._canvas.getCanvas()) : this._svg && t.appendChild(this._svg.getElement()), this._container = t;
+                    this._options.type === x ? this._canvas && t.appendChild(this._canvas) : this._svg && t.appendChild(this._svg), this._container = t;
                   }
+                }, t.prototype.applyExtension = function (t) {
+                  if (!t) throw "Extension function should be defined.";
+                  this._extension = t, this.update();
+                }, t.prototype.deleteExtension = function () {
+                  this._extension = void 0, this.update();
                 }, t.prototype.getRawData = function (t) {
-                  return void 0 === t && (t = "png"), Y(this, void 0, void 0, function () {
+                  return void 0 === t && (t = "png"), z(this, void 0, void 0, function () {
                     var e, r, n;
-                    return $(this, function (o) {
+                    return B(this, function (o) {
                       switch (o.label) {
                         case 0:
                           if (!this._qr) throw "QR code is empty";
-                          return [4, this._getQRStylingElement(t)];
+                          return [4, this._getElement(t)];
 
                         case 1:
-                          return e = o.sent(), "svg" === t.toLowerCase() ? (r = new XMLSerializer(), n = r.serializeToString(e.getElement()), [2, new Blob(['<?xml version="1.0" standalone="no"?>\r\n' + n], {
+                          return (e = o.sent()) ? "svg" === t.toLowerCase() ? (r = new XMLSerializer(), n = r.serializeToString(e), [2, new Blob(['<?xml version="1.0" standalone="no"?>\r\n' + n], {
                             type: "image/svg+xml"
                           })]) : [2, new Promise(function (r) {
-                            return e.getCanvas().toBlob(r, "image/" + t, 1);
-                          })];
+                            return e.toBlob(r, "image/" + t, 1);
+                          })] : [2, null];
                       }
                     });
                   });
                 }, t.prototype.download = function (t) {
-                  return Y(this, void 0, void 0, function () {
+                  return z(this, void 0, void 0, function () {
                     var e, r, n, o, i;
-                    return $(this, function (a) {
+                    return B(this, function (a) {
                       switch (a.label) {
                         case 0:
                           if (!this._qr) throw "QR code is empty";
-                          return e = "png", r = "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 && (r = t.name), t.extension && (e = t.extension)), [4, this._getQRStylingElement(e)];
+                          return e = "png", r = "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 && (r = t.name), t.extension && (e = t.extension)), [4, this._getElement(e)];
 
                         case 1:
-                          return n = a.sent(), "svg" === e.toLowerCase() ? (o = new XMLSerializer(), i = '<?xml version="1.0" standalone="no"?>\r\n' + (i = o.serializeToString(n.getElement())), s("data:image/svg+xml;charset=utf-8," + encodeURIComponent(i), r + ".svg")) : s(n.getCanvas().toDataURL("image/" + e), r + "." + e), [2];
+                          return (n = a.sent()) ? ("svg" === e.toLowerCase() ? (o = new XMLSerializer(), i = '<?xml version="1.0" standalone="no"?>\r\n' + (i = o.serializeToString(n)), s("data:image/svg+xml;charset=utf-8," + encodeURIComponent(i), r + ".svg")) : s(n.toDataURL("image/" + e), r + "." + e), [2]) : [2];
                       }
                     });
                   });
@@ -3702,12 +2954,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
             }
           }, r.o = function (t, e) {
             return Object.prototype.hasOwnProperty.call(t, e);
-          }, r(796);
+          }, r(676);
         }()["default"];
       });
     }, {}],
     5: [function (require, module, exports) {
-      module.exports = "1.118.1";
+      module.exports = "1.120.2";
     }, {}]
   }, {}, [3])(3);
 });