@konnectio/core 4.0.56-rc23 → 4.0.56-rc25

package/dist/event.js

@@ -1,325 +1,599 @@
-import { d as Ve, j as Ee, D as I, G as Te, l as Be, H as Ce, o as a, a as _, w as p, S as Pe, f as v, b as t, L as Ae, u as e, J as P, O as ee, e as S, i as r, T as te, h as s, F as N, K as w, t as n, M as ne, N as xe, P as y, Q as Fe, R as M, U as le, q as Ne, s as we, v as Oe, x as De, g as Le, y as $e, z as Ue, A as Re, V as Se, B as Me } from "./_-hKpeUU4C.js";
-import { M as qe, R as ze, T as je, G as He } from "./ThankYou-d129mmKn.js";
-import { u as oe, E as Qe } from "./EventAvailabilityForm-c0u7rObv.js";
-import "./ActionField-BUeonTqc.js";
-import { P as Ze, C as ae, a as Je } from "./CheckoutWindow-sws5X9v2.js";
-const V = (A) => (Oe("data-v-693ef234"), A = A(), De(), A), Ke = { class: "fresh-booking-panel" };
-const We = {
+import { d as J, u as te, Q as Ie, s as Z, c as ye, r as ze, e as je, f as a, n as _, a4 as _e, z as d, g as i, j as e, a5 as ce, m as u, h as n, a6 as pe, k as r, a1 as C, A as t, a7 as me, a8 as Ge, a2 as O, a9 as Ze, x as le, aa as Qe, Z as x, o as Je, w as Ke, S as We, F as A, ab as S, l as R, V as ve, p as ee, T as be, ac as he, ad as Ye, ae as ne, a3 as fe, C as Xe, t as xe, D as en, E as nn, G as tn, H as ln, J as an, K as on, L as sn, af as rn, M as un } from "./Field-pY1XGbPQ.js";
+import { B as dn, R as cn, L as Ve, M as pn, T as mn, V as vn, G as bn } from "./masonry.plugin-MNkmNEdZ.js";
+import { u as Q, E as hn } from "./EventAvailabilityForm--XuKLthM.js";
+import { A as fn } from "./ActionField-7P8dDME0.js";
+import { P as gn, C as ge, a as kn } from "./CheckoutWindow-Cru3v8It.js";
+import { A as yn } from "./AvailabilitySkeleton-kd2z0IL5.js";
+const _n = ["innerHTML"], Vn = { class: "konnectio-event-listing-information-new" };
+const En = { key: 1 }, Tn = { key: 2 }, $n = /* @__PURE__ */ J({
+  __name: "Event",
+  props: {
+    name: {},
+    type: {},
+    description: {},
+    fromDate: {},
+    toDate: {},
+    listingId: {},
+    tableGroupId: {},
+    days: {},
+    length: {},
+    timeFrom: {},
+    timeTo: {},
+    maxOnlineReservationLimit: {},
+    minimumPersonCount: {},
+    fromPrice: {},
+    gallery: {},
+    soldOut: { type: Boolean, default: !1 },
+    layout: {},
+    trackingEnabled: { type: Boolean },
+    callback: {}
+  },
+  setup(V) {
+    const { t: l } = te(), p = V, { display: m } = Ie(), { currency: B } = Z(ye()), {
+      maxNumberOfPeople: E,
+      numberOfPeople: T,
+      eventId: $,
+      tableGroupId: c
+    } = Z(Q()), {
+      getTemplateAvailability: b,
+      getEventAvailability: h,
+      isEventListingLoading: D
+    } = Q(), v = ze(0), H = je(() => D(p.listingId)), I = () => {
+      v.value > 0 ? ($.value = p.listingId, T.value = v.value, b(p.callback)) : m({
+        type: "error",
+        message: l("alert.error.selectPeople")
+      });
+    }, K = () => {
+      v.value > 0 ? ($.value = p.listingId, c.value = p.tableGroupId, T.value = v.value, h(p.callback)) : m({
+        type: "error",
+        message: l("alert.error.selectPeople")
+      });
+    };
+    return (s, P) => (a(), _(dn, {
+      "listing-id": s.listingId,
+      gallery: s.gallery,
+      name: s.name,
+      description: s.description,
+      layout: e(Ze).Event
+    }, _e({
+      action: d(() => [
+        r(fn, {
+          modelValue: v.value,
+          "onUpdate:modelValue": P[0] || (P[0] = (U) => v.value = U),
+          type: "number",
+          label: e(l)("event.numberOfGuests"),
+          buttonLabel: s.soldOut ? e(l)("event.soldOut") : e(l)("event.bookNowButton"),
+          buttonDisabled: s.soldOut,
+          "min-value": s.type === "event" ? 1 : s.minimumPersonCount,
+          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e(E),
+          "is-loading": H.value,
+          "onUpdate:isLoading": P[1] || (P[1] = (U) => H.value = U),
+          onAction: P[2] || (P[2] = (U) => s.type === "event" ? K() : I())
+        }, null, 8, ["modelValue", "label", "buttonLabel", "buttonDisabled", "min-value", "max-value", "is-loading"])
+      ]),
+      _: 2
+    }, [
+      s.type === "event" ? {
+        name: "description",
+        fn: d(() => [
+          s.description ? (a(), i("p", {
+            key: 0,
+            innerHTML: e(ce)(s.description)
+          }, null, 8, _n)) : u("", !0),
+          n("ul", Vn, [
+            u("", !0),
+            e(pe)(s.fromDate, s.toDate) < 180 ? (a(), i("li", En, [
+              r(C, {
+                icon: "calendar-days",
+                color: "header"
+              }),
+              n("span", null, t(e(me)(s.fromDate, s.toDate)), 1)
+            ])) : u("", !0),
+            n("li", null, [
+              n("span", null, t(s.length), 1)
+            ]),
+            n("li", null, [
+              r(C, {
+                icon: "calendar-clock",
+                color: "header"
+              }),
+              n("span", null, t(e(Ge)(s.timeFrom, s.timeTo)), 1)
+            ]),
+            s.maxOnlineReservationLimit ? (a(), i("li", Tn, [
+              r(C, {
+                icon: "user-alt",
+                color: "header"
+              }),
+              n("span", null, t(`1 - ${s.maxOnlineReservationLimit} ${e(l)("general.people")}`), 1)
+            ])) : u("", !0)
+          ])
+        ]),
+        key: "0"
+      } : {
+        name: "description",
+        fn: d(() => [
+          n("ul", { class: "konnectio-event-listing-information" }, [
+            e(pe)(s.fromDate, s.toDate) < 180 ? (a(), i("li", { key: 0 }, [
+              r(C, {
+                icon: "calendar-days",
+                color: "header"
+              }),
+              n("span", null, t(e(me)(s.fromDate, s.toDate, !0)), 1)
+            ])) : u("", !0),
+            n("li", null, [
+              r(C, {
+                icon: "user-alt",
+                color: "header"
+              }),
+              n("span", null, t(`${s.minimumPersonCount} - ${e(E)} ${e(l)("general.people")}`), 1)
+            ]),
+            n("li", null, [
+              r(C, {
+                icon: "money-bill",
+                color: "header"
+              }),
+              n("span", null, t(`${e(l)("general.pricesFrom")} ${e(O)(s.fromPrice, e(B))}`), 1)
+            ])
+          ]),
+          s.description ? (a(), i("p", {
+            key: 0,
+            innerHTML: e(ce)(s.description)
+          }, null, 8, ["innerHTML"])) : u("", !0)
+        ]),
+        key: "1"
+      }
+    ]), 1032, ["listing-id", "gallery", "name", "description", "layout"]));
+  }
+}), ke = /* @__PURE__ */ le($n, [["__scopeId", "data-v-228d0b15"]]), wn = /* @__PURE__ */ J({
+  __name: "EventReservationForm",
+  props: {
+    showGiftCard: { type: Boolean, default: !1 },
+    showTermsNotice: { type: Boolean, default: !1 }
+  },
+  setup(V) {
+    const { t: l } = te(), p = Qe();
+    return (m, B) => (a(), _(cn, {
+      "total-price": 0,
+      "show-gift-card": m.showGiftCard,
+      "show-terms-notice": m.showTermsNotice,
+      "is-sidebar-loading": !1,
+      notice: e(l)("hotel.reservationNotice")
+    }, _e({
+      form: d(() => [
+        x(m.$slots, "form")
+      ]),
+      "reservation-summary": d(() => []),
+      "price-summary": d(() => []),
+      navigation: d(() => [
+        x(m.$slots, "navigation")
+      ]),
+      _: 2
+    }, [
+      e(p).addons ? {
+        name: "addons",
+        fn: d(() => [
+          x(m.$slots, "addons")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["show-gift-card", "show-terms-notice", "notice"]));
+  }
+}), An = { class: "event-skeleton" }, Cn = /* @__PURE__ */ J({
+  __name: "EventSkeleton",
+  setup(V) {
+    return (l, p) => (a(), i("div", An, [
+      r(yn, { view: "event" }),
+      r(Ve)
+    ]));
+  }
+}), Pn = /* @__PURE__ */ le(Cn, [["__scopeId", "data-v-66a17edb"]]), N = (V) => (tn("data-v-274a2a78"), V = V(), ln(), V), Ln = { class: "fresh-booking-panel" }, On = {
+  key: 0,
+  id: "fresh-booking-event-overview"
+}, Bn = { class: "fresh-booking-event-listings" }, Dn = { class: "fresh-booking-event-listings" }, Fn = { class: "fresh-booking-panel" }, Sn = {
   key: 2,
   id: "fresh-booking-event-addons"
-}, Ye = { class: "fresh-booking-table" }, Xe = /* @__PURE__ */ V(() => /* @__PURE__ */ t("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Ge = { class: "fresh-booking-event-addons-price" }, Ie = /* @__PURE__ */ V(() => /* @__PURE__ */ t("br", null, null, -1)), et = { class: "fresh-booking-event-addons-input" }, tt = { class: "fresh-booking-event-addons-price" }, nt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("td", { colspan: "2" }, null, -1)), lt = { class: "fresh-booking-event-addons-price" }, ot = { key: 3 }, at = { class: "fresh-booking-label required" }, st = { id: "fresh-booking-event-table" }, it = { key: 4 }, rt = { class: "fresh-booking-label required" }, ut = { class: "fresh-booking-table" }, dt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("th", { class: "fresh-booking-event-addons-input" }, null, -1)), ct = { class: "fresh-booking-event-addons-price" }, mt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("br", null, null, -1)), pt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("br", null, null, -1)), vt = { class: "fresh-booking-event-addons-input" }, ht = { class: "fresh-booking-event-addons-price" }, bt = { key: 0 }, kt = { key: 1 }, ft = { key: 2 }, gt = { key: 3 }, _t = { key: 4 }, yt = { key: 5 }, Vt = { key: 6 }, Et = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", null, "Loading", -1)), Tt = /* @__PURE__ */ Ve({
+}, Un = { class: "fresh-booking-table" }, Rn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Nn = { class: "fresh-booking-event-addons-price" }, Mn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), qn = { class: "fresh-booking-event-addons-input" }, Hn = { class: "fresh-booking-event-addons-price" }, In = /* @__PURE__ */ N(() => /* @__PURE__ */ n("td", { colspan: "2" }, null, -1)), zn = { class: "fresh-booking-event-addons-price" }, jn = { key: 3 }, Gn = { class: "fresh-booking-label required" }, Zn = { id: "fresh-booking-event-table" }, Qn = { key: 4 }, Jn = { class: "fresh-booking-label required" }, Kn = { class: "fresh-booking-table" }, Wn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Yn = { class: "fresh-booking-event-addons-price" }, Xn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), xn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), et = { class: "fresh-booking-event-addons-input" }, nt = { class: "fresh-booking-event-addons-price" }, tt = { key: 0 }, lt = { key: 1 }, at = { key: 2 }, ot = { key: 3 }, st = { key: 4 }, it = { key: 5 }, rt = { key: 6 }, ut = ["onClick"], dt = /* @__PURE__ */ J({
   name: "EventLayout",
   __name: "Event",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(A) {
-    const { t: o } = Ee(), {
-      searchDate: x,
-      addons: E,
-      products: O,
-      numberOfDays: T,
-      discountCode: B,
-      name: C,
-      phone: i,
-      email: d,
-      remark: c,
-      arrivalTime: F,
-      title: At,
-      subtitle: xt,
-      slideshow: Ft,
-      currency: f,
-      numberOfPeople: se,
-      numberOfTotalDays: q,
-      numberOfRooms: ie,
-      basePrice: re,
-      totalPrice: ue,
-      isPaymentLoading: de,
-      hasEvents: Nt,
-      hasTemplates: wt,
-      getEvents: Ot,
-      getTemplates: Dt,
-      getEventData: ce,
-      getTemplateData: D,
-      getEventTableData: me,
-      length: z,
-      roomUpgrade: pe,
-      weekendFee: ve,
-      fromDate: j,
-      hasProducts: he,
-      eventRateType: H,
-      isMetaDataAvailable: Lt,
-      areListingsAvailable: $t,
-      isReservationFormFilled: be,
-      isAvailabilityDataAvailable: ke,
+  setup(V) {
+    const { t: l } = te(), {
+      searchDate: p,
+      addons: m,
+      products: B,
+      numberOfDays: E,
+      discountCode: T,
+      name: $,
+      phone: c,
+      email: b,
+      remark: h,
+      arrivalTime: D,
+      currency: v,
+      numberOfPeople: H,
+      numberOfTotalDays: I,
+      numberOfRooms: K,
+      basePrice: s,
+      totalPrice: P,
+      isPaymentLoading: U,
+      hasEvents: Ee,
+      hasTemplates: Te,
+      getEvents: $e,
+      getTemplates: we,
+      getEventData: Ae,
+      getTemplateData: z,
+      getEventTableData: Ce,
+      length: ae,
+      roomUpgrade: Pe,
+      weekendFee: Le,
+      fromDate: oe,
+      hasProducts: Oe,
+      eventRateType: se,
+      isMetaDataAvailable: vt,
+      areListingsAvailable: bt,
+      isReservationFormFilled: Be,
+      isAvailabilityDataAvailable: De,
       // getEventImages,
-      isTemplateEvent: k,
-      tableBasePrice: Q
-    } = I(oe()), {
-      initialize: fe,
-      validateDiscountCode: Ut,
-      fetchListings: ge,
-      createBooking: _e,
-      localAddonPrice: Z,
-      totalAddonPrice: J,
-      reset: ye
-    } = oe(), {
-      hideEvents: Rt,
-      hideEventTemplates: St
-    } = I(Te());
-    return Be(() => fe()), Ce(x, () => ge()), (K, u) => (a(), _(we, { styling: K.styling }, {
-      default: p(() => [
-        (a(), _(Pe, null, {
-          default: p(() => [
-            v(Ne, {
+      isTemplateEvent: L,
+      tableBasePrice: ie,
+      hasListingData: Fe
+    } = Z(Q()), {
+      initialize: Se,
+      validateDiscountCode: ht,
+      fetchListings: Ue,
+      createBooking: Re,
+      localAddonPrice: re,
+      totalAddonPrice: ue,
+      reset: Ne
+    } = Q(), {
+      hideEvents: Me,
+      hideEventTemplates: qe
+    } = Z(ye());
+    return Je(() => Se()), Ke(p, () => Ue()), (de, g) => (a(), _(nn, { styling: de.styling }, {
+      default: d(() => [
+        (a(), _(We, null, {
+          default: d(() => [
+            r(en, {
               id: "fresh-booking-event-module",
               class: "fresh-booking-app",
               type: "event",
-              "access-token": K.accessToken
+              "access-token": de.accessToken
             }, {
-              default: p(() => [
-                v(qe, null, {
-                  availability: p(({ next: W }) => [
-                    t("div", Ke, [
-                      v(Qe)
+              default: d(() => [
+                r(pn, null, {
+                  availability: d(({ next: j }) => [
+                    n("div", Ln, [
+                      r(hn)
                     ]),
-                    (a(), _(Ae, { key: 1 }))
+                    e(Fe) ? (a(), i("div", On, [
+                      e(Ee) && !e(Me) ? (a(), i(A, { key: 0 }, [
+                        n("h2", null, [
+                          r(C, {
+                            icon: "clock-seven",
+                            type: "fal",
+                            color: "header"
+                          }),
+                          n("span", null, t(e(l)("event.eventsTitle")), 1)
+                        ]),
+                        n("ul", Bn, [
+                          (a(!0), i(A, null, S(e($e), ({
+                            id: F,
+                            days: o,
+                            name: k,
+                            timeFrom: w,
+                            timeTo: f,
+                            fromDate: y,
+                            toDate: M,
+                            tableGroupId: W,
+                            description: Y,
+                            soldOut: X,
+                            length: q,
+                            maxOnlineReservationLimit: He
+                          }) => (a(), _(ke, {
+                            key: F,
+                            type: "event",
+                            "listing-id": F,
+                            "table-group-id": W,
+                            description: Y,
+                            name: k,
+                            length: q,
+                            days: o,
+                            "from-date": y,
+                            "to-date": M,
+                            "max-online-reservation-limit": He,
+                            "time-from": w,
+                            "time-to": f,
+                            "sold-out": X,
+                            callback: j
+                          }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
+                        ])
+                      ], 64)) : u("", !0),
+                      e(Te) && !e(qe) ? (a(), i(A, { key: 1 }, [
+                        n("h2", null, [
+                          r(C, {
+                            icon: "stars",
+                            type: "fal",
+                            color: "header"
+                          }),
+                          n("span", null, t(e(l)("event.stayTitle")), 1)
+                        ]),
+                        n("ul", Dn, [
+                          (a(!0), i(A, null, S(e(we), ({
+                            id: F,
+                            name: o,
+                            fromDate: k,
+                            toDate: w,
+                            minimumPersonCount: f,
+                            fromPrice: y,
+                            description: M
+                          }) => (a(), _(ke, {
+                            key: F,
+                            type: "template",
+                            "listing-id": F,
+                            name: o,
+                            description: M,
+                            "from-date": k,
+                            "to-date": w,
+                            "minimum-person-count": f,
+                            fromPrice: y,
+                            callback: j
+                          }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
+                        ])
+                      ], 64)) : u("", !0)
+                    ])) : (a(), _(Ve, { key: 1 }))
                   ]),
-                  reservation: p(({ next: W, prev: U }) => [
-                    e(ke) ? (a(), _(ze, {
+                  addons: d(({ next: j, prev: F }) => [
+                    e(De) ? (a(), _(wn, {
                       key: 0,
-                      remark: e(c),
-                      "onUpdate:remark": u[7] || (u[7] = (l) => P(c) ? c.value = l : null),
-                      "is-filled": e(be),
-                      "is-loading": e(de),
-                      "base-price": e(re),
-                      "total-price": e(ue),
-                      "weekend-fee": e(ve),
-                      "room-upgrade": e(pe),
-                      onPrev: (l) => e(ye)(U),
-                      onNext: (l) => e(_e)(W)
+                      remark: e(h),
+                      "onUpdate:remark": g[7] || (g[7] = (o) => R(h) ? h.value = o : null),
+                      "is-filled": e(Be),
+                      "is-loading": e(U),
+                      "base-price": e(s),
+                      "total-price": e(P),
+                      "weekend-fee": e(Le),
+                      "room-upgrade": e(Pe)
                     }, {
-                      form: p(() => [
-                        e(H) === e(ee).FullDayEvent ? (a(), _(S, {
-                          key: 0,
-                          modelValue: e(T),
-                          "onUpdate:modelValue": u[0] || (u[0] = (l) => P(T) ? T.value = l : null),
-                          label: e(o)("event.numberOfDays"),
-                          "min-value": 1,
-                          required: ""
-                        }, null, 8, ["modelValue", "label"])) : r("", !0),
-                        v(te, {
-                          modelValue: e(C),
-                          "onUpdate:modelValue": u[1] || (u[1] = (l) => P(C) ? C.value = l : null),
-                          type: "text",
-                          label: e(o)("booking.reservation.name"),
-                          icon: "user-alt",
-                          placeholder: e(o)("booking.reservation.namePlaceholder"),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder"]),
-                        v(te, {
-                          modelValue: e(d),
-                          "onUpdate:modelValue": u[2] || (u[2] = (l) => P(d) ? d.value = l : null),
-                          label: e(o)("booking.reservation.email"),
-                          type: "email",
-                          name: "email",
-                          autocomplete: "email",
-                          icon: "at",
-                          placeholder: e(o)("booking.reservation.emailPlaceholder"),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder"]),
-                        v(Ze, {
-                          modelValue: e(i),
-                          "onUpdate:modelValue": u[3] || (u[3] = (l) => P(i) ? i.value = l : null),
-                          label: e(o)("booking.reservation.phone"),
-                          icon: "phone-office",
-                          placeholder: e(o)("booking.reservation.phonePlaceholder"),
-                          required: ""
-                        }, null, 8, ["modelValue", "label", "placeholder"]),
-                        r("", !0),
-                        e(D) && e(D).length > 0 ? (a(), s("ul", We, [
-                          (a(!0), s(N, null, w(e(D), ({
-                            roomGroupID: l,
-                            addons: h,
-                            adultPerRoom: g
-                          }, m) => (a(), s("li", { key: l }, [
-                            t("h5", null, [
-                              t("span", null, n(e(o)("booking.reservation.room")) + " #" + n(m + 1), 1),
-                              ne(" ("),
-                              v(xe, {
-                                icon: "male",
-                                type: "fas",
-                                color: "header"
-                              }),
-                              ne(" " + n(g) + ") ", 1)
+                      form: d(() => [
+                        n("form", Fn, [
+                          n("h2", null, [
+                            n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                          ]),
+                          e(se) === e(ve).FullDayEvent ? (a(), _(ee, {
+                            key: 0,
+                            modelValue: e(E),
+                            "onUpdate:modelValue": g[0] || (g[0] = (o) => R(E) ? E.value = o : null),
+                            label: e(l)("event.numberOfDays"),
+                            "min-value": 1,
+                            required: ""
+                          }, null, 8, ["modelValue", "label"])) : u("", !0),
+                          r(be, {
+                            modelValue: e($),
+                            "onUpdate:modelValue": g[1] || (g[1] = (o) => R($) ? $.value = o : null),
+                            type: "text",
+                            label: e(l)("booking.reservation.name"),
+                            icon: "user-alt",
+                            placeholder: e(l)("booking.reservation.namePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          r(be, {
+                            modelValue: e(b),
+                            "onUpdate:modelValue": g[2] || (g[2] = (o) => R(b) ? b.value = o : null),
+                            label: e(l)("booking.reservation.email"),
+                            type: "email",
+                            name: "email",
+                            autocomplete: "email",
+                            icon: "at",
+                            placeholder: e(l)("booking.reservation.emailPlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          r(gn, {
+                            modelValue: e(c),
+                            "onUpdate:modelValue": g[3] || (g[3] = (o) => R(c) ? c.value = o : null),
+                            label: e(l)("booking.reservation.phone"),
+                            icon: "phone-office",
+                            placeholder: e(l)("booking.reservation.phonePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          u("", !0),
+                          e(z) && e(z).length > 0 ? (a(), i("ul", Sn, [
+                            (a(!0), i(A, null, S(e(z), ({
+                              roomGroupID: o,
+                              addons: k,
+                              adultPerRoom: w
+                            }, f) => (a(), i("li", { key: o }, [
+                              n("h5", null, [
+                                n("span", null, t(e(l)("booking.reservation.room")) + " #" + t(f + 1), 1),
+                                he(" ("),
+                                r(C, {
+                                  icon: "male",
+                                  type: "fas",
+                                  color: "header"
+                                }),
+                                he(" " + t(w) + ") ", 1)
+                              ]),
+                              n("table", Un, [
+                                n("thead", null, [
+                                  n("tr", null, [
+                                    n("th", null, [
+                                      n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                                    ]),
+                                    Rn,
+                                    n("th", Nn, [
+                                      n("span", null, t(e(l)("booking.availability.price")), 1)
+                                    ])
+                                  ])
+                                ]),
+                                n("tbody", null, [
+                                  (a(!0), i(A, null, S(k, ({
+                                    addonID: y,
+                                    cardinality: M,
+                                    name: W,
+                                    price: Y,
+                                    quantityStrategy: X
+                                  }) => (a(), i("tr", { key: y }, [
+                                    n("td", null, [
+                                      n("b", null, t(W), 1),
+                                      Mn,
+                                      n("span", null, t(e(O)(Y, e(v))) + " " + t(e(Ye)(X)), 1)
+                                    ]),
+                                    n("td", qn, [
+                                      M === 3 ? (a(), _(ee, {
+                                        key: 0,
+                                        modelValue: e(m)[`${o}.${y}.${f}`],
+                                        "onUpdate:modelValue": (q) => e(m)[`${o}.${y}.${f}`] = q,
+                                        small: !0,
+                                        "min-value": 0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), _(ge, {
+                                        key: 1,
+                                        modelValue: e(m)[`${o}.${y}.${f}`],
+                                        "onUpdate:modelValue": (q) => e(m)[`${o}.${y}.${f}`] = q,
+                                        numeric: !0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                    ]),
+                                    n("td", Hn, [
+                                      n("span", null, t(e(O)(e(re)(y, o, f), e(v))), 1)
+                                    ])
+                                  ]))), 128))
+                                ]),
+                                n("tfoot", null, [
+                                  n("tr", null, [
+                                    In,
+                                    n("td", zn, [
+                                      n("u", null, [
+                                        n("span", null, t(e(O)(e(ue)(o, f), e(v))), 1)
+                                      ])
+                                    ])
+                                  ])
+                                ])
+                              ])
+                            ]))), 128))
+                          ])) : u("", !0),
+                          e(se) !== e(ve).FullDayEvent && !e(L) ? (a(), i("div", jn, [
+                            n("label", Gn, [
+                              n("span", null, t(e(l)("event.selectArrivalTime")), 1)
+                            ]),
+                            n("ul", Zn, [
+                              (a(!0), i(A, null, S(e(Ce), (o, k) => (a(), i("li", { key: k }, [
+                                r(ge, {
+                                  modelValue: e(D),
+                                  "onUpdate:modelValue": g[6] || (g[6] = (w) => R(D) ? D.value = w : null),
+                                  type: "radio",
+                                  name: "eventTimeTable",
+                                  val: o.time,
+                                  label: e(ne)(o.time)
+                                }, null, 8, ["modelValue", "val", "label"])
+                              ]))), 128))
+                            ])
+                          ])) : u("", !0),
+                          e(Oe) ? (a(), i("div", Qn, [
+                            n("label", Jn, [
+                              n("span", null, t(e(l)("event.selectProducts")), 1)
                             ]),
-                            t("table", Ye, [
-                              t("thead", null, [
-                                t("tr", null, [
-                                  t("th", null, [
-                                    t("span", null, n(e(o)("booking.reservation.addons")), 1)
+                            n("table", Kn, [
+                              n("thead", null, [
+                                n("tr", null, [
+                                  n("th", null, [
+                                    n("span", null, t(e(l)("booking.reservation.addons")), 1)
                                   ]),
-                                  Xe,
-                                  t("th", Ge, [
-                                    t("span", null, n(e(o)("booking.availability.price")), 1)
+                                  Wn,
+                                  n("th", Yn, [
+                                    n("span", null, t(e(l)("booking.availability.price")), 1)
                                   ])
                                 ])
                               ]),
-                              t("tbody", null, [
-                                (a(!0), s(N, null, w(h, ({
-                                  addonID: b,
-                                  cardinality: R,
-                                  name: Y,
-                                  price: X,
-                                  quantityStrategy: G
-                                }) => (a(), s("tr", { key: b }, [
-                                  t("td", null, [
-                                    t("b", null, n(Y), 1),
-                                    Ie,
-                                    t("span", null, n(e(y)(X, e(f))) + " " + n(e(Fe)(G)), 1)
+                              n("tbody", null, [
+                                (a(!0), i(A, null, S(e(Ae).products, ({ productID: o, productName: k, price: w, description: f }) => (a(), i("tr", { key: o }, [
+                                  n("td", null, [
+                                    n("b", null, [
+                                      n("span", null, t(k), 1)
+                                    ]),
+                                    Xn,
+                                    n("span", null, t(f), 1),
+                                    xn,
+                                    n("span", null, t(e(O)(w, e(v))), 1)
                                   ]),
-                                  t("td", et, [
-                                    R === 3 ? (a(), _(S, {
-                                      key: 0,
-                                      modelValue: e(E)[`${l}.${b}.${m}`],
-                                      "onUpdate:modelValue": (L) => e(E)[`${l}.${b}.${m}`] = L,
+                                  n("td", et, [
+                                    r(ee, {
+                                      modelValue: e(B)[o],
+                                      "onUpdate:modelValue": (y) => e(B)[o] = y,
                                       small: !0,
                                       "min-value": 0
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), _(ae, {
-                                      key: 1,
-                                      modelValue: e(E)[`${l}.${b}.${m}`],
-                                      "onUpdate:modelValue": (L) => e(E)[`${l}.${b}.${m}`] = L,
-                                      numeric: !0
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                   ]),
-                                  t("td", tt, [
-                                    t("span", null, n(e(y)(e(Z)(b, l, m), e(f))), 1)
+                                  n("td", nt, [
+                                    n("span", null, t(e(O)(e(re)(o), e(v))), 1)
                                   ])
                                 ]))), 128))
-                              ]),
-                              t("tfoot", null, [
-                                t("tr", null, [
-                                  nt,
-                                  t("td", lt, [
-                                    t("u", null, [
-                                      t("span", null, n(e(y)(e(J)(l, m), e(f))), 1)
-                                    ])
-                                  ])
-                                ])
                               ])
                             ])
-                          ]))), 128))
-                        ])) : r("", !0),
-                        e(H) !== e(ee).FullDayEvent && !e(k) ? (a(), s("div", ot, [
-                          t("label", at, [
-                            t("span", null, n(e(o)("event.selectArrivalTime")), 1)
-                          ]),
-                          t("ul", st, [
-                            (a(!0), s(N, null, w(e(me), (l, h) => (a(), s("li", { key: h }, [
-                              v(ae, {
-                                modelValue: e(F),
-                                "onUpdate:modelValue": u[6] || (u[6] = (g) => P(F) ? F.value = g : null),
-                                type: "radio",
-                                name: "eventTimeTable",
-                                val: l.time,
-                                label: e(M)(l.time)
-                              }, null, 8, ["modelValue", "val", "label"])
-                            ]))), 128))
-                          ])
-                        ])) : r("", !0),
-                        e(he) ? (a(), s("div", it, [
-                          t("label", rt, [
-                            t("span", null, n(e(o)("event.selectProducts")), 1)
-                          ]),
-                          t("table", ut, [
-                            t("thead", null, [
-                              t("tr", null, [
-                                t("th", null, [
-                                  t("span", null, n(e(o)("booking.reservation.addons")), 1)
-                                ]),
-                                dt,
-                                t("th", ct, [
-                                  t("span", null, n(e(o)("booking.availability.price")), 1)
-                                ])
-                              ])
-                            ]),
-                            t("tbody", null, [
-                              (a(!0), s(N, null, w(e(ce).products, ({ productID: l, productName: h, price: g, description: m }) => (a(), s("tr", { key: l }, [
-                                t("td", null, [
-                                  t("b", null, [
-                                    t("span", null, n(h), 1)
-                                  ]),
-                                  mt,
-                                  t("span", null, n(m), 1),
-                                  pt,
-                                  t("span", null, n(e(y)(g, e(f))), 1)
-                                ]),
-                                t("td", vt, [
-                                  v(S, {
-                                    modelValue: e(O)[l],
-                                    "onUpdate:modelValue": (b) => e(O)[l] = b,
-                                    small: !0,
-                                    "min-value": 0
-                                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                                ]),
-                                t("td", ht, [
-                                  t("span", null, n(e(y)(e(Z)(l), e(f))), 1)
-                                ])
-                              ]))), 128))
-                            ])
-                          ])
-                        ])) : r("", !0)
+                          ])) : u("", !0)
+                        ])
                       ]),
-                      resume: p(() => [
-                        t("li", null, [
-                          t("span", null, n(e(o)("event.numberOfGuests")), 1),
-                          t("b", null, n(e(se)), 1)
+                      resume: d(() => [
+                        n("li", null, [
+                          n("span", null, t(e(l)("event.numberOfGuests")), 1),
+                          n("b", null, t(e(H)), 1)
                         ]),
-                        e(k) ? (a(), s("li", bt, [
-                          t("span", null, n(e(o)("event.numberOfRooms")), 1),
-                          t("b", null, n(e(ie)), 1)
-                        ])) : r("", !0),
-                        e(k) ? (a(), s("li", kt, [
-                          t("span", null, n(e(o)("event.numberOfDays")), 1),
-                          t("b", null, n(e(q)), 1)
-                        ])) : r("", !0),
-                        e(k) ? (a(), s("li", ft, [
-                          t("span", null, n(e(o)("booking.reservation.arrival")), 1),
-                          t("b", null, n(e(le)(e(j))), 1)
-                        ])) : r("", !0),
-                        e(k) ? (a(), s("li", gt, [
-                          t("span", null, n(e(o)("booking.reservation.departure")), 1),
-                          t("b", null, n(e(le)(e(j), e(q))), 1)
-                        ])) : r("", !0),
-                        !e(k) && e(F) ? (a(), s("li", _t, [
-                          t("span", null, n(e(o)("event.startOfEvent")), 1),
-                          t("b", null, n(e(M)(e(F))), 1)
-                        ])) : r("", !0),
-                        !e(k) && e(z) ? (a(), s("li", yt, [
-                          t("span", null, n(e(o)("event.lengthOfEvent")), 1),
-                          t("b", null, n(e(M)(e(z))), 1)
-                        ])) : r("", !0),
-                        !e(k) && e(Q) > 0 ? (a(), s("li", Vt, [
-                          t("span", null, n(e(o)("booking.availability.basePrice")), 1),
-                          t("b", null, n(e(y)(e(Q), e(f))), 1)
-                        ])) : r("", !0)
+                        e(L) ? (a(), i("li", tt, [
+                          n("span", null, t(e(l)("event.numberOfRooms")), 1),
+                          n("b", null, t(e(K)), 1)
+                        ])) : u("", !0),
+                        e(L) ? (a(), i("li", lt, [
+                          n("span", null, t(e(l)("event.numberOfDays")), 1),
+                          n("b", null, t(e(I)), 1)
+                        ])) : u("", !0),
+                        e(L) ? (a(), i("li", at, [
+                          n("span", null, t(e(l)("booking.reservation.arrival")), 1),
+                          n("b", null, t(e(fe)(e(oe))), 1)
+                        ])) : u("", !0),
+                        e(L) ? (a(), i("li", ot, [
+                          n("span", null, t(e(l)("booking.reservation.departure")), 1),
+                          n("b", null, t(e(fe)(e(oe), e(I))), 1)
+                        ])) : u("", !0),
+                        !e(L) && e(D) ? (a(), i("li", st, [
+                          n("span", null, t(e(l)("event.startOfEvent")), 1),
+                          n("b", null, t(e(ne)(e(D))), 1)
+                        ])) : u("", !0),
+                        !e(L) && e(ae) ? (a(), i("li", it, [
+                          n("span", null, t(e(l)("event.lengthOfEvent")), 1),
+                          n("b", null, t(e(ne)(e(ae))), 1)
+                        ])) : u("", !0),
+                        !e(L) && e(ie) > 0 ? (a(), i("li", rt, [
+                          n("span", null, t(e(l)("booking.availability.basePrice")), 1),
+                          n("b", null, t(e(O)(e(ie), e(v))), 1)
+                        ])) : u("", !0)
                       ]),
-                      expenses: p(() => [
-                        (a(!0), s(N, null, w(e(D), ({ roomGroupID: l }, h) => (a(), s("li", { key: l }, [
-                          t("span", null, n(e(o)("booking.reservation.addons")) + " - " + n(e(o)("booking.reservation.room")) + " #" + n(h + 1), 1),
-                          t("b", null, n(e(y)(e(J)(l, h), e(f))), 1)
+                      expenses: d(() => [
+                        (a(!0), i(A, null, S(e(z), ({ roomGroupID: o }, k) => (a(), i("li", { key: o }, [
+                          n("span", null, t(e(l)("booking.reservation.addons")) + " - " + t(e(l)("booking.reservation.room")) + " #" + t(k + 1), 1),
+                          n("b", null, t(e(O)(e(ue)(o, k), e(v))), 1)
                         ]))), 128))
                       ]),
+                      navigation: d(() => [
+                        r(Xe, {
+                          label: e(l)("general.confirmReservation"),
+                          "full-width": "",
+                          onClickEvent: (o) => e(Re)(j)
+                        }, null, 8, ["label", "onClickEvent"]),
+                        n("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: xe((o) => e(Ne)(F), ["prevent"])
+                        }, [
+                          n("span", null, t(e(l)("general.goAStepBack")), 1)
+                        ], 8, ut)
+                      ]),
                       _: 2
-                    }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "onPrev", "onNext"])) : r("", !0)
+                    }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade"])) : u("", !0)
                   ]),
-                  payment: p(() => [
-                    v(Je)
+                  payment: d(() => [
+                    r(kn)
                   ]),
-                  confirmation: p(() => [
-                    v(je, {
-                      message: e(o)("event.confirmationMessage")
+                  confirmation: d(() => [
+                    r(mn, {
+                      message: e(l)("event.confirmationMessage")
                     }, null, 8, ["message"])
                   ]),
                   _: 1
@@ -328,8 +602,8 @@ const We = {
               _: 1
             }, 8, ["access-token"])
           ]),
-          fallback: p(() => [
-            Et
+          fallback: d(() => [
+            r(Pn)
           ]),
           _: 1
         }))
@@ -337,8 +611,8 @@ const We = {
       _: 1
     }, 8, ["styling"]));
   }
-}), $ = /* @__PURE__ */ Le(Tt, [["__scopeId", "data-v-693ef234"]]), Bt = $e(), Ct = Me();
-class Pt extends HTMLElement {
+}), G = /* @__PURE__ */ le(dt, [["__scopeId", "data-v-274a2a78"]]), ct = an(), pt = un();
+class mt extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -347,25 +621,25 @@ class Pt extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const o = typeof $ == "function" ? $.options : $;
-    let x = Array.isArray(o.props) ? o.props : Object.keys(o.props || {});
-    const E = (i) => i.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (d, c) => (c ? "-" : "") + d.toLowerCase()), O = (i) => i.replace(/-./g, (d) => d[1].toUpperCase()), T = {};
-    x = x.map(E);
-    const B = {};
-    for (const i of this.attributes) {
-      const c = i.name.split(".");
-      c.length > 1 && (B[c[0]] || (B[c[0]] = {}), B[c[0]][O(c[1])] = i.value);
+    const l = typeof G == "function" ? G.options : G;
+    let p = Array.isArray(l.props) ? l.props : Object.keys(l.props || {});
+    const m = (c) => c.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, h) => (h ? "-" : "") + b.toLowerCase()), B = (c) => c.replace(/-./g, (b) => b[1].toUpperCase()), E = {};
+    p = p.map(m);
+    const T = {};
+    for (const c of this.attributes) {
+      const h = c.name.split(".");
+      h.length > 1 && (T[h[0]] || (T[h[0]] = {}), T[h[0]][B(h[1])] = c.value);
     }
-    for (const i of x) {
-      let d = this.attributes.getNamedItem(i)?.value;
-      B.hasOwnProperty(i) && (d = B[i]), T[i] = d;
+    for (const c of p) {
+      let b = this.attributes.getNamedItem(c)?.value;
+      T.hasOwnProperty(c) && (b = T[c]), E[c] = b;
     }
-    this.vueApp = Ue($, T), this.vueApp.provide("emitter", Ct), this.vueApp.use(Re), this.vueApp.use(Bt), this.vueApp.use(He), this.vueApp.use(Se, { bootstrap: !0 });
-    const C = document.createElement("div");
-    this.vueApp.mount(C), this.appendChild(C.children[0]);
+    this.vueApp = on(G, E), this.vueApp.provide("emitter", pt), this.vueApp.use(sn), this.vueApp.use(ct), this.vueApp.use(vn), this.vueApp.use(bn), this.vueApp.use(rn, { bootstrap: !0 });
+    const $ = document.createElement("div");
+    this.vueApp.mount($), this.appendChild($.children[0]);
   }
 }
-window.customElements.define("konnectio-event", Pt);
+window.customElements.define("konnectio-event", mt);
 export {
-  Pt as default
+  mt as default
 };