@revolugo/elements 7.11.0-rc.3 → 7.11.1-alpha.0

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

@@ -0,0 +1,935 @@
+import { Dr as _, Gr as B, Kr as j, Lt as te, Mn as $, Mr as W, Mt as re, Nr as x, Oi as D, Sr as y, Tr as r, Ur as s, Vn as C, Vt as ae, Zr as G, br as m, fi as N, ji as h, mr as L, qr as V, ri as t, ti as le, vi as P, vr as oe, wi as c, wr as k, xi as S, xr as T, yr as p, zt as R } from "./revolugo.theme.D5jNLMuT.min.js";
+import { n as ne, r as se } from "./revolugo.revolugo-config.0Ycse9HK.min.js";
+import { $ as ie, $t as ue, C as Y, D as ce, Et as I, F as K, M as de, Pt as q, Rt as O, Wt as E, c as fe, en as g, et as H, q as w, rt as pe, tn as u, w as U } from "./revolugo.ui.Da1LEfUr.min.js";
+import { t as me } from "./revolugo.vtoolbar.CEan0y9i.min.js";
+function ee(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const a = import.meta.url, n = a.slice(0, a.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const d of REVOLUGO_ELEMENTS_STYLES.components)
+        d(n);
+      if (e.indexOf("fonts") >= 0) {
+        const d = document.createElement("link");
+        d.rel = "stylesheet", linK.href = n, document.head.appendChild(d);
+      }
+    }
+  } catch (a) {
+    console.error("[revolugo-elements] ", a);
+  }
+}
+var ge = [
+  h.EUR,
+  h.USD,
+  h.GBP,
+  h.CAD,
+  h.AED,
+  h.INR,
+  h.AUD,
+  h.JPY
+], J = _({
+  computed: {
+    commonCurrencies() {
+      const e = new Set(ge);
+      return Object.values(this.currencies).filter((a) => e.has(a.code));
+    },
+    countries() {
+      return Object.values(fe);
+    },
+    currencies() {
+      return D;
+    },
+    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())), a = 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()) || a.has(n.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: [ae, R],
+  name: "CurrencyPicker",
+  setup() {
+    const { t: e } = $();
+    return { t: e };
+  },
+  watch: { dialog(e) {
+    e || (this.searchInput = "");
+  } }
+}), z = {
+  "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"
+      }
+    }
+  } }
+}, ve = { class: "font-weight-bold mb-2" }, he = { class: "font-weight-bold mb-2" }, ke = { class: "font-weight-bold text-primary" }, ye = { class: "" }, Ce = { class: "font-weight-bold" }, be = { class: "font-weight-bold text-primary" };
+function Pe(e, a, n, d, f, b) {
+  return s(), m(H, null, {
+    default: t(() => [
+      r(g, {
+        class: "pa-4",
+        "no-gutters": ""
+      }, {
+        default: t(() => [r(u, { cols: "auto" }, {
+          default: t(() => [p("p", ve, c(e.t("CurrencyPicker.title")), 1)]),
+          _: 1
+        }), r(u, { class: "text-right" }, {
+          default: t(() => [j(e.$slots, "toolbar-right")]),
+          _: 3
+        })]),
+        _: 3
+      }),
+      r(ie),
+      r(Y, { class: "pa-4 rounded-lg" }, {
+        default: t(() => [
+          r(g, { "no-gutters": "" }, {
+            default: t(() => [r(u, { cols: "auto" }, {
+              default: t(() => [p("p", he, c(e.t("CurrencyPicker.preferred")), 1)]),
+              _: 1
+            })]),
+            _: 1
+          }),
+          r(g, { "no-gutters": "" }, {
+            default: t(() => [(s(!0), y(L, null, B(e.commonCurrencies, (l, o) => (s(), m(u, {
+              key: o,
+              cols: "12",
+              md: "4",
+              sm: "6"
+            }, {
+              default: t(() => [r(U, {
+                class: S(["text-caption", l.code === e.config.currency ? "bg-grey-lighten-4" : null]),
+                link: "",
+                onClick: (i) => e.onItemClick(l)
+              }, {
+                default: t(() => [r(g, { "no-gutters": "" }, {
+                  default: t(() => [r(u, {
+                    cols: "4",
+                    sm: "3"
+                  }, {
+                    default: t(() => [p("span", ke, [k(c(l.code) + " ", 1), l.code !== l.symbol ? (s(), y(L, { key: 0 }, [k(" - " + c(l.symbol), 1)], 64)) : T("", !0)])]),
+                    _: 2
+                  }, 1024), r(u, { class: "currency-name" }, {
+                    default: t(() => [p("span", ye, c(l.name), 1)]),
+                    _: 2
+                  }, 1024)]),
+                  _: 2
+                }, 1024)]),
+                _: 2
+              }, 1032, ["class", "onClick"])]),
+              _: 2
+            }, 1024))), 128))]),
+            _: 1
+          }),
+          r(g, {
+            align: "center",
+            class: "mt-3",
+            "no-gutters": ""
+          }, {
+            default: t(() => [r(u, {
+              cols: "12",
+              lg: "4"
+            }, {
+              default: t(() => [p("span", Ce, c(e.t("CurrencyPicker.all")), 1)]),
+              _: 1
+            }), r(u, {
+              cols: "12",
+              lg: "8"
+            }, {
+              default: t(() => [r(ce, {
+                modelValue: e.searchInput,
+                "onUpdate:modelValue": a[0] || (a[0] = (l) => e.searchInput = l),
+                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
+          }),
+          r(g, { "no-gutters": "" }, {
+            default: t(() => [(s(!0), y(L, null, B(e.filteredList, (l, o) => (s(), m(u, {
+              key: o,
+              cols: "12",
+              md: "4",
+              sm: "6"
+            }, {
+              default: t(() => [r(U, {
+                class: S(["text-caption", l.code === e.config.currency ? "bg-grey-lighten-4" : null]),
+                link: "",
+                onClick: (i) => e.onItemClick(l)
+              }, {
+                default: t(() => [r(g, { "no-gutters": "" }, {
+                  default: t(() => [r(u, {
+                    cols: "4",
+                    sm: "3"
+                  }, {
+                    default: t(() => [p("span", be, [k(c(l.code) + " ", 1), l.code !== l.symbol ? (s(), y(L, { key: 0 }, [k(" - " + c(l.symbol), 1)], 64)) : T("", !0)])]),
+                    _: 2
+                  }, 1024), r(u, { class: "currency-name no-break ml-1" }, {
+                    default: t(() => [k(c(l.name), 1)]),
+                    _: 2
+                  }, 1024)]),
+                  _: 2
+                }, 1024)]),
+                _: 2
+              }, 1032, ["class", "onClick"])]),
+              _: 2
+            }, 1024))), 128))]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 3
+  });
+}
+typeof z == "function" && z(J);
+var _e = /* @__PURE__ */ E(J, [["render", Pe]]), Le = {
+  color: {
+    default: "primary",
+    type: String
+  },
+  dialog: {
+    default: !1,
+    type: Boolean
+  },
+  elevation: {
+    default: 0,
+    type: [String, Number]
+  },
+  size: {
+    default: 0,
+    type: [String, Number]
+  }
+}, Ve = { modelValue: { type: Boolean } }, Se = _({
+  components: { CurrencyPicker: _e },
+  data() {
+    return { open: this.modelValue };
+  },
+  mixins: [R],
+  name: "CurrencyPickerDialog",
+  props: Ve,
+  setup() {
+    const { t: 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 we(e, a, n, d, f, b) {
+  const l = V("CurrencyPicker");
+  return s(), m(K, {
+    modelValue: e.open,
+    "onUpdate:modelValue": a[1] || (a[1] = (o) => e.open = o),
+    attach: e.$dialogAttach,
+    "content-class": "rounded-lg",
+    "max-width": "850",
+    scrollable: ""
+  }, {
+    default: t(() => [r(l, null, {
+      "toolbar-right": t(() => [r(w, {
+        class: "mx-1",
+        icon: "",
+        size: "x-small",
+        variant: "text",
+        onClick: a[0] || (a[0] = (o) => e.open = !1)
+      }, {
+        default: t(() => [r(O, { color: "dark" }, {
+          default: t(() => [...a[2] || (a[2] = [k("fas fa-times", -1)])]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      _: 1
+    })]),
+    _: 1
+  }, 8, ["modelValue", "attach"]);
+}
+var Z = /* @__PURE__ */ E(Se, [["render", we]]), $e = _({
+  components: { CurrencyPickerDialog: Z },
+  computed: { currencies() {
+    return D;
+  } },
+  data() {
+    return { currencyPickerDialog: !1 };
+  },
+  methods: { onClick() {
+    this.dialog && (this.currencyPickerDialog = !0);
+  } },
+  mixins: [R],
+  name: "LangPickerBtn",
+  props: Le,
+  setup() {
+    const { t: e } = $();
+    return { t: e };
+  }
+});
+function Ee(e, a, n, d, f, b) {
+  const l = V("CurrencyPickerDialog");
+  return s(), m(w, {
+    class: S(`elevation-${e.elevation} rounded-circle`),
+    color: e.color,
+    height: "32",
+    size: "x-small",
+    style: { minWidth: "32px" },
+    width: "32",
+    onClick: e.onClick
+  }, {
+    default: t(() => [p("b", null, c(e.currencies[e.config.currency]?.code), 1), e.dialog ? (s(), m(l, {
+      key: 0,
+      modelValue: e.currencyPickerDialog,
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => e.currencyPickerDialog = o)
+    }, null, 8, ["modelValue"])) : T("", !0)]),
+    _: 1
+  }, 8, [
+    "class",
+    "color",
+    "onClick"
+  ]);
+}
+var Me = /* @__PURE__ */ E($e, [["render", Ee]]), M = /* @__PURE__ */ (function(e) {
+  return e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.Top = "top", e;
+})({}), De = {
+  block: {
+    default: !1,
+    type: Boolean
+  },
+  color: {
+    default: "secondary",
+    type: String
+  },
+  compact: {
+    default: !1,
+    type: Boolean
+  },
+  direction: {
+    default: "top",
+    type: String
+  }
+}, Be = { class: "text-grey-darken-2" }, Q = /* @__PURE__ */ _({
+  __name: "LangPicker",
+  props: /* @__PURE__ */ W({ locales: { default: () => Object.keys(C) } }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { config: a } = ne(), { t: n } = $(), d = e, f = G(e, "modelValue"), b = oe(() => {
+      const l = (d.locales || []).filter((o) => C[o]).map((o) => C[o]);
+      return l.length > 0 ? l : Object.values(C);
+    });
+    return (l, o) => (s(), m(Y, null, {
+      default: t(() => [r(me, {
+        color: "white",
+        elevation: "0"
+      }, {
+        default: t(() => [p("h4", Be, c(P(n)("LangPicker.title")), 1), j(l.$slots, "toolbar-right")]),
+        _: 3
+      }), (s(!0), y(L, null, B(b.value, (i) => (s(), m(U, {
+        key: i.name,
+        class: S(["ml-3", f.value === i.code ? "bg-grey-lighten-4" : void 0]),
+        link: "",
+        onClick: (v) => f.value = i.code
+      }, {
+        default: t(() => [r(I, { image: `https://flagcdn.com/h60/${i.countryCode.toLowerCase()}.png` }, null, 8, ["image"]), p("span", { class: S(["ml-4", P(a).lang === i.code ? "font-weight-bold" : ""]) }, c(i.name), 3)]),
+        _: 2
+      }, 1032, ["class", "onClick"]))), 128))]),
+      _: 3
+    }));
+  }
+}), A = {
+  "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ählen Sie Ihre 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(Q);
+var Te = Q, Oe = /* @__PURE__ */ _({
+  __name: "LangPickerBtn",
+  props: /* @__PURE__ */ W({
+    locales: {},
+    elevation: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const a = G(e, "modelValue"), n = N(null), { $dialogAttach: d } = re(n), f = N(!1);
+    function b() {
+      f.value = !1;
+    }
+    return le(a, () => {
+      a.value && (f.value = !1);
+    }), (l, o) => (s(), y("div", {
+      ref_key: "root",
+      ref: n
+    }, [r(K, {
+      modelValue: f.value,
+      "onUpdate:modelValue": o[1] || (o[1] = (i) => f.value = i),
+      attach: P(d),
+      "max-width": "290"
+    }, {
+      activator: t(({ props: i }) => [r(w, x({
+        class: `elevation-${e.elevation} rounded-circle`,
+        color: "primary",
+        height: "32",
+        icon: "",
+        size: "x-small",
+        variant: a.value ? "text" : "flat",
+        width: "32"
+      }, i), {
+        default: t(() => [r(I, { style: { overflow: "hidden" } }, {
+          default: t(() => [a.value ? (s(), m(q, {
+            key: 0,
+            src: `https://flagcdn.com/h60/${P(C)[a.value].countryCode.toLowerCase()}.png`,
+            srcset: `https://flagcdn.com/h80/${P(C)[a.value].countryCode.toLowerCase()}.png 2x,
+                https://flagcdn.com/h120/${P(C)[a.value].countryCode.toLowerCase()}.png 3x`
+          }, null, 8, ["src", "srcset"])) : (s(), m(O, {
+            key: 1,
+            color: "dark"
+          }, {
+            default: t(() => [...o[2] || (o[2] = [k("fas fa-globe", -1)])]),
+            _: 1
+          }))]),
+          _: 1
+        })]),
+        _: 1
+      }, 16, ["class", "variant"])]),
+      default: t(() => [r(Te, {
+        modelValue: a.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
+        locales: e.locales
+      }, {
+        "toolbar-right": t(() => [r(ue), r(w, {
+          class: "mx-1",
+          icon: "",
+          size: "x-small",
+          variant: "text",
+          onClick: b
+        }, {
+          default: t(() => [r(O, { color: "dark" }, {
+            default: t(() => [...o[3] || (o[3] = [k("fas fa-times", -1)])]),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["modelValue", "locales"])]),
+      _: 1
+    }, 8, ["modelValue", "attach"])], 512));
+  }
+}), Ue = /* @__PURE__ */ E(Oe, [["__scopeId", "data-v-1455e933"]]), X = _({
+  components: {
+    CurrencyPickerBtn: Me,
+    CurrencyPickerDialog: Z,
+    LangPickerBtn: Ue
+  },
+  computed: {
+    activeCurrency() {
+      return D[this.config.currency];
+    },
+    langPickerModel: {
+      get() {
+        return this.$i18n.locale;
+      },
+      set(e) {
+        se(this.config, e, this.$eventBus);
+      }
+    },
+    transition() {
+      switch (this.direction) {
+        case M.Bottom:
+          return "slide-y-transition";
+        case M.Left:
+          return "slide-x-reverse-transition";
+        case M.Right:
+          return "slide-x-transition";
+        case M.Top:
+          return "slide-y-reverse-transition";
+        case void 0:
+        default:
+          return "slide-y-transition";
+      }
+    }
+  },
+  data() {
+    return {
+      currencyPickerDialog: !1,
+      LOCALES: C
+    };
+  },
+  methods: { onCurrencyPickerBtnClicked() {
+    this.currencyPickerDialog = !0;
+  } },
+  mixins: [te({
+    fallbackValue: !1,
+    propsName: "compact"
+  })],
+  name: "PreferencesMenu",
+  props: De,
+  setup() {
+    const { t: e } = $();
+    return { t: e };
+  }
+}), F = {
+  "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ählen Sie Ihre 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"
+    }
+  } } }
+}, Re = { key: 0 }, Ie = { class: "pr-1" }, Ne = { key: 1 };
+function ze(e, a, n, d, f, b) {
+  const l = V("CurrencyPickerBtn"), o = V("LangPickerBtn"), i = V("CurrencyPickerDialog");
+  return e.parsedCompact ? (s(), y("div", Re, [r(de, {
+    "content-class": "elevation-0",
+    elevation: "0",
+    location: e.direction,
+    transition: e.transition
+  }, {
+    activator: t(({ props: v }) => [r(w, x({
+      block: e.block,
+      class: "elevation-0 px-1",
+      color: e.color,
+      size: "small"
+    }, v, { style: {
+      "max-width": "62px",
+      width: "62px"
+    } }), {
+      default: t(() => [p("small", Ie, c(e.activeCurrency.code) + " /", 1), r(I, { size: "16" }, {
+        default: t(() => [r(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: t(() => [r(H, {
+      class: "bg-transparent",
+      elevation: "0"
+    }, {
+      default: t(() => [r(pe, { class: "px-3" }, {
+        default: t(() => [r(g, null, {
+          default: t(() => [r(u, { class: "d-flex justify-center" }, {
+            default: t(() => [r(l, {
+              color: e.color,
+              elevation: "7",
+              onClick: e.onCurrencyPickerBtnClicked
+            }, null, 8, ["color", "onClick"])]),
+            _: 1
+          })]),
+          _: 1
+        }), r(g, { dense: "" }, {
+          default: t(() => [r(u, { class: "d-flex justify-center" }, {
+            default: t(() => [r(o, {
+              modelValue: e.langPickerModel,
+              "onUpdate:modelValue": a[0] || (a[0] = (v) => e.langPickerModel = v),
+              elevation: "7",
+              locales: e.config.locales
+            }, null, 8, ["modelValue", "locales"])]),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      })]),
+      _: 1
+    })]),
+    _: 1
+  }, 8, ["location", "transition"]), r(i, {
+    modelValue: e.currencyPickerDialog,
+    "onUpdate:modelValue": a[1] || (a[1] = (v) => e.currencyPickerDialog = v)
+  }, null, 8, ["modelValue"])])) : (s(), y("div", Ne, [
+    r(l, {
+      class: "d-inline-block",
+      color: e.color,
+      dialog: ""
+    }, null, 8, ["color"]),
+    a[3] || (a[3] = p("span", { class: "pr-1" }, null, -1)),
+    r(o, {
+      modelValue: e.langPickerModel,
+      "onUpdate:modelValue": a[2] || (a[2] = (v) => e.langPickerModel = v),
+      class: "d-inline-block",
+      locales: e.config.locales
+    }, null, 8, ["modelValue", "locales"])
+  ]));
+}
+typeof F == "function" && F(X);
+var xe = /* @__PURE__ */ E(X, [["render", ze], ["__scopeId", "data-v-b44ae435"]]);
+ee("css/revolugo.preferencesmenu.DwotHb97.css");
+export {
+  Me as a,
+  De as i,
+  Ue as n,
+  Le as o,
+  M as r,
+  xe as t
+};
+
+//# sourceMappingURL=revolugo.preferencesmenu.D3xsb3G6.min.js.map