@konnectio/core 4.0.17 → 4.0.18

package/dist/{ActionField-82ef422e.js → ActionField-25ef64cf.js}

@@ -1,6 +1,5 @@
-import { defineComponent as c, onMounted as g, openBlock as u, createBlock as r, unref as d, withCtx as b, createVNode as V, computed as y, createElementVNode as k } from "vue";
-import { r as v, n as B, o as h, T as C, C as I, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-5e1192e9.js";
-import { s as T } from "./NumberField.vue_vue_type_style_index_0_lang-eebde8cd.js";
+import { h as c, M as b, N as g, o as u, p as r, w as V, q as v, x as d, Q as B, c as y, l as k, T as h, U as C, V as I, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-51defa22.js";
+import { s as T } from "./NumberField.vue_vue_type_style_index_0_lang-94fa5765.js";
 const A = /* @__PURE__ */ c({
   __name: "NumberField",
   props: {
@@ -26,12 +25,12 @@ const A = /* @__PURE__ */ c({
   },
   emits: ["update:modelValue"],
   setup(p, { emit: m }) {
-    const s = m, a = p, n = a.id || v();
+    const s = m, o = p, n = o.id || b();
     function t(l) {
       s("update:modelValue", l);
     }
     return g(() => {
-      a.modelValue || t(a.minValue);
+      o.modelValue || t(o.minValue);
     }), (l, f) => (u(), r(B, {
       label: l.label,
       id: d(n),
@@ -43,8 +42,8 @@ const A = /* @__PURE__ */ c({
       type: l.small ? "fresh-booking-number-picker small" : "fresh-booking-number-picker",
       readonly: l.readonly
     }, {
-      default: b(() => [
-        V(d(T), {
+      default: V(() => [
+        v(d(T), {
           attrs: { id: d(n) },
           modelValue: l.modelValue,
           min: l.minValue,
@@ -63,7 +62,7 @@ const A = /* @__PURE__ */ c({
       _: 1
     }, 8, ["label", "id", "icon", "icon-color", "icon-type", "icon-placement", "required", "type", "readonly"]));
   }
-}), L = { class: "fresh-booking-action-field" }, U = /* @__PURE__ */ c({
+}), U = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
   __name: "ActionField",
   props: {
     modelValue: {},
@@ -89,21 +88,21 @@ const A = /* @__PURE__ */ c({
   },
   emits: ["update:modelValue", "action"],
   setup(p, { emit: m }) {
-    const s = m, a = p, n = a.id || v();
+    const s = m, o = p, n = o.id || b();
     function t(e) {
       s("update:modelValue", e);
     }
     const l = y({
-      get: () => a.modelValue,
+      get: () => o.modelValue,
       set: (e) => t(e)
     }), f = y({
-      get: () => a.modelValue,
+      get: () => o.modelValue,
       set: (e) => t(e)
     });
     function q() {
       s("action");
     }
-    return (e, o) => (u(), r(B, {
+    return (e, a) => (u(), r(B, {
       label: e.label,
       id: d(n),
       icon: e.icon,
@@ -112,12 +111,12 @@ const A = /* @__PURE__ */ c({
       type: e.type,
       readonly: e.readonly
     }, {
-      default: b(() => [
-        k("div", L, [
+      default: V(() => [
+        k("div", U, [
           e.type === "dropdown" && e.data ? (u(), r(h, {
             key: 0,
             modelValue: l.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => l.value = i),
+            "onUpdate:modelValue": a[0] || (a[0] = (i) => l.value = i),
             id: d(n),
             options: e.data,
             name: e.name,
@@ -126,20 +125,20 @@ const A = /* @__PURE__ */ c({
           }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (u(), r(A, {
             key: 1,
             modelValue: f.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (i) => f.value = i),
+            "onUpdate:modelValue": a[1] || (a[1] = (i) => f.value = i),
             id: d(n),
             "min-value": e.minValue,
             "max-value": e.maxValue
           }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (u(), r(C, {
             key: 2,
             modelValue: l.value,
-            "onUpdate:modelValue": o[2] || (o[2] = (i) => l.value = i),
+            "onUpdate:modelValue": a[2] || (a[2] = (i) => l.value = i),
             id: d(n),
             name: e.name,
             required: e.required,
             placeholder: e.placeholder
           }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
-          V(I, {
+          v(I, {
             "data-test": `${e.name}Submit`,
             icon: e.buttonIcon,
             label: e.buttonLabel,
@@ -149,7 +148,7 @@ const A = /* @__PURE__ */ c({
             "is-loading": e.isLoading,
             disabled: e.buttonDisabled,
             secondary: e.secondary,
-            onClickEvent: o[3] || (o[3] = (i) => q())
+            onClickEvent: a[3] || (a[3] = (i) => q())
           }, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
         ])
       ]),
@@ -157,8 +156,8 @@ const A = /* @__PURE__ */ c({
     }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
   }
 });
-const w = /* @__PURE__ */ F(U, [["__scopeId", "data-v-07d4466b"]]);
+const $ = /* @__PURE__ */ F(L, [["__scopeId", "data-v-07d4466b"]]);
 export {
-  w as A,
+  $ as A,
   A as _
 };

package/dist/ActionField-86389dfe.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-03794d02.cjs"),f=require("./NumberField.vue_vue_type_style_index_0_lang-a779a531.cjs"),m=e.defineComponent({__name:"NumberField",props:{modelValue:{default:0},minValue:{default:0},maxValue:{default:1/0},inputtable:{type:Boolean,default:!0},label:{},placeholder:{},icon:{},iconColor:{},iconType:{default:"fal"},iconPlacement:{},step:{default:1},controls:{type:Boolean,default:!0},required:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},id:{},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},small:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:p}){const u=p,a=r,d=a.id||e.ranId();function t(o){u("update:modelValue",o)}return e.onMounted(()=>{a.modelValue||t(a.minValue)}),(o,s)=>(e.openBlock(),e.createBlock(e.InputField,{label:o.label,id:e.unref(d),icon:o.icon,"icon-color":o.iconColor,"icon-type":o.iconType,"icon-placement":o.iconPlacement,required:o.required,type:o.small?"fresh-booking-number-picker small":"fresh-booking-number-picker",readonly:o.readonly},{default:e.withCtx(()=>[e.createVNode(e.unref(f.script),{attrs:{id:e.unref(d)},modelValue:o.modelValue,min:o.minValue,max:o.maxValue,step:o.step,inline:o.inline,controls:o.controls,placeholder:o.placeholder,readonly:o.readonly,inputtable:o.inputtable,rounded:o.rounded,disabled:o.disabled,"onUpdate:modelValue":t},null,8,["attrs","modelValue","min","max","step","inline","controls","placeholder","readonly","inputtable","rounded","disabled"])]),_:1},8,["label","id","icon","icon-color","icon-type","icon-placement","required","type","readonly"]))}}),y={class:"fresh-booking-action-field"},b=e.defineComponent({__name:"ActionField",props:{modelValue:{},label:{},buttonLabel:{},buttonIcon:{},buttonIconColor:{},buttonDisabled:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1},name:{},id:{},type:{default:"text"},placeholder:{},icon:{},iconType:{default:"fal"},required:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},data:{},action:{},minValue:{},maxValue:{},isLoading:{type:Boolean,default:!1}},emits:["update:modelValue","action"],setup(r,{emit:p}){const u=p,a=r,d=a.id||e.ranId();function t(l){u("update:modelValue",l)}const o=e.computed({get:()=>a.modelValue,set:l=>t(l)}),s=e.computed({get:()=>a.modelValue,set:l=>t(l)});function c(){u("action")}return(l,n)=>(e.openBlock(),e.createBlock(e.InputField,{label:l.label,id:e.unref(d),icon:l.icon,"icon-type":l.iconType,required:l.required,type:l.type,readonly:l.readonly},{default:e.withCtx(()=>[e.createBaseVNode("div",y,[l.type==="dropdown"&&l.data?(e.openBlock(),e.createBlock(e._sfc_main$1,{key:0,modelValue:o.value,"onUpdate:modelValue":n[0]||(n[0]=i=>o.value=i),id:e.unref(d),options:l.data,name:l.name,required:l.required,placeholder:l.placeholder},null,8,["modelValue","id","options","name","required","placeholder"])):l.type==="number"?(e.openBlock(),e.createBlock(m,{key:1,modelValue:s.value,"onUpdate:modelValue":n[1]||(n[1]=i=>s.value=i),id:e.unref(d),"min-value":l.minValue,"max-value":l.maxValue},null,8,["modelValue","id","min-value","max-value"])):(e.openBlock(),e.createBlock(e.TextField,{key:2,modelValue:o.value,"onUpdate:modelValue":n[2]||(n[2]=i=>o.value=i),id:e.unref(d),name:l.name,required:l.required,placeholder:l.placeholder},null,8,["modelValue","id","name","required","placeholder"])),e.createVNode(e.Clickable,{"data-test":`${l.name}Submit`,icon:l.buttonIcon,label:l.buttonLabel,"icon-color":l.buttonIconColor,styling:l.action,type:"button","is-loading":l.isLoading,disabled:l.buttonDisabled,secondary:l.secondary,onClickEvent:n[3]||(n[3]=i=>c())},null,8,["data-test","icon","label","icon-color","styling","is-loading","disabled","secondary"])])]),_:1},8,["label","id","icon","icon-type","required","type","readonly"]))}});const V=e._export_sfc(b,[["__scopeId","data-v-07d4466b"]]);exports.ActionField=V;exports._sfc_main=m;

package/dist/AvailabilitySkeleton-3bb4b572.js

@@ -0,0 +1,200 @@
+import { h as $, r as I, a as O, o, j as u, a9 as J, B as K, t as P, s as w, c as p, a1 as C, N as Q, p as V, w as W, l as x, x as e, q as i, y as S, T as X, k as f, U as F, V as Y, n as N, f as Z, _ as T } from "./SelectField.vue_vue_type_style_index_0_lang-51defa22.js";
+import { u as R, a as E, _ as ee } from "./DateField.vue_vue_type_style_index_0_lang-d1a56eb0.js";
+import { E as H } from "./_-0787261e.js";
+import { F as b } from "./Field-03e6b847.js";
+const ae = ["onSubmit"], te = /* @__PURE__ */ $({
+  __name: "_",
+  props: {
+    type: { default: "submit" }
+  },
+  emits: ["submit"],
+  setup(D, { emit: n }) {
+    const a = I(!1), d = n, _ = D, { verifyRecaptcha: r } = O();
+    function m() {
+      a.value = !0, r({
+        callback: y,
+        type: _.type
+      }).then(() => a.value = !1);
+    }
+    function y() {
+      d("submit");
+    }
+    return (h, A) => (o(), u("form", {
+      onSubmit: K(m, ["prevent"])
+    }, [
+      J(h.$slots, "default", { isLoading: a.value })
+    ], 40, ae));
+  }
+}), le = {
+  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__ */ $({
+  __name: "HotelAvailabilityForm",
+  props: {
+    booking: { type: Boolean, default: !1 },
+    link: {}
+  },
+  setup(D) {
+    const { t: n } = P(), a = D, {
+      adults: d,
+      children: _,
+      arrivalDate: r,
+      departureDate: m,
+      location: y,
+      isExpired: h
+    } = w(R()), { reset: A } = R(), { fetchAvailabilityData: q } = E(), { areListingsLoading: z, hotelList: g } = w(E()), {
+      firstSelectableDateOffset: L,
+      lastSelectableDateOffset: U,
+      disableChildSelection: v,
+      disableAdultSelection: c
+    } = w(O()), k = I([]), ve = p(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + (L.value - 1)))), pe = p(() => new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() + U.value))), be = p(() => new Date((/* @__PURE__ */ new Date()).setDate(r.value.getDate() + L.value))), fe = p(() => new Date((/* @__PURE__ */ new Date()).setDate(r.value.getDate() + (U.value + 1)))), B = p(() => !(!c && d.value === 0)), M = p(() => typeof a.link != "string");
+    function j() {
+      if (a.booking === !1)
+        if (M.value) {
+          const t = Z();
+          a.link[t] ? window.location.replace(a.link[t]) : a.link.en ? window.location.replace(a.link.en) : console.log("Sprog understøttes ikke");
+        } else
+          window.location.replace(a.link);
+      else
+        B.value && q();
+    }
+    return C(r, (t) => {
+      const l = new Date(new Date(t).setDate(new Date(t).getDate() + 1));
+      new Date(m.value) < l && (m.value = l);
+    }), C(k, (t) => {
+      r.value = t[0], m.value = t[1];
+    }), Q(() => {
+      h.value && a.booking && A(), k.value = [r.value, m.value];
+    }), (t, l) => (o(), V(te, {
+      id: "konnectio-availability-form",
+      class: N({ reservation: t.booking }),
+      type: "availability",
+      onSubmit: j
+    }, {
+      default: W(({ isLoading: G }) => [
+        x("ul", {
+          id: "konnectio-availability-form-content",
+          class: N([
+            { "is-not-booking-page": !t.booking },
+            { "only-adult-guests": !e(c) && e(v) },
+            { "only-child-guests": !e(v) && e(c) },
+            { "no-guests": e(c) && e(v) },
+            { "all-guests": !e(c) && !e(v) },
+            { "has-location": e(g) }
+          ])
+        }, [
+          e(g) ? (o(), u("li", le, [
+            i(X, {
+              modelValue: e(y),
+              "onUpdate:modelValue": l[0] || (l[0] = (s) => S(y) ? y.value = s : null),
+              label: e(n)("general.location"),
+              icon: "location-dot",
+              "icon-type": "fas",
+              "icon-placement": "label",
+              options: e(g),
+              searchable: !1
+            }, null, 8, ["modelValue", "label", "options"])
+          ])) : f("", !0),
+          x("li", ie, [
+            i(ee, {
+              modelValue: k.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (s) => k.value = s),
+              label: e(n)("availability.checkInOut"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              "min-range": 1,
+              range: ""
+            }, null, 8, ["modelValue", "label"]),
+            f("", !0)
+          ]),
+          !e(c) || !e(v) ? (o(), u("li", ne, [
+            e(c) ? f("", !0) : (o(), V(F, {
+              key: 0,
+              modelValue: e(d),
+              "onUpdate:modelValue": l[4] || (l[4] = (s) => S(d) ? d.value = s : null),
+              label: e(n)("availability.adults"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "adults",
+              icon: "male"
+            }, null, 8, ["modelValue", "label"])),
+            e(v) ? f("", !0) : (o(), V(F, {
+              key: 1,
+              modelValue: e(_),
+              "onUpdate:modelValue": l[5] || (l[5] = (s) => S(_) ? _.value = s : null),
+              label: e(n)("availability.children"),
+              "icon-type": "fas",
+              "icon-placement": "label",
+              name: "children",
+              icon: "child"
+            }, null, 8, ["modelValue", "label"]))
+          ])) : f("", !0),
+          x("li", oe, [
+            i(Y, {
+              type: "submit",
+              label: e(n)("availability.buttonLabel"),
+              disabled: !B.value,
+              "is-loading": e(z) || G
+            }, null, 8, ["label", "disabled", "is-loading"])
+          ])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+const he = /* @__PURE__ */ T(se, [["__scopeId", "data-v-41c405ba"]]), re = { class: "availability-skeleton" }, ce = {
+  key: 0,
+  class: "availability-skeleton-navigation"
+}, ue = {
+  key: 1,
+  class: "availability-skeleton-hotel"
+}, de = {
+  key: 2,
+  class: "availability-skeleton-event"
+}, me = /* @__PURE__ */ $({
+  __name: "AvailabilitySkeleton",
+  props: {
+    view: { default: "hotel" }
+  },
+  setup(D) {
+    return (n, a) => (o(), u("div", re, [
+      n.view === "both" ? (o(), u("div", ce, [
+        i(H, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        }),
+        i(H, {
+          height: "28px",
+          width: "60px",
+          "border-radius": "20px"
+        })
+      ])) : f("", !0),
+      n.view !== "event" ? (o(), u("div", ue, [
+        i(b, { "with-icon": "" }),
+        i(b, { "with-icon": "" }),
+        i(b, { "with-icon": "" }),
+        i(b, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ])) : (o(), u("div", de, [
+        i(b, { "with-icon": "" }),
+        i(b, {
+          "with-icon": "",
+          "no-label": ""
+        })
+      ]))
+    ]));
+  }
+});
+const ge = /* @__PURE__ */ T(me, [["__scopeId", "data-v-c266ccbc"]]);
+export {
+  ge as A,
+  he as H,
+  te as _
+};

package/dist/AvailabilitySkeleton-a72464a1.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./SelectField.vue_vue_type_style_index_0_lang-03794d02.cjs"),m=require("./DateField.vue_vue_type_style_index_0_lang-f99302dc.cjs"),V=require("./_-917dcead.cjs"),d=require("./Field-a7c1ed62.cjs"),A=["onSubmit"],w=e.defineComponent({__name:"_",props:{type:{default:"submit"}},emits:["submit"],setup(p,{emit:n}){const t=e.ref(!1),c=n,_=p,{verifyRecaptcha:o}=e.useUtilityStore();function u(){t.value=!0,o({callback:v,type:_.type}).then(()=>t.value=!1)}function v(){c("submit")}return(y,k)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(u,["prevent"])},[e.renderSlot(y.$slots,"default",{isLoading:t.value})],40,A))}}),C={key:0,class:"konnectio-availability-location"},$={id:"fresh-booking-availability-date-selection"},E={key:1,id:"fresh-booking-availability-guest-selection"},L={id:"fresh-booking-availability-confirmation"},R=e.defineComponent({__name:"HotelAvailabilityForm",props:{booking:{type:Boolean,default:!1},link:{}},setup(p){const{t:n}=e.useI18n(),t=p,{adults:c,children:_,arrivalDate:o,departureDate:u,location:v,isExpired:y}=e.storeToRefs(m.useAvailabilityStore()),{reset:k}=m.useAvailabilityStore(),{fetchAvailabilityData:x}=m.useHotelStore(),{areListingsLoading:S,hotelList:b}=e.storeToRefs(m.useHotelStore()),{firstSelectableDateOffset:D,lastSelectableDateOffset:g,disableChildSelection:r,disableAdultSelection:s}=e.storeToRefs(e.useUtilityStore()),f=e.ref([]),M=e.computed(()=>new Date(new Date().setDate(new Date().getDate()+(D.value-1)))),j=e.computed(()=>new Date(new Date().setDate(new Date().getDate()+g.value))),G=e.computed(()=>new Date(new Date().setDate(o.value.getDate()+D.value))),J=e.computed(()=>new Date(new Date().setDate(o.value.getDate()+(g.value+1)))),h=e.computed(()=>!(!s&&c.value===0)),F=e.computed(()=>typeof t.link!="string");function B(){if(t.booking===!1)if(F.value){const l=e.getUserLanguage();t.link[l]?window.location.replace(t.link[l]):t.link.en?window.location.replace(t.link.en):console.log("Sprog understøttes ikke")}else window.location.replace(t.link);else h.value&&x()}return e.watch(o,l=>{const a=new Date(new Date(l).setDate(new Date(l).getDate()+1));new Date(u.value)<a&&(u.value=a)}),e.watch(f,l=>{o.value=l[0],u.value=l[1]}),e.onMounted(()=>{y.value&&t.booking&&k(),f.value=[o.value,u.value]}),(l,a)=>(e.openBlock(),e.createBlock(w,{id:"konnectio-availability-form",class:e.normalizeClass({reservation:l.booking}),type:"availability",onSubmit:B},{default:e.withCtx(({isLoading:N})=>[e.createBaseVNode("ul",{id:"konnectio-availability-form-content",class:e.normalizeClass([{"is-not-booking-page":!l.booking},{"only-adult-guests":!e.unref(s)&&e.unref(r)},{"only-child-guests":!e.unref(r)&&e.unref(s)},{"no-guests":e.unref(s)&&e.unref(r)},{"all-guests":!e.unref(s)&&!e.unref(r)},{"has-location":e.unref(b)}])},[e.unref(b)?(e.openBlock(),e.createElementBlock("li",C,[e.createVNode(e._sfc_main$1,{modelValue:e.unref(v),"onUpdate:modelValue":a[0]||(a[0]=i=>e.isRef(v)?v.value=i:null),label:e.unref(n)("general.location"),icon:"location-dot","icon-type":"fas","icon-placement":"label",options:e.unref(b),searchable:!1},null,8,["modelValue","label","options"])])):e.createCommentVNode("",!0),e.createBaseVNode("li",$,[e.createVNode(m._sfc_main,{modelValue:f.value,"onUpdate:modelValue":a[1]||(a[1]=i=>f.value=i),label:e.unref(n)("availability.checkInOut"),"icon-type":"fas","icon-placement":"label","min-range":1,range:""},null,8,["modelValue","label"]),e.createCommentVNode("",!0)]),!e.unref(s)||!e.unref(r)?(e.openBlock(),e.createElementBlock("li",E,[e.unref(s)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.TextField,{key:0,modelValue:e.unref(c),"onUpdate:modelValue":a[4]||(a[4]=i=>e.isRef(c)?c.value=i:null),label:e.unref(n)("availability.adults"),"icon-type":"fas","icon-placement":"label",name:"adults",icon:"male"},null,8,["modelValue","label"])),e.unref(r)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.TextField,{key:1,modelValue:e.unref(_),"onUpdate:modelValue":a[5]||(a[5]=i=>e.isRef(_)?_.value=i:null),label:e.unref(n)("availability.children"),"icon-type":"fas","icon-placement":"label",name:"children",icon:"child"},null,8,["modelValue","label"]))])):e.createCommentVNode("",!0),e.createBaseVNode("li",L,[e.createVNode(e.Clickable,{type:"submit",label:e.unref(n)("availability.buttonLabel"),disabled:!h.value,"is-loading":e.unref(S)||N},null,8,["label","disabled","is-loading"])])],2)]),_:1},8,["class"]))}});const U=e._export_sfc(R,[["__scopeId","data-v-41c405ba"]]),H={class:"availability-skeleton"},q={key:0,class:"availability-skeleton-navigation"},T={key:1,class:"availability-skeleton-hotel"},I={key:2,class:"availability-skeleton-event"},z=e.defineComponent({__name:"AvailabilitySkeleton",props:{view:{default:"hotel"}},setup(p){return(n,t)=>(e.openBlock(),e.createElementBlock("div",H,[n.view==="both"?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(V.Element,{height:"28px",width:"60px","border-radius":"20px"}),e.createVNode(V.Element,{height:"28px",width:"60px","border-radius":"20px"})])):e.createCommentVNode("",!0),n.view!=="event"?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(d.Field,{"with-icon":""}),e.createVNode(d.Field,{"with-icon":""}),e.createVNode(d.Field,{"with-icon":""}),e.createVNode(d.Field,{"with-icon":"","no-label":""})])):(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(d.Field,{"with-icon":""}),e.createVNode(d.Field,{"with-icon":"","no-label":""})]))]))}});const O=e._export_sfc(z,[["__scopeId","data-v-c266ccbc"]]);exports.AvailabilitySkeleton=O;exports.HotelAvailabilityForm=U;exports._sfc_main=w;