@revolugo/elements 6.9.3-rc.0 → 6.9.4-beta.0

package/dist/revolugo.preferencesmenu.6h04EKWb.min.js

@@ -0,0 +1,947 @@
+import { E as I, be as se, d as P, T as ae, a9 as re, P as le, h as E, bf as D, b9 as ie, bg as k, c as g, w as n, a as o, z as m, y as f, a6 as W, j as b, a5 as O, F as L, o as c, a8 as $, p as y, f as T, r as V, aF as G, q as ce, aG as Y, b as ue, bh as v, u as _, i as A, e as de, m as x, bi as fe } from "./revolugo.index.wc.DH1JRnu9.min.js";
+import { d as R } from "./revolugo.dialog-attach.BXrP_B_l.min.js";
+import { bg as J, bh as pe, bi as me, aX as ge, aO as he, _ as M, e as d, d as h, O as Ce, g as ke, bj as K, V as q, b0 as B, j as w, k as U, l as Q, as as N, m as ye, i as be, af as X, b as ve, aQ as Pe } from "./revolugo.webcomponentwrapper.D69HFjS6.min.js";
+import { V as _e } from "./revolugo.vtoolbar.BREGA2zy.min.js";
+function oe(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const t = import.meta.url, a = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
+      for (const l of REVOLUGO_ELEMENTS_STYLES.components)
+        l(a);
+      if (e.indexOf("fonts") >= 0) {
+        const l = document.createElement("link");
+        l.rel = "stylesheet", linK.href = a, document.head.appendChild(l);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+function H(e, t, a, l, i, p) {
+  return I(e) && I(t) && (p.set(t, e), J(e, t, void 0, H, p), p.delete(t)), e;
+}
+var Le = pe(function(e, t, a, l) {
+  J(e, t, a, l);
+}), Se = me(function(e) {
+  return e.push(void 0, H), se(Le, void 0, e);
+});
+function Ve(e, t, a) {
+  if (e == null)
+    return t;
+  const l = a || ((i) => i);
+  if (typeof e == "string")
+    try {
+      return l(JSON.parse(e));
+    } catch {
+      return t;
+    }
+  return l(e);
+}
+const $e = ({
+  cb: e,
+  fallbackValue: t,
+  propsName: a
+}) => {
+  const l = ge(a, he.Pascal);
+  return P({
+    computed: {
+      [`parsed${l}`]() {
+        const i = Ve(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          this[a],
+          t,
+          e
+        );
+        return i && t ? Se(structuredClone(ae(i)), t) : i;
+      }
+    }
+  });
+}, we = [
+  k.EUR,
+  k.USD,
+  k.GBP,
+  k.CAD,
+  k.AED,
+  k.INR,
+  k.AUD,
+  k.JPY
+], Z = P({
+  computed: {
+    commonCurrencies() {
+      const e = new Set(we);
+      return Object.values(this.currencies).filter(
+        (t) => e.has(t.code)
+      );
+    },
+    countries() {
+      return Object.values(ie);
+    },
+    currencies() {
+      return D;
+    },
+    filteredList() {
+      if (!this.searchInput)
+        return Object.values(this.currencies);
+      const e = this.countries.filter(
+        (a) => a.name.toLowerCase().includes(this.searchInput.toLowerCase()) || a.iso2.toLowerCase().includes(this.searchInput.toLowerCase())
+      ), t = new Set(
+        e.map((a) => a.currency)
+      );
+      return Object.values(this.currencies).filter(
+        (a) => a.code.toLowerCase().includes(this.searchInput.toLowerCase()) || a.name.toLowerCase().includes(this.searchInput.toLowerCase()) || a.symbol.toLowerCase().includes(this.searchInput.toLowerCase()) || t.has(a.code)
+      );
+    },
+    selectedCurrency() {
+      return this.config.currency ?? D.EUR.code;
+    }
+  },
+  data() {
+    return {
+      dialog: !1,
+      searchInput: ""
+    };
+  },
+  methods: {
+    onItemClick(e) {
+      this.dialog = !1, this.updateCurrency(e.code), this.searchInput = "";
+    }
+  },
+  mixins: [re, R],
+  name: "CurrencyPicker",
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  },
+  watch: {
+    dialog(e) {
+      e || (this.searchInput = "");
+    },
+    selectedCurrency() {
+      this.$eventBus.$emit(le.CurrencyUpdated, this.config.currency);
+    }
+  }
+});
+function z(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 Ee = { class: "mb-2 font-weight-bold" }, Me = { class: "mb-2 font-weight-bold" }, De = { class: "font-weight-bold text-primary" }, Oe = { class: "" }, Te = { class: "font-weight-bold" }, Be = { class: "font-weight-bold text-primary" };
+function Ue(e, t, a, l, i, p) {
+  return c(), g(q, null, {
+    default: n(() => [
+      o(h, {
+        class: "pa-4",
+        "no-gutters": ""
+      }, {
+        default: n(() => [
+          o(d, { cols: "auto" }, {
+            default: n(() => [
+              m("p", Ee, f(e.t("CurrencyPicker.title")), 1)
+            ]),
+            _: 1
+          }),
+          o(d, { class: "text-right" }, {
+            default: n(() => [
+              W(e.$slots, "toolbar-right")
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }),
+      o(Ce),
+      o(K, { class: "pa-4 rounded-lg" }, {
+        default: n(() => [
+          o(h, { "no-gutters": "" }, {
+            default: n(() => [
+              o(d, { cols: "auto" }, {
+                default: n(() => [
+                  m("p", Me, f(e.t("CurrencyPicker.preferred")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(h, { "no-gutters": "" }, {
+            default: n(() => [
+              (c(!0), b(L, null, O(e.commonCurrencies, (s, r) => (c(), g(d, {
+                key: r,
+                cols: "12",
+                md: "4",
+                sm: "6"
+              }, {
+                default: n(() => [
+                  o(B, {
+                    class: $([
+                      "text-caption",
+                      s.code === e.config.currency ? "bg-grey-lighten-4" : null
+                    ]),
+                    link: "",
+                    onClick: (u) => e.onItemClick(s)
+                  }, {
+                    default: n(() => [
+                      o(h, { "no-gutters": "" }, {
+                        default: n(() => [
+                          o(d, {
+                            cols: "4",
+                            sm: "3"
+                          }, {
+                            default: n(() => [
+                              m("span", De, [
+                                y(f(s.code) + " ", 1),
+                                s.code !== s.symbol ? (c(), b(L, { key: 0 }, [
+                                  y(" - " + f(s.symbol), 1)
+                                ], 64)) : T("", !0)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024),
+                          o(d, { class: "currency-name" }, {
+                            default: n(() => [
+                              m("span", Oe, f(s.name), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          }),
+          o(h, {
+            align: "center",
+            class: "mt-3",
+            "no-gutters": ""
+          }, {
+            default: n(() => [
+              o(d, {
+                cols: "12",
+                lg: "4"
+              }, {
+                default: n(() => [
+                  m("span", Te, f(e.t("CurrencyPicker.all")), 1)
+                ]),
+                _: 1
+              }),
+              o(d, {
+                cols: "12",
+                lg: "8"
+              }, {
+                default: n(() => [
+                  o(ke, {
+                    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
+          }),
+          o(h, { "no-gutters": "" }, {
+            default: n(() => [
+              (c(!0), b(L, null, O(e.filteredList, (s, r) => (c(), g(d, {
+                key: r,
+                cols: "12",
+                md: "4",
+                sm: "6"
+              }, {
+                default: n(() => [
+                  o(B, {
+                    class: $([
+                      "text-caption",
+                      s.code === e.config.currency ? "bg-grey-lighten-4" : null
+                    ]),
+                    link: "",
+                    onClick: (u) => e.onItemClick(s)
+                  }, {
+                    default: n(() => [
+                      o(h, { "no-gutters": "" }, {
+                        default: n(() => [
+                          o(d, {
+                            cols: "4",
+                            sm: "3"
+                          }, {
+                            default: n(() => [
+                              m("span", Be, [
+                                y(f(s.code) + " ", 1),
+                                s.code !== s.symbol ? (c(), b(L, { key: 0 }, [
+                                  y(" - " + f(s.symbol), 1)
+                                ], 64)) : T("", !0)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024),
+                          o(d, { class: "currency-name no-break ml-1" }, {
+                            default: n(() => [
+                              y(f(s.name), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 3
+  });
+}
+typeof z == "function" && z(Z);
+const Re = /* @__PURE__ */ M(Z, [["render", Ue]]), Ne = {
+  modelValue: {
+    type: Boolean
+  }
+}, Ie = P({
+  components: {
+    CurrencyPicker: Re
+  },
+  data() {
+    return {
+      open: this.modelValue
+    };
+  },
+  mixins: [R],
+  name: "CurrencyPickerDialog",
+  props: Ne,
+  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 Ae(e, t, a, l, i, p) {
+  const s = V("CurrencyPicker");
+  return c(), g(Q, {
+    modelValue: e.open,
+    "onUpdate:modelValue": t[1] || (t[1] = (r) => e.open = r),
+    "content-class": "rounded-lg",
+    attach: e.$dialogAttach,
+    "max-width": "850",
+    scrollable: ""
+  }, {
+    default: n(() => [
+      o(s, null, {
+        "toolbar-right": n(() => [
+          o(w, {
+            class: "mx-1",
+            icon: "",
+            variant: "text",
+            size: "x-small",
+            onClick: t[0] || (t[0] = (r) => e.open = !1)
+          }, {
+            default: n(() => [
+              o(U, { color: "dark" }, {
+                default: n(() => t[2] || (t[2] = [
+                  y(" fas fa-times ", -1)
+                ])),
+                _: 1,
+                __: [2]
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "attach"]);
+}
+const ee = /* @__PURE__ */ M(Ie, [["render", Ae]]), ze = {
+  color: {
+    default: "primary",
+    type: String
+  },
+  dialog: {
+    default: !1,
+    type: Boolean
+  },
+  elevation: {
+    default: 0,
+    type: [String, Number]
+  },
+  size: {
+    default: 0,
+    type: [String, Number]
+  }
+}, Fe = P({
+  components: {
+    CurrencyPickerDialog: ee
+  },
+  computed: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    currencies() {
+      return D;
+    }
+  },
+  data() {
+    return {
+      currencyPickerDialog: !1
+    };
+  },
+  methods: {
+    onClick() {
+      this.dialog && (this.currencyPickerDialog = !0);
+    }
+  },
+  mixins: [R],
+  name: "LangPickerBtn",
+  props: ze,
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  }
+});
+function je(e, t, a, l, i, p) {
+  const s = V("CurrencyPickerDialog");
+  return c(), g(w, {
+    class: $(`elevation-${e.elevation} rounded-circle`),
+    color: e.color,
+    size: "x-small",
+    height: "32",
+    width: "32",
+    style: {
+      minWidth: "32px"
+    },
+    onClick: e.onClick
+  }, {
+    default: n(() => [
+      m("b", null, f(e.currencies[e.config.currency]?.code), 1),
+      e.dialog ? (c(), g(s, {
+        key: 0,
+        modelValue: e.currencyPickerDialog,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => e.currencyPickerDialog = r)
+      }, null, 8, ["modelValue"])) : T("", !0)
+    ]),
+    _: 1
+  }, 8, ["class", "color", "onClick"]);
+}
+const We = /* @__PURE__ */ M(Fe, [["render", je]]), Ge = { class: "text-grey-darken-2" }, te = /* @__PURE__ */ P({
+  __name: "LangPicker",
+  props: /* @__PURE__ */ G({
+    locales: { default: () => Object.keys(v) }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { config: t } = ce(), { t: a } = E(), l = e, i = Y(e, "modelValue"), p = ue(() => {
+      const s = (l.locales || []).filter((r) => v[r]).map((r) => v[r]);
+      return s.length > 0 ? s : Object.values(v);
+    });
+    return (s, r) => (c(), g(K, null, {
+      default: n(() => [
+        o(_e, {
+          color: "white",
+          elevation: "0"
+        }, {
+          default: n(() => [
+            m("h4", Ge, f(_(a)("LangPicker.title")), 1),
+            W(s.$slots, "toolbar-right")
+          ]),
+          _: 3
+        }),
+        (c(!0), b(L, null, O(p.value, (u) => (c(), g(B, {
+          class: $(["ml-3", i.value === u.code ? "bg-grey-lighten-4" : void 0]),
+          key: u.name,
+          link: "",
+          onClick: (C) => i.value = u.code
+        }, {
+          default: n(() => [
+            o(N, {
+              image: `https://flagcdn.com/h60/${u.countryCode.toLowerCase()}.png`
+            }, null, 8, ["image"]),
+            m("span", {
+              class: $(["ml-4", _(t).lang === u.code ? "font-weight-bold" : ""])
+            }, f(u.name), 3)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"]))), 128))
+      ]),
+      _: 3
+    }));
+  }
+});
+function F(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 F == "function" && F(te);
+const Ye = /* @__PURE__ */ P({
+  __name: "LangPickerBtn",
+  props: /* @__PURE__ */ G({
+    locales: {},
+    elevation: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = Y(e, "modelValue"), a = A(null), { $dialogAttach: l } = ye(a), i = A(!1);
+    function p() {
+      i.value = !1;
+    }
+    return de(t, () => {
+      t.value && (i.value = !1);
+    }), (s, r) => (c(), b("div", {
+      ref_key: "root",
+      ref: a
+    }, [
+      o(Q, {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[1] || (r[1] = (u) => i.value = u),
+        "max-width": "290",
+        attach: _(l)
+      }, {
+        activator: n(({ props: u }) => [
+          o(w, x({
+            class: `elevation-${s.elevation} rounded-circle`,
+            color: "primary",
+            variant: t.value ? "text" : "flat",
+            size: "x-small",
+            icon: "",
+            height: "32",
+            width: "32"
+          }, u), {
+            default: n(() => [
+              o(N, { style: { overflow: "hidden" } }, {
+                default: n(() => [
+                  t.value ? (c(), g(X, {
+                    key: 0,
+                    src: `https://flagcdn.com/h60/${_(v)[t.value].countryCode.toLowerCase()}.png`,
+                    srcset: `https://flagcdn.com/h80/${_(v)[t.value].countryCode.toLowerCase()}.png 2x,
+                https://flagcdn.com/h120/${_(v)[t.value].countryCode.toLowerCase()}.png 3x`
+                  }, null, 8, ["src", "srcset"])) : (c(), g(U, {
+                    key: 1,
+                    color: "dark"
+                  }, {
+                    default: n(() => r[2] || (r[2] = [
+                      y(" fas fa-globe ", -1)
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1040, ["class", "variant"])
+        ]),
+        default: n(() => [
+          o(te, {
+            modelValue: t.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (u) => t.value = u),
+            locales: s.locales
+          }, {
+            "toolbar-right": n(() => [
+              o(be),
+              o(w, {
+                class: "mx-1",
+                icon: "",
+                variant: "text",
+                size: "x-small",
+                onClick: p
+              }, {
+                default: n(() => [
+                  o(U, { color: "dark" }, {
+                    default: n(() => r[3] || (r[3] = [
+                      y(" fas fa-times ", -1)
+                    ])),
+                    _: 1,
+                    __: [3]
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "locales"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attach"])
+    ], 512));
+  }
+}), xe = /* @__PURE__ */ M(Ye, [["__scopeId", "data-v-78f64f4b"]]);
+var S = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(S || {});
+const Je = {
+  block: {
+    default: !1,
+    type: Boolean
+  },
+  color: {
+    default: "secondary",
+    type: String
+  },
+  compact: {
+    default: !1,
+    type: Boolean
+  },
+  direction: {
+    default: "top",
+    type: String
+  }
+}, ne = P({
+  components: {
+    CurrencyPickerBtn: We,
+    CurrencyPickerDialog: ee,
+    LangPickerBtn: xe
+  },
+  computed: {
+    activeCurrency() {
+      return D[this.config.currency];
+    },
+    langPickerModel: {
+      get() {
+        return this.$i18n.locale;
+      },
+      set(e) {
+        fe(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: v,
+      currencyPickerDialog: !1
+    };
+  },
+  methods: {
+    onCurrencyPickerBtnClicked() {
+      this.currencyPickerDialog = !0;
+    }
+  },
+  mixins: [
+    $e({
+      fallbackValue: !1,
+      propsName: "compact"
+    })
+  ],
+  name: "PreferencesMenu",
+  props: Je,
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  }
+});
+function j(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 Ke = { key: 0 }, qe = { class: "pr-1" }, Qe = { key: 1 };
+function Xe(e, t, a, l, i, p) {
+  const s = V("CurrencyPickerBtn"), r = V("LangPickerBtn"), u = V("CurrencyPickerDialog");
+  return e.parsedCompact ? (c(), b("div", Ke, [
+    o(Pe, {
+      "content-class": "elevation-0",
+      elevation: "0",
+      location: e.direction,
+      transition: e.transition
+    }, {
+      activator: n(({ props: C }) => [
+        o(w, x({
+          block: e.block,
+          class: "elevation-0 px-1",
+          color: e.color,
+          size: "small"
+        }, C, { style: { "max-width": "62px", width: "62px" } }), {
+          default: n(() => [
+            m("small", qe, f(e.activeCurrency.code) + " / ", 1),
+            o(N, { size: "16" }, {
+              default: n(() => [
+                o(X, {
+                  "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: n(() => [
+        o(q, {
+          elevation: "0",
+          class: "bg-transparent"
+        }, {
+          default: n(() => [
+            o(ve, { class: "px-3" }, {
+              default: n(() => [
+                o(h, null, {
+                  default: n(() => [
+                    o(d, { class: "d-flex justify-center" }, {
+                      default: n(() => [
+                        o(s, {
+                          color: e.color,
+                          elevation: "7",
+                          onClick: e.onCurrencyPickerBtnClicked
+                        }, null, 8, ["color", "onClick"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                o(h, { dense: "" }, {
+                  default: n(() => [
+                    o(d, { class: "d-flex justify-center" }, {
+                      default: n(() => [
+                        o(r, {
+                          modelValue: e.langPickerModel,
+                          "onUpdate:modelValue": t[0] || (t[0] = (C) => e.langPickerModel = C),
+                          elevation: "7",
+                          locales: e.config.locales
+                        }, null, 8, ["modelValue", "locales"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["location", "transition"]),
+    o(u, {
+      modelValue: e.currencyPickerDialog,
+      "onUpdate:modelValue": t[1] || (t[1] = (C) => e.currencyPickerDialog = C)
+    }, null, 8, ["modelValue"])
+  ])) : (c(), b("div", Qe, [
+    o(s, {
+      class: "d-inline-block",
+      color: e.color,
+      dialog: ""
+    }, null, 8, ["color"]),
+    t[3] || (t[3] = m("span", { class: "pr-1" }, null, -1)),
+    o(r, {
+      modelValue: e.langPickerModel,
+      "onUpdate:modelValue": t[2] || (t[2] = (C) => e.langPickerModel = C),
+      class: "d-inline-block",
+      locales: e.config.locales
+    }, null, 8, ["modelValue", "locales"])
+  ]));
+}
+typeof j == "function" && j(ne);
+const nt = /* @__PURE__ */ M(ne, [["render", Xe], ["__scopeId", "data-v-fc35a3b3"]]);
+oe("css/revolugo.preferencesmenu.D76adt35.css");
+export {
+  We as C,
+  xe as L,
+  nt as P,
+  $e as a,
+  S as b,
+  ze as c,
+  Se as d,
+  Je as p
+};
+//# sourceMappingURL=revolugo.preferencesmenu.6h04EKWb.min.js.map