@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/AnswerModal-BGvB8IVV.js

@@ -0,0 +1,3291 @@
+import { m as J } from "./mapFormMixin-D3BihYWW.js";
+import { h as se, ai as wt, eb as ie, aA as At, y as bt, ec as oe, T as Ot, _ as X, ed as re, ee as ae, b as M, o as P, d as S, s as g, e as b, f as $, F as ct, c as G, w as A, v as C, B as z, aj as Pt, n as Bt, E as le, G as ce, ef as de, a as ue, g as dt, q as $t, ay as Dt, aq as he, bp as fe } from "./main-Cb-nyil1.js";
+import { a as L } from "./anime.es-gdcpA-eY.js";
+import { _ as ge } from "./CFormField.vue_vue_type_script_setup_true_lang-D_U9coAY.js";
+var me = function() {
+  return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
+}, zt = {}, I = {};
+let Et;
+const pe = [
+  0,
+  // Not used
+  26,
+  44,
+  70,
+  100,
+  134,
+  172,
+  196,
+  242,
+  292,
+  346,
+  404,
+  466,
+  532,
+  581,
+  655,
+  733,
+  815,
+  901,
+  991,
+  1085,
+  1156,
+  1258,
+  1364,
+  1474,
+  1588,
+  1706,
+  1828,
+  1921,
+  2051,
+  2185,
+  2323,
+  2465,
+  2611,
+  2761,
+  2876,
+  3034,
+  3196,
+  3362,
+  3532,
+  3706
+];
+I.getSymbolSize = function(t) {
+  if (!t) throw new Error('"version" cannot be null or undefined');
+  if (t < 1 || t > 40) throw new Error('"version" should be in range from 1 to 40');
+  return t * 4 + 17;
+};
+I.getSymbolTotalCodewords = function(t) {
+  return pe[t];
+};
+I.getBCHDigit = function(e) {
+  let t = 0;
+  for (; e !== 0; )
+    t++, e >>>= 1;
+  return t;
+};
+I.setToSJISFunction = function(t) {
+  if (typeof t != "function")
+    throw new Error('"toSJISFunc" is not a valid function.');
+  Et = t;
+};
+I.isKanjiModeEnabled = function() {
+  return typeof Et < "u";
+};
+I.toSJIS = function(t) {
+  return Et(t);
+};
+var it = {};
+(function(e) {
+  e.L = { bit: 1 }, e.M = { bit: 0 }, e.Q = { bit: 3 }, e.H = { bit: 2 };
+  function t(i) {
+    if (typeof i != "string")
+      throw new Error("Param is not a string");
+    switch (i.toLowerCase()) {
+      case "l":
+      case "low":
+        return e.L;
+      case "m":
+      case "medium":
+        return e.M;
+      case "q":
+      case "quartile":
+        return e.Q;
+      case "h":
+      case "high":
+        return e.H;
+      default:
+        throw new Error("Unknown EC Level: " + i);
+    }
+  }
+  e.isValid = function(s) {
+    return s && typeof s.bit < "u" && s.bit >= 0 && s.bit < 4;
+  }, e.from = function(s, n) {
+    if (e.isValid(s))
+      return s;
+    try {
+      return t(s);
+    } catch {
+      return n;
+    }
+  };
+})(it);
+function jt() {
+  this.buffer = [], this.length = 0;
+}
+jt.prototype = {
+  get: function(e) {
+    const t = Math.floor(e / 8);
+    return (this.buffer[t] >>> 7 - e % 8 & 1) === 1;
+  },
+  put: function(e, t) {
+    for (let i = 0; i < t; i++)
+      this.putBit((e >>> t - i - 1 & 1) === 1);
+  },
+  getLengthInBits: function() {
+    return this.length;
+  },
+  putBit: function(e) {
+    const t = Math.floor(this.length / 8);
+    this.buffer.length <= t && this.buffer.push(0), e && (this.buffer[t] |= 128 >>> this.length % 8), this.length++;
+  }
+};
+var we = jt;
+function Q(e) {
+  if (!e || e < 1)
+    throw new Error("BitMatrix size must be defined and greater than 0");
+  this.size = e, this.data = new Uint8Array(e * e), this.reservedBit = new Uint8Array(e * e);
+}
+Q.prototype.set = function(e, t, i, s) {
+  const n = e * this.size + t;
+  this.data[n] = i, s && (this.reservedBit[n] = !0);
+};
+Q.prototype.get = function(e, t) {
+  return this.data[e * this.size + t];
+};
+Q.prototype.xor = function(e, t, i) {
+  this.data[e * this.size + t] ^= i;
+};
+Q.prototype.isReserved = function(e, t) {
+  return this.reservedBit[e * this.size + t];
+};
+var ye = Q, Wt = {};
+(function(e) {
+  const t = I.getSymbolSize;
+  e.getRowColCoords = function(s) {
+    if (s === 1) return [];
+    const n = Math.floor(s / 7) + 2, o = t(s), r = o === 145 ? 26 : Math.ceil((o - 13) / (2 * n - 2)) * 2, a = [o - 7];
+    for (let l = 1; l < n - 1; l++)
+      a[l] = a[l - 1] - r;
+    return a.push(6), a.reverse();
+  }, e.getPositions = function(s) {
+    const n = [], o = e.getRowColCoords(s), r = o.length;
+    for (let a = 0; a < r; a++)
+      for (let l = 0; l < r; l++)
+        a === 0 && l === 0 || // top-left
+        a === 0 && l === r - 1 || // bottom-left
+        a === r - 1 && l === 0 || n.push([o[a], o[l]]);
+    return n;
+  };
+})(Wt);
+var Vt = {};
+const ve = I.getSymbolSize, Ft = 7;
+Vt.getPositions = function(t) {
+  const i = ve(t);
+  return [
+    // top-left
+    [0, 0],
+    // top-right
+    [i - Ft, 0],
+    // bottom-left
+    [0, i - Ft]
+  ];
+};
+var Ht = {};
+(function(e) {
+  e.Patterns = {
+    PATTERN000: 0,
+    PATTERN001: 1,
+    PATTERN010: 2,
+    PATTERN011: 3,
+    PATTERN100: 4,
+    PATTERN101: 5,
+    PATTERN110: 6,
+    PATTERN111: 7
+  };
+  const t = {
+    N1: 3,
+    N2: 3,
+    N3: 40,
+    N4: 10
+  };
+  e.isValid = function(n) {
+    return n != null && n !== "" && !isNaN(n) && n >= 0 && n <= 7;
+  }, e.from = function(n) {
+    return e.isValid(n) ? parseInt(n, 10) : void 0;
+  }, e.getPenaltyN1 = function(n) {
+    const o = n.size;
+    let r = 0, a = 0, l = 0, d = null, c = null;
+    for (let m = 0; m < o; m++) {
+      a = l = 0, d = c = null;
+      for (let p = 0; p < o; p++) {
+        let u = n.get(m, p);
+        u === d ? a++ : (a >= 5 && (r += t.N1 + (a - 5)), d = u, a = 1), u = n.get(p, m), u === c ? l++ : (l >= 5 && (r += t.N1 + (l - 5)), c = u, l = 1);
+      }
+      a >= 5 && (r += t.N1 + (a - 5)), l >= 5 && (r += t.N1 + (l - 5));
+    }
+    return r;
+  }, e.getPenaltyN2 = function(n) {
+    const o = n.size;
+    let r = 0;
+    for (let a = 0; a < o - 1; a++)
+      for (let l = 0; l < o - 1; l++) {
+        const d = n.get(a, l) + n.get(a, l + 1) + n.get(a + 1, l) + n.get(a + 1, l + 1);
+        (d === 4 || d === 0) && r++;
+      }
+    return r * t.N2;
+  }, e.getPenaltyN3 = function(n) {
+    const o = n.size;
+    let r = 0, a = 0, l = 0;
+    for (let d = 0; d < o; d++) {
+      a = l = 0;
+      for (let c = 0; c < o; c++)
+        a = a << 1 & 2047 | n.get(d, c), c >= 10 && (a === 1488 || a === 93) && r++, l = l << 1 & 2047 | n.get(c, d), c >= 10 && (l === 1488 || l === 93) && r++;
+    }
+    return r * t.N3;
+  }, e.getPenaltyN4 = function(n) {
+    let o = 0;
+    const r = n.data.length;
+    for (let l = 0; l < r; l++) o += n.data[l];
+    return Math.abs(Math.ceil(o * 100 / r / 5) - 10) * t.N4;
+  };
+  function i(s, n, o) {
+    switch (s) {
+      case e.Patterns.PATTERN000:
+        return (n + o) % 2 === 0;
+      case e.Patterns.PATTERN001:
+        return n % 2 === 0;
+      case e.Patterns.PATTERN010:
+        return o % 3 === 0;
+      case e.Patterns.PATTERN011:
+        return (n + o) % 3 === 0;
+      case e.Patterns.PATTERN100:
+        return (Math.floor(n / 2) + Math.floor(o / 3)) % 2 === 0;
+      case e.Patterns.PATTERN101:
+        return n * o % 2 + n * o % 3 === 0;
+      case e.Patterns.PATTERN110:
+        return (n * o % 2 + n * o % 3) % 2 === 0;
+      case e.Patterns.PATTERN111:
+        return (n * o % 3 + (n + o) % 2) % 2 === 0;
+      default:
+        throw new Error("bad maskPattern:" + s);
+    }
+  }
+  e.applyMask = function(n, o) {
+    const r = o.size;
+    for (let a = 0; a < r; a++)
+      for (let l = 0; l < r; l++)
+        o.isReserved(l, a) || o.xor(l, a, i(n, l, a));
+  }, e.getBestMask = function(n, o) {
+    const r = Object.keys(e.Patterns).length;
+    let a = 0, l = 1 / 0;
+    for (let d = 0; d < r; d++) {
+      o(d), e.applyMask(d, n);
+      const c = e.getPenaltyN1(n) + e.getPenaltyN2(n) + e.getPenaltyN3(n) + e.getPenaltyN4(n);
+      e.applyMask(d, n), c < l && (l = c, a = d);
+    }
+    return a;
+  };
+})(Ht);
+var ot = {};
+const U = it, Z = [
+  // L  M  Q  H
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  2,
+  2,
+  1,
+  2,
+  2,
+  4,
+  1,
+  2,
+  4,
+  4,
+  2,
+  4,
+  4,
+  4,
+  2,
+  4,
+  6,
+  5,
+  2,
+  4,
+  6,
+  6,
+  2,
+  5,
+  8,
+  8,
+  4,
+  5,
+  8,
+  8,
+  4,
+  5,
+  8,
+  11,
+  4,
+  8,
+  10,
+  11,
+  4,
+  9,
+  12,
+  16,
+  4,
+  9,
+  16,
+  16,
+  6,
+  10,
+  12,
+  18,
+  6,
+  10,
+  17,
+  16,
+  6,
+  11,
+  16,
+  19,
+  6,
+  13,
+  18,
+  21,
+  7,
+  14,
+  21,
+  25,
+  8,
+  16,
+  20,
+  25,
+  8,
+  17,
+  23,
+  25,
+  9,
+  17,
+  23,
+  34,
+  9,
+  18,
+  25,
+  30,
+  10,
+  20,
+  27,
+  32,
+  12,
+  21,
+  29,
+  35,
+  12,
+  23,
+  34,
+  37,
+  12,
+  25,
+  34,
+  40,
+  13,
+  26,
+  35,
+  42,
+  14,
+  28,
+  38,
+  45,
+  15,
+  29,
+  40,
+  48,
+  16,
+  31,
+  43,
+  51,
+  17,
+  33,
+  45,
+  54,
+  18,
+  35,
+  48,
+  57,
+  19,
+  37,
+  51,
+  60,
+  19,
+  38,
+  53,
+  63,
+  20,
+  40,
+  56,
+  66,
+  21,
+  43,
+  59,
+  70,
+  22,
+  45,
+  62,
+  74,
+  24,
+  47,
+  65,
+  77,
+  25,
+  49,
+  68,
+  81
+], tt = [
+  // L  M  Q  H
+  7,
+  10,
+  13,
+  17,
+  10,
+  16,
+  22,
+  28,
+  15,
+  26,
+  36,
+  44,
+  20,
+  36,
+  52,
+  64,
+  26,
+  48,
+  72,
+  88,
+  36,
+  64,
+  96,
+  112,
+  40,
+  72,
+  108,
+  130,
+  48,
+  88,
+  132,
+  156,
+  60,
+  110,
+  160,
+  192,
+  72,
+  130,
+  192,
+  224,
+  80,
+  150,
+  224,
+  264,
+  96,
+  176,
+  260,
+  308,
+  104,
+  198,
+  288,
+  352,
+  120,
+  216,
+  320,
+  384,
+  132,
+  240,
+  360,
+  432,
+  144,
+  280,
+  408,
+  480,
+  168,
+  308,
+  448,
+  532,
+  180,
+  338,
+  504,
+  588,
+  196,
+  364,
+  546,
+  650,
+  224,
+  416,
+  600,
+  700,
+  224,
+  442,
+  644,
+  750,
+  252,
+  476,
+  690,
+  816,
+  270,
+  504,
+  750,
+  900,
+  300,
+  560,
+  810,
+  960,
+  312,
+  588,
+  870,
+  1050,
+  336,
+  644,
+  952,
+  1110,
+  360,
+  700,
+  1020,
+  1200,
+  390,
+  728,
+  1050,
+  1260,
+  420,
+  784,
+  1140,
+  1350,
+  450,
+  812,
+  1200,
+  1440,
+  480,
+  868,
+  1290,
+  1530,
+  510,
+  924,
+  1350,
+  1620,
+  540,
+  980,
+  1440,
+  1710,
+  570,
+  1036,
+  1530,
+  1800,
+  570,
+  1064,
+  1590,
+  1890,
+  600,
+  1120,
+  1680,
+  1980,
+  630,
+  1204,
+  1770,
+  2100,
+  660,
+  1260,
+  1860,
+  2220,
+  720,
+  1316,
+  1950,
+  2310,
+  750,
+  1372,
+  2040,
+  2430
+];
+ot.getBlocksCount = function(t, i) {
+  switch (i) {
+    case U.L:
+      return Z[(t - 1) * 4 + 0];
+    case U.M:
+      return Z[(t - 1) * 4 + 1];
+    case U.Q:
+      return Z[(t - 1) * 4 + 2];
+    case U.H:
+      return Z[(t - 1) * 4 + 3];
+    default:
+      return;
+  }
+};
+ot.getTotalCodewordsCount = function(t, i) {
+  switch (i) {
+    case U.L:
+      return tt[(t - 1) * 4 + 0];
+    case U.M:
+      return tt[(t - 1) * 4 + 1];
+    case U.Q:
+      return tt[(t - 1) * 4 + 2];
+    case U.H:
+      return tt[(t - 1) * 4 + 3];
+    default:
+      return;
+  }
+};
+var Yt = {}, rt = {};
+const q = new Uint8Array(512), et = new Uint8Array(256);
+(function() {
+  let t = 1;
+  for (let i = 0; i < 255; i++)
+    q[i] = t, et[t] = i, t <<= 1, t & 256 && (t ^= 285);
+  for (let i = 255; i < 512; i++)
+    q[i] = q[i - 255];
+})();
+rt.log = function(t) {
+  if (t < 1) throw new Error("log(" + t + ")");
+  return et[t];
+};
+rt.exp = function(t) {
+  return q[t];
+};
+rt.mul = function(t, i) {
+  return t === 0 || i === 0 ? 0 : q[et[t] + et[i]];
+};
+(function(e) {
+  const t = rt;
+  e.mul = function(s, n) {
+    const o = new Uint8Array(s.length + n.length - 1);
+    for (let r = 0; r < s.length; r++)
+      for (let a = 0; a < n.length; a++)
+        o[r + a] ^= t.mul(s[r], n[a]);
+    return o;
+  }, e.mod = function(s, n) {
+    let o = new Uint8Array(s);
+    for (; o.length - n.length >= 0; ) {
+      const r = o[0];
+      for (let l = 0; l < n.length; l++)
+        o[l] ^= t.mul(n[l], r);
+      let a = 0;
+      for (; a < o.length && o[a] === 0; ) a++;
+      o = o.slice(a);
+    }
+    return o;
+  }, e.generateECPolynomial = function(s) {
+    let n = new Uint8Array([1]);
+    for (let o = 0; o < s; o++)
+      n = e.mul(n, new Uint8Array([1, t.exp(o)]));
+    return n;
+  };
+})(Yt);
+const qt = Yt;
+function kt(e) {
+  this.genPoly = void 0, this.degree = e, this.degree && this.initialize(this.degree);
+}
+kt.prototype.initialize = function(t) {
+  this.degree = t, this.genPoly = qt.generateECPolynomial(this.degree);
+};
+kt.prototype.encode = function(t) {
+  if (!this.genPoly)
+    throw new Error("Encoder not initialized");
+  const i = new Uint8Array(t.length + this.degree);
+  i.set(t);
+  const s = qt.mod(i, this.genPoly), n = this.degree - s.length;
+  if (n > 0) {
+    const o = new Uint8Array(this.degree);
+    return o.set(s, n), o;
+  }
+  return s;
+};
+var _e = kt, Gt = {}, O = {}, St = {};
+St.isValid = function(t) {
+  return !isNaN(t) && t >= 1 && t <= 40;
+};
+var F = {};
+const Kt = "[0-9]+", Ce = "[A-Z $%*+\\-./:]+";
+let K = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
+K = K.replace(/u/g, "\\u");
+const xe = "(?:(?![A-Z0-9 $%*+\\-./:]|" + K + `)(?:.|[\r
+]))+`;
+F.KANJI = new RegExp(K, "g");
+F.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
+F.BYTE = new RegExp(xe, "g");
+F.NUMERIC = new RegExp(Kt, "g");
+F.ALPHANUMERIC = new RegExp(Ce, "g");
+const be = new RegExp("^" + K + "$"), Pe = new RegExp("^" + Kt + "$"), Ee = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+F.testKanji = function(t) {
+  return be.test(t);
+};
+F.testNumeric = function(t) {
+  return Pe.test(t);
+};
+F.testAlphanumeric = function(t) {
+  return Ee.test(t);
+};
+(function(e) {
+  const t = St, i = F;
+  e.NUMERIC = {
+    id: "Numeric",
+    bit: 1,
+    ccBits: [10, 12, 14]
+  }, e.ALPHANUMERIC = {
+    id: "Alphanumeric",
+    bit: 2,
+    ccBits: [9, 11, 13]
+  }, e.BYTE = {
+    id: "Byte",
+    bit: 4,
+    ccBits: [8, 16, 16]
+  }, e.KANJI = {
+    id: "Kanji",
+    bit: 8,
+    ccBits: [8, 10, 12]
+  }, e.MIXED = {
+    bit: -1
+  }, e.getCharCountIndicator = function(o, r) {
+    if (!o.ccBits) throw new Error("Invalid mode: " + o);
+    if (!t.isValid(r))
+      throw new Error("Invalid version: " + r);
+    return r >= 1 && r < 10 ? o.ccBits[0] : r < 27 ? o.ccBits[1] : o.ccBits[2];
+  }, e.getBestModeForData = function(o) {
+    return i.testNumeric(o) ? e.NUMERIC : i.testAlphanumeric(o) ? e.ALPHANUMERIC : i.testKanji(o) ? e.KANJI : e.BYTE;
+  }, e.toString = function(o) {
+    if (o && o.id) return o.id;
+    throw new Error("Invalid mode");
+  }, e.isValid = function(o) {
+    return o && o.bit && o.ccBits;
+  };
+  function s(n) {
+    if (typeof n != "string")
+      throw new Error("Param is not a string");
+    switch (n.toLowerCase()) {
+      case "numeric":
+        return e.NUMERIC;
+      case "alphanumeric":
+        return e.ALPHANUMERIC;
+      case "kanji":
+        return e.KANJI;
+      case "byte":
+        return e.BYTE;
+      default:
+        throw new Error("Unknown mode: " + n);
+    }
+  }
+  e.from = function(o, r) {
+    if (e.isValid(o))
+      return o;
+    try {
+      return s(o);
+    } catch {
+      return r;
+    }
+  };
+})(O);
+(function(e) {
+  const t = I, i = ot, s = it, n = O, o = St, r = 7973, a = t.getBCHDigit(r);
+  function l(p, u, f) {
+    for (let h = 1; h <= 40; h++)
+      if (u <= e.getCapacity(h, f, p))
+        return h;
+  }
+  function d(p, u) {
+    return n.getCharCountIndicator(p, u) + 4;
+  }
+  function c(p, u) {
+    let f = 0;
+    return p.forEach(function(h) {
+      const E = d(h.mode, u);
+      f += E + h.getBitsLength();
+    }), f;
+  }
+  function m(p, u) {
+    for (let f = 1; f <= 40; f++)
+      if (c(p, f) <= e.getCapacity(f, u, n.MIXED))
+        return f;
+  }
+  e.from = function(u, f) {
+    return o.isValid(u) ? parseInt(u, 10) : f;
+  }, e.getCapacity = function(u, f, h) {
+    if (!o.isValid(u))
+      throw new Error("Invalid QR Code version");
+    typeof h > "u" && (h = n.BYTE);
+    const E = t.getSymbolTotalCodewords(u), w = i.getTotalCodewordsCount(u, f), _ = (E - w) * 8;
+    if (h === n.MIXED) return _;
+    const y = _ - d(h, u);
+    switch (h) {
+      case n.NUMERIC:
+        return Math.floor(y / 10 * 3);
+      case n.ALPHANUMERIC:
+        return Math.floor(y / 11 * 2);
+      case n.KANJI:
+        return Math.floor(y / 13);
+      case n.BYTE:
+      default:
+        return Math.floor(y / 8);
+    }
+  }, e.getBestVersionForData = function(u, f) {
+    let h;
+    const E = s.from(f, s.M);
+    if (Array.isArray(u)) {
+      if (u.length > 1)
+        return m(u, E);
+      if (u.length === 0)
+        return 1;
+      h = u[0];
+    } else
+      h = u;
+    return l(h.mode, h.getLength(), E);
+  }, e.getEncodedBits = function(u) {
+    if (!o.isValid(u) || u < 7)
+      throw new Error("Invalid QR Code version");
+    let f = u << 12;
+    for (; t.getBCHDigit(f) - a >= 0; )
+      f ^= r << t.getBCHDigit(f) - a;
+    return u << 12 | f;
+  };
+})(Gt);
+var Jt = {};
+const yt = I, Xt = 1335, ke = 21522, Nt = yt.getBCHDigit(Xt);
+Jt.getEncodedBits = function(t, i) {
+  const s = t.bit << 3 | i;
+  let n = s << 10;
+  for (; yt.getBCHDigit(n) - Nt >= 0; )
+    n ^= Xt << yt.getBCHDigit(n) - Nt;
+  return (s << 10 | n) ^ ke;
+};
+var Qt = {};
+const Se = O;
+function j(e) {
+  this.mode = Se.NUMERIC, this.data = e.toString();
+}
+j.getBitsLength = function(t) {
+  return 10 * Math.floor(t / 3) + (t % 3 ? t % 3 * 3 + 1 : 0);
+};
+j.prototype.getLength = function() {
+  return this.data.length;
+};
+j.prototype.getBitsLength = function() {
+  return j.getBitsLength(this.data.length);
+};
+j.prototype.write = function(t) {
+  let i, s, n;
+  for (i = 0; i + 3 <= this.data.length; i += 3)
+    s = this.data.substr(i, 3), n = parseInt(s, 10), t.put(n, 10);
+  const o = this.data.length - i;
+  o > 0 && (s = this.data.substr(i), n = parseInt(s, 10), t.put(n, o * 3 + 1));
+};
+var Te = j;
+const Me = O, ut = [
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "A",
+  "B",
+  "C",
+  "D",
+  "E",
+  "F",
+  "G",
+  "H",
+  "I",
+  "J",
+  "K",
+  "L",
+  "M",
+  "N",
+  "O",
+  "P",
+  "Q",
+  "R",
+  "S",
+  "T",
+  "U",
+  "V",
+  "W",
+  "X",
+  "Y",
+  "Z",
+  " ",
+  "$",
+  "%",
+  "*",
+  "+",
+  "-",
+  ".",
+  "/",
+  ":"
+];
+function W(e) {
+  this.mode = Me.ALPHANUMERIC, this.data = e;
+}
+W.getBitsLength = function(t) {
+  return 11 * Math.floor(t / 2) + 6 * (t % 2);
+};
+W.prototype.getLength = function() {
+  return this.data.length;
+};
+W.prototype.getBitsLength = function() {
+  return W.getBitsLength(this.data.length);
+};
+W.prototype.write = function(t) {
+  let i;
+  for (i = 0; i + 2 <= this.data.length; i += 2) {
+    let s = ut.indexOf(this.data[i]) * 45;
+    s += ut.indexOf(this.data[i + 1]), t.put(s, 11);
+  }
+  this.data.length % 2 && t.put(ut.indexOf(this.data[i]), 6);
+};
+var Ie = W, Ae = function(t) {
+  for (var i = [], s = t.length, n = 0; n < s; n++) {
+    var o = t.charCodeAt(n);
+    if (o >= 55296 && o <= 56319 && s > n + 1) {
+      var r = t.charCodeAt(n + 1);
+      r >= 56320 && r <= 57343 && (o = (o - 55296) * 1024 + r - 56320 + 65536, n += 1);
+    }
+    if (o < 128) {
+      i.push(o);
+      continue;
+    }
+    if (o < 2048) {
+      i.push(o >> 6 | 192), i.push(o & 63 | 128);
+      continue;
+    }
+    if (o < 55296 || o >= 57344 && o < 65536) {
+      i.push(o >> 12 | 224), i.push(o >> 6 & 63 | 128), i.push(o & 63 | 128);
+      continue;
+    }
+    if (o >= 65536 && o <= 1114111) {
+      i.push(o >> 18 | 240), i.push(o >> 12 & 63 | 128), i.push(o >> 6 & 63 | 128), i.push(o & 63 | 128);
+      continue;
+    }
+    i.push(239, 191, 189);
+  }
+  return new Uint8Array(i).buffer;
+};
+const Be = Ae, $e = O;
+function V(e) {
+  this.mode = $e.BYTE, typeof e == "string" && (e = Be(e)), this.data = new Uint8Array(e);
+}
+V.getBitsLength = function(t) {
+  return t * 8;
+};
+V.prototype.getLength = function() {
+  return this.data.length;
+};
+V.prototype.getBitsLength = function() {
+  return V.getBitsLength(this.data.length);
+};
+V.prototype.write = function(e) {
+  for (let t = 0, i = this.data.length; t < i; t++)
+    e.put(this.data[t], 8);
+};
+var De = V;
+const Fe = O, Ne = I;
+function H(e) {
+  this.mode = Fe.KANJI, this.data = e;
+}
+H.getBitsLength = function(t) {
+  return t * 13;
+};
+H.prototype.getLength = function() {
+  return this.data.length;
+};
+H.prototype.getBitsLength = function() {
+  return H.getBitsLength(this.data.length);
+};
+H.prototype.write = function(e) {
+  let t;
+  for (t = 0; t < this.data.length; t++) {
+    let i = Ne.toSJIS(this.data[t]);
+    if (i >= 33088 && i <= 40956)
+      i -= 33088;
+    else if (i >= 57408 && i <= 60351)
+      i -= 49472;
+    else
+      throw new Error(
+        "Invalid SJIS character: " + this.data[t] + `
+Make sure your charset is UTF-8`
+      );
+    i = (i >>> 8 & 255) * 192 + (i & 255), e.put(i, 13);
+  }
+};
+var Le = H, Zt = { exports: {} };
+(function(e) {
+  var t = {
+    single_source_shortest_paths: function(i, s, n) {
+      var o = {}, r = {};
+      r[s] = 0;
+      var a = t.PriorityQueue.make();
+      a.push(s, 0);
+      for (var l, d, c, m, p, u, f, h, E; !a.empty(); ) {
+        l = a.pop(), d = l.value, m = l.cost, p = i[d] || {};
+        for (c in p)
+          p.hasOwnProperty(c) && (u = p[c], f = m + u, h = r[c], E = typeof r[c] > "u", (E || h > f) && (r[c] = f, a.push(c, f), o[c] = d));
+      }
+      if (typeof n < "u" && typeof r[n] > "u") {
+        var w = ["Could not find a path from ", s, " to ", n, "."].join("");
+        throw new Error(w);
+      }
+      return o;
+    },
+    extract_shortest_path_from_predecessor_list: function(i, s) {
+      for (var n = [], o = s; o; )
+        n.push(o), i[o], o = i[o];
+      return n.reverse(), n;
+    },
+    find_path: function(i, s, n) {
+      var o = t.single_source_shortest_paths(i, s, n);
+      return t.extract_shortest_path_from_predecessor_list(
+        o,
+        n
+      );
+    },
+    /**
+     * A very naive priority queue implementation.
+     */
+    PriorityQueue: {
+      make: function(i) {
+        var s = t.PriorityQueue, n = {}, o;
+        i = i || {};
+        for (o in s)
+          s.hasOwnProperty(o) && (n[o] = s[o]);
+        return n.queue = [], n.sorter = i.sorter || s.default_sorter, n;
+      },
+      default_sorter: function(i, s) {
+        return i.cost - s.cost;
+      },
+      /**
+       * Add a new item to the queue and ensure the highest priority element
+       * is at the front of the queue.
+       */
+      push: function(i, s) {
+        var n = { value: i, cost: s };
+        this.queue.push(n), this.queue.sort(this.sorter);
+      },
+      /**
+       * Return the highest priority element in the queue.
+       */
+      pop: function() {
+        return this.queue.shift();
+      },
+      empty: function() {
+        return this.queue.length === 0;
+      }
+    }
+  };
+  e.exports = t;
+})(Zt);
+var Re = Zt.exports;
+(function(e) {
+  const t = O, i = Te, s = Ie, n = De, o = Le, r = F, a = I, l = Re;
+  function d(w) {
+    return unescape(encodeURIComponent(w)).length;
+  }
+  function c(w, _, y) {
+    const v = [];
+    let x;
+    for (; (x = w.exec(y)) !== null; )
+      v.push({
+        data: x[0],
+        index: x.index,
+        mode: _,
+        length: x[0].length
+      });
+    return v;
+  }
+  function m(w) {
+    const _ = c(r.NUMERIC, t.NUMERIC, w), y = c(r.ALPHANUMERIC, t.ALPHANUMERIC, w);
+    let v, x;
+    return a.isKanjiModeEnabled() ? (v = c(r.BYTE, t.BYTE, w), x = c(r.KANJI, t.KANJI, w)) : (v = c(r.BYTE_KANJI, t.BYTE, w), x = []), _.concat(y, v, x).sort(function(T, B) {
+      return T.index - B.index;
+    }).map(function(T) {
+      return {
+        data: T.data,
+        mode: T.mode,
+        length: T.length
+      };
+    });
+  }
+  function p(w, _) {
+    switch (_) {
+      case t.NUMERIC:
+        return i.getBitsLength(w);
+      case t.ALPHANUMERIC:
+        return s.getBitsLength(w);
+      case t.KANJI:
+        return o.getBitsLength(w);
+      case t.BYTE:
+        return n.getBitsLength(w);
+    }
+  }
+  function u(w) {
+    return w.reduce(function(_, y) {
+      const v = _.length - 1 >= 0 ? _[_.length - 1] : null;
+      return v && v.mode === y.mode ? (_[_.length - 1].data += y.data, _) : (_.push(y), _);
+    }, []);
+  }
+  function f(w) {
+    const _ = [];
+    for (let y = 0; y < w.length; y++) {
+      const v = w[y];
+      switch (v.mode) {
+        case t.NUMERIC:
+          _.push([
+            v,
+            { data: v.data, mode: t.ALPHANUMERIC, length: v.length },
+            { data: v.data, mode: t.BYTE, length: v.length }
+          ]);
+          break;
+        case t.ALPHANUMERIC:
+          _.push([
+            v,
+            { data: v.data, mode: t.BYTE, length: v.length }
+          ]);
+          break;
+        case t.KANJI:
+          _.push([
+            v,
+            { data: v.data, mode: t.BYTE, length: d(v.data) }
+          ]);
+          break;
+        case t.BYTE:
+          _.push([
+            { data: v.data, mode: t.BYTE, length: d(v.data) }
+          ]);
+      }
+    }
+    return _;
+  }
+  function h(w, _) {
+    const y = {}, v = { start: {} };
+    let x = ["start"];
+    for (let k = 0; k < w.length; k++) {
+      const T = w[k], B = [];
+      for (let R = 0; R < T.length; R++) {
+        const D = T[R], Y = "" + k + R;
+        B.push(Y), y[Y] = { node: D, lastCount: 0 }, v[Y] = {};
+        for (let lt = 0; lt < x.length; lt++) {
+          const N = x[lt];
+          y[N] && y[N].node.mode === D.mode ? (v[N][Y] = p(y[N].lastCount + D.length, D.mode) - p(y[N].lastCount, D.mode), y[N].lastCount += D.length) : (y[N] && (y[N].lastCount = D.length), v[N][Y] = p(D.length, D.mode) + 4 + t.getCharCountIndicator(D.mode, _));
+        }
+      }
+      x = B;
+    }
+    for (let k = 0; k < x.length; k++)
+      v[x[k]].end = 0;
+    return { map: v, table: y };
+  }
+  function E(w, _) {
+    let y;
+    const v = t.getBestModeForData(w);
+    if (y = t.from(_, v), y !== t.BYTE && y.bit < v.bit)
+      throw new Error('"' + w + '" cannot be encoded with mode ' + t.toString(y) + `.
+ Suggested mode is: ` + t.toString(v));
+    switch (y === t.KANJI && !a.isKanjiModeEnabled() && (y = t.BYTE), y) {
+      case t.NUMERIC:
+        return new i(w);
+      case t.ALPHANUMERIC:
+        return new s(w);
+      case t.KANJI:
+        return new o(w);
+      case t.BYTE:
+        return new n(w);
+    }
+  }
+  e.fromArray = function(_) {
+    return _.reduce(function(y, v) {
+      return typeof v == "string" ? y.push(E(v, null)) : v.data && y.push(E(v.data, v.mode)), y;
+    }, []);
+  }, e.fromString = function(_, y) {
+    const v = m(_, a.isKanjiModeEnabled()), x = f(v), k = h(x, y), T = l.find_path(k.map, "start", "end"), B = [];
+    for (let R = 1; R < T.length - 1; R++)
+      B.push(k.table[T[R]].node);
+    return e.fromArray(u(B));
+  }, e.rawSplit = function(_) {
+    return e.fromArray(
+      m(_, a.isKanjiModeEnabled())
+    );
+  };
+})(Qt);
+const at = I, ht = it, Ue = we, Oe = ye, ze = Wt, je = Vt, vt = Ht, _t = ot, We = _e, nt = Gt, Ve = Jt, He = O, ft = Qt;
+function Ye(e, t) {
+  const i = e.size, s = je.getPositions(t);
+  for (let n = 0; n < s.length; n++) {
+    const o = s[n][0], r = s[n][1];
+    for (let a = -1; a <= 7; a++)
+      if (!(o + a <= -1 || i <= o + a))
+        for (let l = -1; l <= 7; l++)
+          r + l <= -1 || i <= r + l || (a >= 0 && a <= 6 && (l === 0 || l === 6) || l >= 0 && l <= 6 && (a === 0 || a === 6) || a >= 2 && a <= 4 && l >= 2 && l <= 4 ? e.set(o + a, r + l, !0, !0) : e.set(o + a, r + l, !1, !0));
+  }
+}
+function qe(e) {
+  const t = e.size;
+  for (let i = 8; i < t - 8; i++) {
+    const s = i % 2 === 0;
+    e.set(i, 6, s, !0), e.set(6, i, s, !0);
+  }
+}
+function Ge(e, t) {
+  const i = ze.getPositions(t);
+  for (let s = 0; s < i.length; s++) {
+    const n = i[s][0], o = i[s][1];
+    for (let r = -2; r <= 2; r++)
+      for (let a = -2; a <= 2; a++)
+        r === -2 || r === 2 || a === -2 || a === 2 || r === 0 && a === 0 ? e.set(n + r, o + a, !0, !0) : e.set(n + r, o + a, !1, !0);
+  }
+}
+function Ke(e, t) {
+  const i = e.size, s = nt.getEncodedBits(t);
+  let n, o, r;
+  for (let a = 0; a < 18; a++)
+    n = Math.floor(a / 3), o = a % 3 + i - 8 - 3, r = (s >> a & 1) === 1, e.set(n, o, r, !0), e.set(o, n, r, !0);
+}
+function gt(e, t, i) {
+  const s = e.size, n = Ve.getEncodedBits(t, i);
+  let o, r;
+  for (o = 0; o < 15; o++)
+    r = (n >> o & 1) === 1, o < 6 ? e.set(o, 8, r, !0) : o < 8 ? e.set(o + 1, 8, r, !0) : e.set(s - 15 + o, 8, r, !0), o < 8 ? e.set(8, s - o - 1, r, !0) : o < 9 ? e.set(8, 15 - o - 1 + 1, r, !0) : e.set(8, 15 - o - 1, r, !0);
+  e.set(s - 8, 8, 1, !0);
+}
+function Je(e, t) {
+  const i = e.size;
+  let s = -1, n = i - 1, o = 7, r = 0;
+  for (let a = i - 1; a > 0; a -= 2)
+    for (a === 6 && a--; ; ) {
+      for (let l = 0; l < 2; l++)
+        if (!e.isReserved(n, a - l)) {
+          let d = !1;
+          r < t.length && (d = (t[r] >>> o & 1) === 1), e.set(n, a - l, d), o--, o === -1 && (r++, o = 7);
+        }
+      if (n += s, n < 0 || i <= n) {
+        n -= s, s = -s;
+        break;
+      }
+    }
+}
+function Xe(e, t, i) {
+  const s = new Ue();
+  i.forEach(function(l) {
+    s.put(l.mode.bit, 4), s.put(l.getLength(), He.getCharCountIndicator(l.mode, e)), l.write(s);
+  });
+  const n = at.getSymbolTotalCodewords(e), o = _t.getTotalCodewordsCount(e, t), r = (n - o) * 8;
+  for (s.getLengthInBits() + 4 <= r && s.put(0, 4); s.getLengthInBits() % 8 !== 0; )
+    s.putBit(0);
+  const a = (r - s.getLengthInBits()) / 8;
+  for (let l = 0; l < a; l++)
+    s.put(l % 2 ? 17 : 236, 8);
+  return Qe(s, e, t);
+}
+function Qe(e, t, i) {
+  const s = at.getSymbolTotalCodewords(t), n = _t.getTotalCodewordsCount(t, i), o = s - n, r = _t.getBlocksCount(t, i), a = s % r, l = r - a, d = Math.floor(s / r), c = Math.floor(o / r), m = c + 1, p = d - c, u = new We(p);
+  let f = 0;
+  const h = new Array(r), E = new Array(r);
+  let w = 0;
+  const _ = new Uint8Array(e.buffer);
+  for (let T = 0; T < r; T++) {
+    const B = T < l ? c : m;
+    h[T] = _.slice(f, f + B), E[T] = u.encode(h[T]), f += B, w = Math.max(w, B);
+  }
+  const y = new Uint8Array(s);
+  let v = 0, x, k;
+  for (x = 0; x < w; x++)
+    for (k = 0; k < r; k++)
+      x < h[k].length && (y[v++] = h[k][x]);
+  for (x = 0; x < p; x++)
+    for (k = 0; k < r; k++)
+      y[v++] = E[k][x];
+  return y;
+}
+function Ze(e, t, i, s) {
+  let n;
+  if (Array.isArray(e))
+    n = ft.fromArray(e);
+  else if (typeof e == "string") {
+    let d = t;
+    if (!d) {
+      const c = ft.rawSplit(e);
+      d = nt.getBestVersionForData(c, i);
+    }
+    n = ft.fromString(e, d || 40);
+  } else
+    throw new Error("Invalid data");
+  const o = nt.getBestVersionForData(n, i);
+  if (!o)
+    throw new Error("The amount of data is too big to be stored in a QR Code");
+  if (!t)
+    t = o;
+  else if (t < o)
+    throw new Error(
+      `
+The chosen QR Code version cannot contain this amount of data.
+Minimum version required to store current data is: ` + o + `.
+`
+    );
+  const r = Xe(t, i, n), a = at.getSymbolSize(t), l = new Oe(a);
+  return Ye(l, t), qe(l), Ge(l, t), gt(l, i, 0), t >= 7 && Ke(l, t), Je(l, r), isNaN(s) && (s = vt.getBestMask(
+    l,
+    gt.bind(null, l, i)
+  )), vt.applyMask(s, l), gt(l, i, s), {
+    modules: l,
+    version: t,
+    errorCorrectionLevel: i,
+    maskPattern: s,
+    segments: n
+  };
+}
+zt.create = function(t, i) {
+  if (typeof t > "u" || t === "")
+    throw new Error("No input text");
+  let s = ht.M, n, o;
+  return typeof i < "u" && (s = ht.from(i.errorCorrectionLevel, ht.M), n = nt.from(i.version), o = vt.from(i.maskPattern), i.toSJISFunc && at.setToSJISFunction(i.toSJISFunc)), Ze(t, n, s, o);
+};
+var te = {}, Tt = {};
+(function(e) {
+  function t(i) {
+    if (typeof i == "number" && (i = i.toString()), typeof i != "string")
+      throw new Error("Color should be defined as hex string");
+    let s = i.slice().replace("#", "").split("");
+    if (s.length < 3 || s.length === 5 || s.length > 8)
+      throw new Error("Invalid hex color: " + i);
+    (s.length === 3 || s.length === 4) && (s = Array.prototype.concat.apply([], s.map(function(o) {
+      return [o, o];
+    }))), s.length === 6 && s.push("F", "F");
+    const n = parseInt(s.join(""), 16);
+    return {
+      r: n >> 24 & 255,
+      g: n >> 16 & 255,
+      b: n >> 8 & 255,
+      a: n & 255,
+      hex: "#" + s.slice(0, 6).join("")
+    };
+  }
+  e.getOptions = function(s) {
+    s || (s = {}), s.color || (s.color = {});
+    const n = typeof s.margin > "u" || s.margin === null || s.margin < 0 ? 4 : s.margin, o = s.width && s.width >= 21 ? s.width : void 0, r = s.scale || 4;
+    return {
+      width: o,
+      scale: o ? 4 : r,
+      margin: n,
+      color: {
+        dark: t(s.color.dark || "#000000ff"),
+        light: t(s.color.light || "#ffffffff")
+      },
+      type: s.type,
+      rendererOpts: s.rendererOpts || {}
+    };
+  }, e.getScale = function(s, n) {
+    return n.width && n.width >= s + n.margin * 2 ? n.width / (s + n.margin * 2) : n.scale;
+  }, e.getImageWidth = function(s, n) {
+    const o = e.getScale(s, n);
+    return Math.floor((s + n.margin * 2) * o);
+  }, e.qrToImageData = function(s, n, o) {
+    const r = n.modules.size, a = n.modules.data, l = e.getScale(r, o), d = Math.floor((r + o.margin * 2) * l), c = o.margin * l, m = [o.color.light, o.color.dark];
+    for (let p = 0; p < d; p++)
+      for (let u = 0; u < d; u++) {
+        let f = (p * d + u) * 4, h = o.color.light;
+        if (p >= c && u >= c && p < d - c && u < d - c) {
+          const E = Math.floor((p - c) / l), w = Math.floor((u - c) / l);
+          h = m[a[E * r + w] ? 1 : 0];
+        }
+        s[f++] = h.r, s[f++] = h.g, s[f++] = h.b, s[f] = h.a;
+      }
+  };
+})(Tt);
+(function(e) {
+  const t = Tt;
+  function i(n, o, r) {
+    n.clearRect(0, 0, o.width, o.height), o.style || (o.style = {}), o.height = r, o.width = r, o.style.height = r + "px", o.style.width = r + "px";
+  }
+  function s() {
+    try {
+      return document.createElement("canvas");
+    } catch {
+      throw new Error("You need to specify a canvas element");
+    }
+  }
+  e.render = function(o, r, a) {
+    let l = a, d = r;
+    typeof l > "u" && (!r || !r.getContext) && (l = r, r = void 0), r || (d = s()), l = t.getOptions(l);
+    const c = t.getImageWidth(o.modules.size, l), m = d.getContext("2d"), p = m.createImageData(c, c);
+    return t.qrToImageData(p.data, o, l), i(m, d, c), m.putImageData(p, 0, 0), d;
+  }, e.renderToDataURL = function(o, r, a) {
+    let l = a;
+    typeof l > "u" && (!r || !r.getContext) && (l = r, r = void 0), l || (l = {});
+    const d = e.render(o, r, l), c = l.type || "image/png", m = l.rendererOpts || {};
+    return d.toDataURL(c, m.quality);
+  };
+})(te);
+var ee = {};
+const tn = Tt;
+function Lt(e, t) {
+  const i = e.a / 255, s = t + '="' + e.hex + '"';
+  return i < 1 ? s + " " + t + '-opacity="' + i.toFixed(2).slice(1) + '"' : s;
+}
+function mt(e, t, i) {
+  let s = e + t;
+  return typeof i < "u" && (s += " " + i), s;
+}
+function en(e, t, i) {
+  let s = "", n = 0, o = !1, r = 0;
+  for (let a = 0; a < e.length; a++) {
+    const l = Math.floor(a % t), d = Math.floor(a / t);
+    !l && !o && (o = !0), e[a] ? (r++, a > 0 && l > 0 && e[a - 1] || (s += o ? mt("M", l + i, 0.5 + d + i) : mt("m", n, 0), n = 0, o = !1), l + 1 < t && e[a + 1] || (s += mt("h", r), r = 0)) : n++;
+  }
+  return s;
+}
+ee.render = function(t, i, s) {
+  const n = tn.getOptions(i), o = t.modules.size, r = t.modules.data, a = o + n.margin * 2, l = n.color.light.a ? "<path " + Lt(n.color.light, "fill") + ' d="M0 0h' + a + "v" + a + 'H0z"/>' : "", d = "<path " + Lt(n.color.dark, "stroke") + ' d="' + en(r, o, n.margin) + '"/>', c = 'viewBox="0 0 ' + a + " " + a + '"', p = '<svg xmlns="http://www.w3.org/2000/svg" ' + (n.width ? 'width="' + n.width + '" height="' + n.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + l + d + `</svg>
+`;
+  return typeof s == "function" && s(null, p), p;
+};
+const nn = me, Ct = zt, ne = te, sn = ee;
+function Mt(e, t, i, s, n) {
+  const o = [].slice.call(arguments, 1), r = o.length, a = typeof o[r - 1] == "function";
+  if (!a && !nn())
+    throw new Error("Callback required as last argument");
+  if (a) {
+    if (r < 2)
+      throw new Error("Too few arguments provided");
+    r === 2 ? (n = i, i = t, t = s = void 0) : r === 3 && (t.getContext && typeof n > "u" ? (n = s, s = void 0) : (n = s, s = i, i = t, t = void 0));
+  } else {
+    if (r < 1)
+      throw new Error("Too few arguments provided");
+    return r === 1 ? (i = t, t = s = void 0) : r === 2 && !t.getContext && (s = i, i = t, t = void 0), new Promise(function(l, d) {
+      try {
+        const c = Ct.create(i, s);
+        l(e(c, t, s));
+      } catch (c) {
+        d(c);
+      }
+    });
+  }
+  try {
+    const l = Ct.create(i, s);
+    n(null, e(l, t, s));
+  } catch (l) {
+    n(l);
+  }
+}
+Ct.create;
+var on = Mt.bind(null, ne.render), rn = Mt.bind(null, ne.renderToDataURL), an = Mt.bind(null, function(e, t, i) {
+  return sn.render(e, i);
+});
+/*! vue-qrcode v2.0.0 | (c) 2018-present Chen Fengyuan | MIT */
+const Rt = "ready";
+var ln = se({
+  name: "VueQrcode",
+  props: {
+    /**
+     * The value of the QR code.
+     */
+    value: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * The options for the QR code generator.
+     * {@link https://github.com/soldair/node-qrcode#qr-code-options}
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * The tag name of the component's root element.
+     */
+    tag: {
+      type: String,
+      default: "canvas"
+    }
+  },
+  emits: [Rt],
+  watch: {
+    $props: {
+      deep: !0,
+      immediate: !0,
+      /**
+       * Update the QR code when props changed.
+       */
+      handler() {
+        this.$el && this.generate();
+      }
+    }
+  },
+  mounted() {
+    this.generate();
+  },
+  methods: {
+    /**
+     * Generate QR code.
+     */
+    generate() {
+      const e = this.options || {}, t = String(this.value), i = () => {
+        this.$emit(Rt, this.$el);
+      };
+      switch (this.tag) {
+        case "canvas":
+          on(this.$el, t, e, (s) => {
+            if (s)
+              throw s;
+            i();
+          });
+          break;
+        case "img":
+          rn(t, e, (s, n) => {
+            if (s)
+              throw s;
+            this.$el.src = n, this.$el.onload = i;
+          });
+          break;
+        case "svg":
+          an(t, e, (s, n) => {
+            if (s)
+              throw s;
+            const o = document.createElement("div");
+            o.innerHTML = n;
+            const r = o.querySelector("svg");
+            if (r) {
+              const { attributes: a, childNodes: l } = r;
+              Object.keys(a).forEach((d) => {
+                const c = a[Number(d)];
+                this.$el.setAttribute(c.name, c.value);
+              }), Object.keys(l).forEach((d) => {
+                const c = l[Number(d)];
+                this.$el.appendChild(c.cloneNode(!0));
+              }), i();
+            }
+          });
+          break;
+      }
+    }
+  },
+  render() {
+    return wt(this.tag, this.$slots.default);
+  }
+});
+class cn {
+  constructor() {
+    this._activePolls = {}, this._pollingInterval = 1e3;
+  }
+  _startPolling(t) {
+    const { handler: i, interval: s } = this._activePolls[t], n = async () => {
+      var o;
+      await i(), (o = this._activePolls[t]) != null && o.pollActive && setTimeout(n, s || this._pollingInterval);
+    };
+    n();
+  }
+  /**
+   * Add a new poll to the active polls list.
+   * @param {string} options.id - Unique identifier for the poll.
+   * @param {function} options.handler - Function to be executed when the poll is activated.
+   * @param {number} options.interval - Time interval in milliseconds at which the poll should run.
+   * @param {number} [options.removeAfterMs=0] - Optional. Time in milliseconds after which the poll should be automatically removed.
+   * @param {boolean} [options.startImmediately=true] - Optional. If true, the poll will start immediately after being added.
+   * @param {*} [options.data] - Optional. Additional data associated with the poll.
+   * @returns {function} - A function that can be used to manually remove the poll from the active polls list.
+   */
+  addPoll({
+    id: t,
+    handler: i,
+    interval: s,
+    removeAfterMs: n = 0,
+    startImmediately: o = !0,
+    data: r
+  }) {
+    if (!t || typeof i != "function")
+      throw new Error("Invalid poll definition");
+    if (this._activePolls[t])
+      throw new Error("Poll with the same ID already exists");
+    return this._activePolls[t] = { handler: i, interval: s, pollActive: !1, data: r }, o && setTimeout(() => {
+      this.activatePoll(t);
+    }, 0), n && setTimeout(() => {
+      this._activePolls[t] && this.removePoll(t);
+    }, n), () => this.removePoll(t);
+  }
+  activatePoll(t) {
+    if (!this._activePolls[t])
+      throw new Error("Poll not found");
+    this._activePolls[t].pollActive || (this._activePolls[t].pollActive = !0, this._startPolling(t));
+  }
+  deactivatePoll(t) {
+    if (!this._activePolls[t]) {
+      console.warn("[deactivatePoll] Poll not found");
+      return;
+    }
+    this._activePolls[t].pollActive = !1;
+  }
+  removePoll(t) {
+    if (!this._activePolls[t]) {
+      console.warn("[removePoll] Poll not found");
+      return;
+    }
+    delete this._activePolls[t];
+  }
+}
+let pt = null;
+function Ut() {
+  return pt || (pt = new cn()), pt;
+}
+function dn(e) {
+  window.history.replaceState(window.history.state, "", window.location.href);
+  let t = "";
+  const i = (navigator == null ? void 0 : navigator.userAgent) || "";
+  return i.match("CriOS") ? t = "googlechromes://" : i.match("FxiOS") ? t = "firefox://" : i.match("GSA") && (t = "googleapp://open-url?url="), t + encodeURIComponent(`${window.location.href}#${e}`);
+}
+const un = {
+  name: "BankIdAnswer",
+  components: {
+    QrCode: ln
+  },
+  emits: ["loading", "error", "complete"],
+  mixins: [J([])],
+  props: {
+    onCompleteFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      signAnswerId: null,
+      view: "form",
+      errorMessage: "",
+      isLoading: !1,
+      qrCode: null,
+      autoStartToken: null,
+      isMobile: !1
+    };
+  },
+  computed: {
+    viewText() {
+      const e = (t) => this._document.$t(`answerModal.bankId.component.viewText.${t}`);
+      return {
+        new: {
+          title: e("new.title"),
+          text: e("new.text"),
+          spinnerText: e("new.spinnerText")
+        },
+        waiting: {
+          title: e("waiting.title"),
+          text: e("waiting.text"),
+          spinnerText: e("waiting.spinnerText")
+        },
+        started: {
+          title: e("waiting.title"),
+          text: e("waiting.text"),
+          spinnerText: e("waiting.spinnerText")
+        },
+        signing: {
+          title: e("signing.title"),
+          text: e("signing.text"),
+          spinnerText: e("signing.spinnerText")
+        },
+        error: {
+          title: e("error.title"),
+          text: e("error.text")
+        },
+        canceled: {
+          title: e("canceled.title"),
+          text: e("canceled.text")
+        }
+      };
+    }
+  },
+  watch: {
+    isLoading(e) {
+      this.$emit("loading", e);
+    }
+  },
+  created() {
+    this.isMobile = ie(), this.tryResumeSigningSession();
+  },
+  methods: {
+    tryResumeSigningSession() {
+      var i, s;
+      const e = Ut(), t = Object.keys(e._activePolls).find(
+        (n) => n.includes("bankId-")
+      );
+      try {
+        if (t) {
+          const { signAnswerId: n, autoStartToken: o, qrCode: r } = ((i = e._activePolls[t]) == null ? void 0 : i.data) || {};
+          this.signAnswerId = n, this.autoStartToken = o, this.qrCode = r, e.removePoll(t), (s = window.location) != null && s.hash && window.history.replaceState(
+            window.history.state,
+            "",
+            window.location.pathname
+            // clears search + hash
+          ), this.isLoading = !0, this.startPolling();
+        }
+      } catch {
+        const o = this._document.$t(
+          "answerModal.bankId.component.viewText.error.text"
+        );
+        At("error", o);
+      }
+    },
+    async submit({ answer: e }) {
+      try {
+        this.isLoading = !0;
+        const { id: t, autoStartToken: i, qrCodeData: s } = await e({
+          body: { isAccepted: !0 }
+        });
+        i && (this.autoStartToken = i), s && (this.qrCode = s), this.signAnswerId = t, this.startPolling(), this.isMobile && this.triggerAutoStart();
+        return;
+      } catch (t) {
+        this.onError(t);
+      }
+    },
+    async startPolling() {
+      if (!this.signAnswerId) throw Error("Missing signAnswerId");
+      const e = Ut(), t = `bankId-${this.signAnswerId}`, i = async () => {
+        if (!this.signAnswerId) throw Error("Missing signAnswerId");
+        const s = () => {
+          this.clearSignState(), e.removePoll(t);
+        };
+        try {
+          const { data: n } = await re.get(this.signAnswerId);
+          n.qrCodeData && (this.qrCode = n.qrCodeData), ["completed", "canceled"].includes(n.status) && s(), n.status === "completed" ? this.onComplete() : n.status === "canceled" ? this.onCanceled() : this.view = n.status;
+        } catch (n) {
+          this.onError(n), s();
+        }
+      };
+      try {
+        e.addPoll({
+          id: t,
+          handler: i,
+          interval: 1e3,
+          data: {
+            signAnswerId: this.signAnswerId,
+            autoStartToken: this.autoStartToken,
+            qrCode: this.qrCode
+          }
+        });
+      } catch {
+        this.clearSignState();
+        const n = this._document.$t(
+          "answerModal.bankId.component.viewText.error.text"
+        );
+        At("error", n);
+      }
+    },
+    clearSignState() {
+      this.autoStartToken = null, this.qrCode = null, this.isLoading = !1;
+    },
+    onComplete() {
+      typeof this.onCompleteFunc == "function" && this.onCompleteFunc();
+    },
+    onCanceled() {
+      this.view = "canceled", this.errorMessage = this._document.$t(
+        "answerModal.bankId.component.signingInterrupted"
+      );
+    },
+    onError(e) {
+      var i, s;
+      if (e.httpStatusCode === 409) throw e;
+      this.$emit("error"), this.view = "error";
+      const t = (s = (i = e.response) == null ? void 0 : i.data) == null ? void 0 : s.errorCode;
+      switch (t) {
+        case 9001:
+        case 9002:
+        case 9003:
+        case 9004:
+        case 9005:
+        case 9006:
+        case 9007:
+          oe.warn(e);
+          break;
+        case 9009:
+          this.$emit("complete");
+          break;
+        default:
+          bt(e, { showMessage: !1 });
+      }
+      this.errorMessage = this.$i18n.te(`errors:${t}`) && this._document.$t(`answerModal.bankId.component.errors.${t}`) || this._document.$t("answerModal.bankId.component.defaultError");
+    },
+    triggerAutoStart() {
+      if (!this.autoStartToken) return;
+      let e = "bankid://", t = "null";
+      if (this.isMobile) {
+        const s = ae(), n = (navigator == null ? void 0 : navigator.userAgent) || (navigator == null ? void 0 : navigator.vendor) || (window == null ? void 0 : window.opera), o = s === "iOS" && (/Version\/[\d.]+.*Safari/.test(n) || /GSA/.test(n)), r = s === "Android" && /Version\/[\d.]+.*Chrome/.test(n);
+        (o || r) && (e = "https://app.bankid.com"), s === "iOS" && Ot.value !== "widget" && (t = dn(this.signAnswerId));
+      }
+      const i = `${e}/?autostarttoken=${this.autoStartToken}&redirect=${t}`;
+      this.isMobile ? document.location = i : this.$refs.autoStartFrame.src = i;
+    }
+  }
+}, hn = { class: "-my-4 flex flex-col items-center" }, fn = {
+  ref: "autoStartFrame",
+  height: "0",
+  width: "0",
+  class: "hidden"
+}, gn = {
+  key: 0,
+  class: "flex h-[250px] w-[250px] items-center justify-center rounded-xl bg-gray-100"
+}, mn = ["textContent"], pn = { key: 2 }, wn = {
+  class: "flex flex-col items-center justify-center",
+  style: { "background-color": "#183e4f", padding: `calc(2.5 * var(--rem)) calc(3 * var(--rem))
+                calc(2 * var(--rem))` }
+}, yn = ["textContent"], vn = {
+  class: "flex w-full flex-col items-center justify-center text-center",
+  style: { padding: `calc(3 * var(--rem)) calc(2 * var(--rem))
+                calc(2 * var(--rem))` }
+}, _n = ["textContent"], Cn = ["textContent"];
+function xn(e, t, i, s, n, o) {
+  const r = M("CIcon"), a = M("QrCode"), l = M("CButton"), d = M("Animation");
+  return P(), S("div", hn, [
+    g("iframe", fn, null, 512),
+    ["form", "signing", "error", "canceled"].includes(n.view) ? (P(), S("div", gn, [
+      b(r, {
+        type: "bankId",
+        size: "50",
+        class: "text-gray-500"
+      })
+    ])) : $("", !0),
+    ["new", "waiting", "started"].includes(n.view) ? (P(), S(ct, { key: 1 }, [
+      n.qrCode ? (P(), G(a, {
+        key: 0,
+        value: n.qrCode,
+        options: {
+          width: 250,
+          errorCorrectionLevel: "L",
+          color: { dark: "#000000" }
+        }
+      }, null, 8, ["value"])) : $("", !0)
+    ], 64)) : $("", !0),
+    b(d, { class: "w-full" }, {
+      default: A(() => {
+        var c;
+        return [
+          g("div", {
+            key: "a",
+            class: "min-h-[20px] pt-4 text-sm text-gray-500",
+            textContent: C((c = o.viewText[n.view]) == null ? void 0 : c.spinnerText)
+          }, null, 8, mn),
+          !n.isMobile && ["new", "waiting", "started"].includes(n.view) ? (P(), G(l, {
+            key: "b",
+            type: "none",
+            pattern: "secondary",
+            size: "small",
+            class: "mt-4",
+            onClick: o.triggerAutoStart
+          }, {
+            default: A(() => [
+              z(C(e._document.$t("answerModal.bankId.component.startOnThisDevice")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : $("", !0)
+        ];
+      }),
+      _: 1
+    }),
+    ["form", "new", "waiting", "started"].includes(n.view) ? $("", !0) : (P(), S("div", pn, [
+      b(Pt, { name: "pop-in" }, {
+        default: A(() => [
+          ["signing", "error", "canceled"].includes(n.view) ? (P(), S("div", {
+            key: 0,
+            class: "bankid-popup",
+            onClick: t[1] || (t[1] = () => {
+              n.view = "form", n.isLoading = !1;
+            })
+          }, [
+            g("div", wn, [
+              b(r, {
+                type: "bankId",
+                size: "34",
+                class: "text-white"
+              }),
+              g("div", {
+                class: "pt-4 text-sm font-medium text-white opacity-75",
+                textContent: C(o.viewText[n.view].text)
+              }, null, 8, yn)
+            ]),
+            g("div", vn, [
+              n.view === "signing" ? (P(), S(ct, { key: 0 }, [
+                t[2] || (t[2] = g("div", { class: "spinner" }, null, -1)),
+                g("div", {
+                  class: "pt-8 text-gray-500",
+                  textContent: C(o.viewText[n.view].spinnerText)
+                }, null, 8, _n)
+              ], 64)) : ["error", "canceled"].includes(n.view) ? (P(), S(ct, { key: 1 }, [
+                b(r, {
+                  type: "error",
+                  size: "22",
+                  class: "mb-2.5 text-gray-400"
+                }),
+                g("div", {
+                  style: { "font-size": "14px" },
+                  textContent: C(n.errorMessage)
+                }, null, 8, Cn),
+                b(l, {
+                  loading: n.isLoading,
+                  type: "none",
+                  pattern: "secondary",
+                  size: "small",
+                  style: { "margin-top": "calc(2.5 * var(--rem))", padding: "1em", height: "initial" },
+                  onClick: t[0] || (t[0] = (c) => n.view = "form")
+                }, {
+                  default: A(() => [
+                    z(C(e._document.$t("tryAgain")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ], 64)) : $("", !0)
+            ])
+          ])) : $("", !0)
+        ]),
+        _: 1
+      })
+    ]))
+  ]);
+}
+const bn = /* @__PURE__ */ X(un, [["render", xn], ["__scopeId", "data-v-722c137f"]]), Pn = {
+  name: "DenyAnswer",
+  mixins: [J([])],
+  props: {
+    onCompleteFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      rejectReason: ""
+    };
+  },
+  methods: {
+    async submit({ update: e, answer: t }) {
+      const i = [];
+      this.rejectReason && i.push({
+        key: "unclear-other",
+        category: "misc",
+        description: this.rejectReason,
+        sentAt: this._document.lastSentAt
+      }), await e({ body: { "data.rejectReasons": i } }), await t({ body: { isAccepted: !1 } }), typeof this.onCompleteFunc == "function" && this.onCompleteFunc();
+    }
+  }
+}, En = { class: "text-left" };
+function kn(e, t, i, s, n, o) {
+  const r = M("CInput");
+  return P(), S("div", En, [
+    g("label", null, C(e._document.$t("answerModal.decline.component.label")), 1),
+    b(r, {
+      modelValue: n.rejectReason,
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => n.rejectReason = a),
+      type: "textarea",
+      filled: "",
+      "custom-class": "decline-input",
+      style: { "margin-bottom": "calc(1.5 * var(--rem))" }
+    }, null, 8, ["modelValue"])
+  ]);
+}
+const Sn = /* @__PURE__ */ X(Pn, [["render", kn]]);
+/*!
+ * Signature Pad v4.0.10 | https://github.com/szimek/signature_pad
+ * (c) 2022 Szymon Nowak | Released under the MIT license
+ */
+class st {
+  constructor(t, i, s, n) {
+    if (isNaN(t) || isNaN(i))
+      throw new Error(`Point is invalid: (${t}, ${i})`);
+    this.x = +t, this.y = +i, this.pressure = s || 0, this.time = n || Date.now();
+  }
+  distanceTo(t) {
+    return Math.sqrt(Math.pow(this.x - t.x, 2) + Math.pow(this.y - t.y, 2));
+  }
+  equals(t) {
+    return this.x === t.x && this.y === t.y && this.pressure === t.pressure && this.time === t.time;
+  }
+  velocityFrom(t) {
+    return this.time !== t.time ? this.distanceTo(t) / (this.time - t.time) : 0;
+  }
+}
+class It {
+  constructor(t, i, s, n, o, r) {
+    this.startPoint = t, this.control2 = i, this.control1 = s, this.endPoint = n, this.startWidth = o, this.endWidth = r;
+  }
+  static fromPoints(t, i) {
+    const s = this.calculateControlPoints(t[0], t[1], t[2]).c2, n = this.calculateControlPoints(t[1], t[2], t[3]).c1;
+    return new It(t[1], s, n, t[2], i.start, i.end);
+  }
+  static calculateControlPoints(t, i, s) {
+    const n = t.x - i.x, o = t.y - i.y, r = i.x - s.x, a = i.y - s.y, l = { x: (t.x + i.x) / 2, y: (t.y + i.y) / 2 }, d = { x: (i.x + s.x) / 2, y: (i.y + s.y) / 2 }, c = Math.sqrt(n * n + o * o), m = Math.sqrt(r * r + a * a), p = l.x - d.x, u = l.y - d.y, f = m / (c + m), h = { x: d.x + p * f, y: d.y + u * f }, E = i.x - h.x, w = i.y - h.y;
+    return {
+      c1: new st(l.x + E, l.y + w),
+      c2: new st(d.x + E, d.y + w)
+    };
+  }
+  length() {
+    let i = 0, s, n;
+    for (let o = 0; o <= 10; o += 1) {
+      const r = o / 10, a = this.point(r, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), l = this.point(r, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+      if (o > 0) {
+        const d = a - s, c = l - n;
+        i += Math.sqrt(d * d + c * c);
+      }
+      s = a, n = l;
+    }
+    return i;
+  }
+  point(t, i, s, n, o) {
+    return i * (1 - t) * (1 - t) * (1 - t) + 3 * s * (1 - t) * (1 - t) * t + 3 * n * (1 - t) * t * t + o * t * t * t;
+  }
+}
+class Tn {
+  constructor() {
+    try {
+      this._et = new EventTarget();
+    } catch {
+      this._et = document;
+    }
+  }
+  addEventListener(t, i, s) {
+    this._et.addEventListener(t, i, s);
+  }
+  dispatchEvent(t) {
+    return this._et.dispatchEvent(t);
+  }
+  removeEventListener(t, i, s) {
+    this._et.removeEventListener(t, i, s);
+  }
+}
+function Mn(e, t = 250) {
+  let i = 0, s = null, n, o, r;
+  const a = () => {
+    i = Date.now(), s = null, n = e.apply(o, r), s || (o = null, r = []);
+  };
+  return function(...d) {
+    const c = Date.now(), m = t - (c - i);
+    return o = this, r = d, m <= 0 || m > t ? (s && (clearTimeout(s), s = null), i = c, n = e.apply(o, r), s || (o = null, r = [])) : s || (s = window.setTimeout(a, m)), n;
+  };
+}
+let In = class xt extends Tn {
+  constructor(t, i = {}) {
+    super(), this.canvas = t, this._handleMouseDown = (s) => {
+      s.buttons === 1 && (this._drawningStroke = !0, this._strokeBegin(s));
+    }, this._handleMouseMove = (s) => {
+      this._drawningStroke && this._strokeMoveUpdate(s);
+    }, this._handleMouseUp = (s) => {
+      s.buttons === 1 && this._drawningStroke && (this._drawningStroke = !1, this._strokeEnd(s));
+    }, this._handleTouchStart = (s) => {
+      if (s.cancelable && s.preventDefault(), s.targetTouches.length === 1) {
+        const n = s.changedTouches[0];
+        this._strokeBegin(n);
+      }
+    }, this._handleTouchMove = (s) => {
+      s.cancelable && s.preventDefault();
+      const n = s.targetTouches[0];
+      this._strokeMoveUpdate(n);
+    }, this._handleTouchEnd = (s) => {
+      if (s.target === this.canvas) {
+        s.cancelable && s.preventDefault();
+        const o = s.changedTouches[0];
+        this._strokeEnd(o);
+      }
+    }, this._handlePointerStart = (s) => {
+      this._drawningStroke = !0, s.preventDefault(), this._strokeBegin(s);
+    }, this._handlePointerMove = (s) => {
+      this._drawningStroke && (s.preventDefault(), this._strokeMoveUpdate(s));
+    }, this._handlePointerEnd = (s) => {
+      this._drawningStroke && (s.preventDefault(), this._drawningStroke = !1, this._strokeEnd(s));
+    }, this.velocityFilterWeight = i.velocityFilterWeight || 0.7, this.minWidth = i.minWidth || 0.5, this.maxWidth = i.maxWidth || 2.5, this.throttle = "throttle" in i ? i.throttle : 16, this.minDistance = "minDistance" in i ? i.minDistance : 5, this.dotSize = i.dotSize || 0, this.penColor = i.penColor || "black", this.backgroundColor = i.backgroundColor || "rgba(0,0,0,0)", this._strokeMoveUpdate = this.throttle ? Mn(xt.prototype._strokeUpdate, this.throttle) : xt.prototype._strokeUpdate, this._ctx = t.getContext("2d"), this.clear(), this.on();
+  }
+  clear() {
+    const { _ctx: t, canvas: i } = this;
+    t.fillStyle = this.backgroundColor, t.clearRect(0, 0, i.width, i.height), t.fillRect(0, 0, i.width, i.height), this._data = [], this._reset(this._getPointGroupOptions()), this._isEmpty = !0;
+  }
+  fromDataURL(t, i = {}) {
+    return new Promise((s, n) => {
+      const o = new Image(), r = i.ratio || window.devicePixelRatio || 1, a = i.width || this.canvas.width / r, l = i.height || this.canvas.height / r, d = i.xOffset || 0, c = i.yOffset || 0;
+      this._reset(this._getPointGroupOptions()), o.onload = () => {
+        this._ctx.drawImage(o, d, c, a, l), s();
+      }, o.onerror = (m) => {
+        n(m);
+      }, o.crossOrigin = "anonymous", o.src = t, this._isEmpty = !1;
+    });
+  }
+  toDataURL(t = "image/png", i) {
+    switch (t) {
+      case "image/svg+xml":
+        return this._toSVG();
+      default:
+        return this.canvas.toDataURL(t, i);
+    }
+  }
+  on() {
+    this.canvas.style.touchAction = "none", this.canvas.style.msTouchAction = "none", this.canvas.style.userSelect = "none";
+    const t = /Macintosh/.test(navigator.userAgent) && "ontouchstart" in document;
+    window.PointerEvent && !t ? this._handlePointerEvents() : (this._handleMouseEvents(), "ontouchstart" in window && this._handleTouchEvents());
+  }
+  off() {
+    this.canvas.style.touchAction = "auto", this.canvas.style.msTouchAction = "auto", this.canvas.style.userSelect = "auto", this.canvas.removeEventListener("pointerdown", this._handlePointerStart), this.canvas.removeEventListener("pointermove", this._handlePointerMove), this.canvas.ownerDocument.removeEventListener("pointerup", this._handlePointerEnd), this.canvas.removeEventListener("mousedown", this._handleMouseDown), this.canvas.removeEventListener("mousemove", this._handleMouseMove), this.canvas.ownerDocument.removeEventListener("mouseup", this._handleMouseUp), this.canvas.removeEventListener("touchstart", this._handleTouchStart), this.canvas.removeEventListener("touchmove", this._handleTouchMove), this.canvas.removeEventListener("touchend", this._handleTouchEnd);
+  }
+  isEmpty() {
+    return this._isEmpty;
+  }
+  fromData(t, { clear: i = !0 } = {}) {
+    i && this.clear(), this._fromData(t, this._drawCurve.bind(this), this._drawDot.bind(this)), this._data = this._data.concat(t);
+  }
+  toData() {
+    return this._data;
+  }
+  _getPointGroupOptions(t) {
+    return {
+      penColor: t && "penColor" in t ? t.penColor : this.penColor,
+      dotSize: t && "dotSize" in t ? t.dotSize : this.dotSize,
+      minWidth: t && "minWidth" in t ? t.minWidth : this.minWidth,
+      maxWidth: t && "maxWidth" in t ? t.maxWidth : this.maxWidth,
+      velocityFilterWeight: t && "velocityFilterWeight" in t ? t.velocityFilterWeight : this.velocityFilterWeight
+    };
+  }
+  _strokeBegin(t) {
+    this.dispatchEvent(new CustomEvent("beginStroke", { detail: t }));
+    const i = this._getPointGroupOptions(), s = Object.assign(Object.assign({}, i), { points: [] });
+    this._data.push(s), this._reset(i), this._strokeUpdate(t);
+  }
+  _strokeUpdate(t) {
+    if (this._data.length === 0) {
+      this._strokeBegin(t);
+      return;
+    }
+    this.dispatchEvent(new CustomEvent("beforeUpdateStroke", { detail: t }));
+    const i = t.clientX, s = t.clientY, n = t.pressure !== void 0 ? t.pressure : t.force !== void 0 ? t.force : 0, o = this._createPoint(i, s, n), r = this._data[this._data.length - 1], a = r.points, l = a.length > 0 && a[a.length - 1], d = l ? o.distanceTo(l) <= this.minDistance : !1, c = this._getPointGroupOptions(r);
+    if (!l || !(l && d)) {
+      const m = this._addPoint(o, c);
+      l ? m && this._drawCurve(m, c) : this._drawDot(o, c), a.push({
+        time: o.time,
+        x: o.x,
+        y: o.y,
+        pressure: o.pressure
+      });
+    }
+    this.dispatchEvent(new CustomEvent("afterUpdateStroke", { detail: t }));
+  }
+  _strokeEnd(t) {
+    this._strokeUpdate(t), this.dispatchEvent(new CustomEvent("endStroke", { detail: t }));
+  }
+  _handlePointerEvents() {
+    this._drawningStroke = !1, this.canvas.addEventListener("pointerdown", this._handlePointerStart), this.canvas.addEventListener("pointermove", this._handlePointerMove), this.canvas.ownerDocument.addEventListener("pointerup", this._handlePointerEnd);
+  }
+  _handleMouseEvents() {
+    this._drawningStroke = !1, this.canvas.addEventListener("mousedown", this._handleMouseDown), this.canvas.addEventListener("mousemove", this._handleMouseMove), this.canvas.ownerDocument.addEventListener("mouseup", this._handleMouseUp);
+  }
+  _handleTouchEvents() {
+    this.canvas.addEventListener("touchstart", this._handleTouchStart), this.canvas.addEventListener("touchmove", this._handleTouchMove), this.canvas.addEventListener("touchend", this._handleTouchEnd);
+  }
+  _reset(t) {
+    this._lastPoints = [], this._lastVelocity = 0, this._lastWidth = (t.minWidth + t.maxWidth) / 2, this._ctx.fillStyle = t.penColor;
+  }
+  _createPoint(t, i, s) {
+    const n = this.canvas.getBoundingClientRect();
+    return new st(t - n.left, i - n.top, s, (/* @__PURE__ */ new Date()).getTime());
+  }
+  _addPoint(t, i) {
+    const { _lastPoints: s } = this;
+    if (s.push(t), s.length > 2) {
+      s.length === 3 && s.unshift(s[0]);
+      const n = this._calculateCurveWidths(s[1], s[2], i), o = It.fromPoints(s, n);
+      return s.shift(), o;
+    }
+    return null;
+  }
+  _calculateCurveWidths(t, i, s) {
+    const n = s.velocityFilterWeight * i.velocityFrom(t) + (1 - s.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(n, s), r = {
+      end: o,
+      start: this._lastWidth
+    };
+    return this._lastVelocity = n, this._lastWidth = o, r;
+  }
+  _strokeWidth(t, i) {
+    return Math.max(i.maxWidth / (t + 1), i.minWidth);
+  }
+  _drawCurveSegment(t, i, s) {
+    const n = this._ctx;
+    n.moveTo(t, i), n.arc(t, i, s, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+  }
+  _drawCurve(t, i) {
+    const s = this._ctx, n = t.endWidth - t.startWidth, o = Math.ceil(t.length()) * 2;
+    s.beginPath(), s.fillStyle = i.penColor;
+    for (let r = 0; r < o; r += 1) {
+      const a = r / o, l = a * a, d = l * a, c = 1 - a, m = c * c, p = m * c;
+      let u = p * t.startPoint.x;
+      u += 3 * m * a * t.control1.x, u += 3 * c * l * t.control2.x, u += d * t.endPoint.x;
+      let f = p * t.startPoint.y;
+      f += 3 * m * a * t.control1.y, f += 3 * c * l * t.control2.y, f += d * t.endPoint.y;
+      const h = Math.min(t.startWidth + d * n, i.maxWidth);
+      this._drawCurveSegment(u, f, h);
+    }
+    s.closePath(), s.fill();
+  }
+  _drawDot(t, i) {
+    const s = this._ctx, n = i.dotSize > 0 ? i.dotSize : (i.minWidth + i.maxWidth) / 2;
+    s.beginPath(), this._drawCurveSegment(t.x, t.y, n), s.closePath(), s.fillStyle = i.penColor, s.fill();
+  }
+  _fromData(t, i, s) {
+    for (const n of t) {
+      const { points: o } = n, r = this._getPointGroupOptions(n);
+      if (o.length > 1)
+        for (let a = 0; a < o.length; a += 1) {
+          const l = o[a], d = new st(l.x, l.y, l.pressure, l.time);
+          a === 0 && this._reset(r);
+          const c = this._addPoint(d, r);
+          c && i(c, r);
+        }
+      else
+        this._reset(r), s(o[0], r);
+    }
+  }
+  _toSVG() {
+    const t = this._data, i = Math.max(window.devicePixelRatio || 1, 1), s = 0, n = 0, o = this.canvas.width / i, r = this.canvas.height / i, a = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    a.setAttribute("width", this.canvas.width.toString()), a.setAttribute("height", this.canvas.height.toString()), this._fromData(t, (u, { penColor: f }) => {
+      const h = document.createElement("path");
+      if (!isNaN(u.control1.x) && !isNaN(u.control1.y) && !isNaN(u.control2.x) && !isNaN(u.control2.y)) {
+        const E = `M ${u.startPoint.x.toFixed(3)},${u.startPoint.y.toFixed(3)} C ${u.control1.x.toFixed(3)},${u.control1.y.toFixed(3)} ${u.control2.x.toFixed(3)},${u.control2.y.toFixed(3)} ${u.endPoint.x.toFixed(3)},${u.endPoint.y.toFixed(3)}`;
+        h.setAttribute("d", E), h.setAttribute("stroke-width", (u.endWidth * 2.25).toFixed(3)), h.setAttribute("stroke", f), h.setAttribute("fill", "none"), h.setAttribute("stroke-linecap", "round"), a.appendChild(h);
+      }
+    }, (u, { penColor: f, dotSize: h, minWidth: E, maxWidth: w }) => {
+      const _ = document.createElement("circle"), y = h > 0 ? h : (E + w) / 2;
+      _.setAttribute("r", y.toString()), _.setAttribute("cx", u.x.toString()), _.setAttribute("cy", u.y.toString()), _.setAttribute("fill", f), a.appendChild(_);
+    });
+    const l = "data:image/svg+xml;base64,", d = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="${s} ${n} ${o} ${r}" width="${o}" height="${r}">`;
+    let c = a.innerHTML;
+    if (c === void 0) {
+      const u = document.createElement("dummy"), f = a.childNodes;
+      u.innerHTML = "";
+      for (let h = 0; h < f.length; h += 1)
+        u.appendChild(f[h].cloneNode(!0));
+      c = u.innerHTML;
+    }
+    const p = d + c + "</svg>";
+    return l + btoa(p);
+  }
+};
+class An extends In {
+  fromText(t, i = {}) {
+    if (this.clear(), !t) return;
+    const { font: s, x: n = 10, y: o = 50 } = i;
+    let { maxWidth: r } = i;
+    if (!r) {
+      const { clientWidth: a = 300 } = this.canvas;
+      r = Math.floor(a - 2 * n);
+    }
+    this._ctx.font = s, this._ctx.fillText(t, n, o, r), this._isEmpty = !1;
+  }
+}
+const Bn = {
+  name: "SignaturePad",
+  props: {
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => ["text", "draw"].includes(e)
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    },
+    customStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Obj on format like {
+        beginStroke: () => {},
+        endStroke: () => {},
+      },
+     */
+    signEvents: {
+      type: Object,
+      default: () => ({})
+    },
+    images: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      signaturePad: {},
+      onResizeHandler: null,
+      signatureData: "",
+      defaultOptions: {
+        dotSize: 1.5,
+        minWidth: 0.5,
+        maxWidth: 2.5,
+        throttle: 16,
+        minDistance: 3,
+        backgroundColor: "rgba(0,0,0,0)",
+        penColor: "black",
+        velocityFilterWeight: 0.5
+      },
+      validTypes: ["image/png", "image/jpeg", "image/svg+xml"]
+    };
+  },
+  watch: {
+    type() {
+      this.initType();
+    },
+    text(e) {
+      this.drawText(e);
+    }
+  },
+  mounted() {
+    const { options: e, defaultOptions: t } = this, i = this.$refs.signaturePadCanvas;
+    this.signaturePad = new An(i, {
+      ...t,
+      ...e
+    }), this.onResizeHandler = this.resizeCanvas.bind(this), window.addEventListener("resize", this.onResizeHandler, !1), Object.keys(this.signEvents).forEach((s) => {
+      this.signaturePad.addEventListener(s, () => {
+        this.signEvents[s]();
+      });
+    }), this.initType(), this.resizeCanvas();
+  },
+  beforeUnmount() {
+    this.onResizeHandler && window.removeEventListener("resize", this.onResizeHandler, !1);
+  },
+  methods: {
+    initType() {
+      this.type === "draw" ? this.openSignaturePad() : this.lockSignaturePad();
+    },
+    resizeCanvas() {
+      const e = this.$refs.signaturePadCanvas, t = Math.max(window.devicePixelRatio || 1, 1);
+      if (e.width = e.offsetWidth * t, e.height = e.offsetHeight * t, e.getContext("2d").scale(t, t), this.signaturePad.clear(), this.signatureData = "", this.type === "draw") {
+        const i = this.signaturePad.toData();
+        i != null && i.length && this.signaturePad.fromData(i);
+      } else this.type === "text" && this.drawText(this.text);
+    },
+    saveSignature(e = {}) {
+      const { type: t = "image/png", trim: i = !0, encoderOptions: s } = e || {}, n = { isEmpty: !1, data: void 0 };
+      if (!this.validTypes.includes(t)) {
+        const o = this.validTypes.join(", ");
+        throw new Error(
+          `The Image type is incorrect! We only support ${o} types.`
+        );
+      }
+      if (this.signaturePad.isEmpty()) return { ...n, isEmpty: !0 };
+      if (i) {
+        const o = this.$refs.signaturePadCanvas, r = o ? this.trimCanvas(o) : null;
+        this.signatureData = r ? r.toDataURL(t, s) : "";
+      } else
+        this.signatureData = this.signaturePad.toDataURL(t, s);
+      return {
+        ...n,
+        data: this.signatureData
+      };
+    },
+    undoSignature() {
+      const { signaturePad: e } = this, t = e.toData();
+      t && e.fromData(t.slice(0, -1));
+    },
+    drawText(e) {
+      this.signaturePad.fromText(e, {
+        font: '40px "Nothing You Could Do"',
+        x: 10,
+        y: 100
+      });
+    },
+    // Extend of module methods
+    fromText(...e) {
+      return this.signaturePad.fromText(...e);
+    },
+    fromDataURL(...e) {
+      return this.signaturePad.fromDataURL(...e);
+    },
+    fromData(...e) {
+      return this.signaturePad.fromData(...e);
+    },
+    toData(...e) {
+      return this.signaturePad.toData(...e);
+    },
+    lockSignaturePad() {
+      return this.signaturePad.off();
+    },
+    openSignaturePad() {
+      return this.signaturePad.on();
+    },
+    isEmpty() {
+      return this.signaturePad.isEmpty();
+    },
+    clearSignature() {
+      return this.signaturePad.clear();
+    },
+    trimCanvas(e) {
+      const t = document.createElement("canvas"), i = t.getContext("2d");
+      t.width = e.width, t.height = e.height, i.drawImage(e, 0, 0);
+      let s = t.width, n = t.height;
+      const o = { x: [], y: [] }, r = i.getImageData(
+        0,
+        0,
+        t.width,
+        t.height
+      );
+      let a = 0;
+      for (let c = 0; c < n; c++)
+        for (let m = 0; m < s; m++)
+          a = (c * s + m) * 4, r.data[a + 3] > 0 && (o.x.push(m), o.y.push(c));
+      o.x.sort((c, m) => c - m), o.y.sort((c, m) => c - m);
+      const l = o.x.length - 1;
+      s = o.x[l] - o.x[0], n = o.y[l] - o.y[0];
+      const d = i.getImageData(o.x[0], o.y[0], s, n);
+      return t.height = n, i.putImageData(d, 0, 0), t;
+    }
+  },
+  render() {
+    const { width: e, height: t, customStyle: i } = this;
+    return wt(
+      "div",
+      {
+        style: {
+          width: e,
+          height: t,
+          ...i
+        }
+      },
+      [
+        wt("canvas", {
+          style: {
+            width: "100%",
+            height: "100%"
+          },
+          ref: "signaturePadCanvas"
+        })
+      ]
+    );
+  }
+};
+function $n({ rel: e, href: t, crossorigin: i = !1 }) {
+  const s = document.createElement("link");
+  s.rel = e, s.href = t, s.crossorigin = i, document.head.appendChild(s);
+}
+const Dn = [
+  { rel: "preconnect", href: "https://fonts.googleapis.com" },
+  { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: !0 },
+  {
+    rel: "stylesheet",
+    href: "https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap"
+  }
+], Fn = {
+  name: "SignatureAnswer",
+  components: {
+    CField: ge,
+    SignaturePad: Bn
+  },
+  emits: ["invalid"],
+  mixins: [J([])],
+  props: {
+    onCompleteFunc: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      mode: "text",
+      text: "",
+      isEmpty: !0,
+      penColor: "hsl(220, 100%, 50%)"
+    };
+  },
+  watch: {
+    mode(e) {
+      this.reset(), this.$refs.signaturePad && e === "text" && this.focusName();
+    },
+    text() {
+      this.$refs.signaturePad && this.$nextTick(() => {
+        this.isEmpty = this.$refs.signaturePad.isEmpty();
+      });
+    },
+    isEmpty: {
+      immediate: !0,
+      handler(e) {
+        this.$emit("invalid", e);
+      }
+    }
+  },
+  created() {
+    Dn.forEach($n);
+  },
+  mounted() {
+    this.focusName();
+  },
+  methods: {
+    reset() {
+      this.$refs.signaturePad && (this.$refs.signaturePad.clearSignature(), this.text && (this.text = ""), this.isEmpty = this.$refs.signaturePad.isEmpty());
+    },
+    undo() {
+      this.$refs.signaturePad && (this.mode === "text" && this.text ? this.text = this.text.slice(0, this.text.length - 1) : this.$refs.signaturePad.undoSignature(), this.isEmpty = this.$refs.signaturePad.isEmpty());
+    },
+    getSignatureData() {
+      let e = { type: "image/png", trim: !0 };
+      this.mode === "draw" && (e = { type: "image/svg+xml", trim: !1 });
+      const { isEmpty: t, data: i } = this.$refs.signaturePad ? this.$refs.signaturePad.saveSignature(e) : {};
+      if (t || !i) throw Error("Missing signatureData");
+      return i;
+    },
+    async submit({ answer: e }) {
+      const t = this.getSignatureData();
+      await e({ body: { isAccepted: !0, signatureDataURL: t } }), typeof this.onCompleteFunc == "function" && this.onCompleteFunc();
+    },
+    focusName() {
+      this.$nextTick(
+        () => this.$refs.nameInput ? this.$refs.nameInput.focus() : null
+      );
+    }
+  }
+}, Nn = { style: { "text-align": "left" } }, Ln = {
+  class: "flex w-full items-center justify-between",
+  style: { "font-size": "16px", "padding-bottom": "1em", "font-weight": "500", color: "hsl(0, 0%, 11%)" }
+}, Rn = { class: "sign-toggle" }, Un = {
+  class: "wrapper",
+  style: { "padding-bottom": "5px" }
+}, On = { style: { position: "absolute", left: "1em", top: "0.75em", "font-size": "12px", color: "hsl(0, 0%, 50%)" } }, zn = { class: "flex w-full justify-end" }, jn = {
+  class: "text-center",
+  style: { "font-size": "12px", color: "hsl(0, 0%, 45%)", "padding-top": "10px" }
+};
+function Wn(e, t, i, s, n, o) {
+  const r = M("CInput"), a = M("CField"), l = M("SignaturePad"), d = M("CButton");
+  return P(), S("div", Nn, [
+    g("div", Ln, [
+      g("div", null, C(e._document.$t("answerModal.signature.component.subTitle")), 1),
+      g("div", Rn, [
+        g("div", {
+          class: Bt([{ active: n.mode === "text" }, "sign-toggle-button"]),
+          onClick: t[0] || (t[0] = (c) => n.mode = "text")
+        }, C(e._document.$t("answerModal.signature.component.text.tab")), 3),
+        g("div", {
+          class: Bt([{ active: n.mode === "draw" }, "sign-toggle-button"]),
+          onClick: t[1] || (t[1] = (c) => n.mode = "draw")
+        }, C(e._document.$t("answerModal.signature.component.draw.tab")), 3)
+      ])
+    ]),
+    n.mode === "text" ? (P(), G(a, {
+      key: 0,
+      label: e._document.$t("answerModal.signature.component.text.nameLabel")
+    }, {
+      default: A(() => [
+        b(r, {
+          ref: "nameInput",
+          modelValue: n.text,
+          "onUpdate:modelValue": t[2] || (t[2] = (c) => n.text = c),
+          placeholder: e._document.$t("answerModal.signature.component.text.namePlaceholder")
+        }, null, 8, ["modelValue", "placeholder"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : $("", !0),
+    g("div", Un, [
+      t[3] || (t[3] = g("div", { class: "background-image" }, [
+        g("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "100%",
+          height: "100%"
+        }, [
+          g("line", {
+            x1: "0",
+            y1: "75%",
+            x2: "100%",
+            y2: "75%",
+            stroke: "hsl(0,0%, 70%)",
+            "stroke-width": "1",
+            "stroke-linecap": "round",
+            "stroke-dasharray": "3",
+            "shape-rendering": "crispEdges",
+            "pointer-events": "none"
+          })
+        ])
+      ], -1)),
+      g("div", On, C(e._document.$t(`answerModal.signature.component.${n.mode}.canvasLabel`)), 1),
+      t[4] || (t[4] = g("span", { style: { "font-family": "'Nothing You Could Do', cursive" } }, null, -1)),
+      b(l, {
+        ref: "signaturePad",
+        type: n.mode,
+        text: n.text,
+        options: {
+          penColor: n.penColor
+        },
+        "sign-events": {
+          endStroke: () => {
+            n.isEmpty = e.$refs.signaturePad ? e.$refs.signaturePad.isEmpty() : !0;
+          }
+        },
+        class: "signature-pad"
+      }, null, 8, ["type", "text", "options", "sign-events"])
+    ]),
+    le(g("div", zn, [
+      b(d, {
+        disabled: n.isEmpty,
+        type: "text",
+        size: "small",
+        pattern: "tertiary",
+        circle: "",
+        icon: "trash",
+        onClick: o.reset
+      }, null, 8, ["disabled", "onClick"]),
+      b(d, {
+        disabled: n.isEmpty,
+        type: "text",
+        size: "small",
+        pattern: "tertiary",
+        circle: "",
+        icon: "rotate-left",
+        onClick: o.undo
+      }, null, 8, ["disabled", "onClick"])
+    ], 512), [
+      [ce, n.mode === "draw"]
+    ]),
+    g("div", jn, C(e._document.$t("answerModal.signature.component.terms")), 1)
+  ]);
+}
+const Vn = /* @__PURE__ */ X(Fn, [["render", Wn], ["__scopeId", "data-v-6857111d"]]), Hn = () => {
+  const e = window.location.host.split(".");
+  return e && e[0];
+}, Yn = Hn() === "fortnox", qn = [
+  "enjoyedExperience",
+  // boolean value
+  "whatToImprove"
+  // string value
+], Gn = {
+  emits: ["page", "close"],
+  mixins: [J([])],
+  props: {
+    publicId: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      page: "start",
+      whatToImprove: ""
+    };
+  },
+  computed: {
+    showPostFeedbackActions() {
+      return Ot.value !== "widget" && !Yn;
+    }
+  },
+  created() {
+    this.$nextTick(() => {
+      this.startAnimation();
+    });
+  },
+  methods: {
+    async submitFeedback({ type: e, data: t }) {
+      if (!this.publicId) throw Error("Missing param publicId");
+      if (!e) throw Error("Missing param type");
+      if (!qn.includes(e)) throw Error("Invalid feedback type");
+      if (!t) throw Error("Missing param data");
+      let i = "positive";
+      try {
+        de.feedback(this.publicId, { type: e, data: t }), e === "enjoyedExperience" && !t.value && (i = "negative"), e === "whatToImprove" && (i = "negative.success");
+      } catch (s) {
+        bt(s, { showMessage: !1 });
+      } finally {
+        this.goTo(i);
+      }
+    },
+    async goTo(e) {
+      if (e === "positive" && !this.showPostFeedbackActions && setTimeout(() => {
+        this.close();
+      }, 2e3), this.$emit("page", e), e === "positive" || e === "negative") {
+        this.$refs.start.style.opacity = 0, this.page = "intermediate", setTimeout(() => {
+          this.page = e;
+        }, 2e3);
+        return;
+      }
+      this.page = e;
+    },
+    startAnimation() {
+      const e = this.$refs.feedbackBg;
+      e.gradOneXPos = 0, e.gradOneYPos = 0, e.gradTwoXPos = 80, e.gradTwoYPos = 20, e.gradThreeXPos = 20, e.gradThreeYPos = 80, e.gradFourXPos = 80, e.gradFourYPos = 80, L({
+        targets: e,
+        duration: 12e3,
+        direction: "alternate",
+        easing: "linear",
+        loop: !0,
+        gradOneXPos: [10, 5, 0, -10],
+        gradOneYPos: [10, 20, 25, 30],
+        gradTwoXPos: [25, 20, 15, 10, 25],
+        gradTwoYPos: [65, 55, 40, 65, 80],
+        gradThreeXPos: [25, 20, 10, 15, 25],
+        gradThreeYPos: [65, 50, 45, 60, 80],
+        gradFourXPos: [85, 80, 75, 70, 95],
+        gradFourYPos: [90, 100, 120, 100, 85],
+        update() {
+          e.style.setProperty(
+            "--gradOneXPos",
+            `${e.gradOneXPos}%`
+          ), e.style.setProperty(
+            "--gradOneYPos",
+            `${e.gradOneYPos}%`
+          ), e.style.setProperty(
+            "--gradTwoXPos",
+            `${e.gradTwoXPos}%`
+          ), e.style.setProperty(
+            "--gradTwoYPos",
+            `${e.gradTwoYPos}%`
+          ), e.style.setProperty(
+            "--gradThreeXPos",
+            `${e.gradThreeXPos}%`
+          ), e.style.setProperty(
+            "--gradThreeYPos",
+            `${e.gradThreeYPos}%`
+          ), e.style.setProperty(
+            "--gradFourXPos",
+            `${e.gradFourXPos}%`
+          ), e.style.setProperty(
+            "--gradFourYPos",
+            `${e.gradFourYPos}%`
+          );
+        }
+      });
+    },
+    // animations
+    leave(e, t) {
+      L({
+        targets: e,
+        // height: 0,
+        // opacity: [1, 0],
+        opacity: 0,
+        duration: 500,
+        easing: "easeInOutCubic",
+        complete: t
+      });
+    },
+    enter(e, t) {
+      L({
+        targets: e,
+        delay: this.page === "intermediate" ? 250 : 0,
+        duration: 500,
+        opacity: [0, 1],
+        easing: "easeInOutCubic",
+        complete: t
+      });
+    },
+    close() {
+      this.$emit("close");
+    }
+  }
+}, Kn = { class: "f-feedback" }, Jn = {
+  ref: "feedbackBg",
+  class: "f-bg"
+}, Xn = { class: "f-container" }, Qn = {
+  ref: "start",
+  key: "start",
+  class: "flex w-full flex-col items-center justify-center",
+  style: { transition: "opacity 250ms" }
+}, Zn = ["textContent"], ts = {
+  key: "intermediate",
+  style: { height: "100%", display: "flex", "flex-direction": "column" }
+}, es = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, ns = ["textContent"], ss = {
+  key: "positive",
+  style: { height: "100%", display: "flex", "flex-direction": "column" }
+}, is = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, os = ["textContent"], rs = ["textContent"], as = {
+  key: "negative",
+  style: { height: "100%", display: "flex", "flex-direction": "column" }
+}, ls = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, cs = ["textContent"], ds = ["textContent"], us = {
+  key: "success",
+  style: { height: "100%", display: "flex", "flex-direction": "column" }
+}, hs = { style: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center" } }, fs = ["textContent"], gs = ["textContent"];
+function ms(e, t, i, s, n, o) {
+  const r = M("CButton"), a = M("CInput");
+  return P(), S("div", Kn, [
+    g("div", Jn, null, 512),
+    g("div", Xn, [
+      b(Pt, {
+        css: !1,
+        mode: "out-in",
+        onEnter: o.enter,
+        onLeave: o.leave
+      }, {
+        default: A(() => [
+          n.page === "start" ? (P(), S("div", Qn, [
+            g("div", {
+              style: { "padding-bottom": "calc(1.5 * var(--rem))", "font-size": "14px", "font-weight": "500" },
+              textContent: C(e._document.$t("answerFeedback.start.title"))
+            }, null, 8, Zn),
+            g("div", null, [
+              b(r, {
+                "icon-left": "thumbsdown",
+                size: "small",
+                pattern: "secondary",
+                class: "feedback-btn",
+                onClick: t[0] || (t[0] = (l) => o.submitFeedback({
+                  type: "enjoyedExperience",
+                  data: { value: !1 }
+                }))
+              }, {
+                default: A(() => [
+                  z(C(e._document.$t("answerFeedback.start.no")), 1)
+                ]),
+                _: 1
+              }),
+              b(r, {
+                "icon-left": "thumbsup",
+                size: "small",
+                pattern: "secondary",
+                class: "feedback-btn",
+                style: { "margin-left": "calc(0.75 * var(--rem))" },
+                onClick: t[1] || (t[1] = (l) => o.submitFeedback({
+                  type: "enjoyedExperience",
+                  data: { value: !0 }
+                }))
+              }, {
+                default: A(() => [
+                  z(C(e._document.$t("answerFeedback.start.yes")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ], 512)) : n.page === "intermediate" ? (P(), S("div", ts, [
+            g("div", es, [
+              g("div", {
+                class: "f-title",
+                textContent: C(e._document.$t("answerFeedback.intermediate.title"))
+              }, null, 8, ns)
+            ])
+          ])) : n.page === "positive" ? (P(), S("div", ss, [
+            g("div", is, [
+              g("div", {
+                class: "f-title",
+                textContent: C(e._document.$t("answerFeedback.yes.title"))
+              }, null, 8, os),
+              g("div", {
+                textContent: C(e._document.$t("answerFeedback.yes.text"))
+              }, null, 8, rs)
+            ]),
+            b(r, {
+              class: "a-btn",
+              type: "secondary",
+              wide: "",
+              tag: "a",
+              href: "/register?utm_source=document&utm_medium=feedback-modal&utm_campaign=signup&utm_content=positive-exp",
+              target: "_blank",
+              style: { "margin-bottom": "0.5em" },
+              textContent: C(e._document.$t("answerFeedback.yes.action"))
+            }, null, 8, ["textContent"]),
+            b(r, {
+              class: "a-btn",
+              wide: "",
+              tag: "a",
+              href: `https://${e.$t(
+                "_common:brand.domain"
+              )}?utm_source=document&utm_medium=feedback-modal&utm_campaign=learn-more&utm_content=positive-exp`,
+              target: "_blank",
+              textContent: C(e._document.$t("answerFeedback.yes.secondary"))
+            }, null, 8, ["href", "textContent"])
+          ])) : n.page === "negative" ? (P(), S("div", as, [
+            g("div", ls, [
+              g("div", {
+                class: "f-title",
+                textContent: C(e._document.$t("answerFeedback.no.start.title"))
+              }, null, 8, cs),
+              g("div", {
+                textContent: C(e._document.$t("answerFeedback.no.start.text"))
+              }, null, 8, ds),
+              b(a, {
+                modelValue: n.whatToImprove,
+                "onUpdate:modelValue": t[2] || (t[2] = (l) => n.whatToImprove = l),
+                placeholder: e._document.$t("answerFeedback.no.start.placeholder"),
+                type: "textarea",
+                class: "input-style",
+                style: { margin: "2em 0" }
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            b(r, {
+              wide: "",
+              class: "a-btn",
+              onClick: t[3] || (t[3] = (l) => o.submitFeedback({
+                type: "whatToImprove",
+                data: { value: n.whatToImprove }
+              })),
+              textContent: C(e._document.$t("answerFeedback.no.start.action"))
+            }, null, 8, ["textContent"])
+          ])) : n.page === "negative.success" ? (P(), S("div", us, [
+            g("div", hs, [
+              g("div", {
+                class: "f-title",
+                textContent: C(e._document.$t("answerFeedback.no.success.title"))
+              }, null, 8, fs),
+              g("div", {
+                textContent: C(e._document.$t("answerFeedback.no.success.text"))
+              }, null, 8, gs)
+            ]),
+            b(r, {
+              class: "a-btn",
+              tag: "a",
+              href: `https://${e.$t(
+                "_common:brand.domain"
+              )}?utm_source=document&utm_medium=feedback-modal&utm_campaign=learn-more&utm_content=negative-exp`,
+              target: "_blank",
+              wide: "",
+              type: "secondary",
+              style: { "margin-bottom": "0.5em" },
+              textContent: C(e._document.$t("answerFeedback.no.success.action"))
+            }, null, 8, ["href", "textContent"]),
+            b(r, {
+              class: "a-btn",
+              wide: "",
+              onClick: o.close,
+              textContent: C(e._document.$t("answerFeedback.no.success.secondary"))
+            }, null, 8, ["onClick", "textContent"])
+          ])) : $("", !0)
+        ]),
+        _: 1
+      }, 8, ["onEnter", "onLeave"])
+    ])
+  ]);
+}
+const ps = /* @__PURE__ */ X(Gn, [["render", ms], ["__scopeId", "data-v-a0039046"]]), ws = {
+  components: {
+    Feedback: ps,
+    Signature: Vn,
+    BankId: bn,
+    Deny: Sn
+  },
+  mixins: [J([])],
+  i18nOptions: {
+    namespaces: "temporary",
+    messages: {
+      en: {
+        previewMode: "Preview answer mode"
+      },
+      sv: {
+        previewMode: "Demo - Förhandsgranska"
+      }
+    }
+  },
+  emits: ["cancel", "close"],
+  props: {
+    mode: { type: String, default: "accept" },
+    // 'accept', 'decline'
+    isSender: { type: Boolean, default: !1 },
+    fullScreen: { type: Boolean, default: !1 },
+    senderActions: { type: Object, default: () => ({}) },
+    calcHeight: { type: Boolean, default: !1 }
+  },
+  data() {
+    return {
+      page: "start",
+      // start | intermediate | success | versionError
+      isFeedbackInitiated: !1,
+      isPosting: !1,
+      actionInvalid: !1
+    };
+  },
+  computed: {
+    answerComponentName() {
+      return this.mode === "decline" ? "Deny" : this.answerMethod === "bankId" ? "BankId" : "Signature";
+    },
+    answerType() {
+      return this.mode === "decline" ? "decline" : this.answerMethod === "bankId" ? "bankId" : "signature";
+    },
+    signee() {
+      return this.isSender ? this._document.senderClient : this._document.viewer;
+    },
+    answerMethod() {
+      var e;
+      return (e = this.signee.answerMethod) == null ? void 0 : e.accept;
+    },
+    successStrings() {
+      const e = this.signee.email ? this._document.$t(`answerModal.${this.answerType}.success.text`, {
+        email: this.signee.email
+      }) : this._document.$t(
+        `answerModal.${this.answerType}.success.textFallback`
+      ), t = this.signee.email ? this._document.$t("answerModal.successTextSingle", {
+        email: this.signee.email
+      }) : this._document.$t("answerModal.successTextFallbackSingle"), i = this._document.remainingSignatures === 0 ? t : e;
+      return {
+        title: this._document.$t(
+          `answerModal.${this.answerType}.success.title`
+        ),
+        text: i
+      };
+    }
+  },
+  created() {
+    this.calcHeight && this.$nextTick(() => this.setFixedHeight());
+  },
+  methods: {
+    ...ue({
+      answerCurrentDoc: dt.ANSWER_CURRENT_PUBLIC_DOCUMENT,
+      putCurrentDoc: dt.PUT_CURRENT_PUBLIC_DOCUMENT,
+      reloadCurrentDocument: dt.RELOAD_CURRENT_DOCUMENT
+    }),
+    async onSubmit() {
+      this.setFixedHeight(), await this.submit();
+    },
+    async submit() {
+      if (!this.isPosting) {
+        this.isPosting = !0;
+        try {
+          const { submit: e } = this.$refs.answerComponent;
+          if (typeof e != "function")
+            throw Error("Missing answer type submit method");
+          await e({
+            update: (t) => this.putCurrentDoc({ includeChanges: !0, ...t }),
+            answer: this.answerCurrentDoc,
+            ...this.isSender ? this.senderActions : null
+          });
+        } catch (e) {
+          this.isPosting = !1, e.httpStatusCode === 409 ? this.page = "versionError" : bt(e);
+        }
+      }
+    },
+    onComplete() {
+      return (async () => {
+        var i;
+        if (this.isSender && this.senderActions.send) {
+          this.$emit("close"), await this.senderActions.send();
+          return;
+        }
+        const t = this.mode === "accept";
+        this.mode === "accept" && this.answerMethod === "bankId" ? setTimeout(
+          () => this.reloadCurrentDocument().then(
+            () => {
+              var s;
+              return $t.trigger("document:answer", {
+                id: (s = this._document) == null ? void 0 : s.id,
+                didAccept: t
+              });
+            }
+          ),
+          1e3
+        ) : $t.trigger("document:answer", {
+          id: (i = this._document) == null ? void 0 : i.id,
+          didAccept: t
+        }), await Dt(800), this.page = "intermediate", await Dt(2e3), this.page = "success", this.isPosting = !1;
+      })();
+    },
+    reload() {
+      window.location.reload();
+    },
+    setFixedHeight() {
+      this.$el.style.minHeight = `${this.$el.offsetHeight}px`;
+    },
+    minimizeHeight(e, t) {
+      L({
+        targets: e,
+        height: 0,
+        flexGrow: [1, 0],
+        opacity: [1, 0],
+        duration: 900,
+        easing: "easeOutQuint",
+        complete: t
+      }), L({
+        targets: this.$refs.feedback.$el,
+        height: 0,
+        flexGrow: 1,
+        duration: 900,
+        easing: "easeOutQuint"
+      });
+    },
+    enterAnim(e, t) {
+      L({
+        targets: e.querySelectorAll(".stagger-anim"),
+        opacity: [0, 1],
+        delay: L.stagger(180, { start: 800 }),
+        duration: 340,
+        easing: "linear",
+        complete: t
+      });
+    },
+    leaveAnim(e, t) {
+      e.style.position = "absolute", L({
+        targets: e.querySelectorAll(".stagger-anim"),
+        opacity: 0,
+        delay: L.stagger(200),
+        duration: 200,
+        easing: "linear",
+        complete: t
+      });
+    }
+  }
+}, ys = {
+  key: "start",
+  class: "root-padding flex-grow"
+}, vs = {
+  class: "stagger-anim",
+  style: { "padding-bottom": "40px" }
+}, _s = ["textContent"], Cs = ["textContent"], xs = {
+  class: "stagger-anim",
+  style: { "padding-top": "3em" }
+}, bs = {
+  key: "intermediate",
+  class: "flex w-full flex-grow flex-col items-center justify-center text-center",
+  style: { height: "100%" }
+}, Ps = ["textContent"], Es = {
+  key: "success",
+  class: "flex w-full flex-grow flex-col",
+  style: { height: "100%" }
+}, ks = {
+  key: 0,
+  class: "flex w-full flex-grow flex-col items-center justify-center",
+  style: { overflow: "hidden" }
+}, Ss = {
+  style: { height: "100%" },
+  class: "root-padding flex w-full flex-col items-center justify-center"
+}, Ts = {
+  class: "a-title stagger-anim",
+  style: { padding: "calc(2.5 * var(--rem)) 0 calc(2 * var(--rem))" }
+}, Ms = ["textContent"], Is = ["textContent"], As = {
+  key: "versionError",
+  class: "root-padding flex flex-grow flex-col items-center justify-center text-center"
+}, Bs = { class: "stagger-anim" }, $s = {
+  class: "flex items-center justify-center",
+  style: { padding: "20px 0" }
+}, Ds = {
+  class: "flex items-center justify-center",
+  style: { width: "52px", height: "52px", "border-radius": "50%" }
+}, Fs = ["textContent"], Ns = ["textContent"], Ls = {
+  class: "stagger-anim",
+  style: { "padding-top": "3em" }
+};
+function Rs(e, t, i, s, n, o) {
+  const r = M("CButton"), a = M("Feedback"), l = M("CIcon");
+  return P(), G(fe, {
+    class: "a-root font-inter",
+    tag: "div",
+    css: !1,
+    mode: "out-in",
+    onEnter: o.enterAnim,
+    onLeave: o.leaveAnim
+  }, {
+    default: A(() => {
+      var d;
+      return [
+        b(r, {
+          key: "btn",
+          icon: "x",
+          circle: "",
+          class: "text-[hsl(0, 0%, 45%)] absolute right-5 top-5 z-[9]",
+          onClick: t[0] || (t[0] = () => {
+            e.$emit("cancel"), e.$emit("close");
+          })
+        }),
+        n.page === "start" ? (P(), S("div", ys, [
+          g("div", vs, [
+            g("div", {
+              class: "a-title",
+              textContent: C(e._document.$t(`answerModal.${o.answerType}.start.title`))
+            }, null, 8, _s),
+            g("div", {
+              style: { color: "hsl(0, 0%, 40%)" },
+              textContent: C(e._document.$t(`answerModal.${o.answerType}.start.text`))
+            }, null, 8, Cs)
+          ]),
+          (P(), G(he(o.answerComponentName), {
+            ref: "answerComponent",
+            _document: e._document,
+            signee: o.signee,
+            "on-complete-func": o.onComplete,
+            class: "stagger-anim",
+            onInvalid: t[1] || (t[1] = (c) => n.actionInvalid = c),
+            onLoading: t[2] || (t[2] = (c) => n.isPosting = c)
+          }, null, 40, ["_document", "signee", "on-complete-func"])),
+          g("div", xs, [
+            b(r, {
+              loading: n.isPosting,
+              disabled: n.actionInvalid,
+              type: i.mode === "decline" ? "text" : "secondary",
+              class: "a-btn",
+              icon: o.answerType === "bankId" ? "bankId" : "",
+              onClick: o.onSubmit
+            }, {
+              default: A(() => [
+                z(C(e._document.$t(`answerModal.${o.answerType}.start.action`)), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled", "type", "icon", "onClick"])
+          ])
+        ])) : n.page === "intermediate" ? (P(), S("div", bs, [
+          g("div", {
+            class: "a-title stagger-anim",
+            textContent: C(e._document.$t("answerModal.answerSuccess"))
+          }, null, 8, Ps)
+        ])) : n.page === "success" ? (P(), S("div", Es, [
+          b(Pt, {
+            css: !1,
+            onLeave: o.minimizeHeight
+          }, {
+            default: A(() => [
+              n.isFeedbackInitiated ? $("", !0) : (P(), S("div", ks, [
+                g("div", Ss, [
+                  g("div", Ts, [
+                    g("div", {
+                      textContent: C(o.successStrings.title)
+                    }, null, 8, Ms)
+                  ]),
+                  g("div", {
+                    class: "stagger-anim",
+                    textContent: C(o.successStrings.text)
+                  }, null, 8, Is)
+                ])
+              ]))
+            ]),
+            _: 1
+          }, 8, ["onLeave"]),
+          b(a, {
+            ref: "feedback",
+            "public-id": (d = e._document.viewer) == null ? void 0 : d.publicDocumentId,
+            _document: e._document,
+            style: { flex: "0 0", overflow: "hidden", "min-height": "200px" },
+            class: "stagger-anim",
+            onPage: t[3] || (t[3] = () => n.isFeedbackInitiated = !0),
+            onClose: t[4] || (t[4] = (c) => e.$emit("close"))
+          }, null, 8, ["public-id", "_document"])
+        ])) : n.page === "versionError" ? (P(), S("div", As, [
+          g("div", Bs, [
+            g("div", $s, [
+              g("div", Ds, [
+                b(l, {
+                  size: 30,
+                  type: "error"
+                })
+              ])
+            ]),
+            g("div", {
+              class: "a-title",
+              textContent: C(e._document.$t(`answerModal.versionError.${i.mode}.title`))
+            }, null, 8, Fs),
+            g("div", {
+              textContent: C(e._document.$t("answerModal.versionError.text"))
+            }, null, 8, Ns)
+          ]),
+          g("div", Ls, [
+            b(r, {
+              loading: n.isPosting,
+              type: "none",
+              class: "a-btn",
+              onClick: o.reload
+            }, {
+              default: A(() => [
+                z(C(e._document.$t("answerModal.versionError.btn")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "onClick"])
+          ])
+        ])) : $("", !0)
+      ];
+    }),
+    _: 1
+  }, 8, ["onEnter", "onLeave"]);
+}
+const Ws = /* @__PURE__ */ X(ws, [["render", Rs], ["__scopeId", "data-v-56fc17d8"]]);
+export {
+  Ws as default
+};