@konnectio/core 4.0.88 → 4.0.90

package/dist/hotel.js

@@ -1,16 +1,16 @@
-import { d as Z, u as se, s as X, r as le, K as uo, a as d, b as H, y as co, i as e, w as $, g as v, e as s, t as h, G as De, H as xe, f as y, j as T, z as q, F as U, v as Ke, B as Ze, A as F, h as Vt, D as po, c as x, o as lt, E as Ne, n as Me, S as mo, L as fo, M as ho, N as vo, k as yo, l as ko, m as go, p as bo, q as _o } from "./mitt-Cg46J41N.js";
-import { g as ve, b as ye, u as Ce, I as W, s as oe, z as we, l as Je, m as pe, j as ne, _ as fe, d as Be, A as Tt, f as et, e as me, B as wt, a as $t, D as ct, T as ue, r as Vo, E as To, C as wo, k as pt, n as $o, o as mt, p as Co } from "./SelectField.vue_vue_type_style_index_0_lang-HlNLn_PC.js";
-import { G as Po } from "./style-BEbp8L4f.js";
-import { R as Ao, B as Ue, L as Ho, S as So, M as Do, b as ze, C as Io, T as No, V as Mo, a as Ro } from "./masonry.plugin-DjoCgAa8.js";
-import { A as Lo, H as Bo } from "./AvailabilitySkeleton-DuS6EF5A.js";
-import { S as Uo } from "./TermsOfService-D3_RZAXa.js";
-import { C as $e, B as Eo, P as Oo, a as Fo } from "./CheckoutWindow-gdDFWtqb.js";
-import { _ as Ct } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_cebeb733_lang-gdKPuOKO.js";
+import { d as ee, u as se, s as Z, r as le, K as uo, a as d, b as H, y as co, i as e, w as $, g as h, e as s, t as f, G as Se, H as Je, f as v, j as w, z as j, F, v as ze, B as et, A as q, h as Vt, D as po, c as K, o as it, E as Me, n as Re, S as mo, L as fo, M as ho, N as vo, k as yo, l as go, m as ko, p as bo, q as _o } from "./mitt-B7wNuBju.js";
+import { g as ve, b as ye, u as $e, I as x, s as oe, z as Te, l as Ye, m as pe, j as ne, _ as fe, d as Ue, A as Tt, f as tt, e as me, B as wt, a as $t, D as pt, T as ue, r as Vo, E as To, C as wo, k as mt, n as $o, o as ft, p as Co } from "./SelectField.vue_vue_type_style_index_0_lang-CNCc38J_.js";
+import { G as Po } from "./style-B-eJeldE.js";
+import { R as Ao, B as Ee, L as Do, S as Ho, M as So, b as Qe, C as Io, T as No, V as Mo, a as Ro } from "./masonry.plugin-BiQsiic0.js";
+import { A as Bo, H as Lo } from "./AvailabilitySkeleton-Yda51kLP.js";
+import { S as Uo } from "./TermsOfService-DWEQVnMu.js";
+import { C as we, B as Eo, P as Oo, a as Fo } from "./CheckoutWindow-Cm1ExHuS.js";
+import { _ as Ct } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_cebeb733_lang-DJtuvKY-.js";
 const Go = { key: 0 }, qo = { class: "konnectio-hotel-reservation-warning" }, jo = { class: "konnectio-hotel-reservation-warning" }, Wo = { class: "konnectio-hotel-reservation-warning" };
 const xo = { key: 0 }, Ko = { key: 1 }, Jo = { key: 0 }, zo = { class: "konnectio-reservation-actions" }, Yo = {
   key: 0,
   class: "konnectio-newsletter-signup"
-}, Qo = { class: "konnectio-hotel-reservation-tooltip" }, Xo = /* @__PURE__ */ Z({
+}, Qo = { class: "konnectio-hotel-reservation-tooltip" }, Xo = /* @__PURE__ */ ee({
   __name: "HotelReservationForm",
   props: {
     showGiftCard: { type: Boolean, default: !1 },
@@ -21,138 +21,139 @@ const xo = { key: 0 }, Ko = { key: 1 }, Jo = { key: 0 }, zo = { class: "konnecti
     const { t } = se(), {
       disableNewsletterSignup: n,
       currency: o
-    } = X(ve()), {
-      hasArrivalDepartureInputs: i
+    } = Z(ve()), {
+      hasArrivalDepartureInputs: a
     } = ve(), {
-      arrivalTime: a,
+      arrivalTime: i,
       departureTime: r,
-      roomDisplay: f,
+      roomDisplay: m,
       templateID: u,
-      totalPrice: c,
-      areListingsLoading: p,
-      getSelectedPackageRoom: m,
+      totalPrice: p,
+      areListingsLoading: y,
+      getSelectedPackageRoom: c,
       selectedPackage: g,
-      discountVouchers: w,
-      currentArrivalDate: C,
-      currentDepartureDate: S,
-      datesMismatch: G,
-      currentLocation: D,
-      locationMismatch: K,
-      newsMails: _,
-      termsOfService: A,
-      discountCode: M,
+      discountVouchers: _,
+      currentArrivalDate: P,
+      currentDepartureDate: C,
+      datesMismatch: R,
+      currentLocation: L,
+      locationMismatch: I,
+      newsMails: V,
+      termsOfService: D,
+      discountCode: S,
       hasTermOfService: z,
-      acceptTerms: L,
+      acceptTerms: U,
       totalTemplateAddonPrice: Y,
-      totalRooms: E,
+      totalRooms: G,
       totalAdults: ae,
-      totalChildren: ie
-    } = X(ye()), { hasHotelLocations: j } = X(Ce()), { removeRoom: Pe, validateDiscountCode: ge } = ye(), { getHotelLocationName: be } = Ce(), _e = le(!1);
-    function Ae(ee) {
-      return ee.reduce((he, { totalPrice: R }) => he + R, 0);
+      totalChildren: ie,
+      templateRoomTotalPrice: W
+    } = Z(ye()), { hasHotelLocations: ke } = Z($e()), { removeRoom: Ce, validateDiscountCode: be } = ye(), { getHotelLocationName: Oe } = $e(), _e = le(!1);
+    function Pe(X) {
+      return X.reduce((he, { totalPrice: B }) => he + B, 0);
     }
-    return (ee, O) => {
+    return (X, E) => {
       const he = uo("tooltip");
       return d(), H(Ao, {
-        "discount-code": e(M),
-        "onUpdate:discountCode": O[4] || (O[4] = (R) => F(M) ? M.value = R : null),
-        "validate-discount-code": e(ge),
-        "total-price": e(c),
-        "show-gift-card": ee.showGiftCard,
-        "show-terms-notice": ee.showTermsNotice,
-        "is-sidebar-loading": e(p),
+        "discount-code": e(S),
+        "onUpdate:discountCode": E[4] || (E[4] = (B) => q(S) ? S.value = B : null),
+        "validate-discount-code": e(be),
+        "total-price": e(p),
+        "show-gift-card": X.showGiftCard,
+        "show-terms-notice": X.showTermsNotice,
+        "is-sidebar-loading": e(y),
         notice: e(t)("hotel.reservationNotice"),
-        "prev-callback": ee.prevCallback
+        "prev-callback": X.prevCallback
       }, co({
         form: $(() => [
-          Ke(ee.$slots, "form", {}, void 0, !0)
+          ze(X.$slots, "form", {}, void 0, !0)
         ]),
         "price-summary": $(() => [
-          isNaN(e(u)) && e(f).length > 0 ? (d(!0), v(U, { key: 0 }, q(e(f), ({
-            roomGroupID: R,
+          isNaN(e(u)) && e(m).length > 0 ? (d(!0), h(F, { key: 0 }, j(e(m), ({
+            roomGroupID: B,
             title: Ve,
-            variants: Te
-          }) => (d(), v("div", { key: R }, [
+            variants: Fe
+          }) => (d(), h("div", { key: B }, [
             s("h6", null, [
-              s("span", null, h(Ve), 1)
+              s("span", null, f(Ve), 1)
             ]),
-            (d(!0), v(U, null, q(Te, (He, Ee) => (d(), v("div", { key: Ee }, [
-              (d(!0), v(U, null, q(He.rooms, (re, Oe) => (d(), v("ul", { key: Oe }, [
+            (d(!0), h(F, null, j(Fe, (Ae, Ge) => (d(), h("div", { key: Ge }, [
+              (d(!0), h(F, null, j(Ae.rooms, (re, qe) => (d(), h("ul", { key: qe }, [
                 s("li", null, [
                   s("span", null, [
                     s("span", null, [
-                      Ze(h(e(pe)(He.name)) + " ( ", 1),
-                      y(W, {
+                      et(f(e(pe)(Ae.name)) + " ( ", 1),
+                      v(x, {
                         icon: "male",
                         type: "fas",
                         color: "font"
                       }),
-                      s("span", null, h(re.adultsCount), 1),
-                      re.childrenCount > 0 ? (d(), v(U, { key: 0 }, [
-                        y(W, {
+                      s("span", null, f(re.adultsCount), 1),
+                      re.childrenCount > 0 ? (d(), h(F, { key: 0 }, [
+                        v(x, {
                           icon: "child",
                           type: "fas",
                           color: "font"
                         }),
-                        s("span", null, h(re.childrenCount), 1)
-                      ], 64)) : T("", !0),
-                      O[5] || (O[5] = Ze(") "))
+                        s("span", null, f(re.childrenCount), 1)
+                      ], 64)) : w("", !0),
+                      E[5] || (E[5] = et(") "))
                     ])
                   ]),
                   s("b", null, [
-                    s("span", null, h(e(ne)(re.totalPrice, e(o))), 1),
-                    T("", !0)
+                    s("span", null, f(e(ne)(re.totalPrice, e(o))), 1),
+                    w("", !0)
                   ])
                 ]),
-                Ae(re.roomAddons) > 0 ? (d(), v("li", xo, [
-                  s("span", null, h(e(t)("general.addons")), 1),
-                  s("b", null, h(e(ne)(Ae(re.roomAddons), e(o))), 1)
-                ])) : T("", !0)
+                Pe(re.roomAddons) > 0 ? (d(), h("li", xo, [
+                  s("span", null, f(e(t)("general.addons")), 1),
+                  s("b", null, f(e(ne)(Pe(re.roomAddons), e(o))), 1)
+                ])) : w("", !0)
               ]))), 128))
             ]))), 128))
-          ]))), 128)) : T("", !0),
-          e(m) && e(g) ? (d(), v("div", Ko, [
+          ]))), 128)) : w("", !0),
+          e(c) && e(g) ? (d(), h("div", Ko, [
             s("h6", null, [
-              s("span", null, h(e(pe)(e(g).name)), 1)
+              s("span", null, f(e(pe)(e(g).name)), 1)
             ]),
             s("div", null, [
               s("ul", null, [
                 s("li", null, [
                   s("span", null, [
-                    s("span", null, h(e(pe)(e(m).title)), 1)
+                    s("span", null, f(e(pe)(e(c).title)), 1)
                   ]),
                   s("b", null, [
-                    s("span", null, h(e(ne)(e(m).extraPrice, e(o))), 1)
+                    s("span", null, f(e(ne)(e(W), e(o))), 1)
                   ])
                 ]),
-                e(Y) ? (d(), v("li", Jo, [
-                  s("span", null, h(e(t)("general.addons")), 1),
-                  s("b", null, h(e(ne)(e(Y), e(o))), 1)
-                ])) : T("", !0)
+                e(Y) ? (d(), h("li", Jo, [
+                  s("span", null, f(e(t)("general.addons")), 1),
+                  s("b", null, f(e(ne)(e(Y), e(o))), 1)
+                ])) : w("", !0)
               ])
             ])
-          ])) : T("", !0)
+          ])) : w("", !0)
         ]),
         actions: $(() => [
           s("ul", zo, [
-            e(n) ? T("", !0) : (d(), v("div", Yo, [
-              y($e, {
-                modelValue: e(_),
-                "onUpdate:modelValue": O[0] || (O[0] = (R) => F(_) ? _.value = R : null),
+            e(n) ? w("", !0) : (d(), h("div", Yo, [
+              v(we, {
+                modelValue: e(V),
+                "onUpdate:modelValue": E[0] || (E[0] = (B) => q(V) ? V.value = B : null),
                 type: "checkbox",
                 name: "newsletter",
                 label: e(t)("booking.reservation.newsletterSignUp")
               }, null, 8, ["modelValue", "label"])
             ])),
-            e(z) ? (d(), H($e, {
+            e(z) ? (d(), H(we, {
               key: 1,
-              modelValue: e(L),
-              "onUpdate:modelValue": O[2] || (O[2] = (R) => F(L) ? L.value = R : null),
+              modelValue: e(U),
+              "onUpdate:modelValue": E[2] || (E[2] = (B) => q(U) ? U.value = B : null),
               type: "checkbox",
               name: "terms"
             }, {
               default: $(() => [
-                y(e(po), {
+                v(e(po), {
                   keypath: "general.termsAndConditionsCheckbox",
                   tag: "span",
                   scope: "global"
@@ -160,112 +161,112 @@ const xo = { key: 0 }, Ko = { key: 1 }, Jo = { key: 0 }, zo = { class: "konnecti
                   terms: $(() => [
                     s("a", {
                       class: "konnectio-accept-terms-link",
-                      onClick: O[1] || (O[1] = Vt((R) => _e.value = !0, ["prevent"]))
+                      onClick: E[1] || (E[1] = Vt((B) => _e.value = !0, ["prevent"]))
                     }, [
-                      s("span", null, h(e(Je)(e(t)("general.termsAndConditions"))), 1)
+                      s("span", null, f(e(Ye)(e(t)("general.termsAndConditions"))), 1)
                     ])
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            }, 8, ["modelValue"])) : T("", !0),
-            Ke(ee.$slots, "actions", {}, void 0, !0),
-            y(Uo, {
+            }, 8, ["modelValue"])) : w("", !0),
+            ze(X.$slots, "actions", {}, void 0, !0),
+            v(Uo, {
               modelValue: _e.value,
-              "onUpdate:modelValue": O[3] || (O[3] = (R) => _e.value = R),
-              description: e(A)
+              "onUpdate:modelValue": E[3] || (E[3] = (B) => _e.value = B),
+              description: e(D)
             }, null, 8, ["modelValue", "description"])
           ])
         ]),
         navigation: $(() => [
-          Ke(ee.$slots, "navigation", {}, void 0, !0)
+          ze(X.$slots, "navigation", {}, void 0, !0)
         ]),
         "mobile-under-price": $(() => [
-          O[6] || (O[6] = s("span", null, "For ", -1)),
-          s("b", null, h(e(we)(e(C), e(S))) + " " + h(e(Je)(e(we)(e(C), e(S)) === 1 ? e(t)("booking.reservation.night") : e(t)("booking.reservation.nights"))), 1),
-          De((d(), v("span", Qo, [
-            y(W, {
+          E[6] || (E[6] = s("span", null, "For ", -1)),
+          s("b", null, f(e(Te)(e(P), e(C))) + " " + f(e(Ye)(e(Te)(e(P), e(C)) === 1 ? e(t)("booking.reservation.night") : e(t)("booking.reservation.nights"))), 1),
+          Se((d(), h("span", Qo, [
+            v(x, {
               icon: "circle-info",
               type: "fas"
             })
           ])), [
             [he, {
-              content: `<span>(${e(oe)(e(C))} - ${e(oe)(e(S))})</span>`,
+              content: `<span>(${e(oe)(e(P))} - ${e(oe)(e(C))})</span>`,
               classes: ["tooltip", "konnectio-tooltip"],
               html: !0
             }]
           ])
         ]),
         "mobile-summary": $(() => [
-          s("span", null, h(`${e(ae)} ${e(ae) === 1 ? e(t)("general.adult") : e(t)("general.adults")}`), 1),
-          s("span", null, h(`${e(ie)} ${e(ie) === 1 ? e(t)("general.child") : e(t)("general.children")}`), 1),
-          s("span", null, h(`${e(E)} ${e(E) === 1 ? e(t)("booking.reservation.room") : e(t)("booking.reservation.rooms")}`), 1)
+          s("span", null, f(`${e(ae)} ${e(ae) === 1 ? e(t)("general.adult") : e(t)("general.adults")}`), 1),
+          s("span", null, f(`${e(ie)} ${e(ie) === 1 ? e(t)("general.child") : e(t)("general.children")}`), 1),
+          s("span", null, f(`${e(G)} ${e(G) === 1 ? e(t)("booking.reservation.room") : e(t)("booking.reservation.rooms")}`), 1)
         ]),
         _: 2
       }, [
-        isNaN(e(D)) ? void 0 : {
+        isNaN(e(L)) ? void 0 : {
           name: "reservation-summary",
           fn: $(() => [
-            e(j) ? (d(), v("li", Go, [
-              s("span", null, h(e(t)("general.location")), 1),
+            e(ke) ? (d(), h("li", Go, [
+              s("span", null, f(e(t)("general.location")), 1),
               s("b", null, [
-                s("span", null, h(e(be)(e(D))), 1),
-                De(s("span", qo, [
-                  y(W, {
+                s("span", null, f(e(Oe)(e(L))), 1),
+                Se(s("span", qo, [
+                  v(x, {
                     icon: "exclamation-triangle",
                     type: "fas"
                   })
                 ], 512), [
-                  [xe, e(K)]
+                  [Je, e(I)]
                 ])
               ])
-            ])) : T("", !0),
+            ])) : w("", !0),
             s("li", null, [
-              s("span", null, h(e(t)("booking.reservation.arrival")), 1),
+              s("span", null, f(e(t)("booking.reservation.arrival")), 1),
               s("b", null, [
-                s("span", null, h(e(i)(e(D)) ? `${e(oe)(e(C))}, ${e(a)}` : e(oe)(e(C))), 1),
-                De(s("span", jo, [
-                  y(W, {
+                s("span", null, f(e(a)(e(L)) ? `${e(oe)(e(P))}, ${e(i)}` : e(oe)(e(P))), 1),
+                Se(s("span", jo, [
+                  v(x, {
                     icon: "exclamation-triangle",
                     type: "fas"
                   })
                 ], 512), [
-                  [xe, e(G)]
+                  [Je, e(R)]
                 ])
               ])
             ]),
             s("li", null, [
-              s("span", null, h(e(t)("booking.reservation.departure")), 1),
+              s("span", null, f(e(t)("booking.reservation.departure")), 1),
               s("b", null, [
-                s("span", null, h(e(i)(e(D)) ? `${e(oe)(e(S))}, ${e(r)}` : e(oe)(e(S))), 1),
-                De(s("span", Wo, [
-                  y(W, {
+                s("span", null, f(e(a)(e(L)) ? `${e(oe)(e(C))}, ${e(r)}` : e(oe)(e(C))), 1),
+                Se(s("span", Wo, [
+                  v(x, {
                     icon: "exclamation-triangle",
                     type: "fas"
                   })
                 ], 512), [
-                  [xe, e(G)]
+                  [Je, e(R)]
                 ])
               ])
             ]),
             s("li", null, [
-              s("span", null, h(e(t)("booking.reservation.nights")), 1),
-              s("b", null, h(e(we)(e(C), e(S))) + " " + h(e(Je)(e(we)(e(C), e(S)) === 1 ? e(t)("booking.reservation.night") : e(t)("booking.reservation.nights"))), 1)
+              s("span", null, f(e(t)("booking.reservation.nights")), 1),
+              s("b", null, f(e(Te)(e(P), e(C))) + " " + f(e(Ye)(e(Te)(e(P), e(C)) === 1 ? e(t)("booking.reservation.night") : e(t)("booking.reservation.nights"))), 1)
             ]),
-            e(w) ? (d(!0), v(U, { key: 1 }, q(e(w), (R) => (d(), v("li", {
-              key: R.id
+            e(_) ? (d(!0), h(F, { key: 1 }, j(e(_), (B) => (d(), h("li", {
+              key: B.id
             }, [
-              s("span", null, h(`${e(t)("general.discountCode")} (${R.value})`), 1),
-              s("b", null, h(R.key), 1)
-            ]))), 128)) : T("", !0)
+              s("span", null, f(`${e(t)("general.discountCode")} (${B.value})`), 1),
+              s("b", null, f(B.key), 1)
+            ]))), 128)) : w("", !0)
           ]),
           key: "0"
         }
       ]), 1032, ["discount-code", "validate-discount-code", "total-price", "show-gift-card", "show-terms-notice", "is-sidebar-loading", "notice", "prev-callback"]);
     };
   }
-}), Ye = /* @__PURE__ */ fe(Xo, [["__scopeId", "data-v-447f92be"]]), Zo = { class: "konnectio-room-config-option" }, en = { key: 0 }, tn = { class: "konnectio-selected-room-config" }, on = { class: "konnectio-selected-room-config-people" }, nn = { key: 0 }, ln = { class: "konnectio-selected-room-config-price" }, an = /* @__PURE__ */ Z({
+}), Xe = /* @__PURE__ */ fe(Xo, [["__scopeId", "data-v-b1e2e78b"]]), Zo = { class: "konnectio-room-config-option" }, en = { key: 0 }, tn = { class: "konnectio-selected-room-config" }, on = { class: "konnectio-selected-room-config-people" }, nn = { key: 0 }, ln = { class: "konnectio-selected-room-config-price" }, an = /* @__PURE__ */ ee({
   __name: "RoomConfigField",
   props: {
     modelValue: {},
@@ -276,17 +277,17 @@ const xo = { key: 0 }, Ko = { key: 1 }, Jo = { key: 0 }, zo = { class: "konnecti
   },
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
-    const { t: n } = se(), { currency: o } = X(ve()), i = t, a = l;
+    const { t: n } = se(), { currency: o } = Z(ve()), a = t, i = l;
     function r(u) {
-      i("update:modelValue", u);
+      a("update:modelValue", u);
     }
-    const f = x({
-      get: () => a.modelValue,
+    const m = K({
+      get: () => i.modelValue,
       set: (u) => r(u)
     });
-    return (u, c) => (d(), H(Be, {
-      modelValue: f.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (p) => f.value = p),
+    return (u, p) => (d(), H(Ue, {
+      modelValue: m.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (y) => m.value = y),
       label: u.label,
       placeholder: "Select guest configuration",
       labelKey: "label",
@@ -297,42 +298,42 @@ const xo = { key: 0 }, Ko = { key: 1 }, Jo = { key: 0 }, zo = { class: "konnecti
       required: u.required,
       searchable: !1
     }, {
-      option: $(({ data: p }) => [
+      option: $(({ data: y }) => [
         s("span", Zo, [
           s("div", null, [
-            y(W, {
+            v(x, {
               icon: "male",
               type: "fas",
               color: "font"
             }),
-            s("span", null, h(`${p.adults}`), 1),
-            p.children > 0 ? (d(), v("span", en, [
-              y(W, {
+            s("span", null, f(`${y.adults}`), 1),
+            y.children > 0 ? (d(), h("span", en, [
+              v(x, {
                 icon: "child",
                 type: "fas",
                 color: "font"
               }),
-              s("span", null, h(`${p.children}`), 1)
-            ])) : T("", !0)
+              s("span", null, f(`${y.children}`), 1)
+            ])) : w("", !0)
           ]),
-          s("span", null, h(`(${e(ne)(p.price, e(o))})`), 1)
+          s("span", null, f(`(${e(ne)(y.price, e(o))})`), 1)
         ])
       ]),
-      "selected-option": $(({ data: p }) => [
+      "selected-option": $(({ data: y }) => [
         s("div", tn, [
           s("div", on, [
             s("div", null, [
-              T("", !0),
-              s("span", null, h(`${p.adults} ${p.adults === 1 ? e(n)("general.adult") : e(n)("general.adults")}`), 1)
+              w("", !0),
+              s("span", null, f(`${y.adults} ${y.adults === 1 ? e(n)("general.adult") : e(n)("general.adults")}`), 1)
             ]),
-            p.children > 0 ? (d(), v("div", nn, [
-              T("", !0),
-              s("span", null, h(`& ${p.children} ${p.children === 1 ? e(n)("general.child") : e(n)("general.children")}`), 1)
-            ])) : T("", !0)
+            y.children > 0 ? (d(), h("div", nn, [
+              w("", !0),
+              s("span", null, f(`& ${y.children} ${y.children === 1 ? e(n)("general.child") : e(n)("general.children")}`), 1)
+            ])) : w("", !0)
           ]),
           s("div", ln, [
-            c[1] || (c[1] = s("span", null, null, -1)),
-            Ze(" " + h(`(${e(ne)(p.price, e(o))})`), 1)
+            p[1] || (p[1] = s("span", null, null, -1)),
+            et(" " + f(`(${e(ne)(y.price, e(o))})`), 1)
           ])
         ])
       ]),
@@ -340,7 +341,7 @@ const xo = { key: 0 }, Ko = { key: 1 }, Jo = { key: 0 }, zo = { class: "konnecti
     }, 8, ["modelValue", "label", "options", "readonly", "required"]));
   }
 }), sn = /* @__PURE__ */ fe(an, [["__scopeId", "data-v-69fe83d8"]]), rn = { class: "konnectio-availability-listing-selection" }, dn = { key: 1 }, un = { class: "konnectio-listing-config-body" }, cn = { class: "konnectio-listing-units-body" };
-const pn = /* @__PURE__ */ Z({
+const pn = /* @__PURE__ */ ee({
   __name: "Hotel",
   props: {
     room: {},
@@ -348,31 +349,31 @@ const pn = /* @__PURE__ */ Z({
   },
   setup(l) {
     const { t } = se(), n = l, o = le([]);
-    function i(_) {
-      o.value[_].config.push({
+    function a(V) {
+      o.value[V].config.push({
         id: NaN,
         units: 0,
         addons: []
       });
     }
-    const a = x(() => n.room.rates.map((_) => ({
-      label: _.name,
-      value: _.id
-    }))), { hideAvailableRoomAmount: r, autoSelectRateId: f } = X(ve()), { roomSelect: u } = X(ye()), { addToCart: c, removeFromCart: p } = Tt(), m = (_, A) => n.room.rates.find((M) => M.id === _)?.occupantRates.find((M) => M.index === A), g = x(() => n.room.rates.every((_) => _.isBreakfastIncluded === !0)), w = (_, A) => m(_, A) ? m(_, A)?.rooms : null, C = (_) => n.room.rates.length > 0 ? n.room.rates.find((A) => A.id === _)?.occupantRates.map((A) => ({
-      value: A.index,
-      price: A.totalPrice,
-      adults: A.adultsCount,
-      children: A.childrenCount,
-      hasBreakfast: A.hasBreakfast
-    })) || [] : [], S = x(() => n.room.rates.length > 1);
-    function G(_, A) {
-      o.value[_].config[0].id = n.room.rates.find((M) => M.id === A.value)?.occupantRateIndex || NaN;
+    const i = K(() => n.room.rates.map((V) => ({
+      label: V.name,
+      value: V.id
+    }))), { hideAvailableRoomAmount: r, autoSelectRateId: m } = Z(ve()), { roomSelect: u } = Z(ye()), { addToCart: p, removeFromCart: y } = Tt(), c = (V, D) => n.room.rates.find((S) => S.id === V)?.occupantRates.find((S) => S.index === D), g = K(() => n.room.rates.every((V) => V.isBreakfastIncluded === !0)), _ = (V, D) => c(V, D) ? c(V, D)?.rooms : null, P = (V) => n.room.rates.length > 0 ? n.room.rates.find((D) => D.id === V)?.occupantRates.map((D) => ({
+      value: D.index,
+      price: D.totalPrice,
+      adults: D.adultsCount,
+      children: D.childrenCount,
+      hasBreakfast: D.hasBreakfast
+    })) || [] : [], C = K(() => n.room.rates.length > 1);
+    function R(V, D) {
+      o.value[V].config[0].id = n.room.rates.find((S) => S.id === D.value)?.occupantRateIndex || NaN;
     }
-    function D() {
-      S.value ? f.value ? o.value.push({
+    function L() {
+      C.value ? m.value ? o.value.push({
         id: n.room.bestRateMatch || void 0,
         config: [{
-          id: n.room.bestRateMatch && !isNaN(n.room.bestRateMatch) ? n.room.rates.find((_) => _.id === n.room.bestRateMatch)?.occupantRateIndex : NaN,
+          id: n.room.bestRateMatch && !isNaN(n.room.bestRateMatch) ? n.room.rates.find((V) => V.id === n.room.bestRateMatch)?.occupantRateIndex : NaN,
           units: 0,
           addons: []
         }]
@@ -392,102 +393,102 @@ const pn = /* @__PURE__ */ Z({
         }]
       });
     }
-    lt(() => {
-      D();
+    it(() => {
+      L();
     });
-    const K = x(() => JSON.parse(JSON.stringify(o.value)));
-    return Ne(K, (_, A) => {
-      A.length > 0 && _.forEach((M, z) => {
-        M.config.forEach((L, Y) => {
-          const E = L.units, ae = A[z].config[Y].units;
-          E !== ae && (E > ae ? (o.value[z].config[Y].addons.push({}), c({
+    const I = K(() => JSON.parse(JSON.stringify(o.value)));
+    return Me(I, (V, D) => {
+      D.length > 0 && V.forEach((S, z) => {
+        S.config.forEach((U, Y) => {
+          const G = U.units, ae = D[z].config[Y].units;
+          G !== ae && (G > ae ? (o.value[z].config[Y].addons.push({}), p({
             id: n.room.id,
             name: n.room.title,
             value: n.room.rates[z].rackRate
-          })) : (o.value[z].config[Y].addons.pop(), p({
+          })) : (o.value[z].config[Y].addons.pop(), y({
             id: n.room.id,
             name: n.room.title,
             value: n.room.rates[z].rackRate
           })));
         });
       });
-    }, { deep: !0 }), Ne(o, () => {
+    }, { deep: !0 }), Me(o, () => {
       u.value[n.room.id] = o.value;
-    }, { deep: !0 }), (_, A) => (d(), H(Ue, {
+    }, { deep: !0 }), (V, D) => (d(), H(Ee, {
       type: "hotel",
-      "listing-id": _.room.id,
-      gallery: _.room.images,
-      name: _.room.title,
-      description: _.room.description,
-      layout: _.layout,
-      facilities: _.room.facilities,
-      "prices-from": _.room.pricesFrom,
+      "listing-id": V.room.id,
+      gallery: V.room.images,
+      name: V.room.title,
+      description: V.room.description,
+      layout: V.layout,
+      facilities: V.room.facilities,
+      "prices-from": V.room.pricesFrom,
       "includes-breakfast": g.value
     }, {
       action: $(() => [
         s("div", rn, [
-          (d(!0), v(U, null, q(o.value, (M, z) => (d(), v("div", {
-            key: M.id,
+          (d(!0), h(F, null, j(o.value, (S, z) => (d(), h("div", {
+            key: S.id,
             class: "konnectio-hotel-room"
           }, [
-            S.value ? (d(), H(Be, {
+            C.value ? (d(), H(Ue, {
               key: 0,
-              modelValue: M.id,
-              "onUpdate:modelValue": (L) => M.id = L,
+              modelValue: S.id,
+              "onUpdate:modelValue": (U) => S.id = U,
               label: e(t)("hotel.roomVariant"),
               placeholder: e(t)("hotel.chooseARoomVariant"),
-              options: a.value,
+              options: i.value,
               searchable: !1,
-              onChanged: (L) => G(z, L)
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "placeholder", "options", "onChanged"])) : T("", !0),
-            M.id ? (d(), v("div", dn, [
-              (d(!0), v(U, null, q(_.room.rates, ({
-                id: L,
+              onChanged: (U) => R(z, U)
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "placeholder", "options", "onChanged"])) : w("", !0),
+            S.id ? (d(), h("div", dn, [
+              (d(!0), h(F, null, j(V.room.rates, ({
+                id: U,
                 maximumOccupants: Y
-              }) => (d(), v("div", {
-                key: L,
+              }) => (d(), h("div", {
+                key: U,
                 class: "konnectio-listing-action-selective-i"
               }, [
-                M.id === L ? (d(!0), v(U, { key: 0 }, q(M.config, (E, ae) => (d(), v("div", {
+                S.id === U ? (d(!0), h(F, { key: 0 }, j(S.config, (G, ae) => (d(), h("div", {
                   key: ae,
                   class: "konnectio-listing-action-selective"
                 }, [
                   s("ul", un, [
-                    y(sn, {
-                      modelValue: E.id,
-                      "onUpdate:modelValue": (ie) => E.id = ie,
+                    v(sn, {
+                      modelValue: G.id,
+                      "onUpdate:modelValue": (ie) => G.id = ie,
                       icon: "male",
                       "icon-type": "fas",
                       label: e(t)("general.guests"),
                       description: Y === 0 ? void 0 : `${e(t)("general.maximumGuests")}: ${Y}`,
-                      options: C(L),
-                      readonly: !(C(L).length > 1)
+                      options: P(U),
+                      readonly: !(P(U).length > 1)
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "description", "options", "readonly"])
                   ]),
                   s("ul", cn, [
-                    y(et, {
-                      modelValue: E.units,
-                      "onUpdate:modelValue": (ie) => E.units = ie,
-                      description: e(r) ? void 0 : `${e(t)("booking.availability.availableUnits")}: ${w(M.id, E.id)}`,
+                    v(tt, {
+                      modelValue: G.units,
+                      "onUpdate:modelValue": (ie) => G.units = ie,
+                      description: e(r) ? void 0 : `${e(t)("booking.availability.availableUnits")}: ${_(S.id, G.id)}`,
                       icon: "house",
                       "icon-type": "fas",
                       "icon-placement": "label",
                       label: e(t)("booking.availability.units"),
                       minValue: 0,
-                      "max-value": w(L, E.id) || 1 / 0
+                      "max-value": _(U, G.id) || 1 / 0
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "description", "label", "max-value"])
                   ]),
-                  T("", !0)
-                ]))), 128)) : T("", !0)
+                  w("", !0)
+                ]))), 128)) : w("", !0)
               ]))), 128))
-            ])) : T("", !0)
+            ])) : w("", !0)
           ]))), 128))
         ])
       ]),
       _: 1
     }, 8, ["listing-id", "gallery", "name", "description", "layout", "facilities", "prices-from", "includes-breakfast"]));
   }
-}), mn = /* @__PURE__ */ fe(pn, [["__scopeId", "data-v-102e8e63"]]), fn = { class: "konnectio-template-side-panel" }, hn = { class: "konnectio-template-side-panel-listings" }, vn = /* @__PURE__ */ Z({
+}), mn = /* @__PURE__ */ fe(pn, [["__scopeId", "data-v-102e8e63"]]), fn = { class: "konnectio-template-side-panel" }, hn = { class: "konnectio-template-side-panel-listings" }, vn = /* @__PURE__ */ ee({
   __name: "Template",
   props: {
     title: {},
@@ -497,44 +498,44 @@ const pn = /* @__PURE__ */ Z({
     callback: { type: Function }
   },
   setup(l) {
-    const { t } = se(), { templateID: n, roomGroupID: o, selectionHasNoAddons: i } = X(ye()), { currency: a } = X(ve()), { clearRoomSelection: r } = ye(), f = l, u = le(!0), c = x(() => {
-      function m(g, w) {
-        return u.value === !0 ? g.extraPrice > w.extraPrice ? -1 : 1 : g.extraPrice > w.extraPrice ? 1 : -1;
+    const { t } = se(), { templateID: n, roomGroupID: o, selectionHasNoAddons: a } = Z(ye()), { currency: i } = Z(ve()), { clearRoomSelection: r } = ye(), m = l, u = le(!0), p = K(() => {
+      function c(g, _) {
+        return u.value === !0 ? g.extraPrice > _.extraPrice ? -1 : 1 : g.extraPrice > _.extraPrice ? 1 : -1;
       }
-      return f.roomGroups?.slice().sort(m);
+      return m.roomGroups?.slice().sort(c);
     });
-    function p(m) {
-      n.value = f.templateId, o.value = m, r(), f.hideAddons === !0 || i.value ? f.callback(2) : f.callback(1);
+    function y(c) {
+      n.value = m.templateId, o.value = c, r(), m.hideAddons === !0 || a.value ? m.callback(2) : m.callback(1);
     }
-    return (m, g) => (d(), H(Eo, {
-      title: m.title,
+    return (c, g) => (d(), H(Eo, {
+      title: c.title,
       subtitle: e(t)("booking.availability.selectATemplateRoom")
     }, {
       default: $(() => [
         s("div", fn, [
           s("div", hn, [
-            (d(!0), v(U, null, q(c.value, ({
-              id: w,
-              title: C,
-              description: S,
-              images: G,
-              facilities: D,
-              extraPrice: K
-            }) => (d(), H(Ue, {
-              key: w,
-              "listing-id": w,
-              name: C,
-              description: S,
-              facilities: D,
-              gallery: G,
+            (d(!0), h(F, null, j(p.value, ({
+              id: _,
+              title: P,
+              description: C,
+              images: R,
+              facilities: L,
+              extraPrice: I
+            }) => (d(), H(Ee, {
+              key: _,
+              "listing-id": _,
+              name: P,
+              description: C,
+              facilities: L,
+              gallery: R,
               "includes-breakfast": !1,
               "hide-info-button": !0
             }, {
               action: $(() => [
                 s("div", null, [
-                  y(me, {
-                    onClickEvent: (_) => p(w),
-                    label: `${e(t)("booking.availability.selectThisRoom")} (${e(ne)(K, e(a))})`,
+                  v(me, {
+                    onClickEvent: (V) => y(_),
+                    label: `${e(t)("booking.availability.selectThisRoom")} (${e(ne)(I, e(i))})`,
                     "full-width": ""
                   }, null, 8, ["onClickEvent", "label"])
                 ])
@@ -547,7 +548,7 @@ const pn = /* @__PURE__ */ Z({
       _: 1
     }, 8, ["title", "subtitle"]));
   }
-}), Pt = /* @__PURE__ */ fe(vn, [["__scopeId", "data-v-7424de30"]]), yn = { class: "konnectio-template-select-package" }, kn = /* @__PURE__ */ Z({
+}), Pt = /* @__PURE__ */ fe(vn, [["__scopeId", "data-v-7424de30"]]), yn = { class: "konnectio-template-select-package" }, gn = /* @__PURE__ */ ee({
   __name: "Template",
   props: {
     id: {},
@@ -560,10 +561,10 @@ const pn = /* @__PURE__ */ Z({
     callback: { type: Function }
   },
   setup(l) {
-    const { t } = se(), n = l, o = x(() => n.roomGroups.reduce(
-      (u, c) => u < c.extraPrice ? u : c.extraPrice,
+    const { t } = se(), n = l, o = K(() => n.roomGroups.reduce(
+      (u, p) => u < p.extraPrice ? u : p.extraPrice,
       1 / 0
-    )), i = x(() => {
+    )), a = K(() => {
       if (n.image)
         return [{
           large: n.image.url,
@@ -571,19 +572,19 @@ const pn = /* @__PURE__ */ Z({
           thumb: n.image.url,
           url: n.image.url
         }];
-    }), a = le(!1);
+    }), i = le(!1);
     function r() {
-      a.value = !0;
+      i.value = !0;
     }
-    function f(u) {
-      n.callback(u), a.value = !1;
+    function m(u) {
+      n.callback(u), i.value = !1;
     }
-    return (u, c) => (d(), H(Ue, {
+    return (u, p) => (d(), H(Ee, {
       type: "template",
       "listing-id": u.id,
       name: u.name,
       description: u.description,
-      gallery: i.value,
+      gallery: a.value,
       layout: e(wt).Template,
       "includes-breakfast": !1,
       "hide-info-button": !1,
@@ -591,7 +592,7 @@ const pn = /* @__PURE__ */ Z({
     }, {
       action: $(() => [
         s("div", yn, [
-          y(me, {
+          v(me, {
             onClickEvent: r,
             label: e(t)("booking.availability.selectPackage"),
             "full-width": ""
@@ -599,20 +600,20 @@ const pn = /* @__PURE__ */ Z({
         ])
       ]),
       default: $(() => [
-        y(Pt, {
-          modelValue: a.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
+        v(Pt, {
+          modelValue: i.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (y) => i.value = y),
           title: u.name,
           "template-id": u.id,
           "room-groups": u.roomGroups,
           "hide-addons": u.hideAddons,
-          callback: f
+          callback: m
         }, null, 8, ["modelValue", "title", "template-id", "room-groups", "hide-addons"])
       ]),
       _: 1
     }, 8, ["listing-id", "name", "description", "gallery", "layout", "prices-from"]));
   }
-}), gn = { class: "konnectio-special-offer-availability" }, bn = { class: "konnectio-special-offer-availability-button" }, _n = /* @__PURE__ */ Z({
+}), kn = { class: "konnectio-special-offer-availability" }, bn = { class: "konnectio-special-offer-availability-button" }, _n = /* @__PURE__ */ ee({
   __name: "SpecialOffer",
   props: {
     id: {},
@@ -626,73 +627,73 @@ const pn = /* @__PURE__ */ Z({
     callback: { type: Function }
   },
   setup(l) {
-    const { t } = se(), { updateDates: n } = Ce(), { display: o } = $t(), i = l, a = le([]), r = x(() => we(i.fromDate, i.toDate) === 1), f = x(() => [{
-      large: i.image.url,
-      medium: i.image.url,
-      thumb: i.image.url,
-      url: i.image.url
+    const { t } = se(), { updateDates: n } = $e(), { display: o } = $t(), a = l, i = le([]), r = K(() => Te(a.fromDate, a.toDate) === 1), m = K(() => [{
+      large: a.image.url,
+      medium: a.image.url,
+      thumb: a.image.url,
+      url: a.image.url
     }]), u = le(!1);
-    function c(m) {
-      i.callback(m), u.value = !1;
+    function p(c) {
+      a.callback(c), u.value = !1;
     }
-    function p() {
-      a.value.length > 0 ? n(a.value[0], a.value[1]) : o({
+    function y() {
+      i.value.length > 0 ? n(i.value[0], i.value[1]) : o({
         message: t("alert.error.selectDates"),
         type: "error"
       });
     }
-    return lt(() => {
-      r.value && (a.value = [new Date(i.fromDate), new Date(i.toDate)]);
-    }), (m, g) => (d(), H(Ue, {
+    return it(() => {
+      r.value && (i.value = [new Date(a.fromDate), new Date(a.toDate)]);
+    }), (c, g) => (d(), H(Ee, {
       type: "template",
-      "listing-id": m.id,
-      name: m.name,
-      description: m.description,
-      gallery: f.value,
+      "listing-id": c.id,
+      name: c.name,
+      description: c.description,
+      gallery: m.value,
       layout: e(wt).Template,
       "includes-breakfast": !1,
       "hide-info-button": !1,
-      "to-date": m.toDate,
-      "from-date": m.fromDate
+      "to-date": c.toDate,
+      "from-date": c.fromDate
     }, {
       action: $(() => [
-        s("div", gn, [
-          y(Ct, {
-            modelValue: a.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (w) => a.value = w),
+        s("div", kn, [
+          v(Ct, {
+            modelValue: i.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (_) => i.value = _),
             label: e(t)("availability.checkInOut"),
             placeholder: e(t)("booking.availability.selectDates"),
             "icon-type": "fas",
             "icon-placement": "label",
             "min-range": 1,
-            "start-date": new Date(m.fromDate),
-            "min-date": new Date(m.fromDate),
-            "max-date": new Date(m.toDate),
+            "start-date": new Date(c.fromDate),
+            "min-date": new Date(c.fromDate),
+            "max-date": new Date(c.toDate),
             readonly: r.value,
             range: ""
           }, null, 8, ["modelValue", "label", "placeholder", "start-date", "min-date", "max-date", "readonly"]),
           s("div", bn, [
-            y(me, {
+            v(me, {
               label: e(t)("availability.buttonLabel"),
-              onClick: Vt(p, ["prevent"])
+              onClick: Vt(y, ["prevent"])
             }, null, 8, ["label"])
           ])
         ])
       ]),
       default: $(() => [
-        y(Pt, {
+        v(Pt, {
           modelValue: u.value,
-          "onUpdate:modelValue": g[1] || (g[1] = (w) => u.value = w),
-          title: m.name,
-          "template-id": m.id,
-          roomGroups: m.roomGroups,
-          callback: c
+          "onUpdate:modelValue": g[1] || (g[1] = (_) => u.value = _),
+          title: c.name,
+          "template-id": c.id,
+          roomGroups: c.roomGroups,
+          callback: p
         }, null, 8, ["modelValue", "title", "template-id", "roomGroups"])
       ]),
       _: 1
     }, 8, ["listing-id", "name", "description", "gallery", "layout", "to-date", "from-date"]));
   }
-}), ft = /* @__PURE__ */ Z({
+}), ht = /* @__PURE__ */ ee({
   __name: "TimeField",
   props: {
     modelValue: {},
@@ -711,15 +712,15 @@ const pn = /* @__PURE__ */ Z({
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
     const n = t, o = l;
-    function i(r) {
+    function a(r) {
       n("update:modelValue", r);
     }
-    const a = le(o.modelValue);
-    return Ne(a, (r) => {
-      i(r);
-    }), (r, f) => (d(), H(Ct, {
-      modelValue: a.value,
-      "onUpdate:modelValue": f[0] || (f[0] = (u) => a.value = u),
+    const i = le(o.modelValue);
+    return Me(i, (r) => {
+      a(r);
+    }), (r, m) => (d(), H(Ct, {
+      modelValue: i.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (u) => i.value = u),
       type: "time",
       label: r.label,
       id: r.id,
@@ -734,7 +735,7 @@ const pn = /* @__PURE__ */ Z({
       "max-time": r.maxTime
     }, null, 8, ["modelValue", "label", "id", "name", "icon", "icon-type", "icon-color", "required", "readonly", "min-time", "max-time"]));
   }
-}), Vn = { style: { display: "flex", "align-items": "baseline" } }, Tn = /* @__PURE__ */ Z({
+}), Vn = { style: { display: "flex", "align-items": "baseline" } }, Tn = /* @__PURE__ */ ee({
   __name: "CountryField",
   props: {
     modelValue: {},
@@ -746,42 +747,42 @@ const pn = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
-    const { t: n } = se(), o = t, i = l;
-    function a(f) {
-      o("update:modelValue", f);
+    const { t: n } = se(), o = t, a = l;
+    function i(m) {
+      o("update:modelValue", m);
     }
-    const r = x({
-      get: () => i.modelValue,
-      set: (f) => a(f)
+    const r = K({
+      get: () => a.modelValue,
+      set: (m) => i(m)
     });
-    return (f, u) => (d(), H(Be, {
+    return (m, u) => (d(), H(Ue, {
       modelValue: r.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
-      label: f.label,
+      "onUpdate:modelValue": u[0] || (u[0] = (p) => r.value = p),
+      label: m.label,
       placeholder: e(n)("booking.reservation.countryPlaceholder"),
       labelKey: "name",
       valueKey: "id",
-      options: f.options,
-      required: f.required
+      options: m.options,
+      required: m.required
     }, {
-      option: $(({ data: c }) => [
+      option: $(({ data: p }) => [
         s("i", {
-          class: Me(["konnectio-flag-icon", c.iso])
+          class: Re(["konnectio-flag-icon", p.iso])
         }, null, 2),
-        s("span", null, h(c.name), 1)
+        s("span", null, f(p.name), 1)
       ]),
-      "selected-option": $(({ data: c }) => [
+      "selected-option": $(({ data: p }) => [
         s("div", Vn, [
           s("i", {
-            class: Me(["konnectio-flag-icon", c.iso])
+            class: Re(["konnectio-flag-icon", p.iso])
           }, null, 2),
-          s("span", null, h(c.name), 1)
+          s("span", null, f(p.name), 1)
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "label", "placeholder", "options", "required"]));
   }
-}), wn = /* @__PURE__ */ fe(Tn, [["__scopeId", "data-v-1462612d"]]), $n = /* @__PURE__ */ Z({
+}), wn = /* @__PURE__ */ fe(Tn, [["__scopeId", "data-v-1462612d"]]), $n = /* @__PURE__ */ ee({
   __name: "NameField",
   props: {
     modelValue: {},
@@ -803,39 +804,39 @@ const pn = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue", "update:title"],
   setup(l, { emit: t }) {
-    const n = l, o = t, i = n.id || ct(), a = le(""), r = le(2);
-    function f() {
-      o("update:modelValue", a.value);
+    const n = l, o = t, a = n.id || pt(), i = le(""), r = le(2);
+    function m() {
+      o("update:modelValue", i.value);
     }
-    Ne(r, (c) => {
-      o("update:title", c);
+    Me(r, (p) => {
+      o("update:title", p);
     });
     const { t: u } = se();
-    return lt(() => {
-      n.modelValue && (a.value = n.modelValue), n.title && (r.value = n.title);
-    }), (c, p) => (d(), H(Vo, {
-      label: c.label,
-      id: e(i),
-      required: c.required,
+    return it(() => {
+      n.modelValue && (i.value = n.modelValue), n.title && (r.value = n.title);
+    }), (p, y) => (d(), H(Vo, {
+      label: p.label,
+      id: e(a),
+      required: p.required,
       type: "konnectio-name-field",
-      readonly: c.readonly,
-      limit: c.limit
+      readonly: p.readonly,
+      limit: p.limit
     }, {
       default: $(() => [
         s("div", {
-          class: Me([
+          class: Re([
             "konnectio-name-input",
-            { "no-title": c.excludeTitle }
+            { "no-title": p.excludeTitle }
           ])
         }, [
-          c.excludeTitle ? T("", !0) : (d(), H(Be, {
+          p.excludeTitle ? w("", !0) : (d(), H(Ue, {
             key: 0,
             modelValue: r.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (m) => r.value = m),
-            id: e(ct)(),
-            icon: c.icon,
-            "icon-color": c.iconColor,
-            "icon-type": c.iconType,
+            "onUpdate:modelValue": y[0] || (y[0] = (c) => r.value = c),
+            id: e(pt)(),
+            icon: p.icon,
+            "icon-color": p.iconColor,
+            "icon-type": p.iconType,
             options: [
               {
                 label: e(u)("booking.reservation.noNameTitle"),
@@ -858,51 +859,51 @@ const pn = /* @__PURE__ */ Z({
                 value: 5
               }
             ],
-            readonly: c.readonly,
+            readonly: p.readonly,
             "hide-button": "",
-            "input-style": c.inputStyle,
+            "input-style": p.inputStyle,
             searchable: !1
           }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "options", "readonly", "input-style"])),
-          y(ue, {
-            modelValue: a.value,
-            "onUpdate:modelValue": p[1] || (p[1] = (m) => a.value = m),
+          v(ue, {
+            modelValue: i.value,
+            "onUpdate:modelValue": y[1] || (y[1] = (c) => i.value = c),
             type: "text",
             name: "name",
             autocomplete: "name",
-            id: e(i),
-            icon: c.excludeTitle ? c.icon : void 0,
-            "icon-color": c.iconColor,
-            "icon-type": c.iconType,
-            placeholder: c.placeholder,
-            required: c.required,
-            readonly: c.readonly,
-            limit: c.limit,
-            onInput: p[2] || (p[2] = (m) => f()),
-            "input-style": c.inputStyle
+            id: e(a),
+            icon: p.excludeTitle ? p.icon : void 0,
+            "icon-color": p.iconColor,
+            "icon-type": p.iconType,
+            placeholder: p.placeholder,
+            required: p.required,
+            readonly: p.readonly,
+            limit: p.limit,
+            onInput: y[2] || (y[2] = (c) => m()),
+            "input-style": p.inputStyle
           }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "placeholder", "required", "readonly", "limit", "input-style"])
         ], 2)
       ]),
       _: 1
     }, 8, ["label", "id", "required", "readonly", "limit"]));
   }
-}), Cn = /* @__PURE__ */ fe($n, [["__scopeId", "data-v-7c44829d"]]), Pn = { class: "hotel-skeleton" }, An = { class: "hotel-skeleton-content" }, Hn = { class: "hotel-skeleton-sidebar" }, Sn = /* @__PURE__ */ Z({
+}), Cn = /* @__PURE__ */ fe($n, [["__scopeId", "data-v-7c44829d"]]), Pn = { class: "hotel-skeleton" }, An = { class: "hotel-skeleton-content" }, Dn = { class: "hotel-skeleton-sidebar" }, Hn = /* @__PURE__ */ ee({
   __name: "HotelSkeleton",
   setup(l) {
-    return (t, n) => (d(), v("div", Pn, [
+    return (t, n) => (d(), h("div", Pn, [
       s("div", An, [
-        y(Lo, { hotel: "" }),
-        y(Ho)
+        v(Bo, { hotel: "" }),
+        v(Do)
       ]),
-      s("div", Hn, [
-        y(So)
+      s("div", Dn, [
+        v(Ho)
       ])
     ]));
   }
-}), Dn = /* @__PURE__ */ fe(Sn, [["__scopeId", "data-v-1bb21da4"]]), In = { id: "booking-availability-container" }, Nn = { id: "booking-availability-controls" };
-const Mn = { key: 1 }, Rn = { key: 0 }, Ln = {
+}), Sn = /* @__PURE__ */ fe(Hn, [["__scopeId", "data-v-1bb21da4"]]), In = { id: "booking-availability-container" }, Nn = { id: "booking-availability-controls" };
+const Mn = { key: 1 }, Rn = { key: 0 }, Bn = {
   key: 0,
   id: "booking-availability-packages"
-}, Bn = {
+}, Ln = {
   key: 0,
   class: "konnectio-hotel-availability-title"
 }, Un = { id: "booking-availability-packages-wrapper" }, En = { key: 1 }, On = {
@@ -938,7 +939,7 @@ const ol = { class: "konnectio-event-addons-price" }, nl = { key: 1 }, ll = { cl
 const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konnectio-table-addons-option" }, ul = { class: "konnectio-panel" }, cl = { key: 0 }, pl = { key: 1 }, ml = {
   key: 1,
   class: "konnectio-show-on-mobile"
-}, fl = { class: "konnectio-split-inputs" }, hl = /* @__PURE__ */ Z({
+}, fl = { class: "konnectio-split-inputs" }, hl = /* @__PURE__ */ ee({
   name: "HotelLayout",
   __name: "Hotel",
   props: {
@@ -948,79 +949,80 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
     hideAddons: { default: "no" },
     disableDefaultLocation: { default: "no" },
     selectedLocation: {},
+    sortBy: { default: "default" },
     styling: {}
   },
   setup(l) {
-    const t = fo(() => import("./_-C5OzP-8w.js")), n = l, { t: o } = se(), {
-      currentLocation: i,
-      templateID: a,
+    const t = fo(() => import("./_-B1Ghb3H_.js")), n = l, { t: o } = se(), {
+      currentLocation: a,
+      templateID: i,
       templateAddons: r,
-      countries: f,
+      countries: m,
       areListingsLoading: u,
-      isPaymentLoading: c,
-      isReservationFormFilled: p,
-      travelingFor: m,
+      isPaymentLoading: p,
+      isReservationFormFilled: y,
+      travelingFor: c,
       arrivalTime: g,
-      departureTime: w,
-      name: C,
-      nameTitle: S,
-      email: G,
-      phone: D,
-      firmName: K,
-      postal: _,
-      city: A,
-      address: M,
+      departureTime: _,
+      name: P,
+      nameTitle: C,
+      email: R,
+      phone: L,
+      firmName: I,
+      postal: V,
+      city: D,
+      address: S,
       country: z,
-      remark: L,
+      remark: U,
       allergies: Y,
-      roomSelect: E,
+      roomSelect: G,
       roomDisplay: ae,
       hasValidRoomSelection: ie,
-      availabilityData: j,
-      selectionHasNoAddons: Pe,
-      isAvailabilityDataAvailable: ge,
+      availabilityData: W,
+      selectionHasNoAddons: ke,
+      isAvailabilityDataAvailable: Ce,
       getSelectedPackageRoom: be,
-      selectedPackage: _e,
-      isSearchOutdated: Ae,
-      currentChildren: ee,
-      isTemplateReservation: O,
-      newsMails: he
-    } = X(ye()), {
-      adults: R,
-      children: Ve,
-      location: Te,
-      arrivalDate: He,
-      departureDate: Ee,
-      hasHotelLocations: re
-    } = X(Ce()), { isValidHotelId: Oe, updateDates: at } = Ce(), {
-      currency: Fe,
+      selectedPackage: Oe,
+      isSearchOutdated: _e,
+      currentChildren: Pe,
+      isTemplateReservation: X,
+      newsMails: E
+    } = Z(ye()), {
+      adults: he,
+      children: B,
+      location: Ve,
+      arrivalDate: Fe,
+      departureDate: Ae,
+      hasHotelLocations: Ge
+    } = Z($e()), { isValidHotelId: re, updateDates: qe } = $e(), {
+      currency: De,
       enableTracking: Mt,
       disableNamePrefix: Rt,
-      disableTravelingFor: Lt,
-      disableTravelingForBleasure: Bt,
+      disableTravelingFor: Bt,
+      disableTravelingForBleasure: Lt,
       disableCompanyField: Ut,
       hasPaymentGateway: Et,
-      maxAdultAmount: it,
-      maxChildAmount: st,
+      maxAdultAmount: st,
+      maxChildAmount: rt,
       defaultAdultAmount: Ot,
       defaultChildAmount: Ft,
       disableNewsletterSignup: Gt
-    } = X(ve()), {
+    } = Z(ve()), {
       hasArrivalDepartureInputs: qt,
-      hasUserArrivalSelection: Ge,
-      hasUserDepartureSelection: qe,
+      hasUserArrivalSelection: je,
+      hasUserDepartureSelection: We,
       earliestArrivalTime: jt,
       latestArrivalTime: Wt,
       earliestDepartureTime: xt,
       latestDepartureTime: Kt
-    } = ve(), { beginCheckout: Jt } = Tt(), { display: Se } = $t(), {
+    } = ve(), { beginCheckout: Jt } = Tt(), { display: He } = $t(), {
       resetTemplate: zt,
       resetDiscountVoucher: Yt,
       createReservation: Qt,
       fetchMetadata: Xt,
-      fetchAvailabilityData: rt,
-      filterAddons: dt
-    } = ye(), Zt = le(!0), eo = x(() => [
+      fetchAvailabilityData: dt,
+      filterAddons: ut
+    } = ye(), Zt = le(!0), eo = K(() => [
       {
         id: "availability",
         label: o("booking.availability.title"),
@@ -1045,7 +1047,7 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
         label: o("booking.confirmation.title"),
         icon: "calendar-check"
       }
-    ]), to = x(() => {
+    ]), to = K(() => {
       const b = [
         {
           label: o("booking.reservation.business"),
@@ -1056,364 +1058,364 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
           value: "Pleasure"
         }
       ];
-      return Bt.value || b.push({
+      return Lt.value || b.push({
         label: o("booking.reservation.bleasure"),
         value: "Bleasure"
       }), b;
-    }), oo = x(() => {
-      const b = j.value.roomGroups.slice();
-      function V(J, P) {
-        return Zt.value === !0 ? J.pricesFrom > P.pricesFrom ? -1 : 1 : J.pricesFrom > P.pricesFrom ? 1 : -1;
+    }), oo = K(() => {
+      const b = W.value.roomGroups.slice();
+      function T(J, A) {
+        return Zt.value === !0 ? J.pricesFrom > A.pricesFrom ? -1 : 1 : J.pricesFrom > A.pricesFrom ? 1 : -1;
       }
-      return b.sort(V);
-    }), je = x(() => n.hideAddons === "yes" || O.value && n.hideAddons === "packages" || !O.value && n.hideAddons === "rooms");
-    function ut(b) {
-      je.value || Pe.value ? b(2) : b(), Yt();
+      return n.sortBy === "price" ? b.sort(T) : b;
+    }), xe = K(() => n.hideAddons === "yes" || X.value && n.hideAddons === "packages" || !X.value && n.hideAddons === "rooms");
+    function ct(b) {
+      xe.value || ke.value ? b(2) : b(), Yt();
     }
-    async function no(b, V) {
-      await Qt(b, V);
+    async function no(b, T) {
+      await Qt(b, T);
     }
     function lo() {
-      if (isNaN(Te.value) && re.value) {
-        Se({
+      if (isNaN(Ve.value) && Ge.value) {
+        He({
           message: o("alert.error.selectHotelId"),
           type: "error"
         });
         return;
       }
-      rt();
+      dt();
     }
     function ao(b) {
-      Mt.value && Jt(), je.value || Pe.value ? b(2) : b();
+      Mt.value && Jt(), xe.value || ke.value ? b(2) : b();
     }
     function io() {
       const b = $o("history", {
         removeNullishValues: !0
-      }), V = parseInt(b.a), J = parseInt(b.c), P = parseInt(b.hid), I = parseInt(b.n), k = b.ci, B = b.co, N = b.id;
+      }), T = parseInt(b.a), J = parseInt(b.c), A = parseInt(b.hid), N = parseInt(b.n), k = b.ci, O = b.co, M = b.id;
       let te = !1;
-      if (isNaN(V) || (V > it.value ? R.value = it.value : R.value = V, R.value === Ot.value && (b.a = void 0)), isNaN(J) || (J > st.value ? Ve.value = st.value : Ve.value = J, Ve.value === Ft.value && (b.c = void 0)), isNaN(I) || I > 0 && (b.n = void 0), isNaN(P) || (Oe(P) ? (Te.value = P, te = !0) : Se({
+      if (isNaN(T) || (T > st.value ? he.value = st.value : he.value = T, he.value === Ot.value && (b.a = void 0)), isNaN(J) || (J > rt.value ? B.value = rt.value : B.value = J, B.value === Ft.value && (b.c = void 0)), isNaN(N) || N > 0 && (b.n = void 0), isNaN(A) || (re(A) ? (Ve.value = A, te = !0) : He({
         message: o("alert.error.hotelIdNotFound"),
         type: "error"
-      })), k && B)
-        if (mt(k) && mt(B)) {
-          const ke = new Date(k), de = new Date(B);
-          ke <= de ? (He.value = ke, Ee.value = de) : (b.ci = void 0, b.co = void 0, Se({
+      })), k && O)
+        if (ft(k) && ft(O)) {
+          const ge = new Date(k), de = new Date(O);
+          ge <= de ? (Fe.value = ge, Ae.value = de) : (b.ci = void 0, b.co = void 0, He({
             message: o("alert.error.invalidDateRange"),
             type: "error"
           }));
         } else
-          Se({
+          He({
             message: o("alert.error.wrongDateFormat"),
             type: "error"
           });
       let Q = null;
-      N && (Q = N), n.disableDefaultLocation === "yes" && te === !1 ? (Te.value = void 0, i.value = void 0) : rt(Q);
+      M && (Q = M), n.disableDefaultLocation === "yes" && te === !1 ? (Ve.value = void 0, a.value = void 0) : dt(Q);
     }
-    return (b, V) => (d(), H(wo, { styling: b.styling }, {
+    return (b, T) => (d(), H(wo, { styling: b.styling }, {
       default: $(() => [
         (d(), H(mo, { onResolve: io }, {
           default: $(() => [
-            y(e(t), {
+            v(e(t), {
               id: "konnectio-hotel-module",
               "access-token": b.accessToken,
               callback: e(Xt)
             }, {
               default: $(() => [
-                y(Do, {
+                v(So, {
                   layout: b.headerLayout,
                   steps: eo.value,
                   onReset: e(zt)
                 }, {
                   availability: $(({ next: J }) => [
-                    y(Ye, null, {
+                    v(Xe, null, {
                       form: $(() => [
                         s("div", In, [
                           s("div", Nn, [
-                            y(Bo, {
+                            v(Lo, {
                               booking: !0,
                               "selected-location": Number(b.selectedLocation),
                               "disable-default-location": b.disableDefaultLocation === "yes"
                             }, null, 8, ["selected-location", "disable-default-location"])
                           ]),
-                          T("", !0),
-                          !e(u) && e(ge) ? (d(), v("div", Mn, [
-                            e(j).roomGroups.length > 0 || e(j).templates.length > 0 || e(j).specialTemplates.length > 0 ? (d(), v("div", Rn, [
-                              e(j).templates.length > 0 && b.onlyShow !== "rooms" ? (d(), v("div", Ln, [
-                                b.onlyShow !== "packages" ? (d(), v("h2", Bn, [
-                                  y(W, {
+                          w("", !0),
+                          !e(u) && e(Ce) ? (d(), h("div", Mn, [
+                            e(W).roomGroups.length > 0 || e(W).templates.length > 0 || e(W).specialTemplates.length > 0 ? (d(), h("div", Rn, [
+                              e(W).templates.length > 0 && b.onlyShow !== "rooms" ? (d(), h("div", Bn, [
+                                b.onlyShow !== "packages" ? (d(), h("h2", Ln, [
+                                  v(x, {
                                     icon: "box",
                                     type: "fal",
                                     color: "header"
                                   }),
-                                  s("span", null, h(e(o)("booking.availability.packagesTitle")), 1)
-                                ])) : T("", !0),
+                                  s("span", null, f(e(o)("booking.availability.packagesTitle")), 1)
+                                ])) : w("", !0),
                                 s("ul", Un, [
-                                  (d(!0), v(U, null, q(e(j).templates, ({
-                                    id: P,
-                                    name: I,
+                                  (d(!0), h(F, null, j(e(W).templates, ({
+                                    id: A,
+                                    name: N,
                                     templateRoomGroups: k,
-                                    image: B,
-                                    description: N,
+                                    image: O,
+                                    description: M,
                                     weekendFee: te
-                                  }) => (d(), H(kn, {
-                                    key: P,
-                                    id: P,
-                                    description: N,
-                                    name: I,
-                                    image: B,
+                                  }) => (d(), H(gn, {
+                                    key: A,
+                                    id: A,
+                                    description: M,
+                                    name: N,
+                                    image: O,
                                     weekendFee: te,
                                     "room-groups": k,
                                     callback: J,
                                     "hide-addons": b.hideAddons === "yes" || b.hideAddons === "packages"
                                   }, null, 8, ["id", "description", "name", "image", "weekendFee", "room-groups", "callback", "hide-addons"]))), 128))
                                 ])
-                              ])) : T("", !0),
-                              e(j).roomGroups.length > 0 && b.onlyShow !== "packages" ? (d(), v("div", En, [
-                                e(j).templates.length > 0 && b.onlyShow !== "rooms" ? (d(), v("h2", On, [
-                                  y(W, {
+                              ])) : w("", !0),
+                              e(W).roomGroups.length > 0 && b.onlyShow !== "packages" ? (d(), h("div", En, [
+                                e(W).templates.length > 0 && b.onlyShow !== "rooms" ? (d(), h("h2", On, [
+                                  v(x, {
                                     icon: "house",
                                     type: "fal",
                                     color: "header"
                                   }),
-                                  s("span", null, h(e(o)("booking.availability.roomsTitle")), 1)
-                                ])) : T("", !0),
+                                  s("span", null, f(e(o)("booking.availability.roomsTitle")), 1)
+                                ])) : w("", !0),
                                 s("ul", Fn, [
-                                  (d(!0), v(U, null, q(oo.value, (P, I) => (d(), H(mn, {
-                                    room: P,
-                                    key: I
+                                  (d(!0), h(F, null, j(oo.value, (A, N) => (d(), H(mn, {
+                                    room: A,
+                                    key: N
                                   }, null, 8, ["room"]))), 128))
                                 ])
-                              ])) : T("", !0),
-                              e(j).specialTemplates.length > 0 && b.onlyShow !== "rooms" ? (d(), v("div", Gn, [
+                              ])) : w("", !0),
+                              e(W).specialTemplates.length > 0 && b.onlyShow !== "rooms" ? (d(), h("div", Gn, [
                                 s("h2", qn, [
-                                  y(W, {
+                                  v(x, {
                                     icon: "sparkles",
                                     type: "fal",
                                     color: "header"
                                   }),
-                                  s("span", null, h(e(o)("hotel.specialOffers")), 1)
+                                  s("span", null, f(e(o)("hotel.specialOffers")), 1)
                                 ]),
                                 s("ul", jn, [
-                                  (d(!0), v(U, null, q(e(j).specialTemplates, ({
-                                    id: P,
-                                    name: I,
+                                  (d(!0), h(F, null, j(e(W).specialTemplates, ({
+                                    id: A,
+                                    name: N,
                                     templateRoomGroups: k,
-                                    image: B,
-                                    description: N,
+                                    image: O,
+                                    description: M,
                                     weekendFee: te,
                                     fromDate: Q,
-                                    toDate: ke
+                                    toDate: ge
                                   }) => (d(), H(_n, {
-                                    key: P,
-                                    id: P,
-                                    description: N,
-                                    name: I,
-                                    image: B,
+                                    key: A,
+                                    id: A,
+                                    description: M,
+                                    name: N,
+                                    image: O,
                                     fromDate: Q,
-                                    toDate: ke,
+                                    toDate: ge,
                                     weekendFee: te,
                                     "room-groups": k,
                                     callback: J
                                   }, null, 8, ["id", "description", "name", "image", "fromDate", "toDate", "weekendFee", "room-groups", "callback"]))), 128))
                                 ])
-                              ])) : T("", !0),
-                              (e(j).templates.length === 0 && b.onlyShow !== "rooms" || e(j).roomGroups.length === 0 && b.onlyShow !== "packages") && (b.onlyShow === "rooms" || b.onlyShow === "packages") ? (d(), v("div", Wn, [
-                                s("span", null, h(e(o)("booking.availability.nothingAvailable")), 1)
-                              ])) : T("", !0)
-                            ])) : e(j).nextAvailableDates.length === 0 ? (d(), v("div", xn, [
-                              s("span", null, h(e(o)("booking.availability.nothingAvailable")), 1)
-                            ])) : (d(), v("div", Kn, [
+                              ])) : w("", !0),
+                              (e(W).templates.length === 0 && b.onlyShow !== "rooms" || e(W).roomGroups.length === 0 && b.onlyShow !== "packages") && (b.onlyShow === "rooms" || b.onlyShow === "packages") ? (d(), h("div", Wn, [
+                                s("span", null, f(e(o)("booking.availability.nothingAvailable")), 1)
+                              ])) : w("", !0)
+                            ])) : e(W).nextAvailableDates.length === 0 ? (d(), h("div", xn, [
+                              s("span", null, f(e(o)("booking.availability.nothingAvailable")), 1)
+                            ])) : (d(), h("div", Kn, [
                               s("h2", Jn, [
-                                y(W, {
+                                v(x, {
                                   icon: "calendar-circle-exclamation",
                                   type: "fal",
                                   color: "header"
                                 }),
-                                s("span", null, h(e(o)("booking.availability.nextAvailableDates")), 1)
+                                s("span", null, f(e(o)("booking.availability.nextAvailableDates")), 1)
                               ]),
                               s("ul", zn, [
-                                (d(!0), v(U, null, q(e(j).nextAvailableDates, (P, I) => (d(), v("li", { key: I }, [
+                                (d(!0), h(F, null, j(e(W).nextAvailableDates, (A, N) => (d(), h("li", { key: N }, [
                                   s("h3", {
-                                    title: `${e(oe)(P.fromDate, 0, !0)} - ${e(oe)(P.toDate, 0, !0)}`
+                                    title: `${e(oe)(A.fromDate, 0, !0)} - ${e(oe)(A.toDate, 0, !0)}`
                                   }, [
-                                    s("span", null, h(`${e(oe)(P.fromDate, 0, !0)} - ${e(oe)(P.toDate, 0, !0)}`), 1)
+                                    s("span", null, f(`${e(oe)(A.fromDate, 0, !0)} - ${e(oe)(A.toDate, 0, !0)}`), 1)
                                   ], 8, Yn),
                                   s("ul", null, [
-                                    isNaN(P.roomCount) ? T("", !0) : (d(), v("li", Qn, [
-                                      y(W, {
+                                    isNaN(A.roomCount) ? w("", !0) : (d(), h("li", Qn, [
+                                      v(x, {
                                         icon: "house",
                                         type: "fal",
                                         color: "header"
                                       }),
-                                      s("span", null, h(e(o)("booking.availability.units")) + ": " + h(P.roomCount), 1)
+                                      s("span", null, f(e(o)("booking.availability.units")) + ": " + f(A.roomCount), 1)
                                     ])),
                                     s("li", null, [
-                                      y(W, {
+                                      v(x, {
                                         icon: "money-bill",
                                         type: "fal",
                                         color: "header"
                                       }),
-                                      s("span", null, h(e(o)("booking.availability.pricesFrom")) + ": " + h(e(ne)(P.priceStartFrom, e(Fe))) + " " + h(e(o)("general.perNight")), 1)
+                                      s("span", null, f(e(o)("booking.availability.pricesFrom")) + ": " + f(e(ne)(A.priceStartFrom, e(De))) + " " + f(e(o)("general.perNight")), 1)
                                     ])
                                   ]),
-                                  y(me, {
+                                  v(me, {
                                     label: e(o)("booking.availability.selectDates"),
                                     "full-width": "",
-                                    onClickEvent: (k) => e(at)(new Date(P.fromDate), new Date(P.toDate))
+                                    onClickEvent: (k) => e(qe)(new Date(A.fromDate), new Date(A.toDate))
                                   }, null, 8, ["label", "onClickEvent"])
                                 ]))), 128))
                               ])
                             ]))
-                          ])) : isNaN(e(i)) && !e(u) ? (d(), v("div", Xn, [
-                            s("span", null, h(e(o)("alert.info.selectHotelToStart")), 1)
-                          ])) : (d(), v("div", Zn, [
-                            y(ze),
-                            y(ze),
-                            y(ze)
+                          ])) : isNaN(e(a)) && !e(u) ? (d(), h("div", Xn, [
+                            s("span", null, f(e(o)("alert.info.selectHotelToStart")), 1)
+                          ])) : (d(), h("div", Zn, [
+                            v(Qe),
+                            v(Qe),
+                            v(Qe)
                           ]))
                         ])
                       ]),
                       navigation: $(() => [
-                        e(Ae) ? (d(), H(me, {
+                        e(_e) ? (d(), H(me, {
                           key: 0,
-                          label: isNaN(e(i)) ? e(o)("availability.buttonLabel") : e(o)("general.searchAgain"),
+                          label: isNaN(e(a)) ? e(o)("availability.buttonLabel") : e(o)("general.searchAgain"),
                           "is-loading": e(u),
                           "full-width": "",
-                          onClickEvent: V[1] || (V[1] = (P) => lo())
+                          onClickEvent: T[1] || (T[1] = (A) => lo())
                         }, null, 8, ["label", "is-loading"])) : (d(), H(me, {
                           key: 1,
-                          label: e(Pe) || je.value ? e(o)("booking.availability.nextButton") : e(o)("general.chooseAddons"),
+                          label: e(ke) || xe.value ? e(o)("booking.availability.nextButton") : e(o)("general.chooseAddons"),
                           disabled: !e(ie),
                           "full-width": "",
-                          onClickEvent: (P) => ao(J)
+                          onClickEvent: (A) => ao(J)
                         }, null, 8, ["label", "disabled", "onClickEvent"]))
                       ]),
                       _: 2
                     }, 1024)
                   ]),
-                  addons: $(({ next: J, prev: P }) => [
-                    e(ge) ? (d(), H(Ye, {
+                  addons: $(({ next: J, prev: A }) => [
+                    e(Ce) ? (d(), H(Xe, {
                       key: 0,
-                      "prev-callback": () => ut(P)
+                      "prev-callback": () => ct(A)
                     }, {
                       form: $(() => [
                         s("form", el, [
                           s("h2", null, [
-                            s("span", null, h(e(o)("booking.reservation.addons")), 1)
+                            s("span", null, f(e(o)("booking.reservation.addons")), 1)
                           ]),
                           s("div", null, [
-                            isNaN(e(a)) ? (d(), v("div", tl, [
-                              (d(!0), v(U, null, q(e(ae), (I) => (d(), v("ul", {
-                                key: I.roomGroupID
+                            isNaN(e(i)) ? (d(), h("div", tl, [
+                              (d(!0), h(F, null, j(e(ae), (N) => (d(), h("ul", {
+                                key: N.roomGroupID
                               }, [
-                                (d(!0), v(U, null, q(I.variants, (k, B) => (d(), v("li", {
+                                (d(!0), h(F, null, j(N.variants, (k, O) => (d(), h("li", {
                                   key: k.ratePlanID
                                 }, [
                                   s("h4", null, [
-                                    s("span", null, h(e(pe)(I.title)), 1)
+                                    s("span", null, f(e(pe)(N.title)), 1)
                                   ]),
-                                  (d(!0), v(U, null, q(k.rooms, (N, te) => (d(), v("table", {
+                                  (d(!0), h(F, null, j(k.rooms, (M, te) => (d(), h("table", {
                                     key: te,
                                     class: "konnectio-table with-lines"
                                   }, [
                                     s("thead", null, [
                                       s("tr", null, [
                                         s("th", null, [
-                                          s("span", null, h(e(pe)(k.name)), 1)
+                                          s("span", null, f(e(pe)(k.name)), 1)
                                         ]),
-                                        T("", !0),
+                                        w("", !0),
                                         s("th", ol, [
                                           s("b", null, [
-                                            y(W, {
+                                            v(x, {
                                               icon: "male",
                                               type: "fas",
                                               color: "font"
                                             }),
-                                            s("span", null, h(N.adultsCount), 1),
-                                            N.childrenCount > 0 ? (d(), H(W, {
+                                            s("span", null, f(M.adultsCount), 1),
+                                            M.childrenCount > 0 ? (d(), H(x, {
                                               key: 0,
                                               icon: "child",
                                               type: "fas",
                                               color: "font"
-                                            })) : T("", !0),
-                                            N.childrenCount > 0 ? (d(), v("span", nl, h(N.childrenCount), 1)) : T("", !0)
+                                            })) : w("", !0),
+                                            M.childrenCount > 0 ? (d(), h("span", nl, f(M.childrenCount), 1)) : w("", !0)
                                           ])
                                         ])
                                       ])
                                     ]),
                                     s("tbody", null, [
-                                      (d(!0), v(U, null, q(e(dt)(k.addons, N.childrenCount), ({
+                                      (d(!0), h(F, null, j(e(ut)(k.addons, M.childrenCount), ({
                                         quantityStrategy: Q,
-                                        maximumNumber: ke,
+                                        maximumNumber: ge,
                                         id: de,
                                         name: so,
                                         price: ro
-                                      }) => (d(), v("tr", { key: de }, [
+                                      }) => (d(), h("tr", { key: de }, [
                                         s("td", ll, [
-                                          s("b", null, h(e(pe)(so)), 1),
-                                          s("span", null, h(e(ne)(ro, e(Fe))) + " " + h(e(pt)(Q)), 1)
+                                          s("b", null, f(e(pe)(so)), 1),
+                                          s("span", null, f(e(ne)(ro, e(De))) + " " + f(e(mt)(Q)), 1)
                                         ]),
                                         s("td", al, [
-                                          e(E)[I.roomGroupID][B].config[N.configIdx].addons[N.roomIdx] ? (d(), v(U, { key: 0 }, [
-                                            Q === 1 || Q === 12 ? (d(), H(et, {
+                                          e(G)[N.roomGroupID][O].config[M.configIdx].addons[M.roomIdx] ? (d(), h(F, { key: 0 }, [
+                                            Q === 1 || Q === 12 ? (d(), H(tt, {
                                               key: 0,
-                                              modelValue: e(E)[I.roomGroupID][B].config[N.configIdx].addons[N.roomIdx][de],
-                                              "onUpdate:modelValue": (We) => e(E)[I.roomGroupID][B].config[N.configIdx].addons[N.roomIdx][de] = We,
+                                              modelValue: e(G)[N.roomGroupID][O].config[M.configIdx].addons[M.roomIdx][de],
+                                              "onUpdate:modelValue": (Ke) => e(G)[N.roomGroupID][O].config[M.configIdx].addons[M.roomIdx][de] = Ke,
                                               small: !0,
                                               "min-value": 0,
-                                              "max-value": ke || 1 / 0
-                                            }, null, 8, ["modelValue", "onUpdate:modelValue", "max-value"])) : (d(), H($e, {
+                                              "max-value": ge || 1 / 0
+                                            }, null, 8, ["modelValue", "onUpdate:modelValue", "max-value"])) : (d(), H(we, {
                                               key: 1,
-                                              modelValue: e(E)[I.roomGroupID][B].config[N.configIdx].addons[N.roomIdx][de],
-                                              "onUpdate:modelValue": (We) => e(E)[I.roomGroupID][B].config[N.configIdx].addons[N.roomIdx][de] = We,
+                                              modelValue: e(G)[N.roomGroupID][O].config[M.configIdx].addons[M.roomIdx][de],
+                                              "onUpdate:modelValue": (Ke) => e(G)[N.roomGroupID][O].config[M.configIdx].addons[M.roomIdx][de] = Ke,
                                               numeric: !0
                                             }, null, 8, ["modelValue", "onUpdate:modelValue"]))
-                                          ], 64)) : T("", !0)
+                                          ], 64)) : w("", !0)
                                         ])
                                       ]))), 128))
                                     ])
                                   ]))), 128))
                                 ]))), 128))
                               ]))), 128))
-                            ])) : e(be) ? (d(), v("div", il, [
+                            ])) : e(be) ? (d(), h("div", il, [
                               s("div", null, [
                                 s("h4", null, [
-                                  s("span", null, h(e(_e).name), 1)
+                                  s("span", null, f(e(Oe).name), 1)
                                 ]),
                                 s("table", sl, [
                                   s("thead", null, [
                                     s("tr", null, [
                                       s("th", null, [
-                                        s("span", null, h(e(pe)(e(be).title)), 1)
+                                        s("span", null, f(e(pe)(e(be).title)), 1)
                                       ]),
-                                      T("", !0),
-                                      V[19] || (V[19] = s("th", { class: "konnectio-event-addons-price" }, null, -1))
+                                      w("", !0),
+                                      T[19] || (T[19] = s("th", { class: "konnectio-event-addons-price" }, null, -1))
                                     ])
                                   ]),
                                   s("tbody", null, [
-                                    (d(!0), v(U, null, q(e(dt)(e(be).addons, e(ee)), ({
-                                      quantityStrategy: I,
+                                    (d(!0), h(F, null, j(e(ut)(e(be).addons, e(Pe)), ({
+                                      quantityStrategy: N,
                                       maximumNumber: k,
-                                      id: B,
-                                      name: N,
+                                      id: O,
+                                      name: M,
                                       price: te
-                                    }) => (d(), v("tr", { key: B }, [
+                                    }) => (d(), h("tr", { key: O }, [
                                       s("td", rl, [
-                                        s("b", null, h(e(pe)(N)), 1),
-                                        s("span", null, h(e(ne)(te, e(Fe))) + " " + h(e(pt)(I)), 1)
+                                        s("b", null, f(e(pe)(M)), 1),
+                                        s("span", null, f(e(ne)(te, e(De))) + " " + f(e(mt)(N)), 1)
                                       ]),
                                       s("td", dl, [
-                                        I === 1 || I === 12 ? (d(), H(et, {
+                                        N === 1 || N === 12 ? (d(), H(tt, {
                                           key: 0,
-                                          modelValue: e(r)[B],
-                                          "onUpdate:modelValue": (Q) => e(r)[B] = Q,
+                                          modelValue: e(r)[O],
+                                          "onUpdate:modelValue": (Q) => e(r)[O] = Q,
                                           small: !0,
                                           "min-value": 0,
                                           "max-value": k || 1 / 0
-                                        }, null, 8, ["modelValue", "onUpdate:modelValue", "max-value"])) : (d(), H($e, {
+                                        }, null, 8, ["modelValue", "onUpdate:modelValue", "max-value"])) : (d(), H(we, {
                                           key: 1,
-                                          modelValue: e(r)[B],
-                                          "onUpdate:modelValue": (Q) => e(r)[B] = Q,
+                                          modelValue: e(r)[O],
+                                          "onUpdate:modelValue": (Q) => e(r)[O] = Q,
                                           numeric: !0
                                         }, null, 8, ["modelValue", "onUpdate:modelValue"]))
                                       ])
@@ -1421,73 +1423,73 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                                   ])
                                 ])
                               ])
-                            ])) : T("", !0)
+                            ])) : w("", !0)
                           ])
                         ])
                       ]),
                       navigation: $(() => [
-                        y(me, {
+                        v(me, {
                           label: e(o)("general.startReservation"),
                           "full-width": "",
                           onClickEvent: J
                         }, null, 8, ["label", "onClickEvent"])
                       ]),
                       _: 2
-                    }, 1032, ["prev-callback"])) : T("", !0)
+                    }, 1032, ["prev-callback"])) : w("", !0)
                   ]),
-                  reservation: $(({ next: J, prev: P, reset: I }) => [
-                    e(ge) ? (d(), H(Ye, {
+                  reservation: $(({ next: J, prev: A, reset: N }) => [
+                    e(Ce) ? (d(), H(Xe, {
                       key: 0,
-                      "prev-callback": () => ut(P),
+                      "prev-callback": () => ct(A),
                       "show-terms-notice": !0,
                       "show-gift-card": !0
                     }, {
                       form: $(() => [
                         s("form", ul, [
                           s("h2", null, [
-                            s("span", null, h(e(o)("booking.reservation.detailsTitle")), 1)
+                            s("span", null, f(e(o)("booking.reservation.detailsTitle")), 1)
                           ]),
-                          e(qt)(e(i)) && e(Ge)(e(i)) && e(qe)(e(i)) ? (d(), v("ul", {
+                          e(qt)(e(a)) && e(je)(e(a)) && e(We)(e(a)) ? (d(), h("ul", {
                             key: 0,
-                            class: Me(["konnectio-reservation-timepicker", { "konnectio-split-inputs": e(Ge)(e(i)) && e(qe)(e(i)) }])
+                            class: Re(["konnectio-reservation-timepicker", { "konnectio-split-inputs": e(je)(e(a)) && e(We)(e(a)) }])
                           }, [
-                            e(Ge)(e(i)) ? (d(), v("li", cl, [
-                              y(ft, {
+                            e(je)(e(a)) ? (d(), h("li", cl, [
+                              v(ht, {
                                 modelValue: e(g),
-                                "onUpdate:modelValue": V[2] || (V[2] = (k) => F(g) ? g.value = k : null),
+                                "onUpdate:modelValue": T[2] || (T[2] = (k) => q(g) ? g.value = k : null),
                                 label: e(o)("booking.reservation.arrivalTime"),
                                 icon: "hourglass-start",
-                                "min-time": e(jt)(e(i)),
-                                "max-time": e(Wt)(e(i)),
+                                "min-time": e(jt)(e(a)),
+                                "max-time": e(Wt)(e(a)),
                                 required: ""
                               }, null, 8, ["modelValue", "label", "min-time", "max-time"])
-                            ])) : T("", !0),
-                            e(qe)(e(i)) ? (d(), v("li", pl, [
-                              y(ft, {
-                                modelValue: e(w),
-                                "onUpdate:modelValue": V[3] || (V[3] = (k) => F(w) ? w.value = k : null),
+                            ])) : w("", !0),
+                            e(We)(e(a)) ? (d(), h("li", pl, [
+                              v(ht, {
+                                modelValue: e(_),
+                                "onUpdate:modelValue": T[3] || (T[3] = (k) => q(_) ? _.value = k : null),
                                 label: e(o)("booking.reservation.departureTime"),
                                 icon: "hourglass-end",
-                                "min-time": e(xt)(e(i)),
-                                "max-time": e(Kt)(e(i)),
+                                "min-time": e(xt)(e(a)),
+                                "max-time": e(Kt)(e(a)),
                                 required: ""
                               }, null, 8, ["modelValue", "label", "min-time", "max-time"])
-                            ])) : T("", !0)
-                          ], 2)) : T("", !0),
-                          y(Cn, {
-                            modelValue: e(C),
-                            "onUpdate:modelValue": V[4] || (V[4] = (k) => F(C) ? C.value = k : null),
-                            title: e(S),
-                            "onUpdate:title": V[5] || (V[5] = (k) => F(S) ? S.value = k : null),
+                            ])) : w("", !0)
+                          ], 2)) : w("", !0),
+                          v(Cn, {
+                            modelValue: e(P),
+                            "onUpdate:modelValue": T[4] || (T[4] = (k) => q(P) ? P.value = k : null),
+                            title: e(C),
+                            "onUpdate:title": T[5] || (T[5] = (k) => q(C) ? C.value = k : null),
                             "exclude-title": e(Rt),
                             label: e(o)("booking.reservation.name"),
                             icon: "user-alt",
                             placeholder: e(o)("booking.reservation.namePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "title", "exclude-title", "label", "placeholder"]),
-                          y(ue, {
-                            modelValue: e(G),
-                            "onUpdate:modelValue": V[6] || (V[6] = (k) => F(G) ? G.value = k : null),
+                          v(ue, {
+                            modelValue: e(R),
+                            "onUpdate:modelValue": T[6] || (T[6] = (k) => q(R) ? R.value = k : null),
                             type: "email",
                             name: "email",
                             autocomplete: "email",
@@ -1497,19 +1499,19 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                             placeholder: e(o)("booking.reservation.emailPlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          e(Gt) ? T("", !0) : (d(), v("div", ml, [
-                            y($e, {
-                              modelValue: e(he),
-                              "onUpdate:modelValue": V[7] || (V[7] = (k) => F(he) ? he.value = k : null),
+                          e(Gt) ? w("", !0) : (d(), h("div", ml, [
+                            v(we, {
+                              modelValue: e(E),
+                              "onUpdate:modelValue": T[7] || (T[7] = (k) => q(E) ? E.value = k : null),
                               type: "checkbox",
                               name: "newsletter",
                               label: e(o)("booking.reservation.newsletterSignUp")
                             }, null, 8, ["modelValue", "label"])
                           ])),
-                          e(Ut) ? T("", !0) : (d(), H(ue, {
+                          e(Ut) ? w("", !0) : (d(), H(ue, {
                             key: 2,
-                            modelValue: e(K),
-                            "onUpdate:modelValue": V[8] || (V[8] = (k) => F(K) ? K.value = k : null),
+                            modelValue: e(I),
+                            "onUpdate:modelValue": T[8] || (T[8] = (k) => q(I) ? I.value = k : null),
                             type: "text",
                             name: "firm",
                             autocomplete: "firm",
@@ -1517,25 +1519,25 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                             icon: "id-card",
                             placeholder: e(o)("booking.reservation.companyNamePlaceholder")
                           }, null, 8, ["modelValue", "label", "placeholder"])),
-                          y(Oo, {
-                            modelValue: e(D),
-                            "onUpdate:modelValue": V[9] || (V[9] = (k) => F(D) ? D.value = k : null),
+                          v(Oo, {
+                            modelValue: e(L),
+                            "onUpdate:modelValue": T[9] || (T[9] = (k) => q(L) ? L.value = k : null),
                             icon: "phone-office",
                             label: e(o)("booking.reservation.phone"),
                             placeholder: e(o)("booking.reservation.phonePlaceholder"),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          y(wn, {
+                          v(wn, {
                             modelValue: e(z),
-                            "onUpdate:modelValue": V[10] || (V[10] = (k) => F(z) ? z.value = k : null),
+                            "onUpdate:modelValue": T[10] || (T[10] = (k) => q(z) ? z.value = k : null),
                             label: e(o)("booking.reservation.country"),
                             placeholder: e(o)("booking.reservation.countryPlaceholder"),
-                            options: e(f),
+                            options: e(m),
                             required: ""
                           }, null, 8, ["modelValue", "label", "placeholder", "options"]),
-                          y(ue, {
-                            modelValue: e(M),
-                            "onUpdate:modelValue": V[11] || (V[11] = (k) => F(M) ? M.value = k : null),
+                          v(ue, {
+                            modelValue: e(S),
+                            "onUpdate:modelValue": T[11] || (T[11] = (k) => q(S) ? S.value = k : null),
                             type: "textarea",
                             name: "address",
                             autocomplete: "street-address",
@@ -1546,9 +1548,9 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                           }, null, 8, ["modelValue", "label", "placeholder"]),
                           s("ul", fl, [
                             s("li", null, [
-                              y(ue, {
-                                modelValue: e(_),
-                                "onUpdate:modelValue": V[12] || (V[12] = (k) => F(_) ? _.value = k : null),
+                              v(ue, {
+                                modelValue: e(V),
+                                "onUpdate:modelValue": T[12] || (T[12] = (k) => q(V) ? V.value = k : null),
                                 type: "text",
                                 name: "postal",
                                 autocomplete: "postal-code",
@@ -1559,9 +1561,9 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                               }, null, 8, ["modelValue", "label", "placeholder"])
                             ]),
                             s("li", null, [
-                              y(ue, {
-                                modelValue: e(A),
-                                "onUpdate:modelValue": V[13] || (V[13] = (k) => F(A) ? A.value = k : null),
+                              v(ue, {
+                                modelValue: e(D),
+                                "onUpdate:modelValue": T[13] || (T[13] = (k) => q(D) ? D.value = k : null),
                                 type: "text",
                                 name: "city",
                                 autocomplete: "address-level2",
@@ -1572,26 +1574,26 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                               }, null, 8, ["modelValue", "label", "placeholder"])
                             ])
                           ]),
-                          y(ue, {
-                            modelValue: e(L),
-                            "onUpdate:modelValue": V[14] || (V[14] = (k) => F(L) ? L.value = k : null),
+                          v(ue, {
+                            modelValue: e(U),
+                            "onUpdate:modelValue": T[14] || (T[14] = (k) => q(U) ? U.value = k : null),
                             type: "textarea",
                             label: `${e(o)("booking.reservation.remark")} (${e(o)("booking.reservation.optional")})`,
                             icon: "info-circle",
                             placeholder: e(o)("booking.reservation.remarkPlaceholder")
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          y(ue, {
+                          v(ue, {
                             modelValue: e(Y),
-                            "onUpdate:modelValue": V[15] || (V[15] = (k) => F(Y) ? Y.value = k : null),
+                            "onUpdate:modelValue": T[15] || (T[15] = (k) => q(Y) ? Y.value = k : null),
                             type: "textarea",
                             label: `${e(o)("booking.reservation.allergies")} (${e(o)("booking.reservation.optional")})`,
                             icon: "allergies",
                             placeholder: e(o)("booking.reservation.allergiesPlaceholder")
                           }, null, 8, ["modelValue", "label", "placeholder"]),
-                          e(Lt) ? T("", !0) : (d(), H(Io, {
+                          e(Bt) ? w("", !0) : (d(), H(Io, {
                             key: 3,
-                            modelValue: e(m),
-                            "onUpdate:modelValue": V[16] || (V[16] = (k) => F(m) ? m.value = k : null),
+                            modelValue: e(c),
+                            "onUpdate:modelValue": T[16] || (T[16] = (k) => q(c) ? c.value = k : null),
                             label: `${e(o)("booking.reservation.purposeOfStay")} (${e(o)("booking.reservation.optional")})`,
                             name: "travelingFor",
                             checkboxes: to.value
@@ -1600,23 +1602,23 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
                       ]),
                       navigation: $(() => [
                         s("div", null, [
-                          y(me, {
+                          v(me, {
                             label: e(Et) ? e(o)("booking.reservation.nextButton") : e(o)("general.confirmReservation"),
-                            disabled: !e(p),
-                            "is-loading": e(c),
+                            disabled: !e(y),
+                            "is-loading": e(p),
                             "full-width": "",
-                            onClickEvent: (k) => no(J, I)
+                            onClickEvent: (k) => no(J, N)
                           }, null, 8, ["label", "disabled", "is-loading", "onClickEvent"])
                         ])
                       ]),
                       _: 2
-                    }, 1032, ["prev-callback"])) : T("", !0)
+                    }, 1032, ["prev-callback"])) : w("", !0)
                   ]),
                   payment: $(() => [
-                    y(Fo)
+                    v(Fo)
                   ]),
                   confirmation: $(() => [
-                    y(No, {
+                    v(No, {
                       message: e(o)("booking.confirmation.thankYou")
                     }, null, 8, ["message"])
                   ]),
@@ -1627,7 +1629,7 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
             }, 8, ["access-token", "callback"])
           ]),
           fallback: $(() => [
-            y(Dn)
+            v(Sn)
           ]),
           _: 1
         }))
@@ -1635,143 +1637,14 @@ const rl = { class: "konnectio-table-addons-information" }, dl = { class: "konne
       _: 1
     }, 8, ["styling"]));
   }
-}), ht = /* @__PURE__ */ fe(hl, [["__scopeId", "data-v-f8fb992e"]]);
-function tt(l, t = {}, n) {
-  for (const o in l) {
-    const i = l[o], a = n ? `${n}:${o}` : o;
-    typeof i == "object" && i !== null ? tt(i, t, a) : typeof i == "function" && (t[a] = i);
-  }
-  return t;
-}
-const vl = { run: (l) => l() }, yl = () => vl, At = typeof console.createTask < "u" ? console.createTask : yl;
-function kl(l, t) {
-  const n = t.shift(), o = At(n);
-  return l.reduce(
-    (i, a) => i.then(() => o.run(() => a(...t))),
-    Promise.resolve()
-  );
-}
-function gl(l, t) {
-  const n = t.shift(), o = At(n);
-  return Promise.all(l.map((i) => o.run(() => i(...t))));
-}
-function Qe(l, t) {
-  for (const n of [...l])
-    n(t);
-}
-class bl {
-  constructor() {
-    this._hooks = {}, this._before = void 0, this._after = void 0, this._deprecatedMessages = void 0, this._deprecatedHooks = {}, this.hook = this.hook.bind(this), this.callHook = this.callHook.bind(this), this.callHookWith = this.callHookWith.bind(this);
-  }
-  hook(t, n, o = {}) {
-    if (!t || typeof n != "function")
-      return () => {
-      };
-    const i = t;
-    let a;
-    for (; this._deprecatedHooks[t]; )
-      a = this._deprecatedHooks[t], t = a.to;
-    if (a && !o.allowDeprecated) {
-      let r = a.message;
-      r || (r = `${i} hook has been deprecated` + (a.to ? `, please use ${a.to}` : "")), this._deprecatedMessages || (this._deprecatedMessages = /* @__PURE__ */ new Set()), this._deprecatedMessages.has(r) || (console.warn(r), this._deprecatedMessages.add(r));
-    }
-    if (!n.name)
-      try {
-        Object.defineProperty(n, "name", {
-          get: () => "_" + t.replace(/\W+/g, "_") + "_hook_cb",
-          configurable: !0
-        });
-      } catch {
-      }
-    return this._hooks[t] = this._hooks[t] || [], this._hooks[t].push(n), () => {
-      n && (this.removeHook(t, n), n = void 0);
-    };
-  }
-  hookOnce(t, n) {
-    let o, i = (...a) => (typeof o == "function" && o(), o = void 0, i = void 0, n(...a));
-    return o = this.hook(t, i), o;
-  }
-  removeHook(t, n) {
-    if (this._hooks[t]) {
-      const o = this._hooks[t].indexOf(n);
-      o !== -1 && this._hooks[t].splice(o, 1), this._hooks[t].length === 0 && delete this._hooks[t];
-    }
-  }
-  deprecateHook(t, n) {
-    this._deprecatedHooks[t] = typeof n == "string" ? { to: n } : n;
-    const o = this._hooks[t] || [];
-    delete this._hooks[t];
-    for (const i of o)
-      this.hook(t, i);
-  }
-  deprecateHooks(t) {
-    Object.assign(this._deprecatedHooks, t);
-    for (const n in t)
-      this.deprecateHook(n, t[n]);
-  }
-  addHooks(t) {
-    const n = tt(t), o = Object.keys(n).map(
-      (i) => this.hook(i, n[i])
-    );
-    return () => {
-      for (const i of o.splice(0, o.length))
-        i();
-    };
-  }
-  removeHooks(t) {
-    const n = tt(t);
-    for (const o in n)
-      this.removeHook(o, n[o]);
-  }
-  removeAllHooks() {
-    for (const t in this._hooks)
-      delete this._hooks[t];
-  }
-  callHook(t, ...n) {
-    return n.unshift(t), this.callHookWith(kl, t, ...n);
-  }
-  callHookParallel(t, ...n) {
-    return n.unshift(t), this.callHookWith(gl, t, ...n);
-  }
-  callHookWith(t, n, ...o) {
-    const i = this._before || this._after ? { name: n, args: o, context: {} } : void 0;
-    this._before && Qe(this._before, i);
-    const a = t(
-      n in this._hooks ? [...this._hooks[n]] : [],
-      o
-    );
-    return a instanceof Promise ? a.finally(() => {
-      this._after && i && Qe(this._after, i);
-    }) : (this._after && i && Qe(this._after, i), a);
-  }
-  beforeEach(t) {
-    return this._before = this._before || [], this._before.push(t), () => {
-      if (this._before !== void 0) {
-        const n = this._before.indexOf(t);
-        n !== -1 && this._before.splice(n, 1);
-      }
-    };
-  }
-  afterEach(t) {
-    return this._after = this._after || [], this._after.push(t), () => {
-      if (this._after !== void 0) {
-        const n = this._after.indexOf(t);
-        n !== -1 && this._after.splice(n, 1);
-      }
-    };
-  }
-}
-function _l() {
-  return new bl();
-}
-const Vl = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style", "noscript"]), Ie = /* @__PURE__ */ new Set([
+}), vt = /* @__PURE__ */ fe(hl, [["__scopeId", "data-v-77d495ab"]]), vl = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style", "noscript"]), Ne = /* @__PURE__ */ new Set([
   "base",
   "meta",
   "link",
   "style",
   "script",
   "noscript"
-]), Tl = /* @__PURE__ */ new Set([
+]), yl = /* @__PURE__ */ new Set([
   "title",
   "titleTemplate",
   "templateParams",
@@ -1783,121 +1656,102 @@ const Vl = /* @__PURE__ */ new Set(["title", "titleTemplate", "script", "style",
   "style",
   "script",
   "noscript"
-]), wl = /* @__PURE__ */ new Set(["base", "title", "titleTemplate", "bodyAttrs", "htmlAttrs", "templateParams"]), Ht = /* @__PURE__ */ new Set(["tagPosition", "tagPriority", "tagDuplicateStrategy", "children", "innerHTML", "textContent", "processTemplateParams"]), $l = typeof window < "u";
-function Re(l) {
+]), gl = /* @__PURE__ */ new Set(["base", "title", "titleTemplate", "bodyAttrs", "htmlAttrs", "templateParams"]), At = /* @__PURE__ */ new Set(["tagPosition", "tagPriority", "tagDuplicateStrategy", "children", "innerHTML", "textContent", "processTemplateParams"]), kl = typeof window < "u";
+function Be(l) {
   let t = 9;
   for (let n = 0; n < l.length; )
     t = Math.imul(t ^ l.charCodeAt(n++), 9 ** 9);
   return ((t ^ t >>> 9) + 65536).toString(16).substring(1, 8).toLowerCase();
 }
-function vt(l) {
+function ot(l) {
   if (l._h)
     return l._h;
   if (l._d)
-    return Re(l._d);
+    return Be(l._d);
   let t = `${l.tag}:${l.textContent || l.innerHTML || ""}:`;
   for (const n in l.props)
-    t += `${n}:${l.props[n]},`;
-  return Re(t);
-}
-const Cl = ["name", "property", "http-equiv"];
-function St(l) {
-  const { props: t, tag: n } = l;
-  if (wl.has(n))
-    return n;
-  if (n === "link" && t.rel === "canonical")
-    return "canonical";
-  if (t.charset)
-    return "charset";
-  if (t.id)
-    return `${n}:id:${t.id}`;
-  for (const o of Cl)
-    if (t[o] !== void 0)
-      return `${n}:${o}:${t[o]}`;
-  return !1;
+    t += `${n}:${String(l.props[n])},`;
+  return Be(t);
 }
-function yt(l, t) {
-  return l == null ? t || null : typeof l == "function" ? l(t) : l;
-}
-function Pl(l, t) {
+function bl(l, t) {
   return l instanceof Promise ? l.then(t) : t(l);
 }
-function ot(l, t, n, o) {
-  const i = o || It(
+function nt(l, t, n, o) {
+  const a = o || Ht(
     // explicitly check for an object
     // @ts-expect-error untyped
     typeof t == "object" && typeof t != "function" && !(t instanceof Promise) ? { ...t } : { [l === "script" || l === "noscript" || l === "style" ? "innerHTML" : "textContent"]: t },
     l === "templateParams" || l === "titleTemplate"
   );
-  if (i instanceof Promise)
-    return i.then((r) => ot(l, t, n, r));
-  const a = {
+  if (a instanceof Promise)
+    return a.then((r) => nt(l, t, n, r));
+  const i = {
     tag: l,
-    props: i
+    props: a
   };
-  for (const r of Ht) {
-    const f = a.props[r] !== void 0 ? a.props[r] : n[r];
-    f !== void 0 && ((!(r === "innerHTML" || r === "textContent" || r === "children") || Vl.has(a.tag)) && (a[r === "children" ? "innerHTML" : r] = f), delete a.props[r]);
+  for (const r of At) {
+    const m = i.props[r] !== void 0 ? i.props[r] : n[r];
+    m !== void 0 && ((!(r === "innerHTML" || r === "textContent" || r === "children") || vl.has(i.tag)) && (i[r === "children" ? "innerHTML" : r] = m), delete i.props[r]);
   }
-  return a.props.body && (a.tagPosition = "bodyClose", delete a.props.body), a.tag === "script" && typeof a.innerHTML == "object" && (a.innerHTML = JSON.stringify(a.innerHTML), a.props.type = a.props.type || "application/json"), Array.isArray(a.props.content) ? a.props.content.map((r) => ({ ...a, props: { ...a.props, content: r } })) : a;
+  return i.props.body && (i.tagPosition = "bodyClose", delete i.props.body), i.tag === "script" && typeof i.innerHTML == "object" && (i.innerHTML = JSON.stringify(i.innerHTML), i.props.type = i.props.type || "application/json"), Array.isArray(i.props.content) ? i.props.content.map((r) => ({ ...i, props: { ...i.props, content: r } })) : i;
 }
-function Al(l, t) {
+function _l(l, t) {
   const n = l === "class" ? " " : ";";
-  return typeof t == "object" && !Array.isArray(t) && (t = Object.entries(t).filter(([, o]) => o).map(([o, i]) => l === "style" ? `${o}:${i}` : o)), String(Array.isArray(t) ? t.join(n) : t)?.split(n).filter((o) => !!o.trim()).join(n);
+  return t && typeof t == "object" && !Array.isArray(t) && (t = Object.entries(t).filter(([, o]) => o).map(([o, a]) => l === "style" ? `${o}:${a}` : o)), String(Array.isArray(t) ? t.join(n) : t)?.split(n).filter((o) => !!o.trim()).join(n);
 }
 function Dt(l, t, n, o) {
-  for (let i = o; i < n.length; i += 1) {
-    const a = n[i];
-    if (a === "class" || a === "style") {
-      l[a] = Al(a, l[a]);
+  for (let a = o; a < n.length; a += 1) {
+    const i = n[a];
+    if (i === "class" || i === "style") {
+      l[i] = _l(i, l[i]);
       continue;
     }
-    if (l[a] instanceof Promise)
-      return l[a].then((r) => (l[a] = r, Dt(l, t, n, i)));
-    if (!t && !Ht.has(a)) {
-      const r = String(l[a]), f = a.startsWith("data-");
-      r === "true" || r === "" ? l[a] = f ? "true" : !0 : l[a] || (f && r === "false" ? l[a] = "false" : delete l[a]);
+    if (l[i] instanceof Promise)
+      return l[i].then((r) => (l[i] = r, Dt(l, t, n, a)));
+    if (!t && !At.has(i)) {
+      const r = String(l[i]), m = i.startsWith("data-");
+      r === "true" || r === "" ? l[i] = m ? "true" : !0 : l[i] || (m && r === "false" ? l[i] = "false" : delete l[i]);
     }
   }
 }
-function It(l, t = !1) {
+function Ht(l, t = !1) {
   const n = Dt(l, t, Object.keys(l), 0);
   return n instanceof Promise ? n.then(() => l) : l;
 }
-const Hl = 10;
-function Nt(l, t, n) {
+const Vl = 10;
+function St(l, t, n) {
   for (let o = n; o < t.length; o += 1) {
-    const i = t[o];
-    if (i instanceof Promise)
-      return i.then((a) => (t[o] = a, Nt(l, t, o)));
-    Array.isArray(i) ? l.push(...i) : l.push(i);
+    const a = t[o];
+    if (a instanceof Promise)
+      return a.then((i) => (t[o] = i, St(l, t, o)));
+    Array.isArray(a) ? l.push(...a) : l.push(a);
   }
 }
-function Sl(l) {
+function Tl(l) {
   const t = [], n = l.resolvedInput;
-  for (const i in n) {
-    if (!Object.prototype.hasOwnProperty.call(n, i))
+  for (const a in n) {
+    if (!Object.prototype.hasOwnProperty.call(n, a))
       continue;
-    const a = n[i];
-    if (!(a === void 0 || !Tl.has(i))) {
-      if (Array.isArray(a)) {
-        for (const r of a)
-          t.push(ot(i, r, l));
+    const i = n[a];
+    if (!(i === void 0 || !yl.has(a))) {
+      if (Array.isArray(i)) {
+        for (const r of i)
+          t.push(nt(a, r, l));
         continue;
       }
-      t.push(ot(i, a, l));
+      t.push(nt(a, i, l));
     }
   }
   if (t.length === 0)
     return [];
   const o = [];
-  return Pl(Nt(o, t, 0), () => o.map((i, a) => (i._e = l._i, l.mode && (i._m = l.mode), i._p = (l._i << Hl) + a, i)));
+  return bl(St(o, t, 0), () => o.map((a, i) => (a._e = l._i, l.mode && (a._m = l.mode), a._p = (l._i << Vl) + i, a)));
 }
-const kt = {
+const yt = /* @__PURE__ */ new Set(["onload", "onerror", "onabort", "onprogress", "onloadstart"]), gt = {
   // tags
   base: -10,
   title: 10
-}, gt = {
+}, kt = {
   // relative scores to their default values
   critical: -80,
   high: -10,
@@ -1908,10 +1762,26 @@ function Le(l) {
   if (typeof t == "number")
     return t;
   let n = 100;
-  return l.tag === "meta" ? l.props["http-equiv"] === "content-security-policy" ? n = -30 : l.props.charset ? n = -20 : l.props.name === "viewport" && (n = -15) : l.tag === "link" && l.props.rel === "preconnect" ? n = 20 : l.tag in kt && (n = kt[l.tag]), t && t in gt ? n + gt[t] : n;
+  return l.tag === "meta" ? l.props["http-equiv"] === "content-security-policy" ? n = -30 : l.props.charset ? n = -20 : l.props.name === "viewport" && (n = -15) : l.tag === "link" && l.props.rel === "preconnect" ? n = 20 : l.tag in gt && (n = gt[l.tag]), t && t in kt ? n + kt[t] : n;
 }
-const Dl = [{ prefix: "before:", offset: -1 }, { prefix: "after:", offset: 1 }], bt = /* @__PURE__ */ new Set(["onload", "onerror", "onabort", "onprogress", "onloadstart"]), ce = "%separator";
-function Il(l, t) {
+const wl = [{ prefix: "before:", offset: -1 }, { prefix: "after:", offset: 1 }], $l = ["name", "property", "http-equiv"];
+function It(l) {
+  const { props: t, tag: n } = l;
+  if (gl.has(n))
+    return n;
+  if (n === "link" && t.rel === "canonical")
+    return "canonical";
+  if (t.charset)
+    return "charset";
+  if (t.id)
+    return `${n}:id:${t.id}`;
+  for (const o of $l)
+    if (t[o] !== void 0)
+      return `${n}:${o}:${t[o]}`;
+  return !1;
+}
+const ce = "%separator";
+function Cl(l, t) {
   let n;
   if (t === "s" || t === "pageTitle")
     n = l.pageTitle;
@@ -1922,8 +1792,8 @@ function Il(l, t) {
     n = l[t];
   return n !== void 0 ? (n || "").replace(/"/g, '\\"') : void 0;
 }
-const Nl = new RegExp(`${ce}(?:\\s*${ce})*`, "g");
-function Xe(l, t, n) {
+const Pl = new RegExp(`${ce}(?:\\s*${ce})*`, "g");
+function Ie(l, t, n) {
   if (typeof l != "string" || !l.includes("%"))
     return l;
   let o = l;
@@ -1931,225 +1801,361 @@ function Xe(l, t, n) {
     o = decodeURI(l);
   } catch {
   }
-  const i = o.match(/%\w+(?:\.\w+)?/g);
-  if (!i)
+  const a = o.match(/%\w+(?:\.\w+)?/g);
+  if (!a)
     return l;
-  const a = l.includes(ce);
+  const i = l.includes(ce);
   return l = l.replace(/%\w+(?:\.\w+)?/g, (r) => {
-    if (r === ce || !i.includes(r))
+    if (r === ce || !a.includes(r))
       return r;
-    const f = Il(t, r.slice(1));
-    return f !== void 0 ? f : r;
-  }).trim(), a && (l.endsWith(ce) && (l = l.slice(0, -ce.length)), l.startsWith(ce) && (l = l.slice(ce.length)), l = l.replace(Nl, n).trim()), l;
+    const m = Cl(t, r.slice(1));
+    return m !== void 0 ? m : r;
+  }).trim(), i && (l.endsWith(ce) && (l = l.slice(0, -ce.length)), l.startsWith(ce) && (l = l.slice(ce.length)), l = l.replace(Pl, n).trim()), l;
 }
-async function Ml(l, t = {}) {
+function bt(l, t) {
+  return l == null ? t || null : typeof l == "function" ? l(t) : l;
+}
+async function Al(l, t = {}) {
   const n = t.document || l.resolvedOptions.document;
   if (!n || !l.dirty)
     return;
   const o = { shouldRender: !0, tags: [] };
-  if (await l.hooks.callHook("dom:beforeRender", o), !o.shouldRender)
-    return;
-  const i = (await l.resolveTags()).map((p) => ({
-    tag: p,
-    id: Ie.has(p.tag) ? vt(p) : p.tag,
-    shouldRender: !0
-  }));
-  let a = l._dom;
-  if (!a) {
-    a = {
-      elMap: { htmlAttrs: n.documentElement, bodyAttrs: n.body }
-    };
-    const p = /* @__PURE__ */ new Set();
-    for (const m of ["body", "head"]) {
-      const g = n[m]?.children;
-      for (const w of g) {
-        const C = w.tagName.toLowerCase();
-        if (!Ie.has(C))
-          continue;
-        const S = {
-          tag: C,
-          props: await It(
-            w.getAttributeNames().reduce((_, A) => ({ ..._, [A]: w.getAttribute(A) }), {})
-          ),
-          innerHTML: w.innerHTML
-        }, G = St(S);
-        let D = G, K = 1;
-        for (; D && p.has(D); )
-          D = `${G}:${K++}`;
-        D && (S._d = D, p.add(D)), a.elMap[w.getAttribute("data-hid") || vt(S)] = w;
+  if (await l.hooks.callHook("dom:beforeRender", o), !!o.shouldRender)
+    return l._domUpdatePromise || (l._domUpdatePromise = new Promise(async (a) => {
+      const i = (await l.resolveTags()).map((c) => ({
+        tag: c,
+        id: Ne.has(c.tag) ? ot(c) : c.tag,
+        shouldRender: !0
+      }));
+      let r = l._dom;
+      if (!r) {
+        r = {
+          elMap: { htmlAttrs: n.documentElement, bodyAttrs: n.body }
+        };
+        const c = /* @__PURE__ */ new Set();
+        for (const g of ["body", "head"]) {
+          const _ = n[g]?.children;
+          for (const P of _) {
+            const C = P.tagName.toLowerCase();
+            if (!Ne.has(C))
+              continue;
+            const R = {
+              tag: C,
+              props: await Ht(
+                P.getAttributeNames().reduce((D, S) => ({ ...D, [S]: P.getAttribute(S) }), {})
+              ),
+              innerHTML: P.innerHTML
+            }, L = It(R);
+            let I = L, V = 1;
+            for (; I && c.has(I); )
+              I = `${L}:${V++}`;
+            I && (R._d = I, c.add(I)), r.elMap[P.getAttribute("data-hid") || ot(R)] = P;
+          }
+        }
       }
-    }
-  }
-  a.pendingSideEffects = { ...a.sideEffects }, a.sideEffects = {};
-  function r(p, m, g) {
-    const w = `${p}:${m}`;
-    a.sideEffects[w] = g, delete a.pendingSideEffects[w];
-  }
-  function f({ id: p, $el: m, tag: g }) {
-    const w = g.tag.endsWith("Attrs");
-    if (a.elMap[p] = m, w || (g.textContent && g.textContent !== m.textContent && (m.textContent = g.textContent), g.innerHTML && g.innerHTML !== m.innerHTML && (m.innerHTML = g.innerHTML), r(p, "el", () => {
-      a.elMap[p]?.remove(), delete a.elMap[p];
-    })), g._eventHandlers)
-      for (const C in g._eventHandlers)
-        Object.prototype.hasOwnProperty.call(g._eventHandlers, C) && m.getAttribute(`data-${C}`) !== "" && ((g.tag === "bodyAttrs" ? n.defaultView : m).addEventListener(
-          // onload -> load
-          C.substring(2),
-          g._eventHandlers[C].bind(m)
-        ), m.setAttribute(`data-${C}`, ""));
-    for (const C in g.props) {
-      if (!Object.prototype.hasOwnProperty.call(g.props, C))
-        continue;
-      const S = g.props[C], G = `attr:${C}`;
-      if (C === "class") {
-        if (!S)
-          continue;
-        for (const D of S.split(" "))
-          w && r(p, `${G}:${D}`, () => m.classList.remove(D)), !m.classList.contains(D) && m.classList.add(D);
-      } else if (C === "style") {
-        if (!S)
-          continue;
-        for (const D of S.split(";")) {
-          const K = D.indexOf(":"), _ = D.substring(0, K).trim(), A = D.substring(K + 1).trim();
-          r(p, `${G}:${_}`, () => {
-            m.style.removeProperty(_);
-          }), m.style.setProperty(_, A);
+      r.pendingSideEffects = { ...r.sideEffects }, r.sideEffects = {};
+      function m(c, g, _) {
+        const P = `${c}:${g}`;
+        r.sideEffects[P] = _, delete r.pendingSideEffects[P];
+      }
+      function u({ id: c, $el: g, tag: _ }) {
+        const P = _.tag.endsWith("Attrs");
+        if (r.elMap[c] = g, P || (_.textContent && _.textContent !== g.textContent && (g.textContent = _.textContent), _.innerHTML && _.innerHTML !== g.innerHTML && (g.innerHTML = _.innerHTML), m(c, "el", () => {
+          r.elMap[c]?.remove(), delete r.elMap[c];
+        })), _._eventHandlers)
+          for (const C in _._eventHandlers)
+            Object.prototype.hasOwnProperty.call(_._eventHandlers, C) && g.getAttribute(`data-${C}`) !== "" && ((_.tag === "bodyAttrs" ? n.defaultView : g).addEventListener(
+              // onload -> load
+              C.substring(2),
+              _._eventHandlers[C].bind(g)
+            ), g.setAttribute(`data-${C}`, ""));
+        for (const C in _.props) {
+          if (!Object.prototype.hasOwnProperty.call(_.props, C))
+            continue;
+          const R = _.props[C], L = `attr:${C}`;
+          if (C === "class") {
+            if (!R)
+              continue;
+            for (const I of R.split(" "))
+              P && m(c, `${L}:${I}`, () => g.classList.remove(I)), !g.classList.contains(I) && g.classList.add(I);
+          } else if (C === "style") {
+            if (!R)
+              continue;
+            for (const I of R.split(";")) {
+              const V = I.indexOf(":"), D = I.substring(0, V).trim(), S = I.substring(V + 1).trim();
+              m(c, `${L}:${D}`, () => {
+                g.style.removeProperty(D);
+              }), g.style.setProperty(D, S);
+            }
+          } else
+            g.getAttribute(C) !== R && g.setAttribute(C, R === !0 ? "" : String(R)), P && m(c, L, () => g.removeAttribute(C));
         }
-      } else
-        m.getAttribute(C) !== S && m.setAttribute(C, S === !0 ? "" : String(S)), w && r(p, G, () => m.removeAttribute(C));
-    }
-  }
-  const u = [], c = {
-    bodyClose: void 0,
-    bodyOpen: void 0,
-    head: void 0
-  };
-  for (const p of i) {
-    const { tag: m, shouldRender: g, id: w } = p;
-    if (g) {
-      if (m.tag === "title") {
-        n.title = m.textContent;
-        continue;
       }
-      p.$el = p.$el || a.elMap[w], p.$el ? f(p) : Ie.has(m.tag) && u.push(p);
-    }
-  }
-  for (const p of u) {
-    const m = p.tag.tagPosition || "head";
-    p.$el = n.createElement(p.tag.tag), f(p), c[m] = c[m] || n.createDocumentFragment(), c[m].appendChild(p.$el);
-  }
-  for (const p of i)
-    await l.hooks.callHook("dom:renderTag", p, n, r);
-  c.head && n.head.appendChild(c.head), c.bodyOpen && n.body.insertBefore(c.bodyOpen, n.body.firstChild), c.bodyClose && n.body.appendChild(c.bodyClose);
-  for (const p in a.pendingSideEffects)
-    a.pendingSideEffects[p]();
-  l._dom = a, l.dirty = !1, await l.hooks.callHook("dom:rendered", { renders: i });
+      const p = [], y = {
+        bodyClose: void 0,
+        bodyOpen: void 0,
+        head: void 0
+      };
+      for (const c of i) {
+        const { tag: g, shouldRender: _, id: P } = c;
+        if (_) {
+          if (g.tag === "title") {
+            n.title = g.textContent;
+            continue;
+          }
+          c.$el = c.$el || r.elMap[P], c.$el ? u(c) : Ne.has(g.tag) && p.push(c);
+        }
+      }
+      for (const c of p) {
+        const g = c.tag.tagPosition || "head";
+        c.$el = n.createElement(c.tag.tag), u(c), y[g] = y[g] || n.createDocumentFragment(), y[g].appendChild(c.$el);
+      }
+      for (const c of i)
+        await l.hooks.callHook("dom:renderTag", c, n, m);
+      y.head && n.head.appendChild(y.head), y.bodyOpen && n.body.insertBefore(y.bodyOpen, n.body.firstChild), y.bodyClose && n.body.appendChild(y.bodyClose);
+      for (const c in r.pendingSideEffects)
+        r.pendingSideEffects[c]();
+      l._dom = r, await l.hooks.callHook("dom:rendered", { renders: i }), a();
+    }).finally(() => {
+      l._domUpdatePromise = void 0, l.dirty = !1;
+    })), l._domUpdatePromise;
 }
-function Rl(l, t = {}) {
+function Dl(l, t = {}) {
   const n = t.delayFn || ((o) => setTimeout(o, 10));
-  return l._domUpdatePromise = l._domUpdatePromise || new Promise((o) => n(() => Ml(l, t).then(() => {
-    delete l._domUpdatePromise, o();
+  return l._domDebouncedUpdatePromise = l._domDebouncedUpdatePromise || new Promise((o) => n(() => Al(l, t).then(() => {
+    delete l._domDebouncedUpdatePromise, o();
   })));
 }
 // @__NO_SIDE_EFFECTS__
-function Ll(l) {
+function Hl(l) {
   return (t) => {
     const n = t.resolvedOptions.document?.head.querySelector('script[id="unhead:payload"]')?.innerHTML || !1;
     return n && t.push(JSON.parse(n)), {
       mode: "client",
       hooks: {
         "entries:updated": (o) => {
-          Rl(o, l);
+          Dl(o, l);
         }
       }
     };
   };
 }
-const Bl = /* @__PURE__ */ new Set(["templateParams", "htmlAttrs", "bodyAttrs"]), Ul = {
+function lt(l, t = {}, n) {
+  for (const o in l) {
+    const a = l[o], i = n ? `${n}:${o}` : o;
+    typeof a == "object" && a !== null ? lt(a, t, i) : typeof a == "function" && (t[i] = a);
+  }
+  return t;
+}
+const Sl = { run: (l) => l() }, Il = () => Sl, Nt = typeof console.createTask < "u" ? console.createTask : Il;
+function Nl(l, t) {
+  const n = t.shift(), o = Nt(n);
+  return l.reduce(
+    (a, i) => a.then(() => o.run(() => i(...t))),
+    Promise.resolve()
+  );
+}
+function Ml(l, t) {
+  const n = t.shift(), o = Nt(n);
+  return Promise.all(l.map((a) => o.run(() => a(...t))));
+}
+function Ze(l, t) {
+  for (const n of [...l])
+    n(t);
+}
+class Rl {
+  constructor() {
+    this._hooks = {}, this._before = void 0, this._after = void 0, this._deprecatedMessages = void 0, this._deprecatedHooks = {}, this.hook = this.hook.bind(this), this.callHook = this.callHook.bind(this), this.callHookWith = this.callHookWith.bind(this);
+  }
+  hook(t, n, o = {}) {
+    if (!t || typeof n != "function")
+      return () => {
+      };
+    const a = t;
+    let i;
+    for (; this._deprecatedHooks[t]; )
+      i = this._deprecatedHooks[t], t = i.to;
+    if (i && !o.allowDeprecated) {
+      let r = i.message;
+      r || (r = `${a} hook has been deprecated` + (i.to ? `, please use ${i.to}` : "")), this._deprecatedMessages || (this._deprecatedMessages = /* @__PURE__ */ new Set()), this._deprecatedMessages.has(r) || (console.warn(r), this._deprecatedMessages.add(r));
+    }
+    if (!n.name)
+      try {
+        Object.defineProperty(n, "name", {
+          get: () => "_" + t.replace(/\W+/g, "_") + "_hook_cb",
+          configurable: !0
+        });
+      } catch {
+      }
+    return this._hooks[t] = this._hooks[t] || [], this._hooks[t].push(n), () => {
+      n && (this.removeHook(t, n), n = void 0);
+    };
+  }
+  hookOnce(t, n) {
+    let o, a = (...i) => (typeof o == "function" && o(), o = void 0, a = void 0, n(...i));
+    return o = this.hook(t, a), o;
+  }
+  removeHook(t, n) {
+    if (this._hooks[t]) {
+      const o = this._hooks[t].indexOf(n);
+      o !== -1 && this._hooks[t].splice(o, 1), this._hooks[t].length === 0 && delete this._hooks[t];
+    }
+  }
+  deprecateHook(t, n) {
+    this._deprecatedHooks[t] = typeof n == "string" ? { to: n } : n;
+    const o = this._hooks[t] || [];
+    delete this._hooks[t];
+    for (const a of o)
+      this.hook(t, a);
+  }
+  deprecateHooks(t) {
+    Object.assign(this._deprecatedHooks, t);
+    for (const n in t)
+      this.deprecateHook(n, t[n]);
+  }
+  addHooks(t) {
+    const n = lt(t), o = Object.keys(n).map(
+      (a) => this.hook(a, n[a])
+    );
+    return () => {
+      for (const a of o.splice(0, o.length))
+        a();
+    };
+  }
+  removeHooks(t) {
+    const n = lt(t);
+    for (const o in n)
+      this.removeHook(o, n[o]);
+  }
+  removeAllHooks() {
+    for (const t in this._hooks)
+      delete this._hooks[t];
+  }
+  callHook(t, ...n) {
+    return n.unshift(t), this.callHookWith(Nl, t, ...n);
+  }
+  callHookParallel(t, ...n) {
+    return n.unshift(t), this.callHookWith(Ml, t, ...n);
+  }
+  callHookWith(t, n, ...o) {
+    const a = this._before || this._after ? { name: n, args: o, context: {} } : void 0;
+    this._before && Ze(this._before, a);
+    const i = t(
+      n in this._hooks ? [...this._hooks[n]] : [],
+      o
+    );
+    return i instanceof Promise ? i.finally(() => {
+      this._after && a && Ze(this._after, a);
+    }) : (this._after && a && Ze(this._after, a), i);
+  }
+  beforeEach(t) {
+    return this._before = this._before || [], this._before.push(t), () => {
+      if (this._before !== void 0) {
+        const n = this._before.indexOf(t);
+        n !== -1 && this._before.splice(n, 1);
+      }
+    };
+  }
+  afterEach(t) {
+    return this._after = this._after || [], this._after.push(t), () => {
+      if (this._after !== void 0) {
+        const n = this._after.indexOf(t);
+        n !== -1 && this._after.splice(n, 1);
+      }
+    };
+  }
+}
+function Bl() {
+  return new Rl();
+}
+const Ll = /* @__PURE__ */ new Set(["templateParams", "htmlAttrs", "bodyAttrs"]), Ul = {
   hooks: {
     "tag:normalise": ({ tag: l }) => {
       l.props.hid && (l.key = l.props.hid, delete l.props.hid), l.props.vmid && (l.key = l.props.vmid, delete l.props.vmid), l.props.key && (l.key = l.props.key, delete l.props.key);
-      const n = St(l) || (l.key ? `${l.tag}:${l.key}` : !1);
+      const t = It(l);
+      t && !t.startsWith("meta:og:") && !t.startsWith("meta:twitter:") && delete l.key;
+      const n = t || (l.key ? `${l.tag}:${l.key}` : !1);
       n && (l._d = n);
     },
     "tags:resolve": (l) => {
       const t = /* @__PURE__ */ Object.create(null);
       for (const o of l.tags) {
-        const i = (o.key ? `${o.tag}:${o.key}` : o._d) || o._p, a = t[i];
-        if (a) {
-          let f = o?.tagDuplicateStrategy;
-          if (!f && Bl.has(o.tag) && (f = "merge"), f === "merge") {
-            const u = a.props;
-            u.style && o.props.style && (u.style[u.style.length - 1] !== ";" && (u.style += ";"), o.props.style = `${u.style} ${o.props.style}`), u.class && o.props.class ? o.props.class = `${u.class} ${o.props.class}` : u.class && (o.props.class = u.class), t[i].props = {
+        const a = (o.key ? `${o.tag}:${o.key}` : o._d) || ot(o), i = t[a];
+        if (i) {
+          let m = o?.tagDuplicateStrategy;
+          if (!m && Ll.has(o.tag) && (m = "merge"), m === "merge") {
+            const u = i.props;
+            u.style && o.props.style && (u.style[u.style.length - 1] !== ";" && (u.style += ";"), o.props.style = `${u.style} ${o.props.style}`), u.class && o.props.class ? o.props.class = `${u.class} ${o.props.class}` : u.class && (o.props.class = u.class), t[a].props = {
               ...u,
               ...o.props
             };
             continue;
-          } else if (o._e === a._e) {
-            a._duped = a._duped || [], o._d = `${a._d}:${a._duped.length + 1}`, a._duped.push(o);
+          } else if (o._e === i._e) {
+            i._duped = i._duped || [], o._d = `${i._d}:${i._duped.length + 1}`, i._duped.push(o);
             continue;
-          } else if (Le(o) > Le(a))
+          } else if (Le(o) > Le(i))
             continue;
         }
-        if (!(o.innerHTML || o.textContent || Object.keys(o.props).length !== 0) && Ie.has(o.tag)) {
-          delete t[i];
+        if (!(o.innerHTML || o.textContent || Object.keys(o.props).length !== 0) && Ne.has(o.tag)) {
+          delete t[a];
           continue;
         }
-        t[i] = o;
+        t[a] = o;
       }
       const n = [];
       for (const o in t) {
-        const i = t[o], a = i._duped;
-        n.push(i), a && (delete i._duped, n.push(...a));
+        const a = t[o], i = a._duped;
+        n.push(a), i && (delete a._duped, n.push(...i));
       }
       l.tags = n, l.tags = l.tags.filter((o) => !(o.tag === "meta" && (o.props.name || o.props.property) && !o.props.content));
     }
   }
-}, El = {
-  mode: "server",
-  hooks: {
-    "tags:resolve": (l) => {
-      const t = {};
-      let n = !1;
-      for (const o of l.tags)
-        o._m !== "server" || o.tag !== "titleTemplate" && o.tag !== "templateParams" && o.tag !== "title" || (t[o.tag] = o.tag === "title" || o.tag === "titleTemplate" ? o.textContent : o.props, n = !0);
-      n && l.tags.push({
-        tag: "script",
-        innerHTML: JSON.stringify(t),
-        props: { id: "unhead:payload", type: "application/json" }
-      });
-    }
-  }
-}, Ol = /* @__PURE__ */ new Set(["script", "link", "bodyAttrs"]), Fl = (l) => ({
+}, El = /* @__PURE__ */ new Set(["script", "link", "bodyAttrs"]), Ol = (l) => ({
   hooks: {
     "tags:resolve": (t) => {
       for (const n of t.tags) {
-        if (!Ol.has(n.tag))
+        if (!El.has(n.tag))
           continue;
         const o = n.props;
-        for (const i in o) {
-          if (i[0] !== "o" || i[1] !== "n" || !Object.prototype.hasOwnProperty.call(o, i))
+        for (const a in o) {
+          if (a[0] !== "o" || a[1] !== "n" || !Object.prototype.hasOwnProperty.call(o, a))
             continue;
-          const a = o[i];
-          typeof a == "function" && (l.ssr && bt.has(i) ? o[i] = `this.dataset.${i}fired = true` : delete o[i], n._eventHandlers = n._eventHandlers || {}, n._eventHandlers[i] = a);
+          const i = o[a];
+          typeof i == "function" && (l.ssr && yt.has(a) ? o[a] = `this.dataset.${a}fired = true` : delete o[a], n._eventHandlers = n._eventHandlers || {}, n._eventHandlers[a] = i);
         }
-        l.ssr && n._eventHandlers && (n.props.src || n.props.href) && (n.key = n.key || Re(n.props.src || n.props.href));
+        l.ssr && n._eventHandlers && (n.props.src || n.props.href) && (n.key = n.key || Be(n.props.src || n.props.href));
       }
     },
     "dom:renderTag": ({ $el: t, tag: n }) => {
       const o = t?.dataset;
       if (o)
-        for (const i in o) {
-          if (!i.endsWith("fired"))
+        for (const a in o) {
+          if (!a.endsWith("fired"))
             continue;
-          const a = i.slice(0, -5);
-          bt.has(a) && n._eventHandlers?.[a]?.call(t, new Event(a.substring(2)));
+          const i = a.slice(0, -5);
+          yt.has(i) && n._eventHandlers?.[i]?.call(t, new Event(i.substring(2)));
         }
     }
   }
-}), Gl = /* @__PURE__ */ new Set(["link", "style", "script", "noscript"]), ql = {
+}), Fl = /* @__PURE__ */ new Set(["link", "style", "script", "noscript"]), Gl = {
   hooks: {
     "tag:normalise": ({ tag: l }) => {
-      l.key && Gl.has(l.tag) && (l.props["data-hid"] = l._h = Re(l.key));
+      l.key && Fl.has(l.tag) && (l.props["data-hid"] = l._h = Be(l.key));
+    }
+  }
+}, ql = {
+  mode: "server",
+  hooks: {
+    "tags:beforeResolve": (l) => {
+      const t = {};
+      let n = !1;
+      for (const o of l.tags)
+        o._m !== "server" || o.tag !== "titleTemplate" && o.tag !== "templateParams" && o.tag !== "title" || (t[o.tag] = o.tag === "title" || o.tag === "titleTemplate" ? o.textContent : o.props, n = !0);
+      n && l.tags.push({
+        tag: "script",
+        innerHTML: JSON.stringify(t),
+        props: { id: "unhead:payload", type: "application/json" }
+      });
     }
   }
 }, jl = {
@@ -2157,18 +2163,18 @@ const Bl = /* @__PURE__ */ new Set(["templateParams", "htmlAttrs", "bodyAttrs"])
     "tags:resolve": (l) => {
       for (const t of l.tags)
         if (typeof t.tagPriority == "string")
-          for (const { prefix: n, offset: o } of Dl) {
+          for (const { prefix: n, offset: o } of wl) {
             if (!t.tagPriority.startsWith(n))
               continue;
-            const i = t.tagPriority.substring(n.length), a = l.tags.find((r) => r._d === i)?._p;
-            if (a !== void 0) {
-              t._p = a + o;
+            const a = t.tagPriority.substring(n.length), i = l.tags.find((r) => r._d === a)?._p;
+            if (i !== void 0) {
+              t._p = i + o;
               break;
             }
           }
       l.tags.sort((t, n) => {
-        const o = Le(t), i = Le(n);
-        return o < i ? -1 : o > i ? 1 : t._p - n._p;
+        const o = Le(t), a = Le(n);
+        return o < a ? -1 : o > a ? 1 : t._p - n._p;
       });
     }
   }
@@ -2183,24 +2189,32 @@ const Bl = /* @__PURE__ */ new Set(["templateParams", "htmlAttrs", "bodyAttrs"])
       let o;
       for (let r = 0; r < n.length; r += 1)
         n[r].tag === "templateParams" && (o = t.tags.splice(r, 1)[0].props, r -= 1);
-      const i = o || {}, a = i.separator || "|";
-      delete i.separator, i.pageTitle = Xe(
+      const a = o || {}, i = a.separator || "|";
+      delete a.separator, a.pageTitle = Ie(
         // find templateParams
-        i.pageTitle || n.find((r) => r.tag === "title")?.textContent || "",
-        i,
-        a
+        a.pageTitle || n.find((r) => r.tag === "title")?.textContent || "",
+        a,
+        i
       );
       for (const r of n) {
         if (r.processTemplateParams === !1)
           continue;
-        const f = Wl[r.tag];
-        if (f && typeof r.props[f] == "string")
-          r.props[f] = Xe(r.props[f], i, a);
+        const m = Wl[r.tag];
+        if (m && typeof r.props[m] == "string")
+          r.props[m] = Ie(r.props[m], a, i);
         else if (r.processTemplateParams || r.tag === "titleTemplate" || r.tag === "title")
           for (const u of xl)
-            typeof r[u] == "string" && (r[u] = Xe(r[u], i, a));
+            typeof r[u] == "string" && (r[u] = Ie(r[u], a, i));
+      }
+      l._templateParams = a, l._separator = i;
+    },
+    "tags:afterResolve": ({ tags: t }) => {
+      let n;
+      for (let o = 0; o < t.length; o += 1) {
+        const a = t[o];
+        a.tag === "title" && a.processTemplateParams !== !1 && (n = a);
       }
-      l._templateParams = i, l._separator = a;
+      n?.textContent && (n.textContent = Ie(n.textContent, l._templateParams, l._separator));
     }
   }
 }), Jl = {
@@ -2208,21 +2222,21 @@ const Bl = /* @__PURE__ */ new Set(["templateParams", "htmlAttrs", "bodyAttrs"])
     "tags:resolve": (l) => {
       const { tags: t } = l;
       let n, o;
-      for (let i = 0; i < t.length; i += 1) {
-        const a = t[i];
-        a.tag === "title" ? n = a : a.tag === "titleTemplate" && (o = a);
+      for (let a = 0; a < t.length; a += 1) {
+        const i = t[a];
+        i.tag === "title" ? n = i : i.tag === "titleTemplate" && (o = i);
       }
       if (o && n) {
-        const i = yt(
+        const a = bt(
           o.textContent,
           n.textContent
         );
-        i !== null ? n.textContent = i || n.textContent : l.tags.splice(l.tags.indexOf(n), 1);
+        a !== null ? n.textContent = a || n.textContent : l.tags.splice(l.tags.indexOf(n), 1);
       } else if (o) {
-        const i = yt(
+        const a = bt(
           o.textContent
         );
-        i !== null && (o.textContent = i, o.tag = "title", o = void 0);
+        a !== null && (o.textContent = a, o.tag = "title", o = void 0);
       }
       o && l.tags.splice(l.tags.indexOf(o), 1);
     }
@@ -2238,57 +2252,57 @@ const Bl = /* @__PURE__ */ new Set(["templateParams", "htmlAttrs", "bodyAttrs"])
 // @__NO_SIDE_EFFECTS__
 function Yl(l = {}) {
   const t = Ql(l);
-  return t.use(/* @__PURE__ */ Ll()), t;
+  return t.use(/* @__PURE__ */ Hl()), t;
 }
 function _t(l, t) {
   return !l || l === "server" && t || l === "client" && !t;
 }
 function Ql(l = {}) {
-  const t = _l();
-  t.addHooks(l.hooks || {}), l.document = l.document || ($l ? document : void 0);
+  const t = Bl();
+  t.addHooks(l.hooks || {}), l.document = l.document || (kl ? document : void 0);
   const n = !l.document, o = () => {
-    f.dirty = !0, t.callHook("entries:updated", f);
+    m.dirty = !0, t.callHook("entries:updated", m);
   };
-  let i = 0, a = [];
-  const r = [], f = {
+  let a = 0, i = [];
+  const r = [], m = {
     plugins: r,
     dirty: !1,
     resolvedOptions: l,
     hooks: t,
     headEntries() {
-      return a;
+      return i;
     },
     use(u) {
-      const c = typeof u == "function" ? u(f) : u;
-      (!c.key || !r.some((p) => p.key === c.key)) && (r.push(c), _t(c.mode, n) && t.addHooks(c.hooks || {}));
+      const p = typeof u == "function" ? u(m) : u;
+      (!p.key || !r.some((y) => y.key === p.key)) && (r.push(p), _t(p.mode, n) && t.addHooks(p.hooks || {}));
     },
-    push(u, c) {
-      delete c?.head;
-      const p = {
-        _i: i++,
+    push(u, p) {
+      delete p?.head;
+      const y = {
+        _i: a++,
         input: u,
-        ...c
+        ...p
       };
-      return _t(p.mode, n) && (a.push(p), o()), {
+      return _t(y.mode, n) && (i.push(y), o()), {
         dispose() {
-          a = a.filter((m) => m._i !== p._i), t.callHook("entries:updated", f), o();
+          i = i.filter((c) => c._i !== y._i), o();
         },
         // a patch is the same as creating a new entry, just a nice DX
-        patch(m) {
-          for (const g of a)
-            g._i === p._i && (g.input = p.input = m);
+        patch(c) {
+          for (const g of i)
+            g._i === y._i && (g.input = y.input = c);
           o();
         }
       };
     },
     async resolveTags() {
-      const u = { tags: [], entries: [...a] };
+      const u = { tags: [], entries: [...i] };
       await t.callHook("entries:resolve", u);
-      for (const c of u.entries) {
-        const p = c.resolvedInput || c.input;
-        if (c.resolvedInput = await (c.transform ? c.transform(p) : p), c.resolvedInput)
-          for (const m of await Sl(c)) {
-            const g = { tag: m, entry: c, resolvedOptions: f.resolvedOptions };
+      for (const p of u.entries) {
+        const y = p.resolvedInput || p.input;
+        if (p.resolvedInput = await (p.transform ? p.transform(y) : y), p.resolvedInput)
+          for (const c of await Tl(p)) {
+            const g = { tag: c, entry: p, resolvedOptions: m.resolvedOptions };
             await t.callHook("tag:normalise", g), u.tags.push(g.tag);
           }
       }
@@ -2298,28 +2312,28 @@ function Ql(l = {}) {
   };
   return [
     Ul,
-    El,
-    Fl,
     ql,
+    Ol,
+    Gl,
     jl,
     Kl,
     Jl,
     zl,
     ...l?.plugins || []
-  ].forEach((u) => f.use(u)), f.hooks.callHook("init", f), f;
+  ].forEach((u) => m.use(u)), m.hooks.callHook("init", m), m;
 }
 const Xl = vo[0] === "3";
 function Zl(l) {
   return typeof l == "function" ? l() : e(l);
 }
-function nt(l) {
-  if (l instanceof Promise)
+function at(l) {
+  if (l instanceof Promise || l instanceof Date || l instanceof RegExp)
     return l;
   const t = Zl(l);
   if (!l || !t)
     return t;
   if (Array.isArray(t))
-    return t.map((n) => nt(n));
+    return t.map((n) => at(n));
   if (typeof t == "object") {
     const n = {};
     for (const o in t)
@@ -2328,7 +2342,7 @@ function nt(l) {
           n[o] = e(t[o]);
           continue;
         }
-        n[o] = nt(t[o]);
+        n[o] = at(t[o]);
       }
     return n;
   }
@@ -2338,7 +2352,7 @@ const ea = {
   hooks: {
     "entries:resolve": (l) => {
       for (const t of l.entries)
-        t.resolvedInput = nt(t.input);
+        t.resolvedInput = at(t.input);
     }
   }
 }, ta = "usehead";
@@ -2364,8 +2378,8 @@ class sa extends HTMLElement {
     this.vueApp.unmount();
   }
   connectedCallback() {
-    const t = ko(ht, this.attributes);
-    this.vueApp = go(ht, t), this.vueApp.provide("emitter", ia), this.vueApp.use(aa), this.vueApp.use(la), this.vueApp.use(Mo), this.vueApp.use(bo), this.vueApp.use(Ro), this.vueApp.use(Po), this.vueApp.use(Co, { bootstrap: !0 });
+    const t = go(vt, this.attributes);
+    this.vueApp = ko(vt, t), this.vueApp.provide("emitter", ia), this.vueApp.use(aa), this.vueApp.use(la), this.vueApp.use(Mo), this.vueApp.use(bo), this.vueApp.use(Ro), this.vueApp.use(Po), this.vueApp.use(Co, { bootstrap: !0 });
     const n = document.createElement("div");
     this.vueApp.mount(n), this.appendChild(n.children[0]);
   }