@revolugo/elements 6.9.0 → 6.9.1-beta.0

package/dist/revolugo.preferencesmenu.BjKg1-Wm.min.js

@@ -0,0 +1,1098 @@
+import { E as G, bh as ve, d as P, T as ye, U as Q, V as X, a, ag as ke, Y as Ce, ao as Pe, s as _e, b as N, af as Ve, a1 as Se, aq as M, a8 as Le, Q as $e, h as E, bi as B, bf as we, bj as v, c as h, w as o, z as g, y as m, a6 as Z, j as k, a5 as x, F as V, o as u, ak as $, p as y, f as I, r as L, aG as ee, q as Ee, aH as te, bk as C, u as _, i as H, e as Te, m as ae, bl as Me } from "./revolugo.index.wc.DuPB3gwB.min.js";
+import { be as ne, bf as Be, bg as De, aY as Oe, aO as Re, w as oe, a6 as se, $ as le, a1 as Ue, ak as Ne, a5 as xe, v as Ie, A as Ae, a8 as ze, am as Fe, ai as F, J as U, Y as je, d as j, _ as T, f, e as b, O as We, h as Ye, bh as re, V as ie, b0 as A, k as w, l as z, m as ce, av as W, n as Ge, j as He, b as Je, aP as qe } from "./revolugo.webcomponentwrapper.C4AURctg.min.js";
+function be(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, n = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const r of REVOLUGO_ELEMENTS_STYLES.components)
+        r(n);
+      if (e.indexOf("fonts") >= 0) {
+        const r = document.createElement("link");
+        r.rel = "stylesheet", linK.href = n, document.head.appendChild(r);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+function ue(e, t, n, r, i, d) {
+  return G(e) && G(t) && (d.set(t, e), ne(e, t, void 0, ue, d), d.delete(t)), e;
+}
+var Ke = Be(function(e, t, n, r) {
+  ne(e, t, n, r);
+}), Qe = De(function(e) {
+  return e.push(void 0, ue), ve(Ke, void 0, e);
+});
+function Xe(e, t, n) {
+  if (e == null)
+    return t;
+  const r = n || ((i) => i);
+  if (typeof e == "string")
+    try {
+      return r(JSON.parse(e));
+    } catch {
+      return t;
+    }
+  return r(e);
+}
+const Ze = ({
+  cb: e,
+  fallbackValue: t,
+  propsName: n
+}) => {
+  const r = Oe(n, Re.Pascal);
+  return P({
+    computed: {
+      [`parsed${r}`]() {
+        const i = Xe(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          this[n],
+          t,
+          e
+        );
+        return i && t ? Qe(structuredClone(ye(i)), t) : i;
+      }
+    }
+  });
+}, et = X({
+  text: String,
+  ...le(),
+  ...se()
+}, "VToolbarTitle"), tt = Q()({
+  name: "VToolbarTitle",
+  props: et(),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    return oe(() => {
+      const r = !!(n.default || n.text || e.text);
+      return a(e.tag, {
+        class: ["v-toolbar-title", e.class],
+        style: e.style
+      }, {
+        default: () => [r && a("div", {
+          class: "v-toolbar-title__placeholder"
+        }, [n.text ? n.text() : e.text, n.default?.()])]
+      });
+    }), {};
+  }
+}), at = [null, "prominent", "default", "comfortable", "compact"], nt = X({
+  absolute: Boolean,
+  collapse: Boolean,
+  color: String,
+  density: {
+    type: String,
+    default: "default",
+    validator: (e) => at.includes(e)
+  },
+  extended: Boolean,
+  extensionHeight: {
+    type: [Number, String],
+    default: 48
+  },
+  flat: Boolean,
+  floating: Boolean,
+  height: {
+    type: [Number, String],
+    default: 64
+  },
+  image: String,
+  title: String,
+  ...Fe(),
+  ...le(),
+  ...ze(),
+  ...Ae(),
+  ...se({
+    tag: "header"
+  }),
+  ...Se()
+}, "VToolbar"), ot = Q()({
+  name: "VToolbar",
+  props: nt(),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const {
+      backgroundColorClasses: r,
+      backgroundColorStyles: i
+    } = Ue(ke(e, "color")), {
+      borderClasses: d
+    } = Ne(e), {
+      elevationClasses: s
+    } = xe(e), {
+      roundedClasses: l
+    } = Ie(e), {
+      themeClasses: c
+    } = Ce(e), {
+      rtlClasses: p
+    } = Pe(), D = _e(!!(e.extended || n.extension?.())), O = N(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), R = N(() => D.value ? parseInt(Number(e.extensionHeight) + (e.density === "prominent" ? Number(e.extensionHeight) : 0) - (e.density === "comfortable" ? 4 : 0) - (e.density === "compact" ? 8 : 0), 10) : 0);
+    return Ve({
+      VBtn: {
+        variant: "text"
+      }
+    }), oe(() => {
+      const pe = !!(e.title || n.title), he = !!(n.image || e.image), Y = n.extension?.();
+      return D.value = !!(e.extended || Y), a(e.tag, {
+        class: ["v-toolbar", {
+          "v-toolbar--absolute": e.absolute,
+          "v-toolbar--collapse": e.collapse,
+          "v-toolbar--flat": e.flat,
+          "v-toolbar--floating": e.floating,
+          [`v-toolbar--density-${e.density}`]: !0
+        }, r.value, d.value, s.value, l.value, c.value, p.value, e.class],
+        style: [i.value, e.style]
+      }, {
+        default: () => [he && a("div", {
+          key: "image",
+          class: "v-toolbar__image"
+        }, [n.image ? a(U, {
+          key: "image-defaults",
+          disabled: !e.image,
+          defaults: {
+            VImg: {
+              cover: !0,
+              src: e.image
+            }
+          }
+        }, n.image) : a(F, {
+          key: "image-img",
+          cover: !0,
+          src: e.image
+        }, null)]), a(U, {
+          defaults: {
+            VTabs: {
+              height: M(O.value)
+            }
+          }
+        }, {
+          default: () => [a("div", {
+            class: "v-toolbar__content",
+            style: {
+              height: M(O.value)
+            }
+          }, [n.prepend && a("div", {
+            class: "v-toolbar__prepend"
+          }, [n.prepend?.()]), pe && a(tt, {
+            key: "title",
+            text: e.title
+          }, {
+            text: n.title
+          }), n.default?.(), n.append && a("div", {
+            class: "v-toolbar__append"
+          }, [n.append?.()])])]
+        }), a(U, {
+          defaults: {
+            VTabs: {
+              height: M(R.value)
+            }
+          }
+        }, {
+          default: () => [a(je, null, {
+            default: () => [D.value && a("div", {
+              class: "v-toolbar__extension",
+              style: {
+                height: M(R.value)
+              }
+            }, [Y])]
+          })]
+        })]
+      });
+    }), {
+      contentHeight: O,
+      extensionHeight: R
+    };
+  }
+}), st = [
+  v.EUR,
+  v.USD,
+  v.GBP,
+  v.CAD,
+  v.AED,
+  v.INR,
+  v.AUD,
+  v.JPY
+], de = P({
+  computed: {
+    commonCurrencies() {
+      const e = new Set(st);
+      return Object.values(this.currencies).filter(
+        (t) => e.has(t.code)
+      );
+    },
+    countries() {
+      return Object.values(we);
+    },
+    currencies() {
+      return B;
+    },
+    filteredList() {
+      if (!this.searchInput)
+        return Object.values(this.currencies);
+      const e = this.countries.filter(
+        (n) => n.name.toLowerCase().includes(this.searchInput.toLowerCase()) || n.iso2.toLowerCase().includes(this.searchInput.toLowerCase())
+      ), t = new Set(
+        e.map((n) => n.currency)
+      );
+      return Object.values(this.currencies).filter(
+        (n) => n.code.toLowerCase().includes(this.searchInput.toLowerCase()) || n.name.toLowerCase().includes(this.searchInput.toLowerCase()) || n.symbol.toLowerCase().includes(this.searchInput.toLowerCase()) || t.has(n.code)
+      );
+    },
+    selectedCurrency() {
+      return this.config.currency ?? B.EUR.code;
+    }
+  },
+  data() {
+    return {
+      dialog: !1,
+      searchInput: ""
+    };
+  },
+  methods: {
+    onItemClick(e) {
+      this.dialog = !1, this.updateCurrency(e.code), this.searchInput = "";
+    }
+  },
+  mixins: [Le, j],
+  name: "CurrencyPicker",
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  },
+  watch: {
+    dialog(e) {
+      e || (this.searchInput = "");
+    },
+    selectedCurrency() {
+      this.$eventBus.$emit($e.CurrencyUpdated, this.config.currency);
+    }
+  }
+});
+function J(e) {
+  const t = e;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "All currencies" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Currency not found" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Preferred currencies" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Select your currency" } }
+        }
+      },
+      "fr-FR": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Toutes les devises" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Devise non trouvée" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Devises populaires" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sélectionnez votre devise" } }
+        }
+      },
+      "de-DE": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Alle Währungen" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Währung nicht gefunden" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bevorzugte Währungen" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Wählen Sie Ihre Währung" } }
+        }
+      },
+      "es-ES": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Todas las monedas" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moneda no encontrada" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Monedas preferidas" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecciona tu moneda" } }
+        }
+      },
+      "it-IT": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tutte le valute" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Valuta non trovata" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Valute preferite" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Seleziona la tua valuta" } }
+        }
+      },
+      "nl-NL": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Alle valuta's" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Valuta niet gevonden" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voorkeursvaluta's" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecteer uw valuta" } }
+        }
+      },
+      "pt-PT": {
+        CurrencyPicker: {
+          all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Todas as moedas" } },
+          notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moeda não encontrada" } },
+          preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moedas preferenciais" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecione a sua moeda" } }
+        }
+      }
+    }
+  });
+}
+const lt = { class: "mb-2 font-weight-bold" }, rt = { class: "mb-2 font-weight-bold" }, it = { class: "font-weight-bold text-primary" }, ct = { class: "" }, ut = { class: "font-weight-bold" }, dt = { class: "font-weight-bold text-primary" };
+function ft(e, t, n, r, i, d) {
+  return u(), h(ie, null, {
+    default: o(() => [
+      a(b, {
+        class: "pa-4",
+        "no-gutters": ""
+      }, {
+        default: o(() => [
+          a(f, { cols: "auto" }, {
+            default: o(() => [
+              g("p", lt, m(e.t("CurrencyPicker.title")), 1)
+            ]),
+            _: 1
+          }),
+          a(f, { class: "text-right" }, {
+            default: o(() => [
+              Z(e.$slots, "toolbar-right")
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }),
+      a(We),
+      a(re, { class: "pa-4 rounded-lg" }, {
+        default: o(() => [
+          a(b, { "no-gutters": "" }, {
+            default: o(() => [
+              a(f, { cols: "auto" }, {
+                default: o(() => [
+                  g("p", rt, m(e.t("CurrencyPicker.preferred")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          a(b, { "no-gutters": "" }, {
+            default: o(() => [
+              (u(!0), k(V, null, x(e.commonCurrencies, (s, l) => (u(), h(f, {
+                key: l,
+                cols: "12",
+                md: "4",
+                sm: "6"
+              }, {
+                default: o(() => [
+                  a(A, {
+                    class: $([
+                      "text-caption",
+                      s.code === e.config.currency ? "bg-grey-lighten-4" : null
+                    ]),
+                    link: "",
+                    onClick: (c) => e.onItemClick(s)
+                  }, {
+                    default: o(() => [
+                      a(b, { "no-gutters": "" }, {
+                        default: o(() => [
+                          a(f, {
+                            cols: "4",
+                            sm: "3"
+                          }, {
+                            default: o(() => [
+                              g("span", it, [
+                                y(m(s.code) + " ", 1),
+                                s.code !== s.symbol ? (u(), k(V, { key: 0 }, [
+                                  y(" - " + m(s.symbol), 1)
+                                ], 64)) : I("", !0)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024),
+                          a(f, { class: "currency-name" }, {
+                            default: o(() => [
+                              g("span", ct, m(s.name), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          }),
+          a(b, {
+            align: "center",
+            class: "mt-3",
+            "no-gutters": ""
+          }, {
+            default: o(() => [
+              a(f, {
+                cols: "12",
+                lg: "4"
+              }, {
+                default: o(() => [
+                  g("span", ut, m(e.t("CurrencyPicker.all")), 1)
+                ]),
+                _: 1
+              }),
+              a(f, {
+                cols: "12",
+                lg: "8"
+              }, {
+                default: o(() => [
+                  a(Ye, {
+                    modelValue: e.searchInput,
+                    "onUpdate:modelValue": t[0] || (t[0] = (s) => e.searchInput = s),
+                    class: "mt-2",
+                    density: "compact",
+                    "error-messages": e.filteredList.length === 0 ? [e.t("CurrencyPicker.notFound")] : [],
+                    label: "Search",
+                    variant: "outlined"
+                  }, null, 8, ["modelValue", "error-messages"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          a(b, { "no-gutters": "" }, {
+            default: o(() => [
+              (u(!0), k(V, null, x(e.filteredList, (s, l) => (u(), h(f, {
+                key: l,
+                cols: "12",
+                md: "4",
+                sm: "6"
+              }, {
+                default: o(() => [
+                  a(A, {
+                    class: $([
+                      "text-caption",
+                      s.code === e.config.currency ? "bg-grey-lighten-4" : null
+                    ]),
+                    link: "",
+                    onClick: (c) => e.onItemClick(s)
+                  }, {
+                    default: o(() => [
+                      a(b, { "no-gutters": "" }, {
+                        default: o(() => [
+                          a(f, {
+                            cols: "4",
+                            sm: "3"
+                          }, {
+                            default: o(() => [
+                              g("span", dt, [
+                                y(m(s.code) + " ", 1),
+                                s.code !== s.symbol ? (u(), k(V, { key: 0 }, [
+                                  y(" - " + m(s.symbol), 1)
+                                ], 64)) : I("", !0)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024),
+                          a(f, { class: "currency-name no-break ml-1" }, {
+                            default: o(() => [
+                              y(m(s.name), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 3
+  });
+}
+typeof J == "function" && J(de);
+const mt = /* @__PURE__ */ T(de, [["render", ft]]), gt = {
+  modelValue: {
+    type: Boolean
+  }
+}, pt = P({
+  components: {
+    CurrencyPicker: mt
+  },
+  data() {
+    return {
+      open: this.modelValue
+    };
+  },
+  mixins: [j],
+  name: "CurrencyPickerDialog",
+  props: gt,
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  },
+  watch: {
+    "config.currency"(e) {
+      e && (this.open = !1);
+    },
+    modelValue(e) {
+      this.open = e;
+    },
+    open(e) {
+      this.$emit("update:modelValue", e);
+    }
+  }
+});
+function ht(e, t, n, r, i, d) {
+  const s = L("CurrencyPicker");
+  return u(), h(ce, {
+    modelValue: e.open,
+    "onUpdate:modelValue": t[1] || (t[1] = (l) => e.open = l),
+    "content-class": "rounded-lg",
+    attach: e.$dialogAttach,
+    "max-width": "850",
+    scrollable: ""
+  }, {
+    default: o(() => [
+      a(s, null, {
+        "toolbar-right": o(() => [
+          a(w, {
+            class: "mx-1",
+            icon: "",
+            variant: "text",
+            size: "x-small",
+            onClick: t[0] || (t[0] = (l) => e.open = !1)
+          }, {
+            default: o(() => [
+              a(z, { color: "dark" }, {
+                default: o(() => t[2] || (t[2] = [
+                  y(" fas fa-times ", -1)
+                ])),
+                _: 1,
+                __: [2]
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "attach"]);
+}
+const fe = /* @__PURE__ */ T(pt, [["render", ht]]), bt = {
+  color: {
+    default: "primary",
+    type: String
+  },
+  dialog: {
+    default: !1,
+    type: Boolean
+  },
+  elevation: {
+    default: 0,
+    type: [String, Number]
+  },
+  size: {
+    default: 0,
+    type: [String, Number]
+  }
+}, vt = P({
+  components: {
+    CurrencyPickerDialog: fe
+  },
+  computed: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    currencies() {
+      return B;
+    }
+  },
+  data() {
+    return {
+      currencyPickerDialog: !1
+    };
+  },
+  methods: {
+    onClick() {
+      this.dialog && (this.currencyPickerDialog = !0);
+    }
+  },
+  mixins: [j],
+  name: "LangPickerBtn",
+  props: bt,
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  }
+});
+function yt(e, t, n, r, i, d) {
+  const s = L("CurrencyPickerDialog");
+  return u(), h(w, {
+    class: $(`elevation-${e.elevation} rounded-circle`),
+    color: e.color,
+    size: "x-small",
+    height: "32",
+    width: "32",
+    style: {
+      minWidth: "32px"
+    },
+    onClick: e.onClick
+  }, {
+    default: o(() => [
+      g("b", null, m(e.currencies[e.config.currency]?.code), 1),
+      e.dialog ? (u(), h(s, {
+        key: 0,
+        modelValue: e.currencyPickerDialog,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => e.currencyPickerDialog = l)
+      }, null, 8, ["modelValue"])) : I("", !0)
+    ]),
+    _: 1
+  }, 8, ["class", "color", "onClick"]);
+}
+const kt = /* @__PURE__ */ T(vt, [["render", yt]]), Ct = { class: "text-grey-darken-2" }, me = /* @__PURE__ */ P({
+  __name: "LangPicker",
+  props: /* @__PURE__ */ ee({
+    locales: { default: () => Object.keys(C) }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { config: t } = Ee(), { t: n } = E(), r = e, i = te(e, "modelValue"), d = N(() => {
+      const s = (r.locales || []).filter((l) => C[l]).map((l) => C[l]);
+      return s.length > 0 ? s : Object.values(C);
+    });
+    return (s, l) => (u(), h(re, null, {
+      default: o(() => [
+        a(ot, {
+          color: "white",
+          elevation: "0"
+        }, {
+          default: o(() => [
+            g("h4", Ct, m(_(n)("LangPicker.title")), 1),
+            Z(s.$slots, "toolbar-right")
+          ]),
+          _: 3
+        }),
+        (u(!0), k(V, null, x(d.value, (c) => (u(), h(A, {
+          class: $(["ml-3", i.value === c.code ? "bg-grey-lighten-4" : void 0]),
+          key: c.name,
+          link: "",
+          onClick: (p) => i.value = c.code
+        }, {
+          default: o(() => [
+            a(W, {
+              image: `https://flagcdn.com/h60/${c.countryCode.toLowerCase()}.png`
+            }, null, 8, ["image"]),
+            g("span", {
+              class: $(["ml-4", _(t).lang === c.code ? "font-weight-bold" : ""])
+            }, m(c.name), 3)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"]))), 128))
+      ]),
+      _: 3
+    }));
+  }
+});
+function q(e) {
+  const t = e;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Select your language" } }
+        }
+      },
+      "fr-FR": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sélectionnez votre langue" } }
+        }
+      },
+      "de-DE": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Wähle deine Sprache" } }
+        }
+      },
+      "es-ES": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecciona tu idioma" } }
+        }
+      },
+      "it-IT": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Seleziona la tua lingua" } }
+        }
+      },
+      "nl-NL": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecteer uw taal" } }
+        }
+      },
+      "pt-PT": {
+        LangPicker: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecione o seu idioma" } }
+        }
+      }
+    }
+  });
+}
+typeof q == "function" && q(me);
+const Pt = /* @__PURE__ */ P({
+  __name: "LangPickerBtn",
+  props: /* @__PURE__ */ ee({
+    locales: {},
+    elevation: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = te(e, "modelValue"), n = H(null), { $dialogAttach: r } = Ge(n), i = H(!1);
+    function d() {
+      i.value = !1;
+    }
+    return Te(t, () => {
+      t.value && (i.value = !1);
+    }), (s, l) => (u(), k("div", {
+      ref_key: "root",
+      ref: n
+    }, [
+      a(ce, {
+        modelValue: i.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (c) => i.value = c),
+        "max-width": "290",
+        attach: _(r)
+      }, {
+        activator: o(({ props: c }) => [
+          a(w, ae({
+            class: `elevation-${s.elevation} rounded-circle`,
+            color: "primary",
+            variant: t.value ? "text" : "flat",
+            size: "x-small",
+            icon: "",
+            height: "32",
+            width: "32"
+          }, c), {
+            default: o(() => [
+              a(W, { style: { overflow: "hidden" } }, {
+                default: o(() => [
+                  t.value ? (u(), h(F, {
+                    key: 0,
+                    src: `https://flagcdn.com/h60/${_(C)[t.value].countryCode.toLowerCase()}.png`,
+                    srcset: `https://flagcdn.com/h80/${_(C)[t.value].countryCode.toLowerCase()}.png 2x,
+                https://flagcdn.com/h120/${_(C)[t.value].countryCode.toLowerCase()}.png 3x`
+                  }, null, 8, ["src", "srcset"])) : (u(), h(z, {
+                    key: 1,
+                    color: "dark"
+                  }, {
+                    default: o(() => l[2] || (l[2] = [
+                      y(" fas fa-globe ", -1)
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1040, ["class", "variant"])
+        ]),
+        default: o(() => [
+          a(me, {
+            modelValue: t.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c),
+            locales: s.locales
+          }, {
+            "toolbar-right": o(() => [
+              a(He),
+              a(w, {
+                class: "mx-1",
+                icon: "",
+                variant: "text",
+                size: "x-small",
+                onClick: d
+              }, {
+                default: o(() => [
+                  a(z, { color: "dark" }, {
+                    default: o(() => l[3] || (l[3] = [
+                      y(" fas fa-times ", -1)
+                    ])),
+                    _: 1,
+                    __: [3]
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "locales"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attach"])
+    ], 512));
+  }
+}), _t = /* @__PURE__ */ T(Pt, [["__scopeId", "data-v-78f64f4b"]]);
+var S = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(S || {});
+const Vt = {
+  block: {
+    default: !1,
+    type: Boolean
+  },
+  color: {
+    default: "secondary",
+    type: String
+  },
+  compact: {
+    default: !1,
+    type: Boolean
+  },
+  direction: {
+    default: "top",
+    type: String
+  }
+}, ge = P({
+  components: {
+    CurrencyPickerBtn: kt,
+    CurrencyPickerDialog: fe,
+    LangPickerBtn: _t
+  },
+  computed: {
+    activeCurrency() {
+      return B[this.config.currency];
+    },
+    langPickerModel: {
+      get() {
+        return this.$i18n.locale;
+      },
+      set(e) {
+        Me(this.config, e, this.$eventBus);
+      }
+    },
+    transition() {
+      switch (this.direction) {
+        case S.Top:
+          return "slide-y-reverse-transition";
+        case S.Bottom:
+          return "slide-y-transition";
+        case S.Left:
+          return "slide-x-reverse-transition";
+        case S.Right:
+          return "slide-x-transition";
+        case void 0:
+        default:
+          return "slide-y-transition";
+      }
+    }
+  },
+  data() {
+    return {
+      LOCALES: C,
+      currencyPickerDialog: !1
+    };
+  },
+  methods: {
+    onCurrencyPickerBtnClicked() {
+      this.currencyPickerDialog = !0;
+    }
+  },
+  mixins: [
+    Ze({
+      fallbackValue: !1,
+      propsName: "compact"
+    })
+  ],
+  name: "PreferencesMenu",
+  props: Vt,
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  }
+});
+function K(e) {
+  const t = e;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Pick your language and currency" } }
+        }
+      },
+      "fr-FR": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Choisissez votre langue et votre devise" } }
+        }
+      },
+      "de-DE": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Wähle deine Sprache und Währung" } }
+        }
+      },
+      "es-ES": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Elige tu idioma y divisa" } }
+        }
+      },
+      "it-IT": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Scegli la tua lingua e valuta" } }
+        }
+      },
+      "nl-NL": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kies je taal en valuta" } }
+        }
+      },
+      "pt-PT": {
+        PreferencesMenu: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Escolha o seu idioma e moeda" } }
+        }
+      }
+    }
+  });
+}
+const St = { key: 0 }, Lt = { class: "pr-1" }, $t = { key: 1 };
+function wt(e, t, n, r, i, d) {
+  const s = L("CurrencyPickerBtn"), l = L("LangPickerBtn"), c = L("CurrencyPickerDialog");
+  return e.parsedCompact ? (u(), k("div", St, [
+    a(qe, {
+      "content-class": "elevation-0",
+      elevation: "0",
+      location: e.direction,
+      transition: e.transition
+    }, {
+      activator: o(({ props: p }) => [
+        a(w, ae({
+          block: e.block,
+          class: "elevation-0 px-1",
+          color: e.color,
+          size: "small"
+        }, p, { style: { "max-width": "62px", width: "62px" } }), {
+          default: o(() => [
+            g("small", Lt, m(e.activeCurrency.code) + " / ", 1),
+            a(W, { size: "16" }, {
+              default: o(() => [
+                a(F, {
+                  "max-height": "16",
+                  "max-width": "16",
+                  src: `https://flagcdn.com/h60/${e.LOCALES[e.langPickerModel].countryCode.toLowerCase()}.png`,
+                  srcset: `https://flagcdn.com/h80/${e.LOCALES[e.langPickerModel].countryCode.toLowerCase()}.png 2x,
+              https://flagcdn.com/h120/${e.LOCALES[e.langPickerModel].countryCode.toLowerCase()}.png 3x`
+                }, null, 8, ["src", "srcset"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1040, ["block", "color"])
+      ]),
+      default: o(() => [
+        a(ie, {
+          elevation: "0",
+          class: "bg-transparent"
+        }, {
+          default: o(() => [
+            a(Je, { class: "px-3" }, {
+              default: o(() => [
+                a(b, null, {
+                  default: o(() => [
+                    a(f, { class: "d-flex justify-center" }, {
+                      default: o(() => [
+                        a(s, {
+                          color: e.color,
+                          elevation: "7",
+                          onClick: e.onCurrencyPickerBtnClicked
+                        }, null, 8, ["color", "onClick"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                a(b, { dense: "" }, {
+                  default: o(() => [
+                    a(f, { class: "d-flex justify-center" }, {
+                      default: o(() => [
+                        a(l, {
+                          modelValue: e.langPickerModel,
+                          "onUpdate:modelValue": t[0] || (t[0] = (p) => e.langPickerModel = p),
+                          elevation: "7",
+                          locales: e.config.locales
+                        }, null, 8, ["modelValue", "locales"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["location", "transition"]),
+    a(c, {
+      modelValue: e.currencyPickerDialog,
+      "onUpdate:modelValue": t[1] || (t[1] = (p) => e.currencyPickerDialog = p)
+    }, null, 8, ["modelValue"])
+  ])) : (u(), k("div", $t, [
+    a(s, {
+      class: "d-inline-block",
+      color: e.color,
+      dialog: ""
+    }, null, 8, ["color"]),
+    t[3] || (t[3] = g("span", { class: "pr-1" }, null, -1)),
+    a(l, {
+      modelValue: e.langPickerModel,
+      "onUpdate:modelValue": t[2] || (t[2] = (p) => e.langPickerModel = p),
+      class: "d-inline-block",
+      locales: e.config.locales
+    }, null, 8, ["modelValue", "locales"])
+  ]));
+}
+typeof K == "function" && K(ge);
+const Mt = /* @__PURE__ */ T(ge, [["render", wt], ["__scopeId", "data-v-dd3c6869"]]);
+be("css/revolugo.preferencesmenu.7UfG9ius.css");
+export {
+  kt as C,
+  _t as L,
+  Mt as P,
+  ot as V,
+  me as _,
+  Ze as a,
+  S as b,
+  bt as c,
+  Qe as d,
+  mt as e,
+  Vt as p
+};
+//# sourceMappingURL=revolugo.preferencesmenu.BjKg1-Wm.min.js.map