@konnectio/core 4.0.15 → 4.0.17

package/dist/ActionField-3184bffd.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("vue"),a=require("./SelectField.vue_vue_type_style_index_0_lang-c0715ca3.cjs"),y=require("./NumberField.vue_vue_type_style_index_0_lang-8c28c1dd.cjs"),c=l.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(p,{emit:s}){const r=s,d=p,i=d.id||a.ranId();function u(o){r("update:modelValue",o)}return l.onMounted(()=>{d.modelValue||u(d.minValue)}),(o,m)=>(l.openBlock(),l.createBlock(a.InputField,{label:o.label,id:l.unref(i),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:l.withCtx(()=>[l.createVNode(l.unref(y.script),{attrs:{id:l.unref(i)},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":u},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"]))}}),b={class:"fresh-booking-action-field"},V=l.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(p,{emit:s}){const r=s,d=p,i=d.id||a.ranId();function u(e){r("update:modelValue",e)}const o=l.computed({get:()=>d.modelValue,set:e=>u(e)}),m=l.computed({get:()=>d.modelValue,set:e=>u(e)});function f(){r("action")}return(e,n)=>(l.openBlock(),l.createBlock(a.InputField,{label:e.label,id:l.unref(i),icon:e.icon,"icon-type":e.iconType,required:e.required,type:e.type,readonly:e.readonly},{default:l.withCtx(()=>[l.createElementVNode("div",b,[e.type==="dropdown"&&e.data?(l.openBlock(),l.createBlock(a._sfc_main$1,{key:0,modelValue:o.value,"onUpdate:modelValue":n[0]||(n[0]=t=>o.value=t),id:l.unref(i),options:e.data,name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","options","name","required","placeholder"])):e.type==="number"?(l.openBlock(),l.createBlock(c,{key:1,modelValue:m.value,"onUpdate:modelValue":n[1]||(n[1]=t=>m.value=t),id:l.unref(i),"min-value":e.minValue,"max-value":e.maxValue},null,8,["modelValue","id","min-value","max-value"])):(l.openBlock(),l.createBlock(a.TextField,{key:2,modelValue:o.value,"onUpdate:modelValue":n[2]||(n[2]=t=>o.value=t),id:l.unref(i),name:e.name,required:e.required,placeholder:e.placeholder},null,8,["modelValue","id","name","required","placeholder"])),l.createVNode(a.Clickable,{"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:n[3]||(n[3]=t=>f())},null,8,["data-test","icon","label","icon-color","styling","is-loading","disabled","secondary"])])]),_:1},8,["label","id","icon","icon-type","required","type","readonly"]))}});const B=a._export_sfc(V,[["__scopeId","data-v-07d4466b"]]);exports.ActionField=B;exports._sfc_main=c;

package/dist/ActionField-82ef422e.js

@@ -0,0 +1,164 @@
+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";
+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, a = p, n = a.id || v();
+    function t(l) {
+      s("update:modelValue", l);
+    }
+    return g(() => {
+      a.modelValue || t(a.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: b(() => [
+        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"]));
+  }
+}), L = { class: "fresh-booking-action-field" }, U = /* @__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, a = p, n = a.id || v();
+    function t(e) {
+      s("update:modelValue", e);
+    }
+    const l = y({
+      get: () => a.modelValue,
+      set: (e) => t(e)
+    }), f = y({
+      get: () => a.modelValue,
+      set: (e) => t(e)
+    });
+    function q() {
+      s("action");
+    }
+    return (e, o) => (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: b(() => [
+        k("div", L, [
+          e.type === "dropdown" && e.data ? (u(), r(h, {
+            key: 0,
+            modelValue: l.value,
+            "onUpdate:modelValue": o[0] || (o[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": o[1] || (o[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),
+            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: o[3] || (o[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 w = /* @__PURE__ */ F(U, [["__scopeId", "data-v-07d4466b"]]);
+export {
+  w as A,
+  A as _
+};

package/dist/AvailabilitySkeleton-528d40ef.cjs

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

package/dist/AvailabilitySkeleton-ec092c09.js

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