@revolugo/elements 6.8.3-beta.11 → 6.8.3-beta.13

package/dist/{revolugo.hotelroomoffersbookingflow.DFwr-egM.min.js → revolugo.hotelroomoffersbookingflow.NFAeeps4.min.js}

@@ -1,20 +1,20 @@
-import { a as Ve, h as Ee, H as Be } from "./revolugo.hotelroomoffersview.DQ2GcKPC.min.js";
-import { P as Oe, p as Ie, a as Te } from "./revolugo.prebookform.Y0RZLTMq.min.js";
-import { G as Re, d as x, al as Ce, u as _e, E as S, a2 as V, a1 as _, ag as Fe, a as t, H as d, J as Me, aH as De, a3 as P, an as He, a6 as Le, D as C, aa as $e, aU as Ae, aY as Ne, aZ as J, aV as ze, a_ as We, aW as qe, F as pe, c as g, w as i, k as X, B as Ue, g as B, b as f, e as y, t as h, i as T, aX as Ge, o as p, n as xe, h as Ye } from "./revolugo.index.wc.BHVSqGrC.min.js";
-import { a as je } from "./revolugo.hotelroomoffersearchmenu.BrzWEHwB.min.js";
-import { C as Ke } from "./revolugo.creditcardpayment.D4RSffRi.min.js";
-import { p as Ze } from "./revolugo.parsed-props.CC-0bCLh.min.js";
-import { s as Q } from "./revolugo.common.D-l8b0V5.min.js";
-import { a as ee } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.CDRQwrv7.min.js";
-import { u as F, _ as fe, V as O, a as w, W as Je } from "./revolugo.webcomponentwrapper.D9BPl-Pm.min.js";
-import { V as I } from "./revolugo.vicon.9kLwN_wf.min.js";
-import { a as z } from "./revolugo.vbtn.IUxF2ME5.min.js";
-import { V as te } from "./revolugo.vsnackbar.Cg_I8qLG.min.js";
-import { a as oe, c as Xe, R as Qe, u as et, g as tt, h as ot, i as st, j as it, k as nt } from "./revolugo.index.28pb9NJA.min.js";
-import { V as se, m as at, a as ie, b as rt } from "./revolugo.vwindowitem.ADlNaenF.min.js";
-import { V as ne, m as lt } from "./revolugo.vsheet.B_wHziRR.min.js";
-import { V as G } from "./revolugo.vdivider.BQ1hnmkI.min.js";
-import { V as ut } from "./revolugo.vcheckboxbtn.D5F58CoS.min.js";
+import { a as Ve, h as Ee, H as Be } from "./revolugo.hotelroomoffersview.BYJ5V84k.min.js";
+import { P as Oe, p as Ie, a as Te } from "./revolugo.prebookform.DLNVSLoS.min.js";
+import { a0 as V, $ as _, ae as Re, a as t, H as d, J as Ce, aG as _e, a1 as P, ap as Fe, a4 as Me, D as C, a8 as De, aL as $e, aY as Le, aZ as J, aM as He, a_ as Ae, aO as Ne, F as pe, G as ze, d as x, an as We, u as qe, E as S, c as g, w as i, k as Q, B as Ue, g as B, b as f, e as y, t as h, i as T, aP as Ge, o as p, n as xe, h as Ye } from "./revolugo.index.wc.ChJWkzSz.min.js";
+import { a as je } from "./revolugo.hotelroomoffersearchmenu.DdtWQl8T.min.js";
+import { C as Ke } from "./revolugo.creditcardpayment.16l0_Jf7.min.js";
+import { p as Ze } from "./revolugo.parsed-props.CKrOq6vN.min.js";
+import { s as X } from "./revolugo.common.D-l8b0V5.min.js";
+import { a as ee } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.CSkPq_d5.min.js";
+import { u as F, _ as fe, V as O, a as w, W as Je } from "./revolugo.webcomponentwrapper.BXqP9KYd.min.js";
+import { V as I } from "./revolugo.vicon.BebzkIu9.min.js";
+import { a as z } from "./revolugo.vbtn.Cw5eo1Xx.min.js";
+import { V as te } from "./revolugo.vsnackbar.IdM-bZTD.min.js";
+import { a as oe, c as Qe, R as Xe, u as et, g as tt, h as ot, i as st, j as it, k as nt } from "./revolugo.index.BEuxTkkV.min.js";
+import { V as se, m as at, a as ie, b as rt } from "./revolugo.vwindowitem.qKodFAHS.min.js";
+import { V as ne, m as lt } from "./revolugo.vsheet.3Q2yGw6P.min.js";
+import { V as G } from "./revolugo.vdivider.CaptbTLL.min.js";
+import { V as ut } from "./revolugo.vcheckboxbtn.Bc0xhmo2.min.js";
 function Pe(e) {
   try {
     if (typeof document < "u") {
@@ -35,937 +35,937 @@ function Pe(e) {
     console.error("[revolugo-elements] ", o);
   }
 }
-const he = {
-  HotelRoomOffersView: Ve,
-  PrebookForm: Oe
-}, ve = {
-  ...Ee,
-  ...Re(Ie, ["bookingId", "bookingPolicyId", "hotelRoomOffer"]),
-  features: {
-    default: () => he,
-    type: [Object, String]
+const Y = Symbol.for("vuetify:v-stepper"), he = V({
+  color: String,
+  disabled: {
+    type: [Boolean, String],
+    default: !1
+  },
+  prevText: {
+    type: String,
+    default: "$vuetify.stepper.prev"
+  },
+  nextText: {
+    type: String,
+    default: "$vuetify.stepper.next"
   }
-}, L = 1e3, $ = 60 * L, A = 60 * $, ae = 24 * A, re = "abort", le = "end", ue = "progress", ce = "start", de = "visibilitychange", ct = x({
-  beforeUnmount() {
-    document.removeEventListener(
-      de,
-      this.handleVisibilityChange
-    ), this.pause();
+}, "VStepperActions"), ct = _()({
+  name: "VStepperActions",
+  props: he(),
+  emits: {
+    "click:prev": () => !0,
+    "click:next": () => !0
   },
-  computed: {
-    /**
-     * Remaining days.
-     * @returns {number} The computed value.
-     */
-    days() {
-      return Math.floor(this.totalMilliseconds / ae);
-    },
-    /**
-     * Remaining hours.
-     * @returns {number} The computed value.
-     */
-    hours() {
-      return Math.floor(
-        this.totalMilliseconds % ae / A
-      );
-    },
-    /**
-     * Remaining milliseconds.
-     * @returns {number} The computed value.
-     */
-    milliseconds() {
-      return Math.floor(this.totalMilliseconds % L);
-    },
-    /**
-     * Remaining minutes.
-     * @returns {number} The computed value.
-     */
-    minutes() {
-      return Math.floor(
-        this.totalMilliseconds % A / $
-      );
-    },
-    /**
-     * Remaining seconds.
-     * @returns {number} The computed value.
-     */
-    seconds() {
-      return Math.floor(
-        this.totalMilliseconds % $ / L
-      );
-    },
-    /**
-     * Total remaining days.
-     * @returns {number} The computed value.
-     */
-    totalDays() {
-      return this.days;
-    },
-    /**
-     * Total remaining hours.
-     * @returns {number} The computed value.
-     */
-    totalHours() {
-      return Math.floor(this.totalMilliseconds / A);
-    },
-    /**
-     * Total remaining minutes.
-     * @returns {number} The computed value.
-     */
-    totalMinutes() {
-      return Math.floor(this.totalMilliseconds / $);
-    },
-    /**
-     * Total remaining seconds.
-     * @returns {number} The computed value.
-     */
-    totalSeconds() {
-      return Math.floor(this.totalMilliseconds / L);
+  setup(e, o) {
+    let {
+      emit: s,
+      slots: n
+    } = o;
+    const {
+      t: a
+    } = Re();
+    function r() {
+      s("click:prev");
+    }
+    function u() {
+      s("click:next");
     }
+    return F(() => {
+      const c = {
+        onClick: r
+      }, m = {
+        onClick: u
+      };
+      return t("div", {
+        class: "v-stepper-actions"
+      }, [t(oe, {
+        defaults: {
+          VBtn: {
+            disabled: ["prev", !0].includes(e.disabled),
+            text: a(e.prevText),
+            variant: "text"
+          }
+        }
+      }, {
+        default: () => [n.prev?.({
+          props: c
+        }) ?? t(z, c, null)]
+      }), t(oe, {
+        defaults: {
+          VBtn: {
+            color: e.color,
+            disabled: ["next", !0].includes(e.disabled),
+            text: a(e.nextText),
+            variant: "tonal"
+          }
+        }
+      }, {
+        default: () => [n.next?.({
+          props: m
+        }) ?? t(z, m, null)]
+      })]);
+    }), {};
+  }
+}), ve = Qe("v-stepper-header"), dt = V({
+  color: String,
+  title: String,
+  subtitle: String,
+  complete: Boolean,
+  completeIcon: {
+    type: P,
+    default: "$complete"
   },
-  data() {
-    return {
-      /**
-       * Automatically pause the countdown when the document is hidden.
-       * @type {boolean}
-       */
-      autoPauseOnHide: !1,
-      /**
-       * It is counting down.
-       * @type {boolean}
-       */
-      counting: !1,
-      /**
-       * The absolute end time.
-       * @type {number}
-       */
-      endTime: 0,
-      /**
-       * The request ID of the requestAnimationFrame.
-       * @type {number}
-       */
-      requestId: 0,
-      /**
-       * The remaining milliseconds.
-       * @type {number}
-       */
-      totalMilliseconds: 0
-    };
+  editable: Boolean,
+  editIcon: {
+    type: P,
+    default: "$edit"
   },
-  emits: [re, le, ue, ce],
-  methods: {
-    /**
-     * Aborts the countdown.
-     * @public
-     * @emits Countdown#abort
-     */
-    abort() {
-      this.counting && (this.pause(), this.counting = !1, this.emitEvents && this.$emit(re));
-    },
-    /**
-     * Continues the countdown.
-     * @private
-     */
-    continue() {
-      if (!this.counting)
-        return;
-      const e = Math.min(this.totalMilliseconds, this.interval);
-      if (e > 0) {
-        let o, s;
-        const n = (a) => {
-          o || (o = a), s || (s = a);
-          const r = a - o;
-          r >= e || // Avoid losing time about one second per minute (now - prev ≈ 16ms) (#43)
-          r + (a - s) / 2 >= e ? this.progress() : this.requestId = requestAnimationFrame(n), s = a;
-        };
-        this.requestId = requestAnimationFrame(n);
-      } else
-        this.end();
-    },
-    /**
-     * Ends the countdown.
-     * @public
-     * @emits Countdown#end
-     */
-    end() {
-      this.counting && (this.pause(), this.totalMilliseconds = 0, this.counting = !1, this.emitEvents && this.$emit(le));
-    },
-    /**
-     * visibility change event handler.
-     * @private
-     */
-    handleVisibilityChange() {
-      switch (document.visibilityState) {
-        case "visible":
-          this.requestId === 0 && this.autoPauseOnHide && (this.update(), this.continue()), this.autoPauseOnHide = !1;
-          break;
-        case "hidden":
-          this.requestId > 0 && (this.autoPauseOnHide = !0, this.pause());
-          break;
-      }
-    },
-    /**
-     * Pauses the countdown.
-     * @private
-     */
-    pause() {
-      cancelAnimationFrame(this.requestId), this.requestId = 0;
-    },
-    /**
-     * Progresses to countdown.
-     * @private
-     * @emits Countdown#progress
-     */
-    progress() {
-      this.counting && (this.update(), this.emitEvents && this.totalMilliseconds > 0 && this.$emit(ue, {
-        days: this.days,
-        hours: this.hours,
-        milliseconds: this.milliseconds,
-        minutes: this.minutes,
-        seconds: this.seconds,
-        totalDays: this.totalDays,
-        totalHours: this.totalHours,
-        totalMilliseconds: this.totalMilliseconds,
-        totalMinutes: this.totalMinutes,
-        totalSeconds: this.totalSeconds
-      }), this.continue());
-    },
-    /**
-     * Restarts the count.
-     * @public
-     */
-    restart() {
-      this.pause(), this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.counting = !1, this.start();
-    },
-    /**
-     * Starts to countdown.
-     * @public
-     * @emits Countdown#start
-     */
-    start() {
-      this.counting || (this.counting = !0, this.autoStart || (this.totalMilliseconds = this.time, this.endTime = this.now() + this.time), this.emitEvents && this.$emit(ce), document.visibilityState === "visible" && this.continue());
-    },
-    /**
-     * Updates the count.
-     * @private
-     */
-    update() {
-      this.counting && (this.totalMilliseconds = Math.max(0, this.endTime - this.now()));
-    }
-  },
-  mounted() {
-    document.addEventListener(
-      de,
-      this.handleVisibilityChange
-    );
-  },
-  name: "VueCountdown",
-  props: {
-    /**
-     * Starts the countdown automatically when initialized.
-     */
-    autoStart: {
-      default: !0,
-      type: Boolean
-    },
-    /**
-     * Emits the countdown events.
-     */
-    emitEvents: {
-      default: !0,
-      type: Boolean
-    },
-    /**
-     * The interval time (in milliseconds) of the countdown progress.
-     */
-    interval: {
-      default: 1e3,
-      type: Number,
-      validator: (e) => e >= 0
-    },
-    /**
-     * Generate the current time of a specific time zone.
-     */
-    now: {
-      default: () => Date.now(),
-      type: Function
-    },
-    /**
-     * The tag name of the component's root element.
-     */
-    tag: {
-      default: "span",
-      type: String
-    },
-    /**
-     * The time (in milliseconds) to count down from.
-     */
-    time: {
-      default: 0,
-      type: Number,
-      validator: (e) => e >= 0
-    },
-    /**
-     * Transforms the output props before rendering.
-     */
-    transform: {
-      default: (e) => e,
-      type: Function
-    }
+  error: Boolean,
+  errorIcon: {
+    type: P,
+    default: "$error"
   },
-  render() {
-    return Ce(
-      this.tag,
-      this.$slots.default ? [
-        this.$slots.default(
-          this.transform({
-            days: this.days,
-            hours: this.hours,
-            milliseconds: this.milliseconds,
-            minutes: this.minutes,
-            seconds: this.seconds,
-            totalDays: this.totalDays,
-            totalHours: this.totalHours,
-            totalMilliseconds: this.totalMilliseconds,
-            totalMinutes: this.totalMinutes,
-            totalSeconds: this.totalSeconds
-          })
-        )
-      ] : void 0
-    );
+  icon: P,
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
   },
-  watch: {
-    $props: {
-      deep: !0,
-      /**
-       * Update the countdown when props changed.
-       */
-      handler() {
-        this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.autoStart && this.start();
-      },
-      immediate: !0
-    }
+  rules: {
+    type: Array,
+    default: () => []
   }
-});
-var ge = /* @__PURE__ */ ((e) => (e[e.Idle = 1] = "Idle", e[e.Payment = 3] = "Payment", e[e.PaymentRequested = 4] = "PaymentRequested", e[e.PaymentSuccessful = 5] = "PaymentSuccessful", e[e.PreBook = 2] = "PreBook", e))(ge || {});
-const be = x({
-  components: {
-    CreditCardPayment: Ke,
-    HotelRoomOffersView: Be,
-    PrebookForm: Te,
-    VueCountdown: ct
+}, "StepperItem"), mt = V({
+  ...dt(),
+  ...st()
+}, "VStepperItem"), L = _()({
+  name: "VStepperItem",
+  directives: {
+    Ripple: Xe
   },
-  computed: {
-    backButtonLabel() {
-      return [
-        2,
-        3
-        /* Payment */
-      ].includes(this.step) ? this.t("HotelRoomOffersBookingFlow.back") : this.t("HotelRoomOffersBookingFlow.makeNewBooking");
-    },
-    hotelRoomOffersViewProps() {
-      const e = {
-        ...this.lastRequest,
-        ...this.$props,
-        features: this.$props.features?.HotelRoomOffersView
-      };
-      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children ?? null, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
-    },
-    isWarningSnackarDisplayed() {
-      return this.warningSnackbarMessages.length > 0;
-    },
-    prebookFormProps() {
-      const e = {
-        ...this.$props,
-        ...this.lastRequest,
-        ...this.formdata,
-        features: this.$props.features?.PrebookForm
-      };
-      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children ?? null, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
-    },
-    transitionName() {
-      return this.direction > 0 ? "slide-in" : "slide-out";
-    }
+  props: mt(),
+  emits: {
+    "group:selected": (e) => !0
   },
-  created() {
-    this.$eventBus.$on(
-      S.BookingPolicyCreated,
-      this.onBookingPolicyCreated
-    ), this.$eventBus.$on(
-      S.HotelRoomOffersPriceIncreased,
-      ([e, o]) => {
-        this.warningSnackbarMessages.push(
-          this.t("HotelRoomOffersBookingFlow.warnings.price", {
-            from: ee({
-              amount: o.taxIncludedPrice,
-              currency: this.config.currency,
-              locale: this.$i18n.locale
-            }),
-            to: ee({
-              amount: e.taxIncludedPrice,
-              currency: this.config.currency,
-              locale: this.$i18n.locale
-            })
-          }).toString()
-        );
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    const n = et(e, Y, !0), a = d(() => n?.value.value ?? e.value), r = d(() => e.rules.every((R) => R() === !0)), u = d(() => !e.disabled && e.editable), c = d(() => !e.disabled && e.editable), m = d(() => e.error || !r.value), b = d(() => e.complete || e.rules.length > 0 && r.value), l = d(() => m.value ? e.errorIcon : b.value ? e.completeIcon : n.isSelected.value && e.editable ? e.editIcon : e.icon), v = d(() => ({
+      canEdit: c.value,
+      hasError: m.value,
+      hasCompleted: b.value,
+      title: e.title,
+      subtitle: e.subtitle,
+      step: a.value,
+      value: e.value
+    }));
+    return F(() => {
+      const R = (!n || n.isSelected.value || b.value || c.value) && !m.value && !e.disabled, W = !!(e.title != null || s.title), M = !!(e.subtitle != null || s.subtitle);
+      function D() {
+        n?.toggle();
       }
-    ), this.$eventBus.$on(S.CancellationPoliciesUpdated, () => {
-      this.warningSnackbarMessages.push(
-        this.t(
-          "HotelRoomOffersBookingFlow.warnings.cancellationPolicies"
-        ).toString()
-      );
-    }), this.$eventBus.$on(
-      S.HotelRoomOfferRequestCreated,
-      (e) => {
-        this.lastRequest = e;
+      return Ce(t("button", {
+        class: ["v-stepper-item", {
+          "v-stepper-item--complete": b.value,
+          "v-stepper-item--disabled": e.disabled,
+          "v-stepper-item--error": m.value
+        }, n?.selectedClass.value],
+        disabled: !e.editable,
+        type: "button",
+        onClick: D
+      }, [u.value && tt(!0, "v-stepper-item"), t(ot, {
+        key: "stepper-avatar",
+        class: "v-stepper-item__avatar",
+        color: R ? e.color : void 0,
+        size: 24
+      }, {
+        default: () => [s.icon?.(v.value) ?? (l.value ? t(I, {
+          icon: l.value
+        }, null) : a.value)]
+      }), t("div", {
+        class: "v-stepper-item__content"
+      }, [W && t("div", {
+        key: "title",
+        class: "v-stepper-item__title"
+      }, [s.title?.(v.value) ?? e.title]), M && t("div", {
+        key: "subtitle",
+        class: "v-stepper-item__subtitle"
+      }, [s.subtitle?.(v.value) ?? e.subtitle]), s.default?.(v.value)])]), [[_e("ripple"), e.ripple && e.editable, null]]);
+    }), {};
+  }
+}), pt = V({
+  ...De(at(), ["continuous", "nextIcon", "prevIcon", "showArrows", "touch", "mandatory"])
+}, "VStepperWindow"), ft = _()({
+  name: "VStepperWindow",
+  props: pt(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    const n = Fe(Y, null), a = Me(e, "modelValue"), r = d({
+      get() {
+        return a.value != null || !n ? a.value : n.items.value.find((u) => n.selected.value.includes(u.id))?.value;
+      },
+      set(u) {
+        a.value = u;
       }
-    ), this.$eventBus.$on(S.CurrencyUpdated, () => this.cancelBooking()), this.$eventBus.$on(S.BookingCreated, this.onBookingCreated), this.$eventBus.$on(S.PaymentSuccess, this.onPaymentSuccess), this.$eventBus.$on(S.PrebookForm, (e) => {
-      this.formdata = e;
     });
-  },
-  data: () => ({
-    STEPS: ge,
-    booking: void 0,
-    bookingPolicy: void 0,
-    countdownSnackbar: !1,
-    direction: 1,
-    formdata: void 0,
-    lastRequest: void 0,
-    step: 1,
-    warningSnackbarMessages: []
+    return F(() => {
+      const u = se.filterProps(e);
+      return t(se, C({
+        _as: "VStepperWindow"
+      }, u, {
+        modelValue: r.value,
+        "onUpdate:modelValue": (c) => r.value = c,
+        class: ["v-stepper-window", e.class],
+        style: e.style,
+        mandatory: !1,
+        touch: !1
+      }), s);
+    }), {};
+  }
+}), ht = V({
+  ...rt()
+}, "VStepperWindowItem"), vt = _()({
+  name: "VStepperWindowItem",
+  props: ht(),
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    return F(() => {
+      const n = ie.filterProps(e);
+      return t(ie, C({
+        _as: "VStepperWindowItem"
+      }, n, {
+        class: ["v-stepper-window-item", e.class],
+        style: e.style
+      }), s);
+    }), {};
+  }
+}), gt = V({
+  altLabels: Boolean,
+  bgColor: String,
+  completeIcon: P,
+  editIcon: P,
+  editable: Boolean,
+  errorIcon: P,
+  hideActions: Boolean,
+  items: {
+    type: Array,
+    default: () => []
+  },
+  itemTitle: {
+    type: String,
+    default: "title"
+  },
+  itemValue: {
+    type: String,
+    default: "value"
+  },
+  nonLinear: Boolean,
+  flat: Boolean,
+  ...Ne()
+}, "Stepper"), bt = V({
+  ...gt(),
+  ...nt({
+    mandatory: "force",
+    selectedClass: "v-stepper-item--selected"
   }),
-  methods: {
-    cancelBooking() {
-      this.direction = -1, this.step = 1, this.bookingPolicy = void 0, this.booking = void 0, this.warningSnackbarMessages = [];
+  ...lt(),
+  ...Ae(he(), ["prevText", "nextText"])
+}, "VStepper"), kt = _()({
+  name: "VStepper",
+  props: bt(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, o) {
+    let {
+      slots: s
+    } = o;
+    const {
+      items: n,
+      next: a,
+      prev: r,
+      selected: u
+    } = it(e, Y), {
+      displayClasses: c,
+      mobile: m
+    } = $e(e), {
+      completeIcon: b,
+      editIcon: l,
+      errorIcon: v,
+      color: R,
+      editable: W,
+      prevText: M,
+      nextText: D
+    } = Le(e), j = d(() => e.items.map((k, q) => {
+      const $ = J(k, e.itemTitle, k), U = J(k, e.itemValue, q + 1);
+      return {
+        title: $,
+        value: U,
+        raw: k
+      };
+    })), K = d(() => n.value.findIndex((k) => u.value.includes(k.id))), ye = d(() => e.disabled ? e.disabled : K.value === 0 ? "prev" : K.value === n.value.length - 1 ? "next" : !1);
+    return He({
+      VStepperItem: {
+        editable: W,
+        errorIcon: v,
+        completeIcon: b,
+        editIcon: l,
+        prevText: M,
+        nextText: D
+      },
+      VStepperActions: {
+        color: R,
+        disabled: ye,
+        prevText: M,
+        nextText: D
+      }
+    }), F(() => {
+      const k = ne.filterProps(e), q = !!(s.header || e.items.length), $ = e.items.length > 0, U = !e.hideActions && !!($ || s.actions);
+      return t(ne, C(k, {
+        color: e.bgColor,
+        class: ["v-stepper", {
+          "v-stepper--alt-labels": e.altLabels,
+          "v-stepper--flat": e.flat,
+          "v-stepper--non-linear": e.nonLinear,
+          "v-stepper--mobile": m.value
+        }, c.value, e.class],
+        style: e.style
+      }), {
+        default: () => [q && t(ve, {
+          key: "stepper-header"
+        }, {
+          default: () => [j.value.map((E, we) => {
+            let {
+              raw: Ft,
+              ...Z
+            } = E;
+            return t(pe, null, [!!we && t(G, null, null), t(L, Z, {
+              default: s[`header-item.${Z.value}`] ?? s.header,
+              icon: s.icon,
+              title: s.title,
+              subtitle: s.subtitle
+            })]);
+          })]
+        }), $ && t(ft, {
+          key: "stepper-window"
+        }, {
+          default: () => [j.value.map((E) => t(vt, {
+            value: E.value
+          }, {
+            default: () => s[`item.${E.value}`]?.(E) ?? s.item?.(E)
+          }))]
+        }), s.default?.({
+          prev: r,
+          next: a
+        }), U && (s.actions?.({
+          next: a,
+          prev: r
+        }) ?? t(ct, {
+          key: "stepper-actions",
+          "onClick:prev": r,
+          "onClick:next": a
+        }, s))]
+      });
+    }), {
+      prev: r,
+      next: a
+    };
+  }
+}), ge = {
+  HotelRoomOffersView: Ve,
+  PrebookForm: Oe
+}, be = {
+  ...Ee,
+  ...ze(Ie, ["bookingId", "bookingPolicyId", "hotelRoomOffer"]),
+  features: {
+    default: () => ge,
+    type: [Object, String]
+  }
+}, H = 1e3, A = 60 * H, N = 60 * A, ae = 24 * N, re = "abort", le = "end", ue = "progress", ce = "start", de = "visibilitychange", St = x({
+  beforeUnmount() {
+    document.removeEventListener(
+      de,
+      this.handleVisibilityChange
+    ), this.pause();
+  },
+  computed: {
+    /**
+     * Remaining days.
+     * @returns {number} The computed value.
+     */
+    days() {
+      return Math.floor(this.totalMilliseconds / ae);
     },
-    cancelPayment() {
-      this.direction = -1, this.step = 2;
+    /**
+     * Remaining hours.
+     * @returns {number} The computed value.
+     */
+    hours() {
+      return Math.floor(
+        this.totalMilliseconds % ae / N
+      );
     },
-    onAfterLeave() {
-      this.direction = 1;
+    /**
+     * Remaining milliseconds.
+     * @returns {number} The computed value.
+     */
+    milliseconds() {
+      return Math.floor(this.totalMilliseconds % H);
     },
-    onBackButtonClick() {
-      [
-        2,
-        5
-        /* PaymentSuccessful */
-      ].includes(this.step) ? this.cancelBooking() : this.step === 3 && this.cancelPayment();
+    /**
+     * Remaining minutes.
+     * @returns {number} The computed value.
+     */
+    minutes() {
+      return Math.floor(
+        this.totalMilliseconds % N / A
+      );
     },
-    onBookingCreated(e) {
-      this.booking = e, e && (Q(), this.direction = 1, this.step = 3);
+    /**
+     * Remaining seconds.
+     * @returns {number} The computed value.
+     */
+    seconds() {
+      return Math.floor(
+        this.totalMilliseconds % A / H
+      );
     },
-    onBookingPolicyCreated(e) {
-      this.bookingPolicy = e, e && (Q(), this.direction = 1, this.step = 2);
+    /**
+     * Total remaining days.
+     * @returns {number} The computed value.
+     */
+    totalDays() {
+      return this.days;
     },
-    onCountdownEnd() {
-      this.countdownSnackbar = !0, this.cancelBooking();
+    /**
+     * Total remaining hours.
+     * @returns {number} The computed value.
+     */
+    totalHours() {
+      return Math.floor(this.totalMilliseconds / N);
     },
-    onPaymentSuccess() {
-      this.direction = 1, this.step = 5;
+    /**
+     * Total remaining minutes.
+     * @returns {number} The computed value.
+     */
+    totalMinutes() {
+      return Math.floor(this.totalMilliseconds / A);
     },
-    transformCountdownTimer(e) {
-      const o = {};
-      for (const [s, n] of Object.entries(e)) {
-        const a = n < 10 ? `0${n}` : n;
-        o[s] = `${a}`;
-      }
-      return o;
+    /**
+     * Total remaining seconds.
+     * @returns {number} The computed value.
+     */
+    totalSeconds() {
+      return Math.floor(this.totalMilliseconds / H);
     }
   },
-  mixins: [
-    je,
-    Ze({
-      fallbackValue: he,
-      propsName: "features"
-    })
-  ],
-  props: ve,
-  setup() {
-    const { t: e } = _e();
+  data() {
     return {
-      t: e
-    };
-  }
-});
-function me(e) {
-  const o = e;
-  o.__i18n = o.__i18n || [], o.__i18n.push({
-    locale: "",
-    resource: {
-      "en-US": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Go back" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Make a new reservation" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Your Selection" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Your Details" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Final Step" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please complete registration and payment within 15 minutes." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "After 15 minutes, the reservation we're holding will be released to others." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sorry, you took too long to complete your reservation. You can still choose an offer." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "The selected rate's cancellation policies have changed and are more restrictive than previously stated." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "The selected rate's increased compared to the previous step from " }, { t: 4, k: "from" }, { t: 3, v: " to " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
-          }
-        }
-      },
-      "fr-FR": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Revenir en arrière" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effectuer une nouvelle reservation" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Votre Sélection" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Vos Informations" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Dernière Étape" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez terminer votre réservation dans les 15 prochaines minutes." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Au-delà de 15 minutes, la réservation que nous retenons sera à nouveau disponible pour les autres." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Désolé, vous avez dépassé le délai pour finaliser votre réservation. Veuillez sélectionner de nouveau une offre." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Les conditions d'annulation de l'offre sélectionnée ont changées et sont plus contraignantes que celles de l'offre initialement sélectionnée." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Le prix de l'offre sélectionnée a augmenté par rapport à l'étape précédente de " }, { t: 4, k: "from" }, { t: 3, v: " à " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
-          }
-        }
-      },
-      "de-DE": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zurück" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Neue Reservierung erstellen" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ihre Auswahl" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ihre Angaben" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Letzter Schritt" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte schließen Sie die Registrierung und Zahlung innerhalb von 15 Minuten ab." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nach 15 Minuten wird die Reservierung, die wir halten, für andere freigegeben." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Es tut uns leid, Sie haben zu lange gebraucht, um Ihre Reservierung abzuschließen. Sie können trotzdem noch ein Angebot auswählen." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Die Stornierungsbedingungen des ausgewählten Tarifs haben sich geändert und sind restriktiver als zuvor angegeben." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Der Preis des ausgewählten Tarifs hat sich im Vergleich zum vorherigen Schritt von " }, { t: 4, k: "from" }, { t: 3, v: " auf " }, { t: 4, k: "to" }, { t: 3, v: " erhöht." }] } }
-          }
-        }
-      },
-      "es-ES": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Volver atrás" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Hacer una nueva reserva" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tu Selección" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tus Datos" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Paso Final" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, complete el registro y el pago en 15 minutos." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Después de 15 minutos, la reserva que estamos reteniendo se liberará para otros." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lo sentimos, tardaste demasiado en completar tu reserva. Aún puedes elegir una oferta." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Las políticas de cancelación de la tarifa seleccionada han cambiado y son más restrictivas de lo que se indicó anteriormente." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "El precio de la tarifa seleccionada ha aumentado en comparación con el paso anterior de " }, { t: 4, k: "from" }, { t: 3, v: " a " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
-          }
-        }
-      },
-      "it-IT": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Torna indietro" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effettua una nuova prenotazione" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "La Tua Selezione" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "I Tuoi Dettagli" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Passaggio Finale" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Si prega di completare la registrazione e il pagamento entro 15 minuti." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Dopo 15 minuti, la prenotazione che stiamo trattenendo verrà rilasciata ad altri clienti." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Siamo spiacenti, hai impiegato troppo tempo per completare la prenotazione. Puoi comunque scegliere un'offerta." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Le politiche di cancellazione della tariffa selezionata sono cambiate e sono più restrittive di quanto dichiarato in precedenza." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Il prezzo della tariffa selezionata è aumentato rispetto al passaggio precedente da " }, { t: 4, k: "from" }, { t: 3, v: " a " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
-          }
-        }
-      },
-      "nl-NL": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ga terug" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Maak een nieuwe reservering" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Uw Selectie" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Uw Gegevens" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Laatste Stap" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltooi de registratie en betaling binnen 15 minuten." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Na 15 minuten wordt de reservering die we vasthouden vrijgegeven aan anderen." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sorry, u hebt er te lang over gedaan om uw reservering te voltooien. U kunt nog steeds een aanbieding kiezen." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Het annuleringsbeleid van het geselecteerde tarief is gewijzigd en is restrictiever dan eerder vermeld." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "De prijs van het geselecteerde tarief is verhoogd ten opzichte van de vorige stap van " }, { t: 4, k: "from" }, { t: 3, v: " naar " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
-          }
-        }
-      },
-      "pt-PT": {
-        HotelRoomOffersBookingFlow: {
-          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltar" } },
-          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Fazer uma nova reserva" } },
-          steps: {
-            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "A Sua Seleção" } },
-            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Os Seus Dados" } },
-            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Passo Final" } }
-          },
-          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, complete o registo e o pagamento dentro de 15 minutos." } },
-          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Após 15 minutos, a reserva que estamos a guardar será libertada para outros." } },
-          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Desculpe, demorou demasiado tempo a concluir a sua reserva. Ainda pode escolher uma oferta." } },
-          warnings: {
-            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "As políticas de cancelamento da tarifa selecionada foram alteradas e são mais restritivas do que o indicado anteriormente." } },
-            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "O preço da tarifa selecionada aumentou em comparação com o passo anterior de " }, { t: 4, k: "from" }, { t: 3, v: " para " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
-          }
-        }
-      }
-    }
-  });
-}
-const Y = Symbol.for("vuetify:v-stepper"), ke = V({
-  color: String,
-  disabled: {
-    type: [Boolean, String],
-    default: !1
-  },
-  prevText: {
-    type: String,
-    default: "$vuetify.stepper.prev"
-  },
-  nextText: {
-    type: String,
-    default: "$vuetify.stepper.next"
-  }
-}, "VStepperActions"), dt = _()({
-  name: "VStepperActions",
-  props: ke(),
-  emits: {
-    "click:prev": () => !0,
-    "click:next": () => !0
-  },
-  setup(e, o) {
-    let {
-      emit: s,
-      slots: n
-    } = o;
-    const {
-      t: a
-    } = Fe();
-    function r() {
-      s("click:prev");
-    }
-    function u() {
-      s("click:next");
-    }
-    return F(() => {
-      const c = {
-        onClick: r
-      }, m = {
-        onClick: u
-      };
-      return t("div", {
-        class: "v-stepper-actions"
-      }, [t(oe, {
-        defaults: {
-          VBtn: {
-            disabled: ["prev", !0].includes(e.disabled),
-            text: a(e.prevText),
-            variant: "text"
-          }
-        }
-      }, {
-        default: () => [n.prev?.({
-          props: c
-        }) ?? t(z, c, null)]
-      }), t(oe, {
-        defaults: {
-          VBtn: {
-            color: e.color,
-            disabled: ["next", !0].includes(e.disabled),
-            text: a(e.nextText),
-            variant: "tonal"
-          }
-        }
-      }, {
-        default: () => [n.next?.({
-          props: m
-        }) ?? t(z, m, null)]
-      })]);
-    }), {};
-  }
-}), Se = Xe("v-stepper-header"), mt = V({
-  color: String,
-  title: String,
-  subtitle: String,
-  complete: Boolean,
-  completeIcon: {
-    type: P,
-    default: "$complete"
-  },
-  editable: Boolean,
-  editIcon: {
-    type: P,
-    default: "$edit"
-  },
-  error: Boolean,
-  errorIcon: {
-    type: P,
-    default: "$error"
-  },
-  icon: P,
-  ripple: {
-    type: [Boolean, Object],
-    default: !0
-  },
-  rules: {
-    type: Array,
-    default: () => []
-  }
-}, "StepperItem"), pt = V({
-  ...mt(),
-  ...st()
-}, "VStepperItem"), N = _()({
-  name: "VStepperItem",
-  directives: {
-    Ripple: Qe
-  },
-  props: pt(),
-  emits: {
-    "group:selected": (e) => !0
+      /**
+       * Automatically pause the countdown when the document is hidden.
+       * @type {boolean}
+       */
+      autoPauseOnHide: !1,
+      /**
+       * It is counting down.
+       * @type {boolean}
+       */
+      counting: !1,
+      /**
+       * The absolute end time.
+       * @type {number}
+       */
+      endTime: 0,
+      /**
+       * The request ID of the requestAnimationFrame.
+       * @type {number}
+       */
+      requestId: 0,
+      /**
+       * The remaining milliseconds.
+       * @type {number}
+       */
+      totalMilliseconds: 0
+    };
   },
-  setup(e, o) {
-    let {
-      slots: s
-    } = o;
-    const n = et(e, Y, !0), a = d(() => n?.value.value ?? e.value), r = d(() => e.rules.every((R) => R() === !0)), u = d(() => !e.disabled && e.editable), c = d(() => !e.disabled && e.editable), m = d(() => e.error || !r.value), b = d(() => e.complete || e.rules.length > 0 && r.value), l = d(() => m.value ? e.errorIcon : b.value ? e.completeIcon : n.isSelected.value && e.editable ? e.editIcon : e.icon), v = d(() => ({
-      canEdit: c.value,
-      hasError: m.value,
-      hasCompleted: b.value,
-      title: e.title,
-      subtitle: e.subtitle,
-      step: a.value,
-      value: e.value
-    }));
-    return F(() => {
-      const R = (!n || n.isSelected.value || b.value || c.value) && !m.value && !e.disabled, W = !!(e.title != null || s.title), M = !!(e.subtitle != null || s.subtitle);
-      function D() {
-        n?.toggle();
+  emits: [re, le, ue, ce],
+  methods: {
+    /**
+     * Aborts the countdown.
+     * @public
+     * @emits Countdown#abort
+     */
+    abort() {
+      this.counting && (this.pause(), this.counting = !1, this.emitEvents && this.$emit(re));
+    },
+    /**
+     * Continues the countdown.
+     * @private
+     */
+    continue() {
+      if (!this.counting)
+        return;
+      const e = Math.min(this.totalMilliseconds, this.interval);
+      if (e > 0) {
+        let o, s;
+        const n = (a) => {
+          o || (o = a), s || (s = a);
+          const r = a - o;
+          r >= e || // Avoid losing time about one second per minute (now - prev ≈ 16ms) (#43)
+          r + (a - s) / 2 >= e ? this.progress() : this.requestId = requestAnimationFrame(n), s = a;
+        };
+        this.requestId = requestAnimationFrame(n);
+      } else
+        this.end();
+    },
+    /**
+     * Ends the countdown.
+     * @public
+     * @emits Countdown#end
+     */
+    end() {
+      this.counting && (this.pause(), this.totalMilliseconds = 0, this.counting = !1, this.emitEvents && this.$emit(le));
+    },
+    /**
+     * visibility change event handler.
+     * @private
+     */
+    handleVisibilityChange() {
+      switch (document.visibilityState) {
+        case "visible":
+          this.requestId === 0 && this.autoPauseOnHide && (this.update(), this.continue()), this.autoPauseOnHide = !1;
+          break;
+        case "hidden":
+          this.requestId > 0 && (this.autoPauseOnHide = !0, this.pause());
+          break;
       }
-      return Me(t("button", {
-        class: ["v-stepper-item", {
-          "v-stepper-item--complete": b.value,
-          "v-stepper-item--disabled": e.disabled,
-          "v-stepper-item--error": m.value
-        }, n?.selectedClass.value],
-        disabled: !e.editable,
-        type: "button",
-        onClick: D
-      }, [u.value && tt(!0, "v-stepper-item"), t(ot, {
-        key: "stepper-avatar",
-        class: "v-stepper-item__avatar",
-        color: R ? e.color : void 0,
-        size: 24
-      }, {
-        default: () => [s.icon?.(v.value) ?? (l.value ? t(I, {
-          icon: l.value
-        }, null) : a.value)]
-      }), t("div", {
-        class: "v-stepper-item__content"
-      }, [W && t("div", {
-        key: "title",
-        class: "v-stepper-item__title"
-      }, [s.title?.(v.value) ?? e.title]), M && t("div", {
-        key: "subtitle",
-        class: "v-stepper-item__subtitle"
-      }, [s.subtitle?.(v.value) ?? e.subtitle]), s.default?.(v.value)])]), [[De("ripple"), e.ripple && e.editable, null]]);
-    }), {};
-  }
-}), ft = V({
-  ...$e(at(), ["continuous", "nextIcon", "prevIcon", "showArrows", "touch", "mandatory"])
-}, "VStepperWindow"), ht = _()({
-  name: "VStepperWindow",
-  props: ft(),
-  emits: {
-    "update:modelValue": (e) => !0
+    },
+    /**
+     * Pauses the countdown.
+     * @private
+     */
+    pause() {
+      cancelAnimationFrame(this.requestId), this.requestId = 0;
+    },
+    /**
+     * Progresses to countdown.
+     * @private
+     * @emits Countdown#progress
+     */
+    progress() {
+      this.counting && (this.update(), this.emitEvents && this.totalMilliseconds > 0 && this.$emit(ue, {
+        days: this.days,
+        hours: this.hours,
+        milliseconds: this.milliseconds,
+        minutes: this.minutes,
+        seconds: this.seconds,
+        totalDays: this.totalDays,
+        totalHours: this.totalHours,
+        totalMilliseconds: this.totalMilliseconds,
+        totalMinutes: this.totalMinutes,
+        totalSeconds: this.totalSeconds
+      }), this.continue());
+    },
+    /**
+     * Restarts the count.
+     * @public
+     */
+    restart() {
+      this.pause(), this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.counting = !1, this.start();
+    },
+    /**
+     * Starts to countdown.
+     * @public
+     * @emits Countdown#start
+     */
+    start() {
+      this.counting || (this.counting = !0, this.autoStart || (this.totalMilliseconds = this.time, this.endTime = this.now() + this.time), this.emitEvents && this.$emit(ce), document.visibilityState === "visible" && this.continue());
+    },
+    /**
+     * Updates the count.
+     * @private
+     */
+    update() {
+      this.counting && (this.totalMilliseconds = Math.max(0, this.endTime - this.now()));
+    }
   },
-  setup(e, o) {
-    let {
-      slots: s
-    } = o;
-    const n = He(Y, null), a = Le(e, "modelValue"), r = d({
-      get() {
-        return a.value != null || !n ? a.value : n.items.value.find((u) => n.selected.value.includes(u.id))?.value;
-      },
-      set(u) {
-        a.value = u;
-      }
-    });
-    return F(() => {
-      const u = se.filterProps(e);
-      return t(se, C({
-        _as: "VStepperWindow"
-      }, u, {
-        modelValue: r.value,
-        "onUpdate:modelValue": (c) => r.value = c,
-        class: ["v-stepper-window", e.class],
-        style: e.style,
-        mandatory: !1,
-        touch: !1
-      }), s);
-    }), {};
-  }
-}), vt = V({
-  ...rt()
-}, "VStepperWindowItem"), gt = _()({
-  name: "VStepperWindowItem",
-  props: vt(),
-  setup(e, o) {
-    let {
-      slots: s
-    } = o;
-    return F(() => {
-      const n = ie.filterProps(e);
-      return t(ie, C({
-        _as: "VStepperWindowItem"
-      }, n, {
-        class: ["v-stepper-window-item", e.class],
-        style: e.style
-      }), s);
-    }), {};
-  }
-}), bt = V({
-  altLabels: Boolean,
-  bgColor: String,
-  completeIcon: P,
-  editIcon: P,
-  editable: Boolean,
-  errorIcon: P,
-  hideActions: Boolean,
-  items: {
-    type: Array,
-    default: () => []
+  mounted() {
+    document.addEventListener(
+      de,
+      this.handleVisibilityChange
+    );
   },
-  itemTitle: {
-    type: String,
-    default: "title"
+  name: "VueCountdown",
+  props: {
+    /**
+     * Starts the countdown automatically when initialized.
+     */
+    autoStart: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * Emits the countdown events.
+     */
+    emitEvents: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * The interval time (in milliseconds) of the countdown progress.
+     */
+    interval: {
+      default: 1e3,
+      type: Number,
+      validator: (e) => e >= 0
+    },
+    /**
+     * Generate the current time of a specific time zone.
+     */
+    now: {
+      default: () => Date.now(),
+      type: Function
+    },
+    /**
+     * The tag name of the component's root element.
+     */
+    tag: {
+      default: "span",
+      type: String
+    },
+    /**
+     * The time (in milliseconds) to count down from.
+     */
+    time: {
+      default: 0,
+      type: Number,
+      validator: (e) => e >= 0
+    },
+    /**
+     * Transforms the output props before rendering.
+     */
+    transform: {
+      default: (e) => e,
+      type: Function
+    }
   },
-  itemValue: {
-    type: String,
-    default: "value"
+  render() {
+    return We(
+      this.tag,
+      this.$slots.default ? [
+        this.$slots.default(
+          this.transform({
+            days: this.days,
+            hours: this.hours,
+            milliseconds: this.milliseconds,
+            minutes: this.minutes,
+            seconds: this.seconds,
+            totalDays: this.totalDays,
+            totalHours: this.totalHours,
+            totalMilliseconds: this.totalMilliseconds,
+            totalMinutes: this.totalMinutes,
+            totalSeconds: this.totalSeconds
+          })
+        )
+      ] : void 0
+    );
   },
-  nonLinear: Boolean,
-  flat: Boolean,
-  ...qe()
-}, "Stepper"), kt = V({
-  ...bt(),
-  ...nt({
-    mandatory: "force",
-    selectedClass: "v-stepper-item--selected"
-  }),
-  ...lt(),
-  ...We(ke(), ["prevText", "nextText"])
-}, "VStepper"), St = _()({
-  name: "VStepper",
-  props: kt(),
-  emits: {
-    "update:modelValue": (e) => !0
+  watch: {
+    $props: {
+      deep: !0,
+      /**
+       * Update the countdown when props changed.
+       */
+      handler() {
+        this.totalMilliseconds = this.time, this.endTime = this.now() + this.time, this.autoStart && this.start();
+      },
+      immediate: !0
+    }
+  }
+});
+var ke = /* @__PURE__ */ ((e) => (e[e.Idle = 1] = "Idle", e[e.Payment = 3] = "Payment", e[e.PaymentRequested = 4] = "PaymentRequested", e[e.PaymentSuccessful = 5] = "PaymentSuccessful", e[e.PreBook = 2] = "PreBook", e))(ke || {});
+const Se = x({
+  components: {
+    CreditCardPayment: Ke,
+    HotelRoomOffersView: Be,
+    PrebookForm: Te,
+    VueCountdown: St
   },
-  setup(e, o) {
-    let {
-      slots: s
-    } = o;
-    const {
-      items: n,
-      next: a,
-      prev: r,
-      selected: u
-    } = it(e, Y), {
-      displayClasses: c,
-      mobile: m
-    } = Ae(e), {
-      completeIcon: b,
-      editIcon: l,
-      errorIcon: v,
-      color: R,
-      editable: W,
-      prevText: M,
-      nextText: D
-    } = Ne(e), j = d(() => e.items.map((k, q) => {
-      const H = J(k, e.itemTitle, k), U = J(k, e.itemValue, q + 1);
-      return {
-        title: H,
-        value: U,
-        raw: k
+  computed: {
+    backButtonLabel() {
+      return [
+        2,
+        3
+        /* Payment */
+      ].includes(this.step) ? this.t("HotelRoomOffersBookingFlow.back") : this.t("HotelRoomOffersBookingFlow.makeNewBooking");
+    },
+    hotelRoomOffersViewProps() {
+      const e = {
+        ...this.lastRequest,
+        ...this.$props,
+        features: this.$props.features?.HotelRoomOffersView
       };
-    })), K = d(() => n.value.findIndex((k) => u.value.includes(k.id))), ye = d(() => e.disabled ? e.disabled : K.value === 0 ? "prev" : K.value === n.value.length - 1 ? "next" : !1);
-    return ze({
-      VStepperItem: {
-        editable: W,
-        errorIcon: v,
-        completeIcon: b,
-        editIcon: l,
-        prevText: M,
-        nextText: D
-      },
-      VStepperActions: {
-        color: R,
-        disabled: ye,
-        prevText: M,
-        nextText: D
+      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children ?? null, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
+    },
+    isWarningSnackarDisplayed() {
+      return this.warningSnackbarMessages.length > 0;
+    },
+    prebookFormProps() {
+      const e = {
+        ...this.$props,
+        ...this.lastRequest,
+        ...this.formdata,
+        features: this.$props.features?.PrebookForm
+      };
+      return this.bookingPolicy && (e.adultCount = this.bookingPolicy.adultCount, e.children = this.bookingPolicy.children ?? null, e.checkInDate = this.bookingPolicy.checkInDate, e.checkOutDate = this.bookingPolicy.checkOutDate), e;
+    },
+    transitionName() {
+      return this.direction > 0 ? "slide-in" : "slide-out";
+    }
+  },
+  created() {
+    this.$eventBus.$on(
+      S.BookingPolicyCreated,
+      this.onBookingPolicyCreated
+    ), this.$eventBus.$on(
+      S.HotelRoomOffersPriceIncreased,
+      ([e, o]) => {
+        this.warningSnackbarMessages.push(
+          this.t("HotelRoomOffersBookingFlow.warnings.price", {
+            from: ee({
+              amount: o.taxIncludedPrice,
+              currency: this.config.currency,
+              locale: this.$i18n.locale
+            }),
+            to: ee({
+              amount: e.taxIncludedPrice,
+              currency: this.config.currency,
+              locale: this.$i18n.locale
+            })
+          }).toString()
+        );
       }
-    }), F(() => {
-      const k = ne.filterProps(e), q = !!(s.header || e.items.length), H = e.items.length > 0, U = !e.hideActions && !!(H || s.actions);
-      return t(ne, C(k, {
-        color: e.bgColor,
-        class: ["v-stepper", {
-          "v-stepper--alt-labels": e.altLabels,
-          "v-stepper--flat": e.flat,
-          "v-stepper--non-linear": e.nonLinear,
-          "v-stepper--mobile": m.value
-        }, c.value, e.class],
-        style: e.style
-      }), {
-        default: () => [q && t(Se, {
-          key: "stepper-header"
-        }, {
-          default: () => [j.value.map((E, we) => {
-            let {
-              raw: Ft,
-              ...Z
-            } = E;
-            return t(pe, null, [!!we && t(G, null, null), t(N, Z, {
-              default: s[`header-item.${Z.value}`] ?? s.header,
-              icon: s.icon,
-              title: s.title,
-              subtitle: s.subtitle
-            })]);
-          })]
-        }), H && t(ht, {
-          key: "stepper-window"
-        }, {
-          default: () => [j.value.map((E) => t(gt, {
-            value: E.value
-          }, {
-            default: () => s[`item.${E.value}`]?.(E) ?? s.item?.(E)
-          }))]
-        }), s.default?.({
-          prev: r,
-          next: a
-        }), U && (s.actions?.({
-          next: a,
-          prev: r
-        }) ?? t(dt, {
-          key: "stepper-actions",
-          "onClick:prev": r,
-          "onClick:next": a
-        }, s))]
-      });
-    }), {
-      prev: r,
-      next: a
+    ), this.$eventBus.$on(S.CancellationPoliciesUpdated, () => {
+      this.warningSnackbarMessages.push(
+        this.t(
+          "HotelRoomOffersBookingFlow.warnings.cancellationPolicies"
+        ).toString()
+      );
+    }), this.$eventBus.$on(
+      S.HotelRoomOfferRequestCreated,
+      (e) => {
+        this.lastRequest = e;
+      }
+    ), this.$eventBus.$on(S.CurrencyUpdated, () => this.cancelBooking()), this.$eventBus.$on(S.BookingCreated, this.onBookingCreated), this.$eventBus.$on(S.PaymentSuccess, this.onPaymentSuccess), this.$eventBus.$on(S.PrebookForm, (e) => {
+      this.formdata = e;
+    });
+  },
+  data: () => ({
+    STEPS: ke,
+    booking: void 0,
+    bookingPolicy: void 0,
+    countdownSnackbar: !1,
+    direction: 1,
+    formdata: void 0,
+    lastRequest: void 0,
+    step: 1,
+    warningSnackbarMessages: []
+  }),
+  methods: {
+    cancelBooking() {
+      this.direction = -1, this.step = 1, this.bookingPolicy = void 0, this.booking = void 0, this.warningSnackbarMessages = [];
+    },
+    cancelPayment() {
+      this.direction = -1, this.step = 2;
+    },
+    onAfterLeave() {
+      this.direction = 1;
+    },
+    onBackButtonClick() {
+      [
+        2,
+        5
+        /* PaymentSuccessful */
+      ].includes(this.step) ? this.cancelBooking() : this.step === 3 && this.cancelPayment();
+    },
+    onBookingCreated(e) {
+      this.booking = e, e && (X(), this.direction = 1, this.step = 3);
+    },
+    onBookingPolicyCreated(e) {
+      this.bookingPolicy = e, e && (X(), this.direction = 1, this.step = 2);
+    },
+    onCountdownEnd() {
+      this.countdownSnackbar = !0, this.cancelBooking();
+    },
+    onPaymentSuccess() {
+      this.direction = 1, this.step = 5;
+    },
+    transformCountdownTimer(e) {
+      const o = {};
+      for (const [s, n] of Object.entries(e)) {
+        const a = n < 10 ? `0${n}` : n;
+        o[s] = `${a}`;
+      }
+      return o;
+    }
+  },
+  mixins: [
+    je,
+    Ze({
+      fallbackValue: ge,
+      propsName: "features"
+    })
+  ],
+  props: be,
+  setup() {
+    const { t: e } = qe();
+    return {
+      t: e
     };
   }
-}), yt = { class: "pl-3" }, wt = { class: "text-grey-darken-3 font-weight-bold" }, Pt = { class: "text-grey-darken-3 font-weight-bold" }, Vt = { class: "text-grey-darken-3 font-weight-bold" }, Et = { class: "text-h5 mx-sm-2 px-sm-2 mx-md-6 px-md-6 mx-lg-10 px-lg-10 mx-xl-16 px-xl-16" }, Bt = { class: "pl-5 ma-0" }, Ot = { class: "font-weight-bold" }, It = { class: "font-weight-bold" };
+});
+function me(e) {
+  const o = e;
+  o.__i18n = o.__i18n || [], o.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Go back" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Make a new reservation" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Your Selection" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Your Details" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Final Step" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please complete registration and payment within 15 minutes." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "After 15 minutes, the reservation we're holding will be released to others." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sorry, you took too long to complete your reservation. You can still choose an offer." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "The selected rate's cancellation policies have changed and are more restrictive than previously stated." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "The selected rate's increased compared to the previous step from " }, { t: 4, k: "from" }, { t: 3, v: " to " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "fr-FR": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Revenir en arrière" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effectuer une nouvelle reservation" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Votre Sélection" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Vos Informations" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Dernière Étape" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez terminer votre réservation dans les 15 prochaines minutes." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Au-delà de 15 minutes, la réservation que nous retenons sera à nouveau disponible pour les autres." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Désolé, vous avez dépassé le délai pour finaliser votre réservation. Veuillez sélectionner de nouveau une offre." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Les conditions d'annulation de l'offre sélectionnée ont changées et sont plus contraignantes que celles de l'offre initialement sélectionnée." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Le prix de l'offre sélectionnée a augmenté par rapport à l'étape précédente de " }, { t: 4, k: "from" }, { t: 3, v: " à " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "de-DE": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zurück" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Neue Reservierung erstellen" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ihre Auswahl" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ihre Angaben" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Letzter Schritt" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte schließen Sie die Registrierung und Zahlung innerhalb von 15 Minuten ab." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Nach 15 Minuten wird die Reservierung, die wir halten, für andere freigegeben." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Es tut uns leid, Sie haben zu lange gebraucht, um Ihre Reservierung abzuschließen. Sie können trotzdem noch ein Angebot auswählen." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Die Stornierungsbedingungen des ausgewählten Tarifs haben sich geändert und sind restriktiver als zuvor angegeben." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Der Preis des ausgewählten Tarifs hat sich im Vergleich zum vorherigen Schritt von " }, { t: 4, k: "from" }, { t: 3, v: " auf " }, { t: 4, k: "to" }, { t: 3, v: " erhöht." }] } }
+          }
+        }
+      },
+      "es-ES": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Volver atrás" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Hacer una nueva reserva" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tu Selección" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Tus Datos" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Paso Final" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, complete el registro y el pago en 15 minutos." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Después de 15 minutos, la reserva que estamos reteniendo se liberará para otros." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Lo sentimos, tardaste demasiado en completar tu reserva. Aún puedes elegir una oferta." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Las políticas de cancelación de la tarifa seleccionada han cambiado y son más restrictivas de lo que se indicó anteriormente." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "El precio de la tarifa seleccionada ha aumentado en comparación con el paso anterior de " }, { t: 4, k: "from" }, { t: 3, v: " a " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "it-IT": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Torna indietro" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Effettua una nuova prenotazione" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "La Tua Selezione" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "I Tuoi Dettagli" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Passaggio Finale" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Si prega di completare la registrazione e il pagamento entro 15 minuti." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Dopo 15 minuti, la prenotazione che stiamo trattenendo verrà rilasciata ad altri clienti." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Siamo spiacenti, hai impiegato troppo tempo per completare la prenotazione. Puoi comunque scegliere un'offerta." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Le politiche di cancellazione della tariffa selezionata sono cambiate e sono più restrittive di quanto dichiarato in precedenza." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "Il prezzo della tariffa selezionata è aumentato rispetto al passaggio precedente da " }, { t: 4, k: "from" }, { t: 3, v: " a " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "nl-NL": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Ga terug" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Maak een nieuwe reservering" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Uw Selectie" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Uw Gegevens" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Laatste Stap" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltooi de registratie en betaling binnen 15 minuten." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Na 15 minuten wordt de reservering die we vasthouden vrijgegeven aan anderen." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Sorry, u hebt er te lang over gedaan om uw reservering te voltooien. U kunt nog steeds een aanbieding kiezen." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Het annuleringsbeleid van het geselecteerde tarief is gewijzigd en is restrictiever dan eerder vermeld." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "De prijs van het geselecteerde tarief is verhoogd ten opzichte van de vorige stap van " }, { t: 4, k: "from" }, { t: 3, v: " naar " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      },
+      "pt-PT": {
+        HotelRoomOffersBookingFlow: {
+          back: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Voltar" } },
+          makeNewBooking: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Fazer uma nova reserva" } },
+          steps: {
+            yourSelection: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "A Sua Seleção" } },
+            yourDetails: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Os Seus Dados" } },
+            finalStep: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Passo Final" } }
+          },
+          timer1: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, complete o registo e o pagamento dentro de 15 minutos." } },
+          timer2: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Após 15 minutos, a reserva que estamos a guardar será libertada para outros." } },
+          timerEnd: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Desculpe, demorou demasiado tempo a concluir a sua reserva. Ainda pode escolher uma oferta." } },
+          warnings: {
+            cancellationPolicies: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "As políticas de cancelamento da tarifa selecionada foram alteradas e são mais restritivas do que o indicado anteriormente." } },
+            price: { t: 0, b: { t: 2, i: [{ t: 3, v: "O preço da tarifa selecionada aumentou em comparação com o passo anterior de " }, { t: 4, k: "from" }, { t: 3, v: " para " }, { t: 4, k: "to" }, { t: 3, v: "." }] } }
+          }
+        }
+      }
+    }
+  });
+}
+const yt = { class: "pl-3" }, wt = { class: "text-grey-darken-3 font-weight-bold" }, Pt = { class: "text-grey-darken-3 font-weight-bold" }, Vt = { class: "text-grey-darken-3 font-weight-bold" }, Et = { class: "text-h5 mx-sm-2 px-sm-2 mx-md-6 px-md-6 mx-lg-10 px-lg-10 mx-xl-16 px-xl-16" }, Bt = { class: "pl-5 ma-0" }, Ot = { class: "font-weight-bold" }, It = { class: "font-weight-bold" };
 function Tt(e, o, s, n, a, r) {
   const u = T("VueCountdown"), c = T("PrebookForm"), m = T("CreditCardPayment"), b = T("HotelRoomOffersView");
   return p(), g(O, { dense: "" }, {
@@ -1003,7 +1003,7 @@ function Tt(e, o, s, n, a, r) {
           }, 1032, ["onClick"])
         ]),
         default: i(() => [
-          (p(!0), X(pe, null, Ue(e.warningSnackbarMessages, (l, v) => (p(), X("p", {
+          (p(!0), Q(pe, null, Ue(e.warningSnackbarMessages, (l, v) => (p(), Q("p", {
             key: v,
             class: "text-white ma-0"
           }, [
@@ -1067,16 +1067,16 @@ function Tt(e, o, s, n, a, r) {
                 sm: "9"
               }, {
                 default: i(() => [
-                  t(St, {
+                  t(kt, {
                     class: "bg-transparent",
                     modelValue: e.step,
                     "onUpdate:modelValue": o[1] || (o[1] = (l) => e.step = l),
                     elevation: "0"
                   }, {
                     default: i(() => [
-                      t(Se, { color: "primary" }, {
+                      t(ve, { color: "primary" }, {
                         default: i(() => [
-                          t(N, {
+                          t(L, {
                             color: "primary",
                             complete: "",
                             value: e.STEPS.Idle
@@ -1087,7 +1087,7 @@ function Tt(e, o, s, n, a, r) {
                             _: 1
                           }, 8, ["value"]),
                           t(G),
-                          t(N, {
+                          t(L, {
                             color: "primary",
                             complete: [e.STEPS.PaymentSuccessful, e.STEPS.Payment].includes(e.step),
                             value: e.STEPS.PreBook
@@ -1098,7 +1098,7 @@ function Tt(e, o, s, n, a, r) {
                             _: 1
                           }, 8, ["complete", "value"]),
                           t(G),
-                          t(N, {
+                          t(L, {
                             color: "primary",
                             complete: e.step === e.STEPS.PaymentSuccessful,
                             value: e.STEPS.Payment
@@ -1256,13 +1256,13 @@ function Tt(e, o, s, n, a, r) {
     _: 1
   });
 }
-typeof me == "function" && me(be);
-const Rt = /* @__PURE__ */ fe(be, [["render", Tt], ["__scopeId", "data-v-17bd38d1"]]), Ct = x({
+typeof me == "function" && me(Se);
+const Rt = /* @__PURE__ */ fe(Se, [["render", Tt], ["__scopeId", "data-v-17bd38d1"]]), Ct = x({
   components: {
     HotelRoomOffersBookingFlow: Rt,
     WebComponentWrapper: Je
   },
-  props: ve
+  props: be
 });
 function _t(e, o, s, n, a, r) {
   const u = T("HotelRoomOffersBookingFlow", !0), c = T("WebComponentWrapper");
@@ -1274,8 +1274,8 @@ function _t(e, o, s, n, a, r) {
   });
 }
 const Jt = /* @__PURE__ */ fe(Ct, [["render", _t]]);
-Pe("css/revolugo.hotelroomoffersbookingflow.LHa5iHB7.css");
+Pe("css/revolugo.hotelroomoffersbookingflow.nFiRmYyk.css");
 export {
   Jt as default
 };
-//# sourceMappingURL=revolugo.hotelroomoffersbookingflow.DFwr-egM.min.js.map
+//# sourceMappingURL=revolugo.hotelroomoffersbookingflow.NFAeeps4.min.js.map