@konnectio/core 4.0.56-rc9 → 4.0.57

package/dist/event.js

@@ -1,576 +1,863 @@
-import { k as ge, B as he, b as ze, s as j, c as fe, r as He, f as Qe, o as a, m as g, a0 as Ye, w as b, x as l, p as r, H as k, F as n, z as e, a1 as je, a2 as ie, l as i, a3 as re, n as u, a4 as Je, J as C, a5 as Ke, _ as ke, Z as We, Y as Ze, G as A, $ as E, a6 as B, a7 as ue, O as de, A as x, T as me, a8 as ce, a9 as Xe, aa as ee, K as pe, M as Ge, N as xe, P as el, Q as ll, R as nl, U as tl, V as al, ab as ol } from "./SelectField.vue_vue_type_style_index_0_lang-nQBJ2nvj.js";
-import { B as sl, M as il, R as rl, T as ul, V as dl } from "./ThankYou-GZubLuct.js";
-import { u as J } from "./event-lcXN-Fd1.js";
-import { A as ml } from "./ActionField-DQVEiApH.js";
-import { P as cl, C as ve, a as pl } from "./CheckoutWindow-qWcuhbC0.js";
-import { _ as vl } from "./DateField.vue_vue_type_style_index_0_lang-yJsHdlhS.js";
-import "./_commonjsHelpers-2ufMB8rV.js";
-import "./_-STnzfLhe.js";
-const bl = { class: "fresh-booking-event-listing-information" }, gl = { key: 0 }, hl = { key: 1 }, fl = /* @__PURE__ */ ge({
-  __name: "Event",
+import { d as Z, r as Ye, c as ae, a as l, b as T, w as p, l as ne, u as e, e as t, f as g, g as d, i as v, t as o, m as Ze, q as Qe, s as j, F as R, v as U, S as We, x as _e, h as $e, p as Je, j as Ke, k as Xe } from "./_sentry-release-injection-file-fvkcFI33.js";
+import { u as se, s as q, c as xe, i as et, m as tt } from "./mitt-l8QPdH4v.js";
+import { a as Ae, l as nt, b as oe, s as le, c as be, B as ot, _ as ie, d as he, e as Oe, I as ge, f as lt, g as fe, h as G, u as we, i as at, T as x, O as st, C as it, j as rt, k as ct, m as dt } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-DzRjaA5x.js";
+import { B as ut, R as mt, L as Se, S as pt, M as vt, C as bt, T as gt, V as ft, G as ht } from "./masonry.plugin-BX1LxkhS.js";
+import { e as kt, c as yt, t as ee, g as Ve, m as De, a as Ee, b as Te, d as _t, f as Pe, u as Y } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-D-gqVQco.js";
+import { _ as $t } from "./_.vue_vue_type_style_index_0_lang-zf2i08XL.js";
+import { C as wt, P as Vt, a as Dt } from "./CheckoutWindow-COyV5n05.js";
+import { E as Et } from "./EventAvailabilityForm-CnfdAPBG.js";
+(function() {
+  try {
+    var u = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
+    n && (u._sentryDebugIds = u._sentryDebugIds || {}, u._sentryDebugIds[n] = "3e5fedb9-7f88-4aec-8442-69462a26d141", u._sentryDebugIdIdentifier = "sentry-dbid-3e5fedb9-7f88-4aec-8442-69462a26d141");
+  } catch {
+  }
+})();
+function Tt(u) {
+  return (n) => {
+    const m = (u ? Math[u] : Math.trunc)(n);
+    return m === 0 ? 0 : m;
+  };
+}
+function Pt(u, n, r) {
+  const m = _t(), f = r?.locale ?? m.locale ?? kt, s = yt(u, n);
+  if (isNaN(s))
+    throw new RangeError("Invalid time value");
+  const b = Object.assign({}, r, {
+    addSuffix: r?.addSuffix,
+    comparison: s
+  });
+  let $, c;
+  s > 0 ? ($ = ee(n), c = ee(u)) : ($ = ee(u), c = ee(n));
+  const h = Tt(r?.roundingMethod ?? "round"), y = c.getTime() - $.getTime(), E = y / Pe, V = Ve(c) - Ve($), P = (y - V) / Pe, I = r?.unit;
+  let _;
+  if (I ? _ = I : E < 1 ? _ = "second" : E < 60 ? _ = "minute" : E < De ? _ = "hour" : P < Ee ? _ = "day" : P < Te ? _ = "month" : _ = "year", _ === "second") {
+    const i = h(y / 1e3);
+    return f.formatDistance("xSeconds", i, b);
+  } else if (_ === "minute") {
+    const i = h(E);
+    return f.formatDistance("xMinutes", i, b);
+  } else if (_ === "hour") {
+    const i = h(E / 60);
+    return f.formatDistance("xHours", i, b);
+  } else if (_ === "day") {
+    const i = h(P / De);
+    return f.formatDistance("xDays", i, b);
+  } else if (_ === "month") {
+    const i = h(P / Ee);
+    return i === 12 && I !== "month" ? f.formatDistance("xYears", 1, b) : f.formatDistance("xMonths", i, b);
+  } else {
+    const i = h(P / Te);
+    return f.formatDistance("xYears", i, b);
+  }
+}
+const At = { class: "konnectio-event-listing-action" }, Ot = { class: "konnectio-event-listing-action-button" }, St = /* @__PURE__ */ Z({
+  __name: "_",
   props: {
     name: {},
-    type: {},
     description: {},
-    fromDate: {},
     toDate: {},
     listingId: {},
     tableGroupId: {},
     days: {},
+    length: {},
     timeFrom: {},
     timeTo: {},
     maxOnlineReservationLimit: {},
     minimumPersonCount: {},
-    fromPrice: {},
+    maxGuests: { default: 1 / 0 },
+    fromPrice: { default: 0 },
     gallery: {},
     soldOut: { type: Boolean, default: !1 },
-    layout: {},
+    type: {},
     trackingEnabled: { type: Boolean },
     callback: {}
   },
-  setup(D) {
-    const { t } = he(), m = D, { display: h } = ze(), { currency: f } = j(fe()), {
-      maxNumberOfPeople: y,
-      numberOfPeople: U,
-      eventId: _,
-      tableGroupId: N
-    } = j(J()), {
-      getTemplateAvailability: S,
-      getEventAvailability: M,
-      isEventListingLoading: L
-    } = J(), w = He(0), z = Qe(() => L(m.listingId)), K = () => {
-      w.value > 0 ? (_.value = m.listingId, U.value = w.value, S(m.callback)) : h({
+  setup(u) {
+    const { t: n } = se(), r = u, { display: m } = Ae(), {
+      maxNumberOfPeople: f,
+      numberOfPeople: s,
+      eventId: b,
+      currentEventDate: $,
+      tableGroupId: c
+    } = q(Y()), {
+      getTemplateAvailability: h,
+      getEventAvailability: y,
+      isEventListingLoading: E
+    } = Y(), V = Ye(0), P = ae(() => E(r.listingId)), I = () => {
+      V.value > 0 ? (b.value = r.listingId, s.value = V.value, h(r.callback)) : m({
         type: "error",
-        message: t("alert.error.selectPeople")
+        message: n("alert.error.selectPeople")
       });
-    }, V = () => {
-      w.value > 0 ? (_.value = m.listingId, N.value = m.tableGroupId, U.value = w.value, M(m.callback)) : h({
+    }, _ = () => {
+      V.value > 0 ? (b.value = r.listingId, c.value = r.tableGroupId, s.value = V.value, y(r.callback)) : m({
         type: "error",
-        message: t("alert.error.selectPeople")
+        message: n("alert.error.selectPeople")
       });
     };
-    return (s, P) => (a(), g(sl, {
+    return (i, L) => (l(), T(ut, {
+      type: "event",
+      "listing-id": i.listingId,
+      gallery: i.gallery,
+      name: i.name,
+      description: i.description,
+      "prices-from": i.fromPrice,
+      "to-date": i.toDate,
+      layout: e(ot).Event
+    }, {
+      description: p(() => [
+        ne(i.$slots, "description", { maxNumberOfPeople: e(f) }, void 0, !0)
+      ]),
+      action: p(() => [
+        t("div", At, [
+          g(oe, {
+            modelValue: V.value,
+            "onUpdate:modelValue": L[0] || (L[0] = (N) => V.value = N),
+            label: e(n)("event.numberOfGuests"),
+            icon: "users",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            description: i.maxGuests <= 20 ? `${e(n)("general.availableFor")}: 1 - ${i.maxGuests} ${e(nt)(e(n)("general.guests"))}` : void 0,
+            "min-value": 0,
+            "max-value": i.maxOnlineReservationLimit || i.maxGuests || e(f) || 1 / 0
+          }, null, 8, ["modelValue", "label", "description", "max-value"]),
+          t("div", Ot, [
+            g(be, {
+              label: i.soldOut ? e(n)("event.soldOut") : e(n)("event.bookNowButton"),
+              disabled: i.soldOut,
+              "is-loading": P.value,
+              "sub-label": e(le)(e($)),
+              onClickEvent: L[1] || (L[1] = (N) => i.type === "event" ? _() : I())
+            }, null, 8, ["label", "disabled", "is-loading", "sub-label"])
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "layout"]));
+  }
+}), Ce = /* @__PURE__ */ ie(St, [["__scopeId", "data-v-2b2c3763"]]), Ct = ["innerHTML"], It = { class: "konnectio-event-listing-information-new" };
+const Lt = {
+  key: 1,
+  class: "konnectio-pill-button"
+}, Bt = { class: "konnectio-pill-button" }, Nt = /* @__PURE__ */ Z({
+  __name: "Event",
+  props: {
+    name: {},
+    description: {},
+    fromDate: {},
+    toDate: {},
+    length: {},
+    timeFrom: {},
+    timeTo: {},
+    gallery: {},
+    days: {},
+    listingId: {},
+    tableGroupId: {},
+    maxOnlineReservationLimit: {},
+    minimumPersonCount: {},
+    fromPrice: { default: 0 },
+    image: {},
+    trackingEnabled: { type: Boolean },
+    callback: {}
+  },
+  setup(u) {
+    const n = u, { t: r } = se(), { hideEventLength: m } = q(he()), f = ae(() => {
+      const s = n.length.split(":");
+      return console.log(s), Pt(
+        new Date(2e3, 0, 1, Number(s[0]), Number(s[1]), 0),
+        new Date(2e3, 0, 1, 0, 0, 0)
+      );
+    });
+    return (s, b) => (l(), T(Ce, {
       "listing-id": s.listingId,
-      gallery: s.gallery,
       name: s.name,
       description: s.description,
-      layout: e(Ke).Event
-    }, Ye({
-      action: b(() => [
-        r(ml, {
-          modelValue: w.value,
-          "onUpdate:modelValue": P[0] || (P[0] = (F) => w.value = F),
-          type: "number",
-          label: e(t)("event.numberOfGuests"),
-          buttonLabel: s.soldOut ? e(t)("event.soldOut") : e(t)("event.bookNowButton"),
-          buttonDisabled: s.soldOut,
-          "min-value": s.type === "event" ? 1 : s.minimumPersonCount,
-          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e(y),
-          "is-loading": z.value,
-          "onUpdate:isLoading": P[1] || (P[1] = (F) => z.value = F),
-          onAction: P[2] || (P[2] = (F) => s.type === "event" ? V() : K())
-        }, null, 8, ["modelValue", "label", "buttonLabel", "buttonDisabled", "min-value", "max-value", "is-loading"])
-      ]),
-      _: 2
-    }, [
-      s.type === "event" ? {
-        name: "description",
-        fn: b(() => [
-          l("ul", bl, [
-            l("li", null, [
-              r(k, {
-                icon: "calendar-range",
+      gallery: s.gallery,
+      "prices-from": s.fromPrice,
+      "table-group-id": s.tableGroupId,
+      "max-guests": s.maxOnlineReservationLimit,
+      "to-date": s.toDate,
+      type: "event",
+      callback: s.callback
+    }, {
+      description: p(() => [
+        s.description ? (l(), d("p", {
+          key: 0,
+          innerHTML: e(Oe)(s.description)
+        }, null, 8, Ct)) : v("", !0),
+        t("ul", It, [
+          v("", !0),
+          e(m) ? v("", !0) : (l(), d("li", Lt, [
+            t("div", null, [
+              g(ge, {
+                icon: "calendar-clock",
                 color: "header"
               }),
-              l("span", null, n(e(je)(s.days)), 1)
+              t("span", null, o(e(r)("event.lengthOfEvent")), 1)
             ]),
-            e(ie)(s.fromDate, s.toDate) < 180 ? (a(), i("li", gl, [
-              r(k, {
-                icon: "calendar-days",
-                color: "header"
-              }),
-              l("span", null, n(e(re)(s.fromDate, s.toDate)), 1)
-            ])) : u("", !0),
-            l("li", null, [
-              r(k, {
+            t("span", null, o(f.value), 1)
+          ])),
+          t("li", Bt, [
+            t("div", null, [
+              g(ge, {
                 icon: "calendar-clock",
                 color: "header"
               }),
-              l("span", null, n(e(Je)(s.timeFrom, s.timeTo)), 1)
+              t("span", null, o(e(r)("event.startAndEndTime")), 1)
             ]),
-            s.maxOnlineReservationLimit ? (a(), i("li", hl, [
-              r(k, {
-                icon: "user-alt",
-                color: "header"
-              }),
-              l("span", null, n(`1 - ${s.maxOnlineReservationLimit} ${e(t)("general.people")}`), 1)
-            ])) : u("", !0)
+            t("span", null, o(e(lt)(s.timeFrom, s.timeTo)), 1)
           ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["listing-id", "name", "description", "gallery", "prices-from", "table-group-id", "max-guests", "to-date", "callback"]));
+  }
+}), Mt = /* @__PURE__ */ ie(Nt, [["__scopeId", "data-v-93456ccd"]]), Rt = ["innerHTML"], Ut = /* @__PURE__ */ Z({
+  __name: "Template",
+  props: {
+    name: {},
+    description: {},
+    fromDate: {},
+    toDate: {},
+    listingId: {},
+    tableGroupId: {},
+    maxOnlineReservationLimit: {},
+    minimumPersonCount: {},
+    fromPrice: { default: 0 },
+    image: {},
+    trackingEnabled: { type: Boolean },
+    callback: {}
+  },
+  setup(u) {
+    const n = u, r = ae(() => {
+      if (n.image)
+        return [{
+          large: n.image,
+          medium: n.image,
+          thumb: n.image,
+          url: n.image
+        }];
+    });
+    return (m, f) => (l(), T(Ce, {
+      "listing-id": m.listingId,
+      gallery: r.value,
+      name: m.name,
+      description: m.description,
+      "prices-from": m.fromPrice,
+      "to-date": m.toDate,
+      type: "template",
+      callback: m.callback
+    }, {
+      description: p(() => [
+        m.description ? (l(), d("p", {
+          key: 0,
+          innerHTML: e(Oe)(m.description)
+        }, null, 8, Rt)) : v("", !0)
+      ]),
+      _: 1
+    }, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "callback"]));
+  }
+}), Ft = { key: 0 }, Gt = { key: 1 }, qt = { key: 2 }, zt = { key: 3 }, Ht = { key: 4 }, jt = { key: 5 }, Yt = { key: 6 }, Zt = { key: 0 }, ve = /* @__PURE__ */ Z({
+  __name: "EventReservationForm",
+  props: {
+    showGiftCard: { type: Boolean, default: !1 },
+    showTermsNotice: { type: Boolean, default: !1 }
+  },
+  setup(u) {
+    const { t: n } = se(), r = Ze(), {
+      areListingsAvailable: m,
+      arrivalTime: f,
+      numberOfPeople: s,
+      numberOfRooms: b,
+      numberOfTotalDays: $,
+      isTemplateEvent: c,
+      currentEventDate: h,
+      length: y,
+      fromDate: E,
+      tableBasePrice: V,
+      getTemplateData: P,
+      basePrice: I,
+      totalPrice: _,
+      weekendFee: i,
+      roomUpgrade: L,
+      discountCode: N
+    } = q(Y()), { totalAddonPrice: re, validateDiscountCode: ce } = Y(), { currency: K, hideEventLength: de } = q(he());
+    return (F, X) => (l(), T(mt, {
+      "discount-code": e(N),
+      "onUpdate:discountCode": X[0] || (X[0] = (H) => U(N) ? N.value = H : null),
+      "validate-discount-code": e(ce),
+      "show-gift-card": F.showGiftCard,
+      "show-terms-notice": F.showTermsNotice,
+      "is-sidebar-loading": !e(m),
+      "base-price": e(I),
+      "total-price": e(_),
+      "weekend-fee": e(i),
+      "room-upgrade": e(L),
+      notice: e(n)("event.reservationNotice")
+    }, Qe({
+      form: p(() => [
+        ne(F.$slots, "form")
+      ]),
+      "reservation-summary": p(() => [
+        e(c) ? (l(), d("li", Ft, [
+          t("span", null, o(e(n)("booking.reservation.arrival")), 1),
+          t("b", null, o(e(le)(e(E))), 1)
+        ])) : v("", !0),
+        e(c) ? (l(), d("li", Gt, [
+          t("span", null, o(e(n)("booking.reservation.departure")), 1),
+          t("b", null, o(e(le)(e(E), e($))), 1)
+        ])) : v("", !0),
+        e(c) ? v("", !0) : (l(), d("li", qt, [
+          t("span", null, o(e(n)("general.date")), 1),
+          t("b", null, o(e(le)(e(h))), 1)
+        ])),
+        t("li", null, [
+          t("span", null, o(e(n)("event.numberOfGuests")), 1),
+          t("b", null, o(e(s)), 1)
         ]),
-        key: "0"
-      } : {
-        name: "description",
-        fn: b(() => [
-          l("ul", { class: "fresh-booking-event-listing-information" }, [
-            e(ie)(s.fromDate, s.toDate) < 180 ? (a(), i("li", { key: 0 }, [
-              r(k, {
-                icon: "calendar-days",
-                color: "header"
-              }),
-              l("span", null, n(e(re)(s.fromDate, s.toDate, !0)), 1)
-            ])) : u("", !0),
-            l("li", null, [
-              r(k, {
-                icon: "user-alt",
-                color: "header"
-              }),
-              l("span", null, n(`${s.minimumPersonCount} - ${e(y)} ${e(t)("general.people")}`), 1)
-            ]),
-            l("li", null, [
-              r(k, {
-                icon: "money-bill",
-                color: "header"
-              }),
-              l("span", null, n(`${e(t)("general.pricesFrom")} ${e(C)(s.fromPrice, e(f))}`), 1)
-            ])
-          ])
+        e(c) ? (l(), d("li", zt, [
+          t("span", null, o(e(n)("event.numberOfRooms")), 1),
+          t("b", null, o(e(b)), 1)
+        ])) : v("", !0),
+        e(c) ? (l(), d("li", Ht, [
+          t("span", null, o(e(n)("event.numberOfDays")), 1),
+          t("b", null, o(e($)), 1)
+        ])) : v("", !0),
+        !e(c) && e(f) ? (l(), d("li", jt, [
+          t("span", null, o(e(n)("event.startOfEvent")), 1),
+          t("b", null, o(e(fe)(e(f))), 1)
+        ])) : v("", !0),
+        !e(c) && e(y) && !e(de) ? (l(), d("li", Yt, [
+          t("span", null, o(e(n)("event.lengthOfEvent")), 1),
+          t("b", null, o(e(fe)(e(y))), 1)
+        ])) : v("", !0)
+      ]),
+      "price-summary": p(() => [
+        !e(c) && e(V) > 0 ? (l(), d("li", Zt, [
+          t("span", null, o(e(n)("booking.availability.basePrice")), 1),
+          t("b", null, o(e(G)(e(V), e(K))), 1)
+        ])) : v("", !0),
+        e(P) ? (l(!0), d(R, { key: 1 }, j(e(P), ({ roomGroupId: H }, M) => (l(), d("li", { key: H }, [
+          t("span", null, o(e(n)("booking.reservation.addons")) + " - " + o(e(n)("booking.reservation.room")) + " #" + o(M + 1), 1),
+          t("b", null, o(e(G)(e(re)(H, M), e(K))), 1)
+        ]))), 128)) : v("", !0)
+      ]),
+      navigation: p(() => [
+        ne(F.$slots, "navigation")
+      ]),
+      _: 2
+    }, [
+      e(r).sidebar ? {
+        name: "sidebar",
+        fn: p(() => [
+          ne(F.$slots, "sidebar")
         ]),
-        key: "1"
-      }
-    ]), 1032, ["listing-id", "gallery", "name", "description", "layout"]));
+        key: "0"
+      } : void 0
+    ]), 1032, ["discount-code", "validate-discount-code", "show-gift-card", "show-terms-notice", "is-sidebar-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "notice"]));
+  }
+}), Qt = { class: "event-skeleton" }, Wt = { class: "event-skeleton-content" }, Jt = { class: "event-skeleton-sidebar" }, Kt = /* @__PURE__ */ Z({
+  __name: "EventSkeleton",
+  setup(u) {
+    return (n, r) => (l(), d("div", Qt, [
+      t("div", Wt, [
+        g(Se)
+      ]),
+      t("div", Jt, [
+        v("", !0),
+        g(pt)
+      ])
+    ]));
   }
-}), be = /* @__PURE__ */ ke(fl, [["__scopeId", "data-v-013d2269"]]), R = (D) => (el("data-v-c609785a"), D = D(), ll(), D), kl = { class: "fresh-booking-panel" }, yl = {
+}), Xt = /* @__PURE__ */ ie(Kt, [["__scopeId", "data-v-3e15c4e3"]]), z = (u) => (Je("data-v-62ec24db"), u = u(), Ke(), u), xt = {
   key: 0,
-  id: "fresh-booking-event-overview"
-}, _l = { class: "fresh-booking-event-listings" }, Vl = { class: "fresh-booking-event-listings" }, Pl = {
+  id: "konnectio-event-listings-wrapper"
+};
+const en = { class: "konnectio-event-listings" };
+const tn = { class: "konnectio-event-listings" }, nn = {
   key: 2,
-  id: "fresh-booking-event-addons"
-}, Tl = { class: "fresh-booking-table" }, $l = /* @__PURE__ */ R(() => /* @__PURE__ */ l("th", { class: "fresh-booking-event-addons-input" }, null, -1)), El = { class: "fresh-booking-event-addons-price" }, wl = /* @__PURE__ */ R(() => /* @__PURE__ */ l("br", null, null, -1)), Ol = { class: "fresh-booking-event-addons-input" }, Cl = { class: "fresh-booking-event-addons-price" }, Dl = /* @__PURE__ */ R(() => /* @__PURE__ */ l("td", { colspan: "2" }, null, -1)), Ll = { class: "fresh-booking-event-addons-price" }, Al = { key: 3 }, Bl = { class: "fresh-booking-label required" }, Ul = { id: "fresh-booking-event-table" }, Fl = { key: 4 }, Rl = { class: "fresh-booking-label required" }, Nl = { class: "fresh-booking-table" }, Sl = /* @__PURE__ */ R(() => /* @__PURE__ */ l("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Ml = { class: "fresh-booking-event-addons-price" }, ql = /* @__PURE__ */ R(() => /* @__PURE__ */ l("br", null, null, -1)), Il = /* @__PURE__ */ R(() => /* @__PURE__ */ l("br", null, null, -1)), zl = { class: "fresh-booking-event-addons-input" }, Hl = { class: "fresh-booking-event-addons-price" }, Ql = { key: 0 }, Yl = { key: 1 }, jl = { key: 2 }, Jl = { key: 3 }, Kl = { key: 4 }, Wl = { key: 5 }, Zl = { key: 6 }, Xl = /* @__PURE__ */ ge({
+  class: "konnectio-panel"
+}, on = { class: "konnectio-panel" }, ln = {
+  key: 0,
+  id: "konnectio-event-addons"
+}, an = { class: "konnectio-table with-lines" }, sn = /* @__PURE__ */ z(() => /* @__PURE__ */ t("th", { class: "konnectio-event-addons-input" }, null, -1)), rn = { class: "konnectio-event-addons-price" }, cn = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), dn = { class: "konnectio-event-addons-input" }, un = { class: "konnectio-event-addons-price" }, mn = /* @__PURE__ */ z(() => /* @__PURE__ */ t("td", null, null, -1)), pn = /* @__PURE__ */ z(() => /* @__PURE__ */ t("td", null, null, -1)), vn = { class: "konnectio-event-addons-price" }, bn = { key: 1 }, gn = { class: "konnectio-label required" }, fn = { class: "konnectio-table with-lines" }, hn = /* @__PURE__ */ z(() => /* @__PURE__ */ t("th", { class: "konnectio-event-addons-input" }, null, -1)), kn = { class: "konnectio-event-addons-price" }, yn = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), _n = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), $n = { class: "konnectio-event-addons-input" }, wn = { class: "konnectio-event-addons-price" }, Vn = ["onClick"], Dn = { class: "konnectio-panel" }, En = ["onClick"], Tn = /* @__PURE__ */ Z({
   name: "EventLayout",
   __name: "Event",
   props: {
     accessToken: {},
+    onlyShow: { default: "everything" },
+    selectedLocation: {},
     styling: {}
   },
-  setup(D) {
-    const { t } = he(), {
-      searchDate: m,
-      addons: h,
-      products: f,
-      numberOfDays: y,
-      discountCode: U,
-      name: _,
-      phone: N,
-      email: S,
-      remark: M,
-      arrivalTime: L,
-      title: w,
-      subtitle: z,
-      slideshow: K,
-      currency: V,
-      numberOfPeople: s,
-      numberOfTotalDays: P,
-      numberOfRooms: F,
-      basePrice: ye,
-      totalPrice: _e,
-      isPaymentLoading: Ve,
-      hasEvents: Pe,
-      hasTemplates: Te,
-      getEvents: $e,
-      getTemplates: Ee,
-      getEventData: we,
-      getTemplateData: H,
-      getEventTableData: Oe,
-      length: le,
-      roomUpgrade: Ce,
-      weekendFee: De,
-      fromDate: ne,
-      hasProducts: Le,
-      eventRateType: te,
-      isMetaDataAvailable: Ae,
-      areListingsAvailable: Be,
-      isReservationFormFilled: Ue,
-      isAvailabilityDataAvailable: Fe,
-      // getEventImages,
-      isTemplateEvent: O,
-      tableBasePrice: ae
-    } = j(J()), {
-      initialize: Re,
-      validateDiscountCode: en,
-      fetchListings: Ne,
-      createBooking: Se,
-      localAddonPrice: oe,
-      totalAddonPrice: se,
-      reset: Me
-    } = J(), {
-      hideEvents: qe,
-      hideEventTemplates: Ie
-    } = j(fe());
-    return We(() => Re()), Ze(m, () => Ne()), (W, d) => (a(), g(xe, { styling: W.styling }, {
-      default: b(() => [
-        r(Ge, {
-          id: "fresh-booking-event-module",
-          class: "fresh-booking-app",
-          type: "event",
-          "access-token": W.accessToken,
-          styling: W.styling
-        }, {
-          default: b(() => [
-            e(Ae) ? (a(), g(il, {
-              key: 0,
-              slideshow: e(K),
-              title: e(w),
-              subtitle: e(z)
+  setup(u) {
+    const { t: n } = se(), {
+      addons: r,
+      products: m,
+      numberOfDays: f,
+      name: s,
+      phone: b,
+      email: $,
+      remark: c,
+      allergies: h,
+      arrivalTime: y,
+      hasEvents: E,
+      hasTemplates: V,
+      getEvents: P,
+      getTemplates: I,
+      getEventData: _,
+      getTemplateData: i,
+      getEventTableData: L,
+      hasProducts: N,
+      eventRateType: re,
+      areListingsAvailable: ce,
+      isAvailabilityDataAvailable: K,
+      hasListingData: de,
+      isPaymentLoading: F,
+      isReservationFormFilled: X,
+      requiresArrivalTime: H
+    } = q(Y()), { currency: M } = q(he()), { eventDate: Ie, eventLocation: Le } = q(we()), { isValidRestaurantId: Be } = we(), {
+      initialize: Ne,
+      fetchListings: Me,
+      createBooking: Re,
+      localAddonPrice: ke,
+      totalAddonPrice: Ue,
+      reset: ye
+    } = Y(), { display: ue } = Ae(), Fe = [
+      {
+        id: "availability",
+        label: n("booking.availability.title"),
+        icon: "search"
+      },
+      {
+        id: "addons",
+        label: n("booking.reservation.title"),
+        icon: "concierge-bell",
+        hidden: !1
+      },
+      {
+        id: "reservation",
+        label: n("booking.reservation.title"),
+        icon: "concierge-bell"
+      },
+      {
+        id: "payment",
+        hidden: !0
+      },
+      {
+        id: "confirmation",
+        label: n("booking.confirmation.title"),
+        icon: "calendar-check"
+      }
+    ], Ge = ae(() => {
+      const w = [];
+      return L.value && L.value.forEach((k) => {
+        w.push({
+          label: fe(k.time),
+          value: k.time
+        });
+      }), w;
+    });
+    function qe() {
+      const w = rt("hash-params", {
+        removeNullishValues: !0
+      }), k = parseInt(w.rid), S = w.d, A = parseInt(w.eid);
+      if (S)
+        if (ct(S)) {
+          const C = new Date(S), B = C.setHours(12, 0, 0, 0), D = (/* @__PURE__ */ new Date()).setHours(12, 0, 0, 0);
+          B >= D ? (Ie.value = C, w.d = void 0) : ue({
+            message: n("alert.error.invalidDateRange"),
+            type: "error"
+          });
+        } else
+          ue({
+            message: n("alert.error.wrongDateFormat"),
+            type: "error"
+          });
+      isNaN(k) || (Be(k) ? (Le.value = k, w.rid = void 0) : ue({
+        message: n("alert.error.hotelIdNotFound"),
+        type: "error"
+      }));
+      let a;
+      isNaN(A) || (a = A), Me(a);
+    }
+    return (w, k) => (l(), T(it, { styling: w.styling }, {
+      default: p(() => [
+        (l(), T(We, { onResolve: qe }, {
+          default: p(() => [
+            g($t, {
+              id: "konnectio-event-module",
+              "access-token": w.accessToken,
+              callback: e(Ne)
             }, {
-              availability: b(({ next: Q }) => [
-                l("div", kl, [
-                  r(vl, {
-                    modelValue: e(m),
-                    "onUpdate:modelValue": d[0] || (d[0] = (T) => A(m) ? m.value = T : null),
-                    label: e(t)("event.selectDate"),
-                    "min-date": /* @__PURE__ */ new Date()
-                  }, null, 8, ["modelValue", "label", "min-date"])
-                ]),
-                e(Be) ? (a(), i("div", yl, [
-                  e(Pe) && !e(qe) ? (a(), i(E, { key: 0 }, [
-                    l("h2", null, [
-                      r(k, {
-                        icon: "clock-seven",
-                        type: "fal",
-                        color: "header"
-                      }),
-                      l("span", null, n(e(t)("event.eventsTitle")), 1)
-                    ]),
-                    l("ul", _l, [
-                      (a(!0), i(E, null, B(e($e), ({
-                        id: T,
-                        days: o,
-                        name: p,
-                        timeFrom: $,
-                        timeTo: c,
-                        fromDate: v,
-                        toDate: q,
-                        tableGroupID: Z,
-                        description: X,
-                        soldOut: G,
-                        maxOnlineReservationLimit: I
-                      }) => (a(), g(be, {
-                        key: T,
-                        type: "event",
-                        "listing-id": T,
-                        "table-group-id": Z,
-                        description: X,
-                        name: p,
-                        days: o,
-                        "from-date": v,
-                        "to-date": q,
-                        "max-online-reservation-limit": I,
-                        "time-from": $,
-                        "time-to": c,
-                        "sold-out": G,
-                        callback: Q
-                      }, null, 8, ["listing-id", "table-group-id", "description", "name", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
-                    ])
-                  ], 64)) : u("", !0),
-                  e(Te) && !e(Ie) ? (a(), i(E, { key: 1 }, [
-                    l("h2", null, [
-                      r(k, {
-                        icon: "stars",
-                        type: "fal",
-                        color: "header"
-                      }),
-                      l("span", null, n(e(t)("event.stayTitle")), 1)
-                    ]),
-                    l("ul", Vl, [
-                      (a(!0), i(E, null, B(e(Ee), ({
-                        id: T,
-                        name: o,
-                        fromDate: p,
-                        toDate: $,
-                        minimumPersonCount: c,
-                        fromPrice: v,
-                        description: q
-                      }) => (a(), g(be, {
-                        key: T,
-                        type: "template",
-                        "listing-id": T,
-                        name: o,
-                        description: q,
-                        "from-date": p,
-                        "to-date": $,
-                        "minimum-person-count": c,
-                        fromPrice: v,
-                        callback: Q
-                      }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
-                    ])
-                  ], 64)) : u("", !0)
-                ])) : (a(), g(ue, { key: 1 }))
-              ]),
-              reservation: b(({ next: Q, prev: T }) => [
-                e(Fe) ? (a(), g(rl, {
-                  key: 0,
-                  remark: e(M),
-                  "onUpdate:remark": d[8] || (d[8] = (o) => A(M) ? M.value = o : null),
-                  "is-filled": e(Ue),
-                  "is-loading": e(Ve),
-                  "base-price": e(ye),
-                  "total-price": e(_e),
-                  "weekend-fee": e(De),
-                  "room-upgrade": e(Ce),
-                  onPrev: (o) => e(Me)(T),
-                  onNext: (o) => e(Se)(Q)
-                }, {
-                  form: b(() => [
-                    e(te) === e(de).FullDayEvent ? (a(), g(x, {
-                      key: 0,
-                      modelValue: e(y),
-                      "onUpdate:modelValue": d[1] || (d[1] = (o) => A(y) ? y.value = o : null),
-                      label: e(t)("event.numberOfDays"),
-                      "min-value": 1,
-                      required: ""
-                    }, null, 8, ["modelValue", "label"])) : u("", !0),
-                    r(me, {
-                      modelValue: e(_),
-                      "onUpdate:modelValue": d[2] || (d[2] = (o) => A(_) ? _.value = o : null),
-                      type: "text",
-                      label: e(t)("booking.reservation.name"),
-                      icon: "user-alt",
-                      placeholder: e(t)("booking.reservation.namePlaceholder"),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
-                    r(me, {
-                      modelValue: e(S),
-                      "onUpdate:modelValue": d[3] || (d[3] = (o) => A(S) ? S.value = o : null),
-                      label: e(t)("booking.reservation.email"),
-                      type: "email",
-                      name: "email",
-                      autocomplete: "email",
-                      icon: "at",
-                      placeholder: e(t)("booking.reservation.emailPlaceholder"),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
-                    r(cl, {
-                      modelValue: e(N),
-                      "onUpdate:modelValue": d[4] || (d[4] = (o) => A(N) ? N.value = o : null),
-                      label: e(t)("booking.reservation.phone"),
-                      icon: "phone-office",
-                      placeholder: e(t)("booking.reservation.phonePlaceholder"),
-                      required: ""
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
-                    u("", !0),
-                    e(H) && e(H).length > 0 ? (a(), i("ul", Pl, [
-                      (a(!0), i(E, null, B(e(H), ({
-                        roomGroupID: o,
-                        addons: p,
-                        adultPerRoom: $
-                      }, c) => (a(), i("li", { key: o }, [
-                        l("h5", null, [
-                          l("span", null, n(e(t)("booking.reservation.room")) + " #" + n(c + 1), 1),
-                          ce(" ("),
-                          r(k, {
-                            icon: "male",
-                            type: "fas",
-                            color: "header"
-                          }),
-                          ce(" " + n($) + ") ", 1)
-                        ]),
-                        l("table", Tl, [
-                          l("thead", null, [
-                            l("tr", null, [
-                              l("th", null, [
-                                l("span", null, n(e(t)("booking.reservation.addons")), 1)
-                              ]),
-                              $l,
-                              l("th", El, [
-                                l("span", null, n(e(t)("booking.availability.price")), 1)
-                              ])
+              default: p(() => [
+                g(vt, { steps: Fe }, {
+                  availability: p(({ next: S }) => [
+                    g(ve, null, {
+                      sidebar: p(() => [
+                        g(Et, {
+                          redirection: !1,
+                          "selected-location": Number(w.selectedLocation)
+                        }, null, 8, ["selected-location"])
+                      ]),
+                      form: p(() => [
+                        e(de) && e(ce) ? (l(), d("div", xt, [
+                          e(E) && w.onlyShow !== "templates" ? (l(), d(R, { key: 0 }, [
+                            v("", !0),
+                            t("ul", en, [
+                              (l(!0), d(R, null, j(e(P), ({
+                                id: A,
+                                days: a,
+                                name: C,
+                                timeFrom: B,
+                                timeTo: D,
+                                fromDate: O,
+                                toDate: Q,
+                                tableGroupId: W,
+                                description: me,
+                                soldOut: pe,
+                                length: J,
+                                images: ze,
+                                maxOnlineReservationLimit: He,
+                                maxPaxPerReservation: je
+                              }) => (l(), T(Mt, {
+                                key: A,
+                                type: "event",
+                                "listing-id": A,
+                                "table-group-id": W,
+                                description: me,
+                                name: C,
+                                length: J,
+                                gallery: ze,
+                                days: a,
+                                "from-date": O,
+                                "to-date": Q,
+                                "max-online-reservation-limit": je || He,
+                                "time-from": B,
+                                "time-to": D,
+                                "sold-out": pe,
+                                callback: S
+                              }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
+                            ])
+                          ], 64)) : v("", !0),
+                          e(V) && w.onlyShow !== "events" ? (l(), d(R, { key: 1 }, [
+                            v("", !0),
+                            t("ul", tn, [
+                              (l(!0), d(R, null, j(e(I), ({
+                                id: A,
+                                name: a,
+                                fromDate: C,
+                                toDate: B,
+                                minimumPersonCount: D,
+                                fromPrice: O,
+                                description: Q,
+                                imageUrl: W
+                              }) => (l(), T(Ut, {
+                                key: A,
+                                "listing-id": A,
+                                name: a,
+                                image: W,
+                                description: Q,
+                                "from-date": C,
+                                "to-date": B,
+                                "minimum-person-count": D,
+                                fromPrice: O,
+                                callback: S
+                              }, null, 8, ["listing-id", "name", "image", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
                             ])
+                          ], 64)) : v("", !0),
+                          !e(E) && !e(V) || !e(E) && w.onlyShow === "events" || !e(V) && w.onlyShow === "templates" ? (l(), d("div", nn, [
+                            t("span", null, o(e(n)("event.nothingAvailable")), 1)
+                          ])) : v("", !0)
+                        ])) : (l(), T(Se, { key: 1 }))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  addons: p(({ next: S, prev: A }) => [
+                    e(K) ? (l(), T(ve, { key: 0 }, {
+                      form: p(() => [
+                        t("form", on, [
+                          t("h2", null, [
+                            t("span", null, o(e(n)("booking.reservation.addons")), 1)
                           ]),
-                          l("tbody", null, [
-                            (a(!0), i(E, null, B(p, ({
-                              addonID: v,
-                              cardinality: q,
-                              name: Z,
-                              price: X,
-                              quantityStrategy: G
-                            }) => (a(), i("tr", { key: v }, [
-                              l("td", null, [
-                                l("b", null, n(Z), 1),
-                                wl,
-                                l("span", null, n(e(C)(X, e(V))) + " " + n(e(Xe)(G)), 1)
-                              ]),
-                              l("td", Ol, [
-                                q === 3 ? (a(), g(x, {
-                                  key: 0,
-                                  modelValue: e(h)[`${o}.${v}.${c}`],
-                                  "onUpdate:modelValue": (I) => e(h)[`${o}.${v}.${c}`] = I,
-                                  small: !0,
-                                  "min-value": 0
-                                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), g(ve, {
-                                  key: 1,
-                                  modelValue: e(h)[`${o}.${v}.${c}`],
-                                  "onUpdate:modelValue": (I) => e(h)[`${o}.${v}.${c}`] = I,
-                                  numeric: !0
-                                }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                          e(i) && e(i).length > 0 ? (l(), d("ul", ln, [
+                            (l(!0), d(R, null, j(e(i), ({
+                              roomGroupId: a,
+                              addons: C,
+                              adultPerRoom: B
+                            }, D) => (l(), d("li", { key: a }, [
+                              t("h5", null, [
+                                t("span", null, o(e(n)("booking.reservation.room")) + " #" + o(D + 1), 1),
+                                _e(" ("),
+                                g(ge, {
+                                  icon: "male",
+                                  type: "fas",
+                                  color: "header"
+                                }),
+                                _e(" " + o(B) + ") ", 1)
                               ]),
-                              l("td", Cl, [
-                                l("span", null, n(e(C)(e(oe)(v, o, c), e(V))), 1)
+                              t("table", an, [
+                                t("thead", null, [
+                                  t("tr", null, [
+                                    t("th", null, [
+                                      t("span", null, o(e(n)("booking.reservation.addons")), 1)
+                                    ]),
+                                    sn,
+                                    t("th", rn, [
+                                      t("span", null, o(e(n)("booking.availability.price")), 1)
+                                    ])
+                                  ])
+                                ]),
+                                t("tbody", null, [
+                                  (l(!0), d(R, null, j(C, ({
+                                    id: O,
+                                    cardinality: Q,
+                                    name: W,
+                                    price: me,
+                                    quantityStrategy: pe
+                                  }) => (l(), d("tr", { key: O }, [
+                                    t("td", null, [
+                                      t("b", null, o(W), 1),
+                                      cn,
+                                      t("span", null, o(e(G)(me, e(M))) + " " + o(e(at)(pe)), 1)
+                                    ]),
+                                    t("td", dn, [
+                                      Q === 3 ? (l(), T(oe, {
+                                        key: 0,
+                                        modelValue: e(r)[`${a}.${O}.${D}`],
+                                        "onUpdate:modelValue": (J) => e(r)[`${a}.${O}.${D}`] = J,
+                                        small: !0,
+                                        "min-value": 0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (l(), T(wt, {
+                                        key: 1,
+                                        modelValue: e(r)[`${a}.${O}.${D}`],
+                                        "onUpdate:modelValue": (J) => e(r)[`${a}.${O}.${D}`] = J,
+                                        numeric: !0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                    ]),
+                                    t("td", un, [
+                                      t("span", null, o(e(G)(e(ke)(O, a, D), e(M))), 1)
+                                    ])
+                                  ]))), 128))
+                                ]),
+                                t("tfoot", null, [
+                                  t("tr", null, [
+                                    mn,
+                                    pn,
+                                    t("td", vn, [
+                                      t("u", null, [
+                                        t("span", null, o(e(G)(e(Ue)(a, D), e(M))), 1)
+                                      ])
+                                    ])
+                                  ])
+                                ])
                               ])
                             ]))), 128))
-                          ]),
-                          l("tfoot", null, [
-                            l("tr", null, [
-                              Dl,
-                              l("td", Ll, [
-                                l("u", null, [
-                                  l("span", null, n(e(C)(e(se)(o, c), e(V))), 1)
+                          ])) : v("", !0),
+                          e(N) ? (l(), d("div", bn, [
+                            t("label", gn, [
+                              t("span", null, o(e(n)("event.selectProducts")), 1)
+                            ]),
+                            t("table", fn, [
+                              t("thead", null, [
+                                t("tr", null, [
+                                  t("th", null, [
+                                    t("span", null, o(e(n)("booking.reservation.addons")), 1)
+                                  ]),
+                                  hn,
+                                  t("th", kn, [
+                                    t("span", null, o(e(n)("booking.availability.price")), 1)
+                                  ])
                                 ])
+                              ]),
+                              t("tbody", null, [
+                                (l(!0), d(R, null, j(e(_).products, ({ productID: a, productName: C, price: B, description: D }) => (l(), d("tr", { key: a }, [
+                                  t("td", null, [
+                                    t("b", null, [
+                                      t("span", null, o(C), 1)
+                                    ]),
+                                    yn,
+                                    t("span", null, o(D), 1),
+                                    _n,
+                                    t("span", null, o(e(G)(B, e(M))), 1)
+                                  ]),
+                                  t("td", $n, [
+                                    g(oe, {
+                                      modelValue: e(m)[a],
+                                      "onUpdate:modelValue": (O) => e(m)[a] = O,
+                                      small: !0,
+                                      "min-value": 0
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  t("td", wn, [
+                                    t("span", null, o(e(G)(e(ke)(a), e(M))), 1)
+                                  ])
+                                ]))), 128))
                               ])
                             ])
-                          ])
+                          ])) : v("", !0)
                         ])
-                      ]))), 128))
-                    ])) : u("", !0),
-                    e(te) !== e(de).FullDayEvent && !e(O) ? (a(), i("div", Al, [
-                      l("label", Bl, [
-                        l("span", null, n(e(t)("event.selectArrivalTime")), 1)
                       ]),
-                      l("ul", Ul, [
-                        (a(!0), i(E, null, B(e(Oe), (o, p) => (a(), i("li", { key: p }, [
-                          r(ve, {
-                            modelValue: e(L),
-                            "onUpdate:modelValue": d[7] || (d[7] = ($) => A(L) ? L.value = $ : null),
-                            type: "radio",
-                            name: "eventTimeTable",
-                            val: o.time,
-                            label: e(ee)(o.time)
-                          }, null, 8, ["modelValue", "val", "label"])
-                        ]))), 128))
-                      ])
-                    ])) : u("", !0),
-                    e(Le) ? (a(), i("div", Fl, [
-                      l("label", Rl, [
-                        l("span", null, n(e(t)("event.selectProducts")), 1)
+                      navigation: p(() => [
+                        g(be, {
+                          label: e(n)("event.startReservation"),
+                          "full-width": "",
+                          onClickEvent: S
+                        }, null, 8, ["label", "onClickEvent"]),
+                        t("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: $e((a) => e(ye)(A), ["prevent"])
+                        }, [
+                          t("span", null, o(e(n)("general.goAStepBack")), 1)
+                        ], 8, Vn)
                       ]),
-                      l("table", Nl, [
-                        l("thead", null, [
-                          l("tr", null, [
-                            l("th", null, [
-                              l("span", null, n(e(t)("booking.reservation.addons")), 1)
-                            ]),
-                            Sl,
-                            l("th", Ml, [
-                              l("span", null, n(e(t)("booking.availability.price")), 1)
-                            ])
-                          ])
-                        ]),
-                        l("tbody", null, [
-                          (a(!0), i(E, null, B(e(we).products, ({ productID: o, productName: p, price: $, description: c }) => (a(), i("tr", { key: o }, [
-                            l("td", null, [
-                              l("b", null, [
-                                l("span", null, n(p), 1)
-                              ]),
-                              ql,
-                              l("span", null, n(c), 1),
-                              Il,
-                              l("span", null, n(e(C)($, e(V))), 1)
-                            ]),
-                            l("td", zl, [
-                              r(x, {
-                                modelValue: e(f)[o],
-                                "onUpdate:modelValue": (v) => e(f)[o] = v,
-                                small: !0,
-                                "min-value": 0
-                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                            ]),
-                            l("td", Hl, [
-                              l("span", null, n(e(C)(e(oe)(o), e(V))), 1)
-                            ])
-                          ]))), 128))
+                      _: 2
+                    }, 1024)) : v("", !0)
+                  ]),
+                  reservation: p(({ next: S, prev: A }) => [
+                    g(ve, {
+                      "show-terms-notice": !0,
+                      "show-gift-card": !0
+                    }, {
+                      form: p(() => [
+                        t("form", Dn, [
+                          t("h2", null, [
+                            t("span", null, o(e(n)("booking.reservation.detailsTitle")), 1)
+                          ]),
+                          g(x, {
+                            modelValue: e(s),
+                            "onUpdate:modelValue": k[0] || (k[0] = (a) => U(s) ? s.value = a : null),
+                            type: "text",
+                            label: e(n)("booking.reservation.name"),
+                            icon: "user-alt",
+                            placeholder: e(n)("booking.reservation.namePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          g(x, {
+                            modelValue: e($),
+                            "onUpdate:modelValue": k[1] || (k[1] = (a) => U($) ? $.value = a : null),
+                            label: e(n)("booking.reservation.email"),
+                            type: "email",
+                            name: "email",
+                            autocomplete: "email",
+                            icon: "at",
+                            placeholder: e(n)("booking.reservation.emailPlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          g(Vt, {
+                            modelValue: e(b),
+                            "onUpdate:modelValue": k[2] || (k[2] = (a) => U(b) ? b.value = a : null),
+                            label: e(n)("booking.reservation.phone"),
+                            icon: "phone-office",
+                            placeholder: e(n)("booking.reservation.phonePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          e(H) ? (l(), T(bt, {
+                            key: 0,
+                            modelValue: e(y),
+                            "onUpdate:modelValue": k[3] || (k[3] = (a) => U(y) ? y.value = a : null),
+                            label: e(n)("event.selectArrivalTime"),
+                            name: "eventTimeTable",
+                            checkboxes: Ge.value,
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "checkboxes"])) : v("", !0),
+                          e(re) === e(st).FullDayEvent ? (l(), T(oe, {
+                            key: 1,
+                            modelValue: e(f),
+                            "onUpdate:modelValue": k[4] || (k[4] = (a) => U(f) ? f.value = a : null),
+                            label: e(n)("event.numberOfDays"),
+                            "min-value": 1,
+                            required: ""
+                          }, null, 8, ["modelValue", "label"])) : v("", !0),
+                          g(x, {
+                            modelValue: e(c),
+                            "onUpdate:modelValue": k[5] || (k[5] = (a) => U(c) ? c.value = a : null),
+                            type: "textarea",
+                            label: `${e(n)("booking.reservation.remark")} (${e(n)("booking.reservation.optional")})`,
+                            icon: "info-circle",
+                            placeholder: e(n)("booking.reservation.remarkPlaceholder")
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          g(x, {
+                            modelValue: e(h),
+                            "onUpdate:modelValue": k[6] || (k[6] = (a) => U(h) ? h.value = a : null),
+                            type: "textarea",
+                            label: `${e(n)("booking.reservation.allergies")} (${e(n)("booking.reservation.optional")})`,
+                            icon: "allergies",
+                            placeholder: e(n)("booking.reservation.allergiesPlaceholder")
+                          }, null, 8, ["modelValue", "label", "placeholder"])
                         ])
-                      ])
-                    ])) : u("", !0)
+                      ]),
+                      navigation: p(() => [
+                        g(be, {
+                          label: e(n)("general.confirmReservation"),
+                          "is-loading": e(F),
+                          disabled: !e(X),
+                          "full-width": "",
+                          onClickEvent: (a) => e(Re)(S)
+                        }, null, 8, ["label", "is-loading", "disabled", "onClickEvent"]),
+                        t("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: $e((a) => e(ye)(A), ["prevent"])
+                        }, [
+                          t("span", null, o(e(n)("general.goAStepBack")), 1)
+                        ], 8, En)
+                      ]),
+                      _: 2
+                    }, 1024)
                   ]),
-                  resume: b(() => [
-                    l("li", null, [
-                      l("span", null, n(e(t)("event.numberOfGuests")), 1),
-                      l("b", null, n(e(s)), 1)
-                    ]),
-                    e(O) ? (a(), i("li", Ql, [
-                      l("span", null, n(e(t)("event.numberOfRooms")), 1),
-                      l("b", null, n(e(F)), 1)
-                    ])) : u("", !0),
-                    e(O) ? (a(), i("li", Yl, [
-                      l("span", null, n(e(t)("event.numberOfDays")), 1),
-                      l("b", null, n(e(P)), 1)
-                    ])) : u("", !0),
-                    e(O) ? (a(), i("li", jl, [
-                      l("span", null, n(e(t)("booking.reservation.arrival")), 1),
-                      l("b", null, n(e(pe)(e(ne))), 1)
-                    ])) : u("", !0),
-                    e(O) ? (a(), i("li", Jl, [
-                      l("span", null, n(e(t)("booking.reservation.departure")), 1),
-                      l("b", null, n(e(pe)(e(ne), e(P))), 1)
-                    ])) : u("", !0),
-                    !e(O) && e(L) ? (a(), i("li", Kl, [
-                      l("span", null, n(e(t)("event.startOfEvent")), 1),
-                      l("b", null, n(e(ee)(e(L))), 1)
-                    ])) : u("", !0),
-                    !e(O) && e(le) ? (a(), i("li", Wl, [
-                      l("span", null, n(e(t)("event.lengthOfEvent")), 1),
-                      l("b", null, n(e(ee)(e(le))), 1)
-                    ])) : u("", !0),
-                    !e(O) && e(ae) > 0 ? (a(), i("li", Zl, [
-                      l("span", null, n(e(t)("booking.availability.basePrice")), 1),
-                      l("b", null, n(e(C)(e(ae), e(V))), 1)
-                    ])) : u("", !0)
+                  payment: p(() => [
+                    g(Dt)
                   ]),
-                  expenses: b(() => [
-                    (a(!0), i(E, null, B(e(H), ({ roomGroupID: o }, p) => (a(), i("li", { key: o }, [
-                      l("span", null, n(e(t)("booking.reservation.addons")) + " - " + n(e(t)("booking.reservation.room")) + " #" + n(p + 1), 1),
-                      l("b", null, n(e(C)(e(se)(o, p), e(V))), 1)
-                    ]))), 128))
+                  confirmation: p(() => [
+                    g(gt, {
+                      message: e(n)("event.confirmationMessage")
+                    }, null, 8, ["message"])
                   ]),
-                  _: 2
-                }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "onPrev", "onNext"])) : u("", !0)
-              ]),
-              payment: b(() => [
-                r(pl)
-              ]),
-              confirmation: b(() => [
-                r(ul, {
-                  message: e(t)("event.confirmationMessage")
-                }, null, 8, ["message"])
+                  _: 1
+                })
               ]),
               _: 1
-            }, 8, ["slideshow", "title", "subtitle"])) : (a(), g(ue, { key: 1 }))
+            }, 8, ["access-token", "callback"])
+          ]),
+          fallback: p(() => [
+            g(Xt)
           ]),
           _: 1
-        }, 8, ["access-token", "styling"])
+        }))
       ]),
       _: 1
     }, 8, ["styling"]));
   }
-}), Y = /* @__PURE__ */ ke(Xl, [["__scopeId", "data-v-c609785a"]]), Gl = nl();
-class xl extends HTMLElement {
+}), te = /* @__PURE__ */ ie(Tn, [["__scopeId", "data-v-62ec24db"]]), Pn = xe(), An = tt();
+class On extends HTMLElement {
+  vueApp;
   constructor() {
     super();
   }
+  disconnectedCallback() {
+    this.vueApp.unmount();
+  }
   connectedCallback() {
-    const t = typeof Y == "function" ? Y.options : Y, m = Array.isArray(t.props) ? t.props : Object.keys(t.props || {}), h = {};
-    for (const U of m) {
-      const _ = this.attributes.getNamedItem(U)?.value;
-      if (!_)
-        break;
-      h[U] = _;
+    const n = typeof te == "function" ? te.options : te;
+    let r = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
+    const m = (c) => c.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (h, y) => (y ? "-" : "") + h.toLowerCase()), f = (c) => c.replace(/-./g, (h) => h[1].toUpperCase()), s = {};
+    r = r.map(m);
+    const b = {};
+    for (const c of this.attributes) {
+      const y = c.name.split(".");
+      y.length > 1 && (b[y[0]] || (b[y[0]] = {}), b[y[0]][f(y[1])] = c.value);
+    }
+    for (const c of r) {
+      let h = this.attributes.getNamedItem(c)?.value;
+      b.hasOwnProperty(c) && (h = b[c]), s[c] = h;
     }
-    const f = tl(Y, h);
-    f.use(al), f.use(Gl), f.use(dl), f.use(ol, { bootstrap: !0 });
-    const y = document.createElement("div");
-    f.mount(y), this.appendChild(y.children[0]);
+    this.vueApp = Xe(te, s), this.vueApp.provide("emitter", An), this.vueApp.use(et), this.vueApp.use(Pn), this.vueApp.use(ft), this.vueApp.use(ht), this.vueApp.use(dt, { bootstrap: !0 });
+    const $ = document.createElement("div");
+    this.vueApp.mount($), this.appendChild($.children[0]);
   }
 }
-window.customElements.define("konnectio-event", xl);
+window.customElements.define("konnectio-event", On);
 export {
-  xl as default
+  On as default
 };
+//# sourceMappingURL=event.js.map