@revolugo/elements 6.14.6-rc.0 → 6.15.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/css/{revolugo.cancellationpoliciesbadge.CVnwoRRv.css → revolugo.cancellationpoliciesbadge.DDwUPwrW.css} +1 -1
  2. package/dist/css/{revolugo.creditcardstripeform.CQo4EdV9.css → revolugo.creditcardstripeform.CuNCVfSx.css} +1 -1
  3. package/dist/css/revolugo.preferencesmenu.CKbQGJ3O.css +1 -0
  4. package/dist/css/{revolugo.webcomponentwrapper.Sz4vrcSR.css → revolugo.webcomponentwrapper.DTRm9uoD.css} +1 -1
  5. package/dist/index.es.min.js +1 -1
  6. package/dist/index.es.min.js.map +1 -1
  7. package/dist/index.min.js +1 -1
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/revolugo.banktransferdetails.DjI3QIOP.min.js +47 -0
  10. package/dist/revolugo.bookingdetailssidebar.D_RKCyTt.min.js +43 -0
  11. package/dist/revolugo.bookingmanager.CDc1pDyp.min.js +26 -0
  12. package/dist/revolugo.cancellationpoliciesbadge.props.B3aLLZhR.min.js +29129 -0
  13. package/dist/revolugo.cancellationpoliciesbadge.v-DUj1Hp.min.js +26 -0
  14. package/dist/revolugo.cancellationpolicieslist.CV0g1sCr.min.js +26 -0
  15. package/dist/revolugo.creditcardstripeform.BewtHtxp.min.js +2998 -0
  16. package/dist/revolugo.creditcardstripeform.CcI2t_hG.min.js +50 -0
  17. package/dist/revolugo.currencypickerbtn.DCafnRAy.min.js +26 -0
  18. package/dist/{revolugo.dialog-attach.BOO2g6vS.min.js → revolugo.dialog-attach.AlGDA7ik.min.js} +2 -2
  19. package/dist/revolugo.fastbookingflow.DX3mHf9l.min.js +36 -0
  20. package/dist/revolugo.fullbookingflow.WqvgoMGT.min.js +26 -0
  21. package/dist/revolugo.hoteldescriptionview.D6jGQmUl.min.js +26 -0
  22. package/dist/revolugo.hotelofferlist.mfowiFMI.min.js +26 -0
  23. package/dist/revolugo.hoteloffersearchmenu.qr7J1NLo.min.js +122 -0
  24. package/dist/revolugo.hoteloffersmap.Blm3e2O-.min.js +26 -0
  25. package/dist/revolugo.hoteloffersview.djEZ5zo8.min.js +29 -0
  26. package/dist/revolugo.hotelroomofferlist.CdD-q7yY.min.js +26 -0
  27. package/dist/revolugo.hotelroomoffersbookingflow.CWysa7Nv.min.js +26 -0
  28. package/dist/revolugo.hotelroomoffersearchmenu.BSDtS9Ws.min.js +26 -0
  29. package/dist/revolugo.hotelroomoffersview.ByBpPOvZ.min.js +26 -0
  30. package/dist/revolugo.index.CQvFIiNt.min.js +101 -0
  31. package/dist/revolugo.index.wc.DfQ8duWr.min.js +30175 -0
  32. package/dist/revolugo.langpickerbtn.CL9xYB1F.min.js +31 -0
  33. package/dist/revolugo.min.js +1 -1
  34. package/dist/revolugo.prebookform.DtXZEPPa.min.js +26 -0
  35. package/dist/revolugo.preferencesmenu.2JmC5pTl.min.js +24 -0
  36. package/dist/revolugo.preferencesmenu.DzlsEkgg.min.js +943 -0
  37. package/dist/revolugo.roominglisteditor.CHDeYuW-.min.js +26 -0
  38. package/dist/revolugo.storybooktoolbar.BgdWlsv1.min.js +828 -0
  39. package/dist/revolugo.termsandconditions.5iF7mOGl.min.js +31 -0
  40. package/dist/{revolugo.vtoolbar.BrJsPjyn.min.js → revolugo.vtoolbar.fS7xpXX7.min.js} +40 -40
  41. package/dist/revolugo.webcomponentwrapper.DmGYDu7L.min.js +30887 -0
  42. package/package.json +13 -148
  43. package/dist/css/revolugo.preferencesmenu.xwW9g-pj.css +0 -1
  44. package/dist/revolugo.banktransferdetails.Cub44miS.min.js +0 -47
  45. package/dist/revolugo.bookingdetailssidebar.FLVMXWfb.min.js +0 -43
  46. package/dist/revolugo.bookingmanager.Kt-XEVcb.min.js +0 -26
  47. package/dist/revolugo.cancellationpoliciesbadge.props.B3Oir2JL.min.js +0 -28795
  48. package/dist/revolugo.cancellationpoliciesbadge.wXqASj4o.min.js +0 -26
  49. package/dist/revolugo.cancellationpolicieslist.CB2jqcOC.min.js +0 -26
  50. package/dist/revolugo.creditcardstripeform.BKHC0EXa.min.js +0 -50
  51. package/dist/revolugo.creditcardstripeform.CFj-X3B1.min.js +0 -2137
  52. package/dist/revolugo.currencypickerbtn.Bil8a4MK.min.js +0 -26
  53. package/dist/revolugo.fastbookingflow.Ey7heNp3.min.js +0 -36
  54. package/dist/revolugo.fullbookingflow.BmEQb3hX.min.js +0 -26
  55. package/dist/revolugo.hoteldescriptionview.CQjMsC50.min.js +0 -26
  56. package/dist/revolugo.hotelofferlist.BCSGpg35.min.js +0 -26
  57. package/dist/revolugo.hoteloffersearchmenu.CX8d-C9i.min.js +0 -115
  58. package/dist/revolugo.hoteloffersmap.DZCoqYy9.min.js +0 -26
  59. package/dist/revolugo.hoteloffersview.Dl6PHNuf.min.js +0 -21
  60. package/dist/revolugo.hotelroomofferlist.D_K55U8L.min.js +0 -26
  61. package/dist/revolugo.hotelroomoffersbookingflow.Cxftg_K5.min.js +0 -26
  62. package/dist/revolugo.hotelroomoffersearchmenu.BAW7QSdh.min.js +0 -26
  63. package/dist/revolugo.hotelroomoffersview.Cck3d1D7.min.js +0 -26
  64. package/dist/revolugo.index.CE4W8vd5.min.js +0 -101
  65. package/dist/revolugo.index.wc.C1k5jVOs.min.js +0 -24036
  66. package/dist/revolugo.langpickerbtn.hPOI4yKr.min.js +0 -31
  67. package/dist/revolugo.prebookform.ta_y5ufY.min.js +0 -26
  68. package/dist/revolugo.preferencesmenu.CNzF7xpj.min.js +0 -24
  69. package/dist/revolugo.preferencesmenu.shY-3UnD.min.js +0 -932
  70. package/dist/revolugo.roominglisteditor.CzQTR_4C.min.js +0 -26
  71. package/dist/revolugo.storybooktoolbar.D828oQt9.min.js +0 -824
  72. package/dist/revolugo.termsandconditions.sDirhmY4.min.js +0 -31
  73. package/dist/revolugo.webcomponentwrapper.BE6Todxg.min.js +0 -30737
@@ -1,932 +0,0 @@
1
- import { d as P, a_ as te, Y as oe, h as E, b2 as D, b3 as k, c as m, w as o, a as n, z as p, y as f, V as j, j as y, U as T, F as L, o as r, X as w, p as C, f as B, r as S, at as W, q as ne, au as Y, b as se, b4 as b, u as _, i as I, e as ae, m as x, b5 as le } from "./revolugo.index.wc.C1k5jVOs.min.js";
2
- import { aY as re, aN as ie, ba as ce, _ as M, e as d, d as g, L as ue, g as de, bf as G, V as J, b1 as O, j as $, k as U, l as K, ar as N, m as fe, i as pe, ae as q, b as me, aQ as ge } from "./revolugo.webcomponentwrapper.BE6Todxg.min.js";
3
- import { d as R } from "./revolugo.dialog-attach.BOO2g6vS.min.js";
4
- import { d as he, V as ke } from "./revolugo.vtoolbar.BrJsPjyn.min.js";
5
- function ee(e) {
6
- try {
7
- if (typeof document < "u") {
8
- window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
9
- sheets: [],
10
- components: []
11
- };
12
- const t = import.meta.url, a = t.slice(0, t.lastIndexOf("/") + 1) + e;
13
- window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
14
- for (const i of REVOLUGO_ELEMENTS_STYLES.components)
15
- i(a);
16
- if (e.indexOf("fonts") >= 0) {
17
- const i = document.createElement("link");
18
- i.rel = "stylesheet", linK.href = a, document.head.appendChild(i);
19
- }
20
- }
21
- } catch (t) {
22
- console.error("[revolugo-elements] ", t);
23
- }
24
- }
25
- function Ce(e, t, a) {
26
- if (e == null)
27
- return t;
28
- const i = a || ((c) => c);
29
- if (typeof e == "string")
30
- try {
31
- return i(JSON.parse(e));
32
- } catch {
33
- return t;
34
- }
35
- return i(e);
36
- }
37
- const ye = ({
38
- cb: e,
39
- fallbackValue: t,
40
- propsName: a
41
- }) => {
42
- const i = re(a, ie.Pascal);
43
- return P({
44
- computed: {
45
- [`parsed${i}`]() {
46
- const c = Ce(
47
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
48
- this[a],
49
- t,
50
- e
51
- );
52
- return c && t ? he(structuredClone(te(c)), t) : c;
53
- }
54
- }
55
- });
56
- }, be = [
57
- k.EUR,
58
- k.USD,
59
- k.GBP,
60
- k.CAD,
61
- k.AED,
62
- k.INR,
63
- k.AUD,
64
- k.JPY
65
- ], Q = P({
66
- computed: {
67
- commonCurrencies() {
68
- const e = new Set(be);
69
- return Object.values(this.currencies).filter(
70
- (t) => e.has(t.code)
71
- );
72
- },
73
- countries() {
74
- return Object.values(ce);
75
- },
76
- currencies() {
77
- return D;
78
- },
79
- filteredList() {
80
- if (!this.searchInput)
81
- return Object.values(this.currencies);
82
- const e = this.countries.filter(
83
- (a) => a.name.toLowerCase().includes(this.searchInput.toLowerCase()) || a.iso2.toLowerCase().includes(this.searchInput.toLowerCase())
84
- ), t = new Set(
85
- e.map((a) => a.currency)
86
- );
87
- return Object.values(this.currencies).filter(
88
- (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)
89
- );
90
- },
91
- selectedCurrency() {
92
- return this.config.currency ?? D.EUR.code;
93
- }
94
- },
95
- data() {
96
- return {
97
- dialog: !1,
98
- searchInput: ""
99
- };
100
- },
101
- methods: {
102
- onItemClick(e) {
103
- this.dialog = !1, this.updateCurrency(e.code), this.searchInput = "";
104
- }
105
- },
106
- mixins: [oe, R],
107
- name: "CurrencyPicker",
108
- setup() {
109
- const { t: e } = E();
110
- return {
111
- t: e
112
- };
113
- },
114
- watch: {
115
- dialog(e) {
116
- e || (this.searchInput = "");
117
- }
118
- }
119
- });
120
- function z(e) {
121
- const t = e;
122
- t.__i18n = t.__i18n || [], t.__i18n.push({
123
- locale: "",
124
- resource: {
125
- "en-US": {
126
- CurrencyPicker: {
127
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "All currencies" } },
128
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Currency not found" } },
129
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Preferred currencies" } },
130
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Select your currency" } }
131
- }
132
- },
133
- "fr-FR": {
134
- CurrencyPicker: {
135
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Toutes les devises" } },
136
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Devise non trouvée" } },
137
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Devises populaires" } },
138
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sélectionnez votre devise" } }
139
- }
140
- },
141
- "de-DE": {
142
- CurrencyPicker: {
143
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Alle Währungen" } },
144
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Währung nicht gefunden" } },
145
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bevorzugte Währungen" } },
146
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Wählen Sie Ihre Währung" } }
147
- }
148
- },
149
- "es-ES": {
150
- CurrencyPicker: {
151
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Todas las monedas" } },
152
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moneda no encontrada" } },
153
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Monedas preferidas" } },
154
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecciona tu moneda" } }
155
- }
156
- },
157
- "it-IT": {
158
- CurrencyPicker: {
159
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tutte le valute" } },
160
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Valuta non trovata" } },
161
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Valute preferite" } },
162
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Seleziona la tua valuta" } }
163
- }
164
- },
165
- "nl-NL": {
166
- CurrencyPicker: {
167
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Alle valuta's" } },
168
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Valuta niet gevonden" } },
169
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voorkeursvaluta's" } },
170
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecteer uw valuta" } }
171
- }
172
- },
173
- "pt-PT": {
174
- CurrencyPicker: {
175
- all: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Todas as moedas" } },
176
- notFound: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moeda não encontrada" } },
177
- preferred: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moedas preferenciais" } },
178
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecione a sua moeda" } }
179
- }
180
- }
181
- }
182
- });
183
- }
184
- const ve = { class: "mb-2 font-weight-bold" }, Pe = { class: "mb-2 font-weight-bold" }, _e = { class: "font-weight-bold text-primary" }, Le = { class: "" }, Ve = { class: "font-weight-bold" }, Se = { class: "font-weight-bold text-primary" };
185
- function we(e, t, a, i, c, v) {
186
- return r(), m(J, null, {
187
- default: o(() => [
188
- n(g, {
189
- class: "pa-4",
190
- "no-gutters": ""
191
- }, {
192
- default: o(() => [
193
- n(d, { cols: "auto" }, {
194
- default: o(() => [
195
- p("p", ve, f(e.t("CurrencyPicker.title")), 1)
196
- ]),
197
- _: 1
198
- }),
199
- n(d, { class: "text-right" }, {
200
- default: o(() => [
201
- j(e.$slots, "toolbar-right")
202
- ]),
203
- _: 3
204
- })
205
- ]),
206
- _: 3
207
- }),
208
- n(ue),
209
- n(G, { class: "pa-4 rounded-lg" }, {
210
- default: o(() => [
211
- n(g, { "no-gutters": "" }, {
212
- default: o(() => [
213
- n(d, { cols: "auto" }, {
214
- default: o(() => [
215
- p("p", Pe, f(e.t("CurrencyPicker.preferred")), 1)
216
- ]),
217
- _: 1
218
- })
219
- ]),
220
- _: 1
221
- }),
222
- n(g, { "no-gutters": "" }, {
223
- default: o(() => [
224
- (r(!0), y(L, null, T(e.commonCurrencies, (s, l) => (r(), m(d, {
225
- key: l,
226
- cols: "12",
227
- md: "4",
228
- sm: "6"
229
- }, {
230
- default: o(() => [
231
- n(O, {
232
- class: w([
233
- "text-caption",
234
- s.code === e.config.currency ? "bg-grey-lighten-4" : null
235
- ]),
236
- link: "",
237
- onClick: (u) => e.onItemClick(s)
238
- }, {
239
- default: o(() => [
240
- n(g, { "no-gutters": "" }, {
241
- default: o(() => [
242
- n(d, {
243
- cols: "4",
244
- sm: "3"
245
- }, {
246
- default: o(() => [
247
- p("span", _e, [
248
- C(f(s.code) + " ", 1),
249
- s.code !== s.symbol ? (r(), y(L, { key: 0 }, [
250
- C(" - " + f(s.symbol), 1)
251
- ], 64)) : B("", !0)
252
- ])
253
- ]),
254
- _: 2
255
- }, 1024),
256
- n(d, { class: "currency-name" }, {
257
- default: o(() => [
258
- p("span", Le, f(s.name), 1)
259
- ]),
260
- _: 2
261
- }, 1024)
262
- ]),
263
- _: 2
264
- }, 1024)
265
- ]),
266
- _: 2
267
- }, 1032, ["class", "onClick"])
268
- ]),
269
- _: 2
270
- }, 1024))), 128))
271
- ]),
272
- _: 1
273
- }),
274
- n(g, {
275
- align: "center",
276
- class: "mt-3",
277
- "no-gutters": ""
278
- }, {
279
- default: o(() => [
280
- n(d, {
281
- cols: "12",
282
- lg: "4"
283
- }, {
284
- default: o(() => [
285
- p("span", Ve, f(e.t("CurrencyPicker.all")), 1)
286
- ]),
287
- _: 1
288
- }),
289
- n(d, {
290
- cols: "12",
291
- lg: "8"
292
- }, {
293
- default: o(() => [
294
- n(de, {
295
- modelValue: e.searchInput,
296
- "onUpdate:modelValue": t[0] || (t[0] = (s) => e.searchInput = s),
297
- class: "mt-2",
298
- density: "compact",
299
- "error-messages": e.filteredList.length === 0 ? [e.t("CurrencyPicker.notFound")] : [],
300
- label: "Search",
301
- variant: "outlined"
302
- }, null, 8, ["modelValue", "error-messages"])
303
- ]),
304
- _: 1
305
- })
306
- ]),
307
- _: 1
308
- }),
309
- n(g, { "no-gutters": "" }, {
310
- default: o(() => [
311
- (r(!0), y(L, null, T(e.filteredList, (s, l) => (r(), m(d, {
312
- key: l,
313
- cols: "12",
314
- md: "4",
315
- sm: "6"
316
- }, {
317
- default: o(() => [
318
- n(O, {
319
- class: w([
320
- "text-caption",
321
- s.code === e.config.currency ? "bg-grey-lighten-4" : null
322
- ]),
323
- link: "",
324
- onClick: (u) => e.onItemClick(s)
325
- }, {
326
- default: o(() => [
327
- n(g, { "no-gutters": "" }, {
328
- default: o(() => [
329
- n(d, {
330
- cols: "4",
331
- sm: "3"
332
- }, {
333
- default: o(() => [
334
- p("span", Se, [
335
- C(f(s.code) + " ", 1),
336
- s.code !== s.symbol ? (r(), y(L, { key: 0 }, [
337
- C(" - " + f(s.symbol), 1)
338
- ], 64)) : B("", !0)
339
- ])
340
- ]),
341
- _: 2
342
- }, 1024),
343
- n(d, { class: "currency-name no-break ml-1" }, {
344
- default: o(() => [
345
- C(f(s.name), 1)
346
- ]),
347
- _: 2
348
- }, 1024)
349
- ]),
350
- _: 2
351
- }, 1024)
352
- ]),
353
- _: 2
354
- }, 1032, ["class", "onClick"])
355
- ]),
356
- _: 2
357
- }, 1024))), 128))
358
- ]),
359
- _: 1
360
- })
361
- ]),
362
- _: 1
363
- })
364
- ]),
365
- _: 3
366
- });
367
- }
368
- typeof z == "function" && z(Q);
369
- const $e = /* @__PURE__ */ M(Q, [["render", we]]), Ee = {
370
- modelValue: {
371
- type: Boolean
372
- }
373
- }, Me = P({
374
- components: {
375
- CurrencyPicker: $e
376
- },
377
- data() {
378
- return {
379
- open: this.modelValue
380
- };
381
- },
382
- mixins: [R],
383
- name: "CurrencyPickerDialog",
384
- props: Ee,
385
- setup() {
386
- const { t: e } = E();
387
- return {
388
- t: e
389
- };
390
- },
391
- watch: {
392
- "config.currency"(e) {
393
- e && (this.open = !1);
394
- },
395
- modelValue(e) {
396
- this.open = e;
397
- },
398
- open(e) {
399
- this.$emit("update:modelValue", e);
400
- }
401
- }
402
- });
403
- function De(e, t, a, i, c, v) {
404
- const s = S("CurrencyPicker");
405
- return r(), m(K, {
406
- modelValue: e.open,
407
- "onUpdate:modelValue": t[1] || (t[1] = (l) => e.open = l),
408
- "content-class": "rounded-lg",
409
- attach: e.$dialogAttach,
410
- "max-width": "850",
411
- scrollable: ""
412
- }, {
413
- default: o(() => [
414
- n(s, null, {
415
- "toolbar-right": o(() => [
416
- n($, {
417
- class: "mx-1",
418
- icon: "",
419
- variant: "text",
420
- size: "x-small",
421
- onClick: t[0] || (t[0] = (l) => e.open = !1)
422
- }, {
423
- default: o(() => [
424
- n(U, { color: "dark" }, {
425
- default: o(() => [...t[2] || (t[2] = [
426
- C(" fas fa-times ", -1)
427
- ])]),
428
- _: 1
429
- })
430
- ]),
431
- _: 1
432
- })
433
- ]),
434
- _: 1
435
- })
436
- ]),
437
- _: 1
438
- }, 8, ["modelValue", "attach"]);
439
- }
440
- const X = /* @__PURE__ */ M(Me, [["render", De]]), Te = {
441
- color: {
442
- default: "primary",
443
- type: String
444
- },
445
- dialog: {
446
- default: !1,
447
- type: Boolean
448
- },
449
- elevation: {
450
- default: 0,
451
- type: [String, Number]
452
- },
453
- size: {
454
- default: 0,
455
- type: [String, Number]
456
- }
457
- }, Be = P({
458
- components: {
459
- CurrencyPickerDialog: X
460
- },
461
- computed: {
462
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
463
- currencies() {
464
- return D;
465
- }
466
- },
467
- data() {
468
- return {
469
- currencyPickerDialog: !1
470
- };
471
- },
472
- methods: {
473
- onClick() {
474
- this.dialog && (this.currencyPickerDialog = !0);
475
- }
476
- },
477
- mixins: [R],
478
- name: "LangPickerBtn",
479
- props: Te,
480
- setup() {
481
- const { t: e } = E();
482
- return {
483
- t: e
484
- };
485
- }
486
- });
487
- function Oe(e, t, a, i, c, v) {
488
- const s = S("CurrencyPickerDialog");
489
- return r(), m($, {
490
- class: w(`elevation-${e.elevation} rounded-circle`),
491
- color: e.color,
492
- size: "x-small",
493
- height: "32",
494
- width: "32",
495
- style: {
496
- minWidth: "32px"
497
- },
498
- onClick: e.onClick
499
- }, {
500
- default: o(() => [
501
- p("b", null, f(e.currencies[e.config.currency]?.code), 1),
502
- e.dialog ? (r(), m(s, {
503
- key: 0,
504
- modelValue: e.currencyPickerDialog,
505
- "onUpdate:modelValue": t[0] || (t[0] = (l) => e.currencyPickerDialog = l)
506
- }, null, 8, ["modelValue"])) : B("", !0)
507
- ]),
508
- _: 1
509
- }, 8, ["class", "color", "onClick"]);
510
- }
511
- const Ue = /* @__PURE__ */ M(Be, [["render", Oe]]);
512
- var V = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(V || {});
513
- const Ne = {
514
- block: {
515
- default: !1,
516
- type: Boolean
517
- },
518
- color: {
519
- default: "secondary",
520
- type: String
521
- },
522
- compact: {
523
- default: !1,
524
- type: Boolean
525
- },
526
- direction: {
527
- default: "top",
528
- type: String
529
- }
530
- }, Re = { class: "text-grey-darken-2" }, H = /* @__PURE__ */ P({
531
- __name: "LangPicker",
532
- props: /* @__PURE__ */ W({
533
- locales: { default: () => Object.keys(b) }
534
- }, {
535
- modelValue: {},
536
- modelModifiers: {}
537
- }),
538
- emits: ["update:modelValue"],
539
- setup(e) {
540
- const { config: t } = ne(), { t: a } = E(), i = e, c = Y(e, "modelValue"), v = se(() => {
541
- const s = (i.locales || []).filter((l) => b[l]).map((l) => b[l]);
542
- return s.length > 0 ? s : Object.values(b);
543
- });
544
- return (s, l) => (r(), m(G, null, {
545
- default: o(() => [
546
- n(ke, {
547
- color: "white",
548
- elevation: "0"
549
- }, {
550
- default: o(() => [
551
- p("h4", Re, f(_(a)("LangPicker.title")), 1),
552
- j(s.$slots, "toolbar-right")
553
- ]),
554
- _: 3
555
- }),
556
- (r(!0), y(L, null, T(v.value, (u) => (r(), m(O, {
557
- class: w(["ml-3", c.value === u.code ? "bg-grey-lighten-4" : void 0]),
558
- key: u.name,
559
- link: "",
560
- onClick: (h) => c.value = u.code
561
- }, {
562
- default: o(() => [
563
- n(N, {
564
- image: `https://flagcdn.com/h60/${u.countryCode.toLowerCase()}.png`
565
- }, null, 8, ["image"]),
566
- p("span", {
567
- class: w(["ml-4", _(t).lang === u.code ? "font-weight-bold" : ""])
568
- }, f(u.name), 3)
569
- ]),
570
- _: 2
571
- }, 1032, ["class", "onClick"]))), 128))
572
- ]),
573
- _: 3
574
- }));
575
- }
576
- });
577
- function A(e) {
578
- const t = e;
579
- t.__i18n = t.__i18n || [], t.__i18n.push({
580
- locale: "",
581
- resource: {
582
- "en-US": {
583
- LangPicker: {
584
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Select your language" } }
585
- }
586
- },
587
- "fr-FR": {
588
- LangPicker: {
589
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sélectionnez votre langue" } }
590
- }
591
- },
592
- "de-DE": {
593
- LangPicker: {
594
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Wähle deine Sprache" } }
595
- }
596
- },
597
- "es-ES": {
598
- LangPicker: {
599
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecciona tu idioma" } }
600
- }
601
- },
602
- "it-IT": {
603
- LangPicker: {
604
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Seleziona la tua lingua" } }
605
- }
606
- },
607
- "nl-NL": {
608
- LangPicker: {
609
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecteer uw taal" } }
610
- }
611
- },
612
- "pt-PT": {
613
- LangPicker: {
614
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Selecione o seu idioma" } }
615
- }
616
- }
617
- }
618
- });
619
- }
620
- typeof A == "function" && A(H);
621
- const Ie = /* @__PURE__ */ P({
622
- __name: "LangPickerBtn",
623
- props: /* @__PURE__ */ W({
624
- locales: {},
625
- elevation: {}
626
- }, {
627
- modelValue: {},
628
- modelModifiers: {}
629
- }),
630
- emits: ["update:modelValue"],
631
- setup(e) {
632
- const t = Y(e, "modelValue"), a = I(null), { $dialogAttach: i } = fe(a), c = I(!1);
633
- function v() {
634
- c.value = !1;
635
- }
636
- return ae(t, () => {
637
- t.value && (c.value = !1);
638
- }), (s, l) => (r(), y("div", {
639
- ref_key: "root",
640
- ref: a
641
- }, [
642
- n(K, {
643
- modelValue: c.value,
644
- "onUpdate:modelValue": l[1] || (l[1] = (u) => c.value = u),
645
- "max-width": "290",
646
- attach: _(i)
647
- }, {
648
- activator: o(({ props: u }) => [
649
- n($, x({
650
- class: `elevation-${e.elevation} rounded-circle`,
651
- color: "primary",
652
- variant: t.value ? "text" : "flat",
653
- size: "x-small",
654
- icon: "",
655
- height: "32",
656
- width: "32"
657
- }, u), {
658
- default: o(() => [
659
- n(N, { style: { overflow: "hidden" } }, {
660
- default: o(() => [
661
- t.value ? (r(), m(q, {
662
- key: 0,
663
- src: `https://flagcdn.com/h60/${_(b)[t.value].countryCode.toLowerCase()}.png`,
664
- srcset: `https://flagcdn.com/h80/${_(b)[t.value].countryCode.toLowerCase()}.png 2x,
665
- https://flagcdn.com/h120/${_(b)[t.value].countryCode.toLowerCase()}.png 3x`
666
- }, null, 8, ["src", "srcset"])) : (r(), m(U, {
667
- key: 1,
668
- color: "dark"
669
- }, {
670
- default: o(() => [...l[2] || (l[2] = [
671
- C(" fas fa-globe ", -1)
672
- ])]),
673
- _: 1
674
- }))
675
- ]),
676
- _: 1
677
- })
678
- ]),
679
- _: 1
680
- }, 16, ["class", "variant"])
681
- ]),
682
- default: o(() => [
683
- n(H, {
684
- modelValue: t.value,
685
- "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
686
- locales: e.locales
687
- }, {
688
- "toolbar-right": o(() => [
689
- n(pe),
690
- n($, {
691
- class: "mx-1",
692
- icon: "",
693
- variant: "text",
694
- size: "x-small",
695
- onClick: v
696
- }, {
697
- default: o(() => [
698
- n(U, { color: "dark" }, {
699
- default: o(() => [...l[3] || (l[3] = [
700
- C(" fas fa-times ", -1)
701
- ])]),
702
- _: 1
703
- })
704
- ]),
705
- _: 1
706
- })
707
- ]),
708
- _: 1
709
- }, 8, ["modelValue", "locales"])
710
- ]),
711
- _: 1
712
- }, 8, ["modelValue", "attach"])
713
- ], 512));
714
- }
715
- }), ze = /* @__PURE__ */ M(Ie, [["__scopeId", "data-v-066f5f7f"]]), Z = P({
716
- components: {
717
- CurrencyPickerBtn: Ue,
718
- CurrencyPickerDialog: X,
719
- LangPickerBtn: ze
720
- },
721
- computed: {
722
- activeCurrency() {
723
- return D[this.config.currency];
724
- },
725
- langPickerModel: {
726
- get() {
727
- return this.$i18n.locale;
728
- },
729
- set(e) {
730
- le(this.config, e, this.$eventBus);
731
- }
732
- },
733
- transition() {
734
- switch (this.direction) {
735
- case V.Top:
736
- return "slide-y-reverse-transition";
737
- case V.Bottom:
738
- return "slide-y-transition";
739
- case V.Left:
740
- return "slide-x-reverse-transition";
741
- case V.Right:
742
- return "slide-x-transition";
743
- case void 0:
744
- default:
745
- return "slide-y-transition";
746
- }
747
- }
748
- },
749
- data() {
750
- return {
751
- LOCALES: b,
752
- currencyPickerDialog: !1
753
- };
754
- },
755
- methods: {
756
- onCurrencyPickerBtnClicked() {
757
- this.currencyPickerDialog = !0;
758
- }
759
- },
760
- mixins: [
761
- ye({
762
- fallbackValue: !1,
763
- propsName: "compact"
764
- })
765
- ],
766
- name: "PreferencesMenu",
767
- props: Ne,
768
- setup() {
769
- const { t: e } = E();
770
- return {
771
- t: e
772
- };
773
- }
774
- });
775
- function F(e) {
776
- const t = e;
777
- t.__i18n = t.__i18n || [], t.__i18n.push({
778
- locale: "",
779
- resource: {
780
- "en-US": {
781
- PreferencesMenu: {
782
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Pick your language and currency" } }
783
- }
784
- },
785
- "fr-FR": {
786
- PreferencesMenu: {
787
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Choisissez votre langue et votre devise" } }
788
- }
789
- },
790
- "de-DE": {
791
- PreferencesMenu: {
792
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Wähle deine Sprache und Währung" } }
793
- }
794
- },
795
- "es-ES": {
796
- PreferencesMenu: {
797
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Elige tu idioma y divisa" } }
798
- }
799
- },
800
- "it-IT": {
801
- PreferencesMenu: {
802
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Scegli la tua lingua e valuta" } }
803
- }
804
- },
805
- "nl-NL": {
806
- PreferencesMenu: {
807
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kies je taal en valuta" } }
808
- }
809
- },
810
- "pt-PT": {
811
- PreferencesMenu: {
812
- title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Escolha o seu idioma e moeda" } }
813
- }
814
- }
815
- }
816
- });
817
- }
818
- const Ae = { key: 0 }, Fe = { class: "pr-1" }, je = { key: 1 };
819
- function We(e, t, a, i, c, v) {
820
- const s = S("CurrencyPickerBtn"), l = S("LangPickerBtn"), u = S("CurrencyPickerDialog");
821
- return e.parsedCompact ? (r(), y("div", Ae, [
822
- n(ge, {
823
- "content-class": "elevation-0",
824
- elevation: "0",
825
- location: e.direction,
826
- transition: e.transition
827
- }, {
828
- activator: o(({ props: h }) => [
829
- n($, x({
830
- block: e.block,
831
- class: "elevation-0 px-1",
832
- color: e.color,
833
- size: "small"
834
- }, h, { style: { "max-width": "62px", width: "62px" } }), {
835
- default: o(() => [
836
- p("small", Fe, f(e.activeCurrency.code) + " / ", 1),
837
- n(N, { size: "16" }, {
838
- default: o(() => [
839
- n(q, {
840
- "max-height": "16",
841
- "max-width": "16",
842
- src: `https://flagcdn.com/h60/${e.LOCALES[e.langPickerModel].countryCode.toLowerCase()}.png`,
843
- srcset: `https://flagcdn.com/h80/${e.LOCALES[e.langPickerModel].countryCode.toLowerCase()}.png 2x,
844
- https://flagcdn.com/h120/${e.LOCALES[e.langPickerModel].countryCode.toLowerCase()}.png 3x`
845
- }, null, 8, ["src", "srcset"])
846
- ]),
847
- _: 1
848
- })
849
- ]),
850
- _: 1
851
- }, 16, ["block", "color"])
852
- ]),
853
- default: o(() => [
854
- n(J, {
855
- elevation: "0",
856
- class: "bg-transparent"
857
- }, {
858
- default: o(() => [
859
- n(me, { class: "px-3" }, {
860
- default: o(() => [
861
- n(g, null, {
862
- default: o(() => [
863
- n(d, { class: "d-flex justify-center" }, {
864
- default: o(() => [
865
- n(s, {
866
- color: e.color,
867
- elevation: "7",
868
- onClick: e.onCurrencyPickerBtnClicked
869
- }, null, 8, ["color", "onClick"])
870
- ]),
871
- _: 1
872
- })
873
- ]),
874
- _: 1
875
- }),
876
- n(g, { dense: "" }, {
877
- default: o(() => [
878
- n(d, { class: "d-flex justify-center" }, {
879
- default: o(() => [
880
- n(l, {
881
- modelValue: e.langPickerModel,
882
- "onUpdate:modelValue": t[0] || (t[0] = (h) => e.langPickerModel = h),
883
- elevation: "7",
884
- locales: e.config.locales
885
- }, null, 8, ["modelValue", "locales"])
886
- ]),
887
- _: 1
888
- })
889
- ]),
890
- _: 1
891
- })
892
- ]),
893
- _: 1
894
- })
895
- ]),
896
- _: 1
897
- })
898
- ]),
899
- _: 1
900
- }, 8, ["location", "transition"]),
901
- n(u, {
902
- modelValue: e.currencyPickerDialog,
903
- "onUpdate:modelValue": t[1] || (t[1] = (h) => e.currencyPickerDialog = h)
904
- }, null, 8, ["modelValue"])
905
- ])) : (r(), y("div", je, [
906
- n(s, {
907
- class: "d-inline-block",
908
- color: e.color,
909
- dialog: ""
910
- }, null, 8, ["color"]),
911
- t[3] || (t[3] = p("span", { class: "pr-1" }, null, -1)),
912
- n(l, {
913
- modelValue: e.langPickerModel,
914
- "onUpdate:modelValue": t[2] || (t[2] = (h) => e.langPickerModel = h),
915
- class: "d-inline-block",
916
- locales: e.config.locales
917
- }, null, 8, ["modelValue", "locales"])
918
- ]));
919
- }
920
- typeof F == "function" && F(Z);
921
- const Ke = /* @__PURE__ */ M(Z, [["render", We], ["__scopeId", "data-v-19980e94"]]);
922
- ee("css/revolugo.preferencesmenu.xwW9g-pj.css");
923
- export {
924
- Ue as C,
925
- ze as L,
926
- Ke as P,
927
- V as a,
928
- ye as b,
929
- Te as c,
930
- Ne as p
931
- };
932
- //# sourceMappingURL=revolugo.preferencesmenu.shY-3UnD.min.js.map