@konnectio/core 4.0.56-rc20 → 4.0.56-rc22

package/dist/event.js

@@ -1,582 +1,371 @@
-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, M as He, w as k, n as l, t as r, N as V, P as n, p as e, Q as Qe, R as ie, x as i, U as re, y as d, V as We, W as U, X as Ye, v as ke, H as Ge, G as Je, J as F, K as C, Y as R, Z as ue, O as de, q as x, T as me, $ as ce, a0 as Ke, a1 as ee, a2 as pe, a3 as Xe, a4 as xe, a5 as el, a6 as ll, a7 as nl, a8 as tl, a9 as al, aa as ol } from "./_-5tXWGiwV.js";
-import { B as sl, M as il, R as rl, T as ul, G as dl } from "./ThankYou-tb7LP48E.js";
-import { u as W } from "./event-36Kem6rb.js";
-import { A as ml } from "./ActionField-8hkjdoF_.js";
-import { P as cl, C as ve, a as pl } from "./CheckoutWindow-bgpWiBAd.js";
-import { _ as vl } from "./DateField.vue_vue_type_style_index_0_lang-otC5QBT_.js";
-import "./_commonjsHelpers-f3sTPFkQ.js";
-const bl = { class: "fresh-booking-event-listing-information" }, gl = { key: 0 }, hl = { key: 1 }, fl = /* @__PURE__ */ ge({
-  __name: "Event",
-  props: {
-    name: {},
-    type: {},
-    description: {},
-    fromDate: {},
-    toDate: {},
-    listingId: {},
-    tableGroupId: {},
-    days: {},
-    timeFrom: {},
-    timeTo: {},
-    maxOnlineReservationLimit: {},
-    minimumPersonCount: {},
-    fromPrice: {},
-    gallery: {},
-    soldOut: { type: Boolean, default: !1 },
-    layout: {},
-    trackingEnabled: { type: Boolean },
-    callback: {}
-  },
-  setup(B) {
-    const { t } = he(), m = B, { display: P } = Ie(), { currency: N } = Q(fe()), {
-      maxNumberOfPeople: T,
-      numberOfPeople: _,
-      eventId: g,
-      tableGroupId: D
-    } = Q(W()), {
-      getTemplateAvailability: u,
-      getEventAvailability: c,
-      isEventListingLoading: p
-    } = W(), L = Ze(0), I = je(() => p(m.listingId)), Y = () => {
-      L.value > 0 ? (g.value = m.listingId, _.value = L.value, u(m.callback)) : P({
-        type: "error",
-        message: t("alert.error.selectPeople")
-      });
-    }, $ = () => {
-      L.value > 0 ? (g.value = m.listingId, D.value = m.tableGroupId, _.value = L.value, c(m.callback)) : P({
-        type: "error",
-        message: t("alert.error.selectPeople")
-      });
-    };
-    return (s, E) => (a(), y(sl, {
-      "listing-id": s.listingId,
-      gallery: s.gallery,
-      name: s.name,
-      description: s.description,
-      layout: e(Ye).Event
-    }, He({
-      action: k(() => [
-        r(ml, {
-          modelValue: L.value,
-          "onUpdate:modelValue": E[0] || (E[0] = (S) => L.value = S),
-          type: "number",
-          label: e(t)("event.numberOfGuests"),
-          buttonLabel: s.soldOut ? e(t)("event.soldOut") : e(t)("event.bookNowButton"),
-          buttonDisabled: s.soldOut,
-          "min-value": s.type === "event" ? 1 : s.minimumPersonCount,
-          "max-value": s.type === "event" ? s.maxOnlineReservationLimit || 1 / 0 : e(T),
-          "is-loading": I.value,
-          "onUpdate:isLoading": E[1] || (E[1] = (S) => I.value = S),
-          onAction: E[2] || (E[2] = (S) => s.type === "event" ? $() : Y())
-        }, null, 8, ["modelValue", "label", "buttonLabel", "buttonDisabled", "min-value", "max-value", "is-loading"])
-      ]),
-      _: 2
-    }, [
-      s.type === "event" ? {
-        name: "description",
-        fn: k(() => [
-          l("ul", bl, [
-            l("li", null, [
-              r(V, {
-                icon: "calendar-range",
-                color: "header"
-              }),
-              l("span", null, n(e(Qe)(s.days)), 1)
-            ]),
-            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)
-            ])) : d("", !0),
-            l("li", null, [
-              r(V, {
-                icon: "calendar-clock",
-                color: "header"
-              }),
-              l("span", null, n(e(We)(s.timeFrom, s.timeTo)), 1)
-            ]),
-            s.maxOnlineReservationLimit ? (a(), i("li", hl, [
-              r(V, {
-                icon: "user-alt",
-                color: "header"
-              }),
-              l("span", null, n(`1 - ${s.maxOnlineReservationLimit} ${e(t)("general.people")}`), 1)
-            ])) : d("", !0)
-          ])
-        ]),
-        key: "0"
-      } : {
-        name: "description",
-        fn: k(() => [
-          l("ul", { class: "fresh-booking-event-listing-information" }, [
-            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)
-            ])) : d("", !0),
-            l("li", null, [
-              r(V, {
-                icon: "user-alt",
-                color: "header"
-              }),
-              l("span", null, n(`${s.minimumPersonCount} - ${e(T)} ${e(t)("general.people")}`), 1)
-            ]),
-            l("li", null, [
-              r(V, {
-                icon: "money-bill",
-                color: "header"
-              }),
-              l("span", null, n(`${e(t)("general.pricesFrom")} ${e(U)(s.fromPrice, e(N))}`), 1)
-            ])
-          ])
-        ]),
-        key: "1"
-      }
-    ]), 1032, ["listing-id", "gallery", "name", "description", "layout"]));
-  }
-}), 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"
-}, _l = { class: "fresh-booking-event-listings" }, Vl = { class: "fresh-booking-event-listings" }, Pl = {
+import { d as Ve, j as Ee, B as I, D as Te, l as Be, G as Ce, o as a, a as _, w as p, S as Pe, f as v, b as t, L as Ae, u as e, H as P, O as ee, e as S, i as r, T as te, h as s, F as N, J as w, t as n, K as ne, M as xe, N as y, P as Fe, Q as M, R as le, q as Ne, s as we, v as Oe, x as De, g as Le, y as $e, z as Ue, A as Re, U as Se } from "./_-KavQ60qi.js";
+import { M as Me, R as qe, T as ze, G as je } from "./ThankYou-EiAxaHd8.js";
+import { u as oe, E as He } from "./EventAvailabilityForm-cAOEZVnn.js";
+import "./ActionField-ZJdtBRXa.js";
+import { P as Qe, C as ae, a as Ze } from "./CheckoutWindow-orJD6dJy.js";
+const V = (A) => (Oe("data-v-693ef234"), A = A(), De(), A), Je = { class: "fresh-booking-panel" };
+const Ke = {
   key: 2,
   id: "fresh-booking-event-addons"
-}, 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" }, Dl = /* @__PURE__ */ M(() => /* @__PURE__ */ l("td", { colspan: "2" }, null, -1)), Ll = { class: "fresh-booking-event-addons-price" }, Al = { 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 }, Wl = { key: 3 }, Yl = { key: 4 }, Gl = { key: 5 }, Jl = { key: 6 }, Kl = /* @__PURE__ */ ge({
+}, We = { class: "fresh-booking-table" }, Ye = /* @__PURE__ */ V(() => /* @__PURE__ */ t("th", { class: "fresh-booking-event-addons-input" }, null, -1)), Xe = { class: "fresh-booking-event-addons-price" }, Ge = /* @__PURE__ */ V(() => /* @__PURE__ */ t("br", null, null, -1)), Ie = { class: "fresh-booking-event-addons-input" }, et = { class: "fresh-booking-event-addons-price" }, tt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("td", { colspan: "2" }, null, -1)), nt = { class: "fresh-booking-event-addons-price" }, lt = { key: 3 }, ot = { class: "fresh-booking-label required" }, at = { id: "fresh-booking-event-table" }, st = { key: 4 }, it = { class: "fresh-booking-label required" }, rt = { class: "fresh-booking-table" }, ut = /* @__PURE__ */ V(() => /* @__PURE__ */ t("th", { class: "fresh-booking-event-addons-input" }, null, -1)), dt = { class: "fresh-booking-event-addons-price" }, ct = /* @__PURE__ */ V(() => /* @__PURE__ */ t("br", null, null, -1)), mt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("br", null, null, -1)), pt = { class: "fresh-booking-event-addons-input" }, vt = { class: "fresh-booking-event-addons-price" }, ht = { key: 0 }, bt = { key: 1 }, kt = { key: 2 }, ft = { key: 3 }, gt = { key: 4 }, _t = { key: 5 }, yt = { key: 6 }, Vt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", null, "Loading", -1)), Et = /* @__PURE__ */ Ve({
   name: "EventLayout",
   __name: "Event",
   props: {
     accessToken: {},
     styling: {}
   },
-  setup(B) {
-    const { t } = he(), {
-      searchDate: m,
-      addons: P,
-      products: N,
+  setup(A) {
+    const { t: o } = Ee(), {
+      searchDate: x,
+      addons: E,
+      products: O,
       numberOfDays: T,
-      discountCode: _,
-      name: g,
-      phone: D,
-      email: u,
+      discountCode: B,
+      name: C,
+      phone: i,
+      email: d,
       remark: c,
-      arrivalTime: p,
-      title: L,
-      subtitle: I,
-      slideshow: Y,
-      currency: $,
-      numberOfPeople: s,
-      numberOfTotalDays: E,
-      numberOfRooms: S,
-      basePrice: ye,
-      totalPrice: _e,
-      isPaymentLoading: Ve,
-      hasEvents: Pe,
-      hasTemplates: Te,
-      getEvents: $e,
-      getTemplates: Ee,
-      getEventData: we,
-      getTemplateData: Z,
-      getEventTableData: Oe,
-      length: le,
-      roomUpgrade: Ce,
-      weekendFee: De,
-      fromDate: ne,
-      hasProducts: Le,
-      eventRateType: te,
-      isMetaDataAvailable: Ae,
-      areListingsAvailable: Ue,
-      isReservationFormFilled: Be,
-      isAvailabilityDataAvailable: Fe,
+      arrivalTime: F,
+      title: Ct,
+      subtitle: Pt,
+      slideshow: At,
+      currency: f,
+      numberOfPeople: se,
+      numberOfTotalDays: q,
+      numberOfRooms: ie,
+      basePrice: re,
+      totalPrice: ue,
+      isPaymentLoading: de,
+      hasEvents: xt,
+      hasTemplates: Ft,
+      getEvents: Nt,
+      getTemplates: wt,
+      getEventData: ce,
+      getTemplateData: D,
+      getEventTableData: me,
+      length: z,
+      roomUpgrade: pe,
+      weekendFee: ve,
+      fromDate: j,
+      hasProducts: he,
+      eventRateType: H,
+      isMetaDataAvailable: Ot,
+      areListingsAvailable: Dt,
+      isReservationFormFilled: be,
+      isAvailabilityDataAvailable: ke,
       // getEventImages,
-      isTemplateEvent: A,
-      tableBasePrice: ae
-    } = Q(W()), {
-      initialize: Re,
-      validateDiscountCode: en,
-      fetchListings: Ne,
-      createBooking: Se,
-      localAddonPrice: oe,
-      totalAddonPrice: se,
-      reset: Me
-    } = W(), {
-      hideEvents: qe,
-      hideEventTemplates: ze
-    } = Q(fe());
-    return Ge(() => Re()), Je(m, () => Ne()), (G, v) => (a(), y(xe, { styling: G.styling }, {
-      default: k(() => [
-        r(Xe, {
-          id: "fresh-booking-event-module",
-          class: "fresh-booking-app",
-          type: "event",
-          "access-token": G.accessToken,
-          styling: G.styling
-        }, {
-          default: k(() => [
-            e(Ae) ? (a(), y(il, {
-              key: 0,
-              slideshow: e(Y),
-              title: e(L),
-              subtitle: e(I)
+      isTemplateEvent: k,
+      tableBasePrice: Q
+    } = I(oe()), {
+      initialize: fe,
+      validateDiscountCode: Lt,
+      fetchListings: ge,
+      createBooking: _e,
+      localAddonPrice: Z,
+      totalAddonPrice: J,
+      reset: ye
+    } = oe(), {
+      hideEvents: $t,
+      hideEventTemplates: Ut
+    } = I(Te());
+    return Be(() => fe()), Ce(x, () => ge()), (K, u) => (a(), _(we, { styling: K.styling }, {
+      default: p(() => [
+        (a(), _(Pe, null, {
+          default: p(() => [
+            v(Ne, {
+              id: "fresh-booking-event-module",
+              class: "fresh-booking-app",
+              type: "event",
+              "access-token": K.accessToken
             }, {
-              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"
-                      }),
-                      l("span", null, n(e(t)("event.eventsTitle")), 1)
+              default: p(() => [
+                v(Me, null, {
+                  availability: p(({ next: W }) => [
+                    t("div", Je, [
+                      v(He)
                     ]),
-                    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: J,
-                        description: K,
-                        soldOut: X,
-                        maxOnlineReservationLimit: z
-                      }) => (a(), y(be, {
-                        key: w,
-                        type: "event",
-                        "listing-id": w,
-                        "table-group-id": J,
-                        description: K,
-                        name: h,
-                        days: o,
-                        "from-date": f,
-                        "to-date": q,
-                        "max-online-reservation-limit": z,
-                        "time-from": O,
-                        "time-to": b,
-                        "sold-out": X,
-                        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(De),
-                  "room-upgrade": e(Ce),
-                  onPrev: (o) => e(Me)(w),
-                  onNext: (o) => e(Se)(j)
-                }, {
-                  form: k(() => [
-                    e(te) === e(de).FullDayEvent ? (a(), y(x, {
+                    (a(), _(Ae, { key: 1 }))
+                  ]),
+                  reservation: p(({ next: W, prev: U }) => [
+                    e(ke) ? (a(), _(qe, {
                       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(D),
-                      "onUpdate:modelValue": v[4] || (v[4] = (o) => F(D) ? D.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)
+                      remark: e(c),
+                      "onUpdate:remark": u[7] || (u[7] = (l) => P(c) ? c.value = l : null),
+                      "is-filled": e(be),
+                      "is-loading": e(de),
+                      "base-price": e(re),
+                      "total-price": e(ue),
+                      "weekend-fee": e(ve),
+                      "room-upgrade": e(pe),
+                      onPrev: (l) => e(ye)(U),
+                      onNext: (l) => e(_e)(W)
+                    }, {
+                      form: p(() => [
+                        e(H) === e(ee).FullDayEvent ? (a(), _(S, {
+                          key: 0,
+                          modelValue: e(T),
+                          "onUpdate:modelValue": u[0] || (u[0] = (l) => P(T) ? T.value = l : null),
+                          label: e(o)("event.numberOfDays"),
+                          "min-value": 1,
+                          required: ""
+                        }, null, 8, ["modelValue", "label"])) : r("", !0),
+                        v(te, {
+                          modelValue: e(C),
+                          "onUpdate:modelValue": u[1] || (u[1] = (l) => P(C) ? C.value = l : null),
+                          type: "text",
+                          label: e(o)("booking.reservation.name"),
+                          icon: "user-alt",
+                          placeholder: e(o)("booking.reservation.namePlaceholder"),
+                          required: ""
+                        }, null, 8, ["modelValue", "label", "placeholder"]),
+                        v(te, {
+                          modelValue: e(d),
+                          "onUpdate:modelValue": u[2] || (u[2] = (l) => P(d) ? d.value = l : 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"]),
+                        v(Qe, {
+                          modelValue: e(i),
+                          "onUpdate:modelValue": u[3] || (u[3] = (l) => P(i) ? i.value = l : null),
+                          label: e(o)("booking.reservation.phone"),
+                          icon: "phone-office",
+                          placeholder: e(o)("booking.reservation.phonePlaceholder"),
+                          required: ""
+                        }, null, 8, ["modelValue", "label", "placeholder"]),
+                        r("", !0),
+                        e(D) && e(D).length > 0 ? (a(), s("ul", Ke, [
+                          (a(!0), s(N, null, w(e(D), ({
+                            roomGroupID: l,
+                            addons: h,
+                            adultPerRoom: g
+                          }, m) => (a(), s("li", { key: l }, [
+                            t("h5", null, [
+                              t("span", null, n(e(o)("booking.reservation.room")) + " #" + n(m + 1), 1),
+                              ne(" ("),
+                              v(xe, {
+                                icon: "male",
+                                type: "fas",
+                                color: "header"
+                              }),
+                              ne(" " + n(g) + ") ", 1)
+                            ]),
+                            t("table", We, [
+                              t("thead", null, [
+                                t("tr", null, [
+                                  t("th", null, [
+                                    t("span", null, n(e(o)("booking.reservation.addons")), 1)
+                                  ]),
+                                  Ye,
+                                  t("th", Xe, [
+                                    t("span", null, n(e(o)("booking.availability.price")), 1)
+                                  ])
+                                ])
+                              ]),
+                              t("tbody", null, [
+                                (a(!0), s(N, null, w(h, ({
+                                  addonID: b,
+                                  cardinality: R,
+                                  name: Y,
+                                  price: X,
+                                  quantityStrategy: G
+                                }) => (a(), s("tr", { key: b }, [
+                                  t("td", null, [
+                                    t("b", null, n(Y), 1),
+                                    Ge,
+                                    t("span", null, n(e(y)(X, e(f))) + " " + n(e(Fe)(G)), 1)
+                                  ]),
+                                  t("td", Ie, [
+                                    R === 3 ? (a(), _(S, {
+                                      key: 0,
+                                      modelValue: e(E)[`${l}.${b}.${m}`],
+                                      "onUpdate:modelValue": (L) => e(E)[`${l}.${b}.${m}`] = L,
+                                      small: !0,
+                                      "min-value": 0
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (a(), _(ae, {
+                                      key: 1,
+                                      modelValue: e(E)[`${l}.${b}.${m}`],
+                                      "onUpdate:modelValue": (L) => e(E)[`${l}.${b}.${m}`] = L,
+                                      numeric: !0
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                  ]),
+                                  t("td", et, [
+                                    t("span", null, n(e(y)(e(Z)(b, l, m), e(f))), 1)
+                                  ])
+                                ]))), 128))
                               ]),
-                              $l,
-                              l("th", El, [
-                                l("span", null, n(e(t)("booking.availability.price")), 1)
+                              t("tfoot", null, [
+                                t("tr", null, [
+                                  tt,
+                                  t("td", nt, [
+                                    t("u", null, [
+                                      t("span", null, n(e(y)(e(J)(l, m), e(f))), 1)
+                                    ])
+                                  ])
+                                ])
                               ])
                             ])
+                          ]))), 128))
+                        ])) : r("", !0),
+                        e(H) !== e(ee).FullDayEvent && !e(k) ? (a(), s("div", lt, [
+                          t("label", ot, [
+                            t("span", null, n(e(o)("event.selectArrivalTime")), 1)
                           ]),
-                          l("tbody", null, [
-                            (a(!0), i(C, null, R(h, ({
-                              addonID: f,
-                              cardinality: q,
-                              name: J,
-                              price: K,
-                              quantityStrategy: X
-                            }) => (a(), i("tr", { key: f }, [
-                              l("td", null, [
-                                l("b", null, n(J), 1),
-                                wl,
-                                l("span", null, n(e(U)(K, e($))) + " " + n(e(Ke)(X)), 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)
-                              ])
+                          t("ul", at, [
+                            (a(!0), s(N, null, w(e(me), (l, h) => (a(), s("li", { key: h }, [
+                              v(ae, {
+                                modelValue: e(F),
+                                "onUpdate:modelValue": u[6] || (u[6] = (g) => P(F) ? F.value = g : null),
+                                type: "radio",
+                                name: "eventTimeTable",
+                                val: l.time,
+                                label: e(M)(l.time)
+                              }, null, 8, ["modelValue", "val", "label"])
                             ]))), 128))
+                          ])
+                        ])) : r("", !0),
+                        e(he) ? (a(), s("div", st, [
+                          t("label", it, [
+                            t("span", null, n(e(o)("event.selectProducts")), 1)
                           ]),
-                          l("tfoot", null, [
-                            l("tr", null, [
-                              Dl,
-                              l("td", Ll, [
-                                l("u", null, [
-                                  l("span", null, n(e(U)(e(se)(o, b), e($))), 1)
+                          t("table", rt, [
+                            t("thead", null, [
+                              t("tr", null, [
+                                t("th", null, [
+                                  t("span", null, n(e(o)("booking.reservation.addons")), 1)
+                                ]),
+                                ut,
+                                t("th", dt, [
+                                  t("span", null, n(e(o)("booking.availability.price")), 1)
                                 ])
                               ])
+                            ]),
+                            t("tbody", null, [
+                              (a(!0), s(N, null, w(e(ce).products, ({ productID: l, productName: h, price: g, description: m }) => (a(), s("tr", { key: l }, [
+                                t("td", null, [
+                                  t("b", null, [
+                                    t("span", null, n(h), 1)
+                                  ]),
+                                  ct,
+                                  t("span", null, n(m), 1),
+                                  mt,
+                                  t("span", null, n(e(y)(g, e(f))), 1)
+                                ]),
+                                t("td", pt, [
+                                  v(S, {
+                                    modelValue: e(O)[l],
+                                    "onUpdate:modelValue": (b) => e(O)[l] = b,
+                                    small: !0,
+                                    "min-value": 0
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                ]),
+                                t("td", vt, [
+                                  t("span", null, n(e(y)(e(Z)(l), e(f))), 1)
+                                ])
+                              ]))), 128))
                             ])
                           ])
-                        ])
-                      ]))), 128))
-                    ])) : d("", !0),
-                    e(te) !== e(de).FullDayEvent && !e(A) ? (a(), i("div", Al, [
-                      l("label", Ul, [
-                        l("span", null, n(e(t)("event.selectArrivalTime")), 1)
+                        ])) : r("", !0)
                       ]),
-                      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"])
+                      resume: p(() => [
+                        t("li", null, [
+                          t("span", null, n(e(o)("event.numberOfGuests")), 1),
+                          t("b", null, n(e(se)), 1)
+                        ]),
+                        e(k) ? (a(), s("li", ht, [
+                          t("span", null, n(e(o)("event.numberOfRooms")), 1),
+                          t("b", null, n(e(ie)), 1)
+                        ])) : r("", !0),
+                        e(k) ? (a(), s("li", bt, [
+                          t("span", null, n(e(o)("event.numberOfDays")), 1),
+                          t("b", null, n(e(q)), 1)
+                        ])) : r("", !0),
+                        e(k) ? (a(), s("li", kt, [
+                          t("span", null, n(e(o)("booking.reservation.arrival")), 1),
+                          t("b", null, n(e(le)(e(j))), 1)
+                        ])) : r("", !0),
+                        e(k) ? (a(), s("li", ft, [
+                          t("span", null, n(e(o)("booking.reservation.departure")), 1),
+                          t("b", null, n(e(le)(e(j), e(q))), 1)
+                        ])) : r("", !0),
+                        !e(k) && e(F) ? (a(), s("li", gt, [
+                          t("span", null, n(e(o)("event.startOfEvent")), 1),
+                          t("b", null, n(e(M)(e(F))), 1)
+                        ])) : r("", !0),
+                        !e(k) && e(z) ? (a(), s("li", _t, [
+                          t("span", null, n(e(o)("event.lengthOfEvent")), 1),
+                          t("b", null, n(e(M)(e(z))), 1)
+                        ])) : r("", !0),
+                        !e(k) && e(Q) > 0 ? (a(), s("li", yt, [
+                          t("span", null, n(e(o)("booking.availability.basePrice")), 1),
+                          t("b", null, n(e(y)(e(Q), e(f))), 1)
+                        ])) : r("", !0)
+                      ]),
+                      expenses: p(() => [
+                        (a(!0), s(N, null, w(e(D), ({ roomGroupID: l }, h) => (a(), s("li", { key: l }, [
+                          t("span", null, n(e(o)("booking.reservation.addons")) + " - " + n(e(o)("booking.reservation.room")) + " #" + n(h + 1), 1),
+                          t("b", null, n(e(y)(e(J)(l, h), e(f))), 1)
                         ]))), 128))
-                      ])
-                    ])) : d("", !0),
-                    e(Le) ? (a(), i("div", Fl, [
-                      l("label", Rl, [
-                        l("span", null, n(e(t)("event.selectProducts")), 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))
-                        ])
-                      ])
-                    ])) : d("", !0)
+                      _: 2
+                    }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "onPrev", "onNext"])) : r("", !0)
                   ]),
-                  resume: k(() => [
-                    l("li", null, [
-                      l("span", null, n(e(t)("event.numberOfGuests")), 1),
-                      l("b", null, n(e(s)), 1)
-                    ]),
-                    e(A) ? (a(), i("li", jl, [
-                      l("span", null, n(e(t)("event.numberOfRooms")), 1),
-                      l("b", null, n(e(S)), 1)
-                    ])) : d("", !0),
-                    e(A) ? (a(), i("li", Hl, [
-                      l("span", null, n(e(t)("event.numberOfDays")), 1),
-                      l("b", null, n(e(E)), 1)
-                    ])) : d("", !0),
-                    e(A) ? (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(A) ? (a(), i("li", Wl, [
-                      l("span", null, n(e(t)("booking.reservation.departure")), 1),
-                      l("b", null, n(e(pe)(e(ne), e(E))), 1)
-                    ])) : d("", !0),
-                    !e(A) && e(p) ? (a(), i("li", Yl, [
-                      l("span", null, n(e(t)("event.startOfEvent")), 1),
-                      l("b", null, n(e(ee)(e(p))), 1)
-                    ])) : d("", !0),
-                    !e(A) && e(le) ? (a(), i("li", Gl, [
-                      l("span", null, n(e(t)("event.lengthOfEvent")), 1),
-                      l("b", null, n(e(ee)(e(le))), 1)
-                    ])) : d("", !0),
-                    !e(A) && e(ae) > 0 ? (a(), i("li", Jl, [
-                      l("span", null, n(e(t)("booking.availability.basePrice")), 1),
-                      l("b", null, n(e(U)(e(ae), e($))), 1)
-                    ])) : d("", !0)
+                  payment: p(() => [
+                    v(Ze)
                   ]),
-                  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))
+                  confirmation: p(() => [
+                    v(ze, {
+                      message: e(o)("event.confirmationMessage")
+                    }, null, 8, ["message"])
                   ]),
-                  _: 2
-                }, 1032, ["remark", "is-filled", "is-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "onPrev", "onNext"])) : d("", !0)
-              ]),
-              payment: k(() => [
-                r(pl)
-              ]),
-              confirmation: k(() => [
-                r(ul, {
-                  message: e(t)("event.confirmationMessage")
-                }, null, 8, ["message"])
+                  _: 1
+                })
               ]),
               _: 1
-            }, 8, ["slideshow", "title", "subtitle"])) : (a(), y(ue, { key: 1 }))
+            }, 8, ["access-token"])
+          ]),
+          fallback: p(() => [
+            Vt
           ]),
           _: 1
-        }, 8, ["access-token", "styling"])
+        }))
       ]),
       _: 1
     }, 8, ["styling"]));
   }
-}), H = /* @__PURE__ */ ke(Kl, [["__scopeId", "data-v-c609785a"]]), Xl = nl();
-class xl extends HTMLElement {
+}), $ = /* @__PURE__ */ Le(Et, [["__scopeId", "data-v-693ef234"]]), Tt = $e();
+class Bt extends HTMLElement {
+  vueApp;
   constructor() {
     super();
   }
+  disconnectedCallback() {
+    this.vueApp.unmount();
+  }
   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);
+    const o = typeof $ == "function" ? $.options : $;
+    let x = Array.isArray(o.props) ? o.props : Object.keys(o.props || {});
+    const E = (i) => i.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (d, c) => (c ? "-" : "") + d.toLowerCase()), O = (i) => i.replace(/-./g, (d) => d[1].toUpperCase()), T = {};
+    x = x.map(E);
+    const B = {};
+    for (const i of this.attributes) {
+      const c = i.name.split(".");
+      c.length > 1 && (B[c[0]] || (B[c[0]] = {}), B[c[0]][O(c[1])] = i.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;
+    for (const i of x) {
+      let d = this.attributes.getNamedItem(i)?.value;
+      B.hasOwnProperty(i) && (d = B[i]), T[i] = d;
     }
-    const g = tl(H, T);
-    g.use(al), g.use(Xl), g.use(dl), g.use(ol, { bootstrap: !0 });
-    const D = document.createElement("div");
-    g.mount(D), this.appendChild(D.children[0]);
+    this.vueApp = Ue($, T), this.vueApp.use(Re), this.vueApp.use(Tt), this.vueApp.use(je), this.vueApp.use(Se, { bootstrap: !0 });
+    const C = document.createElement("div");
+    this.vueApp.mount(C), this.appendChild(C.children[0]);
   }
 }
-window.customElements.define("konnectio-event", xl);
+window.customElements.define("konnectio-event", Bt);
 export {
-  xl as default
+  Bt as default
 };