@konnectio/core 4.0.56-rc3 → 4.0.56-rc31

package/dist/event.js

@@ -1,13 +1,11 @@
-import { defineComponent as ge, ref as ze, computed as Qe, openBlock as t, createBlock as b, unref as e, createSlots as We, withCtx as g, createVNode as r, createElementVNode as l, toDisplayString as n, createElementBlock as i, createCommentVNode as u, onMounted as Ye, watch as je, isRef as w, Fragment as V, renderList as D, createTextVNode as ie, pushScopeId as He, popScopeId as Je, createApp as Ke } from "vue";
-import { l as ke, b as Xe, s as Y, c as he, B as Ze, n as k, v as Ge, w as re, x as ue, y as xe, o as $, _ as ye, m as el, L as de, O as me, k as G, T as pe, z as ll, A as x, p as ce, q as nl, t as tl, D as ol } from "./SelectField.vue_vue_type_style_index_0_lang-j_yHB51P.js";
-import { B as al, M as sl, R as il, T as rl, x as ul } from "./ThankYou-SQ_bbgj4.js";
-import { u as j } from "./event-4kCWoqDL.js";
-import { A as dl } from "./ActionField-9I-yAskc.js";
-import { P as ml, C as ve, a as pl } from "./CheckoutWindow-31th413C.js";
-import { _ as cl } from "./DateField.vue_vue_type_style_index_0_lang-mpnWj2LD.js";
-import "./_commonjsHelpers-FF1eOqK0.js";
-import "./_-FedWhJCw.js";
-const vl = { class: "fresh-booking-event-listing-information" }, bl = { key: 0 }, gl = { key: 1 }, kl = /* @__PURE__ */ ge({
+import { d as J, u as te, Q as Ie, s as Z, c as ye, r as ze, e as je, f as a, k as _, a5 as _e, x as d, g as i, j as e, y as ce, l as u, h as n, a6 as pe, m as r, a2 as C, A as t, a7 as me, a8 as Ge, a3 as O, a9 as Ze, v as le, aa as Qe, Z as x, o as Je, w as Ke, S as We, F as A, ab as S, $ as R, V as ve, n as ee, T as be, ac as he, ad as Ye, ae as ne, a4 as fe, C as Xe, q as xe, D as en, E as nn, G as tn, H as ln, J as an, K as on, L as sn, af as rn, M as un } from "./Field-C9r1d8IB.js";
+import { B as dn, R as cn, L as Ve, M as pn, T as mn, V as vn, G as bn } from "./masonry.plugin-fa0tia29.js";
+import { u as Q, E as hn } from "./EventAvailabilityForm-LIgUj1t3.js";
+import { A as fn } from "./ActionField-qP-3ktN4.js";
+import { P as gn, C as ge, a as kn } from "./CheckoutWindow-RWkSWvbk.js";
+import { A as yn } from "./AvailabilitySkeleton-uaCnfwHM.js";
+const _n = ["innerHTML"], Vn = { class: "konnectio-event-listing-information-new" };
+const $n = { key: 1 }, En = { key: 2 }, Tn = /* @__PURE__ */ J({
   __name: "Event",
   props: {
     name: {},
@@ -18,6 +16,7 @@ const vl = { class: "fresh-booking-event-listing-information" }, bl = { key: 0 }
     listingId: {},
     tableGroupId: {},
     days: {},
+    length: {},
     timeFrom: {},
     timeTo: {},
     maxOnlineReservationLimit: {},
@@ -29,530 +28,618 @@ const vl = { class: "fresh-booking-event-listing-information" }, bl = { key: 0 }
     trackingEnabled: { type: Boolean },
     callback: {}
   },
-  setup(L) {
-    const { t: o } = ke(), v = L, { display: E } = Xe(), { currency: I } = Y(he()), {
-      maxNumberOfPeople: U,
-      numberOfPeople: H,
-      eventId: A,
-      tableGroupId: R
-    } = Y(j()), {
-      getTemplateAvailability: C,
-      getEventAvailability: N,
-      isEventListingLoading: O
-    } = j(), P = ze(0), z = Qe(() => O(v.listingId)), J = () => {
-      P.value > 0 ? (A.value = v.listingId, H.value = P.value, C(v.callback)) : E({
+  setup(V) {
+    const { t: l } = te(), p = V, { display: m } = Ie(), { currency: B } = Z(ye()), {
+      maxNumberOfPeople: $,
+      numberOfPeople: E,
+      eventId: T,
+      tableGroupId: c
+    } = Z(Q()), {
+      getTemplateAvailability: b,
+      getEventAvailability: h,
+      isEventListingLoading: D
+    } = Q(), v = ze(0), H = je(() => D(p.listingId)), I = () => {
+      v.value > 0 ? (T.value = p.listingId, E.value = v.value, b(p.callback)) : m({
         type: "error",
-        message: o("alert.error.selectPeople")
+        message: l("alert.error.selectPeople")
       });
-    }, h = () => {
-      P.value > 0 ? (A.value = v.listingId, R.value = v.tableGroupId, H.value = P.value, N(v.callback)) : E({
+    }, K = () => {
+      v.value > 0 ? (T.value = p.listingId, c.value = p.tableGroupId, E.value = v.value, h(p.callback)) : m({
         type: "error",
-        message: o("alert.error.selectPeople")
+        message: l("alert.error.selectPeople")
       });
     };
-    return (s, y) => (t(), b(al, {
+    return (s, P) => (a(), _(dn, {
       "listing-id": s.listingId,
       gallery: s.gallery,
       name: s.name,
       description: s.description,
       layout: e(Ze).Event
-    }, We({
-      action: g(() => [
-        r(dl, {
-          modelValue: P.value,
-          "onUpdate:modelValue": y[0] || (y[0] = (B) => P.value = B),
+    }, _e({
+      action: d(() => [
+        r(fn, {
+          modelValue: v.value,
+          "onUpdate:modelValue": P[0] || (P[0] = (U) => v.value = U),
           type: "number",
-          label: e(o)("event.numberOfGuests"),
-          buttonLabel: s.soldOut ? e(o)("event.soldOut") : e(o)("event.bookNowButton"),
+          label: e(l)("event.numberOfGuests"),
+          buttonLabel: s.soldOut ? e(l)("event.soldOut") : e(l)("event.bookNowButton"),
           buttonDisabled: s.soldOut,
           "min-value": s.type === "event" ? 1 : s.minimumPersonCount,
-          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e(U),
-          "is-loading": z.value,
-          "onUpdate:isLoading": y[1] || (y[1] = (B) => z.value = B),
-          onAction: y[2] || (y[2] = (B) => s.type === "event" ? h() : J())
+          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e($),
+          "is-loading": H.value,
+          "onUpdate:isLoading": P[1] || (P[1] = (U) => H.value = U),
+          onAction: P[2] || (P[2] = (U) => s.type === "event" ? K() : I())
         }, null, 8, ["modelValue", "label", "buttonLabel", "buttonDisabled", "min-value", "max-value", "is-loading"])
       ]),
       _: 2
     }, [
       s.type === "event" ? {
         name: "description",
-        fn: g(() => [
-          l("ul", vl, [
-            l("li", null, [
-              r(k, {
-                icon: "calendar-range",
-                color: "header"
-              }),
-              l("span", null, n(e(Ge)(s.days)), 1)
-            ]),
-            e(re)(s.fromDate, s.toDate) < 180 ? (t(), i("li", bl, [
-              r(k, {
+        fn: d(() => [
+          s.description ? (a(), i("p", {
+            key: 0,
+            innerHTML: e(ce)(s.description)
+          }, null, 8, _n)) : u("", !0),
+          n("ul", Vn, [
+            u("", !0),
+            e(pe)(s.fromDate, s.toDate) < 180 ? (a(), i("li", $n, [
+              r(C, {
                 icon: "calendar-days",
                 color: "header"
               }),
-              l("span", null, n(e(ue)(s.fromDate, s.toDate)), 1)
+              n("span", null, t(e(me)(s.fromDate, s.toDate)), 1)
             ])) : u("", !0),
-            l("li", null, [
-              r(k, {
+            n("li", null, [
+              n("span", null, t(s.length), 1)
+            ]),
+            n("li", null, [
+              r(C, {
                 icon: "calendar-clock",
                 color: "header"
               }),
-              l("span", null, n(e(xe)(s.timeFrom, s.timeTo)), 1)
+              n("span", null, t(e(Ge)(s.timeFrom, s.timeTo)), 1)
             ]),
-            s.maxOnlineReservationLimit ? (t(), i("li", gl, [
-              r(k, {
+            s.maxOnlineReservationLimit ? (a(), i("li", En, [
+              r(C, {
                 icon: "user-alt",
                 color: "header"
               }),
-              l("span", null, n(`1 - ${s.maxOnlineReservationLimit} ${e(o)("general.people")}`), 1)
+              n("span", null, t(`1 - ${s.maxOnlineReservationLimit} ${e(l)("general.people")}`), 1)
             ])) : u("", !0)
           ])
         ]),
         key: "0"
       } : {
         name: "description",
-        fn: g(() => [
-          l("ul", { class: "fresh-booking-event-listing-information" }, [
-            e(re)(s.fromDate, s.toDate) < 180 ? (t(), i("li", { key: 0 }, [
-              r(k, {
+        fn: d(() => [
+          n("ul", { class: "konnectio-event-listing-information" }, [
+            e(pe)(s.fromDate, s.toDate) < 180 ? (a(), i("li", { key: 0 }, [
+              r(C, {
                 icon: "calendar-days",
                 color: "header"
               }),
-              l("span", null, n(e(ue)(s.fromDate, s.toDate, !0)), 1)
+              n("span", null, t(e(me)(s.fromDate, s.toDate, !0)), 1)
             ])) : u("", !0),
-            l("li", null, [
-              r(k, {
+            n("li", null, [
+              r(C, {
                 icon: "user-alt",
                 color: "header"
               }),
-              l("span", null, n(`${s.minimumPersonCount} - ${e(U)} ${e(o)("general.people")}`), 1)
+              n("span", null, t(`${s.minimumPersonCount} - ${e($)} ${e(l)("general.people")}`), 1)
             ]),
-            l("li", null, [
-              r(k, {
+            n("li", null, [
+              r(C, {
                 icon: "money-bill",
                 color: "header"
               }),
-              l("span", null, n(`${e(o)("general.pricesFrom")} ${e($)(s.fromPrice, e(I))}`), 1)
+              n("span", null, t(`${e(l)("general.pricesFrom")} ${e(O)(s.fromPrice, e(B))}`), 1)
             ])
-          ])
+          ]),
+          s.description ? (a(), i("p", {
+            key: 0,
+            innerHTML: e(ce)(s.description)
+          }, null, 8, ["innerHTML"])) : u("", !0)
         ]),
         key: "1"
       }
     ]), 1032, ["listing-id", "gallery", "name", "description", "layout"]));
   }
-}), be = /* @__PURE__ */ ye(kl, [["__scopeId", "data-v-013d2269"]]), F = (L) => (He("data-v-b2eee97d"), L = L(), Je(), L), hl = { class: "fresh-booking-panel" }, yl = {
+}), ke = /* @__PURE__ */ le(Tn, [["__scopeId", "data-v-228d0b15"]]), wn = /* @__PURE__ */ J({
+  __name: "EventReservationForm",
+  props: {
+    showGiftCard: { type: Boolean, default: !1 },
+    showTermsNotice: { type: Boolean, default: !1 }
+  },
+  setup(V) {
+    const { t: l } = te(), p = Qe();
+    return (m, B) => (a(), _(cn, {
+      "total-price": 0,
+      "show-gift-card": m.showGiftCard,
+      "show-terms-notice": m.showTermsNotice,
+      "is-sidebar-loading": !1,
+      notice: e(l)("hotel.reservationNotice")
+    }, _e({
+      form: d(() => [
+        x(m.$slots, "form")
+      ]),
+      "reservation-summary": d(() => []),
+      "price-summary": d(() => []),
+      navigation: d(() => [
+        x(m.$slots, "navigation")
+      ]),
+      _: 2
+    }, [
+      e(p).addons ? {
+        name: "addons",
+        fn: d(() => [
+          x(m.$slots, "addons")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["show-gift-card", "show-terms-notice", "notice"]));
+  }
+}), An = { class: "event-skeleton" }, Cn = /* @__PURE__ */ J({
+  __name: "EventSkeleton",
+  setup(V) {
+    return (l, p) => (a(), i("div", An, [
+      r(yn, { view: "event" }),
+      r(Ve)
+    ]));
+  }
+}), Pn = /* @__PURE__ */ le(Cn, [["__scopeId", "data-v-66a17edb"]]), N = (V) => (tn("data-v-274a2a78"), V = V(), ln(), V), Ln = { class: "fresh-booking-panel" }, On = {
   key: 0,
   id: "fresh-booking-event-overview"
-}, fl = { class: "fresh-booking-event-listings" }, _l = { class: "fresh-booking-event-listings" }, Vl = {
+}, Bn = { class: "fresh-booking-event-listings" }, Dn = { class: "fresh-booking-event-listings" }, Fn = { class: "fresh-booking-panel" }, Sn = {
   key: 2,
   id: "fresh-booking-event-addons"
-}, 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" }, Ul = { key: 3 }, Al = { class: "fresh-booking-label required" }, Bl = { id: "fresh-booking-event-table" }, Fl = { key: 4 }, Rl = { class: "fresh-booking-label required" }, Cl = { 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" }, ql = /* @__PURE__ */ F(() => /* @__PURE__ */ l("br", null, null, -1)), Ml = /* @__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 }, jl = { key: 3 }, Hl = { key: 4 }, Jl = { key: 5 }, Kl = { key: 6 }, Xl = /* @__PURE__ */ ge({
+}, Un = { class: "fresh-booking-table" }, Rn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Nn = { class: "fresh-booking-event-addons-price" }, Mn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), qn = { class: "fresh-booking-event-addons-input" }, Hn = { class: "fresh-booking-event-addons-price" }, In = /* @__PURE__ */ N(() => /* @__PURE__ */ n("td", { colspan: "2" }, null, -1)), zn = { class: "fresh-booking-event-addons-price" }, jn = { key: 3 }, Gn = { class: "fresh-booking-label required" }, Zn = { id: "fresh-booking-event-table" }, Qn = { key: 4 }, Jn = { class: "fresh-booking-label required" }, Kn = { class: "fresh-booking-table" }, Wn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Yn = { class: "fresh-booking-event-addons-price" }, Xn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), xn = /* @__PURE__ */ N(() => /* @__PURE__ */ n("br", null, null, -1)), et = { class: "fresh-booking-event-addons-input" }, nt = { class: "fresh-booking-event-addons-price" }, tt = { key: 0 }, lt = { key: 1 }, at = { key: 2 }, ot = { key: 3 }, st = { key: 4 }, it = { key: 5 }, rt = { key: 6 }, ut = ["onClick"], dt = /* @__PURE__ */ J({
   name: "EventLayout",
   __name: "Event",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(L) {
-    const { t: o } = ke(), {
-      searchDate: v,
-      addons: E,
-      products: I,
-      numberOfDays: U,
-      discountCode: H,
-      name: A,
-      phone: R,
-      email: C,
-      remark: N,
-      arrivalTime: O,
-      title: P,
-      subtitle: z,
-      slideshow: J,
-      currency: h,
-      numberOfPeople: s,
-      numberOfTotalDays: y,
-      numberOfRooms: B,
-      basePrice: fe,
-      totalPrice: _e,
-      isPaymentLoading: Ve,
-      hasEvents: Pe,
-      hasTemplates: Te,
-      getEvents: $e,
-      getTemplates: Ee,
-      getEventData: Oe,
-      getTemplateData: Q,
-      getEventTableData: we,
-      length: ee,
-      roomUpgrade: De,
+  setup(V) {
+    const { t: l } = te(), {
+      searchDate: p,
+      addons: m,
+      products: B,
+      numberOfDays: $,
+      discountCode: E,
+      name: T,
+      phone: c,
+      email: b,
+      remark: h,
+      arrivalTime: D,
+      currency: v,
+      numberOfPeople: H,
+      numberOfTotalDays: I,
+      numberOfRooms: K,
+      basePrice: s,
+      totalPrice: P,
+      isPaymentLoading: U,
+      hasEvents: $e,
+      hasTemplates: Ee,
+      getEvents: Te,
+      getTemplates: we,
+      getEventData: Ae,
+      getTemplateData: z,
+      getEventTableData: Ce,
+      length: ae,
+      roomUpgrade: Pe,
       weekendFee: Le,
-      fromDate: le,
-      hasProducts: Ue,
-      eventRateType: ne,
-      isMetaDataAvailable: Ae,
-      areListingsAvailable: Be,
-      isReservationFormFilled: Fe,
-      isAvailabilityDataAvailable: Re,
+      fromDate: oe,
+      hasProducts: Oe,
+      eventRateType: se,
+      isMetaDataAvailable: vt,
+      areListingsAvailable: bt,
+      isReservationFormFilled: Be,
+      isAvailabilityDataAvailable: De,
       // getEventImages,
-      isTemplateEvent: T,
-      tableBasePrice: te
-    } = Y(j()), {
-      initialize: Ce,
-      validateDiscountCode: xl,
-      fetchListings: Ne,
-      createBooking: Se,
-      localAddonPrice: oe,
-      totalAddonPrice: ae,
-      reset: qe
-    } = j(), {
+      isTemplateEvent: L,
+      tableBasePrice: ie,
+      hasListingData: Fe
+    } = Z(Q()), {
+      initialize: Se,
+      validateDiscountCode: ht,
+      fetchListings: Ue,
+      createBooking: Re,
+      localAddonPrice: re,
+      totalAddonPrice: ue,
+      reset: Ne
+    } = Q(), {
       hideEvents: Me,
-      hideEventTemplates: Ie
-    } = Y(he());
-    return Ye(() => Ce()), je(v, () => Ne()), (se, d) => (t(), b(el, {
-      id: "fresh-booking-event-module",
-      class: "fresh-booking-app",
-      type: "event",
-      "access-token": se.accessToken,
-      styling: se.styling
-    }, {
-      default: g(() => [
-        e(Ae) ? (t(), b(sl, {
-          key: 0,
-          slideshow: e(J),
-          title: e(P),
-          subtitle: e(z)
-        }, {
-          availability: g(({ next: W }) => [
-            l("div", hl, [
-              r(cl, {
-                modelValue: e(v),
-                "onUpdate:modelValue": d[0] || (d[0] = (f) => w(v) ? v.value = f : null),
-                label: e(o)("event.selectDate"),
-                "min-date": /* @__PURE__ */ new Date()
-              }, null, 8, ["modelValue", "label", "min-date"])
-            ]),
-            e(Be) ? (t(), i("div", yl, [
-              e(Pe) && !e(Me) ? (t(), i(V, { key: 0 }, [
-                l("h2", null, [
-                  r(k, {
-                    icon: "clock-seven",
-                    type: "fal",
-                    color: "header"
-                  }),
-                  l("span", null, n(e(o)("event.eventsTitle")), 1)
-                ]),
-                l("ul", fl, [
-                  (t(!0), i(V, null, D(e($e), ({
-                    id: f,
-                    days: a,
-                    name: p,
-                    timeFrom: _,
-                    timeTo: m,
-                    fromDate: c,
-                    toDate: S,
-                    tableGroupID: K,
-                    description: X,
-                    soldOut: Z,
-                    maxOnlineReservationLimit: q
-                  }) => (t(), b(be, {
-                    key: f,
-                    type: "event",
-                    "listing-id": f,
-                    "table-group-id": K,
-                    description: X,
-                    name: p,
-                    days: a,
-                    "from-date": c,
-                    "to-date": S,
-                    "max-online-reservation-limit": q,
-                    "time-from": _,
-                    "time-to": m,
-                    "sold-out": Z,
-                    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(k, {
-                    icon: "stars",
-                    type: "fal",
-                    color: "header"
-                  }),
-                  l("span", null, n(e(o)("event.stayTitle")), 1)
-                ]),
-                l("ul", _l, [
-                  (t(!0), i(V, null, D(e(Ee), ({
-                    id: f,
-                    name: a,
-                    fromDate: p,
-                    toDate: _,
-                    minimumPersonCount: m,
-                    fromPrice: c,
-                    description: S
-                  }) => (t(), b(be, {
-                    key: f,
-                    type: "template",
-                    "listing-id": f,
-                    name: a,
-                    description: S,
-                    "from-date": p,
-                    "to-date": _,
-                    "minimum-person-count": m,
-                    fromPrice: c,
-                    callback: W
-                  }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
-                ])
-              ], 64)) : u("", !0)
-            ])) : (t(), b(de, { key: 1 }))
-          ]),
-          reservation: g(({ next: W, prev: f }) => [
-            e(Re) ? (t(), b(il, {
-              key: 0,
-              remark: e(N),
-              "onUpdate:remark": d[8] || (d[8] = (a) => w(N) ? N.value = a : null),
-              "is-filled": e(Fe),
-              "is-loading": e(Ve),
-              "base-price": e(fe),
-              "total-price": e(_e),
-              "weekend-fee": e(Le),
-              "room-upgrade": e(De),
-              onPrev: (a) => e(qe)(f),
-              onNext: (a) => e(Se)(W)
+      hideEventTemplates: qe
+    } = Z(ye());
+    return Je(() => Se()), Ke(p, () => Ue()), (de, g) => (a(), _(nn, { styling: de.styling }, {
+      default: d(() => [
+        (a(), _(We, null, {
+          default: d(() => [
+            r(en, {
+              id: "fresh-booking-event-module",
+              class: "fresh-booking-app",
+              type: "event",
+              "access-token": de.accessToken
             }, {
-              form: g(() => [
-                e(ne) === e(me).FullDayEvent ? (t(), b(G, {
-                  key: 0,
-                  modelValue: e(U),
-                  "onUpdate:modelValue": d[1] || (d[1] = (a) => w(U) ? U.value = a : null),
-                  label: e(o)("event.numberOfDays"),
-                  "min-value": 1,
-                  required: ""
-                }, null, 8, ["modelValue", "label"])) : u("", !0),
-                r(pe, {
-                  modelValue: e(A),
-                  "onUpdate:modelValue": d[2] || (d[2] = (a) => w(A) ? A.value = a : null),
-                  type: "text",
-                  label: e(o)("booking.reservation.name"),
-                  icon: "user-alt",
-                  placeholder: e(o)("booking.reservation.namePlaceholder"),
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                r(pe, {
-                  modelValue: e(C),
-                  "onUpdate:modelValue": d[3] || (d[3] = (a) => w(C) ? C.value = a : null),
-                  label: e(o)("booking.reservation.email"),
-                  type: "email",
-                  name: "email",
-                  autocomplete: "email",
-                  icon: "at",
-                  placeholder: e(o)("booking.reservation.emailPlaceholder"),
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                r(ml, {
-                  modelValue: e(R),
-                  "onUpdate:modelValue": d[4] || (d[4] = (a) => w(R) ? R.value = a : null),
-                  label: e(o)("booking.reservation.phone"),
-                  icon: "phone-office",
-                  placeholder: e(o)("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: a,
-                    addons: p,
-                    adultPerRoom: _
-                  }, m) => (t(), i("li", { key: a }, [
-                    l("h5", null, [
-                      l("span", null, n(e(o)("booking.reservation.room")) + " #" + n(m + 1), 1),
-                      ie(" ("),
-                      r(k, {
-                        icon: "male",
-                        type: "fas",
-                        color: "header"
-                      }),
-                      ie(" " + n(_) + ") ", 1)
+              default: d(() => [
+                r(pn, null, {
+                  availability: d(({ next: j }) => [
+                    n("div", Ln, [
+                      r(hn)
                     ]),
-                    l("table", Pl, [
-                      l("thead", null, [
-                        l("tr", null, [
-                          l("th", null, [
-                            l("span", null, n(e(o)("booking.reservation.addons")), 1)
+                    e(Fe) ? (a(), i("div", On, [
+                      e($e) && !e(Me) ? (a(), i(A, { key: 0 }, [
+                        n("h2", null, [
+                          r(C, {
+                            icon: "clock-seven",
+                            type: "fal",
+                            color: "header"
+                          }),
+                          n("span", null, t(e(l)("event.eventsTitle")), 1)
+                        ]),
+                        n("ul", Bn, [
+                          (a(!0), i(A, null, S(e(Te), ({
+                            id: F,
+                            days: o,
+                            name: k,
+                            timeFrom: w,
+                            timeTo: f,
+                            fromDate: y,
+                            toDate: M,
+                            tableGroupId: W,
+                            description: Y,
+                            soldOut: X,
+                            length: q,
+                            maxOnlineReservationLimit: He
+                          }) => (a(), _(ke, {
+                            key: F,
+                            type: "event",
+                            "listing-id": F,
+                            "table-group-id": W,
+                            description: Y,
+                            name: k,
+                            length: q,
+                            days: o,
+                            "from-date": y,
+                            "to-date": M,
+                            "max-online-reservation-limit": He,
+                            "time-from": w,
+                            "time-to": f,
+                            "sold-out": X,
+                            callback: j
+                          }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
+                        ])
+                      ], 64)) : u("", !0),
+                      e(Ee) && !e(qe) ? (a(), i(A, { key: 1 }, [
+                        n("h2", null, [
+                          r(C, {
+                            icon: "stars",
+                            type: "fal",
+                            color: "header"
+                          }),
+                          n("span", null, t(e(l)("event.stayTitle")), 1)
+                        ]),
+                        n("ul", Dn, [
+                          (a(!0), i(A, null, S(e(we), ({
+                            id: F,
+                            name: o,
+                            fromDate: k,
+                            toDate: w,
+                            minimumPersonCount: f,
+                            fromPrice: y,
+                            description: M
+                          }) => (a(), _(ke, {
+                            key: F,
+                            type: "template",
+                            "listing-id": F,
+                            name: o,
+                            description: M,
+                            "from-date": k,
+                            "to-date": w,
+                            "minimum-person-count": f,
+                            fromPrice: y,
+                            callback: j
+                          }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
+                        ])
+                      ], 64)) : u("", !0)
+                    ])) : (a(), _(Ve, { key: 1 }))
+                  ]),
+                  addons: d(({ next: j, prev: F }) => [
+                    e(De) ? (a(), _(wn, {
+                      key: 0,
+                      remark: e(h),
+                      "onUpdate:remark": g[7] || (g[7] = (o) => R(h) ? h.value = o : null),
+                      "is-filled": e(Be),
+                      "is-loading": e(U),
+                      "base-price": e(s),
+                      "total-price": e(P),
+                      "weekend-fee": e(Le),
+                      "room-upgrade": e(Pe)
+                    }, {
+                      form: d(() => [
+                        n("form", Fn, [
+                          n("h2", null, [
+                            n("span", null, t(e(l)("booking.reservation.addons")), 1)
                           ]),
-                          Tl,
-                          l("th", $l, [
-                            l("span", null, n(e(o)("booking.availability.price")), 1)
-                          ])
+                          e(se) === e(ve).FullDayEvent ? (a(), _(ee, {
+                            key: 0,
+                            modelValue: e($),
+                            "onUpdate:modelValue": g[0] || (g[0] = (o) => R($) ? $.value = o : null),
+                            label: e(l)("event.numberOfDays"),
+                            "min-value": 1,
+                            required: ""
+                          }, null, 8, ["modelValue", "label"])) : u("", !0),
+                          r(be, {
+                            modelValue: e(T),
+                            "onUpdate:modelValue": g[1] || (g[1] = (o) => R(T) ? T.value = o : null),
+                            type: "text",
+                            label: e(l)("booking.reservation.name"),
+                            icon: "user-alt",
+                            placeholder: e(l)("booking.reservation.namePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          r(be, {
+                            modelValue: e(b),
+                            "onUpdate:modelValue": g[2] || (g[2] = (o) => R(b) ? b.value = o : null),
+                            label: e(l)("booking.reservation.email"),
+                            type: "email",
+                            name: "email",
+                            autocomplete: "email",
+                            icon: "at",
+                            placeholder: e(l)("booking.reservation.emailPlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          r(gn, {
+                            modelValue: e(c),
+                            "onUpdate:modelValue": g[3] || (g[3] = (o) => R(c) ? c.value = o : null),
+                            label: e(l)("booking.reservation.phone"),
+                            icon: "phone-office",
+                            placeholder: e(l)("booking.reservation.phonePlaceholder"),
+                            required: ""
+                          }, null, 8, ["modelValue", "label", "placeholder"]),
+                          u("", !0),
+                          e(z) && e(z).length > 0 ? (a(), i("ul", Sn, [
+                            (a(!0), i(A, null, S(e(z), ({
+                              roomGroupID: o,
+                              addons: k,
+                              adultPerRoom: w
+                            }, f) => (a(), i("li", { key: o }, [
+                              n("h5", null, [
+                                n("span", null, t(e(l)("booking.reservation.room")) + " #" + t(f + 1), 1),
+                                he(" ("),
+                                r(C, {
+                                  icon: "male",
+                                  type: "fas",
+                                  color: "header"
+                                }),
+                                he(" " + t(w) + ") ", 1)
+                              ]),
+                              n("table", Un, [
+                                n("thead", null, [
+                                  n("tr", null, [
+                                    n("th", null, [
+                                      n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                                    ]),
+                                    Rn,
+                                    n("th", Nn, [
+                                      n("span", null, t(e(l)("booking.availability.price")), 1)
+                                    ])
+                                  ])
+                                ]),
+                                n("tbody", null, [
+                                  (a(!0), i(A, null, S(k, ({
+                                    addonID: y,
+                                    cardinality: M,
+                                    name: W,
+                                    price: Y,
+                                    quantityStrategy: X
+                                  }) => (a(), i("tr", { key: y }, [
+                                    n("td", null, [
+                                      n("b", null, t(W), 1),
+                                      Mn,
+                                      n("span", null, t(e(O)(Y, e(v))) + " " + t(e(Ye)(X)), 1)
+                                    ]),
+                                    n("td", qn, [
+                                      M === 3 ? (a(), _(ee, {
+                                        key: 0,
+                                        modelValue: e(m)[`${o}.${y}.${f}`],
+                                        "onUpdate:modelValue": (q) => e(m)[`${o}.${y}.${f}`] = q,
+                                        small: !0,
+                                        "min-value": 0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), _(ge, {
+                                        key: 1,
+                                        modelValue: e(m)[`${o}.${y}.${f}`],
+                                        "onUpdate:modelValue": (q) => e(m)[`${o}.${y}.${f}`] = q,
+                                        numeric: !0
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                    ]),
+                                    n("td", Hn, [
+                                      n("span", null, t(e(O)(e(re)(y, o, f), e(v))), 1)
+                                    ])
+                                  ]))), 128))
+                                ]),
+                                n("tfoot", null, [
+                                  n("tr", null, [
+                                    In,
+                                    n("td", zn, [
+                                      n("u", null, [
+                                        n("span", null, t(e(O)(e(ue)(o, f), e(v))), 1)
+                                      ])
+                                    ])
+                                  ])
+                                ])
+                              ])
+                            ]))), 128))
+                          ])) : u("", !0),
+                          e(se) !== e(ve).FullDayEvent && !e(L) ? (a(), i("div", jn, [
+                            n("label", Gn, [
+                              n("span", null, t(e(l)("event.selectArrivalTime")), 1)
+                            ]),
+                            n("ul", Zn, [
+                              (a(!0), i(A, null, S(e(Ce), (o, k) => (a(), i("li", { key: k }, [
+                                r(ge, {
+                                  modelValue: e(D),
+                                  "onUpdate:modelValue": g[6] || (g[6] = (w) => R(D) ? D.value = w : null),
+                                  type: "radio",
+                                  name: "eventTimeTable",
+                                  val: o.time,
+                                  label: e(ne)(o.time)
+                                }, null, 8, ["modelValue", "val", "label"])
+                              ]))), 128))
+                            ])
+                          ])) : u("", !0),
+                          e(Oe) ? (a(), i("div", Qn, [
+                            n("label", Jn, [
+                              n("span", null, t(e(l)("event.selectProducts")), 1)
+                            ]),
+                            n("table", Kn, [
+                              n("thead", null, [
+                                n("tr", null, [
+                                  n("th", null, [
+                                    n("span", null, t(e(l)("booking.reservation.addons")), 1)
+                                  ]),
+                                  Wn,
+                                  n("th", Yn, [
+                                    n("span", null, t(e(l)("booking.availability.price")), 1)
+                                  ])
+                                ])
+                              ]),
+                              n("tbody", null, [
+                                (a(!0), i(A, null, S(e(Ae).products, ({ productID: o, productName: k, price: w, description: f }) => (a(), i("tr", { key: o }, [
+                                  n("td", null, [
+                                    n("b", null, [
+                                      n("span", null, t(k), 1)
+                                    ]),
+                                    Xn,
+                                    n("span", null, t(f), 1),
+                                    xn,
+                                    n("span", null, t(e(O)(w, e(v))), 1)
+                                  ]),
+                                  n("td", et, [
+                                    r(ee, {
+                                      modelValue: e(B)[o],
+                                      "onUpdate:modelValue": (y) => e(B)[o] = y,
+                                      small: !0,
+                                      "min-value": 0
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  n("td", nt, [
+                                    n("span", null, t(e(O)(e(re)(o), e(v))), 1)
+                                  ])
+                                ]))), 128))
+                              ])
+                            ])
+                          ])) : u("", !0)
                         ])
                       ]),
-                      l("tbody", null, [
-                        (t(!0), i(V, null, D(p, ({
-                          addonID: c,
-                          cardinality: S,
-                          name: K,
-                          price: X,
-                          quantityStrategy: Z
-                        }) => (t(), i("tr", { key: c }, [
-                          l("td", null, [
-                            l("b", null, n(K), 1),
-                            El,
-                            l("span", null, n(e($)(X, e(h))) + " " + n(e(ll)(Z)), 1)
-                          ]),
-                          l("td", Ol, [
-                            S === 3 ? (t(), b(G, {
-                              key: 0,
-                              modelValue: e(E)[`${a}.${c}.${m}`],
-                              "onUpdate:modelValue": (q) => e(E)[`${a}.${c}.${m}`] = q,
-                              small: !0,
-                              "min-value": 0
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (t(), b(ve, {
-                              key: 1,
-                              modelValue: e(E)[`${a}.${c}.${m}`],
-                              "onUpdate:modelValue": (q) => e(E)[`${a}.${c}.${m}`] = q,
-                              numeric: !0
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"]))
-                          ]),
-                          l("td", wl, [
-                            l("span", null, n(e($)(e(oe)(c, a, m), e(h))), 1)
-                          ])
+                      resume: d(() => [
+                        n("li", null, [
+                          n("span", null, t(e(l)("event.numberOfGuests")), 1),
+                          n("b", null, t(e(H)), 1)
+                        ]),
+                        e(L) ? (a(), i("li", tt, [
+                          n("span", null, t(e(l)("event.numberOfRooms")), 1),
+                          n("b", null, t(e(K)), 1)
+                        ])) : u("", !0),
+                        e(L) ? (a(), i("li", lt, [
+                          n("span", null, t(e(l)("event.numberOfDays")), 1),
+                          n("b", null, t(e(I)), 1)
+                        ])) : u("", !0),
+                        e(L) ? (a(), i("li", at, [
+                          n("span", null, t(e(l)("booking.reservation.arrival")), 1),
+                          n("b", null, t(e(fe)(e(oe))), 1)
+                        ])) : u("", !0),
+                        e(L) ? (a(), i("li", ot, [
+                          n("span", null, t(e(l)("booking.reservation.departure")), 1),
+                          n("b", null, t(e(fe)(e(oe), e(I))), 1)
+                        ])) : u("", !0),
+                        !e(L) && e(D) ? (a(), i("li", st, [
+                          n("span", null, t(e(l)("event.startOfEvent")), 1),
+                          n("b", null, t(e(ne)(e(D))), 1)
+                        ])) : u("", !0),
+                        !e(L) && e(ae) ? (a(), i("li", it, [
+                          n("span", null, t(e(l)("event.lengthOfEvent")), 1),
+                          n("b", null, t(e(ne)(e(ae))), 1)
+                        ])) : u("", !0),
+                        !e(L) && e(ie) > 0 ? (a(), i("li", rt, [
+                          n("span", null, t(e(l)("booking.availability.basePrice")), 1),
+                          n("b", null, t(e(O)(e(ie), e(v))), 1)
+                        ])) : u("", !0)
+                      ]),
+                      expenses: d(() => [
+                        (a(!0), i(A, null, S(e(z), ({ roomGroupID: o }, k) => (a(), i("li", { key: o }, [
+                          n("span", null, t(e(l)("booking.reservation.addons")) + " - " + t(e(l)("booking.reservation.room")) + " #" + t(k + 1), 1),
+                          n("b", null, t(e(O)(e(ue)(o, k), e(v))), 1)
                         ]))), 128))
                       ]),
-                      l("tfoot", null, [
-                        l("tr", null, [
-                          Dl,
-                          l("td", Ll, [
-                            l("u", null, [
-                              l("span", null, n(e($)(e(ae)(a, m), e(h))), 1)
-                            ])
-                          ])
-                        ])
-                      ])
-                    ])
-                  ]))), 128))
-                ])) : u("", !0),
-                e(ne) !== e(me).FullDayEvent && !e(T) ? (t(), i("div", Ul, [
-                  l("label", Al, [
-                    l("span", null, n(e(o)("event.selectArrivalTime")), 1)
+                      navigation: d(() => [
+                        r(Xe, {
+                          label: e(l)("general.confirmReservation"),
+                          "full-width": "",
+                          onClickEvent: (o) => e(Re)(j)
+                        }, null, 8, ["label", "onClickEvent"]),
+                        n("button", {
+                          class: "konnectio-abort-reservation link",
+                          onClick: xe((o) => e(Ne)(F), ["prevent"])
+                        }, [
+                          n("span", null, t(e(l)("general.goAStepBack")), 1)
+                        ], 8, ut)
+                      ]),
+                      _: 2
+                    }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade"])) : u("", !0)
                   ]),
-                  l("ul", Bl, [
-                    (t(!0), i(V, null, D(e(we), (a, p) => (t(), i("li", { key: p }, [
-                      r(ve, {
-                        modelValue: e(O),
-                        "onUpdate:modelValue": d[7] || (d[7] = (_) => w(O) ? O.value = _ : null),
-                        type: "radio",
-                        name: "eventTimeTable",
-                        val: a.time,
-                        label: e(x)(a.time)
-                      }, null, 8, ["modelValue", "val", "label"])
-                    ]))), 128))
-                  ])
-                ])) : u("", !0),
-                e(Ue) ? (t(), i("div", Fl, [
-                  l("label", Rl, [
-                    l("span", null, n(e(o)("event.selectProducts")), 1)
+                  payment: d(() => [
+                    r(kn)
                   ]),
-                  l("table", Cl, [
-                    l("thead", null, [
-                      l("tr", null, [
-                        l("th", null, [
-                          l("span", null, n(e(o)("booking.reservation.addons")), 1)
-                        ]),
-                        Nl,
-                        l("th", Sl, [
-                          l("span", null, n(e(o)("booking.availability.price")), 1)
-                        ])
-                      ])
-                    ]),
-                    l("tbody", null, [
-                      (t(!0), i(V, null, D(e(Oe).products, ({ productID: a, productName: p, price: _, description: m }) => (t(), i("tr", { key: a }, [
-                        l("td", null, [
-                          l("b", null, [
-                            l("span", null, n(p), 1)
-                          ]),
-                          ql,
-                          l("span", null, n(m), 1),
-                          Ml,
-                          l("span", null, n(e($)(_, e(h))), 1)
-                        ]),
-                        l("td", Il, [
-                          r(G, {
-                            modelValue: e(I)[a],
-                            "onUpdate:modelValue": (c) => e(I)[a] = c,
-                            small: !0,
-                            "min-value": 0
-                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                        ]),
-                        l("td", zl, [
-                          l("span", null, n(e($)(e(oe)(a), e(h))), 1)
-                        ])
-                      ]))), 128))
-                    ])
-                  ])
-                ])) : u("", !0)
-              ]),
-              resume: g(() => [
-                l("li", null, [
-                  l("span", null, n(e(o)("event.numberOfGuests")), 1),
-                  l("b", null, n(e(s)), 1)
-                ]),
-                e(T) ? (t(), i("li", Ql, [
-                  l("span", null, n(e(o)("event.numberOfRooms")), 1),
-                  l("b", null, n(e(B)), 1)
-                ])) : u("", !0),
-                e(T) ? (t(), i("li", Wl, [
-                  l("span", null, n(e(o)("event.numberOfDays")), 1),
-                  l("b", null, n(e(y)), 1)
-                ])) : u("", !0),
-                e(T) ? (t(), i("li", Yl, [
-                  l("span", null, n(e(o)("booking.reservation.arrival")), 1),
-                  l("b", null, n(e(ce)(e(le))), 1)
-                ])) : u("", !0),
-                e(T) ? (t(), i("li", jl, [
-                  l("span", null, n(e(o)("booking.reservation.departure")), 1),
-                  l("b", null, n(e(ce)(e(le), e(y))), 1)
-                ])) : u("", !0),
-                !e(T) && e(O) ? (t(), i("li", Hl, [
-                  l("span", null, n(e(o)("event.startOfEvent")), 1),
-                  l("b", null, n(e(x)(e(O))), 1)
-                ])) : u("", !0),
-                !e(T) && e(ee) ? (t(), i("li", Jl, [
-                  l("span", null, n(e(o)("event.lengthOfEvent")), 1),
-                  l("b", null, n(e(x)(e(ee))), 1)
-                ])) : u("", !0),
-                !e(T) && e(te) > 0 ? (t(), i("li", Kl, [
-                  l("span", null, n(e(o)("booking.availability.basePrice")), 1),
-                  l("b", null, n(e($)(e(te), e(h))), 1)
-                ])) : u("", !0)
-              ]),
-              expenses: g(() => [
-                (t(!0), i(V, null, D(e(Q), ({ roomGroupID: a }, p) => (t(), i("li", { key: a }, [
-                  l("span", null, n(e(o)("booking.reservation.addons")) + " - " + n(e(o)("booking.reservation.room")) + " #" + n(p + 1), 1),
-                  l("b", null, n(e($)(e(ae)(a, p), e(h))), 1)
-                ]))), 128))
+                  confirmation: d(() => [
+                    r(mn, {
+                      message: e(l)("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(pl)
+              _: 1
+            }, 8, ["access-token"])
           ]),
-          confirmation: g(() => [
-            r(rl, {
-              message: e(o)("event.confirmationMessage")
-            }, null, 8, ["message"])
+          fallback: d(() => [
+            r(Pn)
           ]),
           _: 1
-        }, 8, ["slideshow", "title", "subtitle"])) : (t(), b(de, { key: 1 }))
+        }))
       ]),
       _: 1
-    }, 8, ["access-token", "styling"]));
+    }, 8, ["styling"]));
+  }
+}), G = /* @__PURE__ */ le(dt, [["__scopeId", "data-v-274a2a78"]]), ct = an(), pt = un();
+class mt extends HTMLElement {
+  vueApp;
+  constructor() {
+    super();
+  }
+  disconnectedCallback() {
+    this.vueApp.unmount();
+  }
+  connectedCallback() {
+    const l = typeof G == "function" ? G.options : G;
+    let p = Array.isArray(l.props) ? l.props : Object.keys(l.props || {});
+    const m = (c) => c.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (b, h) => (h ? "-" : "") + b.toLowerCase()), B = (c) => c.replace(/-./g, (b) => b[1].toUpperCase()), $ = {};
+    p = p.map(m);
+    const E = {};
+    for (const c of this.attributes) {
+      const h = c.name.split(".");
+      h.length > 1 && (E[h[0]] || (E[h[0]] = {}), E[h[0]][B(h[1])] = c.value);
+    }
+    for (const c of p) {
+      let b = this.attributes.getNamedItem(c)?.value;
+      E.hasOwnProperty(c) && (b = E[c]), $[c] = b;
+    }
+    this.vueApp = on(G, $), this.vueApp.provide("emitter", pt), this.vueApp.use(sn), this.vueApp.use(ct), this.vueApp.use(vn), this.vueApp.use(bn), this.vueApp.use(rn, { bootstrap: !0 });
+    const T = document.createElement("div");
+    this.vueApp.mount(T), this.appendChild(T.children[0]);
   }
-}), Zl = /* @__PURE__ */ ye(Xl, [["__scopeId", "data-v-b2eee97d"]]), Gl = nl(), M = Ke({ components: { Event: Zl } });
-M.use(Gl);
-M.use(tl);
-M.use(ul);
-M.use(ol, { bootstrap: !0 });
-M.mount("#konnectio-event-app");
+}
+window.customElements.define("konnectio-event", mt);
 export {
-  M as default
+  mt as default
 };