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

package/dist/revolugo.prebookform.BVyTAnc9.min.js

@@ -0,0 +1,24 @@
+import { p, a as s } from "./revolugo.prebookform.BMEaruyl.min.js";
+import { W as t, _ as a } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { d as m, c, w as _, a as f, n as i, h as l, r as o, o as b } from "./revolugo.index.wc.DLkeXtka.min.js";
+const d = m({
+  components: {
+    PrebookForm: s,
+    WebComponentWrapper: t
+  },
+  props: p
+});
+function u(e, k, P, W, C, F) {
+  const r = o("PrebookForm", !0), n = o("WebComponentWrapper");
+  return b(), c(n, null, {
+    default: _(() => [
+      f(r, i(l(e.$props)), null, 16)
+    ]),
+    _: 1
+  });
+}
+const v = /* @__PURE__ */ a(d, [["render", u]]);
+export {
+  v as default
+};
+//# sourceMappingURL=revolugo.prebookform.BVyTAnc9.min.js.map

package/dist/revolugo.preferencesmenu.5pUjkA0F.min.js

@@ -0,0 +1,24 @@
+import { p as s, P as p } from "./revolugo.preferencesmenu.CfUC3L6C.min.js";
+import { W as t, _ as a } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { d as c, c as f, w as m, a as u, n as _, h as i, r as e, o as l } from "./revolugo.index.wc.DLkeXtka.min.js";
+const d = c({
+  components: {
+    PreferencesMenu: p,
+    WebComponentWrapper: t
+  },
+  props: s
+});
+function P(n, W, C, M, $, b) {
+  const r = e("PreferencesMenu", !0), o = e("WebComponentWrapper");
+  return l(), f(o, null, {
+    default: m(() => [
+      u(r, _(i(n.$props)), null, 16)
+    ]),
+    _: 1
+  });
+}
+const v = /* @__PURE__ */ a(d, [["render", P]]);
+export {
+  v as default
+};
+//# sourceMappingURL=revolugo.preferencesmenu.5pUjkA0F.min.js.map

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

@@ -0,0 +1,261 @@
+import { d as h, u as E, c4 as L, c5 as v, c6 as S, i as u, a as t, w as n, r as i, D as V, e as p, t as M, o as f } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { a as _, C as b } from "./revolugo.currencypickerbtn.edi3iO6h.min.js";
+import { L as B } from "./revolugo.langpickerbtn.DMcy_gHZ.min.js";
+import { p as w } from "./revolugo.parsed-props.B5g9_9k5.min.js";
+import { _ as O, V as m, a as g } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { V as T, a as R } from "./revolugo.vcard.ZlYB5HOk.min.js";
+import { a as U } from "./revolugo.vbtn.B-LYC8rJ.min.js";
+import { h as N, f as $ } from "./revolugo.index.DZEISB0K.min.js";
+import { V as D } from "./revolugo.vmenu.Dasw1a1s.min.js";
+function C(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const o = import.meta.url, a = o.slice(0, o.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 (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+var s = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(s || {});
+const I = {
+  block: {
+    default: !1,
+    type: Boolean
+  },
+  color: {
+    default: "secondary",
+    type: String
+  },
+  compact: {
+    default: !1,
+    type: Boolean
+  },
+  direction: {
+    default: "top",
+    type: String
+  }
+}, y = h({
+  components: {
+    CurrencyPickerBtn: b,
+    CurrencyPickerDialog: _,
+    LangPickerBtn: B
+  },
+  computed: {
+    activeCurrency() {
+      return S[this.config.currency];
+    },
+    langPickerModel: {
+      get() {
+        return this.$i18n.locale;
+      },
+      set(e) {
+        v(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: L,
+      currencyPickerDialog: !1
+    };
+  },
+  methods: {
+    onCurrencyPickerBtnClicked() {
+      this.currencyPickerDialog = !0;
+    }
+  },
+  mixins: [
+    w({
+      fallbackValue: !1,
+      propsName: "compact"
+    })
+  ],
+  name: "PreferencesMenu",
+  props: I,
+  setup() {
+    const { t: e } = E();
+    return {
+      t: e
+    };
+  }
+});
+function k(e) {
+  const o = e;
+  o.__i18n = o.__i18n || [], o.__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 A = { key: 0 }, j = { class: "pr-1" }, G = { key: 1 };
+function Y(e, o, a, l, z, K) {
+  const c = i("CurrencyPickerBtn"), d = i("LangPickerBtn"), P = i("CurrencyPickerDialog");
+  return e.parsedCompact ? (f(), u("div", A, [
+    t(D, {
+      "content-class": "elevation-0",
+      elevation: "0",
+      location: e.direction,
+      transition: e.transition
+    }, {
+      activator: n(({ props: r }) => [
+        t(U, V({
+          block: e.block,
+          class: "elevation-0 px-1",
+          color: e.color,
+          size: "small"
+        }, r, { style: { "max-width": "62px", width: "62px" } }), {
+          default: n(() => [
+            p("small", j, M(e.activeCurrency.code) + " / ", 1),
+            t(N, { size: "16" }, {
+              default: n(() => [
+                t($, {
+                  "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(() => [
+        t(T, {
+          elevation: "0",
+          class: "bg-transparent"
+        }, {
+          default: n(() => [
+            t(R, { class: "px-3" }, {
+              default: n(() => [
+                t(m, null, {
+                  default: n(() => [
+                    t(g, { class: "d-flex justify-center" }, {
+                      default: n(() => [
+                        t(c, {
+                          color: e.color,
+                          elevation: "7",
+                          onClick: e.onCurrencyPickerBtnClicked
+                        }, null, 8, ["color", "onClick"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t(m, { dense: "" }, {
+                  default: n(() => [
+                    t(g, { class: "d-flex justify-center" }, {
+                      default: n(() => [
+                        t(d, {
+                          modelValue: e.langPickerModel,
+                          "onUpdate:modelValue": o[0] || (o[0] = (r) => e.langPickerModel = r),
+                          elevation: "7",
+                          locales: e.config.locales
+                        }, null, 8, ["modelValue", "locales"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["location", "transition"]),
+    t(P, {
+      modelValue: e.currencyPickerDialog,
+      "onUpdate:modelValue": o[1] || (o[1] = (r) => e.currencyPickerDialog = r)
+    }, null, 8, ["modelValue"])
+  ])) : (f(), u("div", G, [
+    t(c, {
+      class: "d-inline-block",
+      color: e.color,
+      dialog: ""
+    }, null, 8, ["color"]),
+    o[3] || (o[3] = p("span", { class: "pr-1" }, null, -1)),
+    t(d, {
+      modelValue: e.langPickerModel,
+      "onUpdate:modelValue": o[2] || (o[2] = (r) => e.langPickerModel = r),
+      class: "d-inline-block",
+      locales: e.config.locales
+    }, null, 8, ["modelValue", "locales"])
+  ]));
+}
+typeof k == "function" && k(y);
+const ee = /* @__PURE__ */ O(y, [["render", Y], ["__scopeId", "data-v-dd3c6869"]]);
+C("css/revolugo.preferencesmenu.fPv_7j-1.css");
+export {
+  ee as P,
+  s as a,
+  I as p
+};
+//# sourceMappingURL=revolugo.preferencesmenu.CfUC3L6C.min.js.map

package/dist/revolugo.roominglisteditor.DLWeU6Ct.min.js

@@ -0,0 +1,385 @@
+import { d as v, b as G, u as x, c as m, w as n, e as l, a as o, j as f, o as a, S, A as $, f as h, t as d, i as c, B as L, F as R, r as I, g as y } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { _ as C } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { V as E } from "./revolugo.vdivider.D1ITKKuu.min.js";
+import { V as A } from "./revolugo.vcard.ZlYB5HOk.min.js";
+import { V as p } from "./revolugo.vskeletonloader.DgIjR-8k.min.js";
+import { V as H, a as M, b as P, c as B } from "./revolugo.vexpansionpanels.D8TtnQrF.min.js";
+import { V as D } from "./revolugo.vsnackbar.DFnMGJQg.min.js";
+import { V as F } from "./revolugo.vtextfield.BhmuZsP7.min.js";
+const U = v({
+  mixins: [G],
+  name: "RoomingListEditorLayout",
+  props: {
+    boilerplate: { type: Boolean }
+  },
+  setup() {
+    const { t } = x();
+    return {
+      t
+    };
+  }
+}), j = { class: "px-4 py-2 bg-grey-lighten-4" }, q = { class: "px-4 py-2 d-flex justify-center" }, K = { class: "px-4 py-2" };
+function Z(t, e, s, r, u, N) {
+  return a(), m(A, { border: "" }, {
+    default: n(() => [
+      l("div", j, [
+        l("div", q, [
+          f(t.$slots, "rooming-title", {}, () => [
+            o(p, {
+              boilerplate: t.boilerplate,
+              height: "22px",
+              tile: "",
+              type: "heading",
+              width: "160px"
+            }, null, 8, ["boilerplate"])
+          ])
+        ])
+      ]),
+      o(E),
+      l("div", K, [
+        f(t.$slots, "rooming-list", {}, () => [
+          o(p, {
+            boilerplate: t.boilerplate,
+            class: "mb-2",
+            height: "18px",
+            tile: "",
+            type: "heading",
+            width: "120px"
+          }, null, 8, ["boilerplate"]),
+          o(p, {
+            boilerplate: t.boilerplate,
+            class: "mb-2",
+            height: "18px",
+            tile: "",
+            type: "heading",
+            width: "400px"
+          }, null, 8, ["boilerplate"]),
+          o(p, {
+            boilerplate: t.boilerplate,
+            height: "18px",
+            tile: "",
+            type: "heading",
+            width: "400px"
+          }, null, 8, ["boilerplate"])
+        ])
+      ])
+    ]),
+    _: 3
+  });
+}
+const O = /* @__PURE__ */ C(U, [["render", Z]]), z = {
+  token: {
+    required: !0,
+    type: String
+  }
+}, V = v({
+  components: {
+    RoomingListEditorLayout: O
+  },
+  created() {
+    this.updateRoomingListDebounced = S(
+      (t) => this.updateRoomingList(t),
+      1e3
+    );
+  },
+  data: () => ({
+    hasError: !1,
+    hotelRoomingLists: null,
+    listToGuests: {},
+    mappedHotelRoomingLists: [],
+    showSnackbar: !1,
+    snackbarColor: "",
+    snackbarText: "",
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    updateRoomingListDebounced: () => {
+    }
+  }),
+  methods: {
+    buildMappedLists() {
+      return this.hotelRoomingLists ? this.hotelRoomingLists.map((t) => {
+        if (this.listToGuests[t.id]) {
+          if (t.hotelRoomingListGuests)
+            for (const s of t.hotelRoomingListGuests)
+              this.updateMappedGuest(t.id, s);
+          return {
+            ...t,
+            hotelRoomingListGuests: this.listToGuests[t.id]
+          };
+        }
+        const e = this.initMappedGuests(t);
+        return {
+          ...t,
+          hotelRoomingListGuests: e
+        };
+      }) : [];
+    },
+    initMappedGuests(t) {
+      const e = t.hotelRoom, s = t.hotelRoomingListGuests?.length && e?.occupancy ? e.occupancy - t.hotelRoomingListGuests.length : e?.occupancy || 0, r = Array.from(
+        { length: s },
+        () => ({
+          fullname: "",
+          id: ""
+        })
+      ), u = t.hotelRoomingListGuests ?? [];
+      return u.push(...r), this.listToGuests[t.id] = u, u;
+    },
+    async retrieveHotelRoomingLists(t) {
+      let e = null;
+      this.hasError = !1;
+      try {
+        e = await this.bookingApiClient?.hotelRoomingLists.list(
+          {
+            token: t
+          }
+        );
+      } catch (s) {
+        this.hasError = !0, console.error(s);
+      }
+      return e;
+    },
+    updateMappedGuest(t, e) {
+      const s = this.listToGuests[t].findIndex((r) => r.id === e.id);
+      s !== -1 && (this.listToGuests[t][s] = {
+        ...this.listToGuests[t][s],
+        ...e
+      });
+    },
+    async updateRoomingList(t) {
+      this.showSnackbar = !1, this.snackbarText = "";
+      try {
+        if (t.guestId && t.fullName)
+          await this.bookingApiClient?.hotelRoomingListGuests.update({
+            hotelRoomingListGuestsUpdateApi: { fullname: t.fullName },
+            id: t.guestId,
+            token: this.token
+          });
+        else if (!t.guestId && t.fullName) {
+          const e = await this.bookingApiClient?.hotelRoomingListGuests.create({
+            hotelRoomingListGuestsCreateApi: {
+              fullname: t.fullName,
+              hotelRoomingListId: t.roomingListId
+            },
+            token: this.token
+          }), s = this.listToGuests[t.roomingListId]?.[t.index];
+          e && s && (s.id = e.id);
+        } else if (t.guestId && !t.fullName) {
+          await this.bookingApiClient?.hotelRoomingListGuests.delete({
+            id: t.guestId,
+            token: this.token
+          });
+          const e = this.listToGuests[t.roomingListId]?.[t.index];
+          e && (e.id = "");
+        }
+        this.snackbarText = this.t(
+          "RoomingListEditor.saveRoomingList.success"
+        ), this.snackbarColor = "success", this.hotelRoomingLists = await this.retrieveHotelRoomingLists(
+          this.token
+        ), this.mappedHotelRoomingLists = this.buildMappedLists();
+      } catch (e) {
+        this.snackbarColor = "error", this.snackbarText = e.message;
+      } finally {
+        this.showSnackbar = !0;
+      }
+    }
+  },
+  mixins: [G],
+  name: "RoomingListEditor",
+  props: z,
+  setup() {
+    const { t } = x();
+    return {
+      t
+    };
+  },
+  watch: {
+    token: {
+      async handler(t) {
+        t && (this.listToGuests = {}, this.hotelRoomingLists = await this.retrieveHotelRoomingLists(t), this.mappedHotelRoomingLists = this.buildMappedLists());
+      },
+      immediate: !0
+    }
+  }
+});
+function k(t) {
+  const e = t;
+  e.__i18n = e.__i18n || [], e.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Rooming list" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Guest " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Suitable for " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "First name & Last name" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Rooming list saved!" } }
+          }
+        }
+      },
+      "fr-FR": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Rooming list" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Participant " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Convient pour " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nom et prénom du participant" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Rooming list sauvegardée !" } }
+          }
+        }
+      },
+      "de-DE": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zimmerliste" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Gast " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Geeignet für " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Vorname & Nachname" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zimmerliste gespeichert!" } }
+          }
+        }
+      },
+      "es-ES": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lista de habitaciones" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Huésped " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Adecuado para " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nombre y apellido" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "¡Lista de habitaciones guardada!" } }
+          }
+        }
+      },
+      "it-IT": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lista delle camere" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Ospite " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Adatto per " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nome e cognome" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lista delle camere salvata!" } }
+          }
+        }
+      },
+      "nl-NL": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kamerlijst" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Gast " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Geschikt voor " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voornaam & Achternaam" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kamerlijst opgeslagen!" } }
+          }
+        }
+      },
+      "pt-PT": {
+        RoomingListEditor: {
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lista de quartos" } },
+          guestCount: { t: 0, b: { t: 2, i: [{ t: 3, v: "Hóspede " }, { t: 4, k: "guestCount" }] } },
+          occupancy: { t: 0, b: { t: 2, i: [{ t: 3, v: "Adequado para " }, { t: 4, k: "occupancy" }, { t: 3, v: " x 👤 max" }] } },
+          fullName: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nome próprio e apelido" } },
+          saveRoomingList: {
+            success: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lista de quartos gravada!" } }
+          }
+        }
+      }
+    }
+  });
+}
+const J = {
+  key: 0,
+  class: "font-weight-bold mb-1"
+}, Q = ["innerHTML"], W = { class: "text-body-2" };
+function X(t, e, s, r, u, N) {
+  const T = I("RoomingListEditorLayout");
+  return a(), m(T, null, $({ _: 2 }, [
+    t.hotelRoomingLists ? {
+      name: "rooming-title",
+      fn: n(() => [
+        h(d(t.t("RoomingListEditor.title")), 1)
+      ]),
+      key: "0"
+    } : void 0,
+    t.hotelRoomingLists ? {
+      name: "rooming-list",
+      fn: n(() => [
+        o(H, {
+          variant: "accordion",
+          flat: ""
+        }, {
+          default: n(() => [
+            (a(!0), c(R, null, L(t.mappedHotelRoomingLists, (i, _) => (a(), m(M, {
+              key: i.id
+            }, {
+              default: n(() => [
+                o(P, null, {
+                  default: n(() => [
+                    l("div", null, [
+                      i.hotelRoom?.description ? (a(), c("div", J, d(i.hotelRoom?.description), 1)) : y("", !0),
+                      l("div", null, [
+                        h(d(i.hotelRoom?.bedsPretty) + " ", 1),
+                        l("span", {
+                          class: "ml-2 text-caption text--secondary",
+                          innerHTML: t.t("RoomingListEditor.occupancy", {
+                            occupancy: i.hotelRoom?.occupancy
+                          })
+                        }, null, 8, Q)
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1024),
+                o(B, null, {
+                  default: n(() => [
+                    (a(!0), c(R, null, L(i.hotelRoomingListGuests, (b, g) => (a(), c("div", { key: g }, [
+                      l("span", W, d(t.t("RoomingListEditor.guestCount", {
+                        guestCount: g + 1
+                      })), 1),
+                      o(F, {
+                        class: "w-sm-50",
+                        clearable: "",
+                        variant: "outlined",
+                        placeholder: t.t("RoomingListEditor.fullName"),
+                        "prepend-inner-icon": "fas fa-user",
+                        "model-value": b.fullname,
+                        "onUpdate:modelValue": (w) => t.updateRoomingListDebounced({
+                          roomingListId: i.id,
+                          guestId: b.id,
+                          fullName: w,
+                          index: g
+                        })
+                      }, null, 8, ["placeholder", "model-value", "onUpdate:modelValue"])
+                    ]))), 128))
+                  ]),
+                  _: 2
+                }, 1024),
+                _ != t.mappedHotelRoomingLists.length - 1 ? (a(), m(E, { key: 0 })) : y("", !0)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }),
+        o(D, {
+          modelValue: t.showSnackbar,
+          "onUpdate:modelValue": e[0] || (e[0] = (i) => t.showSnackbar = i),
+          color: t.snackbarColor,
+          class: "elevation-24",
+          location: "right top"
+        }, {
+          default: n(() => [
+            h(d(t.snackbarText), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "color"])
+      ]),
+      key: "1"
+    } : void 0
+  ]), 1024);
+}
+typeof k == "function" && k(V);
+const lt = /* @__PURE__ */ C(V, [["render", X]]);
+export {
+  lt as R,
+  z as r
+};
+//# sourceMappingURL=revolugo.roominglisteditor.DLWeU6Ct.min.js.map