@revolugo/elements 6.9.6-rc.0 → 6.9.7-beta.0

package/dist/revolugo.preferencesmenu.DnQtbCNO.min.js

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