@konnectio/core 4.0.18 → 4.0.19

package/dist/types/index.d.ts

@@ -28,6 +28,7 @@ export interface KonnectioStyling {
     labelPadding?: string;
     labelFontSize?: string;
     linkColor?: string;
+    linkHoverColor?: string;
     loadingColor?: string;
     panelBackground?: string;
     panelBorder?: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konnectio/core",
-  "version": "4.0.18",
+  "version": "4.0.19",
   "author": "Konnectio <info@freshcase.dk> (https://konnectio.dk)",
   "homepage": "https://konnectio.dk",
   "description": "Konnectio Core Frontend Integration.",

package/dist/ActionField-25ef64cf.js

@@ -1,163 +0,0 @@
-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: {
-    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(p, { emit: m }) {
-    const s = m, o = p, n = o.id || b();
-    function t(l) {
-      s("update:modelValue", l);
-    }
-    return g(() => {
-      o.modelValue || t(o.minValue);
-    }), (l, f) => (u(), r(B, {
-      label: l.label,
-      id: d(n),
-      icon: l.icon,
-      "icon-color": l.iconColor,
-      "icon-type": l.iconType,
-      "icon-placement": l.iconPlacement,
-      required: l.required,
-      type: l.small ? "fresh-booking-number-picker small" : "fresh-booking-number-picker",
-      readonly: l.readonly
-    }, {
-      default: V(() => [
-        v(d(T), {
-          attrs: { id: d(n) },
-          modelValue: l.modelValue,
-          min: l.minValue,
-          max: l.maxValue,
-          step: l.step,
-          inline: l.inline,
-          controls: l.controls,
-          placeholder: l.placeholder,
-          readonly: l.readonly,
-          inputtable: l.inputtable,
-          rounded: l.rounded,
-          disabled: l.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"]));
-  }
-}), U = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ c({
-  __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(p, { emit: m }) {
-    const s = m, o = p, n = o.id || b();
-    function t(e) {
-      s("update:modelValue", e);
-    }
-    const l = y({
-      get: () => o.modelValue,
-      set: (e) => t(e)
-    }), f = y({
-      get: () => o.modelValue,
-      set: (e) => t(e)
-    });
-    function q() {
-      s("action");
-    }
-    return (e, a) => (u(), r(B, {
-      label: e.label,
-      id: d(n),
-      icon: e.icon,
-      "icon-type": e.iconType,
-      required: e.required,
-      type: e.type,
-      readonly: e.readonly
-    }, {
-      default: V(() => [
-        k("div", U, [
-          e.type === "dropdown" && e.data ? (u(), r(h, {
-            key: 0,
-            modelValue: l.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (i) => l.value = i),
-            id: d(n),
-            options: e.data,
-            name: e.name,
-            required: e.required,
-            placeholder: e.placeholder
-          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (u(), r(A, {
-            key: 1,
-            modelValue: f.value,
-            "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": 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, {
-            "data-test": `${e.name}Submit`,
-            icon: e.buttonIcon,
-            label: e.buttonLabel,
-            "icon-color": e.buttonIconColor,
-            styling: e.action,
-            type: "button",
-            "is-loading": e.isLoading,
-            disabled: e.buttonDisabled,
-            secondary: e.secondary,
-            onClickEvent: a[3] || (a[3] = (i) => q())
-          }, null, 8, ["data-test", "icon", "label", "icon-color", "styling", "is-loading", "disabled", "secondary"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
-  }
-});
-const $ = /* @__PURE__ */ F(L, [["__scopeId", "data-v-07d4466b"]]);
-export {
-  $ as A,
-  A as _
-};

package/dist/ActionField-86389dfe.cjs

@@ -1 +0,0 @@
-"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

@@ -1,200 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;