@revolugo/elements 5.5.1-beta.4 → 5.5.1-beta.5

package/dist/revolugo.creditcardform.Bu6_7ofn.min.js

@@ -0,0 +1,2049 @@
+import { E as Ce } from "./revolugo.revolugo-config.CYwmIqDC.min.js";
+import { E as xe, V as Pe } from "./revolugo.i18n.BIDah4Hr.min.js";
+import { B as Te } from "./revolugo.bformattedamount.Dc8LzYGF.min.js";
+import { l as Re, n as Me, _ as D, a as k } from "./revolugo.webcomponentwrapper.B_LKAOR9.min.js";
+import { _ as ke } from "./revolugo.valert.CMZED-c0.min.js";
+import { S as Oe } from "./revolugo.index.CpYsLCUP.min.js";
+import { _ as Q } from "./revolugo.index.xbcOdM2R.min.js";
+import { V as Ne } from "./revolugo.vinput.CvIrgPFc.min.js";
+import { _ as Pt } from "./revolugo.vcard.DHZXDqHw.min.js";
+import { _ as Ie } from "./revolugo.vtoolbar.DwKf2KKn.min.js";
+import { a as He, _ as Ue } from "./revolugo.vbtn.D9xoQSTX.min.js";
+import { V as qe } from "./revolugo.index.Ce9_ljIe.min.js";
+import { _ as Le } from "./revolugo.vskeletonloader.U6iWK-eN.min.js";
+function Ee(s) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, e = t.slice(0, t.lastIndexOf("/") + 1) + s;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(e);
+      for (const i of REVOLUGO_ELEMENTS_STYLES.components)
+        i(e);
+      if (s.indexOf("fonts") >= 0) {
+        const i = document.createElement("link");
+        i.rel = "stylesheet", linK.href = e, document.head.appendChild(i);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const Be = Oe.extend({
+  name: "v-checkbox",
+  props: {
+    indeterminate: Boolean,
+    indeterminateIcon: {
+      type: String,
+      default: "$checkboxIndeterminate"
+    },
+    offIcon: {
+      type: String,
+      default: "$checkboxOff"
+    },
+    onIcon: {
+      type: String,
+      default: "$checkboxOn"
+    }
+  },
+  data() {
+    return {
+      inputIndeterminate: this.indeterminate
+    };
+  },
+  computed: {
+    classes() {
+      return {
+        ...Ne.options.computed.classes.call(this),
+        "v-input--selection-controls": !0,
+        "v-input--checkbox": !0,
+        "v-input--indeterminate": this.inputIndeterminate
+      };
+    },
+    computedIcon() {
+      return this.inputIndeterminate ? this.indeterminateIcon : this.isActive ? this.onIcon : this.offIcon;
+    },
+    // Do not return undefined if disabled,
+    // according to spec, should still show
+    // a color when disabled and active
+    validationState() {
+      if (!(this.isDisabled && !this.inputIndeterminate)) {
+        if (this.hasError && this.shouldValidate)
+          return "error";
+        if (this.hasSuccess)
+          return "success";
+        if (this.hasColor !== null)
+          return this.computedColor;
+      }
+    }
+  },
+  watch: {
+    indeterminate(s) {
+      this.$nextTick(() => this.inputIndeterminate = s);
+    },
+    inputIndeterminate(s) {
+      this.$emit("update:indeterminate", s);
+    },
+    isActive() {
+      this.indeterminate && (this.inputIndeterminate = !1);
+    }
+  },
+  methods: {
+    genCheckbox() {
+      const {
+        title: s,
+        ...t
+      } = this.attrs$;
+      return this.$createElement("div", {
+        staticClass: "v-input--selection-controls__input"
+      }, [this.$createElement(Q, this.setTextColor(this.validationState, {
+        props: {
+          dense: this.dense,
+          dark: this.dark,
+          light: this.light
+        }
+      }), this.computedIcon), this.genInput("checkbox", {
+        ...t,
+        "aria-checked": this.inputIndeterminate ? "mixed" : this.isActive.toString()
+      }), this.genRipple(this.setTextColor(this.rippleState))]);
+    },
+    genDefaultSlot() {
+      return [this.genCheckbox(), this.genLabel()];
+    }
+  }
+}), De = {
+  amount: { type: Number },
+  currency: { type: String },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  token: { type: String },
+  withAction: {
+    type: Boolean,
+    default: !1
+  },
+  withTerms: {
+    type: Boolean,
+    default: !1
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const se = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(s, t) : ((e, i) => {
+  const { kind: n, elements: r } = i;
+  return { kind: n, elements: r, finisher(o) {
+    customElements.define(e, o);
+  } };
+})(s, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const je = (s, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
+  e.createProperty(t.key, s);
+} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(e) {
+  e.createProperty(t.key, s);
+} }, Ve = (s, t, e) => {
+  t.constructor.createProperty(e, s);
+};
+function u(s) {
+  return (t, e) => e !== void 0 ? Ve(s, t, e) : je(s, t);
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var pt;
+((pt = window.HTMLSlotElement) === null || pt === void 0 ? void 0 : pt.prototype.assignedElements) != null;
+var Tt = !0;
+function S(s, t, e) {
+  if (typeof (e == null ? void 0 : e.value) != "function")
+    throw new TypeError(`Only methods can be decorated with @bound. <${t ?? s.name}> is not a method!`);
+  return {
+    configurable: Tt,
+    get() {
+      const i = e.value.bind(this);
+      return Object.defineProperty(this, t, { value: i, configurable: Tt, writable: !0 }), i;
+    }
+  };
+}
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const tt = window, St = tt.ShadowRoot && (tt.ShadyCSS === void 0 || tt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, wt = Symbol(), Rt = /* @__PURE__ */ new WeakMap();
+let ie = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== wt)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (St && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = Rt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Rt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const ze = (s) => new ie(typeof s == "string" ? s : s + "", void 0, wt), Et = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((i, n, r) => i + ((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) + s[r + 1], s[0]);
+  return new ie(e, s, wt);
+}, Fe = (s, t) => {
+  St ? s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+    const i = document.createElement("style"), n = tt.litNonce;
+    n !== void 0 && i.setAttribute("nonce", n), i.textContent = e.cssText, s.appendChild(i);
+  });
+}, Mt = St ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules)
+    e += i.cssText;
+  return ze(e);
+})(s) : s;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var ut;
+const rt = window, kt = rt.trustedTypes, We = kt ? kt.emptyScript : "", Ot = rt.reactiveElementPolyfillSupport, _t = { toAttribute(s, t) {
+  switch (t) {
+    case Boolean:
+      s = s ? We : null;
+      break;
+    case Object:
+    case Array:
+      s = s == null ? s : JSON.stringify(s);
+  }
+  return s;
+}, fromAttribute(s, t) {
+  let e = s;
+  switch (t) {
+    case Boolean:
+      e = s !== null;
+      break;
+    case Number:
+      e = s === null ? null : Number(s);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(s);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, ne = (s, t) => t !== s && (t == t || s == s), dt = { attribute: !0, type: String, converter: _t, reflect: !1, hasChanged: ne }, gt = "finalized";
+let O = class extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
+  }
+  static addInitializer(t) {
+    var e;
+    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach((e, i) => {
+      const n = this._$Ep(i, e);
+      n !== void 0 && (this._$Ev.set(n, i), t.push(n));
+    }), t;
+  }
+  static createProperty(t, e = dt) {
+    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const i = typeof t == "symbol" ? Symbol() : "__" + t, n = this.getPropertyDescriptor(t, i, e);
+      n !== void 0 && Object.defineProperty(this.prototype, t, n);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    return { get() {
+      return this[e];
+    }, set(n) {
+      const r = this[t];
+      this[e] = n, this.requestUpdate(t, r, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || dt;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(gt))
+      return !1;
+    this[gt] = !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 e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
+      for (const n of i)
+        this.createProperty(n, e[n]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const n of i)
+        e.unshift(Mt(n));
+    } else
+      t !== void 0 && e.push(Mt(t));
+    return e;
+  }
+  static _$Ep(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  _$Eu() {
+    var t;
+    this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e, i;
+    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t, e) => {
+      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
+    });
+  }
+  createRenderRoot() {
+    var t;
+    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return Fe(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostConnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostDisconnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$EO(t, e, i = dt) {
+    var n;
+    const r = this.constructor._$Ep(t, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const o = (((n = i.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? i.converter : _t).toAttribute(e, i.type);
+      this._$El = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$El = null;
+    }
+  }
+  _$AK(t, e) {
+    var i;
+    const n = this.constructor, r = n._$Ev.get(t);
+    if (r !== void 0 && this._$El !== r) {
+      const o = n.getPropertyOptions(r), p = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : _t;
+      this._$El = r, this[r] = p.fromAttribute(e, o.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, e, i) {
+    let n = !0;
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || ne)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending)
+      return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach((n, r) => this[r] = n), this._$Ei = void 0);
+    let e = !1;
+    const i = this._$AL;
+    try {
+      e = this.shouldUpdate(i), e ? (this.willUpdate(i), (t = this._$ES) === null || t === void 0 || t.forEach((n) => {
+        var r;
+        return (r = n.hostUpdate) === null || r === void 0 ? void 0 : r.call(n);
+      }), this.update(i)) : this._$Ek();
+    } catch (n) {
+      throw e = !1, this._$Ek(), n;
+    }
+    e && this._$AE(i);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
+      var n;
+      return (n = i.hostUpdated) === null || n === void 0 ? void 0 : n.call(i);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach((e, i) => this._$EO(i, this[i], e)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+O[gt] = !0, O.elementProperties = /* @__PURE__ */ new Map(), O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, Ot == null || Ot({ ReactiveElement: O }), ((ut = rt.reactiveElementVersions) !== null && ut !== void 0 ? ut : rt.reactiveElementVersions = []).push("1.6.3");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var mt;
+const ot = window, I = ot.trustedTypes, Nt = I ? I.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, E = `lit$${(Math.random() + "").slice(9)}$`, re = "?" + E, Ge = `<${re}>`, H = document, at = (s = "") => H.createComment(s), W = (s) => s === null || typeof s != "object" && typeof s != "function", oe = Array.isArray, Ye = (s) => oe(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, It = /-->/g, Ht = />/g, x = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ut = /'/g, qt = /"/g, ae = /^(?:script|style|textarea|title)$/i, G = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Lt = /* @__PURE__ */ new WeakMap(), N = H.createTreeWalker(H, 129, null, !1), Ke = (s, t) => {
+  const e = s.length - 1, i = [];
+  let n, r = t === 2 ? "<svg>" : "", o = j;
+  for (let a = 0; a < e; a++) {
+    const l = s[a];
+    let y, c, d = -1, $ = 0;
+    for (; $ < l.length && (o.lastIndex = $, c = o.exec(l), c !== null); )
+      $ = o.lastIndex, o === j ? c[1] === "!--" ? o = It : c[1] !== void 0 ? o = Ht : c[2] !== void 0 ? (ae.test(c[2]) && (n = RegExp("</" + c[2], "g")), o = x) : c[3] !== void 0 && (o = x) : o === x ? c[0] === ">" ? (o = n ?? j, d = -1) : c[1] === void 0 ? d = -2 : (d = o.lastIndex - c[2].length, y = c[1], o = c[3] === void 0 ? x : c[3] === '"' ? qt : Ut) : o === qt || o === Ut ? o = x : o === It || o === Ht ? o = j : (o = x, n = void 0);
+    const M = o === x && s[a + 1].startsWith("/>") ? " " : "";
+    r += o === j ? l + Ge : d >= 0 ? (i.push(y), l.slice(0, d) + "$lit$" + l.slice(d) + E + M) : l + E + (d === -2 ? (i.push(void 0), a) : M);
+  }
+  const p = r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [Nt !== void 0 ? Nt.createHTML(p) : p, i];
+};
+let At = class le {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let n;
+    this.parts = [];
+    let r = 0, o = 0;
+    const p = t.length - 1, a = this.parts, [l, y] = Ke(t, e);
+    if (this.el = le.createElement(l, i), N.currentNode = this.el.content, e === 2) {
+      const c = this.el.content, d = c.firstChild;
+      d.remove(), c.append(...d.childNodes);
+    }
+    for (; (n = N.nextNode()) !== null && a.length < p; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes()) {
+          const c = [];
+          for (const d of n.getAttributeNames())
+            if (d.endsWith("$lit$") || d.startsWith(E)) {
+              const $ = y[o++];
+              if (c.push(d), $ !== void 0) {
+                const M = n.getAttribute($.toLowerCase() + "$lit$").split(E), w = /([.?@])?(.*)/.exec($);
+                a.push({ type: 1, index: r, name: w[2], strings: M, ctor: w[1] === "." ? Je : w[1] === "?" ? Qe : w[1] === "@" ? ts : ht });
+              } else
+                a.push({ type: 6, index: r });
+            }
+          for (const d of c)
+            n.removeAttribute(d);
+        }
+        if (ae.test(n.tagName)) {
+          const c = n.textContent.split(E), d = c.length - 1;
+          if (d > 0) {
+            n.textContent = I ? I.emptyScript : "";
+            for (let $ = 0; $ < d; $++)
+              n.append(c[$], at()), N.nextNode(), a.push({ type: 2, index: ++r });
+            n.append(c[d], at());
+          }
+        }
+      } else if (n.nodeType === 8)
+        if (n.data === re)
+          a.push({ type: 2, index: r });
+        else {
+          let c = -1;
+          for (; (c = n.data.indexOf(E, c + 1)) !== -1; )
+            a.push({ type: 7, index: r }), c += E.length - 1;
+        }
+      r++;
+    }
+  }
+  static createElement(t, e) {
+    const i = H.createElement("template");
+    return i.innerHTML = t, i;
+  }
+};
+function U(s, t, e = s, i) {
+  var n, r, o, p;
+  if (t === G)
+    return t;
+  let a = i !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[i] : e._$Cl;
+  const l = W(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== l && ((r = a == null ? void 0 : a._$AO) === null || r === void 0 || r.call(a, !1), l === void 0 ? a = void 0 : (a = new l(s), a._$AT(s, e, i)), i !== void 0 ? ((o = (p = e)._$Co) !== null && o !== void 0 ? o : p._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = U(s, a._$AS(s, t.values), a, i)), t;
+}
+let Ze = class {
+  constructor(t, e) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var e;
+    const { el: { content: i }, parts: n } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : H).importNode(i, !0);
+    N.currentNode = r;
+    let o = N.nextNode(), p = 0, a = 0, l = n[0];
+    for (; l !== void 0; ) {
+      if (p === l.index) {
+        let y;
+        l.type === 2 ? y = new he(o, o.nextSibling, this, t) : l.type === 1 ? y = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (y = new es(o, this, t)), this.u.push(y), l = n[++a];
+      }
+      p !== (l == null ? void 0 : l.index) && (o = N.nextNode(), p++);
+    }
+    return r;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this.u)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}, he = class ce {
+  constructor(t, e, i, n) {
+    var r;
+    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = n, this._$Cm = (r = n == null ? void 0 : n.isConnected) === null || r === void 0 || r;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = U(this, t, e), W(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== G && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ye(t) ? this.k(t) : this.g(t);
+  }
+  O(t, e = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, e);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  g(t) {
+    this._$AH !== _ && W(this._$AH) ? this._$AA.nextSibling.data = t : this.T(H.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var e;
+    const { values: i, _$litType$: n } = t, r = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = At.createElement(n.h, this.options)), n);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
+      this._$AH.p(i);
+    else {
+      const o = new Ze(r, this), p = o.v(this.options);
+      o.p(i), this.T(p), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = Lt.get(t.strings);
+    return e === void 0 && Lt.set(t.strings, e = new At(t)), e;
+  }
+  k(t) {
+    oe(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, n = 0;
+    for (const r of t)
+      n === e.length ? e.push(i = new ce(this.O(at()), this.O(at()), this, this.options)) : i = e[n], i._$AI(r), n++;
+    n < e.length && (this._$AR(i && i._$AB.nextSibling, n), e.length = n);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const n = t.nextSibling;
+      t.remove(), t = n;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}, ht = class {
+  constructor(t, e, i, n, r) {
+    this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = _;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, n) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0)
+      t = U(this, t, e, 0), o = !W(t) || t !== this._$AH && t !== G, o && (this._$AH = t);
+    else {
+      const p = t;
+      let a, l;
+      for (t = r[0], a = 0; a < r.length - 1; a++)
+        l = U(this, p[i + a], e, a), l === G && (l = this._$AH[a]), o || (o = !W(l) || l !== this._$AH[a]), l === _ ? t = _ : t !== _ && (t += (l ?? "") + r[a + 1]), this._$AH[a] = l;
+    }
+    o && !n && this.j(t);
+  }
+  j(t) {
+    t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}, Je = class extends ht {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === _ ? void 0 : t;
+  }
+};
+const Xe = I ? I.emptyScript : "";
+let Qe = class extends ht {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== _ ? this.element.setAttribute(this.name, Xe) : this.element.removeAttribute(this.name);
+  }
+}, ts = class extends ht {
+  constructor(t, e, i, n, r) {
+    super(t, e, i, n, r), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var i;
+    if ((t = (i = U(this, t, e, 0)) !== null && i !== void 0 ? i : _) === G)
+      return;
+    const n = this._$AH, r = t === _ && n !== _ || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== _ && (n === _ || r);
+    r && this.element.removeEventListener(this.name, this, n), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
+  }
+}, es = class {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    U(this, t);
+  }
+};
+const Bt = ot.litHtmlPolyfillSupport;
+Bt == null || Bt(At, he), ((mt = ot.litHtmlVersions) !== null && mt !== void 0 ? mt : ot.litHtmlVersions = []).push("2.6.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var yt;
+const lt = window, q = lt.trustedTypes, Dt = q ? q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, bt = "$lit$", C = `lit$${(Math.random() + "").slice(9)}$`, pe = "?" + C, ss = `<${pe}>`, R = document, Y = () => R.createComment(""), K = (s) => s === null || typeof s != "object" && typeof s != "function", ue = Array.isArray, is = (s) => ue(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ft = `[ 	
+\f\r]`, V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, jt = /-->/g, Vt = />/g, P = RegExp(`>|${ft}(?:([^\\s"'>=/]+)(${ft}*=${ft}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), zt = /'/g, Ft = /"/g, de = /^(?:script|style|textarea|title)$/i, ns = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), rs = ns(1), L = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), T = R.createTreeWalker(R, 129, null, !1);
+function me(s, t) {
+  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return Dt !== void 0 ? Dt.createHTML(t) : t;
+}
+const os = (s, t) => {
+  const e = s.length - 1, i = [];
+  let n, r = t === 2 ? "<svg>" : "", o = V;
+  for (let p = 0; p < e; p++) {
+    const a = s[p];
+    let l, y, c = -1, d = 0;
+    for (; d < a.length && (o.lastIndex = d, y = o.exec(a), y !== null); )
+      d = o.lastIndex, o === V ? y[1] === "!--" ? o = jt : y[1] !== void 0 ? o = Vt : y[2] !== void 0 ? (de.test(y[2]) && (n = RegExp("</" + y[2], "g")), o = P) : y[3] !== void 0 && (o = P) : o === P ? y[0] === ">" ? (o = n ?? V, c = -1) : y[1] === void 0 ? c = -2 : (c = o.lastIndex - y[2].length, l = y[1], o = y[3] === void 0 ? P : y[3] === '"' ? Ft : zt) : o === Ft || o === zt ? o = P : o === jt || o === Vt ? o = V : (o = P, n = void 0);
+    const $ = o === P && s[p + 1].startsWith("/>") ? " " : "";
+    r += o === V ? a + ss : c >= 0 ? (i.push(l), a.slice(0, c) + bt + a.slice(c) + C + $) : a + C + (c === -2 ? (i.push(void 0), p) : $);
+  }
+  return [me(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+};
+class Z {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let n;
+    this.parts = [];
+    let r = 0, o = 0;
+    const p = t.length - 1, a = this.parts, [l, y] = os(t, e);
+    if (this.el = Z.createElement(l, i), T.currentNode = this.el.content, e === 2) {
+      const c = this.el.content, d = c.firstChild;
+      d.remove(), c.append(...d.childNodes);
+    }
+    for (; (n = T.nextNode()) !== null && a.length < p; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes()) {
+          const c = [];
+          for (const d of n.getAttributeNames())
+            if (d.endsWith(bt) || d.startsWith(C)) {
+              const $ = y[o++];
+              if (c.push(d), $ !== void 0) {
+                const M = n.getAttribute($.toLowerCase() + bt).split(C), w = /([.?@])?(.*)/.exec($);
+                a.push({ type: 1, index: r, name: w[2], strings: M, ctor: w[1] === "." ? ls : w[1] === "?" ? cs : w[1] === "@" ? ps : ct });
+              } else
+                a.push({ type: 6, index: r });
+            }
+          for (const d of c)
+            n.removeAttribute(d);
+        }
+        if (de.test(n.tagName)) {
+          const c = n.textContent.split(C), d = c.length - 1;
+          if (d > 0) {
+            n.textContent = q ? q.emptyScript : "";
+            for (let $ = 0; $ < d; $++)
+              n.append(c[$], Y()), T.nextNode(), a.push({ type: 2, index: ++r });
+            n.append(c[d], Y());
+          }
+        }
+      } else if (n.nodeType === 8)
+        if (n.data === pe)
+          a.push({ type: 2, index: r });
+        else {
+          let c = -1;
+          for (; (c = n.data.indexOf(C, c + 1)) !== -1; )
+            a.push({ type: 7, index: r }), c += C.length - 1;
+        }
+      r++;
+    }
+  }
+  static createElement(t, e) {
+    const i = R.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function B(s, t, e = s, i) {
+  var n, r, o, p;
+  if (t === L)
+    return t;
+  let a = i !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[i] : e._$Cl;
+  const l = K(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== l && ((r = a == null ? void 0 : a._$AO) === null || r === void 0 || r.call(a, !1), l === void 0 ? a = void 0 : (a = new l(s), a._$AT(s, e, i)), i !== void 0 ? ((o = (p = e)._$Co) !== null && o !== void 0 ? o : p._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = B(s, a._$AS(s, t.values), a, i)), t;
+}
+class as {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    var e;
+    const { el: { content: i }, parts: n } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : R).importNode(i, !0);
+    T.currentNode = r;
+    let o = T.nextNode(), p = 0, a = 0, l = n[0];
+    for (; l !== void 0; ) {
+      if (p === l.index) {
+        let y;
+        l.type === 2 ? y = new J(o, o.nextSibling, this, t) : l.type === 1 ? y = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (y = new us(o, this, t)), this._$AV.push(y), l = n[++a];
+      }
+      p !== (l == null ? void 0 : l.index) && (o = T.nextNode(), p++);
+    }
+    return T.currentNode = R, r;
+  }
+  v(t) {
+    let e = 0;
+    for (const i of this._$AV)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}
+class J {
+  constructor(t, e, i, n) {
+    var r;
+    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = n, this._$Cp = (r = n == null ? void 0 : n.isConnected) === null || r === void 0 || r;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = B(this, t, e), K(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== L && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : is(t) ? this.T(t) : this._(t);
+  }
+  k(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  $(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+  }
+  _(t) {
+    this._$AH !== g && K(this._$AH) ? this._$AA.nextSibling.data = t : this.$(R.createTextNode(t)), this._$AH = t;
+  }
+  g(t) {
+    var e;
+    const { values: i, _$litType$: n } = t, r = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = Z.createElement(me(n.h, n.h[0]), this.options)), n);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
+      this._$AH.v(i);
+    else {
+      const o = new as(r, this), p = o.u(this.options);
+      o.v(i), this.$(p), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = Wt.get(t.strings);
+    return e === void 0 && Wt.set(t.strings, e = new Z(t)), e;
+  }
+  T(t) {
+    ue(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, n = 0;
+    for (const r of t)
+      n === e.length ? e.push(i = new J(this.k(Y()), this.k(Y()), this, this.options)) : i = e[n], i._$AI(r), n++;
+    n < e.length && (this._$AR(i && i._$AB.nextSibling, n), e.length = n);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const n = t.nextSibling;
+      t.remove(), t = n;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}
+class ct {
+  constructor(t, e, i, n, r) {
+    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = g;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, n) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0)
+      t = B(this, t, e, 0), o = !K(t) || t !== this._$AH && t !== L, o && (this._$AH = t);
+    else {
+      const p = t;
+      let a, l;
+      for (t = r[0], a = 0; a < r.length - 1; a++)
+        l = B(this, p[i + a], e, a), l === L && (l = this._$AH[a]), o || (o = !K(l) || l !== this._$AH[a]), l === g ? t = g : t !== g && (t += (l ?? "") + r[a + 1]), this._$AH[a] = l;
+    }
+    o && !n && this.j(t);
+  }
+  j(t) {
+    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class ls extends ct {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === g ? void 0 : t;
+  }
+}
+const hs = q ? q.emptyScript : "";
+class cs extends ct {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== g ? this.element.setAttribute(this.name, hs) : this.element.removeAttribute(this.name);
+  }
+}
+class ps extends ct {
+  constructor(t, e, i, n, r) {
+    super(t, e, i, n, r), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var i;
+    if ((t = (i = B(this, t, e, 0)) !== null && i !== void 0 ? i : g) === L)
+      return;
+    const n = this._$AH, r = t === g && n !== g || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== g && (n === g || r);
+    r && this.element.removeEventListener(this.name, this, n), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class us {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    B(this, t);
+  }
+}
+const Gt = lt.litHtmlPolyfillSupport;
+Gt == null || Gt(Z, J), ((yt = lt.litHtmlVersions) !== null && yt !== void 0 ? yt : lt.litHtmlVersions = []).push("2.8.0");
+const ds = (s, t, e) => {
+  var i, n;
+  const r = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
+  let o = r._$litPart$;
+  if (o === void 0) {
+    const p = (n = e == null ? void 0 : e.renderBefore) !== null && n !== void 0 ? n : null;
+    r._$litPart$ = o = new J(t.insertBefore(Y(), p), p, void 0, e ?? {});
+  }
+  return o._$AI(s), o;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var vt, $t;
+class F extends O {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t, e;
+    const i = super.createRenderRoot();
+    return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = i.firstChild), i;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ds(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
+  }
+  render() {
+    return L;
+  }
+}
+F.finalized = !0, F._$litElement$ = !0, (vt = globalThis.litElementHydrateSupport) === null || vt === void 0 || vt.call(globalThis, { LitElement: F });
+const Yt = globalThis.litElementPolyfillSupport;
+Yt == null || Yt({ LitElement: F });
+(($t = globalThis.litElementVersions) !== null && $t !== void 0 ? $t : globalThis.litElementVersions = []).push("3.3.3");
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ms = (s) => s ?? _, ys = /[A-ZÀ-ÖÙ-Ý]+/g, fs = /[a-zà-öù-ý]+/g;
+function vs(s) {
+  const t = s.replace(ys, e).match(fs);
+  return t ? t.join("-") : "";
+  function e(i) {
+    return " " + (i.length > 2 ? i.slice(0, -1) + " " + i.slice(-1) : i).toLowerCase();
+  }
+}
+function $s() {
+  const s = {};
+  return {
+    has: (t) => Object.hasOwnProperty.call(s, t),
+    get: (t) => s[t],
+    set: (t, e) => {
+      s[t] = e;
+    }
+  };
+}
+function _s(s, t) {
+  const e = $s();
+  return (...i) => {
+    const n = s(...i);
+    return e.has(n) || e.set(n, t(...i)), e.get(n);
+  };
+}
+var gs = (s) => s, ye = _s(gs, vs), As = (s) => (t) => s.includes(t), bs = As(["paymentMethod", "source", "token"]);
+async function Ss(s) {
+  const { ok: t, statusText: e } = s;
+  if (!t)
+    throw new Error(e);
+  return s;
+}
+function ws(s) {
+  return "addInitializer" in s.constructor;
+}
+var z = class {
+  constructor(s) {
+    if (this.host = s, this.values = /* @__PURE__ */ new Map(), z.instances.has(s))
+      return z.instances.get(s);
+    s.addController(this), z.instances.set(s, this);
+  }
+  static for(s) {
+    return new z(s);
+  }
+  hostConnected() {
+  }
+  set(s, t) {
+    const e = this.values.get(s);
+    this.values.set(s, t), ws(this.host) ? this.host.requestUpdate(s, e) : this.host.requestUpdate();
+  }
+}, Ct = z;
+Ct.instances = /* @__PURE__ */ new Map();
+function m(s, t) {
+  const e = s.constructor;
+  e.addInitializer((i) => {
+    const n = Ct.for(i);
+    Object.defineProperty(i.constructor.prototype, t, {
+      enumerable: !0,
+      configurable: !0,
+      get() {
+        return n.values.get(t);
+      },
+      set(r) {
+        n.values.has(t) || n.values.set(t, r);
+      }
+    }), e.createProperty(t, {
+      ...e.getPropertyOptions(t),
+      noAccessor: !0
+    });
+  });
+}
+m.set = function(s, t) {
+  const e = Ct.for(s);
+  for (const [i, n] of Object.entries(t))
+    e.set(i, n);
+};
+var Es = class extends Event {
+  constructor(s, t, e, i) {
+    super(`${i ?? s.toLowerCase()}-changed`), this.key = s, this.oldValue = t, this.value = e, this.detail = { value: e };
+  }
+}, et = class {
+  constructor(s) {
+    if (this.host = s, this.cache = /* @__PURE__ */ new Map(), et.instances.has(s))
+      return et.instances.get(s);
+    s.addController(this), et.instances.set(s, this);
+  }
+  hostUpdated() {
+    var s;
+    for (const [t, e] of this.cache) {
+      const i = this.host[t], { attribute: n } = (s = this.host.constructor.getPropertyOptions(t)) != null ? s : {}, r = typeof n == "string" ? n : null;
+      this.cache.set(t, i), this.host.dispatchEvent(new Es(t, e, i, r));
+    }
+  }
+}, fe = et;
+fe.instances = /* @__PURE__ */ new Map();
+function b(s, t) {
+  s.constructor.addInitializer((e) => {
+    new fe(e).cache.set(t, e[t]);
+  });
+}
+function Cs(s) {
+  return (t, e, i) => {
+    const n = i.value;
+    return i.value = s(n), i;
+  };
+}
+var xt = Cs(function(s) {
+  const { name: t } = s;
+  return async function(...e) {
+    if (!this.stripe)
+      throw new Error(`<${this.constructor.is}>: Stripe must be initialized before calling ${t}.`);
+    return s.call(this, ...e).then(this.handleResponse);
+  };
+});
+function Kt(s) {
+  if (s.error)
+    throw s.error;
+  return s;
+}
+var xs = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, h = (s, t, e, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ps(t, e) : t, r = s.length - 1, o; r >= 0; r--)
+    (o = s[r]) && (n = (i ? o(t, e, n) : o(n)) || n);
+  return i && n && xs(t, e, n), n;
+}, ve = (s, t, e) => {
+  if (!t.has(s))
+    throw TypeError("Cannot " + e);
+}, Zt = (s, t, e) => (ve(s, t, "read from private field"), e ? e.call(s) : t.get(s)), Jt = (s, t, e) => {
+  if (t.has(s))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(s) : t.set(s, e);
+}, Xt = (s, t, e, i) => (ve(s, t, "write to private field"), i ? i.call(s, e) : t.set(s, e), e);
+function Qt() {
+  return (Date.now() + Math.random() * 1e3).toString(36).substr(0, 8);
+}
+var Ts = class {
+  constructor(s, t) {
+    this.host = s, this.options = t, this.initialized = !1, this.shadowHosts = [];
+    var e, i;
+    this.host.addController(this), this.resetMountId(), this.slotName = (i = (e = this.options) == null ? void 0 : e.slotName) != null ? i : `breadcrumb-${Qt()}`;
+  }
+  get mount() {
+    return document.getElementById(this.mountId);
+  }
+  hostUpdated() {
+    !this.initialized && this.options.autoInitialize !== !1 && this.init();
+  }
+  hostDisconnected() {
+    this.destroyMountPoints();
+  }
+  resetMountId() {
+    var s;
+    const t = (s = this.options.mountPrefix) != null ? s : this.host.localName;
+    this.mountId = `${t}-mount-point-${Qt()}`;
+  }
+  createMountPoint() {
+    const s = document.createElement("div");
+    return s.id = this.mountId, s.classList.add(`${this.host.tagName.toLowerCase()}-mount`), s;
+  }
+  createSlot(s) {
+    const t = document.createElement("slot");
+    return t.slot = s, t.name = s, t;
+  }
+  appendTemplate(s, t = this.createMountPoint()) {
+    return s.appendChild(t), t;
+  }
+  initMountPoints() {
+    this.initShadowMountPoints();
+  }
+  destroyMountPoints() {
+    for (const s of this.shadowHosts)
+      for (const t of s.querySelectorAll(`[slot="${this.slotName}"][name="${this.slotName}"]`))
+        t.remove();
+    this.mount && this.mount.remove(), this.resetMountId();
+  }
+  initShadowMountPoints() {
+    let s = this.host;
+    for (this.shadowHosts = [this.host]; s = s.getRootNode().host; )
+      this.shadowHosts.push(s);
+    const { shadowHosts: t, slotName: e } = this, i = [...t], n = i.pop();
+    if (!n.querySelector(`[slot="${e}"]`)) {
+      const o = document.createElement("div");
+      o.slot = e, n.appendChild(o);
+    }
+    const r = n.querySelector(`[slot="${e}"]`);
+    this.appendTemplate(r), i.forEach((o) => this.appendTemplate(o, this.createSlot(e)));
+  }
+  init() {
+    this.destroyMountPoints(), this.initMountPoints(), this.initialized = !0;
+  }
+};
+function st(s) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? st = function(t) {
+    return typeof t;
+  } : st = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, st(s);
+}
+var $e = "https://js.stripe.com/v3", Rs = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, te = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Ms = function() {
+  for (var t = document.querySelectorAll('script[src^="'.concat($e, '"]')), e = 0; e < t.length; e++) {
+    var i = t[e];
+    if (Rs.test(i.src))
+      return i;
+  }
+  return null;
+}, ks = function(t) {
+  var e = t && !t.advancedFraudSignals ? "?advancedFraudSignals=false" : "", i = document.createElement("script");
+  i.src = "".concat($e).concat(e);
+  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(i), i;
+}, Os = function(t, e) {
+  !t || !t._registerWrapper || t._registerWrapper({
+    name: "stripe-js",
+    version: "1.23.0",
+    startTime: e
+  });
+}, X = null, Ns = function(t) {
+  return X !== null || (X = new Promise(function(e, i) {
+    if (typeof window > "u") {
+      e(null);
+      return;
+    }
+    if (window.Stripe && t && console.warn(te), window.Stripe) {
+      e(window.Stripe);
+      return;
+    }
+    try {
+      var n = Ms();
+      n && t ? console.warn(te) : n || (n = ks(t)), n.addEventListener("load", function() {
+        window.Stripe ? e(window.Stripe) : i(new Error("Stripe.js not available"));
+      }), n.addEventListener("error", function() {
+        i(new Error("Failed to load Stripe.js"));
+      });
+    } catch (r) {
+      i(r);
+      return;
+    }
+  })), X;
+}, Is = function(t, e, i) {
+  if (t === null)
+    return null;
+  var n = t.apply(void 0, e);
+  return Os(n, i), n;
+}, Hs = function(t) {
+  var e = `invalid load parameters; expected object of shape
+
+    {advancedFraudSignals: boolean}
+
+but received
+
+    `.concat(JSON.stringify(t), `
+`);
+  if (t === null || st(t) !== "object")
+    throw new Error(e);
+  if (Object.keys(t).length === 1 && typeof t.advancedFraudSignals == "boolean")
+    return t;
+  throw new Error(e);
+}, _e, ge = !1, Ae = function() {
+  for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)
+    e[i] = arguments[i];
+  ge = !0;
+  var n = Date.now();
+  return Ns(_e).then(function(r) {
+    return Is(r, e, n);
+  });
+};
+Ae.setLoadParameters = function(s) {
+  if (ge)
+    throw new Error("You cannot change load parameters after calling loadStripe");
+  _e = Hs(s);
+};
+var be = class extends Error {
+  constructor(s, t) {
+    super(`<${s}>: ${t}`), this.originalMessage = t;
+  }
+};
+function Se(s) {
+  return !!s && s instanceof be;
+}
+var Us = {
+  toAttribute: (s) => s ? Se(s) ? s.originalMessage : s.message || "" : null
+}, f = class extends F {
+  constructor() {
+    super(...arguments), this.generate = "source", this.showError = !1, 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 Ts(this, {
+      slotName: `${this.constructor.is}-slot`
+    });
+  }
+  get stripeMountId() {
+    return this.breadcrumb.mountId;
+  }
+  get stripeMount() {
+    return this.breadcrumb.mount;
+  }
+  render() {
+    const { error: s, showError: t } = this, { slotName: e } = this.breadcrumb, i = Se(s) ? s.originalMessage : s == null ? void 0 : s.message;
+    return rs`
+      <div id="stripe" part="stripe">
+        <slot id="stripe-slot" name="${e}"></slot>
+      </div>
+
+      <output id="error"
+          for="stripe"
+          part="error"
+          ?hidden="${!t}">
+        ${ms(i)}
+      </output>
+    `;
+  }
+  updated(s) {
+    var t;
+    (t = super.updated) == null || t.call(this, s), s.has("error") && this.errorChanged(), s.has("publishableKey") && this.init(), [...s.keys()].forEach(this.representationChanged);
+  }
+  async disconnectedCallback() {
+    var s;
+    super.disconnectedCallback(), await ((s = this.unmount) == null ? void 0 : s.call(this));
+  }
+  reset() {
+    var s, t;
+    (t = (s = this.element) == null ? void 0 : s.clear) == null || t.call(s), this.resetRepresentations(), m.set(this, { error: null });
+  }
+  blur() {
+    var s;
+    (s = this.element) == null || s.blur();
+  }
+  focus() {
+    var s;
+    (s = this.element) == null || s.focus();
+  }
+  createError(s) {
+    return new be(this.constructor.is, s);
+  }
+  errorChanged() {
+    this.resetRepresentations(), this.fireError(this.error);
+  }
+  fire(s, t, e) {
+    this.dispatchEvent(new CustomEvent(s, { detail: t, ...e }));
+  }
+  fireError(s) {
+    this.dispatchEvent(new ErrorEvent("error", { error: s }));
+  }
+  getCSSCustomPropertyValue(s) {
+    return this.precomputedStyle.getPropertyValue(s);
+  }
+  async handleResponse(s) {
+    const { error: t = null, paymentMethod: e = null, source: i = null, token: n = null } = { ...s };
+    if (m.set(this, { error: t, paymentMethod: e, source: i, token: n }), await this.updateComplete, t)
+      throw t;
+    return s;
+  }
+  initElement() {
+    "abstract";
+  }
+  async init() {
+    await this.unmount(), await this.initStripe(), await this.initElement(), this.initElementListeners(), this.breadcrumb.init(), this.mount();
+  }
+  initElementListeners() {
+    this.element && (this.element.on("ready", this.onReady), this.element.on("focus", this.onFocus), this.element.on("blur", this.onBlur));
+  }
+  async initStripe() {
+    const { publishableKey: s, stripeAccount: t, locale: e } = this;
+    if (!s)
+      m.set(this, { elements: null, element: null, stripe: null });
+    else
+      try {
+        const i = { stripeAccount: t, locale: e }, n = window.Stripe ? window.Stripe(s, i) : await Ae(s, i), r = n == null ? void 0 : n.elements();
+        m.set(this, { elements: r, error: null, stripe: n });
+      } catch (i) {
+        console.warn(i);
+        const n = this.createError("Stripe.js must be loaded first.");
+        m.set(this, { elements: null, error: n, stripe: null });
+      } finally {
+        await this.updateComplete;
+      }
+  }
+  mount() {
+    var s;
+    if (!this.breadcrumb.mount)
+      throw this.createError("Stripe Mount missing");
+    (s = this.element) == null || s.mount(this.breadcrumb.mount);
+  }
+  async unmount() {
+    var s, t;
+    (t = (s = this.element) == null ? void 0 : s.unmount) == null || t.call(s), m.set(this, { element: null }), await this.updateComplete;
+  }
+  async onBlur() {
+    m.set(this, { focused: !1 }), await this.updateComplete;
+  }
+  async onFocus() {
+    m.set(this, { focused: !0 }), await this.updateComplete;
+  }
+  async onReady(s) {
+    m.set(this, { ready: !0 }), await this.updateComplete, this.fire("ready", s);
+  }
+  async postRepresentation() {
+    const s = (a) => m.set(this, { error: a }), t = (a) => this.fire("success", a), e = this.token || void 0, i = this.source || void 0, n = this.paymentMethod || void 0, r = JSON.stringify({ token: e, source: i, paymentMethod: n }), o = { "Content-Type": "application/json" };
+    return fetch(this.action, { body: r, headers: o, method: "POST" }).then(Ss).then(t).catch(s);
+  }
+  representationChanged(s) {
+    if (!bs(s))
+      return;
+    const t = this[s];
+    t && (this.fire(`${ye(s)}`, t), this.action && this.postRepresentation());
+  }
+  resetRepresentations() {
+    m.set(this, {
+      paymentMethod: null,
+      token: null,
+      source: null
+    });
+  }
+};
+h([
+  u({ type: String })
+], f.prototype, "action", 2);
+h([
+  u({ type: String, attribute: "client-secret" })
+], f.prototype, "clientSecret", 2);
+h([
+  u({ type: String })
+], f.prototype, "generate", 2);
+h([
+  b,
+  u({ type: String, attribute: "publishable-key", reflect: !0 })
+], f.prototype, "publishableKey", 2);
+h([
+  u({ type: Boolean, attribute: "show-error", reflect: !0 })
+], f.prototype, "showError", 2);
+h([
+  u({ type: String, attribute: "stripe-account" })
+], f.prototype, "stripeAccount", 2);
+h([
+  u({ type: String, attribute: "locale" })
+], f.prototype, "locale", 2);
+h([
+  m,
+  b,
+  u({ type: Object, attribute: "payment-method" })
+], f.prototype, "paymentMethod", 2);
+h([
+  m,
+  b,
+  u({ type: Object })
+], f.prototype, "source", 2);
+h([
+  m,
+  b,
+  u({ type: Object })
+], f.prototype, "token", 2);
+h([
+  m,
+  u({ type: Object })
+], f.prototype, "element", 2);
+h([
+  m,
+  u({ type: Object })
+], f.prototype, "elements", 2);
+h([
+  m,
+  b,
+  u({ type: Object, reflect: !0, converter: Us })
+], f.prototype, "error", 2);
+h([
+  m,
+  b,
+  u({ type: Boolean, reflect: !0 })
+], f.prototype, "focused", 2);
+h([
+  m,
+  b,
+  u({ type: Boolean, reflect: !0 })
+], f.prototype, "ready", 2);
+h([
+  m,
+  u({ type: Object })
+], f.prototype, "stripe", 2);
+h([
+  u()
+], f.prototype, "theme", 2);
+h([
+  u({ attribute: "border-radius" })
+], f.prototype, "borderRadius", 2);
+h([
+  u({ attribute: "color-background" })
+], f.prototype, "colorBackground", 2);
+h([
+  u({ attribute: "color-danger" })
+], f.prototype, "colorDanger", 2);
+h([
+  u({ attribute: "color-primary" })
+], f.prototype, "colorPrimary", 2);
+h([
+  u({ attribute: "color-text" })
+], f.prototype, "colorText", 2);
+h([
+  u({ attribute: "font-family" })
+], f.prototype, "fontFamily", 2);
+h([
+  u({ attribute: "spacing-unit" })
+], f.prototype, "spacingUnit", 2);
+h([
+  S
+], f.prototype, "handleResponse", 1);
+h([
+  S
+], f.prototype, "onBlur", 1);
+h([
+  S
+], f.prototype, "onFocus", 1);
+h([
+  S
+], f.prototype, "onReady", 1);
+h([
+  S
+], f.prototype, "representationChanged", 1);
+var qs = Et`[hidden] {
+  display: none !important;
+}
+
+:host:not([hidden]) {
+  display: block;
+  box-sizing: border-box;
+}
+
+#error {
+  font-family: sans-serif;
+  font-size: 14px;
+  padding-left: 42px;
+  padding-bottom: 10px;
+}
+`, we = qs, Ls = Et`:host {
+  min-width: var(--stripe-elements-width, 300px);
+  min-height: var(--stripe-elements-height, 50px);
+}
+
+#stripe {
+  box-sizing: border-box;
+  border-radius: var(--stripe-elements-border-radius, 4px);
+  border: var(--stripe-elements-border, 1px solid transparent);
+  box-shadow: var(--stripe-elements-box-shadow, 0 1px 3px 0 #e6ebf1);
+  transition: var(--stripe-elements-transition, box-shadow 150ms ease);
+  min-width: var(--stripe-elements-width, 300px);
+  padding: var(--stripe-elements-element-padding, 8px 12px);
+  background: var(--stripe-elements-element-background, white);
+}
+
+:host([focused]) #stripe {
+  box-shadow: 0 1px 3px 0 #cfd7df;
+}
+
+:host([error]) #stripe {
+  border-color: #fa755a;
+}
+`, Bs = Ls, ee = [
+  "color",
+  "fontFamily",
+  "fontSize",
+  "fontStyle",
+  "fontSmoothing",
+  "fontVariant",
+  "iconColor",
+  "lineHeight",
+  "letterSpacing",
+  "textDecoration",
+  "textShadow",
+  "textTransform"
+], Ds = [
+  ":hover",
+  ":focus",
+  "::placeholder",
+  "::selection",
+  ":-webkit-autofill",
+  ":disabled"
+], A = class extends f {
+  constructor() {
+    super(...arguments), this.hideIcon = !1, this.hidePostalCode = !1, this.iconStyle = "default", this.value = {}, this.brand = null, this.complete = !1, this.empty = !0, this.invalid = !1;
+  }
+  async createPaymentMethod(s = this.getPaymentMethodData()) {
+    return this.stripe.createPaymentMethod(s);
+  }
+  async createSource(s = this.sourceData) {
+    return this.stripe.createSource(this.element, s);
+  }
+  async createToken(s = this.tokenData) {
+    return this.stripe.createToken(this.element, s);
+  }
+  isPotentiallyValid() {
+    return !this.complete && !this.empty && !this.error || this.validate();
+  }
+  reset() {
+    var s;
+    super.reset(), (s = this.element) == null || s.clear();
+  }
+  async submit() {
+    switch (this.generate) {
+      case "payment-method":
+        return this.createPaymentMethod();
+      case "source":
+        return this.createSource();
+      case "token":
+        return this.createToken();
+      default: {
+        const s = this.createError(`cannot generate ${this.generate}`);
+        throw m.set(this, { error: s }), await this.updateComplete, s;
+      }
+    }
+  }
+  validate() {
+    const { complete: s, empty: t, error: e } = this, i = !e && s && !t;
+    return t && !e && m.set(this, { error: this.createError("Your card number is empty.") }), i;
+  }
+  updateStyle() {
+    var s;
+    (s = this.element) == null || s.update({
+      style: this.getStripeElementsStyles()
+    });
+  }
+  getPaymentMethodData() {
+    const s = "card", { billingDetails: t, paymentMethodData: e } = this;
+    return {
+      billing_details: t,
+      ...e,
+      type: s,
+      card: this.element
+    };
+  }
+  getStripeElementsStyles() {
+    const s = (n) => this.getCSSCustomPropertyValue(n) || void 0, t = ["base", "complete", "empty", "invalid"], e = (n) => (r, o) => {
+      if (n.includes("-"))
+        return r;
+      const p = o.split(":").pop();
+      return {
+        ...r,
+        [o]: ee.reduce(i(`${n}-${p}`), {})
+      };
+    }, i = (n) => (r, o) => {
+      const p = `--stripe-elements-${n}-${ye(o)}`;
+      return {
+        ...r,
+        [o]: s(p),
+        ...Ds.reduce(e(n), {})
+      };
+    };
+    return t.reduce((n, r) => ({
+      ...n,
+      [r]: ee.reduce(i(r), {})
+    }), {});
+  }
+  async initElement() {
+    if (!this.stripe)
+      return;
+    const { hidePostalCode: s, hideIcon: t, iconStyle: e, value: i } = this, n = this.getStripeElementsStyles();
+    await this.updateComplete;
+    const r = this.createElement({
+      hideIcon: t,
+      hidePostalCode: s,
+      iconStyle: e,
+      style: n,
+      value: i
+    });
+    r.on("change", this.onChange), m.set(this, { element: r }), await this.updateComplete;
+  }
+  createElement(s) {
+    return this.elements.create("card", s);
+  }
+  async onChange(s) {
+    const { brand: t, complete: e, empty: i, error: n = null } = s, r = !(n || !i && !e);
+    m.set(this, { brand: t, complete: e, empty: i, error: n, invalid: r }), await this.updateComplete, this.fire("change", s);
+  }
+};
+A.is = "stripe-elements";
+A.elementType = "card";
+A.styles = [
+  we,
+  Bs
+];
+h([
+  u({ type: Boolean, attribute: "hide-icon" })
+], A.prototype, "hideIcon", 2);
+h([
+  u({ type: Boolean, attribute: "hide-postal-code" })
+], A.prototype, "hidePostalCode", 2);
+h([
+  u({ type: String, attribute: "icon-style" })
+], A.prototype, "iconStyle", 2);
+h([
+  u({ type: Object })
+], A.prototype, "value", 2);
+h([
+  b,
+  m,
+  u({ type: String })
+], A.prototype, "brand", 2);
+h([
+  b,
+  m,
+  u({ type: Boolean, reflect: !0 })
+], A.prototype, "complete", 2);
+h([
+  b,
+  m,
+  u({ type: Boolean, reflect: !0 })
+], A.prototype, "empty", 2);
+h([
+  b,
+  m,
+  u({ type: Boolean, reflect: !0 })
+], A.prototype, "invalid", 2);
+h([
+  xt
+], A.prototype, "createPaymentMethod", 1);
+h([
+  xt
+], A.prototype, "createSource", 1);
+h([
+  xt
+], A.prototype, "createToken", 1);
+h([
+  S
+], A.prototype, "onChange", 1);
+A = h([
+  se("stripe-elements")
+], A);
+var js = Et`#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);
+}
+`, Vs = js;
+function zs(s) {
+  return s.tagName.toLowerCase() === "stripe-display-item";
+}
+function Fs({ dataset: { amount: s, label: t, pending: e } }) {
+  return {
+    label: t,
+    amount: parseInt(s),
+    ...e !== void 0 && { pending: e === "true" }
+  };
+}
+function Ws({ dataset: { amount: s, detail: t, ...e } }) {
+  return {
+    amount: parseInt(s),
+    detail: t,
+    ...e
+  };
+}
+function Gs(s) {
+  return zs(s) ? Fs(s) : Ws(s);
+}
+var it, nt, v = class extends f {
+  constructor() {
+    super(...arguments), this.canMakePayment = null, Jt(this, it, void 0), this.paymentIntent = null, this.paymentRequest = null, this.pending = !1, Jt(this, nt, void 0), this.buttonType = "default", this.buttonTheme = "dark", this.complete = async (s, t) => {
+      const { error: e = null } = { ...s }, i = e || t ? "fail" : "success";
+      return s.complete(i), this.fire(i, s), t ? { error: t } : s;
+    };
+  }
+  get displayItems() {
+    const s = Zt(this, it);
+    return Array.isArray(s) ? s : this.parseDatasets("stripe-display-item");
+  }
+  set displayItems(s) {
+    const t = this.displayItems;
+    Xt(this, it, s), this.requestUpdate("displayItems", t);
+  }
+  get shippingOptions() {
+    const s = Zt(this, nt);
+    return Array.isArray(s) ? s : this.parseDatasets("stripe-shipping-option");
+  }
+  set shippingOptions(s) {
+    const t = this.shippingOptions;
+    Xt(this, nt, s), this.requestUpdate("shippingOptions", t);
+  }
+  reset() {
+    super.reset(), m.set(this, { paymentIntent: null });
+  }
+  updated(s) {
+    super.updated(s), s.has("generate") && this.initPaymentRequestListeners(), s.has("amount") && this.updatePaymentRequest();
+  }
+  getStripePaymentRequestOptions() {
+    const {
+      country: s,
+      currency: t,
+      displayItems: e,
+      shippingOptions: i,
+      requestShipping: n,
+      requestPayerEmail: r,
+      requestPayerName: o,
+      requestPayerPhone: p,
+      label: a = "",
+      amount: l = 0
+    } = this;
+    return {
+      country: s,
+      currency: t,
+      displayItems: e,
+      requestPayerEmail: r,
+      requestPayerName: o,
+      requestPayerPhone: p,
+      requestShipping: n,
+      shippingOptions: i,
+      total: { label: a, amount: l }
+    };
+  }
+  async initElement() {
+    await this.initPaymentRequest(), await this.initPaymentRequestListeners(), await this.initPaymentRequestButton();
+  }
+  async initPaymentRequest() {
+    if (!this.stripe)
+      return;
+    const s = this.getStripePaymentRequestOptions(), t = this.stripe.paymentRequest(s), e = await t.canMakePayment();
+    m.set(this, { paymentRequest: t, canMakePayment: e }), await this.updateComplete, this.canMakePayment || this.fire("unsupported");
+  }
+  async initPaymentRequestButton() {
+    const { buttonTheme: s, buttonType: t, canMakePayment: e, paymentRequest: i } = this;
+    if (!e || !this.elements)
+      return;
+    const o = { paymentRequestButton: { height: this.getCSSCustomPropertyValue("--stripe-payment-request-button-height") || "40px", theme: s, type: t } }, p = this.elements.create("paymentRequestButton", { paymentRequest: i, style: o });
+    m.set(this, { element: p }), await this.updateComplete;
+  }
+  async initPaymentRequestListeners() {
+    if (this.canMakePayment)
+      switch (this.paymentRequest.on("click", this.updatePaymentRequest), this.paymentRequest.on("cancel", this.onCancel), this.paymentRequest.on("shippingaddresschange", this.onShippingaddresschange), this.paymentRequest.on("shippingoptionchange", this.onShippingoptionchange), this.generate) {
+        case "payment-method":
+          this.paymentRequest.on("paymentmethod", this.onPaymentResponse);
+          break;
+        case "source":
+          this.paymentRequest.on("source", this.onPaymentResponse);
+          break;
+        case "token":
+          this.paymentRequest.on("token", this.onPaymentResponse);
+          break;
+      }
+  }
+  async updatePaymentRequest() {
+    if (!this.paymentRequest)
+      return;
+    const { currency: s, total: t, displayItems: e, shippingOptions: i } = this.getStripePaymentRequestOptions();
+    this.paymentRequest.update({ currency: s, total: t, displayItems: e, shippingOptions: i });
+  }
+  onCancel() {
+    this.fire(
+      "cancel"
+      /* cancel */
+    );
+  }
+  async onPaymentResponse(s) {
+    const {
+      error: t = null,
+      paymentMethod: e = null,
+      source: i = null,
+      token: n = null
+    } = { ...s };
+    m.set(this, { error: t, paymentMethod: e, source: i, token: n }), this.clientSecret && !t ? this.confirmPaymentIntent(s) : this.complete(s);
+  }
+  async confirmPaymentIntent(s) {
+    const t = { payment_method: this.paymentMethod.id }, { error: e = null, paymentIntent: i = null } = await this.confirmCardPayment(t, { handleActions: !1 }).then(({ error: n }) => this.complete(s, n)).then(Kt).then(() => this.confirmCardPayment()).then(Kt).catch((n) => ({ error: n }));
+    m.set(this, { error: e, paymentIntent: i }), await this.updateComplete;
+  }
+  async confirmCardPayment(s, t) {
+    return this.stripe.confirmCardPayment(this.clientSecret, s, t);
+  }
+  onShippingaddresschange(s) {
+    this.fire("shippingaddresschange", s);
+  }
+  onShippingoptionchange(s) {
+    this.fire("shippingoptionchange", s);
+  }
+  parseDatasets(s) {
+    const t = [...this.querySelectorAll(s)];
+    return t.length ? t.map(Gs) : [];
+  }
+};
+it = /* @__PURE__ */ new WeakMap();
+nt = /* @__PURE__ */ new WeakMap();
+v.is = "stripe-payment-request";
+v.styles = [
+  we,
+  Vs
+];
+h([
+  u({ type: Number, reflect: !0 })
+], v.prototype, "amount", 2);
+h([
+  b,
+  m,
+  u({ type: Boolean, attribute: "can-make-payment", reflect: !0 })
+], v.prototype, "canMakePayment", 2);
+h([
+  u({ type: String })
+], v.prototype, "country", 2);
+h([
+  u({ type: String })
+], v.prototype, "currency", 2);
+h([
+  u({ type: Array })
+], v.prototype, "displayItems", 1);
+h([
+  u({ type: String, reflect: !0 })
+], v.prototype, "label", 2);
+h([
+  b,
+  m,
+  u({ type: Object, attribute: "payment-intent" })
+], v.prototype, "paymentIntent", 2);
+h([
+  m,
+  u({ type: Object, attribute: "payment-request" })
+], v.prototype, "paymentRequest", 2);
+h([
+  u({ type: Boolean, reflect: !0 })
+], v.prototype, "pending", 2);
+h([
+  u({ type: Boolean, attribute: "request-payer-email" })
+], v.prototype, "requestPayerEmail", 2);
+h([
+  u({ type: Boolean, attribute: "request-payer-name" })
+], v.prototype, "requestPayerName", 2);
+h([
+  u({ type: Boolean, attribute: "request-payer-phone" })
+], v.prototype, "requestPayerPhone", 2);
+h([
+  u({ type: Boolean, attribute: "request-shipping" })
+], v.prototype, "requestShipping", 2);
+h([
+  u({ type: Array })
+], v.prototype, "shippingOptions", 1);
+h([
+  u({ type: String, attribute: "button-type" })
+], v.prototype, "buttonType", 2);
+h([
+  u({ type: String, attribute: "button-theme" })
+], v.prototype, "buttonTheme", 2);
+h([
+  S
+], v.prototype, "onCancel", 1);
+h([
+  S
+], v.prototype, "onPaymentResponse", 1);
+h([
+  S
+], v.prototype, "confirmPaymentIntent", 1);
+h([
+  S
+], v.prototype, "confirmCardPayment", 1);
+h([
+  S
+], v.prototype, "onShippingaddresschange", 1);
+h([
+  S
+], v.prototype, "onShippingoptionchange", 1);
+v = h([
+  se("stripe-payment-request")
+], v);
+const Ys = (s) => {
+  switch (s) {
+    case xe.LIVE:
+      return "pk_live_x99EPirYIsCyUsRvPAfyhnRp";
+    default:
+      return "pk_test_wXnn2RrefTiOHB0zzxqJr0s8";
+  }
+}, Ks = Pe.extend({
+  name: "CreditCardForm",
+  components: {
+    BFormattedAmount: Te
+  },
+  mixins: [Re("components/RevolugoElements/CreditCardForm")],
+  props: De,
+  data: () => ({
+    error: "",
+    isTermsAccepted: !1,
+    termsError: !1
+  }),
+  computed: {
+    termsAndConditionsUrl() {
+      return this.$t("CreditCardForm.termsURL");
+    },
+    pk() {
+      return Ys(this.config.apiEnvironment);
+    }
+  },
+  methods: {
+    onCreditCardFormChange(s) {
+      this.error = "", this.$emit("change", !!s.detail.complete);
+    },
+    async onStripePayment(s) {
+      try {
+        if (!window.Stripe || this.disabled)
+          return;
+        const e = await window.Stripe(this.pk, {
+          locale: this.$i18n.locale
+        }).confirmCardPayment(this.token, {
+          // eslint-disable-next-line camelcase
+          payment_method: s.detail.id
+        });
+        e.error && e.error ? this.onPaymentError(e) : this.withAction ? this.$eventBus.$emit(Ce.PAYMENT_SUCCESS) : this.$emit("success");
+      } catch (t) {
+        this.onPaymentError(t);
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onPaymentError(s) {
+      var t;
+      this.error = `${(t = s == null ? void 0 : s.error) == null ? void 0 : t.message} ${this.$t("CreditCardForm.error")}`, this.$emit("error", this.error);
+    },
+    pay() {
+      try {
+        if (!this.$refs.payment || this.withTerms && !this.isTermsAccepted)
+          return;
+        this.$refs.payment.submit();
+      } catch (s) {
+        this.onPaymentError(s);
+      }
+    }
+  }
+});
+var Zs = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(Pt, { style: {
+    borderColor: t.disabled ? null : "var(--v-primary-base)"
+  }, attrs: { disabled: t.disabled, elevation: "0", outlined: "" } }, [e(Ie, { staticClass: "white--text", attrs: { color: "primary", dense: "", elevation: "0" } }, [e("div", { staticClass: "w-100 d-flex justify-space-between items-center" }, [e("h4", [e(Q, { attrs: { color: "white", left: "" } }, [t._v(" fa-credit-card ")]), t._v(" " + t._s(t.$t("CreditCardForm.title")) + ": "), t.loading ? e(He, { staticClass: "ml-2", attrs: { color: "primary", indeterminate: "", size: "20", width: "1" } }) : e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.amount, currency: t.currency } })], 1), e(Q, { attrs: { color: "white", right: "" } }, [t._v(" fa-lock ")])], 1)]), e(qe, [e(D, [e(k, [t.error ? e(ke, { attrs: { color: "red", dense: "", outlined: "" } }, [e("p", { staticClass: "caption font-weight-bold text-center my-0 red--text rounded" }, [t._v(" " + t._s(t.$t("CreditCardForm.paymentDeclined")) + ": " + t._s(t.error) + " ")])]) : t._e()], 1)], 1), e(D, { staticClass: "d-none d-sm-flex", attrs: { "no-gutters": "" } }, [e(k, { attrs: { cols: "8" } }, [e("small", [t._v(t._s(t.$t("CreditCardForm.cardNumber")))])]), e(k, { staticClass: "text-right pr-6", attrs: { cols: "4" } }, [e("small", { staticClass: "pr-3" }, [t._v(t._s(t.$t("CreditCardForm.expDate")))]), e("small", [t._v(t._s(t.$t("CreditCardForm.cvc")))])])], 1), e(D, { attrs: { "no-gutters": "" } }, [e(k, [e(Pt, { attrs: { elevation: "0", outlined: "" } }, [e("stripe-elements", { ref: "payment", class: {
+    "d-none": t.loading
+  }, attrs: { generate: "payment-method", "hide-postal-code": "", locale: t.$i18n.locale, "publishable-key": t.pk }, on: { change: t.onCreditCardFormChange, error: t.onPaymentError, "payment-method": t.onStripePayment } }), t.loading ? e(Le, { staticClass: "mx-auto", attrs: { height: "36.8px", type: "image", width: "100%" } }) : t._e()], 1)], 1)], 1), t.withTerms ? e(D, { staticClass: "mt-2" }, [e(k, [e(Be, { ref: "testing", staticClass: "mt-0", attrs: { error: t.termsError && !t.isTermsAccepted }, scopedSlots: t._u([{ key: "label", fn: function() {
+    return [e("span", { domProps: { innerHTML: t._s(
+      t.$t("CreditCardForm.termsAndConditions", {
+        url: t.termsAndConditionsUrl
+      })
+    ) }, on: { click: function(i) {
+      i.stopPropagation();
+    } } })];
+  }, proxy: !0 }], null, !1, 1757272622), model: { value: t.isTermsAccepted, callback: function(i) {
+    t.isTermsAccepted = i;
+  }, expression: "isTermsAccepted" } })], 1)], 1) : t._e(), t.withAction ? e(D, [e(k, { staticClass: "d-flex justify-end flex-column flex-sm-row mb-1 align-center mt-4 mt-sm-0" }, [e(Ue, { staticClass: "w-100 w-sm-auto", attrs: { color: "primary", depressed: "", disabled: t.disabled || t.withTerms && !t.isTermsAccepted, loading: t.loading }, on: { click: t.pay } }, [e(Q, { attrs: { left: "" } }, [t._v(" fa-lock ")]), e("span", { staticClass: "mr-1" }, [t._v(t._s(t.$t("CreditCardForm.payNow")))]), e("b-formatted-amount", { staticClass: "font-weight-bold", attrs: { amount: t.amount, currency: t.currency } })], 1)], 1)], 1) : t._e()], 1)], 1);
+}, Js = [], Xs = /* @__PURE__ */ Me(
+  Ks,
+  Zs,
+  Js,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const gi = Xs.exports;
+Ee("css/revolugo.creditcardform.BGPUxkRC.css");
+export {
+  gi as C,
+  Be as _,
+  De as c
+};
+//# sourceMappingURL=revolugo.creditcardform.Bu6_7ofn.min.js.map