@konnectio/core 4.0.56-rc6 → 4.0.56-rc60

package/dist/event.js

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