@konnectio/core 4.0.17 → 4.0.19

package/dist/ActionField-4cb5a734.js

@@ -0,0 +1,100 @@
+import { h as f, j as V, c as m, k as d, l as i, w as v, x as g, y as q, n as t, T as k, m as B, C as I, I as C, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-1c999286.js";
+import { _ as A } from "./NumberField.vue_vue_type_script_setup_true_lang-eb9876fc.js";
+const h = { class: "fresh-booking-action-field" }, L = /* @__PURE__ */ f({
+  __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(y, { emit: b }) {
+    const s = b, u = y, o = u.id || V();
+    function r(e) {
+      s("update:modelValue", e);
+    }
+    const n = m({
+      get: () => u.modelValue,
+      set: (e) => r(e)
+    }), p = m({
+      get: () => u.modelValue,
+      set: (e) => r(e)
+    });
+    function c() {
+      s("action");
+    }
+    return (e, a) => (d(), i(C, {
+      label: e.label,
+      id: t(o),
+      icon: e.icon,
+      "icon-type": e.iconType,
+      required: e.required,
+      type: e.type,
+      readonly: e.readonly
+    }, {
+      default: v(() => [
+        g("div", h, [
+          e.type === "dropdown" && e.data ? (d(), i(q, {
+            key: 0,
+            modelValue: n.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
+            id: t(o),
+            options: e.data,
+            name: e.name,
+            required: e.required,
+            placeholder: e.placeholder
+          }, null, 8, ["modelValue", "id", "options", "name", "required", "placeholder"])) : e.type === "number" ? (d(), i(A, {
+            key: 1,
+            modelValue: p.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
+            id: t(o),
+            "min-value": e.minValue,
+            "max-value": e.maxValue
+          }, null, 8, ["modelValue", "id", "min-value", "max-value"])) : (d(), i(k, {
+            key: 2,
+            modelValue: n.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => n.value = l),
+            id: t(o),
+            name: e.name,
+            required: e.required,
+            placeholder: e.placeholder
+          }, null, 8, ["modelValue", "id", "name", "required", "placeholder"])),
+          B(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] = (l) => 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 w = /* @__PURE__ */ F(L, [["__scopeId", "data-v-07d4466b"]]);
+export {
+  w as A
+};

package/dist/ActionField-656d204b.cjs

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

package/dist/AvailabilitySkeleton-00f7fc68.js

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

package/dist/AvailabilitySkeleton-8fc17074.cjs

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