@konnectio/core 4.0.56-rc8 → 4.0.56

package/dist/event.js

@@ -1,576 +1,856 @@
-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-K94DVjrE.js";
-import { B as sl, M as il, R as rl, T as ul, V as dl } from "./ThankYou-ekf_1AWY.js";
-import { u as J } from "./event-iDLUEMAV.js";
-import { A as ml } from "./ActionField-na8McB-H.js";
-import { P as cl, C as ve, a as pl } from "./CheckoutWindow-r6ch1iOr.js";
-import { _ as vl } from "./DateField.vue_vue_type_style_index_0_lang-ZM6h3KFg.js";
-import "./_commonjsHelpers-2ufMB8rV.js";
-import "./_-vErl-x3v.js";
-const bl = { class: "fresh-booking-event-listing-information" }, gl = { key: 0 }, hl = { key: 1 }, fl = /* @__PURE__ */ ge({
-  __name: "Event",
+import { d as j, r as Ye, c as le, a as l, b as E, w as p, l as ne, u as e, e as t, f, g as c, i as h, t as o, m as Ze, q as Qe, s as z, F as B, v as N, S as We, x as ye, h as _e, p as Je, j as Ke, k as Xe } from "./_sentry-release-injection-file-B7Jqb6lo.js";
+import { u as ae, s as F, c as xe, i as et, m as tt } from "./mitt-mvNuFbhJ.js";
+import { a as Oe, l as nt, b as oe, c as ve, B as ot, _ as se, d as fe, e as Ae, I as be, s as lt, f as $e, g as ge, h as U, u as we, i as at, T as x, O as st, C as it, j as rt, k as dt, m as ct } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-CXrsASkr.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-DKJPmkN0.js";
+import { c as kt, t as ee, g as Ve, e as yt, m as De, a as Ee, b as Te, d as _t, f as Pe, u as H } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-B72HmqV2.js";
+import { _ as $t } from "./_.vue_vue_type_style_index_0_lang-BHKGq8g4.js";
+import { C as wt, P as Vt, a as Dt } from "./CheckoutWindow-DYdrHbQ-.js";
+import { E as Et } from "./EventAvailabilityForm-B4Y8N8P1.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] = "754ac080-e1a3-4747-856b-3ede83ba473f", u._sentryDebugIdIdentifier = "sentry-dbid-754ac080-e1a3-4747-856b-3ede83ba473f");
+  } catch {
+  }
+})();
+function Tt(u) {
+  return (n) => {
+    const i = Math[u], m = i(n);
+    return m === 0 ? 0 : m;
+  };
+}
+function Pt(u, n, i) {
+  const k = _t().locale ?? yt, s = kt(u, n);
+  if (isNaN(s))
+    throw new RangeError("Invalid time value");
+  const v = Object.assign({}, i, {
+    addSuffix: i?.addSuffix,
+    comparison: s
+  });
+  let w, r;
+  s > 0 ? (w = ee(n), r = ee(u)) : (w = ee(u), r = ee(n));
+  const b = Tt("round"), _ = r.getTime() - w.getTime(), $ = _ / Pe, A = Ve(r) - Ve(w), O = (_ - A) / Pe, R = i?.unit;
+  let d;
+  if ($ < 1 ? d = "second" : $ < 60 ? d = "minute" : $ < De ? d = "hour" : O < Ee ? d = "day" : O < Te ? d = "month" : d = "year", d === "second") {
+    const g = b(_ / 1e3);
+    return k.formatDistance("xSeconds", g, v);
+  } else if (d === "minute") {
+    const g = b($);
+    return k.formatDistance("xMinutes", g, v);
+  } else if (d === "hour") {
+    const g = b($ / 60);
+    return k.formatDistance("xHours", g, v);
+  } else if (d === "day") {
+    const g = b(O / De);
+    return k.formatDistance("xDays", g, v);
+  } else if (d === "month") {
+    const g = b(O / Ee);
+    return g === 12 && R !== "month" ? k.formatDistance("xYears", 1, v) : k.formatDistance("xMonths", g, v);
+  } else {
+    const g = b(O / Te);
+    return k.formatDistance("xYears", g, v);
+  }
+}
+const Ot = { class: "konnectio-event-listing-action" }, At = { class: "konnectio-event-listing-action-button" }, St = /* @__PURE__ */ j({
+  __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 } = ae(), i = u, { display: m } = Oe(), {
+      maxNumberOfPeople: k,
+      numberOfPeople: s,
+      eventId: v,
+      tableGroupId: w
+    } = F(H()), {
+      getTemplateAvailability: r,
+      getEventAvailability: b,
+      isEventListingLoading: _
+    } = H(), $ = Ye(0), A = le(() => _(i.listingId)), O = () => {
+      $.value > 0 ? (v.value = i.listingId, s.value = $.value, r(i.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({
+    }, R = () => {
+      $.value > 0 ? (v.value = i.listingId, w.value = i.tableGroupId, s.value = $.value, b(i.callback)) : m({
         type: "error",
-        message: t("alert.error.selectPeople")
+        message: n("alert.error.selectPeople")
       });
     };
-    return (s, P) => (a(), g(sl, {
+    return (d, g) => (l(), E(ut, {
+      type: "event",
+      "listing-id": d.listingId,
+      gallery: d.gallery,
+      name: d.name,
+      description: d.description,
+      "prices-from": d.fromPrice,
+      "to-date": d.toDate,
+      layout: e(ot).Event
+    }, {
+      description: p(() => [
+        ne(d.$slots, "description", { maxNumberOfPeople: e(k) }, void 0, !0)
+      ]),
+      action: p(() => [
+        t("div", Ot, [
+          f(oe, {
+            modelValue: $.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (I) => $.value = I),
+            label: e(n)("event.numberOfGuests"),
+            icon: "users",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            description: d.maxGuests <= 20 ? `${e(n)("general.availableFor")}: 1 - ${d.maxGuests} ${e(nt)(e(n)("general.guests"))}` : void 0,
+            "min-value": 0,
+            "max-value": d.maxOnlineReservationLimit || d.maxGuests || e(k) || 1 / 0
+          }, null, 8, ["modelValue", "label", "description", "max-value"]),
+          t("div", At, [
+            f(ve, {
+              label: d.soldOut ? e(n)("event.soldOut") : e(n)("event.bookNowButton"),
+              disabled: d.soldOut,
+              "is-loading": A.value,
+              onClickEvent: g[1] || (g[1] = (I) => d.type === "event" ? R() : O())
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "layout"]));
+  }
+}), Ce = /* @__PURE__ */ se(St, [["__scopeId", "data-v-a29b3262"]]), Ct = ["innerHTML"], It = { class: "konnectio-event-listing-information-new" };
+const Lt = {
+  key: 1,
+  class: "konnectio-pill-button"
+}, Bt = { class: "konnectio-pill-button" }, Nt = /* @__PURE__ */ j({
+  __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: i } = ae(), { hideEventLength: m } = F(fe()), k = le(() => {
+      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, v) => (l(), E(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(), c("p", {
+          key: 0,
+          innerHTML: e(Ae)(s.description)
+        }, null, 8, Ct)) : h("", !0),
+        t("ul", It, [
+          h("", !0),
+          e(m) ? h("", !0) : (l(), c("li", Lt, [
+            t("div", null, [
+              f(be, {
+                icon: "calendar-clock",
                 color: "header"
               }),
-              l("span", null, n(e(je)(s.days)), 1)
+              t("span", null, o(e(i)("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(k.value), 1)
+          ])),
+          t("li", Bt, [
+            t("div", null, [
+              f(be, {
                 icon: "calendar-clock",
                 color: "header"
               }),
-              l("span", null, n(e(Je)(s.timeFrom, s.timeTo)), 1)
+              t("span", null, o(e(i)("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"]));
+  }
+}), Rt = /* @__PURE__ */ se(Nt, [["__scopeId", "data-v-93456ccd"]]), Mt = ["innerHTML"], Ut = /* @__PURE__ */ j({
+  __name: "Template",
+  props: {
+    name: {},
+    description: {},
+    fromDate: {},
+    toDate: {},
+    listingId: {},
+    tableGroupId: {},
+    maxOnlineReservationLimit: {},
+    minimumPersonCount: {},
+    fromPrice: { default: 0 },
+    image: {},
+    trackingEnabled: { type: Boolean },
+    callback: {}
+  },
+  setup(u) {
+    const n = u, i = le(() => {
+      if (n.image)
+        return [{
+          large: n.image,
+          medium: n.image,
+          thumb: n.image,
+          url: n.image
+        }];
+    });
+    return (m, k) => (l(), E(Ce, {
+      "listing-id": m.listingId,
+      gallery: i.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(), c("p", {
+          key: 0,
+          innerHTML: e(Ae)(m.description)
+        }, null, 8, Mt)) : h("", !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: 0 }, pe = /* @__PURE__ */ j({
+  __name: "EventReservationForm",
+  props: {
+    showGiftCard: { type: Boolean, default: !1 },
+    showTermsNotice: { type: Boolean, default: !1 }
+  },
+  setup(u) {
+    const { t: n } = ae(), i = Ze(), {
+      areListingsAvailable: m,
+      arrivalTime: k,
+      numberOfPeople: s,
+      numberOfRooms: v,
+      numberOfTotalDays: w,
+      isTemplateEvent: r,
+      length: b,
+      fromDate: _,
+      tableBasePrice: $,
+      getTemplateData: A,
+      basePrice: O,
+      totalPrice: R,
+      weekendFee: d,
+      roomUpgrade: g,
+      discountCode: I
+    } = F(H()), { totalAddonPrice: ie, validateDiscountCode: re } = H(), { currency: J, hideEventLength: de } = F(fe());
+    return (M, K) => (l(), E(mt, {
+      "discount-code": e(I),
+      "onUpdate:discountCode": K[0] || (K[0] = (q) => N(I) ? I.value = q : null),
+      "validate-discount-code": e(re),
+      "show-gift-card": M.showGiftCard,
+      "show-terms-notice": M.showTermsNotice,
+      "is-sidebar-loading": !e(m),
+      "base-price": e(O),
+      "total-price": e(R),
+      "weekend-fee": e(d),
+      "room-upgrade": e(g),
+      notice: e(n)("event.reservationNotice")
+    }, Qe({
+      form: p(() => [
+        ne(M.$slots, "form")
+      ]),
+      "reservation-summary": p(() => [
+        e(r) ? (l(), c("li", Ft, [
+          t("span", null, o(e(n)("booking.reservation.arrival")), 1),
+          t("b", null, o(e($e)(e(_))), 1)
+        ])) : h("", !0),
+        e(r) ? (l(), c("li", Gt, [
+          t("span", null, o(e(n)("booking.reservation.departure")), 1),
+          t("b", null, o(e($e)(e(_), e(w))), 1)
+        ])) : h("", !0),
+        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(r) ? (l(), c("li", qt, [
+          t("span", null, o(e(n)("event.numberOfRooms")), 1),
+          t("b", null, o(e(v)), 1)
+        ])) : h("", !0),
+        e(r) ? (l(), c("li", zt, [
+          t("span", null, o(e(n)("event.numberOfDays")), 1),
+          t("b", null, o(e(w)), 1)
+        ])) : h("", !0),
+        !e(r) && e(k) ? (l(), c("li", Ht, [
+          t("span", null, o(e(n)("event.startOfEvent")), 1),
+          t("b", null, o(e(ge)(e(k))), 1)
+        ])) : h("", !0),
+        !e(r) && e(b) && !e(de) ? (l(), c("li", jt, [
+          t("span", null, o(e(n)("event.lengthOfEvent")), 1),
+          t("b", null, o(e(ge)(e(b))), 1)
+        ])) : h("", !0)
+      ]),
+      "price-summary": p(() => [
+        !e(r) && e($) > 0 ? (l(), c("li", Yt, [
+          t("span", null, o(e(n)("booking.availability.basePrice")), 1),
+          t("b", null, o(e(U)(e($), e(J))), 1)
+        ])) : h("", !0),
+        e(A) ? (l(!0), c(B, { key: 1 }, z(e(A), ({ roomGroupId: q }, X) => (l(), c("li", { key: q }, [
+          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)(q, X), e(J))), 1)
+        ]))), 128)) : h("", !0)
+      ]),
+      navigation: p(() => [
+        ne(M.$slots, "navigation")
+      ]),
+      _: 2
+    }, [
+      e(i).sidebar ? {
+        name: "sidebar",
+        fn: p(() => [
+          ne(M.$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"]));
+  }
+}), Zt = { class: "event-skeleton" }, Qt = { class: "event-skeleton-content" }, Wt = { class: "event-skeleton-sidebar" }, Jt = /* @__PURE__ */ j({
+  __name: "EventSkeleton",
+  setup(u) {
+    return (n, i) => (l(), c("div", Zt, [
+      t("div", Qt, [
+        f(Se)
+      ]),
+      t("div", Wt, [
+        h("", !0),
+        f(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 = {
+}), Kt = /* @__PURE__ */ se(Jt, [["__scopeId", "data-v-3e15c4e3"]]), G = (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 xt = { class: "konnectio-event-listings" };
+const en = { class: "konnectio-event-listings" }, tn = {
   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"
+}, nn = { class: "konnectio-panel" }, on = {
+  key: 0,
+  id: "konnectio-event-addons"
+}, ln = { class: "konnectio-table with-lines" }, an = /* @__PURE__ */ G(() => /* @__PURE__ */ t("th", { class: "konnectio-event-addons-input" }, null, -1)), sn = { class: "konnectio-event-addons-price" }, rn = /* @__PURE__ */ G(() => /* @__PURE__ */ t("br", null, null, -1)), dn = { class: "konnectio-event-addons-input" }, cn = { class: "konnectio-event-addons-price" }, un = /* @__PURE__ */ G(() => /* @__PURE__ */ t("td", null, null, -1)), mn = /* @__PURE__ */ G(() => /* @__PURE__ */ t("td", null, null, -1)), pn = { class: "konnectio-event-addons-price" }, vn = { key: 1 }, bn = { class: "konnectio-label required" }, gn = { class: "konnectio-table with-lines" }, fn = /* @__PURE__ */ G(() => /* @__PURE__ */ t("th", { class: "konnectio-event-addons-input" }, null, -1)), hn = { class: "konnectio-event-addons-price" }, kn = /* @__PURE__ */ G(() => /* @__PURE__ */ t("br", null, null, -1)), yn = /* @__PURE__ */ G(() => /* @__PURE__ */ t("br", null, null, -1)), _n = { class: "konnectio-event-addons-input" }, $n = { class: "konnectio-event-addons-price" }, wn = ["onClick"], Vn = { class: "konnectio-panel" }, Dn = ["onClick"], En = /* @__PURE__ */ j({
   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 } = ae(), {
+      addons: i,
+      products: m,
+      numberOfDays: k,
+      name: s,
+      phone: v,
+      email: w,
+      remark: r,
+      allergies: b,
+      arrivalTime: _,
+      hasEvents: $,
+      hasTemplates: A,
+      getEvents: O,
+      getTemplates: R,
+      getEventData: d,
+      getTemplateData: g,
+      getEventTableData: I,
+      hasProducts: ie,
+      eventRateType: re,
+      areListingsAvailable: J,
+      isAvailabilityDataAvailable: de,
+      hasListingData: M,
+      isPaymentLoading: K,
+      isReservationFormFilled: q,
+      requiresArrivalTime: X
+    } = F(H()), { currency: Y } = F(fe()), { eventDate: Ie, eventLocation: Le } = F(we()), { isValidRestaurantId: Be } = we(), {
+      initialize: Ne,
+      fetchListings: Re,
+      createBooking: Me,
+      localAddonPrice: he,
+      totalAddonPrice: Ue,
+      reset: ke
+    } = H(), { display: ce } = Oe(), 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 = le(() => {
+      const V = [];
+      return I.value && I.value.forEach((y) => {
+        V.push({
+          label: ge(y.time),
+          value: y.time
+        });
+      }), V;
+    });
+    function qe() {
+      const V = rt("hash-params", {
+        removeNullishValues: !0
+      }), y = parseInt(V.rid), S = V.d, T = parseInt(V.eid);
+      if (S)
+        if (dt(S)) {
+          const C = new Date(S), L = C.setHours(12, 0, 0, 0), D = (/* @__PURE__ */ new Date()).setHours(12, 0, 0, 0);
+          L >= D ? (Ie.value = C, V.d = void 0) : ce({
+            message: n("alert.error.invalidDateRange"),
+            type: "error"
+          });
+        } else
+          ce({
+            message: n("alert.error.wrongDateFormat"),
+            type: "error"
+          });
+      isNaN(y) || (Be(y) ? (Le.value = y, V.rid = void 0) : ce({
+        message: n("alert.error.hotelIdNotFound"),
+        type: "error"
+      }));
+      let a;
+      isNaN(T) || (a = T), Re(a);
+    }
+    return (V, y) => (l(), E(it, { styling: V.styling }, {
+      default: p(() => [
+        (l(), E(We, { onResolve: qe }, {
+          default: p(() => [
+            f($t, {
+              id: "konnectio-event-module",
+              "access-token": V.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(() => [
+                f(vt, { steps: Fe }, {
+                  availability: p(({ next: S }) => [
+                    f(pe, null, {
+                      sidebar: p(() => [
+                        f(Et, {
+                          redirection: !1,
+                          "selected-location": Number(V.selectedLocation)
+                        }, null, 8, ["selected-location"])
+                      ]),
+                      form: p(() => [
+                        e(M) && e(J) ? (l(), c("div", Xt, [
+                          e($) && V.onlyShow !== "templates" ? (l(), c(B, { key: 0 }, [
+                            h("", !0),
+                            t("ul", xt, [
+                              (l(!0), c(B, null, z(e(O), ({
+                                id: T,
+                                days: a,
+                                name: C,
+                                timeFrom: L,
+                                timeTo: D,
+                                fromDate: P,
+                                toDate: Z,
+                                tableGroupId: Q,
+                                description: ue,
+                                soldOut: me,
+                                length: W,
+                                images: ze,
+                                maxOnlineReservationLimit: He,
+                                maxPaxPerReservation: je
+                              }) => (l(), E(Rt, {
+                                key: T,
+                                type: "event",
+                                "listing-id": T,
+                                "table-group-id": Q,
+                                description: ue,
+                                name: C,
+                                length: W,
+                                gallery: ze,
+                                days: a,
+                                "from-date": P,
+                                "to-date": Z,
+                                "max-online-reservation-limit": je || He,
+                                "time-from": L,
+                                "time-to": D,
+                                "sold-out": me,
+                                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)) : h("", !0),
+                          e(A) && V.onlyShow !== "events" ? (l(), c(B, { key: 1 }, [
+                            h("", !0),
+                            t("ul", en, [
+                              (l(!0), c(B, null, z(e(R), ({
+                                id: T,
+                                name: a,
+                                fromDate: C,
+                                toDate: L,
+                                minimumPersonCount: D,
+                                fromPrice: P,
+                                description: Z,
+                                imageUrl: Q
+                              }) => (l(), E(Ut, {
+                                key: T,
+                                "listing-id": T,
+                                name: a,
+                                image: Q,
+                                description: Z,
+                                "from-date": C,
+                                "to-date": L,
+                                "minimum-person-count": D,
+                                fromPrice: P,
+                                callback: S
+                              }, null, 8, ["listing-id", "name", "image", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
                             ])
+                          ], 64)) : h("", !0),
+                          !e($) && !e(A) || !e($) && V.onlyShow === "events" || !e(A) && V.onlyShow === "templates" ? (l(), c("div", tn, [
+                            t("span", null, o(e(n)("event.nothingAvailable")), 1)
+                          ])) : h("", !0)
+                        ])) : (l(), E(Se, { key: 1 }))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  addons: p(({ next: S, prev: T }) => [
+                    e(de) ? (l(), E(pe, { key: 0 }, {
+                      form: p(() => [
+                        t("form", nn, [
+                          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(g) && e(g).length > 0 ? (l(), c("ul", on, [
+                            (l(!0), c(B, null, z(e(g), ({
+                              roomGroupId: a,
+                              addons: C,
+                              adultPerRoom: L
+                            }, D) => (l(), c("li", { key: a }, [
+                              t("h5", null, [
+                                t("span", null, o(e(n)("booking.reservation.room")) + " #" + o(D + 1), 1),
+                                ye(" ("),
+                                f(be, {
+                                  icon: "male",
+                                  type: "fas",
+                                  color: "header"
+                                }),
+                                ye(" " + o(L) + ") ", 1)
                               ]),
-                              l("td", Cl, [
-                                l("span", null, n(e(C)(e(oe)(v, o, c), e(V))), 1)
+                              t("table", ln, [
+                                t("thead", null, [
+                                  t("tr", null, [
+                                    t("th", null, [
+                                      t("span", null, o(e(n)("booking.reservation.addons")), 1)
+                                    ]),
+                                    an,
+                                    t("th", sn, [
+                                      t("span", null, o(e(n)("booking.availability.price")), 1)
+                                    ])
+                                  ])
+                                ]),
+                                t("tbody", null, [
+                                  (l(!0), c(B, null, z(C, ({
+                                    id: P,
+                                    cardinality: Z,
+                                    name: Q,
+                                    price: ue,
+                                    quantityStrategy: me
+                                  }) => (l(), c("tr", { key: P }, [
+                                    t("td", null, [
+                                      t("b", null, o(Q), 1),
+                                      rn,
+                                      t("span", null, o(e(U)(ue, e(Y))) + " " + o(e(at)(me)), 1)
+                                    ]),
+                                    t("td", dn, [
+                                      Z === 3 ? (l(), E(oe, {
+                                        key: 0,
+                                        modelValue: e(i)[`${a}.${P}.${D}`],
+                                        "onUpdate:modelValue": (W) => e(i)[`${a}.${P}.${D}`] = W,
+                                        small: !0,
+                                        "min-value": 0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (l(), E(wt, {
+                                        key: 1,
+                                        modelValue: e(i)[`${a}.${P}.${D}`],
+                                        "onUpdate:modelValue": (W) => e(i)[`${a}.${P}.${D}`] = W,
+                                        numeric: !0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                    ]),
+                                    t("td", cn, [
+                                      t("span", null, o(e(U)(e(he)(P, a, D), e(Y))), 1)
+                                    ])
+                                  ]))), 128))
+                                ]),
+                                t("tfoot", null, [
+                                  t("tr", null, [
+                                    un,
+                                    mn,
+                                    t("td", pn, [
+                                      t("u", null, [
+                                        t("span", null, o(e(U)(e(Ue)(a, D), e(Y))), 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)
+                          ])) : h("", !0),
+                          e(ie) ? (l(), c("div", vn, [
+                            t("label", bn, [
+                              t("span", null, o(e(n)("event.selectProducts")), 1)
+                            ]),
+                            t("table", gn, [
+                              t("thead", null, [
+                                t("tr", null, [
+                                  t("th", null, [
+                                    t("span", null, o(e(n)("booking.reservation.addons")), 1)
+                                  ]),
+                                  fn,
+                                  t("th", hn, [
+                                    t("span", null, o(e(n)("booking.availability.price")), 1)
+                                  ])
                                 ])
+                              ]),
+                              t("tbody", null, [
+                                (l(!0), c(B, null, z(e(d).products, ({ productID: a, productName: C, price: L, description: D }) => (l(), c("tr", { key: a }, [
+                                  t("td", null, [
+                                    t("b", null, [
+                                      t("span", null, o(C), 1)
+                                    ]),
+                                    kn,
+                                    t("span", null, o(D), 1),
+                                    yn,
+                                    t("span", null, o(e(U)(L, e(Y))), 1)
+                                  ]),
+                                  t("td", _n, [
+                                    f(oe, {
+                                      modelValue: e(m)[a],
+                                      "onUpdate:modelValue": (P) => e(m)[a] = P,
+                                      small: !0,
+                                      "min-value": 0
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  t("td", $n, [
+                                    t("span", null, o(e(U)(e(he)(a), e(Y))), 1)
+                                  ])
+                                ]))), 128))
                               ])
                             ])
-                          ])
+                          ])) : h("", !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(() => [
+                        f(ve, {
+                          label: e(n)("event.startReservation"),
+                          "full-width": "",
+                          onClickEvent: S
+                        }, null, 8, ["label", "onClickEvent"]),
+                        t("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: _e((a) => e(ke)(T), ["prevent"])
+                        }, [
+                          t("span", null, o(e(n)("general.goAStepBack")), 1)
+                        ], 8, wn)
                       ]),
-                      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)) : h("", !0)
+                  ]),
+                  reservation: p(({ next: S, prev: T }) => [
+                    f(pe, {
+                      "show-terms-notice": !0,
+                      "show-gift-card": !0
+                    }, {
+                      form: p(() => [
+                        t("form", Vn, [
+                          t("h2", null, [
+                            t("span", null, o(e(n)("booking.reservation.detailsTitle")), 1)
+                          ]),
+                          f(x, {
+                            modelValue: e(s),
+                            "onUpdate:modelValue": y[0] || (y[0] = (a) => N(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"]),
+                          f(x, {
+                            modelValue: e(w),
+                            "onUpdate:modelValue": y[1] || (y[1] = (a) => N(w) ? w.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"]),
+                          f(Vt, {
+                            modelValue: e(v),
+                            "onUpdate:modelValue": y[2] || (y[2] = (a) => N(v) ? v.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(X) ? (l(), E(bt, {
+                            key: 0,
+                            modelValue: e(_),
+                            "onUpdate:modelValue": y[3] || (y[3] = (a) => N(_) ? _.value = a : null),
+                            label: e(n)("event.selectArrivalTime"),
+                            name: "eventTimeTable",
+                            checkboxes: Ge.value,
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "checkboxes"])) : h("", !0),
+                          e(re) === e(st).FullDayEvent ? (l(), E(oe, {
+                            key: 1,
+                            modelValue: e(k),
+                            "onUpdate:modelValue": y[4] || (y[4] = (a) => N(k) ? k.value = a : null),
+                            label: e(n)("event.numberOfDays"),
+                            "min-value": 1,
+                            required: ""
+                          }, null, 8, ["modelValue", "label"])) : h("", !0),
+                          f(x, {
+                            modelValue: e(r),
+                            "onUpdate:modelValue": y[5] || (y[5] = (a) => N(r) ? r.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"]),
+                          f(x, {
+                            modelValue: e(b),
+                            "onUpdate:modelValue": y[6] || (y[6] = (a) => N(b) ? b.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(() => [
+                        f(ve, {
+                          label: e(n)("general.confirmReservation"),
+                          "is-loading": e(K),
+                          disabled: !e(q),
+                          "full-width": "",
+                          onClickEvent: (a) => e(Me)(S)
+                        }, null, 8, ["label", "is-loading", "disabled", "onClickEvent"]),
+                        t("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: _e((a) => e(ke)(T), ["prevent"])
+                        }, [
+                          t("span", null, o(e(n)("general.goAStepBack")), 1)
+                        ], 8, Dn)
+                      ]),
+                      _: 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(() => [
+                    f(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(() => [
+                    f(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(() => [
+            f(Kt)
           ]),
           _: 1
-        }, 8, ["access-token", "styling"])
+        }))
       ]),
       _: 1
     }, 8, ["styling"]));
   }
-}), Y = /* @__PURE__ */ ke(Xl, [["__scopeId", "data-v-c609785a"]]), Gl = nl();
-class xl extends HTMLElement {
+}), te = /* @__PURE__ */ se(En, [["__scopeId", "data-v-62ec24db"]]), Tn = xe(), Pn = 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 i = Array.isArray(n.props) ? n.props : Object.keys(n.props || {});
+    const m = (r) => r.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, _) => (_ ? "-" : "") + b.toLowerCase()), k = (r) => r.replace(/-./g, (b) => b[1].toUpperCase()), s = {};
+    i = i.map(m);
+    const v = {};
+    for (const r of this.attributes) {
+      const _ = r.name.split(".");
+      _.length > 1 && (v[_[0]] || (v[_[0]] = {}), v[_[0]][k(_[1])] = r.value);
+    }
+    for (const r of i) {
+      let b = this.attributes.getNamedItem(r)?.value;
+      v.hasOwnProperty(r) && (b = v[r]), s[r] = b;
     }
-    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", Pn), this.vueApp.use(et), this.vueApp.use(Tn), this.vueApp.use(ft), this.vueApp.use(ht), this.vueApp.use(ct, { bootstrap: !0 });
+    const w = document.createElement("div");
+    this.vueApp.mount(w), this.appendChild(w.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