@konnectio/core 4.0.56-rc31 → 4.0.56-rc32

package/dist/{ActionField-qP-3ktN4.js → ActionField-DArUoq0Y.js}

@@ -1,5 +1,5 @@
-import { d as c, z as V, e as p, f as d, k as i, x as v, h as q, _ as g, j as t, n as k, T as B, m as I, C, I as F, v as h } from "./Field-C9r1d8IB.js";
-const A = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
+import { d as c, r as V, i as m, o as d, a as i, w as v, f as g, j as q, g as t, k, T as B, e as I, C, I as F, _ as A } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Dg5SIKsf.js";
+const L = { class: "fresh-booking-action-field" }, T = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
     modelValue: {},
@@ -29,10 +29,10 @@ const A = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
     function r(e) {
       s("update:modelValue", e);
     }
-    const n = p({
+    const n = m({
       get: () => u.modelValue,
       set: (e) => r(e)
-    }), m = p({
+    }), p = m({
       get: () => u.modelValue,
       set: (e) => r(e)
     });
@@ -49,8 +49,8 @@ const A = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
       readonly: e.readonly
     }, {
       default: v(() => [
-        q("div", A, [
-          e.type === "dropdown" && e.data ? (d(), i(g, {
+        g("div", L, [
+          e.type === "dropdown" && e.data ? (d(), i(q, {
             key: 0,
             modelValue: n.value,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
@@ -61,8 +61,8 @@ const A = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(k, {
             key: 1,
-            modelValue: m.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => m.value = l),
+            modelValue: p.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
             id: t(o),
             "min-value": e.minValue,
             "max-value": e.maxValue
@@ -92,7 +92,7 @@ const A = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
       _: 1
     }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
   }
-}), $ = /* @__PURE__ */ h(L, [["__scopeId", "data-v-3e77e321"]]);
+}), h = /* @__PURE__ */ A(T, [["__scopeId", "data-v-3e77e321"]]);
 export {
-  $ as A
+  h as A
 };

package/dist/AvailabilitySkeleton-5yqtoHjX.js

@@ -0,0 +1,277 @@
+import { d as X, u as ve, $ as me, K as _, l as G, a0 as K, N as be, m as p, i as s, a1 as W, p as pe, o as n, c, e as u, w as De, g as e, a as D, T as A, j as ge, b as y, f as L, F as Z, k as J, C as P, n as x, Z as ye, q as fe, W as ke, _ as Y, E as Q } from "./Field.vue_vue_type_style_index_0_scoped_992f78a1_lang-Dg5SIKsf.js";
+import { _ as he } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_17762b9b_lang-Breyx_L4.js";
+import { F as g } from "./Field-Cthg8pWO.js";
+const we = {
+  class: "konnectio-availability-location",
+  key: "location"
+}, Ve = {
+  id: "konnectio-availability-date-selection",
+  key: "multiDate"
+}, _e = {
+  id: "konnectio-availability-guest-selection",
+  key: "guests"
+}, Ae = {
+  id: "konnectio-availability-confirmation",
+  key: "confirm"
+}, Le = /* @__PURE__ */ X({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {},
+    selectedLocation: { default: NaN }
+  },
+  setup(N) {
+    const { t: i } = ve(), $ = me("emitter"), l = N, {
+      adults: S,
+      children: U,
+      arrivalDate: C,
+      departureDate: B,
+      location: F,
+      hasHotelLocations: h,
+      hotelLocations: H,
+      isExpired: ee
+    } = _(G()), { reset: ae, updateHotelAvailability: le, fetchMetadata: te } = G(), { fetchAvailabilityData: ie } = K(), { areListingsLoading: R } = _(K()), {
+      firstSelectableDateOffset: E,
+      lastSelectableDateOffset: I,
+      disableChildSelection: v,
+      disableAdultSelection: r,
+      controlLocation: oe
+    } = _(be()), ne = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 1)).setHours(12, 0, 0, 0)), se = () => new Date(new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + 2)).setHours(12, 0, 0, 0)), T = p(2), M = p(0), O = p(ne()), j = p(se()), q = p(oe.value), m = s({
+      get: () => l.booking ? S.value : T.value,
+      set: (a) => {
+        l.booking ? S.value = Number(a) : T.value = Number(a);
+      }
+    }), f = s({
+      get: () => l.booking ? U.value : M.value,
+      set: (a) => {
+        l.booking ? U.value = Number(a) : M.value = Number(a);
+      }
+    }), d = s({
+      get: () => l.booking ? C.value : O.value,
+      set: (a) => {
+        l.booking ? C.value = a : O.value = a;
+      }
+    }), b = s({
+      get: () => l.booking ? B.value : j.value,
+      set: (a) => {
+        l.booking ? B.value = a : j.value = a;
+      }
+    }), w = s({
+      get: () => isNaN(l.selectedLocation) ? l.booking ? F.value : q.value : l.selectedLocation,
+      set: (a) => {
+        l.booking ? F.value = a : q.value = a;
+      }
+    }), z = s(() => {
+      const a = H.value.find(({ id: t }) => t === l.selectedLocation);
+      return a ? a.name : "";
+    }), k = p([]), ue = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (E.value - 1)))), Ce = s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + I.value))), Be = s(() => new Date((/* @__PURE__ */ new Date()).setDate(d.value.getDate() + E.value))), ce = s(() => new Date((/* @__PURE__ */ new Date()).setDate(d.value.getDate() + (I.value + 1)))), V = s(() => !(!r && m.value === 0)), re = s(() => typeof l.link != "string");
+    function de() {
+      if (l.booking === !1)
+        if (le({
+          adults: m.value,
+          children: f.value,
+          arrivalDate: d.value,
+          departureDate: b.value,
+          location: w.value
+        }), re.value) {
+          const a = ke();
+          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
+        V.value && ie();
+    }
+    return W(d, (a) => {
+      const t = new Date(new Date(a).setDate(new Date(a).getDate() + 1));
+      new Date(b.value) < t && (b.value = t);
+    }), $.on("forcedDateChange", () => {
+      k.value = [d.value, b.value];
+    }), W(k, (a) => {
+      d.value = a[0], b.value = a[1];
+    }), pe(() => {
+      ee.value && ae(), l.booking === !0 && te(), k.value = [d.value, b.value];
+    }), (a, t) => (n(), c("form", {
+      id: "konnectio-availability-form",
+      class: x({ reservation: a.booking }),
+      type: "availability",
+      onSubmit: fe(de, ["prevent"])
+    }, [
+      u(ye, {
+        id: "konnectio-availability-form-content",
+        tag: "ul",
+        class: x([
+          { "is-booking-page": a.booking },
+          { "only-adult-guests": !e(r) && e(v) },
+          { "only-child-guests": !e(v) && e(r) },
+          { "no-guests": e(r) && e(v) },
+          { "all-guests": !e(r) && !e(v) },
+          { "has-location": e(h) }
+        ])
+      }, {
+        default: De(() => [
+          e(h) ? (n(), c("li", we, [
+            isNaN(a.selectedLocation) ? (n(), D(ge, {
+              key: 1,
+              modelValue: w.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => w.value = o),
+              label: e(i)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "label-key": "name",
+              "value-key": "id",
+              options: e(H),
+              searchable: !1
+            }, null, 8, ["modelValue", "label", "options"])) : (n(), D(A, {
+              key: 0,
+              modelValue: z.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => z.value = o),
+              label: e(i)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              readonly: ""
+            }, null, 8, ["modelValue", "label"]))
+          ])) : y("", !0),
+          L("li", Ve, [
+            u(he, {
+              modelValue: k.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => k.value = o),
+              label: e(i)("availability.checkInOut"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "min-range": 1,
+              "min-date": ue.value,
+              "max-date": ce.value,
+              range: ""
+            }, null, 8, ["modelValue", "label", "min-date", "max-date"]),
+            y("", !0)
+          ]),
+          !e(r) || !e(v) ? (n(), c("li", _e, [
+            e(r) ? y("", !0) : (n(), c(Z, { key: 0 }, [
+              e(h) ? (n(), D(A, {
+                key: 0,
+                modelValue: m.value,
+                "onUpdate:modelValue": t[5] || (t[5] = (o) => m.value = o),
+                type: "number",
+                label: e(i)("availability.adults"),
+                description: e(i)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male"
+              }, null, 8, ["modelValue", "label", "description"])) : (n(), D(J, {
+                key: 1,
+                modelValue: m.value,
+                "onUpdate:modelValue": t[6] || (t[6] = (o) => m.value = o),
+                label: e(i)("availability.adults"),
+                description: e(i)("general.adultAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "adults",
+                icon: "male"
+              }, null, 8, ["modelValue", "label", "description"]))
+            ], 64)),
+            e(v) ? y("", !0) : (n(), c(Z, { key: 1 }, [
+              e(h) ? (n(), D(A, {
+                key: 0,
+                modelValue: f.value,
+                "onUpdate:modelValue": t[7] || (t[7] = (o) => f.value = o),
+                type: "number",
+                label: e(i)("availability.children"),
+                description: e(i)("general.childAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "children",
+                icon: "child"
+              }, null, 8, ["modelValue", "label", "description"])) : (n(), D(J, {
+                key: 1,
+                modelValue: f.value,
+                "onUpdate:modelValue": t[8] || (t[8] = (o) => f.value = o),
+                label: e(i)("availability.children"),
+                description: e(i)("general.childAgeRange"),
+                "icon-type": "fas",
+                "icon-placement": "label",
+                name: "children",
+                icon: "child"
+              }, null, 8, ["modelValue", "label", "description"]))
+            ], 64))
+          ])) : y("", !0),
+          L("li", Ae, [
+            u(P, {
+              class: "konnectio-availability-submit-small",
+              type: "submit",
+              icon: "search",
+              "icon-type": "fas",
+              disabled: !V.value,
+              "is-loading": e(R)
+            }, null, 8, ["disabled", "is-loading"]),
+            u(P, {
+              class: "konnectio-availability-submit-large",
+              type: "submit",
+              label: e(i)("availability.buttonLabel"),
+              disabled: !V.value,
+              "is-loading": e(R)
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ], 34));
+  }
+}), Ee = /* @__PURE__ */ Y(Le, [["__scopeId", "data-v-f6d5ea17"]]), xe = { class: "availability-skeleton" }, Ne = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, $e = { class: "availability-skeleton-content" }, Se = {
+  key: 1,
+  class: "availability-skeleton-event"
+}, Ue = /* @__PURE__ */ X({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" },
+    hotel: { type: Boolean, default: !1 }
+  },
+  setup(N) {
+    return (i, $) => (n(), c("div", xe, [
+      i.view === "both" ? (n(), c("div", Ne, [
+        u(Q, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        u(Q, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : y("", !0),
+      L("div", $e, [
+        i.view !== "event" ? (n(), c("div", {
+          key: 0,
+          class: x([
+            "availability-skeleton-hotel",
+            { "within-hotel": i.hotel }
+          ])
+        }, [
+          u(g, { "with-icon": "" }),
+          u(g, { "with-icon": "" }),
+          u(g, { "with-icon": "" }),
+          u(g, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ], 2)) : (n(), c("div", Se, [
+          u(g, { "with-icon": "" }),
+          u(g, {
+            "with-icon": "",
+            "no-label": ""
+          })
+        ]))
+      ])
+    ]));
+  }
+}), Ie = /* @__PURE__ */ Y(Ue, [["__scopeId", "data-v-17762b9b"]]);
+export {
+  Ie as A,
+  Ee as H
+};