@konnectio/core 4.4.0 → 4.4.2

package/dist/event.js

@@ -1,46 +1,46 @@
-import { d as M, u as _, s as q, c as Z, r as Ie, a as m, b as l, g as e, w as v, q as K, e as n, i as r, f as y, n as lt, h as s, t as o, F as N, v as R, o as ot, j as it, x as ue, y as st, z as S, A as rt, S as dt, k as ct, _ as ut, l as mt, m as vt, p as bt } from "./mitt-CvmiLPAX.js";
-import { G as gt } from "./style-DijlEV9B.js";
-import { a as Ee, f as oe, g as X, h as Ae, B as kt, i as ae, l as ft, s as z, e as me, _ as G, I as le, j as yt, k as ve, u as Pe, m as ht, n as pt, o as Dt, p as J, T as ce, O as Pt, q as Et, r as xe, C as $t, t as wt, v as xt } from "./SelectField.vue_vue_type_style_index_0_lang-6_UBtMyv.js";
-import { _ as Ot } from "./_.vue_vue_type_style_index_0_lang-C_u0UT6W.js";
-import { B as Tt, _ as Vt, R as Ft, L as Se, S as Nt, M as Lt, T as Ct, C as Bt, V as It, a as At } from "./masonry.plugin-DDRglIja.js";
-import { g as St, e as Rt, c as Mt, n as Ut, a as Oe, b as Ht, m as Te, d as Ve, f as Fe, h as Ne, _ as Gt } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_86730e88_lang-CWKhedpA.js";
-import { C as zt, P as qt, a as Le } from "./CheckoutWindow-DbyK9q3i.js";
-import { E as Yt } from "./EventAvailabilityForm-C12USIHw.js";
-import "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-BBxnIROf.js";
-import { f as jt } from "./index-D4nA_tEk.js";
-function Wt(t, i, a) {
-  const D = St(), b = a?.locale ?? D.locale ?? Rt, k = Mt(t, i);
-  if (isNaN(k))
+import { d as M, u as _, s as q, c as Y, r as Ae, a as v, b as l, g as e, w as b, q as K, e as n, i as r, f as h, n as ot, h as s, t as o, F as N, v as R, o as it, j as st, x as ue, y as rt, z as S, A as dt, S as ct, k as ut, _ as mt, l as vt, m as bt, p as gt } from "./mitt-CvmiLPAX.js";
+import { G as ft } from "./style-DxRnyF5v.js";
+import { a as Ee, f as oe, g as X, h as Se, B as kt, i as ae, l as yt, s as z, e as me, _ as G, I as le, j as ht, k as ve, u as Pe, m as pt, n as Dt, o as Pt, p as J, T as ce, O as Et, q as $t, r as xe, C as wt, t as Ot, v as xt } from "./SelectField.vue_vue_type_style_index_0_lang-DOhUlPw2.js";
+import { _ as Tt } from "./_.vue_vue_type_style_index_0_lang-DwcYCxEU.js";
+import { B as Vt, _ as Ft, R as Nt, L as Re, S as Lt, M as Ct, T as Bt, C as It, V as At, a as St } from "./masonry.plugin-CbLAl45b.js";
+import { g as Rt, e as Mt, c as Ut, n as Ht, a as Te, b as Gt, m as Ve, d as Fe, f as Ne, h as Le, _ as zt } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_86730e88_lang-Dmkjy9AD.js";
+import { C as qt, P as Yt, a as Ce } from "./CheckoutWindow-Q8_p59cy.js";
+import { E as jt } from "./EventAvailabilityForm-BHA_1v5L.js";
+import "./Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-CD_cHZtR.js";
+import { f as Wt } from "./index-BRxDgKAw.js";
+function Zt(t, i, a) {
+  const E = Rt(), m = a?.locale ?? E.locale ?? Mt, f = Ut(t, i);
+  if (isNaN(f))
     throw new RangeError("Invalid time value");
   const g = Object.assign({}, a, {
     addSuffix: a?.addSuffix,
-    comparison: k
-  }), [f, h] = Ut(
+    comparison: f
+  }), [k, p] = Ht(
     a?.in,
-    ...k > 0 ? [i, t] : [t, i]
-  ), P = Ht("round"), $ = h.getTime() - f.getTime(), E = $ / Ne, T = Oe(h) - Oe(f), w = ($ - T) / Ne, O = a?.unit;
+    ...f > 0 ? [i, t] : [t, i]
+  ), D = Gt("round"), $ = p.getTime() - k.getTime(), P = $ / Le, T = Te(p) - Te(k), w = ($ - T) / Le, x = a?.unit;
   let u;
-  if (E < 1 ? u = "second" : E < 60 ? u = "minute" : E < Te ? u = "hour" : w < Ve ? u = "day" : w < Fe ? u = "month" : u = "year", u === "second") {
-    const p = P($ / 1e3);
-    return b.formatDistance("xSeconds", p, g);
+  if (P < 1 ? u = "second" : P < 60 ? u = "minute" : P < Ve ? u = "hour" : w < Fe ? u = "day" : w < Ne ? u = "month" : u = "year", u === "second") {
+    const y = D($ / 1e3);
+    return m.formatDistance("xSeconds", y, g);
   } else if (u === "minute") {
-    const p = P(E);
-    return b.formatDistance("xMinutes", p, g);
+    const y = D(P);
+    return m.formatDistance("xMinutes", y, g);
   } else if (u === "hour") {
-    const p = P(E / 60);
-    return b.formatDistance("xHours", p, g);
+    const y = D(P / 60);
+    return m.formatDistance("xHours", y, g);
   } else if (u === "day") {
-    const p = P(w / Te);
-    return b.formatDistance("xDays", p, g);
+    const y = D(w / Ve);
+    return m.formatDistance("xDays", y, g);
   } else if (u === "month") {
-    const p = P(w / Ve);
-    return p === 12 && O !== "month" ? b.formatDistance("xYears", 1, g) : b.formatDistance("xMonths", p, g);
+    const y = D(w / Fe);
+    return y === 12 && x !== "month" ? m.formatDistance("xYears", 1, g) : m.formatDistance("xMonths", y, g);
   } else {
-    const p = P(w / Fe);
-    return b.formatDistance("xYears", p, g);
+    const y = D(w / Ne);
+    return m.formatDistance("xYears", y, g);
   }
 }
-const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__ */ M({
+const Qt = { class: "konnectio-event-listing-action-button" }, Jt = /* @__PURE__ */ M({
   __name: "_",
   props: {
     name: {},
@@ -65,21 +65,21 @@ const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__
     callback: {}
   },
   setup(t) {
-    const { t: i } = _(), a = t, { display: D } = Ee(), {
-      hideEventGuestAmount: b
+    const { t: i } = _(), a = t, { display: E } = Ee(), {
+      hideEventGuestAmount: m
     } = q(oe()), {
-      maxNumberOfPeople: k,
+      maxNumberOfPeople: f,
       numberOfPeople: g,
-      eventId: f,
-      currentEventDate: h,
-      tableGroupId: P
+      eventId: k,
+      currentEventDate: p,
+      tableGroupId: D
     } = q(X()), {
       getTemplateAvailability: $,
-      getEventAvailability: E,
+      getEventAvailability: P,
       isEventListingLoading: T
-    } = X(), { addToCart: w } = Ae(), O = Z(() => a.maxGuests || a.maxOnlineReservationLimit || k.value || 1 / 0), u = Ie(0), p = Z(() => T(a.listingId)), Y = () => {
+    } = X(), { addToCart: w } = Se(), x = Y(() => a.maxGuests || a.maxOnlineReservationLimit || f.value || 1 / 0), u = Ae(0), y = Y(() => T(a.listingId)), j = () => {
       if (!a.useNumberOfProductsForPersons && (u.value === 0 || isNaN(u.value))) {
-        D({
+        E({
           type: "error",
           message: i("alert.error.selectPeople")
         });
@@ -89,10 +89,10 @@ const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__
         id: a.listingId,
         name: a.name,
         value: a.fromPrice || 0
-      }), f.value = a.listingId, g.value = a.useNumberOfProductsForPersons ? NaN : u.value, $(a.callback);
+      }), k.value = a.listingId, g.value = a.useNumberOfProductsForPersons ? NaN : u.value, $(a.callback);
     }, B = () => {
       if (!a.useNumberOfProductsForPersons && (u.value === 0 || isNaN(u.value))) {
-        D({
+        E({
           type: "error",
           message: i("alert.error.selectPeople")
         });
@@ -102,9 +102,9 @@ const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__
         id: a.listingId,
         name: a.name,
         value: a.fromPrice || 0
-      }), f.value = a.listingId, P.value = a.tableGroupId, g.value = a.useNumberOfProductsForPersons ? NaN : u.value, E(a.callback);
+      }), k.value = a.listingId, D.value = a.tableGroupId, g.value = a.useNumberOfProductsForPersons ? NaN : u.value, P(a.callback);
     };
-    return (C, U) => (l(), m(Tt, {
+    return (C, U) => (l(), v(Vt, {
       type: "event",
       "listing-id": t.listingId,
       gallery: t.gallery,
@@ -115,18 +115,18 @@ const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__
       layout: e(kt).Event,
       "disable-deep-link": t.disableDeepLink
     }, {
-      description: v(() => [
-        K(C.$slots, "description", { maxNumberOfPeople: e(k) }, void 0, !0)
+      description: b(() => [
+        K(C.$slots, "description", { maxNumberOfPeople: e(f) }, void 0, !0)
       ]),
-      action: v(() => [
+      action: b(() => [
         K(C.$slots, "action", {}, () => [
           n("div", {
-            class: lt([
+            class: ot([
               "konnectio-event-listing-action",
               { "no-selectable-people": t.useNumberOfProductsForPersons }
             ])
           }, [
-            t.useNumberOfProductsForPersons ? r("", !0) : (l(), m(ae, {
+            t.useNumberOfProductsForPersons ? r("", !0) : (l(), v(ae, {
               key: 0,
               modelValue: u.value,
               "onUpdate:modelValue": U[0] || (U[0] = (Q) => u.value = Q),
@@ -134,18 +134,18 @@ const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__
               icon: "users",
               "icon-type": "fas",
               "icon-placement": "label",
-              description: O.value <= 20 && !e(b) ? `${e(i)("general.availableFor")}: 1 - ${O.value} ${e(ft)(e(i)("general.guests"))}` : void 0,
+              description: x.value <= 20 && !e(m) ? `${e(i)("general.availableFor")}: 1 - ${x.value} ${e(yt)(e(i)("general.guests"))}` : void 0,
               "min-value": 0,
-              "max-value": O.value
+              "max-value": x.value
             }, null, 8, ["modelValue", "label", "description", "max-value"])),
-            n("div", Zt, [
-              y(me, {
+            n("div", Qt, [
+              h(me, {
                 label: t.soldOut ? e(i)("event.soldOut") : e(i)("event.bookNowButton"),
                 disabled: t.soldOut,
-                "is-loading": p.value,
+                "is-loading": y.value,
                 "full-width": "",
-                "sub-label": e(z)(e(h)),
-                onClickEvent: U[1] || (U[1] = (Q) => t.type === "event" ? B() : Y())
+                "sub-label": e(z)(e(p)),
+                onClickEvent: U[1] || (U[1] = (Q) => t.type === "event" ? B() : j())
               }, null, 8, ["label", "disabled", "is-loading", "sub-label"])
             ])
           ], 2)
@@ -154,14 +154,14 @@ const Zt = { class: "konnectio-event-listing-action-button" }, Qt = /* @__PURE__
       _: 3
     }, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "layout", "disable-deep-link"]));
   }
-}), Re = /* @__PURE__ */ G(Qt, [["__scopeId", "data-v-23ac9949"]]), Jt = { class: "konnectio-event-listing-information-new" };
-const Kt = {
+}), Me = /* @__PURE__ */ G(Jt, [["__scopeId", "data-v-23ac9949"]]), Kt = { class: "konnectio-event-listing-information-new" };
+const Xt = {
   key: 1,
   class: "konnectio-pill-button"
-}, Xt = {
+}, _t = {
   key: 2,
   class: "konnectio-pill-button"
-}, _t = { key: 0 }, en = { key: 1 }, tn = /* @__PURE__ */ M({
+}, en = { key: 0 }, tn = { key: 1 }, nn = /* @__PURE__ */ M({
   __name: "Event",
   props: {
     name: {},
@@ -185,18 +185,18 @@ const Kt = {
   },
   setup(t) {
     const i = t, { t: a } = _(), {
-      hideEventLength: D,
-      hideEventEndTime: b
-    } = q(oe()), k = Z(() => {
+      hideEventLength: E,
+      hideEventEndTime: m
+    } = q(oe()), f = Y(() => {
       if (!i.length)
         return;
       const g = i.length.split(":");
-      return Wt(
+      return Zt(
         new Date(2e3, 0, 1, Number(g[0]), Number(g[1]), 0),
         new Date(2e3, 0, 1, 0, 0, 0)
       );
     });
-    return (g, f) => (l(), m(Re, {
+    return (g, k) => (l(), v(Me, {
       "listing-id": t.listingId,
       name: t.name,
       description: t.description,
@@ -211,45 +211,45 @@ const Kt = {
       "tracking-enabled": t.trackingEnabled,
       callback: t.callback
     }, {
-      description: v(() => [
-        t.description ? (l(), m(Vt, {
+      description: b(() => [
+        t.description ? (l(), v(Ft, {
           key: 0,
           text: t.description
         }, null, 8, ["text"])) : r("", !0),
-        n("ul", Jt, [
+        n("ul", Kt, [
           r("", !0),
-          !e(D) && k.value ? (l(), s("li", Kt, [
+          !e(E) && f.value ? (l(), s("li", Xt, [
             n("div", null, [
-              y(le, {
+              h(le, {
                 icon: "calendar-clock",
                 color: "header"
               }),
               n("span", null, o(e(a)("event.lengthOfEvent")), 1)
             ]),
-            n("span", null, o(k.value), 1)
+            n("span", null, o(f.value), 1)
           ])) : r("", !0),
-          t.timeFrom ? (l(), s("li", Xt, [
+          t.timeFrom ? (l(), s("li", _t, [
             n("div", null, [
-              y(le, {
+              h(le, {
                 icon: "calendar-clock",
                 color: "header"
               }),
               n("span", null, o(e(a)("event.startAndEndTime")), 1)
             ]),
-            e(b) ? (l(), s("span", en, o(e(ve)(t.timeFrom)), 1)) : (l(), s("span", _t, o(e(yt)(t.timeFrom, t.timeTo)), 1))
+            e(m) ? (l(), s("span", tn, o(e(ve)(t.timeFrom)), 1)) : (l(), s("span", en, o(e(ht)(t.timeFrom, t.timeTo)), 1))
           ])) : r("", !0)
         ])
       ]),
-      action: v(() => [
+      action: b(() => [
         K(g.$slots, "action", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["listing-id", "name", "description", "gallery", "prices-from", "table-group-id", "max-guests", "use-number-of-products-for-persons", "to-date", "sold-out", "tracking-enabled", "callback"]));
   }
-}), be = /* @__PURE__ */ G(tn, [["__scopeId", "data-v-40cbbf2c"]]), nn = {
+}), be = /* @__PURE__ */ G(nn, [["__scopeId", "data-v-40cbbf2c"]]), an = {
   key: 0,
   class: "konnectio-event-grouped-listings-container"
-}, an = { class: "konnectio-event-grouped-listings" }, ln = /* @__PURE__ */ M({
+}, ln = { class: "konnectio-event-grouped-listings" }, on = /* @__PURE__ */ M({
   __name: "Event",
   props: {
     name: {},
@@ -258,44 +258,44 @@ const Kt = {
     callback: { type: Function }
   },
   setup(t) {
-    return (i, a) => t.events && t.events.length > 1 ? (l(), s("div", nn, [
+    return (i, a) => t.events && t.events.length > 1 ? (l(), s("div", an, [
       r("", !0),
-      n("ul", an, [
+      n("ul", ln, [
         (l(!0), s(N, null, R(t.events, ({
-          id: D,
-          days: b,
-          name: k,
+          id: E,
+          days: m,
+          name: f,
           timeFrom: g,
-          timeTo: f,
-          tableGroupId: h,
-          description: P,
+          timeTo: k,
+          tableGroupId: p,
+          description: D,
           soldOut: $,
-          length: E,
+          length: P,
           images: T,
           maxOnlineReservationLimit: w,
-          maxPaxPerReservation: O,
+          maxPaxPerReservation: x,
           useNumberOfProductsForPersons: u,
-          maxTicketsLimit: p
-        }) => (l(), m(be, {
-          key: D,
+          maxTicketsLimit: y
+        }) => (l(), v(be, {
+          key: E,
           type: "event",
-          "listing-id": D,
-          "table-group-id": h,
-          description: P,
-          name: k,
-          length: E,
+          "listing-id": E,
+          "table-group-id": p,
+          description: D,
+          name: f,
+          length: P,
           gallery: T,
-          days: b,
-          "max-online-reservation-limit": O || w || p || void 0,
+          days: m,
+          "max-online-reservation-limit": x || w || y || void 0,
           "time-from": g,
-          "time-to": f,
+          "time-to": k,
           "sold-out": $,
           "use-number-of-products-for-persons": u,
           "tracking-enabled": t.trackingEnabled,
           callback: t.callback
         }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "use-number-of-products-for-persons", "tracking-enabled", "callback"]))), 128))
       ])
-    ])) : t.events ? (l(), m(be, {
+    ])) : t.events ? (l(), v(be, {
       key: t.events[0].id,
       type: "event",
       "listing-id": t.events[0].id,
@@ -316,7 +316,7 @@ const Kt = {
       callback: t.callback
     }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "use-number-of-products-for-persons", "tracking-enabled", "callback"])) : r("", !0);
   }
-}), on = /* @__PURE__ */ G(ln, [["__scopeId", "data-v-374ad034"]]), sn = { class: "konnectio-special-offer-availability" }, rn = { class: "konnectio-special-offer-availability-button" }, dn = { class: "konnectio-warning-notice" }, cn = { key: 0 }, un = { key: 1 }, mn = /* @__PURE__ */ M({
+}), sn = /* @__PURE__ */ G(on, [["__scopeId", "data-v-374ad034"]]), rn = { class: "konnectio-special-offer-availability" }, dn = { class: "konnectio-special-offer-availability-button" }, cn = { class: "konnectio-warning-notice" }, un = { key: 0 }, mn = { key: 1 }, vn = /* @__PURE__ */ M({
   __name: "NextEvent",
   props: {
     name: {},
@@ -338,17 +338,17 @@ const Kt = {
     callback: { type: Function }
   },
   setup(t) {
-    const { t: i } = _(), { updateEventDate: a } = Pe(), { display: D } = Ee(), b = Ie(), k = t;
+    const { t: i } = _(), { updateEventDate: a } = Pe(), { display: E } = Ee(), m = Ae(), f = t;
     function g() {
-      b.value ? a(b.value) : D({
+      m.value ? a(m.value) : E({
         message: i("alert.error.selectDate"),
         type: "error"
       });
     }
-    const f = Z(() => ht(k.fromDate, k.toDate) <= 1), h = Z(() => [0, 1, 2, 3, 4, 5, 6].filter((P) => !pt(k.days).includes(P)));
-    return ot(() => {
-      f.value && (b.value = new Date(k.fromDate));
-    }), (P, $) => (l(), m(be, {
+    const k = Y(() => pt(f.fromDate, f.toDate) <= 1), p = Y(() => [0, 1, 2, 3, 4, 5, 6].filter((D) => !Dt(f.days).includes(D)));
+    return it(() => {
+      k.value && (m.value = new Date(f.fromDate));
+    }), (D, $) => (l(), v(be, {
       name: t.name,
       description: t.description,
       "from-date": t.fromDate,
@@ -368,36 +368,36 @@ const Kt = {
       callback: t.callback,
       "disable-deep-link": !0
     }, {
-      action: v(() => [
+      action: b(() => [
         n("div", null, [
-          n("div", sn, [
-            y(Gt, {
-              modelValue: b.value,
-              "onUpdate:modelValue": $[0] || ($[0] = (E) => b.value = E),
+          n("div", rn, [
+            h(zt, {
+              modelValue: m.value,
+              "onUpdate:modelValue": $[0] || ($[0] = (P) => m.value = P),
               label: `${e(i)("event.selectDate")}*`,
               placeholder: e(i)("event.selectDate"),
               "icon-type": "fas",
               "icon-placement": "label",
-              readonly: f.value,
+              readonly: k.value,
               "start-date": t.fromDate !== "0001-01-01T00:00:00Z" ? new Date(t.fromDate) : new Date(t.toDate),
               "min-date": t.fromDate !== "0001-01-01T00:00:00Z" ? new Date(t.fromDate) : new Date(t.toDate),
               "max-date": new Date(t.toDate),
-              "disabled-week-days": h.value
+              "disabled-week-days": p.value
             }, null, 8, ["modelValue", "label", "placeholder", "readonly", "start-date", "min-date", "max-date", "disabled-week-days"]),
-            n("div", rn, [
-              y(me, {
+            n("div", dn, [
+              h(me, {
                 label: e(i)("availability.buttonLabel"),
-                onClick: it(g, ["prevent"])
+                onClick: st(g, ["prevent"])
               }, null, 8, ["label"])
             ])
           ]),
-          n("div", dn, [
-            f.value ? (l(), s("span", cn, [
+          n("div", cn, [
+            k.value ? (l(), s("span", un, [
               ue("*" + o(e(i)("event.canBeBooked")) + " ", 1),
               n("u", null, o(e(z)(t.fromDate)), 1)
-            ])) : (l(), s("span", un, [
+            ])) : (l(), s("span", mn, [
               ue("*" + o(e(i)("event.canBeBooked")) + " ", 1),
-              n("u", null, o(e(Dt)(t.days)), 1)
+              n("u", null, o(e(Pt)(t.days)), 1)
             ]))
           ])
         ])
@@ -405,10 +405,10 @@ const Kt = {
       _: 1
     }, 8, ["name", "description", "from-date", "to-date", "length", "time-from", "time-to", "gallery", "days", "listing-id", "table-group-id", "max-online-reservation-limit", "minimum-person-count", "use-number-of-products-for-persons", "tracking-enabled", "sold-out", "callback"]));
   }
-}), Ce = /* @__PURE__ */ G(mn, [["__scopeId", "data-v-f6aed3b0"]]), vn = {
+}), Be = /* @__PURE__ */ G(vn, [["__scopeId", "data-v-f6aed3b0"]]), bn = {
   key: 0,
   class: "konnectio-event-grouped-listings-container"
-}, bn = { class: "konnectio-event-grouped-listings" }, gn = /* @__PURE__ */ M({
+}, gn = { class: "konnectio-event-grouped-listings" }, fn = /* @__PURE__ */ M({
   __name: "NextEvent",
   props: {
     name: {},
@@ -417,48 +417,48 @@ const Kt = {
     callback: { type: Function }
   },
   setup(t) {
-    return (i, a) => t.events && t.events.length > 1 ? (l(), s("div", vn, [
+    return (i, a) => t.events && t.events.length > 1 ? (l(), s("div", bn, [
       r("", !0),
-      n("ul", bn, [
+      n("ul", gn, [
         (l(!0), s(N, null, R(t.events, ({
-          id: D,
-          days: b,
-          name: k,
+          id: E,
+          days: m,
+          name: f,
           timeFrom: g,
-          timeTo: f,
-          fromDate: h,
-          toDate: P,
+          timeTo: k,
+          fromDate: p,
+          toDate: D,
           tableGroupId: $,
-          description: E,
+          description: P,
           soldOut: T,
           length: w,
-          images: O,
+          images: x,
           maxOnlineReservationLimit: u,
-          maxPaxPerReservation: p,
-          useNumberOfProductsForPersons: Y,
+          maxPaxPerReservation: y,
+          useNumberOfProductsForPersons: j,
           maxTicketsLimit: B
-        }) => (l(), m(Ce, {
-          key: D,
+        }) => (l(), v(Be, {
+          key: E,
           type: "event",
-          "listing-id": D,
+          "listing-id": E,
           "table-group-id": $,
-          description: E,
-          name: k,
+          description: P,
+          name: f,
           length: w,
-          gallery: O,
-          days: b,
-          "from-date": h,
-          "to-date": P,
-          "max-online-reservation-limit": p || u || B || void 0,
+          gallery: x,
+          days: m,
+          "from-date": p,
+          "to-date": D,
+          "max-online-reservation-limit": y || u || B || void 0,
           "time-from": g,
-          "time-to": f,
+          "time-to": k,
           "sold-out": T,
-          "use-number-of-products-for-persons": Y,
+          "use-number-of-products-for-persons": j,
           "tracking-enabled": t.trackingEnabled,
           callback: t.callback
         }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "use-number-of-products-for-persons", "tracking-enabled", "callback"]))), 128))
       ])
-    ])) : t.events ? (l(), m(Ce, {
+    ])) : t.events ? (l(), v(Be, {
       key: t.events[0].id,
       type: "event",
       "listing-id": t.events[0].id,
@@ -479,7 +479,7 @@ const Kt = {
       callback: t.callback
     }, null, 8, ["listing-id", "table-group-id", "description", "name", "length", "gallery", "days", "from-date", "to-date", "max-online-reservation-limit", "time-from", "time-to", "sold-out", "use-number-of-products-for-persons", "tracking-enabled", "callback"])) : r("", !0);
   }
-}), kn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-39263761"]]), fn = ["innerHTML"], yn = /* @__PURE__ */ M({
+}), kn = /* @__PURE__ */ G(fn, [["__scopeId", "data-v-39263761"]]), yn = ["innerHTML"], hn = /* @__PURE__ */ M({
   __name: "FallbackEvent",
   props: {
     name: {},
@@ -493,7 +493,7 @@ const Kt = {
   },
   setup(t) {
     const { t: i } = _();
-    return (a, D) => (l(), m(be, {
+    return (a, E) => (l(), v(be, {
       name: t.name,
       description: t.description,
       "from-date": t.fromDate,
@@ -504,16 +504,16 @@ const Kt = {
       callback: t.callback,
       "disable-deep-link": !0
     }, {
-      action: v(() => [
+      action: b(() => [
         n("div", {
           class: "konnectio-filter-notice konnectio-top-message",
           innerHTML: e(i)("event.notAvailable", { name: `<b>${t.name}</b>` })
-        }, null, 8, fn)
+        }, null, 8, yn)
       ]),
       _: 1
     }, 8, ["name", "description", "from-date", "gallery", "days", "listing-id", "tracking-enabled", "callback"]));
   }
-}), hn = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-0167deff"]]), pn = /* @__PURE__ */ M({
+}), pn = /* @__PURE__ */ G(hn, [["__scopeId", "data-v-0167deff"]]), Dn = /* @__PURE__ */ M({
   __name: "Template",
   props: {
     name: {},
@@ -530,7 +530,7 @@ const Kt = {
     callback: {}
   },
   setup(t) {
-    return (i, a) => (l(), m(Re, {
+    return (i, a) => (l(), v(Me, {
       "listing-id": t.listingId,
       gallery: t.images,
       name: t.name,
@@ -542,13 +542,13 @@ const Kt = {
       callback: t.callback
     }, null, 8, ["listing-id", "gallery", "name", "description", "prices-from", "to-date", "tracking-enabled", "callback"]));
   }
-}), Dn = {
+}), Pn = {
   key: 0,
   class: "konnectio-panel konnectio-reservation-notice-mobile"
-}, Pn = ["innerHTML"], En = { key: 0 }, $n = { key: 1 }, wn = { key: 2 }, xn = { key: 0 }, On = { key: 4 }, Tn = { key: 5 }, Vn = { key: 6 }, Fn = { key: 0 }, Nn = { key: 0 }, Ln = { key: 1 }, Cn = {
+}, En = ["innerHTML"], $n = { key: 0 }, wn = { key: 1 }, On = { key: 2 }, xn = { key: 0 }, Tn = { key: 4 }, Vn = { key: 5 }, Fn = { key: 6 }, Nn = { key: 0 }, Ln = { key: 0 }, Cn = { key: 1 }, Bn = {
   key: 0,
   class: "konnectio-capitalize"
-}, Bn = /* @__PURE__ */ M({
+}, In = /* @__PURE__ */ M({
   __name: "EventReservationForm",
   props: {
     showGiftCard: { type: Boolean, default: !1 },
@@ -556,156 +556,156 @@ const Kt = {
     prevCallback: {}
   },
   setup(t) {
-    const { t: i } = _(), a = st(), {
-      areListingsAvailable: D,
-      arrivalTime: b,
-      numberOfPeople: k,
+    const { t: i } = _(), a = rt(), {
+      areListingsAvailable: E,
+      arrivalTime: m,
+      numberOfPeople: f,
       numberOfRooms: g,
-      numberOfTotalDays: f,
-      isTemplateEvent: h,
-      currentEventDate: P,
+      numberOfTotalDays: k,
+      isTemplateEvent: p,
+      currentEventDate: D,
       length: $,
-      fromDate: E,
+      fromDate: P,
       tableBasePrice: T,
       getTemplateData: w,
-      basePrice: O,
+      basePrice: x,
       totalPrice: u,
-      weekendFee: p,
-      roomUpgrade: Y,
+      weekendFee: y,
+      roomUpgrade: j,
       discountCode: B,
       totalSelectedProducts: C,
       discountValue: U,
       appliedDiscountCode: Q
-    } = q(X()), { totalAddonPrice: ie, validateDiscountCode: ge } = X(), { currency: se, hideEventLength: ke } = q(oe()), ee = i("event.reservationNotice");
-    return (te, re) => (l(), m(Ft, {
+    } = q(X()), { totalAddonPrice: ie, validateDiscountCode: ge } = X(), { currency: se, hideEventLength: fe } = q(oe()), ee = i("event.reservationNotice");
+    return (te, re) => (l(), v(Nt, {
       "discount-code": e(B),
-      "onUpdate:discountCode": re[0] || (re[0] = (j) => S(B) ? B.value = j : null),
+      "onUpdate:discountCode": re[0] || (re[0] = (W) => S(B) ? B.value = W : null),
       "validate-discount-code": e(ge),
       "show-gift-card": t.showGiftCard,
       "show-terms-notice": t.showTermsNotice,
-      "is-sidebar-loading": !e(D),
-      "base-price": e(O),
+      "is-sidebar-loading": !e(E),
+      "base-price": e(x),
       "total-price": e(u),
-      "weekend-fee": e(p),
-      "room-upgrade": e(Y),
+      "weekend-fee": e(y),
+      "room-upgrade": e(j),
       notice: e(ee),
       "prev-callback": t.prevCallback
-    }, rt({
-      form: v(() => [
+    }, dt({
+      form: b(() => [
         K(te.$slots, "form", {}, void 0, !0),
-        e(ee) ? (l(), s("div", Dn, [
+        e(ee) ? (l(), s("div", Pn, [
           n("p", {
             innerHTML: e(ee),
             class: "konnectio-wysiwyg"
-          }, null, 8, Pn)
+          }, null, 8, En)
         ])) : r("", !0)
       ]),
-      "reservation-summary": v(() => [
-        e(h) ? r("", !0) : (l(), s("li", En, [
+      "reservation-summary": b(() => [
+        e(p) ? r("", !0) : (l(), s("li", $n, [
           n("span", null, o(e(i)("general.date")), 1),
-          n("b", null, o(e(z)(e(P))), 1)
+          n("b", null, o(e(z)(e(D))), 1)
         ])),
-        e(k) > 0 ? (l(), s("li", $n, [
+        e(f) > 0 ? (l(), s("li", wn, [
           n("span", null, o(e(i)("event.numberOfGuests")), 1),
-          n("b", null, o(e(k)), 1)
+          n("b", null, o(e(f)), 1)
         ])) : r("", !0),
-        !e(h) && e(C) > 0 ? (l(), s("li", wn, [
+        !e(p) && e(C) > 0 ? (l(), s("li", On, [
           n("span", null, o(e(i)("event.numberOfProducts")), 1),
           n("b", null, o(e(C)), 1)
         ])) : r("", !0),
-        e(h) ? (l(), s(N, { key: 3 }, [
+        e(p) ? (l(), s(N, { key: 3 }, [
           n("li", null, [
             n("span", null, o(e(i)("booking.reservation.arrival")), 1),
-            n("b", null, o(e(z)(e(E))), 1)
+            n("b", null, o(e(z)(e(P))), 1)
           ]),
           n("li", null, [
             n("span", null, o(e(i)("booking.reservation.departure")), 1),
-            n("b", null, o(e(z)(e(E), e(f))), 1)
+            n("b", null, o(e(z)(e(P), e(k))), 1)
           ]),
           n("li", null, [
             n("span", null, o(e(i)("event.numberOfRooms")), 1),
             n("b", null, o(e(g)), 1)
           ]),
-          e(f) > 0 ? (l(), s("li", xn, [
+          e(k) > 0 ? (l(), s("li", xn, [
             n("span", null, o(e(i)("event.numberOfDays")), 1),
-            n("b", null, o(e(f)), 1)
+            n("b", null, o(e(k)), 1)
           ])) : r("", !0)
         ], 64)) : r("", !0),
-        !e(h) && e(b) ? (l(), s("li", On, [
+        !e(p) && e(m) ? (l(), s("li", Tn, [
           n("span", null, o(e(i)("event.startOfEvent")), 1),
-          n("b", null, o(e(ve)(e(b))), 1)
+          n("b", null, o(e(ve)(e(m))), 1)
         ])) : r("", !0),
-        !e(h) && e($) && !e(ke) ? (l(), s("li", Tn, [
+        !e(p) && e($) && !e(fe) ? (l(), s("li", Vn, [
           n("span", null, o(e(i)("event.lengthOfEvent")), 1),
           n("b", null, o(e(ve)(e($))), 1)
         ])) : r("", !0),
-        e(U) ? (l(), s("li", Vn, [
+        e(U) ? (l(), s("li", Fn, [
           n("span", null, o(e(i)("general.discountCode")), 1),
           n("b", null, o(e(Q)), 1)
         ])) : r("", !0)
       ]),
-      "price-summary": v(() => [
-        !e(h) && e(T) > 0 ? (l(), s("li", Fn, [
+      "price-summary": b(() => [
+        !e(p) && e(T) > 0 ? (l(), s("li", Nn, [
           n("span", null, o(e(i)("booking.availability.basePrice")), 1),
           n("b", null, o(e(J)(e(T), e(se))), 1)
         ])) : r("", !0),
-        e(w) ? (l(!0), s(N, { key: 1 }, R(e(w), ({ roomGroupId: j }, W) => (l(), s(N, null, [
-          e(ie)(j, W) > 0 ? (l(), s("li", { key: j }, [
-            n("span", null, o(e(i)("booking.reservation.addons")) + " - " + o(e(i)("booking.reservation.room")) + " #" + o(W + 1), 1),
-            n("b", null, o(e(J)(e(ie)(j, W), e(se))), 1)
+        e(w) ? (l(!0), s(N, { key: 1 }, R(e(w), ({ roomGroupId: W }, Z) => (l(), s(N, null, [
+          e(ie)(W, Z) > 0 ? (l(), s("li", { key: W }, [
+            n("span", null, o(e(i)("booking.reservation.addons")) + " - " + o(e(i)("booking.reservation.room")) + " #" + o(Z + 1), 1),
+            n("b", null, o(e(J)(e(ie)(W, Z), e(se))), 1)
           ])) : r("", !0)
         ], 64))), 256)) : r("", !0)
       ]),
-      navigation: v(() => [
+      navigation: b(() => [
         K(te.$slots, "navigation", {}, void 0, !0)
       ]),
-      "mobile-under-price": v(() => [
-        e(h) && e(f) > 0 ? (l(), s("div", Nn, [
-          n("span", null, o(e(z)(e(E))) + " - " + o(e(z)(e(E), e(f))), 1)
-        ])) : (l(), s("div", Ln, [
-          n("span", null, o(e(z)(e(P))), 1)
+      "mobile-under-price": b(() => [
+        e(p) && e(k) > 0 ? (l(), s("div", Ln, [
+          n("span", null, o(e(z)(e(P))) + " - " + o(e(z)(e(P), e(k))), 1)
+        ])) : (l(), s("div", Cn, [
+          n("span", null, o(e(z)(e(D))), 1)
         ]))
       ]),
-      "mobile-summary": v(() => [
-        !e(h) && e(C) > 0 ? (l(), s("span", Cn, o(e(i)("event.numberOfProducts")) + ": " + o(e(C)), 1)) : r("", !0)
+      "mobile-summary": b(() => [
+        !e(p) && e(C) > 0 ? (l(), s("span", Bn, o(e(i)("event.numberOfProducts")) + ": " + o(e(C)), 1)) : r("", !0)
       ]),
       _: 2
     }, [
       e(a).sidebar ? {
         name: "sidebar",
-        fn: v(() => [
+        fn: b(() => [
           K(te.$slots, "sidebar", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["discount-code", "validate-discount-code", "show-gift-card", "show-terms-notice", "is-sidebar-loading", "base-price", "total-price", "weekend-fee", "room-upgrade", "notice", "prev-callback"]));
   }
-}), De = /* @__PURE__ */ G(Bn, [["__scopeId", "data-v-d2ff3f68"]]), In = { class: "event-skeleton" }, An = { class: "event-skeleton-content" }, Sn = { class: "event-skeleton-sidebar" }, Rn = /* @__PURE__ */ M({
+}), De = /* @__PURE__ */ G(In, [["__scopeId", "data-v-d2ff3f68"]]), An = { class: "event-skeleton" }, Sn = { class: "event-skeleton-content" }, Rn = { class: "event-skeleton-sidebar" }, Mn = /* @__PURE__ */ M({
   __name: "EventSkeleton",
   setup(t) {
-    return (i, a) => (l(), s("div", In, [
-      n("div", An, [
-        y(Se)
-      ]),
+    return (i, a) => (l(), s("div", An, [
       n("div", Sn, [
+        h(Re)
+      ]),
+      n("div", Rn, [
         r("", !0),
-        y(Nt)
+        h(Lt)
       ])
     ]));
   }
-}), Mn = /* @__PURE__ */ G(Rn, [["__scopeId", "data-v-3e15c4e3"]]), Un = {
+}), Un = /* @__PURE__ */ G(Mn, [["__scopeId", "data-v-3e15c4e3"]]), Hn = {
   key: 0,
   id: "konnectio-event-listings-wrapper"
-}, Hn = {
+}, Gn = {
   key: 1,
   class: "konnectio-hotel-availability-title"
-}, Gn = { class: "konnectio-event-listings" }, zn = { class: "konnectio-hotel-availability-title" }, qn = { class: "konnectio-event-listings" }, Yn = ["innerHTML"], jn = { class: "konnectio-panel" }, Wn = {
+}, zn = { class: "konnectio-event-listings" }, qn = { class: "konnectio-hotel-availability-title" }, Yn = { class: "konnectio-event-listings" }, jn = ["innerHTML"], Wn = { class: "konnectio-panel" }, Zn = {
   key: 0,
   id: "konnectio-event-addons"
-}, Zn = { class: "konnectio-table with-lines" }, Qn = { class: "konnectio-event-addons-price" }, Jn = { class: "konnectio-event-addons-input" }, Kn = { class: "konnectio-event-addons-price" }, Xn = { class: "konnectio-event-addons-price" }, _n = {
+}, Qn = { class: "konnectio-table with-lines" }, Jn = { class: "konnectio-event-addons-price" }, Kn = { class: "konnectio-event-addons-input" }, Xn = { class: "konnectio-event-addons-price" }, _n = { class: "konnectio-event-addons-price" }, ea = {
   key: 1,
   class: "konnectio-table with-lines without-header"
-}, ea = { class: "konnectio-table-addons-information" }, ta = { key: 0 }, na = { class: "konnectio-table-addons-option" }, aa = { class: "konnectio-panel" }, la = /* @__PURE__ */ M({
+}, ta = { class: "konnectio-table-addons-information" }, na = { key: 0 }, aa = { class: "konnectio-table-addons-option" }, la = { class: "konnectio-panel" }, oa = /* @__PURE__ */ M({
   name: "EventLayout",
   __name: "Event",
   props: {
@@ -718,25 +718,25 @@ const Kt = {
     hideAllergies: { default: "no" },
     showFlagOnTable: { default: "no" },
     showHighChairs: {},
+    sortOrder: { default: "asc" },
     styling: {}
   },
   setup(t) {
-    const i = t, { t: a } = _(), {
-      addons: D,
-      products: b,
-      numberOfDays: k,
-      flagOnTable: g,
-      numberOfHighChairs: f,
-      name: h,
-      phone: P,
-      email: $,
-      remark: E,
-      allergies: T,
-      arrivalTime: w,
-      hasEvents: O,
-      hasTemplates: u,
-      getEvents: p,
-      getTemplates: Y,
+    const i = t, { t: a } = _(), E = X(), {
+      addons: m,
+      products: f,
+      numberOfDays: g,
+      flagOnTable: k,
+      numberOfHighChairs: p,
+      name: D,
+      phone: $,
+      email: P,
+      remark: T,
+      allergies: w,
+      arrivalTime: x,
+      hasEvents: u,
+      hasTemplates: y,
+      getTemplates: j,
       getEventData: B,
       getTemplateData: C,
       getEventTableData: U,
@@ -744,23 +744,23 @@ const Kt = {
       eventRateType: ie,
       areListingsAvailable: ge,
       isAvailabilityDataAvailable: se,
-      hasListingData: ke,
+      hasListingData: fe,
       isPaymentLoading: ee,
       isReservationFormFilled: te,
       requiresArrivalTime: re,
-      hasSelectedRequiredProducts: j,
-      getUnavailableEvents: W,
+      hasSelectedRequiredProducts: W,
+      getUnavailableEvents: Z,
       hasFallbackEvents: $e,
-      getFallbackEvents: Me
-    } = q(X()), { currency: de, enableTracking: ne } = q(oe()), { setActiveIdFilter: Ue } = oe(), { eventDate: He, eventLocation: Ge } = q(Pe()), { isValidRestaurantId: ze } = Pe(), {
-      initialize: qe,
-      fetchListings: Ye,
-      createBooking: je,
-      localAddonPrice: We,
-      totalAddonPrice: Ze,
-      reset: Qe,
-      goBack: we
-    } = X(), { beginEventCheckout: Je } = Ae(), { display: fe } = Ee(), Ke = Z(() => [
+      getFallbackEvents: Ue
+    } = q(E), we = Y(() => E.getSortedEvents(i.sortOrder)), { currency: de, enableTracking: ne } = q(oe()), { setActiveIdFilter: He } = oe(), { eventDate: Ge, eventLocation: ze } = q(Pe()), { isValidRestaurantId: qe } = Pe(), {
+      initialize: Ye,
+      fetchListings: je,
+      createBooking: We,
+      localAddonPrice: Ze,
+      totalAddonPrice: Qe,
+      reset: Je,
+      goBack: Oe
+    } = X(), { beginEventCheckout: Ke } = Se(), { display: ke } = Ee(), Xe = Y(() => [
       {
         id: "availability",
         label: a("booking.availability.title"),
@@ -786,7 +786,7 @@ const Kt = {
         label: a("booking.confirmation.title"),
         icon: "calendar-check"
       }
-    ]), Xe = Z(() => {
+    ]), _e = Y(() => {
       const L = [];
       return U.value && U.value.forEach((c) => {
         L.find((V) => V.value === c.time) || L.push({
@@ -795,90 +795,90 @@ const Kt = {
         });
       }), L;
     });
-    function _e() {
-      Qe(i.resetDate === "yes");
+    function et() {
+      Je(i.resetDate === "yes");
     }
-    function et(L) {
-      ne.value && Je(), je(L);
+    function tt(L) {
+      ne.value && Ke(), We(L);
     }
-    function tt() {
-      const L = wt("history", {
+    function nt() {
+      const L = Ot("history", {
         removeNullishValues: !0
-      }), c = parseInt(L.rid), V = L.d, x = parseInt(L.eid);
+      }), c = parseInt(L.rid), V = L.d, O = parseInt(L.eid);
       if (V)
         if (xt(V)) {
           const d = new Date(V), I = d.setHours(12, 0, 0, 0), H = (/* @__PURE__ */ new Date()).setHours(12, 0, 0, 0);
-          I >= H ? He.value = d : (fe({
+          I >= H ? Ge.value = d : (ke({
             message: a("alert.error.invalidDateRange"),
             type: "error"
           }), L.d = void 0);
         } else
-          fe({
+          ke({
             message: a("alert.error.wrongDateFormat"),
             type: "error"
           });
-      isNaN(c) || (ze(c) ? Ge.value = c : (L.rid = void 0, fe({
+      isNaN(c) || (qe(c) ? ze.value = c : (L.rid = void 0, ke({
         message: a("alert.error.hotelIdNotFound"),
         type: "error"
-      }))), isNaN(x) || Ue(x), Ye();
+      }))), isNaN(O) || He(O), je();
     }
-    return (L, c) => (l(), m($t, { styling: t.styling }, {
-      default: v(() => [
-        (l(), m(dt, { onResolve: tt }, {
-          default: v(() => [
-            y(Ot, {
+    return (L, c) => (l(), v(wt, { styling: t.styling }, {
+      default: b(() => [
+        (l(), v(ct, { onResolve: nt }, {
+          default: b(() => [
+            h(Tt, {
               id: "konnectio-event-module",
               "access-token": t.accessToken,
-              callback: e(qe)
+              callback: e(Ye)
             }, {
-              default: v(() => [
-                y(Lt, {
-                  steps: Ke.value,
-                  onReset: _e
+              default: b(() => [
+                h(Ct, {
+                  steps: Xe.value,
+                  onReset: et
                 }, {
-                  availability: v(({ next: V }) => [
-                    y(De, null, {
-                      sidebar: v(() => [
-                        y(Yt, {
+                  availability: b(({ next: V }) => [
+                    h(De, null, {
+                      sidebar: b(() => [
+                        h(jt, {
                           redirection: !1,
                           "selected-location": Number(t.selectedLocation),
                           "hide-locations": t.hideLocations === "yes"
                         }, null, 8, ["selected-location", "hide-locations"])
                       ]),
-                      form: v(() => [
-                        e(ke) && e(ge) ? (l(), s("div", Un, [
-                          e($e) ? (l(!0), s(N, { key: 0 }, R(e(Me), ({
-                            id: x,
+                      form: b(() => [
+                        e(fe) && e(ge) ? (l(), s("div", Hn, [
+                          e($e) ? (l(!0), s(N, { key: 0 }, R(e(Ue), ({
+                            id: O,
                             name: d,
                             description: I,
                             images: H
-                          }) => (l(), m(hn, {
-                            key: x,
+                          }) => (l(), v(pn, {
+                            key: O,
                             type: "event",
-                            "listing-id": x,
+                            "listing-id": O,
                             description: I,
                             name: d,
                             gallery: H,
                             "tracking-enabled": e(ne),
                             callback: V
                           }, null, 8, ["listing-id", "description", "name", "gallery", "tracking-enabled", "callback"]))), 128)) : r("", !0),
-                          e(p).length > 0 && e(W).length > 0 ? (l(), s("h2", Hn, [
-                            y(le, {
+                          we.value.length > 0 && e(Z).length > 0 ? (l(), s("h2", Gn, [
+                            h(le, {
                               icon: "calendar-clock",
                               type: "fal",
                               color: "header"
                             }),
                             n("span", null, o(e(a)("event.availableNow")), 1)
                           ])) : r("", !0),
-                          n("ul", Gn, [
-                            e(O) && t.onlyShow !== "templates" ? (l(!0), s(N, { key: 0 }, R(e(p), (x) => (l(), m(on, {
-                              name: x.name,
-                              events: x.events,
+                          n("ul", zn, [
+                            e(u) && t.onlyShow !== "templates" ? (l(!0), s(N, { key: 0 }, R(we.value, (O) => (l(), v(sn, {
+                              name: O.name,
+                              events: O.events,
                               "tracking-enabled": e(ne),
                               callback: V
                             }, null, 8, ["name", "events", "tracking-enabled", "callback"]))), 256)) : r("", !0),
-                            e(u) && t.onlyShow !== "events" ? (l(!0), s(N, { key: 1 }, R(e(Y), ({
-                              id: x,
+                            e(y) && t.onlyShow !== "events" ? (l(!0), s(N, { key: 1 }, R(e(j), ({
+                              id: O,
                               name: d,
                               fromDate: I,
                               toDate: H,
@@ -886,9 +886,9 @@ const Kt = {
                               fromPrice: A,
                               description: ye,
                               images: he
-                            }) => (l(), m(pn, {
-                              key: x,
-                              "listing-id": x,
+                            }) => (l(), v(Dn, {
+                              key: O,
+                              "listing-id": O,
                               name: d,
                               images: he,
                               description: ye,
@@ -900,45 +900,45 @@ const Kt = {
                               callback: V
                             }, null, 8, ["listing-id", "name", "images", "description", "from-date", "to-date", "minimum-person-count", "fromPrice", "tracking-enabled", "callback"]))), 128)) : r("", !0)
                           ]),
-                          e(W).length > 0 && t.onlyShow !== "templates" ? (l(), s(N, { key: 2 }, [
-                            n("h2", zn, [
-                              y(le, {
+                          e(Z).length > 0 && t.onlyShow !== "templates" ? (l(), s(N, { key: 2 }, [
+                            n("h2", qn, [
+                              h(le, {
                                 icon: "calendar-circle-exclamation",
                                 type: "fal",
                                 color: "header"
                               }),
                               n("span", null, o(e(a)("event.availableLater")), 1)
                             ]),
-                            n("ul", qn, [
-                              (l(!0), s(N, null, R(e(W), (x) => (l(), m(kn, {
-                                name: x.name,
-                                events: x.events,
+                            n("ul", Yn, [
+                              (l(!0), s(N, null, R(e(Z), (O) => (l(), v(kn, {
+                                name: O.name,
+                                events: O.events,
                                 "tracking-enabled": e(ne),
                                 callback: V
                               }, null, 8, ["name", "events", "tracking-enabled", "callback"]))), 256))
                             ])
                           ], 64)) : r("", !0),
-                          (!e(O) && !e(u) || !e(O) && t.onlyShow === "events" || !e(u) && t.onlyShow === "templates") && !e($e) ? (l(), s("div", {
+                          (!e(u) && !e(y) || !e(u) && t.onlyShow === "events" || !e(y) && t.onlyShow === "templates") && !e($e) ? (l(), s("div", {
                             key: 3,
                             class: "konnectio-panel",
                             innerHTML: e(a)("event.nothingAvailable")
-                          }, null, 8, Yn)) : r("", !0)
-                        ])) : (l(), m(Se, { key: 1 }))
+                          }, null, 8, jn)) : r("", !0)
+                        ])) : (l(), v(Re, { key: 1 }))
                       ]),
                       _: 2
                     }, 1024)
                   ]),
-                  addons: v(({ next: V, prev: x }) => [
-                    e(se) ? (l(), m(De, {
+                  addons: b(({ next: V, prev: O }) => [
+                    e(se) ? (l(), v(De, {
                       key: 0,
-                      "prev-callback": () => e(we)(x)
+                      "prev-callback": () => e(Oe)(O)
                     }, {
-                      form: v(() => [
-                        n("form", jn, [
+                      form: b(() => [
+                        n("form", Wn, [
                           n("h2", null, [
                             n("span", null, o(e(a)("event.selectProducts")), 1)
                           ]),
-                          e(C) && e(C).length > 0 ? (l(), s("ul", Wn, [
+                          e(C) && e(C).length > 0 ? (l(), s("ul", Zn, [
                             (l(!0), s(N, null, R(e(C), ({
                               roomGroupId: d,
                               addons: I,
@@ -947,21 +947,21 @@ const Kt = {
                               n("h5", null, [
                                 n("span", null, o(e(a)("booking.reservation.room")) + " #" + o(F + 1), 1),
                                 c[9] || (c[9] = ue(" (", -1)),
-                                y(le, {
+                                h(le, {
                                   icon: "male",
                                   type: "fas",
                                   color: "header"
                                 }),
                                 ue(" " + o(H) + ") ", 1)
                               ]),
-                              n("table", Zn, [
+                              n("table", Qn, [
                                 n("thead", null, [
                                   n("tr", null, [
                                     n("th", null, [
                                       n("span", null, o(e(a)("booking.reservation.addons")), 1)
                                     ]),
                                     c[10] || (c[10] = n("th", { class: "konnectio-event-addons-input" }, null, -1)),
-                                    n("th", Qn, [
+                                    n("th", Jn, [
                                       n("span", null, o(e(a)("booking.availability.price")), 1)
                                     ])
                                   ])
@@ -971,30 +971,30 @@ const Kt = {
                                     id: A,
                                     cardinality: ye,
                                     name: he,
-                                    price: nt,
-                                    quantityStrategy: at
+                                    price: at,
+                                    quantityStrategy: lt
                                   }) => (l(), s("tr", { key: A }, [
                                     n("td", null, [
                                       n("b", null, o(he), 1),
                                       c[11] || (c[11] = n("br", null, null, -1)),
-                                      n("span", null, o(e(J)(nt, e(de))) + " " + o(e(Et)(at)), 1)
+                                      n("span", null, o(e(J)(at, e(de))) + " " + o(e($t)(lt)), 1)
                                     ]),
-                                    n("td", Jn, [
-                                      ye === 3 ? (l(), m(ae, {
+                                    n("td", Kn, [
+                                      ye === 3 ? (l(), v(ae, {
                                         key: 0,
-                                        modelValue: e(D)[`${d}.${A}.${F}`],
-                                        "onUpdate:modelValue": (pe) => e(D)[`${d}.${A}.${F}`] = pe,
+                                        modelValue: e(m)[`${d}.${A}.${F}`],
+                                        "onUpdate:modelValue": (pe) => e(m)[`${d}.${A}.${F}`] = pe,
                                         small: !0,
                                         "min-value": 0
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (l(), m(Le, {
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (l(), v(Ce, {
                                         key: 1,
-                                        modelValue: e(D)[`${d}.${A}.${F}`],
-                                        "onUpdate:modelValue": (pe) => e(D)[`${d}.${A}.${F}`] = pe,
+                                        modelValue: e(m)[`${d}.${A}.${F}`],
+                                        "onUpdate:modelValue": (pe) => e(m)[`${d}.${A}.${F}`] = pe,
                                         numeric: !0
                                       }, null, 8, ["modelValue", "onUpdate:modelValue"]))
                                     ]),
-                                    n("td", Kn, [
-                                      n("span", null, o(e(J)(e(We)(A, d, F), e(de))), 1)
+                                    n("td", Xn, [
+                                      n("span", null, o(e(J)(e(Ze)(A, d, F), e(de))), 1)
                                     ])
                                   ]))), 128))
                                 ]),
@@ -1002,9 +1002,9 @@ const Kt = {
                                   n("tr", null, [
                                     c[12] || (c[12] = n("td", null, null, -1)),
                                     c[13] || (c[13] = n("td", null, null, -1)),
-                                    n("td", Xn, [
+                                    n("td", _n, [
                                       n("u", null, [
-                                        n("span", null, o(e(J)(e(Ze)(d, F), e(de))), 1)
+                                        n("span", null, o(e(J)(e(Qe)(d, F), e(de))), 1)
                                       ])
                                     ])
                                   ])
@@ -1012,20 +1012,20 @@ const Kt = {
                               ])
                             ]))), 128))
                           ])) : r("", !0),
-                          e(Q) ? (l(), s("table", _n, [
+                          e(Q) ? (l(), s("table", ea, [
                             n("tbody", null, [
                               (l(!0), s(N, null, R(e(B).products, ({ id: d, name: I, price: H, description: F }) => (l(), s("tr", { key: d }, [
-                                n("td", ea, [
+                                n("td", ta, [
                                   n("b", null, [
                                     n("span", null, o(e(xe)(I)), 1)
                                   ]),
-                                  F && F !== I ? (l(), s("span", ta, o(e(xe)(F)), 1)) : r("", !0),
+                                  F && F !== I ? (l(), s("span", na, o(e(xe)(F)), 1)) : r("", !0),
                                   n("u", null, o(e(J)(H, e(de))), 1)
                                 ]),
-                                n("td", na, [
-                                  y(ae, {
-                                    modelValue: e(b)[d],
-                                    "onUpdate:modelValue": (A) => e(b)[d] = A,
+                                n("td", aa, [
+                                  h(ae, {
+                                    modelValue: e(f)[d],
+                                    "onUpdate:modelValue": (A) => e(f)[d] = A,
                                     small: !0,
                                     "min-value": 0
                                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
@@ -1035,10 +1035,10 @@ const Kt = {
                           ])) : r("", !0)
                         ])
                       ]),
-                      navigation: v(() => [
-                        y(me, {
+                      navigation: b(() => [
+                        h(me, {
                           label: e(a)("event.startReservation"),
-                          disabled: !e(j),
+                          disabled: !e(W),
                           "full-width": "",
                           onClickEvent: V
                         }, null, 8, ["label", "disabled", "onClickEvent"])
@@ -1046,29 +1046,29 @@ const Kt = {
                       _: 2
                     }, 1032, ["prev-callback"])) : r("", !0)
                   ]),
-                  reservation: v(({ next: V, prev: x }) => [
-                    y(De, {
+                  reservation: b(({ next: V, prev: O }) => [
+                    h(De, {
                       "show-terms-notice": !0,
                       "show-gift-card": !0,
-                      "prev-callback": () => e(we)(x)
+                      "prev-callback": () => e(Oe)(O)
                     }, {
-                      form: v(() => [
-                        n("form", aa, [
+                      form: b(() => [
+                        n("form", la, [
                           n("h2", null, [
                             n("span", null, o(e(a)("booking.reservation.detailsTitle")), 1)
                           ]),
-                          y(ce, {
-                            modelValue: e(h),
-                            "onUpdate:modelValue": c[0] || (c[0] = (d) => S(h) ? h.value = d : null),
+                          h(ce, {
+                            modelValue: e(D),
+                            "onUpdate:modelValue": c[0] || (c[0] = (d) => S(D) ? D.value = d : null),
                             type: "text",
                             label: e(a)("booking.reservation.name"),
                             icon: "user-alt",
                             placeholder: e(a)("booking.reservation.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          y(ce, {
-                            modelValue: e($),
-                            "onUpdate:modelValue": c[1] || (c[1] = (d) => S($) ? $.value = d : null),
+                          h(ce, {
+                            modelValue: e(P),
+                            "onUpdate:modelValue": c[1] || (c[1] = (d) => S(P) ? P.value = d : null),
                             label: e(a)("booking.reservation.email"),
                             type: "email",
                             name: "email",
@@ -1077,58 +1077,58 @@ const Kt = {
                             placeholder: e(a)("booking.reservation.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          y(qt, {
-                            modelValue: e(P),
-                            "onUpdate:modelValue": c[2] || (c[2] = (d) => S(P) ? P.value = d : null),
+                          h(Yt, {
+                            modelValue: e($),
+                            "onUpdate:modelValue": c[2] || (c[2] = (d) => S($) ? $.value = d : null),
                             label: e(a)("booking.reservation.phone"),
                             icon: "phone-office",
                             placeholder: e(a)("booking.reservation.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          e(re) ? (l(), m(Bt, {
+                          e(re) ? (l(), v(It, {
                             key: 0,
-                            modelValue: e(w),
-                            "onUpdate:modelValue": c[3] || (c[3] = (d) => S(w) ? w.value = d : null),
+                            modelValue: e(x),
+                            "onUpdate:modelValue": c[3] || (c[3] = (d) => S(x) ? x.value = d : null),
                             label: e(a)("event.selectArrivalTime"),
                             name: "eventTimeTable",
-                            checkboxes: Xe.value,
+                            checkboxes: _e.value,
                             required: ""
                           }, null, 8, ["modelValue", "label", "checkboxes"])) : r("", !0),
-                          e(ie) === e(Pt).FullDayEvent ? (l(), m(ae, {
+                          e(ie) === e(Et).FullDayEvent ? (l(), v(ae, {
                             key: 1,
-                            modelValue: e(k),
-                            "onUpdate:modelValue": c[4] || (c[4] = (d) => S(k) ? k.value = d : null),
+                            modelValue: e(g),
+                            "onUpdate:modelValue": c[4] || (c[4] = (d) => S(g) ? g.value = d : null),
                             label: e(a)("event.numberOfDays"),
                             "min-value": 1,
                             required: ""
                           }, null, 8, ["modelValue", "label"])) : r("", !0),
-                          t.showHighChairs === "yes" ? (l(), m(ae, {
+                          t.showHighChairs === "yes" ? (l(), v(ae, {
                             key: 2,
-                            modelValue: e(f),
-                            "onUpdate:modelValue": c[5] || (c[5] = (d) => S(f) ? f.value = d : null),
+                            modelValue: e(p),
+                            "onUpdate:modelValue": c[5] || (c[5] = (d) => S(p) ? p.value = d : null),
                             label: e(a)("event.numberOfHighChairs"),
                             icon: "baby",
                             "no-optional-label": !1
                           }, null, 8, ["modelValue", "label"])) : r("", !0),
-                          t.showFlagOnTable === "yes" ? (l(), m(Le, {
+                          t.showFlagOnTable === "yes" ? (l(), v(Ce, {
                             key: 3,
-                            modelValue: e(g),
-                            "onUpdate:modelValue": c[6] || (c[6] = (d) => S(g) ? g.value = d : null),
+                            modelValue: e(k),
+                            "onUpdate:modelValue": c[6] || (c[6] = (d) => S(k) ? k.value = d : null),
                             label: e(a)("event.flagOnTable")
                           }, null, 8, ["modelValue", "label"])) : r("", !0),
-                          t.hideRemarks !== "yes" ? (l(), m(ce, {
+                          t.hideRemarks !== "yes" ? (l(), v(ce, {
                             key: 4,
-                            modelValue: e(E),
-                            "onUpdate:modelValue": c[7] || (c[7] = (d) => S(E) ? E.value = d : null),
+                            modelValue: e(T),
+                            "onUpdate:modelValue": c[7] || (c[7] = (d) => S(T) ? T.value = d : null),
                             type: "textarea",
                             label: e(a)("booking.reservation.remark"),
                             icon: "info-circle",
                             placeholder: e(a)("booking.reservation.remarkPlaceholder")
                           }, null, 8, ["modelValue", "label", "placeholder"])) : r("", !0),
-                          t.hideAllergies !== "yes" && e(B)?.showAllergyFoodFieldOnline ? (l(), m(ce, {
+                          t.hideAllergies !== "yes" && e(B)?.showAllergyFoodFieldOnline ? (l(), v(ce, {
                             key: 5,
-                            modelValue: e(T),
-                            "onUpdate:modelValue": c[8] || (c[8] = (d) => S(T) ? T.value = d : null),
+                            modelValue: e(w),
+                            "onUpdate:modelValue": c[8] || (c[8] = (d) => S(w) ? w.value = d : null),
                             type: "textarea",
                             label: e(a)("booking.reservation.allergies"),
                             icon: "allergies",
@@ -1136,23 +1136,23 @@ const Kt = {
                           }, null, 8, ["modelValue", "label", "placeholder"])) : r("", !0)
                         ])
                       ]),
-                      navigation: v(() => [
-                        y(me, {
+                      navigation: b(() => [
+                        h(me, {
                           label: e(a)("general.confirmReservation"),
                           "is-loading": e(ee),
                           disabled: !e(te),
                           "full-width": "",
-                          onClickEvent: (d) => et(V)
+                          onClickEvent: (d) => tt(V)
                         }, null, 8, ["label", "is-loading", "disabled", "onClickEvent"])
                       ]),
                       _: 2
                     }, 1032, ["prev-callback"])
                   ]),
-                  payment: v(() => [
-                    y(zt)
+                  payment: b(() => [
+                    h(qt)
                   ]),
-                  confirmation: v(() => [
-                    y(Ct, {
+                  confirmation: b(() => [
+                    h(Bt, {
                       message: e(a)("event.confirmationMessage")
                     }, null, 8, ["message"])
                   ]),
@@ -1162,8 +1162,8 @@ const Kt = {
               _: 1
             }, 8, ["access-token", "callback"])
           ]),
-          fallback: v(() => [
-            y(Mn)
+          fallback: b(() => [
+            h(Un)
           ]),
           _: 1
         }))
@@ -1171,8 +1171,8 @@ const Kt = {
       _: 1
     }, 8, ["styling"]));
   }
-}), Be = /* @__PURE__ */ G(la, [["__scopeId", "data-v-c8565d9c"]]), oa = ct(), ia = ut, sa = ia();
-class ra extends HTMLElement {
+}), Ie = /* @__PURE__ */ G(oa, [["__scopeId", "data-v-f58c56d6"]]), ia = ut(), sa = mt, ra = sa();
+class da extends HTMLElement {
   vueApp;
   constructor() {
     super();
@@ -1181,14 +1181,14 @@ class ra extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const i = mt(Be, this.attributes);
-    this.vueApp = vt(Be, i), this.vueApp.provide("emitter", sa), this.vueApp.use(jt), this.vueApp.use(bt), this.vueApp.use(oa), this.vueApp.use(It), this.vueApp.use(gt), this.vueApp.use(At);
+    const i = vt(Ie, this.attributes);
+    this.vueApp = bt(Ie, i), this.vueApp.provide("emitter", ra), this.vueApp.use(Wt), this.vueApp.use(gt), this.vueApp.use(ia), this.vueApp.use(At), this.vueApp.use(ft), this.vueApp.use(St);
     const a = document.createElement("div");
     this.vueApp.mount(a), this.appendChild(a.children[0]);
   }
 }
-window.customElements.define("konnectio-event", ra);
+window.customElements.define("konnectio-event", da);
 export {
-  ra as default
+  da as default
 };
 //# sourceMappingURL=event.js.map