@konnectio/core 4.0.1 → 4.0.2

package/dist/HotelAvailabilityForm-56badafa.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),d=require("./NumberField.vue_vue_type_style_index_0_lang-de20cf9f.js"),b=require("./payment-215f120d.js"),k=require("./Clickable-6b252cca.js"),_=require("./applyGiftCard-2eac2416.js"),h={id:"fresh-booking-availability-date-selection"},C={key:0,id:"fresh-booking-availability-guest-selection"},N={id:"fresh-booking-availability-confirmation"},B=e.defineComponent({__name:"HotelAvailabilityForm",props:{booking:{type:Boolean,default:!1},link:{}},setup(y){const f=y,{t:u}=d.useI18n(),{adults:r,children:m,arrivalDate:o,departureDate:s,isExpired:g}=d.storeToRefs(b.useAvailabilityStore()),{reset:w}=b.useAvailabilityStore(),{firstSelectableDateOffset:v,lastSelectableDateOffset:p,disableChildSelection:n,disableAdultSelection:a}=d.storeToRefs(d.useUtilityStore()),c=e.ref([]);e.computed(()=>new Date(new Date().setDate(new Date().getDate()+(v.value-1)))),e.computed(()=>new Date(new Date().setDate(new Date().getDate()+p.value))),e.computed(()=>new Date(new Date().setDate(o.value.getDate()+v.value))),e.computed(()=>new Date(new Date().setDate(o.value.getDate()+(p.value+1))));const D=e.computed(()=>!(!a&&r.value===0));function V(){f.booking===!1?window.location.replace(f.link):D.value&&location.reload()}return e.watch(o,t=>{const l=new Date(new Date(t).setDate(new Date(t).getDate()+1));new Date(s.value)<l&&(s.value=l)}),e.watch(c,t=>{o.value=t[0],s.value=t[1]}),e.onMounted(()=>{g.value&&f.booking&&w(),c.value=[o.value,s.value]}),(t,l)=>(e.openBlock(),e.createElementBlock("form",{id:"fresh-booking-availability-form",class:e.normalizeClass({reservation:t.booking})},[e.createElementVNode("ul",{id:"fresh-booking-availability-form-content",class:e.normalizeClass([{"is-not-booking-page":!t.booking},{"only-adult-guests":!e.unref(a)&&e.unref(n)},{"only-child-guests":!e.unref(n)&&e.unref(a)},{"no-guests":e.unref(a)&&e.unref(n)},{"all-guests":!e.unref(a)&&!e.unref(n)}])},[e.createElementVNode("li",h,[e.createVNode(b._sfc_main,{modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=i=>c.value=i),label:e.unref(u)("availability.checkInOut"),"icon-placement":"label","min-range":1,range:""},null,8,["modelValue","label"]),e.createCommentVNode("",!0)]),!e.unref(a)||!e.unref(n)?(e.openBlock(),e.createElementBlock("li",C,[e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_._sfc_main,{key:0,modelValue:e.unref(r),"onUpdate:modelValue":l[3]||(l[3]=i=>e.isRef(r)?r.value=i:null),label:e.unref(u)("availability.adults"),"icon-placement":"label",name:"adults",icon:"male"},null,8,["modelValue","label"])),e.unref(n)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_._sfc_main,{key:1,modelValue:e.unref(m),"onUpdate:modelValue":l[4]||(l[4]=i=>e.isRef(m)?m.value=i:null),label:e.unref(u)("availability.children"),"icon-placement":"label",name:"children",icon:"child"},null,8,["modelValue","label"]))])):e.createCommentVNode("",!0),e.createElementVNode("li",N,[e.createVNode(k.Clickable,{label:e.unref(u)("availability.buttonLabel"),disabled:!D.value,onClickEvent:V},null,8,["label","disabled"])])],2)],2))}});const A=k._export_sfc(B,[["__scopeId","data-v-c03fc1b6"]]);exports.HotelAvailabilityForm=A;
+//# sourceMappingURL=HotelAvailabilityForm-56badafa.js.map

package/dist/HotelAvailabilityForm-a550be2e.mjs

@@ -0,0 +1,100 @@
+import { defineComponent as F, ref as I, computed as s, watch as _, onMounted as N, openBlock as b, createElementBlock as y, normalizeClass as w, createElementVNode as D, unref as e, createVNode as V, createCommentVNode as m, createBlock as h, isRef as C } from "vue";
+import { u as O, s as A, k as R } from "./NumberField.vue_vue_type_style_index_0_lang-778e8361.mjs";
+import { a as S, _ as $ } from "./payment-31263275.mjs";
+import { C as q, _ as z } from "./Clickable-26efd8d0.mjs";
+import { _ as B } from "./applyGiftCard-fb6fb8f4.mjs";
+const L = { id: "fresh-booking-availability-date-selection" }, M = {
+  key: 0,
+  id: "fresh-booking-availability-guest-selection"
+}, T = { id: "fresh-booking-availability-confirmation" }, j = /* @__PURE__ */ F({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(E) {
+    const f = E, { t: u } = O(), {
+      adults: r,
+      children: v,
+      arrivalDate: o,
+      departureDate: c,
+      isExpired: H
+    } = A(S()), { reset: U } = S(), {
+      firstSelectableDateOffset: p,
+      lastSelectableDateOffset: g,
+      disableChildSelection: i,
+      disableAdultSelection: t
+    } = A(R()), d = I([]);
+    s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (p.value - 1)))), s(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + g.value))), s(() => new Date((/* @__PURE__ */ new Date()).setDate(o.value.getDate() + p.value))), s(() => new Date((/* @__PURE__ */ new Date()).setDate(o.value.getDate() + (g.value + 1))));
+    const k = s(() => !(!t && r.value === 0));
+    function x() {
+      f.booking === !1 ? window.location.replace(f.link) : k.value && location.reload();
+    }
+    return _(o, (l) => {
+      const a = new Date(new Date(l).setDate(new Date(l).getDate() + 1));
+      new Date(c.value) < a && (c.value = a);
+    }), _(d, (l) => {
+      o.value = l[0], c.value = l[1];
+    }), N(() => {
+      H.value && f.booking && U(), d.value = [o.value, c.value];
+    }), (l, a) => (b(), y("form", {
+      id: "fresh-booking-availability-form",
+      class: w({ reservation: l.booking })
+    }, [
+      D("ul", {
+        id: "fresh-booking-availability-form-content",
+        class: w([
+          { "is-not-booking-page": !l.booking },
+          { "only-adult-guests": !e(t) && e(i) },
+          { "only-child-guests": !e(i) && e(t) },
+          { "no-guests": e(t) && e(i) },
+          { "all-guests": !e(t) && !e(i) }
+        ])
+      }, [
+        D("li", L, [
+          V($, {
+            modelValue: d.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (n) => d.value = n),
+            label: e(u)("availability.checkInOut"),
+            "icon-placement": "label",
+            "min-range": 1,
+            range: ""
+          }, null, 8, ["modelValue", "label"]),
+          m("", !0)
+        ]),
+        !e(t) || !e(i) ? (b(), y("li", M, [
+          e(t) ? m("", !0) : (b(), h(B, {
+            key: 0,
+            modelValue: e(r),
+            "onUpdate:modelValue": a[3] || (a[3] = (n) => C(r) ? r.value = n : null),
+            label: e(u)("availability.adults"),
+            "icon-placement": "label",
+            name: "adults",
+            icon: "male"
+          }, null, 8, ["modelValue", "label"])),
+          e(i) ? m("", !0) : (b(), h(B, {
+            key: 1,
+            modelValue: e(v),
+            "onUpdate:modelValue": a[4] || (a[4] = (n) => C(v) ? v.value = n : null),
+            label: e(u)("availability.children"),
+            "icon-placement": "label",
+            name: "children",
+            icon: "child"
+          }, null, 8, ["modelValue", "label"]))
+        ])) : m("", !0),
+        D("li", T, [
+          V(q, {
+            label: e(u)("availability.buttonLabel"),
+            disabled: !k.value,
+            onClickEvent: x
+          }, null, 8, ["label", "disabled"])
+        ])
+      ], 2)
+    ], 2));
+  }
+});
+const W = /* @__PURE__ */ z(j, [["__scopeId", "data-v-c03fc1b6"]]);
+export {
+  W as H
+};
+//# sourceMappingURL=HotelAvailabilityForm-a550be2e.mjs.map