@konnectio/core 4.0.56-rc23 → 4.0.56-rc25

package/dist/HotelAvailabilityForm-hWTsZCGI.js

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

package/dist/availability.js

@@ -1,8 +1,9 @@
-import { d as C, j as w, k as E, c as m, l as S, o as p, a as v, w as d, S as T, b as a, f as y, h as B, n as b, m as f, t as A, u as _, F as I, i as L, p as z, q as F, s as H, v as M, x as N, g as P, y as V, z as j, A as O, B as $ } from "./_-hKpeUU4C.js";
-import { H as x, A as U } from "./AvailabilitySkeleton-gympaD6B.js";
-import { E as Z } from "./EventAvailabilityForm-c0u7rObv.js";
-import { E as q } from "./ErrorMessage-GzJ2T5_d.js";
-const D = (l) => (M("data-v-16ca7abd"), l = l(), N(), l), K = { class: "konnectio-availability-module" }, G = { class: "konnectio-availability-navigation" }, J = /* @__PURE__ */ D(() => /* @__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 p, n as v, z as d, S as T, h as a, k as y, g as B, q as b, t as f, A, j as L, F as I, m as _, B as z, D as H, E as M, G as F, H as N, x as P, J as V, K as j, L as O, M as $ } from "./Field-pY1XGbPQ.js";
+import { H as x } from "./HotelAvailabilityForm-hWTsZCGI.js";
+import { E as D } from "./EventAvailabilityForm--XuKLthM.js";
+import { E as K } from "./ErrorMessage-5TxZYuTj.js";
+import { A as U } from "./AvailabilitySkeleton-kd2z0IL5.js";
+const Z = (l) => (F("data-v-16ca7abd"), l = l(), N(), 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({
   name: "AvailabilityLayout",
   __name: "Availability",
   props: {
@@ -12,20 +13,20 @@ const D = (l) => (M("data-v-16ca7abd"), l = l(), N(), l), K = { class: "konnecti
     styling: {}
   },
   setup(l) {
-    const { t: r } = w(), s = l, i = E(), h = m(() => s.hotelLink || s.eventLink), c = m(() => s.hotelLink && s.eventLink), o = m(() => i.value === "hotel"), u = m(() => i.value === "event"), e = (t) => i.value = t;
+    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;
     return S(() => {
-      !s.hotelLink && s.eventLink ? i.value = "event" : i.value = "hotel";
-    }), (t, n) => (p(), v(H, { styling: t.styling }, {
+      !i.hotelLink && i.eventLink ? s.value = "event" : s.value = "hotel";
+    }), (t, n) => (p(), v(M, { styling: t.styling }, {
       default: d(() => [
         h.value ? (p(), v(T, { key: 0 }, {
           default: d(() => [
             a("div", null, [
-              y(F, {
+              y(H, {
                 "access-token": t.accessToken,
                 type: "hotel"
               }, {
                 default: d(() => [
-                  a("div", K, [
+                  a("div", q, [
                     c.value ? (p(), B(I, { key: 0 }, [
                       a("nav", G, [
                         a("ul", null, [
@@ -34,7 +35,7 @@ const D = (l) => (M("data-v-16ca7abd"), l = l(), N(), l), K = { class: "konnecti
                               class: b({ active: o.value }),
                               onClick: n[0] || (n[0] = f((g) => e("hotel"), ["prevent"]))
                             }, [
-                              a("span", null, A(_(r)("availability.hotel")), 1)
+                              a("span", null, A(L(r)("availability.hotel")), 1)
                             ], 2)
                           ]),
                           a("li", null, [
@@ -42,13 +43,13 @@ const D = (l) => (M("data-v-16ca7abd"), l = l(), N(), l), K = { class: "konnecti
                               class: b({ active: u.value }),
                               onClick: n[1] || (n[1] = f((g) => e("event"), ["prevent"]))
                             }, [
-                              a("span", null, A(_(r)("availability.events")), 1)
+                              a("span", null, A(L(r)("availability.events")), 1)
                             ], 2)
                           ])
                         ])
                       ]),
                       J
-                    ], 64)) : L("", !0),
+                    ], 64)) : _("", !0),
                     a("div", Q, [
                       y(z, {
                         name: "fade",
@@ -59,10 +60,10 @@ const D = (l) => (M("data-v-16ca7abd"), l = l(), N(), l), K = { class: "konnecti
                           o.value ? (p(), v(x, {
                             key: 0,
                             link: t.hotelLink
-                          }, null, 8, ["link"])) : u.value ? (p(), v(Z, {
+                          }, null, 8, ["link"])) : u.value ? (p(), v(D, {
                             key: 1,
                             link: t.eventLink
-                          }, null, 8, ["link"])) : L("", !0)
+                          }, null, 8, ["link"])) : _("", !0)
                         ]),
                         _: 1
                       })
@@ -76,12 +77,12 @@ const D = (l) => (M("data-v-16ca7abd"), l = l(), N(), l), K = { class: "konnecti
           fallback: d(() => [
             a("div", null, [
               y(U, {
-                view: c.value ? "both" : i.value
+                view: c.value ? "both" : s.value
               }, null, 8, ["view"])
             ])
           ]),
           _: 1
-        })) : (p(), v(q, {
+        })) : (p(), v(K, {
           key: 1,
           title: "Unable to render Availability module",
           description: `The 'hotel-link' and/or 'event-link' properties are missing.<br>\r
@@ -102,15 +103,15 @@ class Y extends HTMLElement {
   }
   connectedCallback() {
     const r = typeof k == "function" ? k.options : k;
-    let s = Array.isArray(r.props) ? r.props : Object.keys(r.props || {});
-    const i = (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 = {};
-    s = s.map(i);
+    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);
     }
-    for (const e of s) {
+    for (const e of i) {
       let t = this.attributes.getNamedItem(e)?.value;
       o.hasOwnProperty(e) && (t = o[e]), c[e] = t;
     }