@cling-se/widget 0.14.4 → 0.14.5

package/dist/index-CJ9AvuZH.js

@@ -0,0 +1,102 @@
+import { g as s, N as l, O as r, n as d, V as n } from "./main-B9t0ybqW.js";
+import { m as p, a as c } from "./vuex.esm-DKGl8mcw.js";
+const m = {
+  name: "ClientLinks",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  i18nOptions: {
+    namespaces: "ClientLinks",
+    messages: {
+      en: {
+        title: "Document links",
+        text: "Share the document links below with your recipients. Each recipient has their own unique link.",
+        copied: "Link copied to clipboard",
+        tooltip: "Copy link",
+        placeholder: "No links available.",
+        hint: "Note that visting a link will trigger a viewed event in the events timeline."
+      },
+      sv: {
+        title: "Dokumentlänkar",
+        text: "Dela dokumentlänkarna nedan med dina mottagare. Varje mottagare har sin egen unika länk.",
+        copied: "Länk kopierat till urklipp",
+        tooltip: "Kopiera länk",
+        placeholder: "Inga länkar finns tillgängliga.",
+        hint: "Notera att ett sidbesök på en länk kommer att skapa en visad-händelse i tidslinjen."
+      }
+    }
+  },
+  computed: {
+    ...p({
+      docById: "documents2/byId"
+    }),
+    document() {
+      return this.docById(this.id);
+    },
+    clients() {
+      if (!this.document)
+        return [];
+      const { clients: o } = this.document;
+      return o.map((t) => ({
+        ...t,
+        primaryTitle: t.name,
+        secondaryTitle: t.type === "company" ? t.companyName : ""
+      }));
+    }
+  },
+  created() {
+    this.loadDocument({ id: this.id });
+  },
+  methods: {
+    ...c({
+      loadDocument: s.LOAD_DOCUMENT2
+    }),
+    async copyToClipboard(o) {
+      var i, a;
+      (i = o.target.previousElementSibling) == null || i.select();
+      const t = (a = o.target.previousElementSibling) == null ? void 0 : a.value;
+      if (!t)
+        return;
+      await l(t) && r("info", this.$t("copied"));
+    }
+  }
+};
+var u = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [e("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [e("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(i) {
+    return t.$emit("close");
+  } } }), e("div", { staticStyle: { padding: "0 0 2.5em" } }, [e("div", { staticClass: "x-title", domProps: { textContent: t._s(t.$t("title")) } }), e("div", { staticClass: "x-text", domProps: { textContent: t._s(t.$t("text")) } })]), t.clients.length ? t._l(t.clients, function(i, a) {
+    return e("div", { key: a, staticClass: "client-card" }, [e("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [e("div", { staticClass: "client-title truncate-text" }, [t._v(" " + t._s(i.primaryTitle) + " "), i.secondaryTitle ? e("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [t._v("· " + t._s(i.secondaryTitle))]) : t._e()]), i.documentRole ? e("div", { domProps: { textContent: t._s(t.$t(`_common:documentRole.${i.documentRole}.label`)) } }) : t._e(), e("div", [i.email ? e("a", { attrs: { href: `mailto:${i.email}?&body=${i.docLink}` } }, [t._v(t._s(i.email))]) : t._e(), i.email && i.cellphone ? e("span", { staticStyle: { padding: "0 0.5ch" } }, [t._v("·")]) : t._e(), i.cellphone ? e("a", { attrs: { href: `sms:${i.cellphone}?&body=${i.docLink}` } }, [e("CPhoneFormat", { attrs: { phone: i.cellphone, region: i.cellphoneRegion } })], 1) : t._e()])]), e("div", { staticStyle: { display: "flex", position: "relative" } }, [e("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: t.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: i.docLink } }), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: t.copyToClipboard } }, [e("CIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
+  }) : e("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: t._s(t.$t("placeholder")) } }), e("div", { staticClass: "x-hint" }, [e("CIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), e("div", { domProps: { textContent: t._s(t.$t("hint")) } })], 1)], 2)]);
+}, h = [], y = /* @__PURE__ */ d(
+  m,
+  u,
+  h,
+  !1,
+  null,
+  "8273cadb"
+);
+const v = y.exports, g = v, _ = ({ id: o }) => {
+  if (!n.prototype.$modal)
+    throw Error("Open client modal requires plugin vue-js-modal");
+  n.prototype.$modal.show(
+    g,
+    {
+      id: o
+    },
+    {
+      adaptive: !0,
+      maxWidth: 400,
+      width: "90%",
+      height: "auto",
+      scrollable: !0
+    }
+  );
+};
+export {
+  g as C,
+  _ as o
+};

package/dist/index-Czyda2Ej.js

@@ -0,0 +1,492 @@
+import { a5 as T } from "./main-B9t0ybqW.js";
+var pe = {}, P = {}, f = {}, b = {}, O = {};
+Object.defineProperty(O, "__esModule", {
+  value: !0
+});
+O.withParams = void 0;
+function h(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? h = function(r) {
+    return typeof r;
+  } : h = function(r) {
+    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+  }, h(e);
+}
+var X = typeof window < "u" ? window : typeof T < "u" ? T : {}, he = function(t, r) {
+  return h(t) === "object" && r !== void 0 ? r : t(function() {
+  });
+}, Pe = X.vuelidate ? X.vuelidate.withParams : he;
+O.withParams = Pe;
+Object.defineProperty(b, "__esModule", {
+  value: !0
+});
+b.default = void 0;
+var be = O.withParams, Oe = be;
+b.default = Oe;
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "withParams", {
+    enumerable: !0,
+    get: function() {
+      return t.default;
+    }
+  }), e.regex = e.ref = e.len = e.req = void 0;
+  var t = r(b);
+  function r(d) {
+    return d && d.__esModule ? d : { default: d };
+  }
+  function u(d) {
+    return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? u = function(l) {
+      return typeof l;
+    } : u = function(l) {
+      return l && typeof Symbol == "function" && l.constructor === Symbol && l !== Symbol.prototype ? "symbol" : typeof l;
+    }, u(d);
+  }
+  var _ = function(a) {
+    if (Array.isArray(a))
+      return !!a.length;
+    if (a == null)
+      return !1;
+    if (a === !1)
+      return !0;
+    if (a instanceof Date)
+      return !isNaN(a.getTime());
+    if (u(a) === "object") {
+      for (var l in a)
+        return !0;
+      return !1;
+    }
+    return !!String(a).length;
+  };
+  e.req = _;
+  var m = function(a) {
+    return Array.isArray(a) ? a.length : u(a) === "object" ? Object.keys(a).length : String(a).length;
+  };
+  e.len = m;
+  var v = function(a, l, y) {
+    return typeof a == "function" ? a.call(l, y) : y[a];
+  };
+  e.ref = v;
+  var o = function(a, l) {
+    return (0, t.default)({
+      type: a
+    }, function(y) {
+      return !_(y) || l.test(y);
+    });
+  };
+  e.regex = o;
+})(f);
+Object.defineProperty(P, "__esModule", {
+  value: !0
+});
+P.default = void 0;
+var $e = f, we = (0, $e.regex)("alpha", /^[a-zA-Z]*$/);
+P.default = we;
+var $ = {};
+Object.defineProperty($, "__esModule", {
+  value: !0
+});
+$.default = void 0;
+var qe = f, je = (0, qe.regex)("alphaNum", /^[a-zA-Z0-9]*$/);
+$.default = je;
+var w = {};
+Object.defineProperty(w, "__esModule", {
+  value: !0
+});
+w.default = void 0;
+var Me = f, Ae = (0, Me.regex)("numeric", /^[0-9]*$/);
+w.default = Ae;
+var q = {};
+Object.defineProperty(q, "__esModule", {
+  value: !0
+});
+q.default = void 0;
+var Y = f, Se = function(t, r) {
+  return (0, Y.withParams)({
+    type: "between",
+    min: t,
+    max: r
+  }, function(u) {
+    return !(0, Y.req)(u) || (!/\s/.test(u) || u instanceof Date) && +t <= +u && +r >= +u;
+  });
+};
+q.default = Se;
+var j = {};
+Object.defineProperty(j, "__esModule", {
+  value: !0
+});
+j.default = void 0;
+var Ve = f, ze = /(^$|^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$)/, De = (0, Ve.regex)("email", ze);
+j.default = De;
+var M = {};
+Object.defineProperty(M, "__esModule", {
+  value: !0
+});
+M.default = void 0;
+var x = f, Le = (0, x.withParams)({
+  type: "ipAddress"
+}, function(e) {
+  if (!(0, x.req)(e))
+    return !0;
+  if (typeof e != "string")
+    return !1;
+  var t = e.split(".");
+  return t.length === 4 && t.every(Re);
+});
+M.default = Le;
+var Re = function(t) {
+  if (t.length > 3 || t.length === 0 || t[0] === "0" && t !== "0" || !t.match(/^\d+$/))
+    return !1;
+  var r = +t | 0;
+  return r >= 0 && r <= 255;
+}, A = {};
+Object.defineProperty(A, "__esModule", {
+  value: !0
+});
+A.default = void 0;
+var k = f, We = function() {
+  var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ":";
+  return (0, k.withParams)({
+    type: "macAddress"
+  }, function(r) {
+    if (!(0, k.req)(r))
+      return !0;
+    if (typeof r != "string")
+      return !1;
+    var u = typeof t == "string" && t !== "" ? r.split(t) : r.length === 12 || r.length === 16 ? r.match(/.{2}/g) : null;
+    return u !== null && (u.length === 6 || u.length === 8) && u.every(Ne);
+  });
+};
+A.default = We;
+var Ne = function(t) {
+  return t.toLowerCase().match(/^[0-9a-f]{2}$/);
+}, S = {};
+Object.defineProperty(S, "__esModule", {
+  value: !0
+});
+S.default = void 0;
+var E = f, Ie = function(t) {
+  return (0, E.withParams)({
+    type: "maxLength",
+    max: t
+  }, function(r) {
+    return !(0, E.req)(r) || (0, E.len)(r) <= t;
+  });
+};
+S.default = Ie;
+var V = {};
+Object.defineProperty(V, "__esModule", {
+  value: !0
+});
+V.default = void 0;
+var F = f, Ue = function(t) {
+  return (0, F.withParams)({
+    type: "minLength",
+    min: t
+  }, function(r) {
+    return !(0, F.req)(r) || (0, F.len)(r) >= t;
+  });
+};
+V.default = Ue;
+var z = {};
+Object.defineProperty(z, "__esModule", {
+  value: !0
+});
+z.default = void 0;
+var H = f, Ze = (0, H.withParams)({
+  type: "required"
+}, function(e) {
+  return typeof e == "string" ? (0, H.req)(e.trim()) : (0, H.req)(e);
+});
+z.default = Ze;
+var D = {};
+Object.defineProperty(D, "__esModule", {
+  value: !0
+});
+D.default = void 0;
+var J = f, Ce = function(t) {
+  return (0, J.withParams)({
+    type: "requiredIf",
+    prop: t
+  }, function(r, u) {
+    return (0, J.ref)(t, this, u) ? (0, J.req)(r) : !0;
+  });
+};
+D.default = Ce;
+var L = {};
+Object.defineProperty(L, "__esModule", {
+  value: !0
+});
+L.default = void 0;
+var K = f, Be = function(t) {
+  return (0, K.withParams)({
+    type: "requiredUnless",
+    prop: t
+  }, function(r, u) {
+    return (0, K.ref)(t, this, u) ? !0 : (0, K.req)(r);
+  });
+};
+L.default = Be;
+var R = {};
+Object.defineProperty(R, "__esModule", {
+  value: !0
+});
+R.default = void 0;
+var ee = f, Ge = function(t) {
+  return (0, ee.withParams)({
+    type: "sameAs",
+    eq: t
+  }, function(r, u) {
+    return r === (0, ee.ref)(t, this, u);
+  });
+};
+R.default = Ge;
+var W = {};
+Object.defineProperty(W, "__esModule", {
+  value: !0
+});
+W.default = void 0;
+var Ee = f, Fe = /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:[/?#]\S*)?$/i, He = (0, Ee.regex)("url", Fe);
+W.default = He;
+var N = {};
+Object.defineProperty(N, "__esModule", {
+  value: !0
+});
+N.default = void 0;
+var Je = f, Ke = function() {
+  for (var t = arguments.length, r = new Array(t), u = 0; u < t; u++)
+    r[u] = arguments[u];
+  return (0, Je.withParams)({
+    type: "or"
+  }, function() {
+    for (var _ = this, m = arguments.length, v = new Array(m), o = 0; o < m; o++)
+      v[o] = arguments[o];
+    return r.length > 0 && r.reduce(function(d, a) {
+      return d || a.apply(_, v);
+    }, !1);
+  });
+};
+N.default = Ke;
+var I = {};
+Object.defineProperty(I, "__esModule", {
+  value: !0
+});
+I.default = void 0;
+var Qe = f, Te = function() {
+  for (var t = arguments.length, r = new Array(t), u = 0; u < t; u++)
+    r[u] = arguments[u];
+  return (0, Qe.withParams)({
+    type: "and"
+  }, function() {
+    for (var _ = this, m = arguments.length, v = new Array(m), o = 0; o < m; o++)
+      v[o] = arguments[o];
+    return r.length > 0 && r.reduce(function(d, a) {
+      return d && a.apply(_, v);
+    }, !0);
+  });
+};
+I.default = Te;
+var U = {};
+Object.defineProperty(U, "__esModule", {
+  value: !0
+});
+U.default = void 0;
+var te = f, Xe = function(t) {
+  return (0, te.withParams)({
+    type: "not"
+  }, function(r, u) {
+    return !(0, te.req)(r) || !t.call(this, r, u);
+  });
+};
+U.default = Xe;
+var Z = {};
+Object.defineProperty(Z, "__esModule", {
+  value: !0
+});
+Z.default = void 0;
+var re = f, Ye = function(t) {
+  return (0, re.withParams)({
+    type: "minValue",
+    min: t
+  }, function(r) {
+    return !(0, re.req)(r) || (!/\s/.test(r) || r instanceof Date) && +r >= +t;
+  });
+};
+Z.default = Ye;
+var C = {};
+Object.defineProperty(C, "__esModule", {
+  value: !0
+});
+C.default = void 0;
+var ne = f, xe = function(t) {
+  return (0, ne.withParams)({
+    type: "maxValue",
+    max: t
+  }, function(r) {
+    return !(0, ne.req)(r) || (!/\s/.test(r) || r instanceof Date) && +r <= +t;
+  });
+};
+C.default = xe;
+var B = {};
+Object.defineProperty(B, "__esModule", {
+  value: !0
+});
+B.default = void 0;
+var ke = f, et = (0, ke.regex)("integer", /(^[0-9]*$)|(^-[0-9]+$)/);
+B.default = et;
+var G = {};
+Object.defineProperty(G, "__esModule", {
+  value: !0
+});
+G.default = void 0;
+var tt = f, rt = (0, tt.regex)("decimal", /^[-]?\d*(\.\d+)?$/);
+G.default = rt;
+(function(e) {
+  function t(n) {
+    return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? t = function(c) {
+      return typeof c;
+    } : t = function(c) {
+      return c && typeof Symbol == "function" && c.constructor === Symbol && c !== Symbol.prototype ? "symbol" : typeof c;
+    }, t(n);
+  }
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "alpha", {
+    enumerable: !0,
+    get: function() {
+      return r.default;
+    }
+  }), Object.defineProperty(e, "alphaNum", {
+    enumerable: !0,
+    get: function() {
+      return u.default;
+    }
+  }), Object.defineProperty(e, "numeric", {
+    enumerable: !0,
+    get: function() {
+      return _.default;
+    }
+  }), Object.defineProperty(e, "between", {
+    enumerable: !0,
+    get: function() {
+      return m.default;
+    }
+  }), Object.defineProperty(e, "email", {
+    enumerable: !0,
+    get: function() {
+      return v.default;
+    }
+  }), Object.defineProperty(e, "ipAddress", {
+    enumerable: !0,
+    get: function() {
+      return o.default;
+    }
+  }), Object.defineProperty(e, "macAddress", {
+    enumerable: !0,
+    get: function() {
+      return d.default;
+    }
+  }), Object.defineProperty(e, "maxLength", {
+    enumerable: !0,
+    get: function() {
+      return a.default;
+    }
+  }), Object.defineProperty(e, "minLength", {
+    enumerable: !0,
+    get: function() {
+      return l.default;
+    }
+  }), Object.defineProperty(e, "required", {
+    enumerable: !0,
+    get: function() {
+      return y.default;
+    }
+  }), Object.defineProperty(e, "requiredIf", {
+    enumerable: !0,
+    get: function() {
+      return ue.default;
+    }
+  }), Object.defineProperty(e, "requiredUnless", {
+    enumerable: !0,
+    get: function() {
+      return ae.default;
+    }
+  }), Object.defineProperty(e, "sameAs", {
+    enumerable: !0,
+    get: function() {
+      return fe.default;
+    }
+  }), Object.defineProperty(e, "url", {
+    enumerable: !0,
+    get: function() {
+      return ie.default;
+    }
+  }), Object.defineProperty(e, "or", {
+    enumerable: !0,
+    get: function() {
+      return de.default;
+    }
+  }), Object.defineProperty(e, "and", {
+    enumerable: !0,
+    get: function() {
+      return oe.default;
+    }
+  }), Object.defineProperty(e, "not", {
+    enumerable: !0,
+    get: function() {
+      return le.default;
+    }
+  }), Object.defineProperty(e, "minValue", {
+    enumerable: !0,
+    get: function() {
+      return ce.default;
+    }
+  }), Object.defineProperty(e, "maxValue", {
+    enumerable: !0,
+    get: function() {
+      return me.default;
+    }
+  }), Object.defineProperty(e, "integer", {
+    enumerable: !0,
+    get: function() {
+      return ve.default;
+    }
+  }), Object.defineProperty(e, "decimal", {
+    enumerable: !0,
+    get: function() {
+      return _e.default;
+    }
+  }), e.helpers = void 0;
+  var r = i(P), u = i($), _ = i(w), m = i(q), v = i(j), o = i(M), d = i(A), a = i(S), l = i(V), y = i(z), ue = i(D), ae = i(L), fe = i(R), ie = i(W), de = i(N), oe = i(I), le = i(U), ce = i(Z), me = i(C), ve = i(B), _e = i(G), se = ye(f);
+  e.helpers = se;
+  function Q() {
+    if (typeof WeakMap != "function")
+      return null;
+    var n = /* @__PURE__ */ new WeakMap();
+    return Q = function() {
+      return n;
+    }, n;
+  }
+  function ye(n) {
+    if (n && n.__esModule)
+      return n;
+    if (n === null || t(n) !== "object" && typeof n != "function")
+      return { default: n };
+    var s = Q();
+    if (s && s.has(n))
+      return s.get(n);
+    var c = {}, ge = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var g in n)
+      if (Object.prototype.hasOwnProperty.call(n, g)) {
+        var p = ge ? Object.getOwnPropertyDescriptor(n, g) : null;
+        p && (p.get || p.set) ? Object.defineProperty(c, g, p) : c[g] = n[g];
+      }
+    return c.default = n, s && s.set(n, c), c;
+  }
+  function i(n) {
+    return n && n.__esModule ? n : { default: n };
+  }
+})(pe);
+export {
+  pe as v
+};

package/dist/index-myOYAnwV.js

@@ -0,0 +1,81 @@
+import { n as i, D as n } from "./main-B9t0ybqW.js";
+const o = {
+  name: "DocumentGuide",
+  i18nOptions: {
+    namespaces: "documentGuide",
+    messages: {
+      en: {
+        title: "Quick tour",
+        steps: {
+          addBlocks: "Add document blocks from the left sidebar.",
+          textFormatting: "Select some text and formatting options will appear.",
+          editBlocks: `Adjust a block's appearance by clicking on the <span class="dg-button-icon appearance"></span> button.`,
+          changeProduct: `Change a product's quantity by clicking on the <span class="dg-button-icon cog"></span> button.`,
+          send: `Once you're done, hit <span class="dg-button-text">Send</span>`
+        }
+      },
+      sv: {
+        title: "Snabbguide",
+        steps: {
+          addBlocks: "Lägg till dokumentblock ifrån vänstra sidomenyn.",
+          textFormatting: "Markera en bit text för att få upp formateringsmenyn.",
+          editBlocks: 'Ändra utseendet på ett block genom att klicka på <span class="dg-button-icon appearance"></span> knappen.',
+          changeProduct: 'Ändra en varas antal genom att klicka på <span class="dg-button-icon cog"></span> knappen.',
+          send: 'När du är klar, klicka på <span class="dg-button-text">Skicka</span>'
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      step: 0,
+      steps: [
+        {
+          title: this.$t("steps.addBlocks"),
+          img: n("/account/onboarding/drag-block.png")
+        },
+        {
+          title: this.$t("steps.textFormatting"),
+          img: n("/account/onboarding/text-bubble.png")
+        },
+        {
+          title: this.$t("steps.editBlocks"),
+          img: n("/account/onboarding/block-options.png")
+        },
+        {
+          title: this.$t("steps.changeProduct"),
+          img: n("/account/onboarding/article-options.png")
+        },
+        {
+          title: this.$t("steps.send"),
+          img: n("/account/onboarding/doc-send.png")
+        }
+      ]
+    };
+  }
+};
+var c = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticStyle: { position: "fixed", left: "0", top: "0", right: "0", bottom: "0", "background-color": "hsla(0, 0%, 0%, 0.2)", padding: "calc(4 * var(--rem)) 0", display: "grid", "place-items": "center", "z-index": "9999" } }, [e("div", { staticClass: "max-w-[95%] md:max-w-lg", staticStyle: { "background-color": "hsl(212, 90%, 15%)", padding: "calc(3 * var(--rem)) calc(2.5 * var(--rem))", "border-radius": "8px", color: "hsla(0, 0%, 100%, 0.8)", "font-size": "16px", position: "relative" } }, [e("CButton", { staticStyle: { position: "absolute", right: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))" }, attrs: { size: "small", type: "none", pattern: "tertiary", circle: "", icon: "x" }, on: { click: function(s) {
+    return t.$emit("close");
+  } } }), e("div", { staticStyle: { "padding-left": "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "text-transform": "uppercase", "font-size": "0.75em", "padding-bottom": "0.7em", color: "hsl(321, 100%, 78%)" } }, [t._v(" " + t._s(t.$t("title")) + " ")]), e("div", { staticStyle: { "font-size": "1.5em", "padding-bottom": "1em", "line-height": "1.4", "font-weight": "500", color: "white", "min-height": "100px" } }, [t._v(" " + t._s(t.step + 1) + ". "), e("span", { domProps: { innerHTML: t._s(t.steps[t.step].title) } })])]), e("div", { staticStyle: { width: "100%", "background-color": "hsla(0, 0%, 100%, 0.2)", "line-height": "0", "border-radius": "8px", overflow: "hidden", position: "relative", "padding-bottom": "60%" } }, [e("transition", { attrs: { name: "slide-prev" } }, [e("img", { key: t.step, staticStyle: { position: "absolute", left: "0", top: "0", width: "100%", height: "100%" }, attrs: { src: t.steps[t.step].img } })])], 1), e("div", { staticStyle: { "margin-top": "calc(3 * var(--rem))", display: "flex", "justify-content": "flex-end", position: "relative" } }, [e("div", { staticStyle: { position: "absolute", display: "grid", gap: "10px", "grid-template-columns": "repeat(5, 1fr)", top: "50%", left: "50%", transform: "translate(-50%, -50%)" } }, t._l(t.steps, function(s, a) {
+    return e("div", { key: a, staticStyle: { width: "8px", height: "8px", "border-radius": "8px", cursor: "pointer" }, style: {
+      backgroundColor: t.step === a ? "white" : "hsla(0, 0%, 100%, 0.4)"
+    }, on: { click: function(d) {
+      t.step = a;
+    } } });
+  }), 0), e("CButton", { staticClass: "pulse", staticStyle: { "border-radius": "5px", "animation-duration": "0.2s" }, attrs: { type: "secondary", "icon-right": "arrow-right" }, on: { click: function(s) {
+    t.step === t.steps.length - 1 ? t.$emit("close") : t.step++;
+  } } }, [t._v(" " + t._s(t.step === t.steps.length - 1 ? t.$t("_common:done").capitalize() : t.$t("_common:next").capitalize()) + " ")])], 1)], 1)]);
+}, r = [], l = /* @__PURE__ */ i(
+  o,
+  c,
+  r,
+  !1,
+  null,
+  null
+);
+const m = l.exports;
+export {
+  m as default
+};