npm - @revolugo/elements - Versions diffs - 6.9.6 → 6.9.7-beta.1 - Mend

@revolugo/elements 6.9.6 → 6.9.7-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (193) hide show

package/dist/{revolugo.creditcardform.C1Y8cuiJ.min.js → revolugo.creditcardstripeform.hPOL0GxK.min.js} RENAMED Viewed

@@ -1,15 +1,7 @@
-import { av as B, d as Re, u as Te, T as xe, H as te, k as At, b4 as Me, E as Le, a1 as Ne, a2 as Oe, a6 as Ve, aL as Ue, b5 as Ie, a as g, D as Pt, aa as qe, c as k, w as v, e as E, f as X, t as R, r as Be, g as z, i as ze, C as De, aB as je, Z as He, o as A } from "./revolugo.index.wc.BmAtoZjo.min.js";
-import { _ as Fe } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.DMP_pksf.min.js";
-import { p as kt } from "./revolugo.parsed-props.z2aR0x9r.min.js";
-import { u as We, _ as Ge, V as D, a as N } from "./revolugo.webcomponentwrapper.DipHFVeJ.min.js";
-import { V as ct } from "./revolugo.vicon.OZg4Im8p.min.js";
-import { V as Ke, a as Je } from "./revolugo.vbtn.D-1pZWJQ.min.js";
-import { V as Ye } from "./revolugo.vtoolbar.8GW_wkyp.min.js";
-import { a as Rt, m as Ze, V as Xe } from "./revolugo.vcheckboxbtn.BtTJE9k_.min.js";
-import { V as Tt, a as Qe } from "./revolugo.vcard.BhFz1a7-.min.js";
-import { V as tr } from "./revolugo.vskeletonloader.BUWqKsWc.min.js";
-import { u as er, V as xt, m as rr } from "./revolugo.vinput.Bo6I7bO4.min.js";
-function ke(e) {
+import { b1 as qe, i as B, I as Be, J as ze, K as De, b2 as je, b as ct, ap as He, a as b, m as Bt, O as Fe, d as We, h as Ge, aF as Ke, x as Je, c as x, o as P, w as g, a8 as Ye, u as w, b3 as W, z as R, p as it, y as T, f as _t, j as wt, k as Ze, F as zt, b4 as Xe, aN as Qe, E as Dt } from "./revolugo.index.wc.Ccgyr4X7.min.js";
+import { d as tr, V as er } from "./revolugo.vtoolbar.BwjwoNSz.min.js";
+import { ay as rr, s as sr, az as jt, b9 as Ht, aC as nr, ba as ir, V as Ft, k as $t, I as or, J as Wt, d as G, e as L, b4 as ar, N as K, ac as lr, j as cr, b as ur, _ as pr } from "./revolugo.webcomponentwrapper.QMEsz6ti.min.js";
+function Ue(e) {
   try {
     if (typeof document < "u") {
       window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
@@ -29,133 +21,90 @@ function ke(e) {
     console.error("[revolugo-elements] ", t);
   }
 }
-const sr = (e) => {
-  switch (e) {
-    case B.Production:
-      return "pk_live_x99EPirYIsCyUsRvPAfyhnRp";
-    case B.Sandbox:
-    case B.Staging:
-    case B.CiCd:
-    case B.Local:
-    default:
-      return "pk_test_wXnn2RrefTiOHB0zzxqJr0s8";
-  }
-}, nr = {
-  amount: { type: Number },
-  currency: { type: String },
-  disabled: {
-    default: !1,
-    type: Boolean
-  },
-  loading: {
-    default: !1,
-    type: Boolean
-  },
-  token: { required: !0, type: String },
-  withAction: {
-    default: !1,
-    type: Boolean
-  },
-  withTerms: {
-    default: !1,
-    type: Boolean
-  }
-};
-var ee = "basil", ir = function(t) {
-  return t === 3 ? "v3" : t;
-}, re = "https://js.stripe.com", or = "".concat(re, "/").concat(ee, "/stripe.js"), ar = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, lr = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
-var ur = function(t) {
-  return ar.test(t) || lr.test(t);
-}, cr = function() {
-  for (var t = document.querySelectorAll('script[src^="'.concat(re, '"]')), r = 0; r < t.length; r++) {
-    var s = t[r];
-    if (ur(s.src))
-      return s;
-  }
-  return null;
-}, Mt = function(t) {
-  var r = "", s = document.createElement("script");
-  s.src = "".concat(or).concat(r);
-  var n = document.head || document.body;
-  if (!n)
-    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
-  return n.appendChild(s), s;
-}, dr = function(t, r) {
-  !t || !t._registerWrapper || t._registerWrapper({
-    name: "stripe-js",
-    version: "7.5.0",
-    startTime: r
-  });
-}, j = null, Q = null, tt = null, pr = function(t) {
-  return function(r) {
-    t(new Error("Failed to load Stripe.js", {
-      cause: r
-    }));
-  };
-}, hr = function(t, r) {
-  return function() {
-    window.Stripe ? t(window.Stripe) : r(new Error("Stripe.js not available"));
-  };
-}, mr = function(t) {
-  return j !== null ? j : (j = new Promise(function(r, s) {
-    if (typeof window > "u" || typeof document > "u") {
-      r(null);
-      return;
-    }
-    if (window.Stripe) {
-      r(window.Stripe);
-      return;
-    }
+function dr(e, t, r) {
+  if (e == null)
+    return t;
+  const s = r || ((n) => n);
+  if (typeof e == "string")
     try {
-      var n = cr();
-      if (!(n && t)) {
-        if (!n)
-          n = Mt(t);
-        else if (n && tt !== null && Q !== null) {
-          var i;
-          n.removeEventListener("load", tt), n.removeEventListener("error", Q), (i = n.parentNode) === null || i === void 0 || i.removeChild(n), n = Mt(t);
-        }
-      }
-      tt = hr(r, s), Q = pr(s), n.addEventListener("load", tt), n.addEventListener("error", Q);
-    } catch (o) {
-      s(o);
-      return;
+      return s(JSON.parse(e));
+    } catch {
+      return t;
     }
-  }), j.catch(function(r) {
-    return j = null, Promise.reject(r);
-  }));
-}, yr = function(t, r, s) {
-  if (t === null)
-    return null;
-  var n = r[0], i = n.match(/^pk_test/), o = ir(t.version), c = ee;
-  i && o !== c && console.warn("Stripe.js@".concat(o, " was loaded on the page, but @stripe/stripe-js@").concat("7.5.0", " expected Stripe.js@").concat(c, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
-  var l = t.apply(void 0, r);
-  return dr(l, s), l;
-}, H, se = !1, ne = function() {
-  return H || (H = mr(null).catch(function(t) {
-    return H = null, Promise.reject(t);
-  }), H);
-};
-Promise.resolve().then(function() {
-  return ne();
-}).catch(function(e) {
-  se || console.warn(e);
+  return s(e);
+}
+function Gt({
+  cb: e,
+  fallbackValue: t,
+  prop: r
+}) {
+  const s = dr(qe(r.value), t, e), n = tr(structuredClone(s), t || {});
+  return B(s && n);
+}
+const hr = ze({
+  ...nr(),
+  ...Fe(ir(), ["inline"])
+}, "VCheckbox"), mr = Be()({
+  name: "VCheckbox",
+  inheritAttrs: !1,
+  props: hr(),
+  emits: {
+    "update:modelValue": (e) => !0,
+    "update:focused": (e) => !0
+  },
+  setup(e, t) {
+    let {
+      attrs: r,
+      slots: s
+    } = t;
+    const n = De(e, "modelValue"), {
+      isFocused: i,
+      focus: o,
+      blur: u
+    } = rr(e), l = je(), p = ct(() => e.id || `checkbox-${l}`);
+    return sr(() => {
+      const [m, y] = He(r), v = jt.filterProps(e), C = Ht.filterProps(e);
+      return b(jt, Bt({
+        class: ["v-checkbox", e.class]
+      }, m, v, {
+        modelValue: n.value,
+        "onUpdate:modelValue": (O) => n.value = O,
+        id: p.value,
+        focused: i.value,
+        style: e.style
+      }), {
+        ...s,
+        default: (O) => {
+          let {
+            id: M,
+            messagesId: gt,
+            isDisabled: F,
+            isReadonly: bt,
+            isValid: q
+          } = O;
+          return b(Ht, Bt(C, {
+            id: M.value,
+            "aria-describedby": gt.value,
+            disabled: F.value,
+            readonly: bt.value
+          }, y, {
+            error: q.value === !1,
+            modelValue: n.value,
+            "onUpdate:modelValue": (St) => n.value = St,
+            onFocus: o,
+            onBlur: u
+          }), s);
+        }
+      });
+    }), {};
+  }
 });
-var fr = function() {
-  for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
-    r[s] = arguments[s];
-  se = !0;
-  var n = Date.now();
-  return ne().then(function(i) {
-    return yr(i, r, n);
-  });
-};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ie = (e) => (t) => typeof t == "function" ? ((r, s) => (customElements.define(r, s), s))(e, t) : ((r, s) => {
+const fe = (e) => (t) => typeof t == "function" ? ((r, s) => (customElements.define(r, s), s))(e, t) : ((r, s) => {
   const { kind: n, elements: i } = s;
   return { kind: n, elements: i, finisher(o) {
     customElements.define(r, o);
@@ -166,34 +115,34 @@ const ie = (e) => (t) => typeof t == "function" ? ((r, s) => (customElements.def
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const vr = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(r) {
+const yr = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(r) {
   r.createProperty(t.key, e);
 } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
   typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
 }, finisher(r) {
   r.createProperty(t.key, e);
-} }, gr = (e, t, r) => {
+} }, fr = (e, t, r) => {
   t.constructor.createProperty(r, e);
 };
-function u(e) {
-  return (t, r) => r !== void 0 ? gr(e, t, r) : vr(e, t);
+function c(e) {
+  return (t, r) => r !== void 0 ? fr(e, t, r) : yr(e, t);
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var dt;
-((dt = window.HTMLSlotElement) === null || dt === void 0 ? void 0 : dt.prototype.assignedElements) != null;
-var Lt = !0;
-function C(e, t, r) {
+var Ct;
+((Ct = window.HTMLSlotElement) === null || Ct === void 0 ? void 0 : Ct.prototype.assignedElements) != null;
+var Kt = !0;
+function k(e, t, r) {
   if (typeof r?.value != "function")
     throw new TypeError(`Only methods can be decorated with @bound. <${t ?? e.name}> is not a method!`);
   return {
-    configurable: Lt,
+    configurable: Kt,
     get() {
       const s = r.value.bind(this);
-      return Object.defineProperty(this, t, { value: s, configurable: Lt, writable: !0 }), s;
+      return Object.defineProperty(this, t, { value: s, configurable: Kt, writable: !0 }), s;
     }
   };
 }
@@ -202,18 +151,18 @@ function C(e, t, r) {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = window, $t = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, wt = Symbol(), Nt = /* @__PURE__ */ new WeakMap();
-let oe = class {
+const ut = window, Ot = ut.ShadowRoot && (ut.ShadyCSS === void 0 || ut.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Lt = Symbol(), Jt = /* @__PURE__ */ new WeakMap();
+let ve = class {
   constructor(t, r, s) {
-    if (this._$cssResult$ = !0, s !== wt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== Lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = r;
   }
   get styleSheet() {
     let t = this.o;
     const r = this.t;
-    if ($t && t === void 0) {
+    if (Ot && t === void 0) {
       const s = r !== void 0 && r.length === 1;
-      s && (t = Nt.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Nt.set(r, t));
+      s && (t = Jt.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Jt.set(r, t));
     }
     return t;
   }
@@ -221,33 +170,33 @@ let oe = class {
     return this.cssText;
   }
 };
-const br = (e) => new oe(typeof e == "string" ? e : e + "", void 0, wt), _t = (e, ...t) => {
-  const r = e.length === 1 ? e[0] : t.reduce((s, n, i) => s + ((o) => {
+const vr = (e) => new ve(typeof e == "string" ? e : e + "", void 0, Lt), It = (e, ...t) => {
+  const r = e.length === 1 ? e[0] : t.reduce(((s, n, i) => s + ((o) => {
     if (o._$cssResult$ === !0) return o.cssText;
     if (typeof o == "number") return o;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(n) + e[i + 1], e[0]);
-  return new oe(r, e, wt);
-}, Sr = (e, t) => {
-  $t ? e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : t.forEach((r) => {
-    const s = document.createElement("style"), n = rt.litNonce;
+  })(n) + e[i + 1]), e[0]);
+  return new ve(r, e, Lt);
+}, gr = (e, t) => {
+  Ot ? e.adoptedStyleSheets = t.map(((r) => r instanceof CSSStyleSheet ? r : r.styleSheet)) : t.forEach(((r) => {
+    const s = document.createElement("style"), n = ut.litNonce;
     n !== void 0 && s.setAttribute("nonce", n), s.textContent = r.cssText, e.appendChild(s);
-  });
-}, Ot = $t ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+  }));
+}, Yt = Ot ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let r = "";
   for (const s of t.cssRules) r += s.cssText;
-  return br(r);
+  return vr(r);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var pt;
-const at = window, Vt = at.trustedTypes, $r = Vt ? Vt.emptyScript : "", Ut = at.reactiveElementPolyfillSupport, gt = { toAttribute(e, t) {
+var Et;
+const yt = window, Zt = yt.trustedTypes, br = Zt ? Zt.emptyScript : "", Xt = yt.reactiveElementPolyfillSupport, Mt = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? $r : null;
+      e = e ? br : null;
       break;
     case Object:
     case Array:
@@ -272,8 +221,8 @@ const at = window, Vt = at.trustedTypes, $r = Vt ? Vt.emptyScript : "", Ut = at.
       }
   }
   return r;
-} }, ae = (e, t) => t !== e && (t == t || e == e), ht = { attribute: !0, type: String, converter: gt, reflect: !1, hasChanged: ae }, bt = "finalized";
-let O = class extends HTMLElement {
+} }, ge = (e, t) => t !== e && (t == t || e == e), Pt = { attribute: !0, type: String, converter: Mt, reflect: !1, hasChanged: ge }, Tt = "finalized";
+let z = class extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
   }
@@ -284,12 +233,12 @@ let O = class extends HTMLElement {
   static get observedAttributes() {
     this.finalize();
     const t = [];
-    return this.elementProperties.forEach((r, s) => {
+    return this.elementProperties.forEach(((r, s) => {
       const n = this._$Ep(s, r);
       n !== void 0 && (this._$Ev.set(n, s), t.push(n));
-    }), t;
+    })), t;
   }
-  static createProperty(t, r = ht) {
+  static createProperty(t, r = Pt) {
     if (r.state && (r.attribute = !1), this.finalize(), this.elementProperties.set(t, r), !r.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const s = typeof t == "symbol" ? Symbol() : "__" + t, n = this.getPropertyDescriptor(t, s, r);
       n !== void 0 && Object.defineProperty(this.prototype, t, n);
@@ -304,11 +253,11 @@ let O = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || ht;
+    return this.elementProperties.get(t) || Pt;
   }
   static finalize() {
-    if (this.hasOwnProperty(bt)) return !1;
-    this[bt] = !0;
+    if (this.hasOwnProperty(Tt)) return !1;
+    this[Tt] = !0;
     const t = Object.getPrototypeOf(this);
     if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const r = this.properties, s = [...Object.getOwnPropertyNames(r), ...Object.getOwnPropertySymbols(r)];
@@ -320,8 +269,8 @@ let O = class extends HTMLElement {
     const r = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const n of s) r.unshift(Ot(n));
-    } else t !== void 0 && r.push(Ot(t));
+      for (const n of s) r.unshift(Yt(n));
+    } else t !== void 0 && r.push(Yt(t));
     return r;
   }
   static _$Ep(t, r) {
@@ -330,7 +279,7 @@ let O = class extends HTMLElement {
   }
   _$Eu() {
     var t;
-    this._$E_ = new Promise((r) => this.enableUpdating = r), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((r) => r(this));
+    this._$E_ = new Promise(((r) => this.enableUpdating = r)), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach(((r) => r(this)));
   }
   addController(t) {
     var r, s;
@@ -341,39 +290,39 @@ let O = class extends HTMLElement {
     (r = this._$ES) === null || r === void 0 || r.splice(this._$ES.indexOf(t) >>> 0, 1);
   }
   _$Eg() {
-    this.constructor.elementProperties.forEach((t, r) => {
+    this.constructor.elementProperties.forEach(((t, r) => {
       this.hasOwnProperty(r) && (this._$Ei.set(r, this[r]), delete this[r]);
-    });
+    }));
   }
   createRenderRoot() {
     var t;
     const r = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return Sr(r, this.constructor.elementStyles), r;
+    return gr(r, this.constructor.elementStyles), r;
   }
   connectedCallback() {
     var t;
-    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((r) => {
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach(((r) => {
       var s;
       return (s = r.hostConnected) === null || s === void 0 ? void 0 : s.call(r);
-    });
+    }));
   }
   enableUpdating(t) {
   }
   disconnectedCallback() {
     var t;
-    (t = this._$ES) === null || t === void 0 || t.forEach((r) => {
+    (t = this._$ES) === null || t === void 0 || t.forEach(((r) => {
       var s;
       return (s = r.hostDisconnected) === null || s === void 0 ? void 0 : s.call(r);
-    });
+    }));
   }
   attributeChangedCallback(t, r, s) {
     this._$AK(t, s);
   }
-  _$EO(t, r, s = ht) {
+  _$EO(t, r, s = Pt) {
     var n;
     const i = this.constructor._$Ep(t, s);
     if (i !== void 0 && s.reflect === !0) {
-      const o = (((n = s.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? s.converter : gt).toAttribute(r, s.type);
+      const o = (((n = s.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? s.converter : Mt).toAttribute(r, s.type);
       this._$El = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$El = null;
     }
   }
@@ -381,13 +330,13 @@ let O = class extends HTMLElement {
     var s;
     const n = this.constructor, i = n._$Ev.get(t);
     if (i !== void 0 && this._$El !== i) {
-      const o = n.getPropertyOptions(i), c = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? o.converter : gt;
-      this._$El = i, this[i] = c.fromAttribute(r, o.type), this._$El = null;
+      const o = n.getPropertyOptions(i), u = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? o.converter : Mt;
+      this._$El = i, this[i] = u.fromAttribute(r, o.type), this._$El = null;
     }
   }
   requestUpdate(t, r, s) {
     let n = !0;
-    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || ae)(this[t], r) ? (this._$AL.has(t) || this._$AL.set(t, r), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
+    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || ge)(this[t], r) ? (this._$AL.has(t) || this._$AL.set(t, r), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = !0;
@@ -405,14 +354,14 @@ let O = class extends HTMLElement {
   performUpdate() {
     var t;
     if (!this.isUpdatePending) return;
-    this.hasUpdated, this._$Ei && (this._$Ei.forEach((n, i) => this[i] = n), this._$Ei = void 0);
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach(((n, i) => this[i] = n)), this._$Ei = void 0);
     let r = !1;
     const s = this._$AL;
     try {
-      r = this.shouldUpdate(s), r ? (this.willUpdate(s), (t = this._$ES) === null || t === void 0 || t.forEach((n) => {
+      r = this.shouldUpdate(s), r ? (this.willUpdate(s), (t = this._$ES) === null || t === void 0 || t.forEach(((n) => {
         var i;
         return (i = n.hostUpdate) === null || i === void 0 ? void 0 : i.call(n);
-      }), this.update(s)) : this._$Ek();
+      })), this.update(s)) : this._$Ek();
     } catch (n) {
       throw r = !1, this._$Ek(), n;
     }
@@ -422,10 +371,10 @@ let O = class extends HTMLElement {
   }
   _$AE(t) {
     var r;
-    (r = this._$ES) === null || r === void 0 || r.forEach((s) => {
+    (r = this._$ES) === null || r === void 0 || r.forEach(((s) => {
       var n;
       return (n = s.hostUpdated) === null || n === void 0 ? void 0 : n.call(s);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    })), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$Ek() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -440,91 +389,91 @@ let O = class extends HTMLElement {
     return !0;
   }
   update(t) {
-    this._$EC !== void 0 && (this._$EC.forEach((r, s) => this._$EO(s, this[s], r)), this._$EC = void 0), this._$Ek();
+    this._$EC !== void 0 && (this._$EC.forEach(((r, s) => this._$EO(s, this[s], r))), this._$EC = void 0), this._$Ek();
   }
   updated(t) {
   }
   firstUpdated(t) {
   }
 };
-O[bt] = !0, O.elementProperties = /* @__PURE__ */ new Map(), O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, Ut?.({ ReactiveElement: O }), ((pt = at.reactiveElementVersions) !== null && pt !== void 0 ? pt : at.reactiveElementVersions = []).push("1.6.3");
+z[Tt] = !0, z.elementProperties = /* @__PURE__ */ new Map(), z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, Xt?.({ ReactiveElement: z }), ((Et = yt.reactiveElementVersions) !== null && Et !== void 0 ? Et : yt.reactiveElementVersions = []).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var mt;
-const lt = window, V = lt.trustedTypes, It = V ? V.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, St = "$lit$", P = `lit$${(Math.random() + "").slice(9)}$`, le = "?" + P, wr = `<${le}>`, M = document, K = () => M.createComment(""), J = (e) => e === null || typeof e != "object" && typeof e != "function", ue = Array.isArray, _r = (e) => ue(e) || typeof e?.[Symbol.iterator] == "function", yt = `[
-\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Bt = />/g, T = RegExp(`>|${yt}(?:([^\\s"'>=/]+)(${yt}*=${yt}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`, "g"), zt = /'/g, Dt = /"/g, ce = /^(?:script|style|textarea|title)$/i, Cr = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), Er = Cr(1), U = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), jt = /* @__PURE__ */ new WeakMap(), x = M.createTreeWalker(M, 129, null, !1);
-function de(e, t) {
+var At;
+const ft = window, D = ft.trustedTypes, Qt = D ? D.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Nt = "$lit$", N = `lit$${(Math.random() + "").slice(9)}$`, be = "?" + N, Sr = `<${be}>`, U = document, tt = () => U.createComment(""), et = (e) => e === null || typeof e != "object" && typeof e != "function", Se = Array.isArray, _r = (e) => Se(e) || typeof e?.[Symbol.iterator] == "function", xt = `[
+\f\r]`, J = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, te = /-->/g, ee = />/g, I = RegExp(`>|${xt}(?:([^\\s"'>=/]+)(${xt}*=${xt}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, se = /"/g, _e = /^(?:script|style|textarea|title)$/i, wr = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), $r = wr(1), j = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), ne = /* @__PURE__ */ new WeakMap(), V = U.createTreeWalker(U, 129, null, !1);
+function we(e, t) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return It !== void 0 ? It.createHTML(t) : t;
+  return Qt !== void 0 ? Qt.createHTML(t) : t;
 }
-const Ar = (e, t) => {
+const Cr = (e, t) => {
   const r = e.length - 1, s = [];
-  let n, i = t === 2 ? "<svg>" : "", o = F;
-  for (let c = 0; c < r; c++) {
-    const l = e[c];
-    let p, y, f = -1, S = 0;
-    for (; S < l.length && (o.lastIndex = S, y = o.exec(l), y !== null); ) S = o.lastIndex, o === F ? y[1] === "!--" ? o = qt : y[1] !== void 0 ? o = Bt : y[2] !== void 0 ? (ce.test(y[2]) && (n = RegExp("</" + y[2], "g")), o = T) : y[3] !== void 0 && (o = T) : o === T ? y[0] === ">" ? (o = n ?? F, f = -1) : y[1] === void 0 ? f = -2 : (f = o.lastIndex - y[2].length, p = y[1], o = y[3] === void 0 ? T : y[3] === '"' ? Dt : zt) : o === Dt || o === zt ? o = T : o === qt || o === Bt ? o = F : (o = T, n = void 0);
-    const _ = o === T && e[c + 1].startsWith("/>") ? " " : "";
-    i += o === F ? l + wr : f >= 0 ? (s.push(p), l.slice(0, f) + St + l.slice(f) + P + _) : l + P + (f === -2 ? (s.push(void 0), c) : _);
-  }
-  return [de(e, i + (e[r] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+  let n, i = t === 2 ? "<svg>" : "", o = J;
+  for (let u = 0; u < r; u++) {
+    const l = e[u];
+    let p, m, y = -1, v = 0;
+    for (; v < l.length && (o.lastIndex = v, m = o.exec(l), m !== null); ) v = o.lastIndex, o === J ? m[1] === "!--" ? o = te : m[1] !== void 0 ? o = ee : m[2] !== void 0 ? (_e.test(m[2]) && (n = RegExp("</" + m[2], "g")), o = I) : m[3] !== void 0 && (o = I) : o === I ? m[0] === ">" ? (o = n ?? J, y = -1) : m[1] === void 0 ? y = -2 : (y = o.lastIndex - m[2].length, p = m[1], o = m[3] === void 0 ? I : m[3] === '"' ? se : re) : o === se || o === re ? o = I : o === te || o === ee ? o = J : (o = I, n = void 0);
+    const C = o === I && e[u + 1].startsWith("/>") ? " " : "";
+    i += o === J ? l + Sr : y >= 0 ? (s.push(p), l.slice(0, y) + Nt + l.slice(y) + N + C) : l + N + (y === -2 ? (s.push(void 0), u) : C);
+  }
+  return [we(e, i + (e[r] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
-class Y {
+class rt {
   constructor({ strings: t, _$litType$: r }, s) {
     let n;
     this.parts = [];
     let i = 0, o = 0;
-    const c = t.length - 1, l = this.parts, [p, y] = Ar(t, r);
-    if (this.el = Y.createElement(p, s), x.currentNode = this.el.content, r === 2) {
-      const f = this.el.content, S = f.firstChild;
-      S.remove(), f.append(...S.childNodes);
+    const u = t.length - 1, l = this.parts, [p, m] = Cr(t, r);
+    if (this.el = rt.createElement(p, s), V.currentNode = this.el.content, r === 2) {
+      const y = this.el.content, v = y.firstChild;
+      v.remove(), y.append(...v.childNodes);
     }
-    for (; (n = x.nextNode()) !== null && l.length < c; ) {
+    for (; (n = V.nextNode()) !== null && l.length < u; ) {
       if (n.nodeType === 1) {
         if (n.hasAttributes()) {
-          const f = [];
-          for (const S of n.getAttributeNames()) if (S.endsWith(St) || S.startsWith(P)) {
-            const _ = y[o++];
-            if (f.push(S), _ !== void 0) {
-              const q = n.getAttribute(_.toLowerCase() + St).split(P), L = /([.?@])?(.*)/.exec(_);
-              l.push({ type: 1, index: i, name: L[2], strings: q, ctor: L[1] === "." ? kr : L[1] === "?" ? Tr : L[1] === "@" ? xr : ut });
+          const y = [];
+          for (const v of n.getAttributeNames()) if (v.endsWith(Nt) || v.startsWith(N)) {
+            const C = m[o++];
+            if (y.push(v), C !== void 0) {
+              const O = n.getAttribute(C.toLowerCase() + Nt).split(N), M = /([.?@])?(.*)/.exec(C);
+              l.push({ type: 1, index: i, name: M[2], strings: O, ctor: M[1] === "." ? Pr : M[1] === "?" ? xr : M[1] === "@" ? kr : vt });
             } else l.push({ type: 6, index: i });
           }
-          for (const S of f) n.removeAttribute(S);
+          for (const v of y) n.removeAttribute(v);
         }
-        if (ce.test(n.tagName)) {
-          const f = n.textContent.split(P), S = f.length - 1;
-          if (S > 0) {
-            n.textContent = V ? V.emptyScript : "";
-            for (let _ = 0; _ < S; _++) n.append(f[_], K()), x.nextNode(), l.push({ type: 2, index: ++i });
-            n.append(f[S], K());
+        if (_e.test(n.tagName)) {
+          const y = n.textContent.split(N), v = y.length - 1;
+          if (v > 0) {
+            n.textContent = D ? D.emptyScript : "";
+            for (let C = 0; C < v; C++) n.append(y[C], tt()), V.nextNode(), l.push({ type: 2, index: ++i });
+            n.append(y[v], tt());
           }
         }
-      } else if (n.nodeType === 8) if (n.data === le) l.push({ type: 2, index: i });
+      } else if (n.nodeType === 8) if (n.data === be) l.push({ type: 2, index: i });
       else {
-        let f = -1;
-        for (; (f = n.data.indexOf(P, f + 1)) !== -1; ) l.push({ type: 7, index: i }), f += P.length - 1;
+        let y = -1;
+        for (; (y = n.data.indexOf(N, y + 1)) !== -1; ) l.push({ type: 7, index: i }), y += N.length - 1;
       }
       i++;
     }
   }
   static createElement(t, r) {
-    const s = M.createElement("template");
+    const s = U.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function I(e, t, r = e, s) {
-  var n, i, o, c;
-  if (t === U) return t;
+function H(e, t, r = e, s) {
+  var n, i, o, u;
+  if (t === j) return t;
   let l = s !== void 0 ? (n = r._$Co) === null || n === void 0 ? void 0 : n[s] : r._$Cl;
-  const p = J(t) ? void 0 : t._$litDirective$;
-  return l?.constructor !== p && ((i = l?._$AO) === null || i === void 0 || i.call(l, !1), p === void 0 ? l = void 0 : (l = new p(e), l._$AT(e, r, s)), s !== void 0 ? ((o = (c = r)._$Co) !== null && o !== void 0 ? o : c._$Co = [])[s] = l : r._$Cl = l), l !== void 0 && (t = I(e, l._$AS(e, t.values), l, s)), t;
+  const p = et(t) ? void 0 : t._$litDirective$;
+  return l?.constructor !== p && ((i = l?._$AO) === null || i === void 0 || i.call(l, !1), p === void 0 ? l = void 0 : (l = new p(e), l._$AT(e, r, s)), s !== void 0 ? ((o = (u = r)._$Co) !== null && o !== void 0 ? o : u._$Co = [])[s] = l : r._$Cl = l), l !== void 0 && (t = H(e, l._$AS(e, t.values), l, s)), t;
 }
-class Pr {
+class Er {
   constructor(t, r) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
   }
@@ -536,27 +485,27 @@ class Pr {
   }
   u(t) {
     var r;
-    const { el: { content: s }, parts: n } = this._$AD, i = ((r = t?.creationScope) !== null && r !== void 0 ? r : M).importNode(s, !0);
-    x.currentNode = i;
-    let o = x.nextNode(), c = 0, l = 0, p = n[0];
+    const { el: { content: s }, parts: n } = this._$AD, i = ((r = t?.creationScope) !== null && r !== void 0 ? r : U).importNode(s, !0);
+    V.currentNode = i;
+    let o = V.nextNode(), u = 0, l = 0, p = n[0];
     for (; p !== void 0; ) {
-      if (c === p.index) {
-        let y;
-        p.type === 2 ? y = new Z(o, o.nextSibling, this, t) : p.type === 1 ? y = new p.ctor(o, p.name, p.strings, this, t) : p.type === 6 && (y = new Mr(o, this, t)), this._$AV.push(y), p = n[++l];
+      if (u === p.index) {
+        let m;
+        p.type === 2 ? m = new st(o, o.nextSibling, this, t) : p.type === 1 ? m = new p.ctor(o, p.name, p.strings, this, t) : p.type === 6 && (m = new Rr(o, this, t)), this._$AV.push(m), p = n[++l];
       }
-      c !== p?.index && (o = x.nextNode(), c++);
+      u !== p?.index && (o = V.nextNode(), u++);
     }
-    return x.currentNode = M, i;
+    return V.currentNode = U, i;
   }
   v(t) {
     let r = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, r), r += s.strings.length - 2) : s._$AI(t[r])), r++;
   }
 }
-class Z {
+class st {
   constructor(t, r, s, n) {
     var i;
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = s, this.options = n, this._$Cp = (i = n?.isConnected) === null || i === void 0 || i;
+    this.type = 2, this._$AH = S, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = s, this.options = n, this._$Cp = (i = n?.isConnected) === null || i === void 0 || i;
   }
   get _$AU() {
     var t, r;
@@ -574,7 +523,7 @@ class Z {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = I(this, t, r), J(t) ? t === b || t == null || t === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : t !== this._$AH && t !== U && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : _r(t) ? this.T(t) : this._(t);
+    t = H(this, t, r), et(t) ? t === S || t == null || t === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : t !== this._$AH && t !== j && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : _r(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -583,26 +532,26 @@ class Z {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== b && J(this._$AH) ? this._$AA.nextSibling.data = t : this.$(M.createTextNode(t)), this._$AH = t;
+    this._$AH !== S && et(this._$AH) ? this._$AA.nextSibling.data = t : this.$(U.createTextNode(t)), this._$AH = t;
   }
   g(t) {
     var r;
-    const { values: s, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = Y.createElement(de(n.h, n.h[0]), this.options)), n);
+    const { values: s, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = rt.createElement(we(n.h, n.h[0]), this.options)), n);
     if (((r = this._$AH) === null || r === void 0 ? void 0 : r._$AD) === i) this._$AH.v(s);
     else {
-      const o = new Pr(i, this), c = o.u(this.options);
-      o.v(s), this.$(c), this._$AH = o;
+      const o = new Er(i, this), u = o.u(this.options);
+      o.v(s), this.$(u), this._$AH = o;
     }
   }
   _$AC(t) {
-    let r = jt.get(t.strings);
-    return r === void 0 && jt.set(t.strings, r = new Y(t)), r;
+    let r = ne.get(t.strings);
+    return r === void 0 && ne.set(t.strings, r = new rt(t)), r;
   }
   T(t) {
-    ue(this._$AH) || (this._$AH = [], this._$AR());
+    Se(this._$AH) || (this._$AH = [], this._$AR());
     const r = this._$AH;
     let s, n = 0;
-    for (const i of t) n === r.length ? r.push(s = new Z(this.k(K()), this.k(K()), this, this.options)) : s = r[n], s._$AI(i), n++;
+    for (const i of t) n === r.length ? r.push(s = new st(this.k(tt()), this.k(tt()), this, this.options)) : s = r[n], s._$AI(i), n++;
     n < r.length && (this._$AR(s && s._$AB.nextSibling, n), r.length = n);
   }
   _$AR(t = this._$AA.nextSibling, r) {
@@ -617,9 +566,9 @@ class Z {
     this._$AM === void 0 && (this._$Cp = t, (r = this._$AP) === null || r === void 0 || r.call(this, t));
   }
 }
-class ut {
+class vt {
   constructor(t, r, s, n, i) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t, this.name = r, this._$AM = n, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = b;
+    this.type = 1, this._$AH = S, this._$AN = void 0, this.element = t, this.name = r, this._$AM = n, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = S;
   }
   get tagName() {
     return this.element.tagName;
@@ -630,43 +579,43 @@ class ut {
   _$AI(t, r = this, s, n) {
     const i = this.strings;
     let o = !1;
-    if (i === void 0) t = I(this, t, r, 0), o = !J(t) || t !== this._$AH && t !== U, o && (this._$AH = t);
+    if (i === void 0) t = H(this, t, r, 0), o = !et(t) || t !== this._$AH && t !== j, o && (this._$AH = t);
     else {
-      const c = t;
+      const u = t;
       let l, p;
-      for (t = i[0], l = 0; l < i.length - 1; l++) p = I(this, c[s + l], r, l), p === U && (p = this._$AH[l]), o || (o = !J(p) || p !== this._$AH[l]), p === b ? t = b : t !== b && (t += (p ?? "") + i[l + 1]), this._$AH[l] = p;
+      for (t = i[0], l = 0; l < i.length - 1; l++) p = H(this, u[s + l], r, l), p === j && (p = this._$AH[l]), o || (o = !et(p) || p !== this._$AH[l]), p === S ? t = S : t !== S && (t += (p ?? "") + i[l + 1]), this._$AH[l] = p;
     }
     o && !n && this.j(t);
   }
   j(t) {
-    t === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === S ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class kr extends ut {
+class Pr extends vt {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === b ? void 0 : t;
+    this.element[this.name] = t === S ? void 0 : t;
   }
 }
-const Rr = V ? V.emptyScript : "";
-class Tr extends ut {
+const Ar = D ? D.emptyScript : "";
+class xr extends vt {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== b ? this.element.setAttribute(this.name, Rr) : this.element.removeAttribute(this.name);
+    t && t !== S ? this.element.setAttribute(this.name, Ar) : this.element.removeAttribute(this.name);
   }
 }
-class xr extends ut {
+class kr extends vt {
   constructor(t, r, s, n, i) {
     super(t, r, s, n, i), this.type = 5;
   }
   _$AI(t, r = this) {
     var s;
-    if ((t = (s = I(this, t, r, 0)) !== null && s !== void 0 ? s : b) === U) return;
-    const n = this._$AH, i = t === b && n !== b || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== b && (n === b || i);
+    if ((t = (s = H(this, t, r, 0)) !== null && s !== void 0 ? s : S) === j) return;
+    const n = this._$AH, i = t === S && n !== S || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== S && (n === S || i);
     i && this.element.removeEventListener(this.name, this, n), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -674,7 +623,7 @@ class xr extends ut {
     typeof this._$AH == "function" ? this._$AH.call((s = (r = this.options) === null || r === void 0 ? void 0 : r.host) !== null && s !== void 0 ? s : this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Mr {
+class Rr {
   constructor(t, r, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = s;
   }
@@ -682,18 +631,18 @@ class Mr {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    I(this, t);
+    H(this, t);
   }
 }
-const Ht = lt.litHtmlPolyfillSupport;
-Ht?.(Y, Z), ((mt = lt.litHtmlVersions) !== null && mt !== void 0 ? mt : lt.litHtmlVersions = []).push("2.8.0");
-const Lr = (e, t, r) => {
+const ie = ft.litHtmlPolyfillSupport;
+ie?.(rt, st), ((At = ft.litHtmlVersions) !== null && At !== void 0 ? At : ft.litHtmlVersions = []).push("2.8.0");
+const Mr = (e, t, r) => {
   var s, n;
   const i = (s = r?.renderBefore) !== null && s !== void 0 ? s : t;
   let o = i._$litPart$;
   if (o === void 0) {
-    const c = (n = r?.renderBefore) !== null && n !== void 0 ? n : null;
-    i._$litPart$ = o = new Z(t.insertBefore(K(), c), c, void 0, r ?? {});
+    const u = (n = r?.renderBefore) !== null && n !== void 0 ? n : null;
+    i._$litPart$ = o = new st(t.insertBefore(tt(), u), u, void 0, r ?? {});
   }
   return o._$AI(e), o;
 };
@@ -702,8 +651,8 @@ const Lr = (e, t, r) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var ft, vt;
-class G extends O {
+var kt, Rt;
+class Q extends z {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -714,7 +663,7 @@ class G extends O {
   }
   update(t) {
     const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Lr(r, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Mr(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -725,21 +674,21 @@ class G extends O {
     super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
   }
   render() {
-    return U;
+    return j;
   }
 }
-G.finalized = !0, G._$litElement$ = !0, (ft = globalThis.litElementHydrateSupport) === null || ft === void 0 || ft.call(globalThis, { LitElement: G });
-const Ft = globalThis.litElementPolyfillSupport;
-Ft?.({ LitElement: G });
-((vt = globalThis.litElementVersions) !== null && vt !== void 0 ? vt : globalThis.litElementVersions = []).push("3.3.3");
+Q.finalized = !0, Q._$litElement$ = !0, (kt = globalThis.litElementHydrateSupport) === null || kt === void 0 || kt.call(globalThis, { LitElement: Q });
+const oe = globalThis.litElementPolyfillSupport;
+oe?.({ LitElement: Q });
+((Rt = globalThis.litElementVersions) !== null && Rt !== void 0 ? Rt : globalThis.litElementVersions = []).push("3.3.3");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Nr = (e) => e ?? b, Or = /[A-ZÀ-ÖÙ-Ý]+/g, Vr = /[a-zà-öù-ý]+/g;
-function Ur(e) {
-  const t = e.replace(Or, r).match(Vr);
+const Tr = (e) => e ?? S, Nr = /[A-ZÀ-ÖÙ-Ý]+/g, Or = /[a-zà-öù-ý]+/g;
+function Lr(e) {
+  const t = e.replace(Nr, r).match(Or);
   return t ? t.join("-") : "";
   function r(s) {
     return " " + (s.length > 2 ? s.slice(0, -1) + " " + s.slice(-1) : s).toLowerCase();
@@ -755,44 +704,44 @@ function Ir() {
     }
   };
 }
-function qr(e, t) {
+function Vr(e, t) {
   const r = Ir();
   return (...s) => {
     const n = e(...s);
     return r.has(n) || r.set(n, t(...s)), r.get(n);
   };
 }
-var Br = (e) => e, pe = qr(Br, Ur), zr = (e) => (t) => e.includes(t), Dr = zr(["paymentMethod", "source", "token"]);
-async function jr(e) {
+var Ur = (e) => e, $e = Vr(Ur, Lr), qr = (e) => (t) => e.includes(t), Br = qr(["paymentMethod", "source", "token"]);
+async function zr(e) {
   const { ok: t, statusText: r } = e;
   if (!t)
     throw new Error(r);
   return e;
 }
-function Hr(e) {
+function Dr(e) {
   return "addInitializer" in e.constructor;
 }
-var W = class {
+var X = class {
   constructor(e) {
-    if (this.host = e, this.values = /* @__PURE__ */ new Map(), W.instances.has(e))
-      return W.instances.get(e);
-    e.addController(this), W.instances.set(e, this);
+    if (this.host = e, this.values = /* @__PURE__ */ new Map(), X.instances.has(e))
+      return X.instances.get(e);
+    e.addController(this), X.instances.set(e, this);
   }
   static for(e) {
-    return new W(e);
+    return new X(e);
   }
   hostConnected() {
   }
   set(e, t) {
     const r = this.values.get(e);
-    this.values.set(e, t), Hr(this.host) ? this.host.requestUpdate(e, r) : this.host.requestUpdate();
+    this.values.set(e, t), Dr(this.host) ? this.host.requestUpdate(e, r) : this.host.requestUpdate();
   }
-}, Ct = W;
-Ct.instances = /* @__PURE__ */ new Map();
+}, Vt = X;
+Vt.instances = /* @__PURE__ */ new Map();
 function d(e, t) {
   const r = e.constructor;
   r.addInitializer((s) => {
-    const n = Ct.for(s);
+    const n = Vt.for(s);
     Object.defineProperty(s.constructor.prototype, t, {
       enumerable: !0,
       configurable: !0,
@@ -809,40 +758,40 @@ function d(e, t) {
   });
 }
 d.set = function(e, t) {
-  const r = Ct.for(e);
+  const r = Vt.for(e);
   for (const [s, n] of Object.entries(t))
     r.set(s, n);
 };
-var Fr = class extends Event {
+var jr = class extends Event {
   constructor(e, t, r, s) {
     super(`${s ?? e.toLowerCase()}-changed`), this.key = e, this.oldValue = t, this.value = r, this.detail = { value: r };
   }
-}, st = class {
+}, pt = class {
   constructor(e) {
-    if (this.host = e, this.cache = /* @__PURE__ */ new Map(), st.instances.has(e))
-      return st.instances.get(e);
-    e.addController(this), st.instances.set(e, this);
+    if (this.host = e, this.cache = /* @__PURE__ */ new Map(), pt.instances.has(e))
+      return pt.instances.get(e);
+    e.addController(this), pt.instances.set(e, this);
   }
   hostUpdated() {
     for (const [e, t] of this.cache) {
       const r = this.host[e], { attribute: s } = this.host.constructor.getPropertyOptions(e) ?? {}, n = typeof s == "string" ? s : null;
-      this.cache.set(e, r), this.host.dispatchEvent(new Fr(e, t, r, n));
+      this.cache.set(e, r), this.host.dispatchEvent(new jr(e, t, r, n));
     }
   }
-}, he = st;
-he.instances = /* @__PURE__ */ new Map();
-function w(e, t) {
+}, Ce = pt;
+Ce.instances = /* @__PURE__ */ new Map();
+function A(e, t) {
   e.constructor.addInitializer((r) => {
-    new he(r).cache.set(t, r[t]);
+    new Ce(r).cache.set(t, r[t]);
   });
 }
-function Wr(e) {
+function Hr(e) {
   return (t, r, s) => {
     const n = s.value;
     return s.value = e(n), s;
   };
 }
-var Et = Wr(function(e) {
+var Ut = Hr(function(e) {
   const { name: t } = e;
   return async function(...r) {
     if (!this.stripe)
@@ -850,29 +799,29 @@ var Et = Wr(function(e) {
     return e.call(this, ...r).then(this.handleResponse);
   };
 });
-function Wt(e) {
+function ae(e) {
   if (e.error)
     throw e.error;
   return e;
 }
-var Gr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, a = (e, t, r, s) => {
-  for (var n = s > 1 ? void 0 : s ? Kr(t, r) : t, i = e.length - 1, o; i >= 0; i--)
+var Fr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, a = (e, t, r, s) => {
+  for (var n = s > 1 ? void 0 : s ? Wr(t, r) : t, i = e.length - 1, o; i >= 0; i--)
     (o = e[i]) && (n = (s ? o(t, r, n) : o(n)) || n);
-  return s && n && Gr(t, r, n), n;
-}, me = (e, t, r) => {
+  return s && n && Fr(t, r, n), n;
+}, Ee = (e, t, r) => {
   if (!t.has(e))
     throw TypeError("Cannot " + r);
-}, Gt = (e, t, r) => (me(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Kt = (e, t, r) => {
+}, le = (e, t, r) => (Ee(e, t, "read from private field"), r ? r.call(e) : t.get(e)), ce = (e, t, r) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, r);
-}, Jt = (e, t, r, s) => (me(e, t, "write to private field"), t.set(e, r), r);
-function Yt() {
+}, ue = (e, t, r, s) => (Ee(e, t, "write to private field"), t.set(e, r), r);
+function pe() {
   return (Date.now() + Math.random() * 1e3).toString(36).substr(0, 8);
 }
-var Jr = class {
+var Gr = class {
   constructor(e, t) {
-    this.host = e, this.options = t, this.initialized = !1, this.shadowHosts = [], this.host.addController(this), this.mountId = this.resetMountId(), this.slotName = this.options?.slotName ?? `breadcrumb-${Yt()}`;
+    this.host = e, this.options = t, this.initialized = !1, this.shadowHosts = [], this.host.addController(this), this.mountId = this.resetMountId(), this.slotName = this.options?.slotName ?? `breadcrumb-${pe()}`;
   }
   get mount() {
     return document.getElementById(this.mountId);
@@ -884,7 +833,7 @@ var Jr = class {
     this.destroyMountPoints();
   }
   resetMountId() {
-    return `${this.options?.mountPrefix ?? this.host.localName}-mount-point-${Yt()}`;
+    return `${this.options?.mountPrefix ?? this.host.localName}-mount-point-${pe()}`;
   }
   createMountPoint() {
     const e = document.createElement("div");
@@ -922,47 +871,47 @@ var Jr = class {
     this.destroyMountPoints(), this.initMountPoints(), this.initialized = !0;
   }
 };
-function nt(e) {
+function dt(e) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? nt = function(t) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? dt = function(t) {
     return typeof t;
-  } : nt = function(t) {
+  } : dt = function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, nt(e);
+  }, dt(e);
 }
-var ye = "https://js.stripe.com/v3", Yr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, Zt = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Zr = function() {
-  for (var t = document.querySelectorAll('script[src^="'.concat(ye, '"]')), r = 0; r < t.length; r++) {
+var Pe = "https://js.stripe.com/v3", Kr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, de = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Jr = function() {
+  for (var t = document.querySelectorAll('script[src^="'.concat(Pe, '"]')), r = 0; r < t.length; r++) {
     var s = t[r];
-    if (Yr.test(s.src))
+    if (Kr.test(s.src))
       return s;
   }
   return null;
-}, Xr = function(t) {
+}, Yr = function(t) {
   var r = t && !t.advancedFraudSignals ? "?advancedFraudSignals=false" : "", s = document.createElement("script");
-  s.src = "".concat(ye).concat(r);
+  s.src = "".concat(Pe).concat(r);
   var n = document.head || document.body;
   if (!n)
     throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
   return n.appendChild(s), s;
-}, Qr = function(t, r) {
+}, Zr = function(t, r) {
   !t || !t._registerWrapper || t._registerWrapper({
     name: "stripe-js",
     version: "1.32.0",
     startTime: r
   });
-}, et = null, ts = function(t) {
-  return et !== null || (et = new Promise(function(r, s) {
+}, ot = null, Xr = function(t) {
+  return ot !== null || (ot = new Promise(function(r, s) {
     if (typeof window > "u") {
       r(null);
       return;
     }
-    if (window.Stripe && t && console.warn(Zt), window.Stripe) {
+    if (window.Stripe && t && console.warn(de), window.Stripe) {
       r(window.Stripe);
       return;
     }
     try {
-      var n = Zr();
-      n && t ? console.warn(Zt) : n || (n = Xr(t)), n.addEventListener("load", function() {
+      var n = Jr();
+      n && t ? console.warn(de) : n || (n = Yr(t)), n.addEventListener("load", function() {
         window.Stripe ? r(window.Stripe) : s(new Error("Stripe.js not available"));
       }), n.addEventListener("error", function() {
         s(new Error("Failed to load Stripe.js"));
@@ -971,13 +920,13 @@ var ye = "https://js.stripe.com/v3", Yr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.
       s(i);
       return;
     }
-  })), et;
-}, es = function(t, r, s) {
+  })), ot;
+}, Qr = function(t, r, s) {
   if (t === null)
     return null;
   var n = t.apply(void 0, r);
-  return Qr(n, s), n;
-}, rs = function(t) {
+  return Zr(n, s), n;
+}, ts = function(t) {
   var r = `invalid load parameters; expected object of shape
     {advancedFraudSignals: boolean}
@@ -986,38 +935,38 @@ but received
     `.concat(JSON.stringify(t), `
 `);
-  if (t === null || nt(t) !== "object")
+  if (t === null || dt(t) !== "object")
     throw new Error(r);
   if (Object.keys(t).length === 1 && typeof t.advancedFraudSignals == "boolean")
     return t;
   throw new Error(r);
-}, fe, ve = !1, ge = function() {
+}, Ae, xe = !1, ke = function() {
   for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
     r[s] = arguments[s];
-  ve = !0;
+  xe = !0;
   var n = Date.now();
-  return ts(fe).then(function(i) {
-    return es(i, r, n);
+  return Xr(Ae).then(function(i) {
+    return Qr(i, r, n);
   });
 };
-ge.setLoadParameters = function(e) {
-  if (ve)
+ke.setLoadParameters = function(e) {
+  if (xe)
     throw new Error("You cannot change load parameters after calling loadStripe");
-  fe = rs(e);
+  Ae = ts(e);
 };
-var be = class extends Error {
+var Re = class extends Error {
   constructor(e, t) {
     super(`<${e}>: ${t}`), this.originalMessage = t;
   }
 };
-function Se(e) {
-  return !!e && e instanceof be;
+function Me(e) {
+  return !!e && e instanceof Re;
 }
-var ss = {
-  toAttribute: (e) => e ? Se(e) ? e.originalMessage : e.message || "" : null
-}, h = class extends G {
+var es = {
+  toAttribute: (e) => e ? Me(e) ? e.originalMessage : e.message || "" : null
+}, h = class extends Q {
   constructor() {
-    super(...arguments), this.generate = "source", this.showError = !1, this.locale = "auto", this.paymentMethod = null, this.source = null, this.token = null, this.element = null, this.elements = null, this.error = null, this.focused = !1, this.ready = !1, this.stripe = null, this.theme = "none", this.precomputedStyle = getComputedStyle(this), this.breadcrumb = new Jr(this, {
+    super(...arguments), this.generate = "source", this.showError = !1, this.locale = "auto", this.paymentMethod = null, this.source = null, this.token = null, this.element = null, this.elements = null, this.error = null, this.focused = !1, this.ready = !1, this.stripe = null, this.theme = "none", this.precomputedStyle = getComputedStyle(this), this.breadcrumb = new Gr(this, {
       slotName: `${this.constructor.is}-slot`
     });
   }
@@ -1028,8 +977,8 @@ var ss = {
     return this.breadcrumb.mount;
   }
   render() {
-    const { error: e, showError: t } = this, { slotName: r } = this.breadcrumb, s = Se(e) ? e.originalMessage : e?.message;
-    return Er`
+    const { error: e, showError: t } = this, { slotName: r } = this.breadcrumb, s = Me(e) ? e.originalMessage : e?.message;
+    return $r`
       <div id="stripe" part="stripe">
         <slot id="stripe-slot" name="${r}"></slot>
       </div>
@@ -1038,7 +987,7 @@ var ss = {
           for="stripe"
           part="error"
           ?hidden="${!t}">
-        ${Nr(s)}
+        ${Tr(s)}
       </output>
     `;
   }
@@ -1058,7 +1007,7 @@ var ss = {
     this.element?.focus();
   }
   createError(e) {
-    return new be(this.constructor.is, e);
+    return new Re(this.constructor.is, e);
   }
   errorChanged() {
     this.resetRepresentations(), this.fireError(this.error);
@@ -1093,7 +1042,7 @@ var ss = {
       d.set(this, { elements: null, element: null, stripe: null });
     else
       try {
-        const s = { stripeAccount: t, locale: r }, n = window.Stripe ? window.Stripe(e, s) : await ge(e, s), i = n?.elements();
+        const s = { stripeAccount: t, locale: r }, n = window.Stripe ? window.Stripe(e, s) : await ke(e, s), i = n?.elements();
         d.set(this, { elements: i, error: null, stripe: n });
       } catch (s) {
         console.warn(s);
@@ -1122,13 +1071,13 @@ var ss = {
   }
   async postRepresentation() {
     const e = (l) => d.set(this, { error: l }), t = (l) => this.fire("success", l), r = this.token || void 0, s = this.source || void 0, n = this.paymentMethod || void 0, i = JSON.stringify({ token: r, source: s, paymentMethod: n }), o = { "Content-Type": "application/json" };
-    return fetch(this.action, { body: i, headers: o, method: "POST" }).then(jr).then(t).catch(e);
+    return fetch(this.action, { body: i, headers: o, method: "POST" }).then(zr).then(t).catch(e);
   }
   representationChanged(e) {
-    if (!Dr(e))
+    if (!Br(e))
       return;
     const t = this[e];
-    t && (this.fire(`${pe(e)}`, t), this.action && this.postRepresentation());
+    t && (this.fire(`${$e(e)}`, t), this.action && this.postRepresentation());
   }
   resetRepresentations() {
     d.set(this, {
@@ -1139,106 +1088,106 @@ var ss = {
   }
 };
 a([
-  u({ type: String })
+  c({ type: String })
 ], h.prototype, "action", 2);
 a([
-  u({ type: String, attribute: "client-secret" })
+  c({ type: String, attribute: "client-secret" })
 ], h.prototype, "clientSecret", 2);
 a([
-  u({ type: String })
+  c({ type: String })
 ], h.prototype, "generate", 2);
 a([
-  w,
-  u({ type: String, attribute: "publishable-key", reflect: !0 })
+  A,
+  c({ type: String, attribute: "publishable-key", reflect: !0 })
 ], h.prototype, "publishableKey", 2);
 a([
-  u({ type: Boolean, attribute: "show-error", reflect: !0 })
+  c({ type: Boolean, attribute: "show-error", reflect: !0 })
 ], h.prototype, "showError", 2);
 a([
-  u({ type: String, attribute: "stripe-account" })
+  c({ type: String, attribute: "stripe-account" })
 ], h.prototype, "stripeAccount", 2);
 a([
-  u({ type: String, attribute: "locale" })
+  c({ type: String, attribute: "locale" })
 ], h.prototype, "locale", 2);
 a([
   d,
-  w,
-  u({ type: Object, attribute: "payment-method" })
+  A,
+  c({ type: Object, attribute: "payment-method" })
 ], h.prototype, "paymentMethod", 2);
 a([
   d,
-  w,
-  u({ type: Object })
+  A,
+  c({ type: Object })
 ], h.prototype, "source", 2);
 a([
   d,
-  w,
-  u({ type: Object })
+  A,
+  c({ type: Object })
 ], h.prototype, "token", 2);
 a([
   d,
-  u({ type: Object })
+  c({ type: Object })
 ], h.prototype, "element", 2);
 a([
   d,
-  u({ type: Object })
+  c({ type: Object })
 ], h.prototype, "elements", 2);
 a([
   d,
-  w,
-  u({ type: Object, reflect: !0, converter: ss })
+  A,
+  c({ type: Object, reflect: !0, converter: es })
 ], h.prototype, "error", 2);
 a([
   d,
-  w,
-  u({ type: Boolean, reflect: !0 })
+  A,
+  c({ type: Boolean, reflect: !0 })
 ], h.prototype, "focused", 2);
 a([
   d,
-  w,
-  u({ type: Boolean, reflect: !0 })
+  A,
+  c({ type: Boolean, reflect: !0 })
 ], h.prototype, "ready", 2);
 a([
   d,
-  u({ type: Object })
+  c({ type: Object })
 ], h.prototype, "stripe", 2);
 a([
-  u()
+  c()
 ], h.prototype, "theme", 2);
 a([
-  u({ attribute: "border-radius" })
+  c({ attribute: "border-radius" })
 ], h.prototype, "borderRadius", 2);
 a([
-  u({ attribute: "color-background" })
+  c({ attribute: "color-background" })
 ], h.prototype, "colorBackground", 2);
 a([
-  u({ attribute: "color-danger" })
+  c({ attribute: "color-danger" })
 ], h.prototype, "colorDanger", 2);
 a([
-  u({ attribute: "color-primary" })
+  c({ attribute: "color-primary" })
 ], h.prototype, "colorPrimary", 2);
 a([
-  u({ attribute: "color-text" })
+  c({ attribute: "color-text" })
 ], h.prototype, "colorText", 2);
 a([
-  u({ attribute: "font-family" })
+  c({ attribute: "font-family" })
 ], h.prototype, "fontFamily", 2);
 a([
-  u({ attribute: "spacing-unit" })
+  c({ attribute: "spacing-unit" })
 ], h.prototype, "spacingUnit", 2);
 a([
-  C
+  k
 ], h.prototype, "handleResponse", 1);
 a([
-  C
+  k
 ], h.prototype, "onBlur", 1);
 a([
-  C
+  k
 ], h.prototype, "onFocus", 1);
 a([
-  C
+  k
 ], h.prototype, "onReady", 1);
-var ns = _t`[hidden] {
+var rs = It`[hidden] {
   display: none !important;
 }
@@ -1253,7 +1202,7 @@ var ns = _t`[hidden] {
   padding-left: 42px;
   padding-bottom: 10px;
 }
-`, $e = ns, is = _t`:host {
+`, Te = rs, ss = It`:host {
   min-width: var(--stripe-elements-width, 300px);
   min-height: var(--stripe-elements-height, 50px);
 }
@@ -1276,7 +1225,7 @@ var ns = _t`[hidden] {
 :host([error]) #stripe {
   border-color: #fa755a;
 }
-`, os = is, Xt = [
+`, ns = ss, he = [
   "color",
   "fontFamily",
   "fontSize",
@@ -1289,7 +1238,7 @@ var ns = _t`[hidden] {
   "textDecoration",
   "textShadow",
   "textTransform"
-], as = [
+], is = [
   ":hover",
   ":focus",
   "::placeholder",
@@ -1351,22 +1300,22 @@ var ns = _t`[hidden] {
     const e = (n) => this.getCSSCustomPropertyValue(n) || void 0, t = ["base", "complete", "empty", "invalid"], r = (n) => (i, o) => {
       if (n.includes("-"))
         return i;
-      const c = o.split(":").pop();
+      const u = o.split(":").pop();
       return {
         ...i,
-        [o]: Xt.reduce(s(`${n}-${c}`), {})
+        [o]: he.reduce(s(`${n}-${u}`), {})
       };
     }, s = (n) => (i, o) => {
-      const c = `--stripe-elements-${n}-${pe(o)}`;
+      const u = `--stripe-elements-${n}-${$e(o)}`;
       return {
         ...i,
-        [o]: e(c),
-        ...as.reduce(r(n), {})
+        [o]: e(u),
+        ...is.reduce(r(n), {})
       };
     };
     return t.reduce((n, i) => ({
       ...n,
-      [i]: Xt.reduce(s(i), {})
+      [i]: he.reduce(s(i), {})
     }), {});
   }
   async initElement() {
@@ -1394,105 +1343,105 @@ var ns = _t`[hidden] {
 $.is = "stripe-elements";
 $.elementType = "card";
 $.styles = [
-  $e,
-  os
+  Te,
+  ns
 ];
 a([
-  u({ type: Boolean, attribute: "hide-icon" })
+  c({ type: Boolean, attribute: "hide-icon" })
 ], $.prototype, "hideIcon", 2);
 a([
-  u({ type: Boolean, attribute: "hide-postal-code" })
+  c({ type: Boolean, attribute: "hide-postal-code" })
 ], $.prototype, "hidePostalCode", 2);
 a([
-  u({ type: String, attribute: "icon-style" })
+  c({ type: String, attribute: "icon-style" })
 ], $.prototype, "iconStyle", 2);
 a([
-  u({ type: Object })
+  c({ type: Object })
 ], $.prototype, "value", 2);
 a([
-  w,
+  A,
   d,
-  u({ type: String })
+  c({ type: String })
 ], $.prototype, "brand", 2);
 a([
-  w,
+  A,
   d,
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], $.prototype, "complete", 2);
 a([
-  w,
+  A,
   d,
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], $.prototype, "empty", 2);
 a([
-  w,
+  A,
   d,
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], $.prototype, "invalid", 2);
 a([
-  Et
+  Ut
 ], $.prototype, "createPaymentMethod", 1);
 a([
-  Et
+  Ut
 ], $.prototype, "createSource", 1);
 a([
-  Et
+  Ut
 ], $.prototype, "createToken", 1);
 a([
-  C
+  k
 ], $.prototype, "onChange", 1);
 $ = a([
-  ie("stripe-elements")
+  fe("stripe-elements")
 ], $);
-var ls = _t`#stripe {
+var os = It`#stripe {
   box-sizing: border-box;
   min-width: var(--stripe-payment-request-element-min-width, 300px);
   padding: var(--stripe-payment-request-element-padding, 8px 12px);
   background: var(--stripe-payment-request-element-background, white);
 }
-`, us = ls;
-function cs(e) {
+`, as = os;
+function ls(e) {
   return e.tagName.toLowerCase() === "stripe-display-item";
 }
-function ds({ dataset: { amount: e, label: t, pending: r } }) {
+function cs({ dataset: { amount: e, label: t, pending: r } }) {
   return {
     label: t,
     amount: parseInt(e),
     ...r !== void 0 && { pending: r === "true" }
   };
 }
-function ps({ dataset: { amount: e, detail: t, ...r } }) {
+function us({ dataset: { amount: e, detail: t, ...r } }) {
   return {
     amount: parseInt(e),
     detail: t,
     ...r
   };
 }
-function hs(e) {
-  return cs(e) ? ds(e) : ps(e);
+function ps(e) {
+  return ls(e) ? cs(e) : us(e);
 }
-var it, ot, m = class extends h {
+var ht, mt, f = class extends h {
   constructor() {
-    super(...arguments), this.canMakePayment = null, Kt(this, it, void 0), this.paymentIntent = null, this.paymentRequest = null, this.pending = !1, Kt(this, ot, void 0), this.buttonType = "default", this.buttonTheme = "dark", this.complete = async (e, t) => {
+    super(...arguments), this.canMakePayment = null, ce(this, ht, void 0), this.paymentIntent = null, this.paymentRequest = null, this.pending = !1, ce(this, mt, void 0), this.buttonType = "default", this.buttonTheme = "dark", this.complete = async (e, t) => {
       const { error: r = null } = { ...e }, s = r || t ? "fail" : "success";
       return e.complete(s), this.fire(s, e), t ? { error: t } : e;
     };
   }
   get displayItems() {
-    const e = Gt(this, it);
+    const e = le(this, ht);
     return Array.isArray(e) ? e : this.parseDatasets("stripe-display-item");
   }
   set displayItems(e) {
     const t = this.displayItems;
-    Jt(this, it, e), this.requestUpdate("displayItems", t);
+    ue(this, ht, e), this.requestUpdate("displayItems", t);
   }
   get shippingOptions() {
-    const e = Gt(this, ot);
+    const e = le(this, mt);
     return Array.isArray(e) ? e : this.parseDatasets("stripe-shipping-option");
   }
   set shippingOptions(e) {
     const t = this.shippingOptions;
-    Jt(this, ot, e), this.requestUpdate("shippingOptions", t);
+    ue(this, mt, e), this.requestUpdate("shippingOptions", t);
   }
   reset() {
     super.reset(), d.set(this, { paymentIntent: null });
@@ -1509,7 +1458,7 @@ var it, ot, m = class extends h {
       requestShipping: n,
       requestPayerEmail: i,
       requestPayerName: o,
-      requestPayerPhone: c,
+      requestPayerPhone: u,
       label: l = "",
       amount: p = 0
     } = this;
@@ -1519,7 +1468,7 @@ var it, ot, m = class extends h {
       displayItems: r,
       requestPayerEmail: i,
       requestPayerName: o,
-      requestPayerPhone: c,
+      requestPayerPhone: u,
       requestShipping: n,
       shippingOptions: s,
       total: { label: l, amount: p }
@@ -1580,7 +1529,7 @@ var it, ot, m = class extends h {
     d.set(this, { error: t, paymentMethod: r, source: s, token: n }), this.clientSecret && !t ? this.confirmPaymentIntent(e) : this.complete(e);
   }
   async confirmPaymentIntent(e) {
-    const t = { payment_method: this.paymentMethod.id }, r = await this.confirmCardPayment(t, { handleActions: !1 }).then(({ error: i }) => this.complete(e, i)).then(Wt).then(() => this.confirmCardPayment()).then(Wt).catch((i) => ({ error: i })), { error: s = null } = r, n = r.paymentIntent ?? null;
+    const t = { payment_method: this.paymentMethod.id }, r = await this.confirmCardPayment(t, { handleActions: !1 }).then(({ error: i }) => this.complete(e, i)).then(ae).then(() => this.confirmCardPayment()).then(ae).catch((i) => ({ error: i })), { error: s = null } = r, n = r.paymentIntent ?? null;
     d.set(this, { error: s, paymentIntent: n }), await this.updateComplete;
   }
   async confirmCardPayment(e, t) {
@@ -1594,169 +1543,508 @@ var it, ot, m = class extends h {
   }
   parseDatasets(e) {
     const t = [...this.querySelectorAll(e)];
-    return t.length ? t.map(hs) : [];
+    return t.length ? t.map(ps) : [];
   }
 };
-it = /* @__PURE__ */ new WeakMap();
-ot = /* @__PURE__ */ new WeakMap();
-m.is = "stripe-payment-request";
-m.styles = [
-  $e,
-  us
+ht = /* @__PURE__ */ new WeakMap();
+mt = /* @__PURE__ */ new WeakMap();
+f.is = "stripe-payment-request";
+f.styles = [
+  Te,
+  as
 ];
 a([
-  u({ type: Number, reflect: !0 })
-], m.prototype, "amount", 2);
+  c({ type: Number, reflect: !0 })
+], f.prototype, "amount", 2);
 a([
-  w,
+  A,
   d,
-  u({ type: Boolean, attribute: "can-make-payment", reflect: !0 })
-], m.prototype, "canMakePayment", 2);
+  c({ type: Boolean, attribute: "can-make-payment", reflect: !0 })
+], f.prototype, "canMakePayment", 2);
 a([
-  u({ type: String })
-], m.prototype, "country", 2);
+  c({ type: String })
+], f.prototype, "country", 2);
 a([
-  u({ type: String })
-], m.prototype, "currency", 2);
+  c({ type: String })
+], f.prototype, "currency", 2);
 a([
-  u({ type: Array })
-], m.prototype, "displayItems", 1);
+  c({ type: Array })
+], f.prototype, "displayItems", 1);
 a([
-  u({ type: String, reflect: !0 })
-], m.prototype, "label", 2);
+  c({ type: String, reflect: !0 })
+], f.prototype, "label", 2);
 a([
-  w,
+  A,
   d,
-  u({ type: Object, attribute: "payment-intent" })
-], m.prototype, "paymentIntent", 2);
+  c({ type: Object, attribute: "payment-intent" })
+], f.prototype, "paymentIntent", 2);
 a([
   d,
-  u({ type: Object, attribute: "payment-request" })
-], m.prototype, "paymentRequest", 2);
+  c({ type: Object, attribute: "payment-request" })
+], f.prototype, "paymentRequest", 2);
 a([
-  u({ type: Boolean, reflect: !0 })
-], m.prototype, "pending", 2);
+  c({ type: Boolean, reflect: !0 })
+], f.prototype, "pending", 2);
 a([
-  u({ type: Boolean, attribute: "request-payer-email" })
-], m.prototype, "requestPayerEmail", 2);
+  c({ type: Boolean, attribute: "request-payer-email" })
+], f.prototype, "requestPayerEmail", 2);
 a([
-  u({ type: Boolean, attribute: "request-payer-name" })
-], m.prototype, "requestPayerName", 2);
+  c({ type: Boolean, attribute: "request-payer-name" })
+], f.prototype, "requestPayerName", 2);
 a([
-  u({ type: Boolean, attribute: "request-payer-phone" })
-], m.prototype, "requestPayerPhone", 2);
+  c({ type: Boolean, attribute: "request-payer-phone" })
+], f.prototype, "requestPayerPhone", 2);
 a([
-  u({ type: Boolean, attribute: "request-shipping" })
-], m.prototype, "requestShipping", 2);
+  c({ type: Boolean, attribute: "request-shipping" })
+], f.prototype, "requestShipping", 2);
 a([
-  u({ type: Array })
-], m.prototype, "shippingOptions", 1);
+  c({ type: Array })
+], f.prototype, "shippingOptions", 1);
 a([
-  u({ type: String, attribute: "button-type" })
-], m.prototype, "buttonType", 2);
+  c({ type: String, attribute: "button-type" })
+], f.prototype, "buttonType", 2);
 a([
-  u({ type: String, attribute: "button-theme" })
-], m.prototype, "buttonTheme", 2);
+  c({ type: String, attribute: "button-theme" })
+], f.prototype, "buttonTheme", 2);
 a([
-  C
-], m.prototype, "onCancel", 1);
+  k
+], f.prototype, "onCancel", 1);
 a([
-  C
-], m.prototype, "onPaymentResponse", 1);
+  k
+], f.prototype, "onPaymentResponse", 1);
 a([
-  C
-], m.prototype, "confirmPaymentIntent", 1);
+  k
+], f.prototype, "confirmPaymentIntent", 1);
 a([
-  C
-], m.prototype, "confirmCardPayment", 1);
+  k
+], f.prototype, "confirmCardPayment", 1);
 a([
-  C
-], m.prototype, "onShippingaddresschange", 1);
+  k
+], f.prototype, "onShippingaddresschange", 1);
 a([
-  C
-], m.prototype, "onShippingoptionchange", 1);
-m = a([
-  ie("stripe-payment-request")
-], m);
-const we = Re({
-  components: {
-    BFormattedAmount: Fe
-  },
-  computed: {
-    termsAndConditionsUrl() {
-      return this.t("CreditCardForm.termsURL");
+  k
+], f.prototype, "onShippingoptionchange", 1);
+f = a([
+  fe("stripe-payment-request")
+], f);
+var Ne = "basil", ds = function(t) {
+  return t === 3 ? "v3" : t;
+}, Oe = "https://js.stripe.com", hs = "".concat(Oe, "/").concat(Ne, "/stripe.js"), ms = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, ys = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
+var fs = function(t) {
+  return ms.test(t) || ys.test(t);
+}, vs = function() {
+  for (var t = document.querySelectorAll('script[src^="'.concat(Oe, '"]')), r = 0; r < t.length; r++) {
+    var s = t[r];
+    if (fs(s.src))
+      return s;
+  }
+  return null;
+}, me = function(t) {
+  var r = "", s = document.createElement("script");
+  s.src = "".concat(hs).concat(r);
+  var n = document.head || document.body;
+  if (!n)
+    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
+  return n.appendChild(s), s;
+}, gs = function(t, r) {
+  !t || !t._registerWrapper || t._registerWrapper({
+    name: "stripe-js",
+    version: "7.9.0",
+    startTime: r
+  });
+}, Y = null, at = null, lt = null, bs = function(t) {
+  return function(r) {
+    t(new Error("Failed to load Stripe.js", {
+      cause: r
+    }));
+  };
+}, Ss = function(t, r) {
+  return function() {
+    window.Stripe ? t(window.Stripe) : r(new Error("Stripe.js not available"));
+  };
+}, _s = function(t) {
+  return Y !== null ? Y : (Y = new Promise(function(r, s) {
+    if (typeof window > "u" || typeof document > "u") {
+      r(null);
+      return;
+    }
+    if (window.Stripe) {
+      r(window.Stripe);
+      return;
+    }
+    try {
+      var n = vs();
+      if (!(n && t)) {
+        if (!n)
+          n = me(t);
+        else if (n && lt !== null && at !== null) {
+          var i;
+          n.removeEventListener("load", lt), n.removeEventListener("error", at), (i = n.parentNode) === null || i === void 0 || i.removeChild(n), n = me(t);
+        }
+      }
+      lt = Ss(r, s), at = bs(s), n.addEventListener("load", lt), n.addEventListener("error", at);
+    } catch (o) {
+      s(o);
+      return;
     }
+  }), Y.catch(function(r) {
+    return Y = null, Promise.reject(r);
+  }));
+}, ws = function(t, r, s) {
+  if (t === null)
+    return null;
+  var n = r[0], i = n.match(/^pk_test/), o = ds(t.version), u = Ne;
+  i && o !== u && console.warn("Stripe.js@".concat(o, " was loaded on the page, but @stripe/stripe-js@").concat("7.9.0", " expected Stripe.js@").concat(u, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  var l = t.apply(void 0, r);
+  return gs(l, s), l;
+}, Z, Le = !1, Ie = function() {
+  return Z || (Z = _s(null).catch(function(t) {
+    return Z = null, Promise.reject(t);
+  }), Z);
+};
+Promise.resolve().then(function() {
+  return Ie();
+}).catch(function(e) {
+  Le || console.warn(e);
+});
+var $s = function() {
+  for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
+    r[s] = arguments[s];
+  Le = !0;
+  var n = Date.now();
+  return Ie().then(function(i) {
+    return ws(i, r, n);
+  });
+};
+const Cs = { class: "w-100 d-flex justify-space-between items-center" }, Es = { class: "text-caption font-weight-bold text-center my-0 text-red rounded" }, Ps = { class: "pr-3" }, As = ["disable", "locale", "publishable-key"], xs = ["innerHTML"], ks = { class: "ml-1 text-caption" }, Rs = { class: "mr-1" }, Ve = /* @__PURE__ */ We({
+  __name: "CreditCardStripeForm",
+  props: {
+    amount: {},
+    currency: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    stripeToken: {},
+    withAction: { type: Boolean },
+    withTerms: { type: Boolean }
   },
-  data: () => ({
-    error: "",
-    isTermsAccepted: !1,
-    termsError: !1
-  }),
-  methods: {
-    onCreditCardFormChange(e) {
-      this.error = "", this.$emit("change", !!e.detail.complete);
-    },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    onPaymentError(e) {
-      this.error = `${e?.error?.message} ${this.t("CreditCardForm.error")}`, this.$emit("error", this.error);
-    },
-    async onStripePayment(e) {
+  emits: ["change", "error", "payment:success"],
+  setup(e, { expose: t, emit: r }) {
+    const s = e, n = Gt({
+      prop: ct(() => s.loading)
+    }), i = Gt({
+      prop: ct(() => s.disabled)
+    }), { locale: o, t: u } = Ge(), l = B(null), p = B(!1), m = B(!1), y = B(null), v = B(null), C = r, { config: O } = Ke(), { eventBus: M } = Qe();
+    function gt(_) {
+      switch (_) {
+        case W.Production:
+          return "pk_live_x99EPirYIsCyUsRvPAfyhnRp";
+        case W.Sandbox:
+        case W.Staging:
+        case W.CiCd:
+        case W.Local:
+        default:
+          return "pk_test_wXnn2RrefTiOHB0zzxqJr0s8";
+      }
+    }
+    const F = ct(
+      () => gt(O.value.apiEnvironment)
+    );
+    function bt(_) {
+      l.value = "", C("change", !!_.detail.complete);
+    }
+    function q(_) {
+      l.value = `${_?.error?.message} - ${u("CreditCardStripeForm.error")}`, C("error", l.value);
+    }
+    async function St(_) {
       try {
-        if (!window.Stripe || this.parsedDisabled)
+        if (!window.Stripe || i.value)
           return;
-        const r = await window.Stripe(this.pk, {
-          locale: this.$i18n.locale
-        }).confirmCardPayment(this.token, {
+        const E = window.Stripe(F.value, {
+          locale: Xe(o.value)
+        });
+        p.value = !0;
+        const nt = await E.confirmCardPayment(s.stripeToken, {
           // eslint-disable-next-line camelcase
-          payment_method: e.detail.id
+          payment_method: _.detail.id
         });
-        r.error ? this.onPaymentError(r) : this.withAction ? this.$eventBus.$emit(Le.PaymentSuccess) : this.$emit("success");
-      } catch (t) {
-        this.onPaymentError(t);
+        nt.error ? q(nt.error) : s.withAction ? M.$emit(Dt.PaymentSuccess) : C(Dt.PaymentSuccess);
+      } catch (E) {
+        q(E);
       }
-    },
-    pay() {
+    }
+    function qt() {
       try {
-        if (!this.$refs.payment || this.withTerms && !this.isTermsAccepted)
-          return;
-        this.$refs.payment.submit();
-      } catch (e) {
-        this.onPaymentError(e);
+        return !v.value || s.withTerms && !m.value ? null : v.value.submit();
+      } catch (_) {
+        return q(_), null;
       }
     }
-  },
-  mixins: [
-    kt({
-      fallbackValue: !1,
-      propsName: "loading"
-    }),
-    kt({
-      fallbackValue: !1,
-      propsName: "disabled"
-    })
-  ],
-  name: "CreditCardForm",
-  props: nr,
-  setup() {
-    const { t: e } = Te(), { config: t } = xe(), r = te(
-      () => sr(t.value.apiEnvironment)
-    ), s = At(!1), n = At(null);
-    return Me(async () => {
-      n.value = await fr(r.value), s.value = !0;
-    }), {
-      pk: r,
-      stripeLoaded: s,
-      t: e
-    };
+    return Je(async () => {
+      y.value = await $s(F.value);
+    }), t({
+      pay: qt
+    }), (_, E) => (P(), x(Ft, {
+      disabled: w(i),
+      elevation: "0",
+      border: "",
+      style: Ye({
+        borderColor: w(i) ? "" : "rgb(var(--v-theme-primary))"
+      })
+    }, {
+      default: g(() => [
+        b(er, {
+          class: "text-white",
+          color: "primary",
+          density: "compact",
+          elevation: "0"
+        }, {
+          default: g(() => [
+            R("div", Cs, [
+              R("h4", null, [
+                b($t, {
+                  color: "white",
+                  start: "",
+                  size: "small"
+                }, {
+                  default: g(() => [...E[2] || (E[2] = [
+                    it(" fas fa-credit-card ", -1)
+                  ])]),
+                  _: 1
+                }),
+                it(" " + T(w(u)("CreditCardStripeForm.title")) + ": ", 1),
+                w(n) ? (P(), x(or, {
+                  key: 0,
+                  class: "ml-2",
+                  color: "primary",
+                  indeterminate: "",
+                  size: "20",
+                  width: "1"
+                })) : (P(), x(Wt, {
+                  key: 1,
+                  amount: _.amount,
+                  class: "font-weight-bold",
+                  currency: _.currency
+                }, null, 8, ["amount", "currency"]))
+              ]),
+              b($t, {
+                color: "white",
+                end: "",
+                size: "small"
+              }, {
+                default: g(() => [...E[3] || (E[3] = [
+                  it(" fas fa-lock ", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        b(ur, null, {
+          default: g(() => [
+            b(G, null, {
+              default: g(() => [
+                b(L, null, {
+                  default: g(() => [
+                    l.value ? (P(), x(ar, {
+                      key: 0,
+                      color: "red",
+                      density: "compact",
+                      variant: "outlined"
+                    }, {
+                      default: g(() => [
+                        R("p", Es, T(w(u)("CreditCardStripeForm.paymentDeclined")) + ": " + T(l.value), 1)
+                      ]),
+                      _: 1
+                    })) : _t("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            b(G, {
+              class: "d-none d-sm-flex",
+              "no-gutters": ""
+            }, {
+              default: g(() => [
+                b(L, { cols: "8" }, {
+                  default: g(() => [
+                    R("small", null, T(w(u)("CreditCardStripeForm.cardNumber")), 1)
+                  ]),
+                  _: 1
+                }),
+                b(L, {
+                  class: "text-right pr-6",
+                  cols: "4"
+                }, {
+                  default: g(() => [
+                    R("small", Ps, T(w(u)("CreditCardStripeForm.expDate")), 1),
+                    R("small", null, T(w(u)("CreditCardStripeForm.cvc")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            b(G, { "no-gutters": "" }, {
+              default: g(() => [
+                b(L, null, {
+                  default: g(() => [
+                    b(Ft, {
+                      elevation: "0",
+                      border: ""
+                    }, {
+                      default: g(() => [
+                        y.value ? (P(), wt("stripe-elements", {
+                          key: 0,
+                          disable: w(n),
+                          ref_key: "payment",
+                          ref: v,
+                          generate: "payment-method",
+                          "hide-postal-code": "",
+                          locale: w(o),
+                          "publishable-key": F.value,
+                          onChange: bt,
+                          onError: q,
+                          onPaymentMethod: St
+                        }, null, 40, As)) : (P(), x(K, {
+                          key: 1,
+                          class: "mx-auto",
+                          height: "36.8px",
+                          type: "image",
+                          width: "100%"
+                        }))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            _.withTerms ? (P(), x(G, {
+              key: 0,
+              class: "mt-2"
+            }, {
+              default: g(() => [
+                b(L, null, {
+                  default: g(() => [
+                    w(n) ? (P(), x(K, {
+                      key: 0,
+                      class: "mt-3",
+                      height: "25px",
+                      type: "image",
+                      width: "50%"
+                    })) : (P(), x(mr, {
+                      key: 1,
+                      ref: "testing",
+                      modelValue: m.value,
+                      "onUpdate:modelValue": E[1] || (E[1] = (nt) => m.value = nt)
+                    }, {
+                      label: g(() => [
+                        R("span", {
+                          onClick: E[0] || (E[0] = Ze(() => {
+                          }, ["stop"])),
+                          innerHTML: w(u)("CreditCardStripeForm.termsAndConditions", {
+                            url: w(u)("CreditCardStripeForm.termsURL")
+                          })
+                        }, null, 8, xs)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : _t("", !0),
+            b(G, null, {
+              default: g(() => [
+                b(L, { class: "v-col-12 v-col-sm-8 v-col-md-9" }, {
+                  default: g(() => [
+                    w(n) ? (P(), wt(zt, { key: 0 }, [
+                      b(K, {
+                        height: "10px",
+                        type: "image",
+                        width: "160px"
+                      }),
+                      b(K, {
+                        height: "38px",
+                        type: "image",
+                        width: "240px"
+                      })
+                    ], 64)) : (P(), wt(zt, { key: 1 }, [
+                      R("small", ks, T(w(u)("CreditCardStripeForm.acceptedPaymentMethods")), 1),
+                      b(lr, {
+                        class: "mb-n1",
+                        height: "45",
+                        src: "https://revolugo.s3.eu-west-3.amazonaws.com/payment-methods.png",
+                        width: "240"
+                      })
+                    ], 64))
+                  ]),
+                  _: 1
+                }),
+                _.withAction ? (P(), x(L, {
+                  key: 0,
+                  class: "v-col-12 v-col-sm-4 v-col-md-3 text-right align-self-end"
+                }, {
+                  default: g(() => [
+                    w(n) ? (P(), x(K, {
+                      key: 0,
+                      class: "w-100 align-self-end",
+                      height: "36px",
+                      type: "image",
+                      width: "170px"
+                    })) : (P(), x(cr, {
+                      key: 1,
+                      class: "w-100 w-sm-auto align-self-end",
+                      color: "primary",
+                      loading: p.value,
+                      variant: "flat",
+                      disabled: w(i) || _.withTerms && !m.value,
+                      onClick: qt
+                    }, {
+                      default: g(() => [
+                        b($t, { start: "" }, {
+                          default: g(() => [...E[4] || (E[4] = [
+                            it(" fas fa-lock ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        R("span", Rs, T(w(u)("CreditCardStripeForm.payNow")), 1),
+                        b(Wt, {
+                          amount: _.amount,
+                          class: "font-weight-bold",
+                          currency: _.currency
+                        }, null, 8, ["amount", "currency"])
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "disabled"]))
+                  ]),
+                  _: 1
+                })) : _t("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["disabled", "style"]));
   }
 });
-function Qt(e) {
+function ye(e) {
   const t = e;
   t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
     resource: {
       "en-US": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Payment Methods Accepted:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Card number" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please, use another payment method" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "or" } },
@@ -1765,14 +2053,15 @@ function Qt(e) {
           pay: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Total price to pay" } },
           payByCard: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Amount to pay by card" } },
           paymentDeclined: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Payment declined" } },
-          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Total to Pay with your credit card" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Total to pay with your credit card" } },
           payNow: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Pay now" } },
           termsURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "https://revolugo.s3.amazonaws.com/legal/cgv_revolugo.pdf" } },
           termsAndConditions: { t: 0, b: { t: 2, i: [{ t: 3, v: 'By continuing with your reservation you agree to the terms and conditions: <b><a href="' }, { t: 4, k: "url" }, { t: 3, v: '" target="_blank">Click here to read it</a></b>' }] } }
         }
       },
       "fr-FR": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moyens de Paiement Acceptés:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Numéro de carte bancaire" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez utiliser un autre moyen de paiement." } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "ou" } },
@@ -1788,7 +2077,8 @@ function Qt(e) {
         }
       },
       "de-DE": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zahlungsmethoden:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kartennummer" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte verwenden Sie eine andere Zahlungsmethode" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "oder" } },
@@ -1804,7 +2094,8 @@ function Qt(e) {
         }
       },
       "es-ES": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Métodos de Pago:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Número de tarjeta" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, utilice otro método de pago" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "o" } },
@@ -1820,7 +2111,8 @@ function Qt(e) {
         }
       },
       "it-IT": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Metodi di Pagamento:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Numero di carta" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Si prega di utilizzare un altro metodo di pagamento" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "o" } },
@@ -1836,7 +2128,8 @@ function Qt(e) {
         }
       },
       "nl-NL": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Betaalmethoden:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kaartnummer" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Gebruik alstublieft een andere betaalmethode" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "of" } },
@@ -1852,7 +2145,8 @@ function Qt(e) {
         }
       },
       "pt-PT": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Métodos de Pagamento:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Número do cartão" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, utilize outro método de pagamento" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "ou" } },
@@ -1870,290 +2164,13 @@ function Qt(e) {
     }
   });
 }
-const ms = Oe({
-  ...rr(),
-  ...qe(Ze(), ["inline"])
-}, "VCheckbox"), ys = Ne()({
-  name: "VCheckbox",
-  inheritAttrs: !1,
-  props: ms(),
-  emits: {
-    "update:modelValue": (e) => !0,
-    "update:focused": (e) => !0
-  },
-  setup(e, t) {
-    let {
-      attrs: r,
-      slots: s
-    } = t;
-    const n = Ve(e, "modelValue"), {
-      isFocused: i,
-      focus: o,
-      blur: c
-    } = er(e), l = Ue(), p = te(() => e.id || `checkbox-${l}`);
-    return We(() => {
-      const [y, f] = Ie(r), S = xt.filterProps(e), _ = Rt.filterProps(e);
-      return g(xt, Pt({
-        class: ["v-checkbox", e.class]
-      }, y, S, {
-        modelValue: n.value,
-        "onUpdate:modelValue": (q) => n.value = q,
-        id: p.value,
-        focused: i.value,
-        style: e.style
-      }), {
-        ...s,
-        default: (q) => {
-          let {
-            id: L,
-            messagesId: _e,
-            isDisabled: Ce,
-            isReadonly: Ee,
-            isValid: Ae
-          } = q;
-          return g(Rt, Pt(_, {
-            id: L.value,
-            "aria-describedby": _e.value,
-            disabled: Ce.value,
-            readonly: Ee.value
-          }, f, {
-            error: Ae.value === !1,
-            modelValue: n.value,
-            "onUpdate:modelValue": (Pe) => n.value = Pe,
-            onFocus: o,
-            onBlur: c
-          }), s);
-        }
-      });
-    }), {};
-  }
-}), fs = { class: "w-100 d-flex justify-space-between items-center" }, vs = { class: "text-caption font-weight-bold text-center my-0 text-red rounded" }, gs = { class: "pr-3" }, bs = ["locale", "publishable-key"], Ss = ["innerHTML"], $s = { class: "mr-1" };
-function ws(e, t, r, s, n, i) {
-  const o = Be("BFormattedAmount");
-  return A(), k(Tt, {
-    disabled: e.parsedDisabled,
-    elevation: "0",
-    border: "",
-    style: He({
-      borderColor: e.parsedDisabled ? null : "rgb(var(--v-theme-primary))"
-    })
-  }, {
-    default: v(() => [
-      g(Ye, {
-        class: "text-white",
-        color: "primary",
-        density: "compact",
-        elevation: "0"
-      }, {
-        default: v(() => [
-          E("div", fs, [
-            E("h4", null, [
-              g(ct, {
-                color: "white",
-                start: "",
-                size: "small"
-              }, {
-                default: v(() => t[5] || (t[5] = [
-                  X(" fas fa-credit-card ")
-                ])),
-                _: 1,
-                __: [5]
-              }),
-              X(" " + R(e.t("CreditCardForm.title")) + ": ", 1),
-              e.parsedLoading ? (A(), k(Ke, {
-                key: 0,
-                class: "ml-2",
-                color: "primary",
-                indeterminate: "",
-                size: "20",
-                width: "1"
-              })) : (A(), k(o, {
-                key: 1,
-                amount: e.amount,
-                class: "font-weight-bold",
-                currency: e.currency
-              }, null, 8, ["amount", "currency"]))
-            ]),
-            g(ct, {
-              color: "white",
-              end: "",
-              size: "small"
-            }, {
-              default: v(() => t[6] || (t[6] = [
-                X(" fas fa-lock ")
-              ])),
-              _: 1,
-              __: [6]
-            })
-          ])
-        ]),
-        _: 1
-      }),
-      g(Qe, null, {
-        default: v(() => [
-          g(D, null, {
-            default: v(() => [
-              g(N, null, {
-                default: v(() => [
-                  e.error ? (A(), k(Xe, {
-                    key: 0,
-                    color: "red",
-                    density: "compact",
-                    variant: "outlined"
-                  }, {
-                    default: v(() => [
-                      E("p", vs, R(e.t("CreditCardForm.paymentDeclined")) + ": " + R(e.error), 1)
-                    ]),
-                    _: 1
-                  })) : z("", !0)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          g(D, {
-            class: "d-none d-sm-flex",
-            "no-gutters": ""
-          }, {
-            default: v(() => [
-              g(N, { cols: "8" }, {
-                default: v(() => [
-                  E("small", null, R(e.t("CreditCardForm.cardNumber")), 1)
-                ]),
-                _: 1
-              }),
-              g(N, {
-                class: "text-right pr-6",
-                cols: "4"
-              }, {
-                default: v(() => [
-                  E("small", gs, R(e.t("CreditCardForm.expDate")), 1),
-                  E("small", null, R(e.t("CreditCardForm.cvc")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          g(D, { "no-gutters": "" }, {
-            default: v(() => [
-              g(N, null, {
-                default: v(() => [
-                  g(Tt, {
-                    elevation: "0",
-                    border: ""
-                  }, {
-                    default: v(() => [
-                      e.stripeLoaded ? (A(), ze("stripe-elements", {
-                        key: 0,
-                        ref: "payment",
-                        class: De({
-                          "d-none": e.parsedLoading
-                        }),
-                        generate: "payment-method",
-                        "hide-postal-code": "",
-                        locale: e.$i18n.locale,
-                        "publishable-key": e.pk,
-                        onChange: t[0] || (t[0] = (...c) => e.onCreditCardFormChange && e.onCreditCardFormChange(...c)),
-                        onError: t[1] || (t[1] = (...c) => e.onPaymentError && e.onPaymentError(...c)),
-                        onPaymentMethod: t[2] || (t[2] = (...c) => e.onStripePayment && e.onStripePayment(...c))
-                      }, null, 42, bs)) : z("", !0),
-                      e.parsedLoading ? (A(), k(tr, {
-                        key: 1,
-                        class: "mx-auto",
-                        height: "36.8px",
-                        type: "image",
-                        width: "100%"
-                      })) : z("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          e.withTerms ? (A(), k(D, {
-            key: 0,
-            class: "mt-2"
-          }, {
-            default: v(() => [
-              g(N, null, {
-                default: v(() => [
-                  g(ys, {
-                    ref: "testing",
-                    modelValue: e.isTermsAccepted,
-                    "onUpdate:modelValue": t[4] || (t[4] = (c) => e.isTermsAccepted = c),
-                    class: "mt-0",
-                    error: e.termsError && !e.isTermsAccepted
-                  }, {
-                    label: v(() => [
-                      E("span", {
-                        onClick: t[3] || (t[3] = je(() => {
-                        }, ["stop"])),
-                        innerHTML: e.t("CreditCardForm.termsAndConditions", {
-                          url: e.termsAndConditionsUrl
-                        })
-                      }, null, 8, Ss)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "error"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0),
-          e.withAction ? (A(), k(D, { key: 1 }, {
-            default: v(() => [
-              g(N, { class: "d-flex justify-end flex-column flex-sm-row mb-1 align-center mt-4 mt-sm-0" }, {
-                default: v(() => [
-                  g(Je, {
-                    class: "w-100 w-sm-auto",
-                    color: "primary",
-                    variant: "flat",
-                    disabled: e.parsedDisabled || e.withTerms && !e.isTermsAccepted,
-                    loading: e.parsedLoading,
-                    onClick: e.pay
-                  }, {
-                    default: v(() => [
-                      g(ct, { start: "" }, {
-                        default: v(() => t[7] || (t[7] = [
-                          X(" fas fa-lock ")
-                        ])),
-                        _: 1,
-                        __: [7]
-                      }),
-                      E("span", $s, R(e.t("CreditCardForm.payNow")), 1),
-                      g(o, {
-                        amount: e.amount,
-                        class: "font-weight-bold",
-                        currency: e.currency
-                      }, null, 8, ["amount", "currency"])
-                    ]),
-                    _: 1
-                  }, 8, ["disabled", "loading", "onClick"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["disabled", "style"]);
-}
-typeof Qt == "function" && Qt(we);
-const Vs = /* @__PURE__ */ Ge(we, [["render", ws], ["__scopeId", "data-v-c250e58b"]]);
-ke("css/revolugo.creditcardform.fTmPR0fS.css");
+typeof ye == "function" && ye(Ve);
+const Is = /* @__PURE__ */ pr(Ve, [["__scopeId", "data-v-15d3def0"]]);
+Ue("css/revolugo.creditcardstripeform.C4-vMajR.css");
 export {
-  Vs as C,
-  ys as V,
-  nr as c
+  Is as C,
+  mr as V,
+  dr as p,
+  Gt as u
 };
-//# sourceMappingURL=revolugo.creditcardform.C1Y8cuiJ.min.js.map
+//# sourceMappingURL=revolugo.creditcardstripeform.hPOL0GxK.min.js.map