@konnectio/core 4.0.56-rc28 → 4.0.56-rc29

package/dist/HotelAvailabilityForm-VSefGp9z.js

@@ -0,0 +1,212 @@
+import { d as se, u as ue, i as ce, s as V, a as q, b as z, c as re, r as v, e as i, w as E, o as de, f as s, g as D, h, j as e, k as m, T as L, _ as be, l as f, m as A, F as M, n as G, C as J, p as K, q as ve, t as me, v as ge } from "./Field-h1g7Dq--.js";
+import { _ as pe } from "./AvailabilitySkeleton-ACZu1cbe.js";
+const De = {
+  key: 0,
+  class: "konnectio-availability-location"
+}, fe = { id: "konnectio-availability-date-selection" }, ke = {
+  key: 1,
+  id: "konnectio-availability-guest-selection"
+}, ye = { id: "konnectio-availability-confirmation" }, we = /* @__PURE__ */ se({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN }
+  },
+  setup(P) {
+    const { t: n } = ue(), Q = ce("emitter"), l = P, {
+      adults: N,
+      children: C,
+      arrivalDate: S,
+      departureDate: U,
+      location: _,
+      isExpired: W
+    } = V(q()), { reset: X, update: Y } = q(), { fetchAvailabilityData: Z } = z(), { areListingsLoading: H, hotelList: R, hasHotelList: k } = V(z()), {
+      firstSelectableDateOffset: x,
+      lastSelectableDateOffset: B,
+      disableChildSelection: r,
+      disableAdultSelection: u,
+      controlLocation: ee
+    } = V(re()), ae = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), le = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), F = v(2), I = v(0), O = v(ae()), T = v(le()), $ = v(ee.value), d = i({
+      get: () => l.booking ? N.value : F.value,
+      set: (a) => {
+        l.booking ? N.value = Number(a) : F.value = Number(a);
+      }
+    }), g = i({
+      get: () => l.booking ? C.value : I.value,
+      set: (a) => {
+        l.booking ? C.value = Number(a) : I.value = Number(a);
+      }
+    }), c = i({
+      get: () => l.booking ? S.value : O.value,
+      set: (a) => {
+        l.booking ? S.value = a : O.value = a;
+      }
+    }), b = i({
+      get: () => l.booking ? U.value : T.value,
+      set: (a) => {
+        l.booking ? U.value = a : T.value = a;
+      }
+    }), y = i({
+      get: () => isNaN(l.selectedLocation) ? l.booking ? _.value : $.value : l.selectedLocation,
+      set: (a) => {
+        l.booking ? _.value = a : $.value = a;
+      }
+    }), j = i(() => {
+      const a = R.value.find(({ value: t }) => t === l.selectedLocation);
+      return a ? a.label : "";
+    }), p = v([]), te = i(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (x.value - 1))));
+    i(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + B.value))), i(() => new Date((/* @__PURE__ */ new Date()).setDate(c.value.getDate() + x.value)));
+    const oe = i(() => new Date((/* @__PURE__ */ new Date()).setDate(c.value.getDate() + (B.value + 1)))), w = i(() => !(!u && d.value === 0)), ne = i(() => typeof l.link != "string");
+    function ie() {
+      if (l.booking === !1)
+        if (Y({
+          adults: d.value,
+          children: g.value,
+          arrivalDate: c.value,
+          departureDate: b.value,
+          location: y.value
+        }), ne.value) {
+          const a = me();
+          l.link[a] ? window.location.replace(l.link[a]) : l.link.en ? window.location.replace(l.link.en) : console.log("Sprog understøttes ikke");
+        } else
+          window.location.replace(l.link);
+      else
+        w.value && Z();
+    }
+    return E(c, (a) => {
+      const t = new Date(new Date(a).setDate(new Date(a).getDate() + 1));
+      new Date(b.value) < t && (b.value = t);
+    }), Q.on("forcedDateChange", () => {
+      p.value = [c.value, b.value];
+    }), E(p, (a) => {
+      c.value = a[0], b.value = a[1];
+    }), de(() => {
+      W.value && X(), p.value = [c.value, b.value];
+    }), (a, t) => (s(), D("form", {
+      id: "konnectio-availability-form",
+      class: K({ reservation: a.booking }),
+      type: "availability",
+      onSubmit: ve(ie, ["prevent"])
+    }, [
+      h("ul", {
+        id: "konnectio-availability-form-content",
+        class: K([
+          { "is-booking-page": a.booking },
+          { "only-adult-guests": !e(u) && e(r) },
+          { "only-child-guests": !e(r) && e(u) },
+          { "no-guests": e(u) && e(r) },
+          { "all-guests": !e(u) && !e(r) },
+          { "has-location": e(k) }
+        ])
+      }, [
+        e(k) ? (s(), D("li", De, [
+          isNaN(a.selectedLocation) ? (s(), m(be, {
+            key: 1,
+            modelValue: y.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => y.value = o),
+            label: e(n)("general.location"),
+            icon: "location-dot",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            options: e(R),
+            searchable: !1
+          }, null, 8, ["modelValue", "label", "options"])) : (s(), m(L, {
+            key: 0,
+            modelValue: j.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => j.value = o),
+            label: e(n)("general.location"),
+            icon: "location-dot",
+            "icon-type": "fas",
+            "icon-placement": "label",
+            readonly: ""
+          }, null, 8, ["modelValue", "label"]))
+        ])) : f("", !0),
+        h("li", fe, [
+          A(pe, {
+            modelValue: p.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (o) => p.value = o),
+            label: e(n)("availability.checkInOut"),
+            "icon-type": "fas",
+            "icon-placement": "label",
+            "min-range": 1,
+            "min-date": te.value,
+            "max-date": oe.value,
+            range: ""
+          }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+          f("", !0)
+        ]),
+        !e(u) || !e(r) ? (s(), D("li", ke, [
+          e(u) ? f("", !0) : (s(), D(M, { key: 0 }, [
+            e(k) ? (s(), m(L, {
+              key: 0,
+              modelValue: d.value,
+              "onUpdate:modelValue": t[5] || (t[5] = (o) => d.value = o),
+              type: "number",
+              label: e(n)("availability.adults"),
+              description: e(n)("general.adultAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male"
+            }, null, 8, ["modelValue", "label", "description"])) : (s(), m(G, {
+              key: 1,
+              modelValue: d.value,
+              "onUpdate:modelValue": t[6] || (t[6] = (o) => d.value = o),
+              label: e(n)("availability.adults"),
+              description: e(n)("general.adultAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male"
+            }, null, 8, ["modelValue", "label", "description"]))
+          ], 64)),
+          e(r) ? f("", !0) : (s(), D(M, { key: 1 }, [
+            e(k) ? (s(), m(L, {
+              key: 0,
+              modelValue: g.value,
+              "onUpdate:modelValue": t[7] || (t[7] = (o) => g.value = o),
+              type: "number",
+              label: e(n)("availability.children"),
+              description: e(n)("general.childAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child"
+            }, null, 8, ["modelValue", "label", "description"])) : (s(), m(G, {
+              key: 1,
+              modelValue: g.value,
+              "onUpdate:modelValue": t[8] || (t[8] = (o) => g.value = o),
+              label: e(n)("availability.children"),
+              description: e(n)("general.childAgeRange"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child"
+            }, null, 8, ["modelValue", "label", "description"]))
+          ], 64))
+        ])) : f("", !0),
+        h("li", ye, [
+          A(J, {
+            class: "konnectio-availability-submit-small",
+            type: "submit",
+            icon: "search",
+            "icon-type": "fas",
+            disabled: !w.value,
+            "is-loading": e(H)
+          }, null, 8, ["disabled", "is-loading"]),
+          A(J, {
+            class: "konnectio-availability-submit-large",
+            type: "submit",
+            label: e(n)("availability.buttonLabel"),
+            disabled: !w.value,
+            "is-loading": e(H)
+          }, null, 8, ["label", "disabled", "is-loading"])
+        ])
+      ], 2)
+    ], 34));
+  }
+}), Le = /* @__PURE__ */ ge(we, [["__scopeId", "data-v-c0f38352"]]);
+export {
+  Le as H
+};

package/dist/{TermsOfService-YKMRZMWv.js → TermsOfService-PO3NnQmn.js}

@@ -1,5 +1,5 @@
-import { d as o, u as a, f as r, n as i, y as c, h as e, j as s, z as p, x as _ } from "./Field-pqofL_FG.js";
-import { B as d } from "./CheckoutWindow-MJOB-P1r.js";
+import { d as o, u as a, f as r, k as i, x as c, h as e, j as s, y as p, v as _ } from "./Field-h1g7Dq--.js";
+import { B as d } from "./CheckoutWindow-Uh5py1iz.js";
 const l = { class: "konnectio-terms-side-panel" }, f = ["innerHTML"], m = /* @__PURE__ */ o({
   __name: "TermsOfService",
   props: {
@@ -20,7 +20,7 @@ const l = { class: "konnectio-terms-side-panel" }, f = ["innerHTML"], m = /* @__
       _: 1
     }, 8, ["title"]));
   }
-}), x = /* @__PURE__ */ _(m, [["__scopeId", "data-v-82aaf990"]]);
+}), k = /* @__PURE__ */ _(m, [["__scopeId", "data-v-82aaf990"]]);
 export {
-  x as S
+  k as S
 };

package/dist/availability.js

@@ -1,69 +1,73 @@
-import { d as C, u as w, r as E, e as m, o as S, f as p, n as v, y as d, S as T, h as a, k as y, g as B, q as b, t as f, B as A, j as L, F as I, m as _, D as H, E as M, G as N, H as z, J as F, x as P, K as V, L as j, M as O, N as $ } from "./Field-pqofL_FG.js";
-import { H as x } from "./HotelAvailabilityForm-b5R46zup.js";
-import { E as D } from "./EventAvailabilityForm-MDbDYGmT.js";
-import { E as K } from "./ErrorMessage-yCUA4Br1.js";
-import { A as U } from "./AvailabilitySkeleton-bIuGCn-W.js";
-const Z = (l) => (z("data-v-16ca7abd"), l = l(), F(), l), q = { class: "konnectio-availability-module" }, G = { class: "konnectio-availability-navigation" }, J = /* @__PURE__ */ Z(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), Q = { class: "konnectio-availability-search-form" }, R = /* @__PURE__ */ C({
+import { d as C, u as w, r as E, e as m, o as S, f as c, k as v, x as d, S as T, h as a, m as b, g as B, p as y, q as f, A, j as L, F as I, l as _, B as N, D as H, E as M, G as z, H as F, v as P, J as V, K as j, L as O, M as $ } from "./Field-h1g7Dq--.js";
+import { H as D } from "./HotelAvailabilityForm-VSefGp9z.js";
+import { E as K } from "./EventAvailabilityForm-0ScLIbfr.js";
+import { E as U } from "./ErrorMessage-YtIshvvf.js";
+import { A as Z } from "./AvailabilitySkeleton-ACZu1cbe.js";
+const q = (l) => (z("data-v-fac0bb15"), l = l(), F(), l), G = { class: "konnectio-availability-module" }, J = { class: "konnectio-availability-navigation" }, x = /* @__PURE__ */ q(() => /* @__PURE__ */ a("div", { class: "konnectio-availability-divider" }, null, -1)), Q = { class: "konnectio-availability-search-form" }, R = /* @__PURE__ */ C({
   name: "AvailabilityLayout",
   __name: "Availability",
   props: {
     accessToken: {},
     eventLink: {},
+    eventLocation: {},
     hotelLink: {},
+    hotelLocation: {},
     styling: {}
   },
   setup(l) {
-    const { t: r } = w(), i = l, s = E(), h = m(() => i.hotelLink || i.eventLink), c = m(() => i.hotelLink && i.eventLink), o = m(() => s.value === "hotel"), u = m(() => s.value === "event"), e = (t) => s.value = t;
+    const { t: r } = w(), o = l, i = E(), h = m(() => !!o.hotelLink || !!o.eventLink), p = m(() => !!o.hotelLink && !!o.eventLink), s = m(() => i.value === "hotel"), u = m(() => i.value === "event"), t = (e) => i.value = e;
     return S(() => {
-      !i.hotelLink && i.eventLink ? s.value = "event" : s.value = "hotel";
-    }), (t, n) => (p(), v(N, { styling: t.styling }, {
+      !o.hotelLink && o.eventLink ? i.value = "event" : i.value = "hotel";
+    }), (e, n) => (c(), v(M, { styling: e.styling }, {
       default: d(() => [
-        h.value ? (p(), v(T, { key: 0 }, {
+        h.value ? (c(), v(T, { key: 0 }, {
           default: d(() => [
             a("div", null, [
-              y(M, {
-                "access-token": t.accessToken,
+              b(H, {
+                "access-token": e.accessToken,
                 type: "hotel"
               }, {
                 default: d(() => [
-                  a("div", q, [
-                    c.value ? (p(), B(I, { key: 0 }, [
-                      a("nav", G, [
+                  a("div", G, [
+                    p.value ? (c(), B(I, { key: 0 }, [
+                      a("nav", J, [
                         a("ul", null, [
                           a("li", null, [
                             a("button", {
-                              class: b({ active: o.value }),
-                              onClick: n[0] || (n[0] = f((g) => e("hotel"), ["prevent"]))
+                              class: y({ active: s.value }),
+                              onClick: n[0] || (n[0] = f((g) => t("hotel"), ["prevent"]))
                             }, [
                               a("span", null, A(L(r)("availability.hotel")), 1)
                             ], 2)
                           ]),
                           a("li", null, [
                             a("button", {
-                              class: b({ active: u.value }),
-                              onClick: n[1] || (n[1] = f((g) => e("event"), ["prevent"]))
+                              class: y({ active: u.value }),
+                              onClick: n[1] || (n[1] = f((g) => t("event"), ["prevent"]))
                             }, [
                               a("span", null, A(L(r)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
-                      J
+                      x
                     ], 64)) : _("", !0),
                     a("div", Q, [
-                      y(H, {
+                      b(N, {
                         name: "fade",
                         mode: "out-in",
                         appear: ""
                       }, {
                         default: d(() => [
-                          o.value ? (p(), v(x, {
+                          s.value ? (c(), v(D, {
                             key: 0,
-                            link: t.hotelLink
-                          }, null, 8, ["link"])) : u.value ? (p(), v(D, {
+                            link: e.hotelLink,
+                            "selected-location": Number(e.hotelLocation)
+                          }, null, 8, ["link", "selected-location"])) : u.value ? (c(), v(K, {
                             key: 1,
-                            link: t.eventLink
-                          }, null, 8, ["link"])) : _("", !0)
+                            link: e.eventLink,
+                            "selected-location": Number(e.eventLocation)
+                          }, null, 8, ["link", "selected-location"])) : _("", !0)
                         ]),
                         _: 1
                       })
@@ -76,13 +80,13 @@ const Z = (l) => (z("data-v-16ca7abd"), l = l(), F(), l), q = { class: "konnecti
           ]),
           fallback: d(() => [
             a("div", null, [
-              y(U, {
-                view: c.value ? "both" : s.value
+              b(Z, {
+                view: p.value ? "both" : i.value
               }, null, 8, ["view"])
             ])
           ]),
           _: 1
-        })) : (p(), v(K, {
+        })) : (c(), v(U, {
           key: 1,
           title: "Unable to render Availability module",
           description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>\r
@@ -92,7 +96,7 @@ const Z = (l) => (z("data-v-16ca7abd"), l = l(), F(), l), q = { class: "konnecti
       _: 1
     }, 8, ["styling"]));
   }
-}), k = /* @__PURE__ */ P(R, [["__scopeId", "data-v-16ca7abd"]]), W = V(), X = $();
+}), k = /* @__PURE__ */ P(R, [["__scopeId", "data-v-fac0bb15"]]), W = V(), X = $();
 class Y extends HTMLElement {
   vueApp;
   constructor() {
@@ -103,19 +107,19 @@ class Y extends HTMLElement {
   }
   connectedCallback() {
     const r = typeof k == "function" ? k.options : k;
-    let i = Array.isArray(r.props) ? r.props : Object.keys(r.props || {});
-    const s = (e) => e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, n) => (n ? "-" : "") + t.toLowerCase()), h = (e) => e.replace(/-./g, (t) => t[1].toUpperCase()), c = {};
-    i = i.map(s);
-    const o = {};
-    for (const e of this.attributes) {
-      const n = e.name.split(".");
-      n.length > 1 && (o[n[0]] || (o[n[0]] = {}), o[n[0]][h(n[1])] = e.value);
+    let o = Array.isArray(r.props) ? r.props : Object.keys(r.props || {});
+    const i = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, n) => (n ? "-" : "") + e.toLowerCase()), h = (t) => t.replace(/-./g, (e) => e[1].toUpperCase()), p = {};
+    o = o.map(i);
+    const s = {};
+    for (const t of this.attributes) {
+      const n = t.name.split(".");
+      n.length > 1 && (s[n[0]] || (s[n[0]] = {}), s[n[0]][h(n[1])] = t.value);
     }
-    for (const e of i) {
-      let t = this.attributes.getNamedItem(e)?.value;
-      o.hasOwnProperty(e) && (t = o[e]), c[e] = t;
+    for (const t of o) {
+      let e = this.attributes.getNamedItem(t)?.value;
+      s.hasOwnProperty(t) && (e = s[t]), p[t] = e;
     }
-    this.vueApp = j(k, c), this.vueApp.provide("emitter", X), this.vueApp.use(O), this.vueApp.use(W);
+    this.vueApp = j(k, p), this.vueApp.provide("emitter", X), this.vueApp.use(O), this.vueApp.use(W);
     const u = document.createElement("div");
     this.vueApp.mount(u), this.appendChild(u.children[0]);
   }