@konnectio/core 4.0.55 → 4.0.56-rc10

package/dist/event.js

@@ -1,13 +1,12 @@
-import { k as ge, F as he, b as Qe, s as z, c as ke, r as We, f as Ye, m as t, n as b, X as ze, w as g, A as l, p as r, K as h, H as n, q as e, Y as He, Z as ie, v as i, $ as re, x as u, a0 as Je, L as $, a1 as Ke, _ as fe, o as Xe, a2 as Ze, J as w, a3 as V, a4 as D, a5 as ue, O as de, T as me, a6 as ce, a7 as je, a8 as x, M as pe, P as xe, Q as Ge, R as el, V as ll, U as nl, W as tl, a9 as al } from "./SelectField.vue_vue_type_style_index_0_lang-11cea6ba.js";
-import { B as ol, M as sl, R as il, T as rl, x as ul } from "./ThankYou-159b55d6.js";
-import { u as H } from "./event-6cd5d9be.js";
-import { A as dl } from "./ActionField-89f587d4.js";
-import { P as ml, C as ve, a as cl } from "./CheckoutWindow-df8612e3.js";
-import { _ as pl } from "./DateField.vue_vue_type_style_index_0_lang-bbaed106.js";
-import { _ as G } from "./NumberField.vue_vue_type_script_setup_true_lang-ce6f0b17.js";
-import "./_commonjsHelpers-aeeeeb92.js";
-import "./_-52440760.js";
-const vl = { class: "fresh-booking-event-listing-information" }, bl = { key: 0 }, gl = { key: 1 }, hl = /* @__PURE__ */ ge({
+import { k as ge, B as he, b as Ie, s as Q, c as fe, r as Ze, f as je, o as a, m as y, a0 as He, w as k, x as l, p as r, H as V, F as n, z as e, a1 as Qe, a2 as ie, l as i, a3 as re, n as d, a4 as Ye, J as U, a5 as Je, _ as ke, Z as Ke, Y as We, G as F, $ as C, a6 as R, 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-Throo8e2.js";
+import { B as sl, M as il, R as rl, T as ul, V as dl } from "./ThankYou-0uAYL16f.js";
+import { u as Y } from "./event-Jiun7WTg.js";
+import { A as ml } from "./ActionField-1TedZ-ol.js";
+import { P as cl, C as ve, a as pl } from "./CheckoutWindow-GzqBHFb5.js";
+import { _ as vl } from "./DateField.vue_vue_type_style_index_0_lang-N7m8Y11B.js";
+import "./_commonjsHelpers-2ufMB8rV.js";
+import "./_-K1FuFdRs.js";
+const bl = { class: "fresh-booking-event-listing-information" }, gl = { key: 0 }, hl = { key: 1 }, fl = /* @__PURE__ */ ge({
   __name: "Event",
   props: {
     name: {},
@@ -29,110 +28,110 @@ const vl = { class: "fresh-booking-event-listing-information" }, bl = { key: 0 }
     trackingEnabled: { type: Boolean },
     callback: {}
   },
-  setup(L) {
-    const { t: a } = he(), v = L, { display: E } = Qe(), { currency: I } = z(ke()), {
-      maxNumberOfPeople: C,
-      numberOfPeople: J,
-      eventId: U,
+  setup(B) {
+    const { t } = he(), m = B, { display: P } = Ie(), { currency: N } = Q(fe()), {
+      maxNumberOfPeople: T,
+      numberOfPeople: _,
+      eventId: g,
       tableGroupId: A
-    } = z(H()), {
-      getTemplateAvailability: R,
-      getEventAvailability: N,
-      isEventListingLoading: O
-    } = H(), P = We(0), Q = Ye(() => O(v.listingId)), K = () => {
-      P.value > 0 ? (U.value = v.listingId, J.value = P.value, R(v.callback)) : E({
+    } = Q(Y()), {
+      getTemplateAvailability: u,
+      getEventAvailability: c,
+      isEventListingLoading: p
+    } = Y(), D = Ze(0), I = je(() => p(m.listingId)), J = () => {
+      D.value > 0 ? (g.value = m.listingId, _.value = D.value, u(m.callback)) : P({
         type: "error",
-        message: a("alert.error.selectPeople")
+        message: t("alert.error.selectPeople")
       });
-    }, k = () => {
-      P.value > 0 ? (U.value = v.listingId, A.value = v.tableGroupId, J.value = P.value, N(v.callback)) : E({
+    }, $ = () => {
+      D.value > 0 ? (g.value = m.listingId, A.value = m.tableGroupId, _.value = D.value, c(m.callback)) : P({
         type: "error",
-        message: a("alert.error.selectPeople")
+        message: t("alert.error.selectPeople")
       });
     };
-    return (s, f) => (t(), b(ol, {
+    return (s, E) => (a(), y(sl, {
       "listing-id": s.listingId,
       gallery: s.gallery,
       name: s.name,
       description: s.description,
-      layout: e(Ke).Event
-    }, ze({
-      action: g(() => [
-        r(dl, {
-          modelValue: P.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (B) => P.value = B),
+      layout: e(Je).Event
+    }, He({
+      action: k(() => [
+        r(ml, {
+          modelValue: D.value,
+          "onUpdate:modelValue": E[0] || (E[0] = (S) => D.value = S),
           type: "number",
-          label: e(a)("event.numberOfGuests"),
-          buttonLabel: s.soldOut ? e(a)("event.soldOut") : e(a)("event.bookNowButton"),
+          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(C),
-          "is-loading": Q.value,
-          "onUpdate:isLoading": f[1] || (f[1] = (B) => Q.value = B),
-          onAction: f[2] || (f[2] = (B) => s.type === "event" ? k() : K())
+          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e(T),
+          "is-loading": I.value,
+          "onUpdate:isLoading": E[1] || (E[1] = (S) => I.value = S),
+          onAction: E[2] || (E[2] = (S) => s.type === "event" ? $() : J())
         }, null, 8, ["modelValue", "label", "buttonLabel", "buttonDisabled", "min-value", "max-value", "is-loading"])
       ]),
       _: 2
     }, [
       s.type === "event" ? {
         name: "description",
-        fn: g(() => [
-          l("ul", vl, [
+        fn: k(() => [
+          l("ul", bl, [
             l("li", null, [
-              r(h, {
+              r(V, {
                 icon: "calendar-range",
                 color: "header"
               }),
-              l("span", null, n(e(He)(s.days)), 1)
+              l("span", null, n(e(Qe)(s.days)), 1)
             ]),
-            e(ie)(s.fromDate, s.toDate) < 180 ? (t(), i("li", bl, [
-              r(h, {
+            e(ie)(s.fromDate, s.toDate) < 180 ? (a(), i("li", gl, [
+              r(V, {
                 icon: "calendar-days",
                 color: "header"
               }),
               l("span", null, n(e(re)(s.fromDate, s.toDate)), 1)
-            ])) : u("", !0),
+            ])) : d("", !0),
             l("li", null, [
-              r(h, {
+              r(V, {
                 icon: "calendar-clock",
                 color: "header"
               }),
-              l("span", null, n(e(Je)(s.timeFrom, s.timeTo)), 1)
+              l("span", null, n(e(Ye)(s.timeFrom, s.timeTo)), 1)
             ]),
-            s.maxOnlineReservationLimit ? (t(), i("li", gl, [
-              r(h, {
+            s.maxOnlineReservationLimit ? (a(), i("li", hl, [
+              r(V, {
                 icon: "user-alt",
                 color: "header"
               }),
-              l("span", null, n(`1 - ${s.maxOnlineReservationLimit} ${e(a)("general.people")}`), 1)
-            ])) : u("", !0)
+              l("span", null, n(`1 - ${s.maxOnlineReservationLimit} ${e(t)("general.people")}`), 1)
+            ])) : d("", !0)
           ])
         ]),
         key: "0"
       } : {
         name: "description",
-        fn: g(() => [
+        fn: k(() => [
           l("ul", { class: "fresh-booking-event-listing-information" }, [
-            e(ie)(s.fromDate, s.toDate) < 180 ? (t(), i("li", { key: 0 }, [
-              r(h, {
+            e(ie)(s.fromDate, s.toDate) < 180 ? (a(), i("li", { key: 0 }, [
+              r(V, {
                 icon: "calendar-days",
                 color: "header"
               }),
               l("span", null, n(e(re)(s.fromDate, s.toDate, !0)), 1)
-            ])) : u("", !0),
+            ])) : d("", !0),
             l("li", null, [
-              r(h, {
+              r(V, {
                 icon: "user-alt",
                 color: "header"
               }),
-              l("span", null, n(`${s.minimumPersonCount} - ${e(C)} ${e(a)("general.people")}`), 1)
+              l("span", null, n(`${s.minimumPersonCount} - ${e(T)} ${e(t)("general.people")}`), 1)
             ]),
             l("li", null, [
-              r(h, {
+              r(V, {
                 icon: "money-bill",
                 color: "header"
               }),
-              l("span", null, n(`${e(a)("general.pricesFrom")} ${e($)(s.fromPrice, e(I))}`), 1)
+              l("span", null, n(`${e(t)("general.pricesFrom")} ${e(U)(s.fromPrice, e(N))}`), 1)
             ])
           ])
         ]),
@@ -140,39 +139,38 @@ const vl = { class: "fresh-booking-event-listing-information" }, bl = { key: 0 }
       }
     ]), 1032, ["listing-id", "gallery", "name", "description", "layout"]));
   }
-});
-const be = /* @__PURE__ */ fe(hl, [["__scopeId", "data-v-013d2269"]]), F = (L) => (Ge("data-v-b2eee97d"), L = L(), el(), L), kl = { class: "fresh-booking-panel" }, fl = {
+}), be = /* @__PURE__ */ ke(fl, [["__scopeId", "data-v-013d2269"]]), M = (B) => (el("data-v-c609785a"), B = B(), ll(), B), kl = { class: "fresh-booking-panel" }, yl = {
   key: 0,
   id: "fresh-booking-event-overview"
-}, yl = { class: "fresh-booking-event-listings" }, _l = { class: "fresh-booking-event-listings" }, Vl = {
+}, _l = { class: "fresh-booking-event-listings" }, Vl = { class: "fresh-booking-event-listings" }, Pl = {
   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" }, Cl = { key: 3 }, Ul = { class: "fresh-booking-label required" }, Bl = { id: "fresh-booking-event-table" }, Fl = { key: 4 }, Al = { class: "fresh-booking-label required" }, Rl = { class: "fresh-booking-table" }, Nl = /* @__PURE__ */ F(() => /* @__PURE__ */ l("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Sl = { class: "fresh-booking-event-addons-price" }, 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" }, Ql = { class: "fresh-booking-event-addons-price" }, Wl = { key: 0 }, Yl = { key: 1 }, zl = { key: 2 }, Hl = { key: 3 }, Jl = { key: 4 }, Kl = { key: 5 }, Xl = { key: 6 }, Zl = /* @__PURE__ */ ge({
+}, Tl = { class: "fresh-booking-table" }, $l = /* @__PURE__ */ M(() => /* @__PURE__ */ l("th", { class: "fresh-booking-event-addons-input" }, null, -1)), El = { class: "fresh-booking-event-addons-price" }, wl = /* @__PURE__ */ M(() => /* @__PURE__ */ l("br", null, null, -1)), Ol = { class: "fresh-booking-event-addons-input" }, Cl = { class: "fresh-booking-event-addons-price" }, Al = /* @__PURE__ */ M(() => /* @__PURE__ */ l("td", { colspan: "2" }, null, -1)), Dl = { class: "fresh-booking-event-addons-price" }, Ll = { key: 3 }, Ul = { class: "fresh-booking-label required" }, Bl = { id: "fresh-booking-event-table" }, Fl = { key: 4 }, Rl = { class: "fresh-booking-label required" }, Nl = { class: "fresh-booking-table" }, Sl = /* @__PURE__ */ M(() => /* @__PURE__ */ l("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Ml = { class: "fresh-booking-event-addons-price" }, ql = /* @__PURE__ */ M(() => /* @__PURE__ */ l("br", null, null, -1)), zl = /* @__PURE__ */ M(() => /* @__PURE__ */ l("br", null, null, -1)), Il = { class: "fresh-booking-event-addons-input" }, Zl = { class: "fresh-booking-event-addons-price" }, jl = { key: 0 }, Hl = { key: 1 }, Ql = { key: 2 }, Yl = { key: 3 }, Jl = { key: 4 }, Kl = { key: 5 }, Wl = { key: 6 }, Xl = /* @__PURE__ */ ge({
   name: "EventLayout",
   __name: "Event",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(L) {
-    const { t: a } = he(), {
-      searchDate: v,
-      addons: E,
-      products: I,
-      numberOfDays: C,
-      discountCode: J,
-      name: U,
+  setup(B) {
+    const { t } = he(), {
+      searchDate: m,
+      addons: P,
+      products: N,
+      numberOfDays: T,
+      discountCode: _,
+      name: g,
       phone: A,
-      email: R,
-      remark: N,
-      arrivalTime: O,
-      title: P,
-      subtitle: Q,
-      slideshow: K,
-      currency: k,
+      email: u,
+      remark: c,
+      arrivalTime: p,
+      title: D,
+      subtitle: I,
+      slideshow: J,
+      currency: $,
       numberOfPeople: s,
-      numberOfTotalDays: f,
-      numberOfRooms: B,
+      numberOfTotalDays: E,
+      numberOfRooms: S,
       basePrice: ye,
       totalPrice: _e,
       isPaymentLoading: Ve,
@@ -180,381 +178,406 @@ const be = /* @__PURE__ */ fe(hl, [["__scopeId", "data-v-013d2269"]]), F = (L) =
       hasTemplates: Te,
       getEvents: $e,
       getTemplates: Ee,
-      getEventData: Oe,
-      getTemplateData: W,
-      getEventTableData: we,
-      length: ee,
-      roomUpgrade: De,
-      weekendFee: Le,
-      fromDate: le,
-      hasProducts: Ce,
-      eventRateType: ne,
-      isMetaDataAvailable: Ue,
-      areListingsAvailable: Be,
-      isReservationFormFilled: Fe,
-      isAvailabilityDataAvailable: Ae,
+      getEventData: we,
+      getTemplateData: Z,
+      getEventTableData: Oe,
+      length: le,
+      roomUpgrade: Ce,
+      weekendFee: Ae,
+      fromDate: ne,
+      hasProducts: De,
+      eventRateType: te,
+      isMetaDataAvailable: Le,
+      areListingsAvailable: Ue,
+      isReservationFormFilled: Be,
+      isAvailabilityDataAvailable: Fe,
       // getEventImages,
-      isTemplateEvent: T,
-      tableBasePrice: te
-    } = z(H()), {
+      isTemplateEvent: L,
+      tableBasePrice: ae
+    } = Q(Y()), {
       initialize: Re,
-      validateDiscountCode: Gl,
+      validateDiscountCode: en,
       fetchListings: Ne,
       createBooking: Se,
-      localAddonPrice: ae,
-      totalAddonPrice: oe,
-      reset: qe
-    } = H(), {
-      hideEvents: Me,
-      hideEventTemplates: Ie
-    } = z(ke());
-    return Xe(() => Re()), Ze(v, () => Ne()), (se, d) => (t(), b(xe, {
-      id: "fresh-booking-event-module",
-      class: "fresh-booking-app",
-      type: "event",
-      "access-token": se.accessToken,
-      styling: se.styling
-    }, {
-      default: g(() => [
-        e(Ue) ? (t(), b(sl, {
-          key: 0,
-          slideshow: e(K),
-          title: e(P),
-          subtitle: e(Q)
+      localAddonPrice: oe,
+      totalAddonPrice: se,
+      reset: Me
+    } = Y(), {
+      hideEvents: qe,
+      hideEventTemplates: ze
+    } = Q(fe());
+    return Ke(() => Re()), We(m, () => Ne()), (K, v) => (a(), y(xe, { styling: K.styling }, {
+      default: k(() => [
+        r(Ge, {
+          id: "fresh-booking-event-module",
+          class: "fresh-booking-app",
+          type: "event",
+          "access-token": K.accessToken,
+          styling: K.styling
         }, {
-          availability: g(({ next: Y }) => [
-            l("div", kl, [
-              r(pl, {
-                modelValue: e(v),
-                "onUpdate:modelValue": d[0] || (d[0] = (y) => w(v) ? v.value = y : null),
-                label: e(a)("event.selectDate"),
-                "min-date": /* @__PURE__ */ new Date()
-              }, null, 8, ["modelValue", "label", "min-date"])
-            ]),
-            e(Be) ? (t(), i("div", fl, [
-              e(Pe) && !e(Me) ? (t(), i(V, { key: 0 }, [
-                l("h2", null, [
-                  r(h, {
-                    icon: "clock-seven",
-                    type: "fal",
-                    color: "header"
-                  }),
-                  l("span", null, n(e(a)("event.eventsTitle")), 1)
-                ]),
-                l("ul", yl, [
-                  (t(!0), i(V, null, D(e($e), ({
-                    id: y,
-                    days: o,
-                    name: c,
-                    timeFrom: _,
-                    timeTo: m,
-                    fromDate: p,
-                    toDate: S,
-                    tableGroupID: X,
-                    description: Z,
-                    soldOut: j,
-                    maxOnlineReservationLimit: q
-                  }) => (t(), b(be, {
-                    key: y,
-                    type: "event",
-                    "listing-id": y,
-                    "table-group-id": X,
-                    description: Z,
-                    name: c,
-                    days: o,
-                    "from-date": p,
-                    "to-date": S,
-                    "max-online-reservation-limit": q,
-                    "time-from": _,
-                    "time-to": m,
-                    "sold-out": j,
-                    callback: Y
-                  }, null, 8, ["listing-id", "table-group-id", "description", "name", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "callback"]))), 128))
-                ])
-              ], 64)) : u("", !0),
-              e(Te) && !e(Ie) ? (t(), i(V, { key: 1 }, [
-                l("h2", null, [
-                  r(h, {
-                    icon: "stars",
-                    type: "fal",
-                    color: "header"
-                  }),
-                  l("span", null, n(e(a)("event.stayTitle")), 1)
-                ]),
-                l("ul", _l, [
-                  (t(!0), i(V, null, D(e(Ee), ({
-                    id: y,
-                    name: o,
-                    fromDate: c,
-                    toDate: _,
-                    minimumPersonCount: m,
-                    fromPrice: p,
-                    description: S
-                  }) => (t(), b(be, {
-                    key: y,
-                    type: "template",
-                    "listing-id": y,
-                    name: o,
-                    description: S,
-                    "from-date": c,
-                    "to-date": _,
-                    "minimum-person-count": m,
-                    fromPrice: p,
-                    callback: Y
-                  }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
-                ])
-              ], 64)) : u("", !0)
-            ])) : (t(), b(ue, { key: 1 }))
-          ]),
-          reservation: g(({ next: Y, prev: y }) => [
-            e(Ae) ? (t(), b(il, {
+          default: k(() => [
+            e(Le) ? (a(), y(il, {
               key: 0,
-              remark: e(N),
-              "onUpdate:remark": d[8] || (d[8] = (o) => w(N) ? N.value = o : null),
-              "is-filled": e(Fe),
-              "is-loading": e(Ve),
-              "base-price": e(ye),
-              "total-price": e(_e),
-              "weekend-fee": e(Le),
-              "room-upgrade": e(De),
-              onPrev: (o) => e(qe)(y),
-              onNext: (o) => e(Se)(Y)
+              slideshow: e(J),
+              title: e(D),
+              subtitle: e(I)
             }, {
-              form: g(() => [
-                e(ne) === e(de).FullDayEvent ? (t(), b(G, {
-                  key: 0,
-                  modelValue: e(C),
-                  "onUpdate:modelValue": d[1] || (d[1] = (o) => w(C) ? C.value = o : null),
-                  label: e(a)("event.numberOfDays"),
-                  "min-value": 1,
-                  required: ""
-                }, null, 8, ["modelValue", "label"])) : u("", !0),
-                r(me, {
-                  modelValue: e(U),
-                  "onUpdate:modelValue": d[2] || (d[2] = (o) => w(U) ? U.value = o : null),
-                  type: "text",
-                  label: e(a)("booking.reservation.name"),
-                  icon: "user-alt",
-                  placeholder: e(a)("booking.reservation.namePlaceholder"),
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                r(me, {
-                  modelValue: e(R),
-                  "onUpdate:modelValue": d[3] || (d[3] = (o) => w(R) ? R.value = o : null),
-                  label: e(a)("booking.reservation.email"),
-                  type: "email",
-                  name: "email",
-                  autocomplete: "email",
-                  icon: "at",
-                  placeholder: e(a)("booking.reservation.emailPlaceholder"),
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                r(ml, {
-                  modelValue: e(A),
-                  "onUpdate:modelValue": d[4] || (d[4] = (o) => w(A) ? A.value = o : null),
-                  label: e(a)("booking.reservation.phone"),
-                  icon: "phone-office",
-                  placeholder: e(a)("booking.reservation.phonePlaceholder"),
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder"]),
-                u("", !0),
-                e(W) && e(W).length > 0 ? (t(), i("ul", Vl, [
-                  (t(!0), i(V, null, D(e(W), ({
-                    roomGroupID: o,
-                    addons: c,
-                    adultPerRoom: _
-                  }, m) => (t(), i("li", { key: o }, [
-                    l("h5", null, [
-                      l("span", null, n(e(a)("booking.reservation.room")) + " #" + n(m + 1), 1),
-                      ce(" ("),
-                      r(h, {
-                        icon: "male",
-                        type: "fas",
+              availability: k(({ next: j }) => [
+                l("div", kl, [
+                  r(vl, {
+                    modelValue: e(m),
+                    "onUpdate:modelValue": v[0] || (v[0] = (w) => F(m) ? m.value = w : null),
+                    label: e(t)("event.selectDate"),
+                    "min-date": /* @__PURE__ */ new Date()
+                  }, null, 8, ["modelValue", "label", "min-date"])
+                ]),
+                e(Ue) ? (a(), i("div", yl, [
+                  e(Pe) && !e(qe) ? (a(), i(C, { key: 0 }, [
+                    l("h2", null, [
+                      r(V, {
+                        icon: "clock-seven",
+                        type: "fal",
                         color: "header"
                       }),
-                      ce(" " + n(_) + ") ", 1)
+                      l("span", null, n(e(t)("event.eventsTitle")), 1)
                     ]),
-                    l("table", Pl, [
-                      l("thead", null, [
-                        l("tr", null, [
-                          l("th", null, [
-                            l("span", null, n(e(a)("booking.reservation.addons")), 1)
+                    l("ul", _l, [
+                      (a(!0), i(C, null, R(e($e), ({
+                        id: w,
+                        days: o,
+                        name: h,
+                        timeFrom: O,
+                        timeTo: b,
+                        fromDate: f,
+                        toDate: q,
+                        tableGroupID: W,
+                        description: X,
+                        soldOut: G,
+                        maxOnlineReservationLimit: z
+                      }) => (a(), y(be, {
+                        key: w,
+                        type: "event",
+                        "listing-id": w,
+                        "table-group-id": W,
+                        description: X,
+                        name: h,
+                        days: o,
+                        "from-date": f,
+                        "to-date": q,
+                        "max-online-reservation-limit": z,
+                        "time-from": O,
+                        "time-to": b,
+                        "sold-out": G,
+                        callback: j
+                      }, 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)) : d("", !0),
+                  e(Te) && !e(ze) ? (a(), i(C, { key: 1 }, [
+                    l("h2", null, [
+                      r(V, {
+                        icon: "stars",
+                        type: "fal",
+                        color: "header"
+                      }),
+                      l("span", null, n(e(t)("event.stayTitle")), 1)
+                    ]),
+                    l("ul", Vl, [
+                      (a(!0), i(C, null, R(e(Ee), ({
+                        id: w,
+                        name: o,
+                        fromDate: h,
+                        toDate: O,
+                        minimumPersonCount: b,
+                        fromPrice: f,
+                        description: q
+                      }) => (a(), y(be, {
+                        key: w,
+                        type: "template",
+                        "listing-id": w,
+                        name: o,
+                        description: q,
+                        "from-date": h,
+                        "to-date": O,
+                        "minimum-person-count": b,
+                        fromPrice: f,
+                        callback: j
+                      }, null, 8, ["listing-id", "name", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "callback"]))), 128))
+                    ])
+                  ], 64)) : d("", !0)
+                ])) : (a(), y(ue, { key: 1 }))
+              ]),
+              reservation: k(({ next: j, prev: w }) => [
+                e(Fe) ? (a(), y(rl, {
+                  key: 0,
+                  remark: e(c),
+                  "onUpdate:remark": v[8] || (v[8] = (o) => F(c) ? c.value = o : null),
+                  "is-filled": e(Be),
+                  "is-loading": e(Ve),
+                  "base-price": e(ye),
+                  "total-price": e(_e),
+                  "weekend-fee": e(Ae),
+                  "room-upgrade": e(Ce),
+                  onPrev: (o) => e(Me)(w),
+                  onNext: (o) => e(Se)(j)
+                }, {
+                  form: k(() => [
+                    e(te) === e(de).FullDayEvent ? (a(), y(x, {
+                      key: 0,
+                      modelValue: e(T),
+                      "onUpdate:modelValue": v[1] || (v[1] = (o) => F(T) ? T.value = o : null),
+                      label: e(t)("event.numberOfDays"),
+                      "min-value": 1,
+                      required: ""
+                    }, null, 8, ["modelValue", "label"])) : d("", !0),
+                    r(me, {
+                      modelValue: e(g),
+                      "onUpdate:modelValue": v[2] || (v[2] = (o) => F(g) ? g.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(u),
+                      "onUpdate:modelValue": v[3] || (v[3] = (o) => F(u) ? u.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(A),
+                      "onUpdate:modelValue": v[4] || (v[4] = (o) => F(A) ? A.value = o : null),
+                      label: e(t)("booking.reservation.phone"),
+                      icon: "phone-office",
+                      placeholder: e(t)("booking.reservation.phonePlaceholder"),
+                      required: ""
+                    }, null, 8, ["modelValue", "label", "placeholder"]),
+                    d("", !0),
+                    e(Z) && e(Z).length > 0 ? (a(), i("ul", Pl, [
+                      (a(!0), i(C, null, R(e(Z), ({
+                        roomGroupID: o,
+                        addons: h,
+                        adultPerRoom: O
+                      }, b) => (a(), i("li", { key: o }, [
+                        l("h5", null, [
+                          l("span", null, n(e(t)("booking.reservation.room")) + " #" + n(b + 1), 1),
+                          ce(" ("),
+                          r(V, {
+                            icon: "male",
+                            type: "fas",
+                            color: "header"
+                          }),
+                          ce(" " + n(O) + ") ", 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)
+                              ])
+                            ])
+                          ]),
+                          l("tbody", null, [
+                            (a(!0), i(C, null, R(h, ({
+                              addonID: f,
+                              cardinality: q,
+                              name: W,
+                              price: X,
+                              quantityStrategy: G
+                            }) => (a(), i("tr", { key: f }, [
+                              l("td", null, [
+                                l("b", null, n(W), 1),
+                                wl,
+                                l("span", null, n(e(U)(X, e($))) + " " + n(e(Xe)(G)), 1)
+                              ]),
+                              l("td", Ol, [
+                                q === 3 ? (a(), y(x, {
+                                  key: 0,
+                                  modelValue: e(P)[`${o}.${f}.${b}`],
+                                  "onUpdate:modelValue": (z) => e(P)[`${o}.${f}.${b}`] = z,
+                                  small: !0,
+                                  "min-value": 0
+                                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), y(ve, {
+                                  key: 1,
+                                  modelValue: e(P)[`${o}.${f}.${b}`],
+                                  "onUpdate:modelValue": (z) => e(P)[`${o}.${f}.${b}`] = z,
+                                  numeric: !0
+                                }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                              ]),
+                              l("td", Cl, [
+                                l("span", null, n(e(U)(e(oe)(f, o, b), e($))), 1)
+                              ])
+                            ]))), 128))
                           ]),
-                          Tl,
-                          l("th", $l, [
-                            l("span", null, n(e(a)("booking.availability.price")), 1)
+                          l("tfoot", null, [
+                            l("tr", null, [
+                              Al,
+                              l("td", Dl, [
+                                l("u", null, [
+                                  l("span", null, n(e(U)(e(se)(o, b), e($))), 1)
+                                ])
+                              ])
+                            ])
                           ])
                         ])
+                      ]))), 128))
+                    ])) : d("", !0),
+                    e(te) !== e(de).FullDayEvent && !e(L) ? (a(), i("div", Ll, [
+                      l("label", Ul, [
+                        l("span", null, n(e(t)("event.selectArrivalTime")), 1)
                       ]),
-                      l("tbody", null, [
-                        (t(!0), i(V, null, D(c, ({
-                          addonID: p,
-                          cardinality: S,
-                          name: X,
-                          price: Z,
-                          quantityStrategy: j
-                        }) => (t(), i("tr", { key: p }, [
-                          l("td", null, [
-                            l("b", null, n(X), 1),
-                            El,
-                            l("span", null, n(e($)(Z, e(k))) + " " + n(e(je)(j)), 1)
-                          ]),
-                          l("td", Ol, [
-                            S === 3 ? (t(), b(G, {
-                              key: 0,
-                              modelValue: e(E)[`${o}.${p}.${m}`],
-                              "onUpdate:modelValue": (q) => e(E)[`${o}.${p}.${m}`] = q,
-                              small: !0,
-                              "min-value": 0
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (t(), b(ve, {
-                              key: 1,
-                              modelValue: e(E)[`${o}.${p}.${m}`],
-                              "onUpdate:modelValue": (q) => e(E)[`${o}.${p}.${m}`] = q,
-                              numeric: !0
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"]))
-                          ]),
-                          l("td", wl, [
-                            l("span", null, n(e($)(e(ae)(p, o, m), e(k))), 1)
-                          ])
+                      l("ul", Bl, [
+                        (a(!0), i(C, null, R(e(Oe), (o, h) => (a(), i("li", { key: h }, [
+                          r(ve, {
+                            modelValue: e(p),
+                            "onUpdate:modelValue": v[7] || (v[7] = (O) => F(p) ? p.value = O : null),
+                            type: "radio",
+                            name: "eventTimeTable",
+                            val: o.time,
+                            label: e(ee)(o.time)
+                          }, null, 8, ["modelValue", "val", "label"])
                         ]))), 128))
+                      ])
+                    ])) : d("", !0),
+                    e(De) ? (a(), i("div", Fl, [
+                      l("label", Rl, [
+                        l("span", null, n(e(t)("event.selectProducts")), 1)
                       ]),
-                      l("tfoot", null, [
-                        l("tr", null, [
-                          Dl,
-                          l("td", Ll, [
-                            l("u", null, [
-                              l("span", null, n(e($)(e(oe)(o, m), e(k))), 1)
+                      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(C, null, R(e(we).products, ({ productID: o, productName: h, price: O, description: b }) => (a(), i("tr", { key: o }, [
+                            l("td", null, [
+                              l("b", null, [
+                                l("span", null, n(h), 1)
+                              ]),
+                              ql,
+                              l("span", null, n(b), 1),
+                              zl,
+                              l("span", null, n(e(U)(O, e($))), 1)
+                            ]),
+                            l("td", Il, [
+                              r(x, {
+                                modelValue: e(N)[o],
+                                "onUpdate:modelValue": (f) => e(N)[o] = f,
+                                small: !0,
+                                "min-value": 0
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            l("td", Zl, [
+                              l("span", null, n(e(U)(e(oe)(o), e($))), 1)
+                            ])
+                          ]))), 128))
                         ])
                       ])
-                    ])
-                  ]))), 128))
-                ])) : u("", !0),
-                e(ne) !== e(de).FullDayEvent && !e(T) ? (t(), i("div", Cl, [
-                  l("label", Ul, [
-                    l("span", null, n(e(a)("event.selectArrivalTime")), 1)
+                    ])) : d("", !0)
+                  ]),
+                  resume: k(() => [
+                    l("li", null, [
+                      l("span", null, n(e(t)("event.numberOfGuests")), 1),
+                      l("b", null, n(e(s)), 1)
+                    ]),
+                    e(L) ? (a(), i("li", jl, [
+                      l("span", null, n(e(t)("event.numberOfRooms")), 1),
+                      l("b", null, n(e(S)), 1)
+                    ])) : d("", !0),
+                    e(L) ? (a(), i("li", Hl, [
+                      l("span", null, n(e(t)("event.numberOfDays")), 1),
+                      l("b", null, n(e(E)), 1)
+                    ])) : d("", !0),
+                    e(L) ? (a(), i("li", Ql, [
+                      l("span", null, n(e(t)("booking.reservation.arrival")), 1),
+                      l("b", null, n(e(pe)(e(ne))), 1)
+                    ])) : d("", !0),
+                    e(L) ? (a(), i("li", Yl, [
+                      l("span", null, n(e(t)("booking.reservation.departure")), 1),
+                      l("b", null, n(e(pe)(e(ne), e(E))), 1)
+                    ])) : d("", !0),
+                    !e(L) && e(p) ? (a(), i("li", Jl, [
+                      l("span", null, n(e(t)("event.startOfEvent")), 1),
+                      l("b", null, n(e(ee)(e(p))), 1)
+                    ])) : d("", !0),
+                    !e(L) && e(le) ? (a(), i("li", Kl, [
+                      l("span", null, n(e(t)("event.lengthOfEvent")), 1),
+                      l("b", null, n(e(ee)(e(le))), 1)
+                    ])) : d("", !0),
+                    !e(L) && e(ae) > 0 ? (a(), i("li", Wl, [
+                      l("span", null, n(e(t)("booking.availability.basePrice")), 1),
+                      l("b", null, n(e(U)(e(ae), e($))), 1)
+                    ])) : d("", !0)
                   ]),
-                  l("ul", Bl, [
-                    (t(!0), i(V, null, D(e(we), (o, c) => (t(), i("li", { key: c }, [
-                      r(ve, {
-                        modelValue: e(O),
-                        "onUpdate:modelValue": d[7] || (d[7] = (_) => w(O) ? O.value = _ : null),
-                        type: "radio",
-                        name: "eventTimeTable",
-                        val: o.time,
-                        label: e(x)(o.time)
-                      }, null, 8, ["modelValue", "val", "label"])
+                  expenses: k(() => [
+                    (a(!0), i(C, null, R(e(Z), ({ roomGroupID: o }, h) => (a(), i("li", { key: o }, [
+                      l("span", null, n(e(t)("booking.reservation.addons")) + " - " + n(e(t)("booking.reservation.room")) + " #" + n(h + 1), 1),
+                      l("b", null, n(e(U)(e(se)(o, h), e($))), 1)
                     ]))), 128))
-                  ])
-                ])) : u("", !0),
-                e(Ce) ? (t(), i("div", Fl, [
-                  l("label", Al, [
-                    l("span", null, n(e(a)("event.selectProducts")), 1)
                   ]),
-                  l("table", Rl, [
-                    l("thead", null, [
-                      l("tr", null, [
-                        l("th", null, [
-                          l("span", null, n(e(a)("booking.reservation.addons")), 1)
-                        ]),
-                        Nl,
-                        l("th", Sl, [
-                          l("span", null, n(e(a)("booking.availability.price")), 1)
-                        ])
-                      ])
-                    ]),
-                    l("tbody", null, [
-                      (t(!0), i(V, null, D(e(Oe).products, ({ productID: o, productName: c, price: _, description: m }) => (t(), i("tr", { key: o }, [
-                        l("td", null, [
-                          l("b", null, [
-                            l("span", null, n(c), 1)
-                          ]),
-                          ql,
-                          l("span", null, n(m), 1),
-                          Ml,
-                          l("span", null, n(e($)(_, e(k))), 1)
-                        ]),
-                        l("td", Il, [
-                          r(G, {
-                            modelValue: e(I)[o],
-                            "onUpdate:modelValue": (p) => e(I)[o] = p,
-                            small: !0,
-                            "min-value": 0
-                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                        ]),
-                        l("td", Ql, [
-                          l("span", null, n(e($)(e(ae)(o), e(k))), 1)
-                        ])
-                      ]))), 128))
-                    ])
-                  ])
-                ])) : u("", !0)
+                  _: 2
+                }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "onPrev", "onNext"])) : d("", !0)
               ]),
-              resume: g(() => [
-                l("li", null, [
-                  l("span", null, n(e(a)("event.numberOfGuests")), 1),
-                  l("b", null, n(e(s)), 1)
-                ]),
-                e(T) ? (t(), i("li", Wl, [
-                  l("span", null, n(e(a)("event.numberOfRooms")), 1),
-                  l("b", null, n(e(B)), 1)
-                ])) : u("", !0),
-                e(T) ? (t(), i("li", Yl, [
-                  l("span", null, n(e(a)("event.numberOfDays")), 1),
-                  l("b", null, n(e(f)), 1)
-                ])) : u("", !0),
-                e(T) ? (t(), i("li", zl, [
-                  l("span", null, n(e(a)("booking.reservation.arrival")), 1),
-                  l("b", null, n(e(pe)(e(le))), 1)
-                ])) : u("", !0),
-                e(T) ? (t(), i("li", Hl, [
-                  l("span", null, n(e(a)("booking.reservation.departure")), 1),
-                  l("b", null, n(e(pe)(e(le), e(f))), 1)
-                ])) : u("", !0),
-                !e(T) && e(O) ? (t(), i("li", Jl, [
-                  l("span", null, n(e(a)("event.startOfEvent")), 1),
-                  l("b", null, n(e(x)(e(O))), 1)
-                ])) : u("", !0),
-                !e(T) && e(ee) ? (t(), i("li", Kl, [
-                  l("span", null, n(e(a)("event.lengthOfEvent")), 1),
-                  l("b", null, n(e(x)(e(ee))), 1)
-                ])) : u("", !0),
-                !e(T) && e(te) > 0 ? (t(), i("li", Xl, [
-                  l("span", null, n(e(a)("booking.availability.basePrice")), 1),
-                  l("b", null, n(e($)(e(te), e(k))), 1)
-                ])) : u("", !0)
+              payment: k(() => [
+                r(pl)
               ]),
-              expenses: g(() => [
-                (t(!0), i(V, null, D(e(W), ({ roomGroupID: o }, c) => (t(), i("li", { key: o }, [
-                  l("span", null, n(e(a)("booking.reservation.addons")) + " - " + n(e(a)("booking.reservation.room")) + " #" + n(c + 1), 1),
-                  l("b", null, n(e($)(e(oe)(o, c), e(k))), 1)
-                ]))), 128))
+              confirmation: k(() => [
+                r(ul, {
+                  message: e(t)("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: g(() => [
-            r(cl)
-          ]),
-          confirmation: g(() => [
-            r(rl, {
-              message: e(a)("event.confirmationMessage")
-            }, null, 8, ["message"])
+              _: 1
+            }, 8, ["slideshow", "title", "subtitle"])) : (a(), y(ue, { key: 1 }))
           ]),
           _: 1
-        }, 8, ["slideshow", "title", "subtitle"])) : (t(), b(ue, { key: 1 }))
+        }, 8, ["access-token", "styling"])
       ]),
       _: 1
-    }, 8, ["access-token", "styling"]));
+    }, 8, ["styling"]));
+  }
+}), H = /* @__PURE__ */ ke(Xl, [["__scopeId", "data-v-c609785a"]]), Gl = nl();
+class xl extends HTMLElement {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    const t = typeof H == "function" ? H.options : H;
+    let m = Array.isArray(t.props) ? t.props : Object.keys(t.props || {});
+    const P = (u) => u.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (c, p) => (p ? "-" : "") + c.toLowerCase()), N = (u) => u.replace(/-./g, (c) => c[1].toUpperCase()), T = {};
+    m = m.map(P);
+    const _ = {};
+    for (const u of this.attributes) {
+      const c = u.name, p = c.split(".");
+      console.log(c, p.length), p.length > 1 && (_[p[0]] || (_[p[0]] = {}), _[p[0]][N(p[1])] = u.value);
+    }
+    console.log(_), console.log(m);
+    for (const u of m) {
+      let c = this.attributes.getNamedItem(u)?.value;
+      _.hasOwnProperty(u) && (c = _[u]), console.log(c, u), T[u] = c;
+    }
+    const g = tl(H, T);
+    g.use(al), g.use(Gl), g.use(dl), g.use(ol, { bootstrap: !0 });
+    const A = document.createElement("div");
+    g.mount(A), this.appendChild(A.children[0]);
   }
-});
-const jl = /* @__PURE__ */ fe(Zl, [["__scopeId", "data-v-b2eee97d"]]), xl = ll(), M = nl({ components: { Event: jl } });
-M.use(xl);
-M.use(tl);
-M.use(ul);
-M.use(al, { bootstrap: !0 });
-M.mount("#konnectio-event-app");
+}
+window.customElements.define("konnectio-event", xl);
 export {
-  M as default
+  xl as default
 };