@revolugo/elements 6.8.3-beta.0 → 6.8.3-beta.2

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

@@ -0,0 +1,24 @@
+import { p, a as s } from "./revolugo.prebookform.CQkoP-VV.min.js";
+import { W as t, _ as a } from "./revolugo.webcomponentwrapper.BMVPGxCQ.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.C1h_M397.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.CV1s2FGH.min.js.map

package/dist/revolugo.roominglisteditor.8ernakg_.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.C1h_M397.min.js";
+import { _ as C } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { V as E } from "./revolugo.vdivider.DjAkTZXY.min.js";
+import { V as A } from "./revolugo.vcard.BkeYpsDj.min.js";
+import { V as p } from "./revolugo.vskeletonloader.CGHKwSZc.min.js";
+import { V as H, a as M, b as P, c as B } from "./revolugo.vexpansionpanels.ChRz3Vw3.min.js";
+import { V as D } from "./revolugo.vsnackbar.Dv0mQ14N.min.js";
+import { V as F } from "./revolugo.vtextfield.DVdqMySD.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.8ernakg_.min.js.map

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

@@ -0,0 +1,24 @@
+import { r as n, R as s } from "./revolugo.roominglisteditor.8ernakg_.min.js";
+import { W as p, _ as a } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { d as i, c as m, w as c, a as d, n as _, h as f, r as o, o as l } from "./revolugo.index.wc.C1h_M397.min.js";
+const u = i({
+  components: {
+    RoomingListEditor: s,
+    WebComponentWrapper: p
+  },
+  props: n
+});
+function g(t, R, W, C, E, L) {
+  const r = o("RoomingListEditor", !0), e = o("WebComponentWrapper");
+  return l(), m(e, null, {
+    default: c(() => [
+      d(r, _(f(t.$props)), null, 16)
+    ]),
+    _: 1
+  });
+}
+const x = /* @__PURE__ */ a(u, [["render", g]]);
+export {
+  x as default
+};
+//# sourceMappingURL=revolugo.roominglisteditor.DxJ2OBqY.min.js.map

package/dist/revolugo.rounded.BOHYNseH.min.js

@@ -0,0 +1,68 @@
+import { a2 as u, cI as d, H as l, _ as a } from "./revolugo.index.wc.C1h_M397.min.js";
+const f = u({
+  border: [Boolean, Number, String]
+}, "border");
+function m(e) {
+  let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : d();
+  return {
+    borderClasses: l(() => {
+      const n = a(e) ? e.value : e.border, r = [];
+      if (n === !0 || n === "")
+        r.push(`${s}--border`);
+      else if (typeof n == "string" || n === 0)
+        for (const t of String(n).split(" "))
+          r.push(`border-${t}`);
+      return r;
+    })
+  };
+}
+const v = u({
+  elevation: {
+    type: [Number, String],
+    validator(e) {
+      const s = parseInt(e);
+      return !isNaN(s) && s >= 0 && // Material Design has a maximum elevation of 24
+      // https://material.io/design/environment/elevation.html#default-elevations
+      s <= 24;
+    }
+  }
+}, "elevation");
+function g(e) {
+  return {
+    elevationClasses: l(() => {
+      const o = a(e) ? e.value : e.elevation, n = [];
+      return o == null || n.push(`elevation-${o}`), n;
+    })
+  };
+}
+const b = u({
+  rounded: {
+    type: [Boolean, Number, String],
+    default: void 0
+  },
+  tile: Boolean
+}, "rounded");
+function h(e) {
+  let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : d();
+  return {
+    roundedClasses: l(() => {
+      const n = a(e) ? e.value : e.rounded, r = a(e) ? e.value : e.tile, t = [];
+      if (n === !0 || n === "")
+        t.push(`${s}--rounded`);
+      else if (typeof n == "string" || n === 0)
+        for (const i of String(n).split(" "))
+          t.push(`rounded-${i}`);
+      else (r || n === !1) && t.push("rounded-0");
+      return t;
+    })
+  };
+}
+export {
+  b as a,
+  h as b,
+  m as c,
+  f as d,
+  v as m,
+  g as u
+};
+//# sourceMappingURL=revolugo.rounded.BOHYNseH.min.js.map

package/dist/revolugo.ssrboot.DElAuRmu.min.js

@@ -0,0 +1,18 @@
+import { a9 as t, X as e, H as s, cq as n } from "./revolugo.index.wc.C1h_M397.min.js";
+function i() {
+  const o = t(!1);
+  return e(() => {
+    window.requestAnimationFrame(() => {
+      o.value = !0;
+    });
+  }), {
+    ssrBootStyles: s(() => o.value ? void 0 : {
+      transition: "none !important"
+    }),
+    isBooted: n(o)
+  };
+}
+export {
+  i as u
+};
+//# sourceMappingURL=revolugo.ssrboot.DElAuRmu.min.js.map